body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, a { margin: 0; padding: 0; border: 0; box-sizing: border-box; }
ul, ol, li { list-style-type: none; }
body { -webkit-overflow-scrolling: touch; background-color: #fff; color: #191919; font-size: 12px; }
select, input, img, select { vertical-align: middle; outline: none; box-sizing: border-box; }
a { text-decoration: none; }
a { color: #222; }
element::-webkit-scrollbar {
 display: none;
}
/*a:visited{color:#666;} */
.w-100 { width: 100%; }
.w-98 { width: 98%; }
.w-97 { width: 97%; }
.w-99 { width: 99%; }
.w-96 { width: 96%; }
.w-95 { width: 95%; }
.w-90 { width: 90%; }
.w-85 { width: 85%; }
.w-80 { width: 80%; }
.w-60 { width: 60%; }
.w-40 { width: 40%; }
.w-45 { width: 45%; }
.w-55 { width: 55%; }
.w-58 { width: 58%; }
.w-42 { width: 42%; }
.w19 { width: 19rem; }
.h-auto { height: auto; overflow: hidden; }
.h-100 { height: 100%; }
.bg-fff { background-color: #FFFFFF; }
.bg-000 { background-color: #000000; }
.cl0 { color: #000000; }
.clf { color: #FFFFFF !important; }
.fl { float: left; }
.fr { float: right; }
.main { width: 100%; max-width: 640px; margin: 0 auto; height: auto; box-shadow:0 .1rem .5rem #eee}
.center { margin-left: auto; margin-right: auto; }
.h-center { text-align: center; }
.f-img { display: block; width: 100%; height: auto; }
.m-t0 { margin-top: 0rem; }
.m-t1 { margin-top: 1rem; }
.m-t12 { margin-top: 1.2rem; }
.m-t13 { margin-top: 1.3rem; }
.m-t14 { margin-top: 1.4rem; }
.m-t15 { margin-top: 1.5rem; }
.m-t06 { margin-top: 0.6rem; }
.m-t08 { margin-top: 0.8rem; }
.p-b12 { padding-bottom: 1.2rem; }
.p-l { padding-left: 0.9rem; }
.p-t05 { padding-top: 0.5rem; }
.p-t02 { padding-top: 0.2rem; }
.p-t12 { padding-top: 1.2rem; }
.show { display: block !important; }
.sho { display: block; }
.bold { font-weight: bold; }
.lighter { font-weight: lighter; }
.bd_r { border-right: 1px solid #D4D4D5; }
.clearfix { zoom:1;}
.clearfix:after { content:".";display:block;height:0;clear:both; visibility:hidden;}
/*top*/
.nav { background-color: #FFFFFF; }
.nav li { display: block; float: left; text-align: center; height: 2.2rem; line-height: 2.2rem; font-size: 0.73rem; }
/*bottm-fix*/
.fix-b { height: 3.925rem; position: fixed; bottom: 0rem; background: url(teln.png) no-repeat top; background-size: 100% 100%; max-width: 640px; z-index: 999; }
.fix-b a { display: block; float: left; width: 50%; height: 100%; }
.bd-t { border-top: 1px dashed #999; }
.ban { width: 100%}
.ban img {width: 100%; display: block; margin: 0; border: 0}

.info_top {height: 2.35rem;margin: 0 auto;background: #333;}

/*课程升级明细*/
.box1 {width: 77%; background: url(boxBg1.jpg) no-repeat top; background-size: 100%; padding: 4.3rem 8% 1rem 15%}
.box1 p { font-size: .8rem; line-height:1.5rem;}

.tt { height: auto; overflow: hidden; text-align: center; }
.tt h2 { font-size: 1.1rem; height: 1.6rem; line-height: 1.6rem; font-weight: lighter; }
.tt p { padding-top: 0.2rem; font-size: 0.6rem; color: #868686; line-height: 1.4; }
.zx { display: block; width: 8.18rem; text-align: center; height: 1.88rem; line-height: 1.88rem; font-size: 0.8rem; background: -webkit-linear-gradient(left, #ed362b, #ff5355); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #ed362b, #ff5355); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #ed362b, #ff5355); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #ed362b, #ff5355); /* 标准的语法 */
  margin-left: auto; margin-right: auto; border-radius: 1.88rem; color: #fff; }
.zx1 { float: left; display: block; width: 8.18rem; text-align: center; height: 1.88rem; line-height: 1.88rem; font-size: 0.8rem; background: -webkit-linear-gradient(left, #ed362b, #ff5355); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #ed362b, #ff5355); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #ed362b, #ff5355); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #ed362b, #ff5355); /* 标准的语法 */
  margin-left: auto; margin-right: auto; border-radius: 1.88rem; color: #fff; }
.zx2 { float: right; display: block; width: 8.18rem; text-align: center; height: 1.88rem; line-height: 1.88rem; font-size: 0.8rem; background: -webkit-linear-gradient(left, #ed362b, #ff5355); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #ed362b, #ff5355); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #ed362b, #ff5355); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #ed362b, #ff5355); /* 标准的语法 */
  margin-left: auto; margin-right: auto; border-radius: 1.88rem; color: #fff; }
.zx2 img {width: 10%}
.line { width: 100%; height: 0.4rem; background-color: #f1f1f1; }

/*优势*/
.youshi { width: 95%; margin: 0 auto;background: url(libao.jpg) no-repeat top; background-size: 100%; padding-bottom: 2rem}
.youshi li {width: 40%; font-size: .68rem; color: #777; text-align: center; line-height: .95rem; float: left}

/*辅导秘诀*/
.fdmj {width: 100%; margin:1rem auto 0;background: url(f2.png) no-repeat top; background-size: 100%; padding-bottom: 2rem}
.fdmj li {width: 42%; float: left; margin: 2rem 0; text-align: center; margin-left: 5%; padding-top: .2rem}
.fdmj li span { font-size: .9rem; line-height: 2rem; color: #fc4c4c}
.fdmj li p {font-size: .68rem; color: #666}
.fdmj li:nth-child(3),.fdmj li:nth-child(4) {padding-top: 0}
.fdmj li:nth-child(5),.fdmj li:nth-child(6) { margin-top: 1.8rem; margin-bottom: -.5rem}
.fdmj li:nth-child(even) {margin-left: 6%}

/*高效式解决方案*/
.jd { width: 100%; margin: 1rem 0}
.jd li {width: 31%; float: left; background: #fff; border-radius: .2rem; text-align: center; margin: .5rem 1.6%; padding: .5rem 0 .7rem; font-size: .64rem; box-shadow: 0 0 .6rem 0 #dc3737; height: 4.6rem}
.jd li span {display: block; height: 1.2rem ;line-height: 1rem; font-size: .68rem; color: #fc4c4c}
.jd li i {font-style: normal; height: 1.2rem; line-height: 1.2rem; font-size: .65rem; display: block; width: 76%; margin:0 12%; background:#fc4c4c; color: #fff; border-radius: .6rem}
.jd li:nth-child(1),.jd li:nth-child(4) {margin-left: 0}
.jd li:nth-child(3),.jd li:nth-child(6) {margin-right: 0}

/*课程体系*/
.classTableS { width: 92%; margin: 2rem auto 0}
.classTableS ul { width: 90%; margin: 0 auto;display: flex; display:  -webkit-flex;-webkit-justify-content: space-between; justify-content:space-between;}
.classTableS ul li { display: inline-block; *zoom: 1;vertical-align: middle; margin: 0 0 .6rem;font-size: .65rem; color: #333; line-height: .88rem; text-align: center; cursor: pointer;border-radius: .2rem}
.classTableS ul li span {font-size: 1rem}
.classTableS ul li.active {font-weight: 600; color: #fc4c4c}
.classTableS ul li.active::after { content: ""; display: block; height: .2rem; width: 1rem; border-radius:.1rem; box-shadow: 0 .1rem .3rem #fccba3; background: linear-gradient(to right bottom,#ff8800,#fc4c4c); margin: .2rem auto 0}
.classTableS dl {width: 96%;background-color: #fff;margin: .5rem auto 0;}
.classTableS dl dd { display: none; margin: 0}
.classTableS dl dd div {width: 90%; background: #fff; margin: 0 auto; border-radius: .5rem; box-shadow: 0 .2rem 1.2rem 0 #ddd; padding: 1rem 3% 1rem 7%; font-size: .72rem; line-height: 1.3rem}
.classTableS dl dd div p {color: #666; line-height: 1rem; float: left; width: 85%; margin-top: .15rem}
.classTableS dl dd div p,.classTableS dl dd div b {float: left; display: block}
.classTableS dl dd div span { padding-right: 1rem}

.flown { background-color: #fc4c4c; height: auto; overflow: hidden; padding: 1rem 1rem 1.5rem; }
.fn1 { height: auto; overflow: hidden; position: relative; margin-top: 0.7rem; }
.fn1 img { width: 100%; }
.fn1 a { display: block; position: absolute; bottom: 1.1rem; width: 4.8rem; height: 1.5rem; line-height: 1.5rem; color: #fff; background-color: #7343fc; border-radius: 0.1rem; text-align: center; font-size: 0.65rem; }
.fn1 .a1 { left: 1.1rem; }
.fn1 .a2 { left: 10.3rem; }
.flowm { height: auto; overflow: hidden; padding: 1rem 0rem; clear: both; }
.xy { height: auto; overflow: hidden; padding: 0.2rem; }
.xy .xy_list { height: 16rem; position: relative; }
.xy .xy_list li { width: 15.2rem; height: 12rem; position: absolute; top: 0.9rem; left: 1.6rem; background-color: #fff; border-radius: 0.2rem; padding: 0.7rem 1.2rem; display: none; box-shadow: 0.1rem 0rem 2rem rgba(0, 0, 0, 0.2); overflow: hidden; z-index: -1; transition: all 0.5s; }
.xy .xy_list li .xy_top { height: auto; overflow: hidden; }
.xy .xy_list li .xy_top img { display: block; float: left; width: 4.1rem; }
.xy .xy_list li .xy_top .xy_tr { float: right; width: 8rem; }
.xy .xy_list li .xy_top .xy_tr h4 { font-size: 0.75rem; height: 2rem; line-height: 2.25rem; background: url(xy_b.png) no-repeat bottom; }
.xy .xy_list li .xy_top .xy_tr p { height: 1.56rem; line-height: 1.56rem; font-size: 0.65rem; background: -webkit-linear-gradient(left, #ed362b, #ff5355); /* 背景色渐变 */
  -webkit-background-clip: text; /* 规定背景的划分区域 */
  -webkit-text-fill-color: transparent;/* 防止字体颜色覆盖 */
}
.xy .xy_list li .xy_des { font-size: 0.6rem; color: #7e7e7e; height: 7.94rem; line-height: 1.5; margin-top: 0.5rem; display: table-cell; width: 12.8rem; height: 7.92rem; vertical-align: middle; }
.xy .xy_list li:nth-child(2) {
 left: 0.9rem;
 height: 12rem;
 top: 1.9rem !important;
 display: block;
}
.xy .xy_list li:nth-child(3) {
 left: 2.2rem;
 height: 13.8rem;
 top: 1rem !important;
 display: block;
 z-index: 1;
}
.xy .xy_list li:nth-child(4) {
 left: 3.5rem;
 height: 12rem;
 top: 1.9rem !important;
 display: block;
}
.xy .xy_nav { text-align: center; }
.xy .xy_nav li { display: inline-block; width: 0.4rem; height: 0.4rem; border-radius: 0.4rem; background-color: #b2b2b2; margin: 0rem 0.22rem; }
.xy .xy_nav .xy_on { background-color: #636363 !important; }
.form { height: auto; overflow: hidden; padding: 4.1rem 1.9rem 1.1rem; background: url(form.jpg) no-repeat top; margin-top: 1.2rem; }
.form h2 { margin-bottom: 0.5rem; }
.form a { width: 30%; float: left; display: block; margin-left: 5%; background: #FDBCF7; text-align: center; color: #333; font-size: 0.76rem; height: 2rem; line-height: 2rem; margin-top: 0.5rem; }
.form input { display: block; width: 100%; padding: 0rem; box-sizing: border-box; border: none; outline: none; }
.form input.text { background-color: #FFFFFF; font-size: 0.76rem; height: 2rem; margin-top: 0.5rem; padding-left: 0.6rem; }
.form a.button { display: block; width: 100%;  margin: .8rem 0 .4rem 0;
height: 2.5rem; line-height: 2.5rem; text-align: center; background: url(sub.png) no-repeat center; background-size: 100% 100%; font-size: 1rem; font-weight: bold; color: #763d00; }
.form p { margin-top: 0.5rem; font-size: 0.75rem; text-align: center; color: #fff; }
.form p img { width: 0.75rem; }
.foot { font-size: 0.63rem; text-align: center; line-height: 1.8; padding: 1rem 0rem; margin-bottom: 2rem; }
.zixunkuang { margin:0 0.625rem; padding: 0 1rem; height: 2.68rem }
.zixunkuangb { margin:0 0.625rem; height: 2.68rem; margin-top: -.5rem }
/*收费标准*/
.kc-nav { height: 1.6rem; font-size: 0.85rem; color: #FFFFFF; line-height: 1.6rem; text-align: center; margin-top: 1rem }
.kc-nav1 { background: -webkit-linear-gradient(left, #fe6767, #fc4c4c); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #fe6767, #fc4c4c); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #fe6767, #fc4c4c); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #fe6767, #fc4c4c); /* 标准的语法 */ }
.kc-nav2 { background: -webkit-linear-gradient(left, #ff8069, #ffb742); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #ff8069, #ffb742); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #ff8069, #ffb742); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #ff8069, #ffb742); /* 标准的语法 */ }
.kc-nav3 { background: -webkit-linear-gradient(left, #0155b2, #0084ff); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #0155b2, #0084ff); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #0155b2, #0084ff); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #0155b2, #0084ff); /* 标准的语法 */ }
.kc-nav b { color: #ffff00; }
.tb { width: 100%; height: auto; border-top: 1px solid #ddd; border-left: 1px solid #ddd; background: #fff }
.tb th, .tb td { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; height: 1.42rem; font-weight: 500; text-align: center }
.tb th { font-size: 0.65rem }
.tb td { font-size: 0.6rem; padding: .3rem 0
}
.tb td font { font-size: 0.5rem }
.tb1 th { color: #fc4c4c; }
.tb2 th { color: #ff8c60; }
.tb3 th { color: #0155b2; }
.bg1 { background-color: #fff6f5; }
.bg2 { background-color: #eaffdd; }
.bg3 { background-color: #d9edff; }
.td-zx { background-color: #FFFFFF; color: #fd4750; font-weight: bold !important; font-size: 0.74rem !important; }
.td-zx a { display: inline-block; width: 4.5rem; text-align: center; margin-left: auto; margin-right: auto; height: 1.2rem; line-height: 1.2rem; font-size: 0.63rem; color: #ffff00 !important; background-color: #fd4750; }
.td-ts { font-weight: bold !important; color: #0083fd !important; }
.w-100 { width: 100%; }
.fix-b { height: 2.5rem; position: fixed; bottom: 0rem; background: url(teln.png) no-repeat top; background-size: 100% 100%; max-width: 640px; z-index: 999; }
.fix-b a { display: block; float: left; width: 25%; height: 100%; }

/*密训营环境*/
.hj {width: 100%; background: linear-gradient(to bottom, #fa6c48, #f95144); padding-bottom: 1.5rem}
.hjbox{ margin:0;background-position:bottom center; background-size:cover;}
.hjbox .parHd{height:40px; position:relative}
.hjbox .parHd ul{height:40px;margin-left: 3.2%}
.hjbox .parHd ul li{ float:left; width:23%; height:36px; line-height:36px;color:#333;text-align:center; background-color:#ffecec;font-size:.7rem; position:relative; margin: 0 .3%; border-radius: .2rem}
.hjbox .parHd ul .on{color:#f95144; height:36px; line-height:36px; border-top:none; background-color:#fff; border-radius: .2rem}
.hjbox .parHd ul li.on i{border-left: 7px solid transparent;border-top: 7px solid #fff;border-right: 7px solid transparent;height: 0;position: absolute;bottom: -6px;left:50%;width: 0; margin-left:-4px;}
.hjbox .slideBox{ overflow:hidden; zoom:1; padding:10px 40px; position:relative;   }
.hjbox .sPrev,.hjbox .sNext{filter:alpha(opacity=50);opacity:0.5; position:absolute; left:8px; top:50%; margin-top:-30px; display:block; width:30px; height:60px;background:url(slider-arrow.png)  -131px center no-repeat; }
.hjbox .sNext{ left:auto; right:7px; background:url(slider-arrow.png) -12px center no-repeat;  }
.hjbox .sPrev:hover,.hjbox .sNext:hover{ border-color:#f60}
.hjbox .parBd .tempWrap {overflow:hidden; position:relative; width:100%; margin:0}
.hjbox .parBd ul{ overflow:hidden; zoom:1; width: 1992px; position: relative; overflow: hidden; padding: 0px; margin: 0px; left: -332px}
.hjbox .parBd ul li{ margin:0; float:left; _display:inline; overflow:hidden; text-align:center; float:left}
.hjbox .parBd ul li img{ width:100%;display:block}

.flowm { height: auto; overflow: hidden; padding: 1rem 0rem 0; clear: both; }
.jzbox .slideBox{ overflow:hidden; zoom:1; padding:10px 40px; position:relative; }
.jzbox .sPrev,.jzbox .sNext{filter:alpha(opacity=50);opacity:0.5; position:absolute; left:5px; top:50%; margin-top:-30px; display:block; width:30px; height:60px;background:url(slider-arrow.png)  -131px center no-repeat; background-color:#565658;}
.jzbox .sNext{ left:auto; right:5px; background:url(slider-arrow.png) -12px center no-repeat;background-color:#565658;}
.jzbox .sPrev:hover,.jzbox .sNext:hover{ border-color:#f60;  }
.jzbox .parBd ul{ overflow:hidden; zoom:1}
.jzbox .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.jzbox .parBd ul li img{ width:100%;display:block}

.jz{ }
.jz-top{ width:94%;  overflow:hidden; position:relative; margin:0 auto; }
.jz-top h2{ width:100%; background-color:#fc6243; height:36px; line-height:36px; border-bottom:3px solid #fc6243; color:#fff; text-align:center; font-size:16px; font-weight:normal;}
.jz-top .hd{ display:none;}
.jz-top .bd{ background-color:#fff;}
.jz-top .infoList li,.jz-top .title{ height:26px; line-height:26px; font-size:11px;overflow:hidden;}
.jz-top .infoList li span{ width:20%; text-align:center;height:26px;  display:inline-block; overflow:hidden;color:#2f2f2f;}
.jz-top .title{ background-color:#05011f;}
.jz-top .title span{ width:20%; text-align:center; display:inline-block;color:#fff;}
.jz-top .infoList li.lib{ background-color:#ebebeb}

a.back { display: block; width: 6rem;; margin: 0 auto; border-radius: .9rem; text-align: center; height: 1.8rem; line-height: 1.8rem; color: #fff; font-size: 0.75rem; background: -webkit-linear-gradient(left, #ed362b, #ff5355); margin-top: .5rem}