/*reset*/
@charset "utf-8";
body, div, p, span, ul, li, dl, dt, dd, a, ol,img, h1, h2, h3, h4, h5, h6,select, section,input, footer{padding: 0; margin: 0; list-style: none; border: 0; box-sizing: border-box; -webkit-tap-highlight-color:transparent;font-family: "sans-serif", "Microsoft YaHei", "微软雅黑", "Tahoma", "Helvetica"; max-height: 100000px;}
body {  color: #3333; background:#f1f1f1; width: 100%;}
a {text-decoration: none; outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#333;}
body,html{width:100%;min-width:320px; max-width:640px;margin:0 auto;background:#f1f1f1;}
a:hover { text-decoration: none;}
input, button { outline: none;}
h1, h2, h3, h4, h5, h6 { font-weight: normal;}
i,em {font-style: normal;}
img { vertical-align: middle;max-width: 100%;}
input,button{outline:none; border:none; border-radius:0;}
ul,ol{list-style: none;}
input,textarea{outline:none; resize:none; border:0; background:none; }
.clearfix::before,.clearfix::after{content: "."; height: 0; line-height: 0; display: block; visibility: hidden; clear: both;}
.text_overflow{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.text_overflow2{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.margin_auto{margin:0 auto;}
.f_left{float:left;}
.f_right{float:right;}
.all{min-width:320px; max-width:640px; width:100%;position:relative;}
/*reset*/

/*顶部*/
.of_top{height:0.88rem;background:#e60012;width:100%;position: relative;}
.of_logo{display: -webkit-flex;display: flex;justify-content: center;align-items:center;}
.of_logo img{width:0.48rem;height:0.48rem;margin-top:0.20rem;}
.of_logo span{font-size:0.22rem;color:#fff;margin:0.14rem 0 0 0.17rem;}
.of_phone{position: absolute;top:0.26rem;right:0.24rem;}
.of_phone img{display: block;width:0.33rem;height:0.33rem;}
.fanhui{position: absolute;top:0.30rem;left:0.24rem;}
.fanhui img{display: block;width:0.16rem;height:0.28rem;}
/*顶部*/


.xq{margin-top:0.20rem;}
.ke_banner{width:100%;}
.ke_banner img{display: block;}
.xq_con1_con{padding:0.25rem 0.30rem;background:#fff;}
.xq_con1_con h3{ font-size:0.26rem;color:#000;font-weight: bold;}
.xq_con1_con>p{ font-size:0.22rem; color:#ff4200;line-height:2;}
.xq_con1_con>p span{ color:#333333;}
.xq_con1_con1{ width:100%; }
.xq_con1_con1 li:nth-child(1){width:100%;}
.xq_con1_con1 li{ float:left; width:50%; font-size:0.22rem; color:#666666; margin:3px auto;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.xq_con1_con1 li span img{width:0.22rem;height:0.22rem;}
.xq_con1_con1 li span, .xq_con1_con1 li em{ display:inline-block; margin-right:5px; vertical-align:2px;}
.xq_con1_con1 li em{ margin-left:5px;}
.xq_con1_con1 li em img{width:0.12rem;height:0.17rem;}

/*领优惠券and热门活动*/
.xq_huodong{padding:0 0.30rem;background:#fff;margin-top:0.20rem;}
.youhuiquan{border-bottom:1px #f2f2f2 solid;padding:0.24rem 0 0.20rem;}
.youhuiquan span{float:left;display: block; font-size:0.16rem;color:#fff;text-align: center;background:#ff4200;padding:0 0.10rem;border-radius:0.08rem;margin-top:0.05rem;}
.youhuiquan em{font-size:0.20rem;color:#ff4200;background:#faede8;line-height:0.38rem;padding:0 0.34rem;float: left;border-radius:0.10rem;position: relative;margin-left:0.20rem;}
.youhuiquan em::before {content: ' '; width:0.14rem;height:0.14rem;border-radius:50%;background:#fff;display: block;position: absolute;top:0.11rem;left:-0.09rem;}
.youhuiquan em::after {content: ' '; width:0.14rem;height:0.14rem;border-radius:50%;background:#fff;display: block;position: absolute;top:0.11rem;right:-0.09rem;}
.youhuiquan a{border-radius:0.30rem;font-size:0.20rem;color:#ff4200;border:1px #ff4200 solid;float: right;padding:0 0.18rem;line-height:0.32rem;}
.xq_more{ position:relative;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;margin-top:10px;height:0.50rem;overflow:hidden; padding-bottom:0.20rem;}
.xq_more.curr{height:1.5rem;}
.xq_more .sp1{position: absolute;top:0.05rem;right:0;font-size:0.18rem;color:#999;cursor:pointer;}
.xq_more ul li{overflow:hidden;line-height:0.44rem;}
.xq_more ul li img{float:left;width:0.18rem;height:0.18rem;margin-top:0.10rem;margin-right:0.05rem;}
.xq_more ul li span{float:left;font-size:0.20rem;color:#ff4200;width:18%;}
.xq_more ul li a{float:left;font-size:0.20rem;color:#333;width:53%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/*三个标题*/
.of_three{background:#fff;margin-top:0.20rem;border-bottom:1px #f7f7f7 solid;}
.of_three a{float:left;width:33.33%;text-align: center;font-size:0.22rem;color:#333;line-height:0.70rem;}
.of_three a.curr{background:#f39800;color:#fff;}
.of_three.curr{position: fixed;top:0.8rem;left:0;margin:0;width:100%;z-index: 9;}
/*课程详情*/
h2{padding: 0.30rem 0.34rem 0.20rem;overflow:hidden;}
h2 img{width:0.38rem;height:0.38rem;float: left;}
h2 span{font-size:0.22rem;color:#000;float: left;margin-left:0.10rem;line-height:0.38rem;}

.of_ke_des{background:#fff;}
.jianjie{background:url(../../imgs/jianjiebg.jpg) no-repeat;background-size:100% 100%;width:90%;margin:0 auto;padding: 0.30rem 0;}
.jianjie p {font-size:0.18rem;color:#000;line-height:0.40rem;background:rgba(255,255,255,0.8);padding:0.30rem;}


.renqun ul{padding: 0 0.30rem;}
.renqun ul li{ background:#fff2e8;border-radius:0.40rem; overflow:hidden; margin:0.18rem auto 0; color:#333;padding:0.14rem 0.20rem;}
.renqun ul li span{ float:left;margin-right:0.10rem;width:12%;}
.renqun ul li span img{width:0.25rem;height:0.25rem;display: block;margin:0 auto;}
.renqun ul li em{float: left; font-style:normal; width:84%;  font-size:0.20rem;line-height:0.30rem;}

.mubiao{ overflow:hidden;}
.mubiao ul{padding: 0 0.30rem;}
.mubiao li{ float:left; width:49%;position: relative;margin-top:0.16rem;}
.mubiao li:nth-child(2n){margin-left:2%;}
.mubiao li img{display: block;}
.mubiao li em{display: block; color:#fff; text-align:center; font-size:0.18rem;background:#153067;padding:0.40rem 0.20rem 0.20rem;height:0.8rem;}
.mubiao li p{ text-align:center; position:absolute; top:2.1rem; width:100%;left:0;}
.mubiao li p span{ color:#fff; display:block; margin:0 auto; background-color:rgba(255,255,255,0.5); font-size:0.30rem; width:0.6rem; height:0.6rem; line-height:0.6rem; text-align:center; border-radius:50%;}


.neirong{padding: 0 0.22rem 0.20rem;}
.neirong a{display: block;width:40%;margin:0.45rem auto 0.20rem;background:#f39a00;font-size:0.20rem;line-height:0.56rem;text-align: center;color:#fff;border-radius:0.30rem;}
table{border-collapse:collapse;border: 1px solid #f39a00; width:100%;line-height:0.54rem;text-align: center;}  
td{border-collapse:collapse;border: 1px solid #f39a00;font-size:0.22rem;color:#333;}  
table th{background:#f39a00;font-size:0.22rem;color:#fff;}
.fuli a{display: block;}
.fuli a img{display: block;}
.liucheng a{display: block;}
.liucheng a img{display: block;}
/*课程详情*/

.of_dagang{background:#fff;margin-top:0.20rem;padding:0.20rem 0 0.20rem 0.36rem;}
.of_dagang h5{font-size:0.30rem;color:#333;}
.of_dagang ul li{border-bottom:1px #eee solid;font-size:0.22rem;padding:0.20rem 0.30rem 0.20rem 0;}
.of_dagang ul li span{color:#999;display: block;line-height:2;}
.of_dagang ul li em{color:#333;display: block;}


.of_like{background:#fff;margin-top:0.20rem;}
.of_like h5{font-size:0.30rem;color:#333;padding:0.20rem 0.28rem;}
.of_like .like_con{ overflow:hidden;padding:0 0.20rem;}
.like_con a{border-top:1px #ccc solid;overflow: hidden;display:block;height: 0.60rem;}
.like_con a:last-child{border-bottom:1px #ccc solid;}
.like_con a em{float:left; font-size:0.18rem;color:#333;width:70%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;line-height: 0.6rem;padding-left:0.20rem;}
.like_con a span{float:right;width:20%;height: 0.40rem;line-height: 0.40rem; font-size:0.18rem;color:red;border:1px #ff4200 solid;border-radius: 0.10rem;text-align: center;margin-top:0.08rem;}
.like_con a span:hover{background: #ff4200;color:#fff;}

/*.like_con a{ float:left; width:49%;margin-bottom:0.26rem;}
.like_con a:nth-child(2n){margin-left:2%;}
.like_con a img{display: block; width:100%;}
.like_con a .sp1{font-size:0.20rem;color:#333;line-height:1.6;padding:0.05rem;display: block;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.like_con a .sp2{overflow:hidden;padding:0.05rem;display: block;}
.like_con a .sp2 em{font-size:0.20rem;color:#f39800;float:left;width:50%;line-height:0.36rem;}
.like_con a .sp2 i{background:#f39800;float:right;color:#fff;line-height:0.34rem;font-size:0.18rem;padding:0 0.10rem;text-align: center;}*/

.bottom{font-size:0.18rem;line-height:0.30rem;text-align: center;background:#353841;padding:0.30rem 0;color:#efefef;margin-top:0.10rem;}


/*底部跟随*/
.of_dibu{height:0.8rem;position: fixed;bottom:0;left:0;width:100%;background:#fff;border-top:2px #e4e4e4 solid;}
.of_dibu a{float:left;}
.of_dibu a:nth-child(1){width:17%;padding-left:0.20rem;}
.of_dibu a:nth-child(1) img,.of_dibu a:nth-child(2) img{display: block;width:0.28rem;height:0.28rem;margin:0.13rem auto 0;}
.of_dibu a:nth-child(1) span,.of_dibu a:nth-child(2) span{display: block;font-size:0.20rem;text-align: center;line-height:2;}
.of_dibu a:nth-child(2){width:17%;padding-right: 0.20rem;}
.of_dibu a:nth-child(3),.of_dibu a:nth-child(4){width:33%;line-height:0.8rem;text-align: center;background:#ffb333;font-size:0.24rem;color:#fff;}
.of_dibu a:nth-child(4){background:#f39800;}


/*弹出框*/
.tan1{position: fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index: 99999999999999;display:none;}
.tan2{position: fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index: 99999999999999;display:none;}

.z_form{background:#fff;width:80%;margin:2rem auto;border-radius:0.20rem;padding-bottom:0.50rem;position: relative;}
.tan1_cuo{position: absolute;top:-0.70rem;right:0;width:0.52rem;height:0.52rem;}

.z_form h6{background:#f39a00;line-height:0.8rem;font-size:0.36rem;text-align: center;color:#fff;border-radius:0.20rem 0.20rem 0 0;}
.z_form_input{padding:0 20px;padding-top:7px;}
.z_form_input p{background:#eeeeee;height:0.64rem;line-height:0.64rem;margin:0.25rem auto 0;overflow:hidden;border-radius:0.10rem;}
.z_form_input p input{background:none;border:none;font-size:0.20rem;color:#999;display: block;height:0.64rem;line-height:0.64rem;padding-left:0.10rem;width:100%;}
.z_form_input p select{background:none;border:none;font-size:0.20rem;color:#999;display: block;height:0.64rem;line-height:0.64rem;padding-left:0.10rem;width:100%;background: url("../images/xl2.png") no-repeat 95% center;}
.z_form_input p input.yan{width:60%;float:left;}
.z_form_input p a.code{float:left;width:40%;font-size:0.20rem;height:0.64rem;line-height:0.64rem;color:#333;text-align: center;text-decoration:underline;}
.z_form_input p a.button{display: block; background:#f39a00;height:0.64rem;line-height:0.64rem;overflow:hidden;color:#fff;font-size:0.22rem;text-align: center;}


/*顶部*/
.of_top{height:0.88rem;background:#004197;width:100%;position: relative;}
.of_logo{display: -webkit-flex;display: flex;justify-content: center;align-items:center;}
.of_logo img{width:1.48rem;height:0.48rem;margin-top:0.20rem;}
.of_logo span{font-size:0.22rem;color:#fff;margin:0.14rem 0 0 0.17rem;}
.of_phone{position: absolute;top:0.26rem;right:0.24rem;}
.of_phone img{display: block;width:0.33rem;height:0.33rem;}
/*顶部*/
/*跟随电话修改*/
.gensui_phone{height:1.06rem;background:#004197;position: fixed;top:0;left:0;width:100%;z-index: 9999999;display:none;}
.gensui_phone a{display: block;width:45%;margin:0.34rem auto 0;}
.gensui_phone a img{display: block;}