@charset "utf-8";
html{margin:0 auto;/*height:100%;*/max-width:750px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{height:100%;max-width:750px;color:#333;min-width: 320px;background:#fff;}
body,button,input,select,textarea{font:.7rem Helvetica,sans-serif}
blockquote,body,button,dd,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,input,legend,ol,p,pre,select,textarea,ul{margin:0;padding:0;font-family:'Microsoft YaHei';list-style: none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
.clearfix:after,.clearfix:before{clear:both;display:block;visibility:hidden;height:0;content:"\0020"}
.clearfix{zoom:1}
.hide{display:none}
#fl{float:left}
#fr{float:right}
a{text-decoration:none;color:#333;}
body{padding-bottom:1rem;}


.banner{width:18.75rem;margin:0 auto;position:relative;}
.banner img{width:18.75rem;}

/*教师资格证报考条件*/
.mwap{width: 17.5rem;margin: 0 auto;}
.kwap{background:#df2c30;width: 18.75rem;margin:-0.3rem auto 0;padding:0 0 0.8rem;position:relative;}
h2{font-size:1rem;padding:0.8rem 0 0.4rem;text-align: center;}


	.banner{}
	.banner .mwap{position:absolute;top:2rem;left:50%;margin-left:-8.5rem;}
	.banner .mwap h3{font-size:0.9rem;color:#fff1df;line-height:2rem;}
	.banner .mwap .gl{width:13.05rem;}
	.banner .mwap .gl img{width:13.05rem;}
	.banner .mwap p{font-size:0.65rem;color:#fff1df;font-weight: bold;margin-top: 0.6rem;}
	.banner .mwap h2{font-size:0.75rem;color:#fff;text-align: center;padding:1rem 0 0;}
	
	.m1{width:17.5rem;margin:0 auto;}
	.m1 ul{}
	.m1 ul li{padding:0.5rem 0;background:#fff;border-radius:10px;margin-bottom:0.8rem;}
	.m1 ul li h4{background:linear-gradient(to right,#f45741,#f32737);font-size:0.6rem;color:#fff;line-height:1.2rem;border-radius:0 30px 30px 0;padding-left:0.8rem;width:4.5rem;}
	.m1 ul li p{width:15.9rem;padding:0.3rem 0.8rem 0.1rem;font-size:0.55rem;line-height:1.1rem;color:#000;}
	
	.m2 .xingshi{width:16.3rem;margin:1rem auto 0;padding:0.5rem 0.6rem;background:#fff; box-shadow:0 0 6px 1px rgba(255,66,29,0.35);border-radius: 10px;}	
	.m2 .xingshi h2{font-size:0.75rem;padding-top:0.3rem;color:#000;}
.m2 .xingshi .ban{width:16.3rem;margin-bottom: 0.8rem;}	
	
.m2 .xingshi .ban h3{font-size:0.6rem;color:#f32d38;line-height:1.2rem;}	
.m2 .xingshi .ban p{clear: both;}
.m2 .xingshi .ban p span{display:inline-block;font-size:0.55rem;line-height:1.3rem;color:#000;}	
.m2 .xingshi .ban p a{display:inline-block;float:right;font-size:0.55rem;line-height:1rem;margin:0.15rem 0; color:#fff;padding:0 0.4rem;border-radius:6px;
	background:-webkit-linear-gradient(left, #f45741, #f32737);
	background:-o-linear-gradient(left, #f45741, #f32737);
	background:linear-gradient(to right, #f45741, #f32737);}	
	
.m2 .xingshi .wu{width:16.3rem;}
.m2 .xingshi .wu h3{font-size:0.6rem;color:#f32d38;line-height:1.2rem;}	
.m2 .xingshi .wu p{font-size:0.55rem;line-height:1.2rem;margin:0.15rem 0;color:#000;}

.m2 .xingshi .wu a{display:block;font-size:0.55rem;line-height:1rem;margin:0.3rem auto;color:#fff;padding:0 0.4rem;width: 4rem;text-align:center;border-radius:6px;
	background:-webkit-linear-gradient(left, #f45741, #f32737);
	background:-o-linear-gradient(left, #f45741, #f32737);
	background:linear-gradient(to right, #f45741, #f32737);}
.m3{background:#fff;margin-top: 0.6rem;border-radius:10px;padding-bottom: 0.6rem;}
.m3 h2{font-size:0.75rem;color:#000;}
.m3 h2 span{display: inline-block;width:2rem;border-top:1px solid #000;margin:0 0.4rem;vertical-align: middle;}	
.m3 .real{width: 16.5rem;margin:0 auto;background:#f32d38;border-radius: 10px;padding:0.5rem 0 0.3rem;}
.m3 .real ul{background:#fff;border-radius:10px;margin:0 auto;width:14rem;margin:0 auto;padding:0.5rem 0.8rem;}	
.m3 .real ul li{width:4rem;float:left;font-size:0.55rem;text-align: center;}	
.m3 .real ul li img{width:1.8rem;display: block;margin:0 auto;}	
.m3 .bk{width:15.6rem;margin:0.6rem auto;}	
.m3 .bk dl{float:left;width:4.15rem;}
.m3 .bk dl img{width: 100%;}
	
.m3 form{width:10.5rem;float:right;font-size:0.6rem;}
.m3 form select{font-size:0.6rem;line-height:1.2rem;padding:0.2rem 0; outline: none;border-radius:4px;width:10.5rem;margin-bottom:0.5rem;}
.m3 form input{font-size:0.6rem;outline: none;padding:0.2rem 0;width:10.3rem;border-radius: 4px;border:none;padding-left:0.2rem;line-height:1.2rem;}
.m3 form input[type="submit"]{width:6rem;text-align: center;margin:0 auto; background:#fff1df;margin-top:0.5rem;font-size:0.7rem;border-radius: 40px;color:#f32d38;font-weight: bold;display: block;}
	
.m4{background:#fff;border-radius:10px;margin-top:0.6rem;padding-bottom:0.6rem;}
.m4 h2{font-size:0.75rem;color:#000;padding-bottom: 0;}
.m4 ul{padding:0.5rem;}	
.m4 ul li{border-bottom:1px dashed #f32d38;padding:0.6rem 0;width: 15.8rem;margin: 0 auto;}	
.m4 ul li span{display:inline-block;background:#f32d38;width:0.9rem;height:0.9rem;border-radius: 2px;line-height: 0.9rem;text-align: center;color:#fff;font-weight: bold;vertical-align: top;font-size:0.6rem;}	
.m4 ul li p{width:14rem;margin-left:0.5rem;font-size:0.55rem;line-height: 1rem;display:inline-block;color:#000;}
.m4 .msgl{width:6.5rem;display: block;background:#f32d38;border-radius:60px;font-size:0.6rem;line-height: 1.2rem;color:#fff;font-weight:bold;margin: 0 auto;text-align: center;}
	
.m5{background:#fff;border-radius: 10px;margin-top: 0.6rem;padding-bottom:1rem;}
.m5 h2{color:#000;font-size:0.75rem;}
.m5 .liyi{width: 16.5rem;background:#f32d38;margin: 0 auto;padding:0.5rem 0  2rem;border-radius:10px;}
.m5 .liyi .c-right{background:#fff;padding:0.5rem;position: relative;width: 14.6rem;margin: 0 auto;border-radius:10px;}
.m5 .liyi .c-right div{display:inline-block;}
.m5 .liyi .c-right .part1{width:2rem;height:2rem;vertical-align: top;
	background:#f32d38;
	border-radius:4px;color:#fff;text-align: center;font-size:0.6rem;font-weight: bold;line-height:1rem;}
.m5 .liyi .c-right .part1 i{font-style:normal;font-size:0.5rem;line-height:0.5rem;font-weight: normal;padding-top:0.4rem;display: block;}
.m5 .liyi .c-right .part2{margin-left:0.3rem;}
.m5 .liyi .c-right .part2 p{font-size:0.6rem;font-weight: bold;color:#000;line-height:0.8rem;margin-bottom:0.1rem;}
.m5 .liyi .c-right .part2 span{font-size:0.5rem;color:#000;line-height:0.8rem;}
.m5 .liyi .c-right dl{margin-bottom:1rem;}	
.m5 .liyi .c-right dl.dl02{margin-bottom:0.25rem;}
.m5 .liyi .c-right .lingqu{width: 6.5rem;display: block;background: #f32d38;border-radius: 60px;font-size: 0.6rem;line-height: 1.2rem;color: #fff;font-weight: bold;margin:0.6rem auto;text-align: center;}
.m5 .liyi .saoma{position: absolute;right:1rem;top:3rem;width:4rem;}
.m5 .liyi .saoma img{width:3rem;border:1px solid #f45741;display: block;margin: 0 auto;}
.m5 .liyi .saoma  p{font-size:0.5rem;line-height:0.75rem;text-align: center;width:4rem;}
.m5 .dianji{width:15.6rem;margin:-1.5rem auto 0;background:#fff;box-shadow:0 0 10px 0 rgba(243,45,56,0.6);padding:1rem 0;border-radius: 10px; position:relative;}
.m5 .dianji img{display: block;width:12.55rem;margin: 0 auto;}
.m5 .dianji span{display: block;width:0.3rem;height:1.6rem;background:#fff;border-radius:20px;border:1px solid #f32d38;position: absolute;top:3.2rem;left:0.6rem;}
.m5 .dianji i{display: block;width:0.4rem;height:0.4rem;background:#fff;border-radius:20px;border:1px solid #f32d38;position: absolute;top:5.5em;right:0.6rem;} 	


.kecheng{width:17.5rem;margin:0.8rem auto 0; padding-bottom:1rem;border-radius: 10px;background:#fff;}
.kecheng .course{width: 15rem;margin: 0 auto;background: #fff;border-radius:0.5rem;padding-bottom:0.6rem;}
.kecheng h2{padding: 0.8rem 0 0rem;color:#000;font-size:0.75rem;}
.kecheng h2 span{font-size: 0.5rem;line-height: 1.2rem;margin: 0 0.3rem;vertical-align: top;}
.kecheng h3{color:#000;font-size:0.55rem;font-weight: normal;text-align: center;padding:0 0 0.2rem;}
.kecheng ul{padding:1rem 1rem 0.5rem;margin-top: 0.6rem;background:#f32d38;width:14.5rem;margin:0 auto;border-radius:10px;}
.kecheng ul h5{font-size:0.55rem;font-weight: bold;color:#fff;line-height:0.8rem;margin-bottom:0.3rem;}
.kecheng ul h5 span{width:0.15rem;height:0.6rem;background: #fff;display:inline-block;margin-right:0.3rem;vertical-align: middle;}
.kecheng ul li{float:left;font-size:0.55rem;line-height:1.2rem;color:#fff;margin-bottom: 0.4rem;}

/*银行面试课程*/
.kecheng table{width:15.5rem;background:#fff;margin:0 auto;border-collapse: collapse;}
.kecheng table th{font-size:0.55rem;font-weight: bold;height:1.5rem;border-right:1px solid #b3b3b3;border-bottom:1px solid #b3b3b3;}
.kecheng table tr{}
.kecheng table td{font-size:0.5rem;line-height:0.8rem;padding:0.2rem 0.1rem; text-align: center;vertical-align: middle;border-bottom:1px solid #b3b3b3;border-right:1px solid #b3b3b3;}
.kecheng table td a{display: block;width:2.5rem;height:0.9rem;line-height: 0.9rem;border-radius: 30px;color:#fff;background:#f32d38;margin: 0 auto}
.kecheng .box{background:#f32d38;width: 16.5rem;margin:0.5rem auto 0;padding:0.5rem 0;border-radius: 10px;}

.tixi{background:#fff;width: 17.5rem;margin:0.8rem auto;border-radius: 10px;padding-bottom:0.6rem; box-shadow:0 0 6px 1px rgba(255,66,29,0.35);}
.tixi h2{color:#f32d38;padding-bottom:0.2rem;}
.tixi h3{font-size:0.6rem;color:#f32d38;text-align: center;font-weight: normal;padding-bottom: 1rem;}

.tixi .bg{background:url(../images/bg.png) no-repeat center top;background-size:15.85rem 11.2rem;width: 15.85rem;height: 11.2rem; margin: 0 auto;}
.tixi .bg p{font-size:0.55rem;line-height:1.8rem;color:#000;margin-left:3.8rem;margin-bottom:1.05rem;width:12rem;}

	
.m7{padding:0.5rem 0;background: #fff;margin: 0 auto 0.8rem;border-radius: 10px;}
.m7 .scene{width: 16.5rem;background:#f32d38;margin:0 auto;padding:0.5rem 0;border-radius:10px;}
.m7 .scene img{width: 15.5rem;margin: 0 auto;display: block;border-radius:10px;}
.m7 .add{width: 16.5rem;
    margin: 0 auto;
    font-size: 0.55rem;
    line-height: 1.1rem;
    color: #000;
    padding: 0.5rem 0 0.2rem;
    padding-left: 0.25rem;}

.m7 .add h3{font-size:0.65rem;color:#000;background:url(../images/add.png) no-repeat center left;background-size:0.7rem 0.8rem;padding-left:1rem;}
.m7 .barcode{width:17.5rem;border-radius:0.25rem;padding-bottom: 0.5rem;}
.m7 h2{color:#f45741;padding: 0.8rem 0 0.8rem; }
.m7 ul{width:15.9rem;margin: 0 auto;}
.m7 li{ float:left; width:4.6rem;text-align:center; }
.m7 li img{ width:100%;}
.m7 li p{ font:0.5rem/1rem "microsoft yahei"; color:#fff; background:#f32d38;border-radius: 40px;margin-top:0.3rem;}


/* 底部固定导航  */
.fix{width:18.75rem;position: fixed;bottom:0;z-index:20}
.fix ul{width:18.75rem;}
.fix ul li{float:left;width:9rem;background-color:#EF1E33;color:#fff;font-size:0.65rem;line-height:2rem;text-align: center;border-bottom: 1px solid #fff;padding-left:0.375rem;cursor: pointer;}



.zhezhao{position: fixed;top:0;left:0;z-index: 99;background:rgba(0,0,0,0.7);width: 100%;height: 100%;display:none;}
.tc{background: url(../images/zhezhao.png) no-repeat center top;background-size:100%;width:11.9rem;height:13.25rem;margin:6.5rem auto 0;position: absolute;left:50%;margin-left:-6rem;}

.tc a{font-size: 0.8rem;line-height: 1.5rem;color: #fff;background-color:#ff5038;outline: none;width:8rem; border-radius:1rem;;display: block;font-weight: bold;text-decoration: none;text-align: center;position: absolute;top:10rem;left:50%;margin-left: -4rem;}
.close2{width:1rem;height:1rem;color:#fff;border-radius:50%;font-size:0.8rem;line-height:1rem;position: absolute;bottom:-1.5rem;left:50%;margin-left: -0.5rem; border:0.06rem solid #fff;display: block;text-align: center;}