html{font-size:20px;}
body{margin: 0;padding: 0;background: #f2f5fa;color: #333; font-size: 16px;}
ul,li{margin: 0;padding: 0;list-style-type: none;}
*{box-sizing: border-box;}
*{-webkit-overflow-scrolling:touch}
::-webkit-scrollbar {display: none;}
a{text-decoration: none;color: #333;}
a:hover{text-decoration: none;color: #317df1;}
input:focus,button:focus{outline: none;}
.text-white {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.container{margin: 0 auto; width: 100%;}
@media (min-width: 1536px){
	.container{max-width:1200px;}
}
@media (min-width: 1200px){
	.container{padding-left: 15px; padding-right: 15px;}
}

.headerwrap{background-image: url("../../img/headbg.png");background-position: center top;background-repeat: no-repeat;background-size: cover;box-shadow: rgba(6,138,244,.05) 0 5px 15px; padding: 25px 0;}
.headerwrap .container{display: flex;align-items: center;justify-content: space-between;}
.headerwrap .logo {flex: 1;}
.headerwrap .logo span {border-left:1px solid #CCCCCC;padding-left: 30px; display:inline-block; vertical-align: middle; color:#000000; font-size: 1.8rem;font-weight: 500;font-family: Heiti;}
.headerwrap .link a{padding:15px 20px;background: #e6eef9;border-radius: 10px;display: flex;align-items: center;justify-content: center; color: #007AFF;}
.headerwrap .link a i{margin-left: 10px;}
.headerwrap .link a:hover{background: #007AFF;color: #fff;}
.logo-double {display: flex; align-items: center;}

.footerwrap{width: 100%;background: #fff;}
.footerwrap .linkbox{text-align: center; min-height: 60px;line-height: 60px; border-top: #eee solid 1px;padding-bottom: 20px;background: #f5f5f5;}
.footerwrap .linkbox a{margin: 0 20px;}
.footerwrap .copyright{text-align: center;padding: 40px;color: #666;}
.footerwrap .copyright p{margin-bottom: 0;}

.empty-content {text-align: center; width: 100%; min-height: 300px; display: flex; flex-direction: column; align-items: center; justify-content: space-around;}
.empty-content .desc {margin-top: 20px;}

.pagination>li {-webkit-box-shadow: 0 6px 12px 0 rgba(211,211,211,0.91) ;
    box-shadow: 0 6px 12px 0 rgba(211,211,211,0.91) ;}
.pagination>li>a, .pagination>li>span {float: none; border-radius: 4px; overflow: hidden; color: #0171fb;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {background-color: #0171fb; border-color: #0171fb;}
/** btn **/
.btn-ac {
	border-radius: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #fff;
}
.btn-ac:hover, .btn-ac:focus {
	color: #fff;
	text-decoration: none;
}
.btn-ac-blue {
	background-image: -webkit-linear-gradient(0deg, rgba(79,145,226,1) 0, rgba(73,181,244,1) 0, #0171fb 100%);
	background-image: -moz-linear-gradient(90deg, rgba(79,145,226,1) 0, rgba(73,181,244,1) 0, #0171fb 100%);
	background-image: linear-gradient(90deg, rgba(79,145,226,1) 0, rgba(73,181,244,1) 0, #0171fb 100%);
	background-position: 50% 50%;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: auto auto;
	background-size: auto auto;
}
.bg-white{
	--tw-bg-opacity:1;
	background-color:rgba(255, 255, 255, var(--tw-bg-opacity));
}
.transform{
	--tw-translate-x:0;
	--tw-translate-y:0;
	--tw-rotate:0;
	--tw-skew-x:0;
	--tw-skew-y:0;
	--tw-scale-x:1;
	--tw-scale-y:1;
	transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
  
.hover\:-translate-y-2:hover{--tw-translate-y:-0.5rem;}
.transition-colors{transition-property:background-color, border-color, color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}

.duration-300{transition-duration:300ms;}
.shadow{
	--tw-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
	box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (max-width: 767px) {
    .course-list .caption h3,.course-list .caption h4 {
        overflow: auto;
        white-space:inherit;
    }
    .headerwrap .logo img {width: 100%;}
    .headerwrap .logo span {font-size: 1.2rem; padding-left: 20px;}
    .headerwrap .link {font-size: 12px;}
	.headerwrap .link a {padding: 5px; border-radius: 4px;}

    .footerwrap .linkbox{padding-top: 20px;}
    .footerwrap .linkbox a{width: 100%;margin: 0;text-align: center;display: block;line-height: 24px;}
}