anniu/* CSS Document */
body,div,dl,dt,dd,ul,li,ol,h1,h2,h3,h4,h5,h6,p,input,span,a,img,b,table,tr,th,td,tbody,form,fiedset,pre,textarea,blockquote{margin:0;padding:0;border:none 0;list-style:none}
a{text-decoration:none;outline:none;color:#333;}
img{ display:block;}
body{ font-family: -apple-system,"PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif; font-size:14px;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
input,button,select,textarea{outline:none}
textarea{resize:none}
article,aside,figcaption,figure,footer,header,hgroup,nav,section,summary{ margin:0; pading:0; display:block;}
a:link{text-decoration:none}
a:visited{text-decoration:none}
a:hover{text-decoration:none;}
a:active{text-decoration:none}

.fl{ float:left;}
.fr{ float:right;}
.clearfix:after{ content:""; clear:both; display:block; font-size:0; height:0; overflow:hidden;}
.clearfix{ zoom:1;}

body{padding-top:49px;position: relative;}
/*content*/
.content{max-width:750px; width:100%;background: #f0f0f0; margin:0 auto;}
.list-content{max-width:750px; width:100%; background: #f0f0f0; margin:0 auto;}
.head{position:fixed;left:0; top:0;/* padding-left:126px;*/ width:100%; height:48px; overflow: hidden; border-bottom:1px solid #ddd;z-index: 99999;background: #fff;}
.head .content{position:relative; background: #fff; z-index: 99999;}
.head .logo{position:absolute; left:10px; top:11px; width:106px; height:26px;}
.head .logo img{width:106px; height:26px;}
.head .shuxian{position:absolute; left:124px; top:15px; width:1px; height:20px;background:#5796f8;}
.head .wenzi{position:absolute; left:133px; top:17px; width:140px; }
.head .wenzi img{display: block;width: 100%;height: auto;}
.menu{position: absolute;right: 8px;top: 15px;z-index: 50;}
.space-area{width: 100%;height: 100%;background: rgba(0,0,0,0.3);position: absolute;left: 0;top: 0;z-index: 4;}
.menu-list{width: 100%;height: 0;position: fixed;background: transparent;left: 0;top: 0;z-index: 4;display: block;overflow: hidden;display: none;}
.menu-main{width: 65%;height: 100%;background: rgba(255,255,255,0.95);position: absolute;right: 0;top: 48px;z-index: 5;overflow: scroll;padding: 0 20px;}
.menu-tac{width: 100%;height: auto;padding-bottom: 60px;}
.menu-tac h2{font-size: 16px;color: #333;font-weight: bold;padding: 20px 0 8px;border-bottom: 2px solid #0053ab;color: #0053ab;}
.alpha{width: 85%;height: auto;position: relative;padding-left: 15%;padding-top: 6px;padding-bottom: 5px;border-bottom:1px dotted #ccc;}
.alpha01{width: 100%;height: auto;padding-top: 6px;padding-bottom: 5px;border-bottom:1px dotted #ccc;}
.alpha span{display: block;width: 20px;height: 20px;font-size: 14px;line-height: 20px;text-align: center;position: absolute;left: 0;top: 10px;background: #aaa;color: #fff;}
.alpha a{display: inline-block;font-size: 14px;line-height: 30px;color: #333;margin-right: 8px;}
.alpha01 a{display: inline-block;font-size: 14px;line-height: 30px;color: #333;margin-right: 12px;}
.alpha a:hover,.alpha01 a:hover{color: #2685eb;text-decoration: underline;}
/*sort*/
.brand-subjectSort{padding:18px 5px 8px; background: #fff;margin-bottom:10px; overflow: hidden;}
.brand-subjectSort a{float:left; width:25%; color: #232323; font-size:13px; text-align: center; overflow: hidden; margin-bottom: 10px;}
.brand-subjectSort a img{display:block; height:42px; width:42px;margin:0 auto;}
.brand-subjectSort a span{display:block; height:28px; line-height: 28px;}

/*banner*/
.Showbd1{width: 5250px; position: relative; overflow: hidden; padding: 0px; margin: 0px; transition-duration: 0ms; transform: translate(-750px, 0px) translateZ(0px);}
.bannerList a,.bannerList a img{ display:block; width:100%; overflow:hidden;}
.banner{ position:relative; width:100%; }
.hdAdd{ position:absolute;width:100%; height:8px; bottom:0px; left:0px; text-align: center; z-index:1; cursor: pointer;}
.hdAdd ul{overflow: hidden;}
.hdAdd li{ display:inline-block; width:4px; height:4px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;border:1px solid #fff; overflow:hidden; margin:0 3px; text-indent:-9999px; }
.hdAdd li.on{ background:#fff; }

/*count-down*/
.count-down{display:table; position:relative;width:100%; background: #fff;padding:3px 0 3px 3px;font-size: 16px;height: 32px;line-height: 32px;}
.clock{padding-left: 20px;background: url(../images/Clock.png) left center no-repeat;background-size: 18px 18px;color: #50afff;float: left;}
.daojishi{width: 60%;float: left;}
.daojishi span{background: #50afff;padding: 0 2px;color: #fff;margin: 0 2px;}

/*course-module*/
.course-module{position:relative;width:100%; margin-top:20px; background: #fff;z-index: 1; }
.courseSort-title{position:absolute; left:0; top:-12px; height:24px; padding:0 20px 0 15px; border-radius:0 12px 12px 0; font-size:16px; color:#fff; line-height: 24px;}
.courseSort-title1{background: #a888fd;
    background:-moz-linear-gradient(left, #e082ea, #b339c0);
    background:-webkit-linear-gradient(left, #e082ea, #b339c0);
}
.courseSort-title2{background: #a888fd;
    background:-moz-linear-gradient(left, #61c5ff, #2f97d6);
    background:-webkit-linear-gradient(left, #61c5ff, #2f97d6);
}
.courseSort-title3{background: #a888fd;
    background:-moz-linear-gradient(left, #72e2af, #3fc587);
    background:-webkit-linear-gradient(left, #72e2af, #3fc587);
}

.courseSort-title4{background: #a888fd;
    background:-moz-linear-gradient(left, #4d80ff, #064fff);
    background:-webkit-linear-gradient(left, #4d80ff, #064fff);
}
.courseSort-title5{background: #a888fd;
    background:-moz-linear-gradient(left, #abacfe, #7274ed);
    background:-webkit-linear-gradient(left, #abacfe, #7274ed);
}
.courseSort-title6{background: #a888fd;
    background:-moz-linear-gradient(left, #fe9a85, #fd7966);
    background:-webkit-linear-gradient(left, #fe9a85, #fd7966);
}
.courseSort-title7{background: #a888fd;
    background:-moz-linear-gradient(left, #d0b4ff, #8864fc);
    background:-webkit-linear-gradient(left, #d0b4ff, #8864fc);
}


.course-list{padding-bottom:10px;overflow: hidden; margin-left:-1%;}
.course-list a{float:left; width:49%;margin-left:1%; margin-bottom:3px;}
.course-list a img{display:block; width:100%;}
.course-list2{margin-top:20px;}
/*course-label*/
.course-label{overflow: hidden;border-top:1px solid #f0f0f0}
.course-label li{float:left;display:table; width:50%; text-align: center; margin-left:-1px; height:44px;}
.course-label-zxx li{float:left;display:table; width:33.3%; text-align: center; margin-left:-1px; height:44px;}
.course-label li a{display:block; display:table-cell; vertical-align: middle; border-left:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0; line-height: 20px;}

.footer{
    max-width: 750px;
    width: 100%;
    margin: 40px auto 60px;
    background: #e0e0e0;
    color: #333;
    text-align: center;
    line-height: 22px;
    padding: 6px 0 6px;
    font-size: 12px;
}

/*list--page*/
.subject-module{background: #fff; overflow: hidden;}
.subject-courseList{position:relative; display:block; min-height:82px; padding:15px 15px 15px 150px; background:#fff;border-bottom:1px solid #f1f1f1; }
.course-cover{position:absolute; left:15px; top:15px;width:120px; height:82px;}
.course-catalog{height:46px; font-size:15px; color: #232323; line-height: 23px; overflow: hidden; font-weight:500;}
.open-time{padding:6px 0 0;line-height:24px; font-size:13px; color: #999; overflow: hidden;}
/*no-result*/
.no-result{width:100%; max-width:750px;padding-top:86px; margin:0 auto; text-align: center; font-size:14px; color:#38adff;}
.no-result img{display:block; width:43%; max-width:318px; margin:0 auto 16px;}



@media screen and ( max-width:374px) {
    .brand-subjectSort a {
        font-size: 12px;
    }

    .brand-subjectSort a img {
        display: block;
        height: 36px;
        margin: 0 auto;
        width: 36px;
    }
}



.bottom{ height:44px; border-top:1px solid #ccc; width:100%;  position:fixed; 	bottom:0;
	left: 0;
	background-color: #f5f5f5;
	z-index: 999;}
.bottom p{ text-align:center;}
.bottom p a{ display:block; font:10px Microsoft YaHei; line-height:1px; color:#0066ff; float:left; width:25%;}

.online:before{ content:""; display:block;width:36px; height:36px;  background:url(../images/b033.png) no-repeat center center; margin:0 auto 0; background-size:65%;}

.free:before{ content:""; display:block;width:36px; height:36px;   background:url(../images/b011.png) no-repeat center center; margin:0 auto 0; background-size:65%;}

.enjoy:before{ content:""; display:block;width:36px; height:36px;   background:url(../images/b022.png) no-repeat center center; margin:0 auto 0; background-size:65%;}

.free1:before{ content:""; display:block;width:36px; height:36px;   background:url(../images/b044.png) no-repeat center center; margin:0 auto 0; background-size:65%;}

.foot{width:100%; background:#06F; height:50px; text-align:center; position: fixed; bottom:0px; left: 0; z-index:998; text-align:center;}

.foot1{display:block; width:50%;float:left;background:#242424;}
.foot2{display:block; width:50%;float:left;background:#CD2225;}

.anniu{width: 132px;margin: auto;font-size: 22px;color: #fff;line-height: 50px;}
.img{ display:block; float:left; width:32px; height:32px; margin: 0 auto ;margin-top: 8px;}	

/*================================20201029改*/
.pz-form{ width:100%; margin:0 auto; overflow:hidden; background:#FFF; padding:0 10% 10px; box-sizing:border-box; border-top:10px solid #f0f0f0;}
.pz-form h4{ text-align:center; color:#222; font-size:16px; text-align:center; line-height:50px; font-weight:bold;}
.form{ width:100%; overflow:hidden;}
.form input{ width:99%; height:30px; border:1px solid #ccc; border-radius:6px; text-indent:6px; margin-bottom:8px; font-size:14px;}
.sjyz{ width:100%; overflow:hidden;}
.sjyz input{ float:left; width:40%;}
#sendsms{ float:right; width:55%; background:#ccc; }
#sub_bottom{ background:#09F; color:#fff; border:0px; letter-spacing:10px; font-weight:bold; font-size:14px; 
	background:linear-gradient(270deg, #009ce0, #ffab5b,#9853fd);
	background-size:600%;
	/*-webkit-animation: gradFade 5s ease infinite;
	-moz-animation: gradFade 5s  ease infinite;
	animation:gradFade 5s  ease infinite;*/
}

/*@-webkit-keyframes gradFade {
	0%,100% {
		background-position:0 50%
	}
	50% {
		background-position:100% 50%
	}
}*/



input::-webkit-input-placeholder {
        color: #aaa;
}
input::-moz-input-placeholder {
  color: #aaa;
}
input::-ms-input-placeholder {
color: #aaa;
}
input[type="button"], input[type="submit"], input[type="reset"] {

-webkit-appearance: none;

}

textarea {  -webkit-appearance: none;}   



.fix_phon{ position:fixed; z-index:10000; width:50px; height:50px; bottom:60px; right:1%; border-radius:25px; background:#d64848; box-shadow:#f59893 0 0 10px; overflow:hidden; font-size:0px;}
.fix_phon a{ display:block; text-align:center; width:100%; height:50px; line-height:50px;}
.fix_phon a img{ display:inline-block; width:80%; vertical-align:middle;}


.footer_main{ width:100%; position:fixed; z-index:200; height:1rem; overflow:hidden; left:0px; bottom:0px;}
.footer_main table{ width:100%; text-align:center; table-layout:fixed;}
.footer_main table tr td{ height:1rem; color:#FFF; font-size:0.3rem;}
.footer_main table tr td a{ color:#252424; display:block; height:1rem; line-height:1rem;}
.footer_main table tr td:nth-child(1){ background:#32b9ac;}
.footer_main table tr td:nth-child(2){ background:#eda867;}
.footer_main table tr td:nth-child(3){ background:#12a7ee;}
.footer_main table tr td i{ display:inline-block; width:0.4rem; height:0.4rem; vertical-align:middle; margin-right:6px;}
.footer_main table tr td i img{ width:100%; height:auto;}