@charset "utf-8";
body{font-family:"PingFangSC medium","Helvetica Neue",Helvetica,Microsoft Yahei,arial,STHeiTi,sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0 auto;padding:0;background:#08bba8;color:#333;overflow-x:hidden;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
video embed,video object,video iframe,video{width:100%;height:auto;}
img{max-width:100%;vertical-align:top;border:0;-ms-interpolation-mode:bicubic;-webkit-touch-callout:none;}
li,ol,ul{list-style:none}
i,em,cite{font-style:normal;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
a{color:#333;text-decoration:none;outline:none;}
textarea{resize:none}
input[type="text"],input[type="password"],select,textarea,button,input[type="button"],input[type="reset"],input[type="submit"]{outline:0;-webkit-user-modify:read-write-plaintext-only;-webkit-appearance:none;appearance:none;font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,arial,STHeiTi,sans-serif;}
.pr{position:relative;}
.abs{position: absolute}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}

.layout{max-width:10.5rem;position:relative;margin:0 auto;overflow:hidden;}

.header{width:100%;max-width:10.5rem;margin:0 auto;padding:0 .2rem;-webkit-box-sizing:border-box;box-sizing:border-box;}
.header .logo{width:2.92rem;position:absolute;left:.44rem;top:.4rem;}
.header .logo a{height:.56rem;line-height:.56rem;overflow:hidden;display:block;text-indent:-9999px;}
.header a{display:block;width:100%;}
.header a img{width:100%;height:auto;}

.entranceMod{background:#08a08c;padding:.88rem .2rem .2rem;margin:.64rem .2rem .24rem;position:relative;-webkit-border-radius:.2rem;border-radius:.2rem;}
.entranceMod .ec-btn{width:calc(100% - 2rem);height:.92rem;line-height:.92rem;color:#f9fffe;font-size:.44rem;background:#ff731a;background:-webkit-linear-gradient(left,#ff6112,#ff8b24);background:linear-gradient(to right,#ff6112,#ff8b24);position:absolute;left:1rem;top:-.44rem;text-align:center;-webkit-border-radius:100px;border-radius:100px;}
.entranceMod .entrance{background:#8ef0df;}
.entranceMod .entrance-item{font-size:0;margin-bottom:.16rem;}
.entranceMod .entrance-item.noAfter{margin-bottom:0;}
.entranceMod .entrance-item:last-child{margin-bottom:0;}
.entranceMod .entrance-item ul li{width:calc(100%/6);padding:.28rem 0;display:inline-block;font-size:.35rem;text-align:center;border-right:.04rem solid #8ef0df;background:#cefffd;box-sizing:border-box;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;cursor:pointer;}
.entranceMod .entrance-item ul li:last-child{border-right:0 none;}
.entranceMod .entrance-item ul li.on{background:#ffe850;color:#f66304;}
.entranceMod .entrance-item:last-child ul li{width:calc(100%/6);padding:.28rem 0;}
.entranceMod .entrance-item:last-child ul li.double-width{width:calc(100%/3);}
.entranceMod .entrance-item:last-child ul li:last-child a{color:#033d19;display:block;}
.entranceMod .entranceCon{border:.04rem solid #8ef0df;padding:.2rem .15rem;background:#fff;display:none;position:relative;margin:0 auto;max-width:100%;word-break:break-all;}
.entranceMod .entranceCon p{line-height:.7rem;font-size:.35rem;color:#666;text-align:left;padding-left:.05rem;word-break:break-all;}
.entranceMod .entranceCon {text-align: center;}
.entranceMod .entranceCon .ec-btns, .entranceMod .entranceCon .ec-btnss, .entranceMod .entranceCon .ec-btn4s {display: inline-block;margin: 0 .1rem;position: static;}
.entranceMod .entranceCon .ec-btns a {width: 2.8rem;padding: .2rem 0;margin: 0 auto;font-size: .4rem;color: #fff;background: -webkit-linear-gradient(135deg, #4CAF50, #8BC34A);background: linear-gradient(135deg, #4CAF50, #8BC34A);display: inline-block;text-align: center;-webkit-border-radius: 100px;border-radius: 100px;-webkit-box-shadow:0 .1rem .2rem rgba(0,0,0,0.1);box-shadow:0 .1rem .2rem rgba(0,0,0,0.1);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.entranceMod .entranceCon .ec-btnss a {width: 2.8rem;padding: .2rem 0;margin: 0 auto;font-size: .4rem;color: #fff;background: -webkit-linear-gradient(135deg, #2196F3, #03A9F4);background: linear-gradient(135deg, #2196F3, #03A9F4);display: inline-block;text-align: center;-webkit-border-radius: 100px;border-radius: 100px;-webkit-box-shadow:0 .1rem .2rem rgba(0,0,0,0.1);box-shadow:0 .1rem .2rem rgba(0,0,0,0.1);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.entranceMod .entranceCon .ec-btn4s a {width: 2.5rem;padding: .2rem 0;margin: 0 auto;font-size: .4rem;color: #fff;background: -webkit-linear-gradient(135deg, #FF5722, #FF9800);background: linear-gradient(135deg, #FF5722, #FF9800);display: inline-block;text-align: center;-webkit-border-radius: 100px;border-radius: 100px;-webkit-box-shadow:0 .1rem .2rem rgba(0,0,0,0.1);box-shadow:0 .1rem .2rem rgba(0,0,0,0.1);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.entranceMod .entranceCon i{width:.2rem;height:.2rem;border-left:.04rem solid #8ef0df;border-top:.04rem solid #8ef0df;background:#fff;position:absolute;left:.2rem;top:-.14rem;margin-left:.56rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);}

.title{height:1.32rem;text-align:center;}
.title h2{display:inline-block;padding-left:.68rem;background:url(../style/title-icon.png) no-repeat;background-size:.6rem auto;}
.title h2 span{line-height:1.32rem;display:inline-block;padding-right:.84rem;color:#ffd907;font-size:.52rem;background:url(../style/title-icon.png) no-repeat right -1.32rem;background-size:.6rem auto;}

.flowMod{background:#08a08c;margin:0 .2rem .24rem;-webkit-border-radius:.2rem;border-radius:.2rem;}
.flowMod .flow{height:8.64rem;position:relative;background:url(../style/flow-line.png) no-repeat center .76rem;background-size:6.12rem 6.12rem;}
.flowMod .flow li{width:1.6rem;height:1.24rem;line-height:.44rem;padding-top:.36rem;position:absolute;left:4.16rem;top:0;text-align:center;font-size:.4rem;font-weight:bold;color:#008776;background:#cafff4;border:1px dashed #01907f;-webkit-border-radius:100px;border-radius:100px;}
.flowMod .flow li.li1{top:.64rem;left:6.84rem;}
.flowMod .flow li.li2{top:3.08rem;left:7.76rem;}
.flowMod .flow li.li3{top:5.44rem;left:6.84rem;}
.flowMod .flow li.li4{top:6.24rem;}
.flowMod .flow li.li5{top:5.44rem;left:1.64rem;}
.flowMod .flow li.li6{top:3.08rem;left:.64rem;}
.flowMod .flow li.li7{top:.64rem;left:1.64rem;}
.flowMod .flow li.on{background:#ffe850;color:#ff7f1f;border-color:#ff872d;}
.flowMod .flowPop{width:4.2rem;margin:0 auto;padding:2rem .4rem;display:none;line-height:.44rem;font-size:.33rem;text-indent:2em;color:#666;text-align:justify;}

.dataMod{background:url(../style/dataModBg.png) no-repeat center bottom #cefffd;background-size:10rem auto;margin:0 .2rem .24rem;-webkit-border-radius:.2rem;border-radius:.2rem;}
.dataMod .title h2 span{color:#008776;}
.dataMod .title h2 span em{font-size:inherit;}
.dataMod .data-text{padding:0 .64rem;font-size:.35rem;line-height:.68rem;}
.dataMod .data-text strong{line-height:.72rem;display:block;font-size:.4rem;}
.dataMod .data-text span{display:block;}
.dataMod .data-text p{margin-top:.36rem;}
.dataMod .data-text .eo-desc p{text-indent:2em;}
.dataMod .data-det{width:4.84rem;padding:.2rem 0;margin:.44rem auto 0;font-size:.43rem;color:#fff;text-align:center;background:#ff731a;background:-webkit-linear-gradient(left,#ff6112,#ff8b24);background:linear-gradient(to right,#ff6112,#ff8b24);-webkit-border-radius:100px;border-radius:100px;display:block;}
.dataMod .data-ewm{line-height:.68rem;margin-top:.44rem;font-size:.4rem;color:#008776;text-align:center;}
.dataMod .data-ewm img{width:3.64rem;display:block;margin:0 auto;border:.12rem solid #93e4e0;}

.courseMod{padding-top:.76rem;background:#08a08c;margin:0 .2rem;-webkit-border-radius:.2rem;border-radius:.2rem;}
.courseMod .course-title{height:1rem;line-height:.96rem;background:url(../style/course-title.png) no-repeat center top;background-size:auto 1rem;font-size:.5rem;text-align:center;color:#fff;margin-bottom:.56rem;}
.courseMod .course-title span{font-size:.48rem;color:#fffa6b;font-style:italic;}
.courseMod .course-title span em{font-size:.64rem;font-style:italic;}
.courseMod .course-item{height:auto;min-height:1.8rem;padding:.16rem 0 .28rem;background:#fff;-webkit-border-radius:.16rem;border-radius:.16rem;margin:0 .2rem .48rem;-webkit-box-shadow:0 .08rem 0 rgba(218,137,42,.15);box-shadow:0 .08rem 0 rgba(218,137,42,.15);position:relative;overflow:visible;}
.courseMod .item-bc{width:2.24rem;height:1.48rem;margin-top:.16rem;float:left;font-size:.48rem;color:#008776;text-align:center;font-weight:bold;border-right:1px dashed #d1b590;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;line-height:.68rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.courseMod .item-service{line-height:.64rem;font-size:.32rem;color:#008776;}
.courseMod .item-foot{margin-left:2.56rem;}
.courseMod .item-foot .item-price{line-height:.56rem;font-size:.35rem;}
.courseMod .item-foot .item-price p strong{width:1.4rem;color:#ff4f02;display:inline-block;text-align:right;}
.courseMod .item-foot .item-price p span{color:#ff4f02;}
.courseMod .item-foot .item-price p del{width:1.72rem;color:#aeaeae;display:inline-block;text-align:right;}
.courseMod .item-foot .buyBtn{width:1.2rem;height:1.28rem;line-height:.44rem;overflow:hidden;background:url(../style/buyBtn.png) no-repeat;background-size:1.2rem 1.28rem;position:absolute;right:0;top:.78rem;text-indent:-9999px;}
.courseMod .explain{padding:0 .52rem .32rem;color:#fff;line-height:.64rem;font-size:.35rem;}

.teacherMod{padding:.48rem .2rem;background:url(../style/teacherModTop.png) no-repeat center top #cefffd;background-size:10rem auto;margin:0 .2rem;-webkit-border-radius:.2rem;border-radius:.2rem;}
.teacherMod .title h2 span{color:#209789;}
.teacherMod .teacherList{padding-top:.12rem;font-size:0;text-align:center;}
.teacherMod .teacherList li{width:33.33%;height:3.08rem;line-height:.68rem;text-align:center;font-size:.37rem;display:inline-block;}
.teacherMod .teacherList li img{width:1.96rem;height:1.96rem;display:block;margin:0 auto;padding:1px;-webkit-border-radius:100px;border-radius:100px;}
.teacherMod .teacherList li.on{font-weight:bold;}
.teacherMod .teacherList li.on img{border:1px solid #209789;padding:0;}
.teacherMod .teacherText{padding:.2rem .36rem;border:.04rem solid #209789;background:#fff;position:relative;display:none;}
.teacherMod .teacherText p{line-height:.52rem;color:#666;font-size:.32rem;}
.teacherMod .teacherText p a{color:#fe710f;}
.teacherMod .teacherText i{width:.68rem;height:.2rem;background:url(../style/teacher-icon.png) no-repeat;background-size:.68rem .2rem;position:absolute;top:-.2rem;left:.4rem;margin-left:.76rem;}
.teacherMod .tm-btns{padding:.48rem 0;font-size:0;text-align:center;}
.teacherMod .tm-btns a{width:4.32rem;padding:.2rem 0;display:inline-block;font-size:.43rem;color:#fff;background:#ff731a;background:-webkit-linear-gradient(left,#ff6112,#ff8b24);background:linear-gradient(to right,#ff6112,#ff8b24);-webkit-border-radius:100px;border-radius:100px;}
.teacherMod .tm-btns a.tm-more{background:#35cf92;background:-webkit-linear-gradient(left,#1ac7a0,#70e175);background:linear-gradient(to right,#1ac7a0,#70e175);margin-left:.4rem;}

.float-right{ position:fixed; right:.2rem; width:1.12rem; bottom:3rem;}
.float-right .top{width:1.12rem;height:1.12rem;margin-top:.12rem;background:url("../style/ico05.png") no-repeat;background-size:100%;opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;cursor:pointer;}
.float-right .top.on{opacity:1;}

.course-detail-toggle {display: block;margin: 0.2rem 0 0 0.2rem;color: #666;font-size: 0.35rem;cursor: pointer;text-align: left;clear: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;}
.course-detail-toggle:hover {text-decoration: underline;}
.course-detail-content {margin: 0.2rem 0.3rem 0.2rem 0.3rem;padding: 0.2rem;background: #f5f5f5;border-radius: 0.1rem;font-size: 0.45rem;line-height: 0.48rem;position: static;width: calc(100% - 0.92rem);}
.course-detail-content p {margin: 0.1rem 0;padding: 0;text-align: left;text-indent: 0;font-size: 0.32rem;line-height: 0.5rem;color: #555;}
.course-detail-content p strong {color: #FF0000;}