*{padding:0rem;margin:0rem;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */box-sizing:border-box;}
 html,body{position: relative;height:100%;padding: 0;margin: 0;width:100%;font-family:SourceSansPro-Regular,"Microsoft YaHei"} 
.row{padding:0;margin-right:0;margin-left:0}
ul,p,h1,h2,h3,h4,h5,h6{padding:0;margin:0}
a,a:hover,a:focus{text-decoration:none}
.font-bold{font-family:SourceSansPro-bold}
.font-sbold{font-family:SourceSansPro-Semibold}
.block{display:block}
.container-fluid{width: 100%;max-width: 7.5rem;position: relative;padding-right:0rem; padding-left:0rem; margin-right:0;margin-left:0;margin:0 auto}
.content{width:92%;padding-right:0rem; padding-left:0rem; margin-right:0;margin-left:0;margin:0 auto;}
.container{width:88%;padding-right:0rem; padding-left:0rem; margin-right:0;margin-left:0;margin:0 auto}
.icon-line{width:0.5rem;display:block;height:0.05rem;border-radius:0.1rem;background:#ffb319;}
.imgbg-fluid{position:relative;width: 100%;display:block;margin:0 auto;max-width: 7.5rem;}
 .xf-giftimg {display:block;position:fixed; text-align:center;right:.1rem;bottom:17%;z-index:999}
 .xf-giftimg:hover{bottom:18%;}
 .xf-giftimg img{width:1rem}
 

/*复选框*/ 
.gcs-radio {display: none;}
.gcs-radio+label {margin-right:.1rem;margin-bottom:0;background-color: white;border-radius: 0 ;border: .012rem solid #d3d3d3; width:.36rem; height:.36rem;display: inline-block;text-align: center;vertical-align: middle;line-height: .36rem;}
.gcs-radio+label:hover {cursor: pointer;border:.012rem solid #fba30d;}
.gcs-radio:checked+label {  border: .012rem solid #fba30d; background-color: #eee; background: #fba30d;}
.gcs-radio:checked+label:after {content: "\2714"; color: white;}

 
input[type="text"],textarea {border: 0; /* 方法1 */-webkit-appearance: none; /* 方法2 */}
select::-ms-expand { display: none; }
select{background:transparent;
  border: .013rem solid #000;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;padding-right: .25rem;
  background: url(../images/icon_arrow_down_x3.png) no-repeat right  0.1rem center;background-size:auto .14rem;
}
.font-orange{color:#fb941e !important}
.bg-pink{background:#fefdfc !important}
.bg-blue{background:#f7fafc !important}

.transition{
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;}  
 .a-block{display:block;width: 100%;height:100%;text-decoration:none;}
 .a-block:hover,.a-block:focus{text-decoration:none;}
 .click-btn{background:#fd345c;background-image: linear-gradient(to bottom right, #fa1f53 , #fe3a5f);width:3.6rem;text-align:center;color:#fff;font-size:0.28rem;line-height:0.86rem;border-radius:0.9rem;
  font-family:SourceSansPro-SemiBold;}
  .click-btn:hover,.click-btn:focus{color:#fff;background:#fc5372} 
 .title-box{padding:0.25rem 0 .15rem;text-align:center;}
 .title-box .title-text{font-family:SourceSansPro-bold;font-size:0.4rem;line-height: 0.58rem;margin-bottom:0.3rem; font-weight:bold;color:#021833}
 .title-box .title-text:first-letter{text-transform:capitalize;}
 .title-box .title-text span{color:#fa1f53}
 .title-box .title-icon{margin:0 auto;margin-bottom:0.2rem;height:0.16rem;display:block;}
 .title-box .title-desc{color:#616366;font-size:0.36rem;margin-bottom:0.3rem;text-transform:capitalize;} 
 .title-box.titlemax-box .title-text{font-size:0.6rem; line-height:0.64rem;margin-bottom:0.3rem;}  
  
  
  
.logo-m{height:.56rem}
/*导航*/
.headnav{position: fixed;z-index: 9999;top:0;left:0;right:0; padding: 0.18rem 0;width:100%; height: .9rem;display: inline-block;border: none;border-bottom:.01rem solid #ebeced;background:#fff}
.headnav.logo-m{height:0.52rem;float:left;}
.btn-nav {float:right; background: transparent;border:0;cursor: pointer;}
.btn-nav:focus {outline: 0;}
.icon-bar { display: block;margin:0.1rem 0;width:0.4rem;height: 0.04rem; border-radius:0.04rem; background-color: #979899;z-index: 999999;} 
.btn-nav:hover .icon-bar {background-color: #FCA311;}
.nav-content {display: none;position: fixed; z-index: 99998; right:.01rem; margin-top:1rem;}
.nav-list {list-style: none;width:3.6rem;text-align: center;padding:0.65rem 0.55rem;background:rgba(2,24,51,0.83);border-radius:0.1rem;position: relative;}
.nav-list::after{content:"";position: absolute;right:0.25rem;top:-0.09rem;width: 0; height: 0;margin: 0 auto; border-width:0 0.15rem 0.1rem; border-style: solid; border-color:transparent transparent rgba(2,24,51,0.83)}
.nav-list .nav-item{margin-bottom:0.2rem;line-height:0.7rem;border-radius:0.7rem;}
.nav-list .nav-item:last-child{margin-bottom:0}
.nav-list .nav-item.active{background:#fe3a5f} 
.nav-list hr{margin-top:0.4rem;margin-bottom:0.4rem}
  
.nav-list .nav-item .item-anchor {
  display:block;
  color: #fff;
  font-size:0.3rem;
  text-transform: uppercase;
  position: relative;
  text-decoration: none; 
}    
.item-anchor:after {
  content: "";
  position: absolute;
  width: 0.03rem;
  height: 0.03rem;
  left: 0;
  bottom: 0;
  z-index: 9;
  background: transparent; 
}
.nav-list .nav-item .item-anchor:hover:after,
.nav-list .nav-item .item-anchor:focus:after{
  width: 100%;
  background: #FCA311; 
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
} 
.nav-list .nav-item.active .item-anchor:hover:after,
.nav-list .nav-item.active .item-anchor:focus:after{width: 0%;} 

 




.animated {
  display: block;
  margin: 0 auto;
}

.animated:hover .icon-bar,
.animated:focus .icon-bar{
  background-color: #FCA311;
}

.animated:focus {
  cursor: pointer;
  z-index: 9999;
}

.middle {
  margin: 0 auto;
}


.animated .icon-bar {
  z-index: 999999;
  background-color: #FCA311;
}

.animated .top {
  -webkit-transform: translateY(0.17rem) rotateZ(45deg);
  -moz-transform: translateY(0.17rem) rotateZ(45deg);
  -ms-transform: translateY(0.17rem) rotateZ(45deg);
  -o-transform: translateY(0.17rem) rotateZ(45deg);
  transform: translateY(0.17rem) rotateZ(45deg);
}

.animated .bottom {
  -webkit-transform: translateY(-0.11rem) rotateZ(-45deg);
  -moz-transform: translateY(-0.11rem) rotateZ(-45deg);
  -ms-transform: translateY(-0.11rem) rotateZ(-45deg);
  -o-transform: translateY(-0.11rem) rotateZ(-45deg);
  transform: translateY(-0.11rem) rotateZ(-45deg);
}

.animated .middle {
  width: 0;
}
/*
@keyframes showNav {
  from {
    top:-1.03rem;
  }
  to {
    top: 0;
  }
}

@-webkit-keyframes showNav {
  from {
    top:-1.03rem;
  }
  to {
    top: 0;
  }
}

@-moz-keyframes showNav {
  from {
    top: -1.03rem;
  }
  to {
    top: 0;
  }
}

@-o-keyframes showNav {
  from {
    top: -1.03rem;
  }
  to {
    top: 0;
  }
}

.showNav {
  -webkit-animation: showNav 1s ease forwards;
  -moz-animation: showNav 1s ease forwards;
  -o-animation: showNav 1s ease forwards;
  animation: showNav 1s ease forwards;
}

@keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-webkit-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-moz-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-o-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

.hideNav {
  -webkit-animation: hideNav 1s ease forwards;
  -moz-animation: hideNav 1s ease forwards;
  -o-animation: hideNav 1s ease forwards;
  animation: hideNav 1s ease forwards;
}

*/
.hidden {
  display: none;
}

/*导航-中英切换*/
.ZH-EN{float:right;position: relative;margin-right:0.6rem}
.ZH-EN .dropbox {position: relative;font-size:0.3rem}
.ZH-EN .dropbox p.active{width:0.96rem;margin-top:0.05rem;padding-left:0.19rem;line-height:0.44rem;border-radius:0.45rem;color:#fff;background:#fa9b0c url(../images/select-icon.png) no-repeat  0.6rem 0.16rem ;background-size:0.26rem} 
.ZH-EN .dropbox-text{display: none;position: absolute;right:0rem;margin-top:0.38rem} 
 


/*底部*/
.foot{background:#1f2833;color:#8a9199;font-size:0.26rem;padding:.4rem .2rem  1.3rem} 
 
.foot h4{color:#d0d5db;padding-bottom:0.25rem;margin-bottom:0.1rem;font-weight:bold;border-bottom:.01rem solid #313d4d;font-size:0.32rem}
.foot a,.foot a:hover,.foot a:focus{color:#8a9199;text-decoration:none}
.foot .codebox{margin-top:.2rem;width:2rem;text-align:center}
.foot .codebox img{display:block;width:1.4rem;margin:0 auto}
.foot .codebox span{line-height:.6rem}
/*悬浮框*/
.fixed-footbtn{height:1.5rem;position:fixed;z-index:9999;width:7.5rem;bottom:0;left: 0;right:0;margin: auto;background:url(../images/fixed-footbg.png)bottom center;background-size:100% auto;}
.fixed-footbtn .click-btn{display:block;margin:0 auto;height:0.76rem;line-height:0.76rem;width:4.36rem;position:absolute;z-index:10000;left:1.95rem;bottom:0.13rem}


 .bannerbox .giftul{ margin:0.6rem 0 0;} 
 .bannerbox .giftul li{font-size:.22rem;line-height:.28rem; float:left;text-align:center;}  
 .bannerbox .giftul li p{ margin-top:.12rem;}
  .bannerbox .giftul li img{height:.38rem}
  .bannerbox .giftul li:nth-child(2n) img{height:.06rem}

/*首页-banner*/
.in-banner-main{height:9.61rem;background:url(../images/bannerbg-index.png)no-repeat top center;background-size:100% auto;}
.bannerbox{padding:1.3rem 0 0}
.bannerbox .banner-title1{font-family:SourceSansPro-bold;font-weight:bold;color:#ff3068;font-size:1.1rem;margin-bottom:0.15rem}
.bannerbox .banner-title2{font-family:SourceSansPro-bold;/*width:5.6rem*/;font-weight:bold;color:#021833;font-size:0.6rem;line-height:0.68rem} 
.bannerbox .banner-mintitle2{font-family:SourceSansPro-bold;font-size:0.28rem}
.banner-indexage {position: relative; display: inline-block;z-index: 999;font-size:0.54rem;margin:0.5rem 0;color: #021833;font-weight: bold;}
.banner-indexage::before {content: "";position: absolute;bottom:0.16rem;height:0.06rem; border-radius:0.1rem;width: 100%; background: #fbb843;z-index: -1;}
.banner-desc{letter-spacing: 0.0025rem;width:4rem;font-size:0.32rem;margin-bottom:0.15rem;color:#797c80;line-height:0.38rem}
.bannerbox .click-btn{margin-top:0.95rem;}

.course-banner-main{height:6.27rem;background:url(../images/coursebg-index.png)no-repeat top center;background-size:100% auto;}
.course-banner-main .bannerbox { padding: 1.2rem 0 0;}
.course-banner-main .bannerbox .banner-title1 {font-size: 0.68rem;line-height:.86rem}
.course-banner-main .icon-line{margin:0.4rem 0 }
.course-banner-main .banner-desc {width: 3.2rem;font-size: 0.22rem;margin-bottom: 0rem;line-height: 0.36rem;}
.course-banner-main .click-btn {    margin-top: 0.3rem;width: 2.65rem;font-size: 0.26rem; line-height: 0.5rem;}

/*首页-Gift Package*/
.in-Gift-main{background:url(../images/in-giftbg.png) top center;background-size:100% auto;} 
.in-giftimg{width:4.16rem;float:left;}
.in-gift-ul{width:3rem;float:right;padding-top:0.1rem}
.in-gift-ul li{border-left:0.03rem solid #fa9b0c;padding-left:0.08rem;margin-bottom:0.5rem}
.in-gift-ul li:last-child{margin-bottom:0}
.in-gift-ul h4{font-size:0.32rem;color:#021833;}
.in-gift-ul .icon-line{width:0.3rem;height:0.04rem;margin:0.15rem 0 0.1rem;background:#03244d;border-radius:0}
.in-gift-ul p{font-size:0.26rem;color:#616366;}
.in-Gift-main .click-btn{margin:0.7rem auto 0.5rem}


/*首页-in-advantages-main*/
.in-advantages-main{background:#fef7e4} 
 .advantagesbg{background:#fffbf5 url(../images/img-advantagesbg.png)no-repeat top center;background-size: 100%}
 .advantages-con {margin-bottom:0.5rem}
 .advantages-con li {position:relative;width:6.86rem;height:2.4rem;line-height:2.2rem;background:#fffefc;border-radius:0.1rem;overflow:hidden;float:left; margin-bottom:0.3rem} 
 .advantages-con li .advantages-title{width:3.12rem;font-weight:bold;height:2.4rem;padding:0 0.85rem 0 0.2rem;float:left;background:url(../images/advantages-titlebg1.png)no-repeat top center;background-size: 100% 100%;text-transform:uppercase;font-size:0.32rem;color:#fff;text-align:center;}
 .advantages-con li .advantages-title span{ display: inline-block;vertical-align: middle;line-height:0.4rem}
 .advantages-con li:nth-child(even) .advantages-title{background:url(../images/advantages-titlebg2.png)no-repeat top right;background-size: 100% 100%}
 .advantages-con li .advantages-text{width:3.70rem;padding:0.2rem 0.4rem 0.2rem 0;overflow:hidden;background:url(../images/advantages-textbg.png)no-repeat bottom right;background-size:auto 1.68rem;height:100%;float:right;font-size:0.26rem;line-height:2rem;color:#57595c;}
 .advantages-con li .advantages-text span{ display: inline-block;vertical-align: middle;line-height:0.32rem}
 .advantages-con li{box-shadow:0rem 0.06rem 0.8rem -0.25rem #b8963a;}

 
 /*首页-in-teachers-main*/
 .in-teachers-main{min-height:10rem;background: url(../images/img-teachersbg.png)no-repeat bottom center;background-size: 100%}  
 .teacher-ul{ margin:0.3rem 0 0;}  
 .teacher-ul li{width:100%;background:url(../images/teacher-numbg.png)no-repeat 0.05rem 0.05rem;background-size:auto 0.63rem;font-style:italic} 
 .teacher-ul li h4{font-size:0.36rem;font-weight:bold;color:#0b2b53;}
 .teacher-ul li p{padding-left:0.4rem;font-size:0.28rem;margin-bottom:0.15rem;color:#021833;line-height:0.36rem}
 

 
 /*首页-in-courses-main*/
 .in-courses-top{margin-top:-0.3rem}
 .free-icon .free-line{display:inline-table;background:#919599;width:1rem;height:.01rem;vertical-align:middle;}
 .free-icon span{display:inline-table;width:0.04rem;height:0.04rem;margin:0 0.03rem;background:#f8a703;vertical-align:middle; }
 .in-courses-main{min-height:12.12rem;background: url(../images/img-coursesbg.png)no-repeat top center;background-size: 100%} 
 .img-coursegirl{height:4.56rem;display:block;margin:0 auto}
 .course-text{width:5.05rem;margin:0 auto}
 .course-text .course-title{font-size:0.4rem;text-align:center;line-height:0.52rem;color:#021833;margin:0.25rem 0}
 .course-text .course-title span{color:#fa1f53}
 .course-text .ourse-icon1{text-align:right}
 .course-text .free-icon{margin:0.25rem 0}
 .in-courses-main .click-btn{margin:0.45rem auto 0}




 
 /*首页-in-education-main*/
.in-education-main{ background:#f5f5fe url(../images/img-educationbg.png)no-repeat top center;background-size: 100%} 
 .educationbg{background:#fffbf5 url(../images/img-gamebg.png)no-repeat center center;background-size: 100%}
 .education-con li{position:relative;margin-bottom:0.65rem;}
 .education-con li .education-imgbox{position:absolute;left:0;top:-0.25rem;z-index:999;width:3.3rem;height:2.46rem;border-top-right-radius:0.1rem;border-top-left-radius:0.1rem;overflow:hidden}
 .education-con li:nth-child(2n) .education-imgbox{right:0;left:auto;}
 .education-con li .education-imgbox img{width:100%;}
 .education-con li .education-textbox{width:6.28rem;min-height:2.42rem;padding:0.15rem 0.15rem  0.15rem 3.1rem;background:#ffffff;border-radius:0.1rem; border-bottom-left-radius:0rem;margin-left:0.3rem;box-shadow: 0rem 0.25rem 0.8rem -0.25rem #aeb3df;}
 .education-con li:nth-child(2n) .education-textbox{padding:0.15rem 3.1rem  0.15rem 0.15rem;border-bottom-left-radius:0.1rem; border-bottom-right-radius:0rem;margin-left:0rem;margin-right:0.3rem}
 .education-con li:last-child{margin-bottom:0}
 .education-num {position:relative;font-size:1.26rem;line-height: 1rem;margin:0 auto;text-align:center;font-weight:bold;color:#eff4f9}
 .education-num:after{content:"";width: 76%;height: 0.46rem;background:rgba(255,255,255,0.7);position:absolute;top:50%;left:0;right:0; margin:auto;margin-top:-.14rem;z-index:999}
 .education-num p{font-size:0.32rem;text-transform:uppercase;line-height:0.32rem;height: 0.46rem;color:#021833;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;z-index:9999; }
 .education-num p span{color:#fa1f53;display:block}
 .education-con li .education-desc{ font-size:0.26rem;line-height:0.36rem;color:#616366;text-align:center}
 
 


 /*首页-in-steps-main*/
 .in-steps-main{min-height:11rem;background:#fff url(../images/img-stepsbg.png)no-repeat top center;background-size: 100%}
 .steps-ul{width:5.6rem;margin-left:0.28rem;margin-top:-0.26rem} 
 .steps-ul li{position:relative;margin-bottom: 0.92rem;height:1.4rem;}
 .steps-num{position:absolute;z-index: 9999;left:0;width:1.4rem;height:1.4rem;font-weight:bold; font-size:0.6rem;color:#fff;line-height: 0;border-radius: 50%;}
 .steps-num  span{position:absolute;z-index:999;left:30%;top:40%}
 .steps-num  p {position:absolute;z-index:10000;font-size:0.26rem;left:50%;top:60%}
 .steps-desc{position:relative;margin-top: 0.16rem;width:4.76rem;padding:0 0.1rem 0 0.7rem;margin-left:0.84rem;color:#021833;font-size:0.31rem;height:1.08rem;line-height:1.08rem;border-radius:0.1rem}
 .steps-desc span{line-height:0.42rem;display:inline-block;vertical-align:middle}
 
 .steps-ul li:nth-child(2){margin-left:0.85rem} 
 .steps-ul li:nth-child(3){margin-left: 0.12rem;}  
 
 .steps-ul li:nth-child(1) .steps-num {background: #F7B763;} 
 .steps-ul li:nth-child(1) .steps-desc{background:#fff8eb} 
 .steps-ul li:nth-child(1) .steps-num::after{content:"";background: url(../images/in-stepsnumbg1.png) no-repeat center center;position:absolute;left:-5%;right:0; top: 5%;bottom:0;margin:auto; z-index:9999;} 
 
 .steps-ul li:nth-child(2) .steps-num {background: #86b9f7;}
 .steps-ul li:nth-child(2) .steps-desc{background:#ebf4ff} 
 .steps-ul li:nth-child(2) .steps-num::after{content:"";background: url(../images/in-stepsnumbg2.png) no-repeat center center;position:absolute;left:-5%;right:0; top: 5%;bottom:0;margin:auto; z-index:9999;} 
 
 .steps-ul li:nth-child(3) .steps-num {background: #f78d9d;}
 .steps-ul li:nth-child(3) .steps-desc{background:#fff0f3} 
 .steps-ul li:nth-child(3) .steps-num::after{content:"";background: url(../images/in-stepsnumbg3.png) no-repeat center center;position:absolute;left:-5%;right:0; top: 5%;bottom:0;margin:auto; z-index:9999;} 

 
 
 
 /*首页-in-reviews-main*/
 .in-reviews-top{margin-top:-0.9rem}
 .in-reviews-main{background:#fff url(../images/img-reviewsbg.png) top center;background-size: 100%;overflow-x:hidden;padding-bottom:1.3rem} 
 .stories-con{ padding-bottom:0.1rem ;}
 .stories-con .carousel-inner{min-height:5.8rem;}
 .storiesbg .carousel-indicators li{background-color:#0c305c}
 .storiesbg .carousel-indicators .active{background-color:#feb002}
 .stories-imgbox{position:absolute;z-index:999;top:0;left:0;right:0;margin:auto;width:2.76rem;height:2.76rem;overflow:hidden;border-radius:50%;}
 .stories-imgbox img{width: 100%;} 
 .carousel-inner{overflow:inherit !important} 
 .stories-text{width:100%; height: 6rem;background:#fff;border-radius:0.1rem;margin-top:1.5rem;padding:1.45rem 0.35rem 0.25rem; box-shadow: 0rem 0.15rem 0.8rem -0.25rem #778394;}
 .stories-title{width:100%;font-size:0.66rem;font-weight:bold;color:#fa1f53;background:url(../images/stories-titlebg.png)repeat-x center center;text-align:center}
 .stories-title .name{position:relative;display: inline-block; z-index:999;background:#fff;padding: 0 0.25rem  }
 .stories-title .name:after{content:"";position:absolute;bottom:0.12rem;left:0;right:0;z-index:-1;height:0.06rem;border-radius:0.1rem;background:#e7f1fa;width:99%;margin:auto}
 .stories-say{ color:#616366; font-size:0.2rem;line-height:.36rem;margin:0.1rem 0}
 .i-icon-quote{color:#fa9b0c;font-size:0.3rem}
 .i-icon-quote img{height:.2rem}
 .i-icon-quote.quote-left{float:left}
 .i-icon-quote.quote-right{float:right} 
 .quote-left img{ margin-top:-.1rem;}
 .quote-right img{ margin-top: -1.05rem;}
 .stories-mainage{margin:.25rem auto;font-size:.22rem;text-align:center;}
 .stories-mainage img{height:.2rem;display:inline-block;vertical-align:unset}
 .stories-mainage img:nth-child(2){margin-left:.2rem}
 .stories-say p{text-indent:2em;padding: 0.2rem 0 0;text-transform:uppercase;}
 .stories-desc{font-size:0.26rem;text-align:center;line-height:0.34rem;padding:0.2rem 0 0;color:#57595c} 

 .stories-con .carousel-indicators {bottom:-0.8rem;}
 .stories-con .carousel-indicators li{border:.01rem solid #0c305c;background: #0c305c}
 .stories-con .carousel-indicators li.active{border: .01rem solid #feb002;background: #feb002}
 
 
  

/*首页-in-commitments-main*/
.commitments-ul{margin-bottom:0.35rem}
.commitments-ul li{position:relative;margin-bottom:0.45rem}
.commitments-ul li img{position:absolute;z-index:999;left:0;top:50%;margin-top:-0.605rem;width:1.21rem;}
.commitments-ul li .commitments-text{position:relative;float:right;width:5.7rem;padding:0.2rem 0.3rem 0.2rem 0.7rem;background:#fffaf0;border-radius:0.1rem;color:#616366;font-size:0.26rem;line-height:0.38rem}
.commitments-ul li .commitments-text h4{ font-weight: bold;color:#021833;font-size:0.32rem;margin-bottom:0.1rem}
.commitments-ul li:nth-child(even) .commitments-text{background:#f0f7ff;}




 /*少儿课程*/
 .course-main{background: url(../images/coursebg.png) top center;background-size:100% auto;}

 .courseLv-box{width:6.6rem;font-size:.18rem;line-height:.24rem;margin:.8rem auto ; position:relative;color:#57595c;text-align:center} 
 .courseLv-box .list{width:1.7rem;float:left;margin-right:.05rem;}
 .courseLv-box .list:first-child{width:1.32rem;}
 .courseLv-box .list:last-child{margin-right:0;}
 
 .tr-space{position:relative;display:table;border-radius:.05rem;background:#f0f6fc;margin-bottom:.05rem;}
 .tr-middle{position:relative;width:100%;display: table-cell; vertical-align: middle;line-height:.24rem; }  
 .tr-middle .star{position:relative}
 .tr-middle .star::after{content:"★";position:absolute;left:-.15rem;top:0;font-size: .16rem;}
 
 
 .tr1,.tr2,.tr3,.tr4,.tr5.tr6.tr7.tr8.tr9{width:100%}
 .tr1, .tr1>div{height:.7rem; } 
 .tr2, .tr2 >div{height:1rem; }  
 .tr3, .tr4{height:.5rem;width:1.7rem }
 .tr5 {width:1.7rem;height:1.3rem; } 
 .tr6 {width:1.7rem;height:2.4rem; } 
 .tr7 {width:1.7rem;height:1.5rem; }  
 .tr8,.tr9{width:1.7rem;height:2.1rem; }  
 
 .courseLv-box .list > .tr5, .courseLv-box .list > .tr6, .courseLv-box .list > .tr7, .courseLv-box .list > .tr8, .courseLv-box .list >.tr9{padding:0 .15rem 0 .2rem;text-align:left}
 
 .courseLv-box .list .left{float:left; width: .8rem;}
 .courseLv-box .list .right{float:right;width: .8rem;}
 .courseLv-box .list .list-title .left{width:.56rem;border-radius:.05rem;height:10.7rem}
 .courseLv-box .list .list-title .right ,.courseLv-box .list .list-title .right .trbg-1{width:.72rem;}

 .trbg-1{background:#f0f6fc}
 .list-title .left.trbg-1 .tr-middle{width:.56rem;height:9.72rem;}
 
 .trbg-2{background:#fff4e5}
 .trbg-2-1{background:#ff6a6e;color:#fff; }
 .trbg-2-2{background:#ffad4f;color:#fff; }
 
 .trbg-3{background:#ffeecc}
 .trbg-3-1{background:#35d579;color:#fff; }
 .trbg-3-2{background:#00c0dc;color:#fff; }
 
 .trbg-4{background:#ffdab2}
 .trbg-4-1{background:#689df4;color:#fff; }
 .trbg-4-2{background:#9d9dfb;color:#fff; }
 
 .trbg-2-1 strong,.trbg-2-2 strong,
 .trbg-3-1 strong,.trbg-3-2 strong,
 .trbg-4-1 strong,.trbg-4-2 strong{display:block;font-size:.26rem;line-height:.32rem;}
 
 .trbg-2-2::after{content:"";position:absolute;z-index:-1;left:0;top:-.1rem;width:100%;height:.2rem;background:#ffad4f;border-top-right-radius:.05rem;border-top-left-radius:.05rem;}
 .trbg-2-2 .tr-middle{top:-.04rem;}
 .trbg-3-1::after{content:"";position:absolute;z-index:-1;left:0;top:-.20rem;width:100%;height:.3rem;background:#35d579;border-top-right-radius:.05rem;border-top-left-radius:.05rem;}
 .trbg-3-1 .tr-middle{top:-.08rem;}
 .trbg-3-2::after{content:"";position:absolute;z-index:-1;left:0;top:-.30rem;width:100%;height:.4rem;background:#00c0dc;border-top-right-radius:.05rem;border-top-left-radius:.05rem;}
 .trbg-3-2 .tr-middle{top:-.12rem;}
 .trbg-4-1::after{content:"";position:absolute;z-index:-1;left:0;top:-.40rem;width:100%;height:.5rem;background:#689df4;border-top-right-radius:.05rem;border-top-left-radius:.05rem;}
 .trbg-4-1 .tr-middle{top:-.16rem;}
 .trbg-4-2::after{content:"";position:absolute;z-index:-1;left:0;top:-.50rem;width:100%;height:.6rem;background:#9d9dfb;border-top-right-radius:.05rem;border-top-left-radius:.05rem;}
 .trbg-4-2 .tr-middle{top:-.20rem;}
 
 
 
  
 .trbg-5{background:#ffe9ea}
 .trbg-5-1{background:#ff6a6e;color:#fff; }
 .trbg-6{background:#fce9d3}
 .trbg-6-1{background:#ffad4f;color:#fff; }
 .trbg-7{background:#dbf9f9}
 .trbg-7-1{background:#43ccb1;color:#fff; }
 .trbg-8{background:#e0e9fc}
 .trbg-8-1{background:#7197e6;color:#fff; }
 
 
 
  .course-xxtitle,.course-YCTtitle{padding:.1rem .5rem;text-align:center;font-size:.32rem;color:#3d3e40;line-height:.5rem;background:url(../images/course-kctitlebg1.png)no-repeat;background-size:100% 100%;} 
 .course-YCTtitle{background:url(../images/course-kctitlebg2.png)no-repeat;background-size:100% 100%;}  
  
 .courseLv-box2 {width:6.6rem;margin:.6rem auto;}
 .courseLv-box2 .list{text-align:center;width:1.21rem;float:left;margin-left:.1rem;}
 .courseLv-box2 .list:first-child{width:.96rem;margin-left:0;font-size:.2rem}
 .courseLv-box2 .list:first-child .tr1{font-size:.18rem}
 .courseLv-box2 .list .tr1{height:.6rem;font-size:.24rem}
 .courseLv-box2 .list .tr2{height:.73rem;font-size:.2rem}
 .courseLv-box2 .list .tr3{padding: 0 .07rem 0 .17rem;width:1.21rem;height:3.03rem;text-align:left;font-size:.16rem !important}
 .courseLv-box2 .list .tr2-3{width:.96rem;height:3.8rem;}
 
 
 
 
.float-left{float:left}
.float-right{float:right}
.coursefw-main ul{margin:.2rem auto;}
.coursefw-main li{vertical-align:middle;border-top-left-radius:.3rem;padding:.3rem .2rem;margin-bottom:.4rem;background:#fafbff}
.coursefw-main li:hover{background:#f0f6ff}
.coursefw-main li .float-left{display: inline-block;text-align:center;width:1.68rem;height:1.68rem;line-height:1.68rem;background:url(../images/fw-iconbg.png)no-repeat;background-size:100%}
.coursefw-main li .float-right{font-size:.22rem;width:4.2rem;}
.coursefw-main li .float-right h4{font-weight:bold;color:#021833;font-size:.34rem;}
.coursefw-main li .float-right h4 img{margin-left:.2rem;width:1.78rem; }
.coursefw-main li .float-left img{ display: inline-block;height:.73rem;vertical-align:middle}
.coursefw-main li .float-right .mintitle{margin:.15rem 0 0.1rem;width: 3rem;padding:.1rem .2rem;font-size:.24rem;background:url(../images/course-fgbg.png)no-repeat;background-size:100% 100%;color:#fff;}
.coursefw-main li .float-right  p{color:#57595c;font-size:.20rem;line-height:.30rem;} 

.stories-teatext{height:6.4rem}
.stories-teatext .stories-title {font-size: 0.5rem;}
.stories-teatext .stories-title .en{color:#021833;font-size:.3rem;background:#fff;padding:0 .1rem} 

.stories-maintitle .bluebg{line-height:.4rem;border-width:0 2.05rem 28px 0}
.stories-maintitle{margin:.25rem auto;text-align:center;color:#fff;font-size:.24rem;  background: url(../images/bluebg.png)no-repeat;background-size:100% 100%}
.stories-teatext .stories-say p{font-size:.26rem;color:#03244d;text-align:center;text-indent:0;line-height:.36rem;}
.stories-teatext .stories-desc{margin:.3rem auto .2rem;color:#57595c;font-size:.2rem;text-align:left;text-indent:2em;line-height:.3rem}

.coursecktx-main{background:url(../images/course-kctxbg.png)no-repeat center center;background-size:100%}
.coursecktx-main ul{background:url(../images/course-kctjbg.png)no-repeat bottom center;background-size:auto 6.81rem;margin:0 auto .6rem }
.coursecktx-main li{position:relative;text-align:center;background:#f2f5ff;font-size:.26rem;width:2rem;line-height:.4rem;padding:.4rem .3rem;border-radius:.2rem}
.coursecktx-main li .course-wb{position:absolute;left:0;right:0;margin:auto;bottom:-0.3rem;height:.3rem}
.coursecktx-main li:nth-child(1){left:.6rem;top:.3rem}
.coursecktx-main li:nth-child(2){left:4.6rem}
.coursecktx-main li:nth-child(3){top:-0.6rem}
.coursecktx-main li:nth-child(4){left:4rem;top:-1rem}


.coursefive-main{background:#eef5fe url(../images/course-fivebg.png)no-repeat center center;background-size:100%}
.coursefive-main ul{width:94%;margin:0 auto 1.6rem;background:url(../images/coursefive-ulbg.png)no-repeat center center;background-size:auto 7.95rem}
.coursefive-main li{ color:#2f2f2f;font-size:.22rem;line-height:.32rem;width:2.3rem;text-align:center;position:relative;text-align:center;}
.coursefive-main li img{height:1.89rem;display:block;margin:0.1rem auto}
.coursefive-main li .titlebox{width:1.72rem;margin:0 auto .1rem;background:url(../images/coursefive-titleboxbg.png)no-repeat;background-size:100%;height:.88rem;line-height:.54rem;display:block;color:#fff;font-weight:bold;font-size:.32rem;}
.coursefive-main li:nth-child(2n){float:right; }
.coursefive-main li:nth-child(2){float:right;top:-2.15rem; }
.coursefive-main li:nth-child(4){float:right;top:-1.9rem;right:.16rem}
.coursefive-main li:nth-child(1){top:.2rem}
.coursefive-main li:nth-child(3){top:.5rem;}
.coursefive-main li:nth-child(5){top:.7rem;left:.4rem}

 

/*关于我们-内容*/ 
.contact-main{background: url(../images/contactbg.png)no-repeat bottom center;background-size:100% auto;padding-bottom:.6rem} 
.contact-banner-main{height:4.52rem;background:url(../images/bannerbg-contact.png)no-repeat top center;background-size:100% auto;}
.contact-banner-main  .bannerbox .banner-title1 { font-size: .7rem;} 
.contact-textbox  .title-box  .title-text{font-size:.36rem}
.contact-text {color:#616366;font-size:0.24rem;line-height:0.38rem}
.contact-text h4{color:#021833;font-size:0.26rem;margin :0.2rem auto .1rem}
.contact-text .icon-item{font-size:.34rem;margin-right:.1rem}



/*弹框提示*/
.zhezhao{ display: none; width:7.5rem; height: 100%;margin: auto; overflow-y: auto; background-color: rgba(2, 24, 51, .88); position: fixed; top: 0; left: 0;right:0;  z-index: 9999;}
.freelisten-frame {width:6.4rem; position: absolute; margin: 0% auto; top: 12%; left: 0; right: 0; background-color: #fffbf0; z-index: 10000;  border-radius:.2rem;overflow:hidden}
.freelisten-frame .btnclose-frame { position: absolute; z-index:10000; right: .2rem;top: .2rem;width:.4rem;height:.4rem;border-radius: 50%;background: rgba(0,0,0,.3);overflow: hidden;}
.freelisten-frame .btnclose-frame img{width:.19rem;height:.19rem;margin:.1rem auto;display:block;}
.freelisten-frame .head-frame {height: 1.5rem;background: url(../images/tanbox-bg3.png)no-repeat center center;background-size:   100% 100%;}
.freelisten-frame .head-frame .head-frame-title{color:#fff;text-align:center;font-size:.5rem;padding-top:.28rem;}
.freelisten-frame .body-warnframe{padding:.4rem .5rem;font-size:.26rem;text-align:center}
.freelisten-frame .click-btn{line-height:.8rem;display:block;margin:0.4rem auto 0.2rem}



/*学生端-我的课程*/
.student-navmain{background:#fff;border-bottom:.01rem solid #ebeced; }

.student-namebox{display:table}
.student-namebox .userimgbox{float:left;width:1rem;height:1rem;}  
.student-namebox .userimgbox img{width:100%;}
.student-namebox .usernamebox{margin-left:.2rem;float:left;}
.student-namebox .usernamebox h4{color:#021833;font-size:.36rem;font-weight:bold;line-height:.5rem}
.student-namebox .usernamebox span{display:inline-block;line-height:.3rem;height:.3rem;background:#fff4e0;color:#f78c00;font-size:.26rem;border-radius:.45rem;padding:0 .15rem}


.student-namebox .float-right{margin-top:.07rem;font-size:.2rem;color:#575a5c;position:absolute;right:0;background:#fff6e5;height:.85rem;border-bottom-left-radius:.85rem;border-top-left-radius:.85rem;padding:.15rem .3rem;}
.student-namebox .float-right>span{display:inline-block;text-align:right;vertical-align: middle;padding-right:.15rem;margin-right:.15rem;border-right:.01rem dashed #d0bfa6}
.student-namebox .float-right>span >span{color:#f78c00;font-size:.28rem;line-height:.2rem}
.student-namebox .float-right>a{display:inline-block;width:.3rem;height:.34rem;} 
.student-namebox .float-right>a img{width:100%}

.student-navbox li{float:left;width:20%;text-align:center;position:relative;}
.student-navbox li a{display:block;position:relative;}
.student-navbox li i{display:block;margin:0 auto;width:.5rem;height:.5rem;}
.student-navbox li p{color:#797c80;font-size:.22rem;line-height:.32rem;padding:.1rem 0}
.student-navbox li i.icon-wdkc{background:url(../images/icon-mynav.png)no-repeat -0.06rem 0rem;background-size:6.65rem;}
.student-navbox li i.icon-yykc{background:url(../images/icon-mynav.png)no-repeat -1.58rem 0rem;background-size:6.65rem;}
.student-navbox li i.icon-gmkc{background:url(../images/icon-mynav.png)no-repeat -3.1rem 0rem;background-size:6.65rem;}
.student-navbox li i.icon-xxzx{background:url(../images/icon-mynav.png)no-repeat -4.62rem 0rem;background-size:6.65rem;}
.student-navbox li i.icon-grzl{background:url(../images/icon-mynav.png)no-repeat -6.14rem 0rem;background-size:6.65rem;}

.student-navbox li.active i.icon-wdkc{background:url(../images/icon-mynav.png)no-repeat -0.06rem -0.63rem;background-size:6.65rem;} 
.student-navbox li.active  i.icon-yykc{background:url(../images/icon-mynav.png)no-repeat -1.58rem -0.63rem;background-size:6.65rem;}
.student-navbox li.active  i.icon-gmkc{background:url(../images/icon-mynav.png)no-repeat -3.1rem -0.63rem;background-size:6.65rem;}
.student-navbox li.active  i.icon-xxzx{background:url(../images/icon-mynav.png)no-repeat -4.62rem -0.6rem;background-size:6.65rem;}
.student-navbox li.active  i.icon-grzl{background:url(../images/icon-mynav.png)no-repeat -6.14rem -0.63rem;background-size:6.65rem;}

.student-navbox li.active p{color:#f78c00}
.student-navbox li.active p:after{content:"";position: absolute;width:.5rem;height:0.05rem;border-radius:.1rem;background:#f78c00;left:0;right:0; bottom: -0.025rem;  margin:auto;}


 .empty-show{text-align:center; display:none}
 .empty-show  img{height:2.92rem;display:block;margin:0 auto}
 .empty-show  .empty-desc{font-size:.26rem;color:#919599;text-align:center;margin-top: -.3rem;}
 .empty-show .btn-a{margin:.6rem auto;width:2.6rem;height:.5rem;line-height:.5rem;font-size:.26rem;}
 .empty-show .free-btn{width:3.8rem;height:.7rem;line-height:.7rem;font-size:.26rem;text-align:center;margin:0.6rem auto;border-radius:.7rem;color:#fff;background:#fb2152;display:block}
 
.nav-borderline{max-width:100%}

.mycourse-total{text-align:center;margin-bottom:.4rem}
.mycourse-total li{box-shadow:0 .1rem .2rem -.1rem #fbad68;position:relative;display:inline-block;margin-right:.25rem;margin-bottom:.3rem;width:3.2rem ;height:2.16rem;background:url(../images/mycourse-totalbg.png)no-repeat;background-size:100%}
.mycourse-total li:nth-child(2n){margin-right:0}
.mycourse-total li h4{margin:.3rem auto .05rem;color:#f78c00;font-size:.66rem;font-weight:bold}
.mycourse-total li p{color:#fff;font-size:.26rem;position:absolute;width:100%;bottom:0;height:.56rem;line-height:.56rem;}
.mycourse-total li span{color:#1a1a1a;font-size:.22rem;}

 #threenav-myTab.nav-tabs{border:0;text-align:center}
 #threenav-myTab.nav-tabs > li  {position:relative;float:none;width:2.1rem;display:inline-block;text-align:center;}
 #threenav-myTab.nav-tabs > li  > a, #threenav-myTab.nav-tabs > li  > a:hover, #threenav-myTab.nav-tabs > li > a:focus {padding:.05rem  .05rem;font-size:.32rem;color:#797c80}
 #threenav-myTab.nav-tabs > li.active > a, #threenav-myTab.nav-tabs > li.active > a:hover, #threenav-myTab.nav-tabs > li.active > a:focus {color: #f78c00;cursor: default;background-color: transparent;border:.01rem solid transparent;border-bottom-color: transparent;}
 #threenav-myTab.nav-tabs > li.active::after{content:"";position:absolute;bottom:-.09rem;height:.05rem;width:.74rem;background:#f78c00;border-radius:.1rem;left:0;right:0;margin:auto;}
 #threenav-myTab.nav-tabs > li > a:hover {border-color: transparent;background-color: transparent;}
 
 
 #threenav-myTabContent .tab-pane{padding:0 .1rem .8rem;}
 #threenav-myTabContent .tab-pane .empty-show{margin:.7rem auto}
 .threecourse-list>li{margin:0 auto;margin-top:.3rem;width:100%;padding:.35rem .2rem;border-radius:.1rem;background:#fff;box-shadow:0rem .05rem .15rem -.05rem #d5e1eb}
 .threecourse-list .coninfo .float-left{ width:2.18rem;height:1.76rem;border-right:.03rem solid #fa9b0c;color:#021833;font-size:.26rem;text-align:center}
 .threecourse-list .coninfo .float-right{position:relative;padding:.05rem .3rem;width:4.1rem;height:1.76rem}
 .threecourse-list .coninfo .float-left .imgbox{background:#f5f7f9;width:1.2rem;height:1.2rem;border-radius:50%;margin:0rem auto .15rem}
 
 .threecourse-list .coninfo .float-right p{color:#919599;font-size:.22rem;}
 .threecourse-list .coninfo .float-right h4{color:#021833;font-size:.32rem;line-height:.42rem;}
 .threecourse-list .coninfo .float-right span{position:absolute;bottom:0.05rem;left:.3rem;display:inline-block;border-radius:.05rem;background:#fff4e0;color:#99948b;font-size:.2rem;padding:.05rem .15rem}
 .threecourse-fgline{width:6.2rem;margin:.3rem auto .2rem}
 
 .threecourse-list .btnbox {text-align:center;width:100%}
 .threecourse-list .btnbox a{display:inline-block;width:48%;border-left:0.01rem solid #e1e7ed;text-align:center;color:#797c80;font-size:.22rem;line-height:.22rem}
 .threecourse-list .btnbox a:first-child{border-left:0}
 .threecourse-list .btnbox i{margin-right:.1rem}
 .threecourse-list .btnbox .icon-pjls{vertical-align:text-bottom;display:inline-block;width:.3rem;height:.3rem;background:url(../images/threeourse-icon.png)no-repeat 0rem 0.02rem;background-size:auto .36rem}
 .threecourse-list .btnbox .icon-lsfk{vertical-align:text-bottom;display:inline-block;width:.3rem;height:.3rem;background:url(../images/threeourse-icon.png)no-repeat -.44rem 0.02rem;background-size:auto .36rem} 
 .threecourse-list .btnbox .icon-qxyy{vertical-align:text-bottom;display:inline-block;width:.3rem;height:.3rem;background:url(../images/threeourse-icon.png)no-repeat -.87rem 0.02rem;background-size:auto .36rem}
 .threecourse-list .btnbox .icon-qxshz{vertical-align:text-bottom;display:inline-block;width:.3rem;height:.3rem;background:url(../images/threeourse-icon.png)no-repeat -1.73rem 0.01rem;background-size:auto .36rem} 
 .threecourse-list .btnbox .icon-mfqx{vertical-align:text-bottom;display:inline-block;width:.3rem;height:.3rem;background:url(../images/threeourse-icon.png)no-repeat -1.325rem -0.01rem;background-size:auto .36rem} 

 
 .defaultbtn{display:block;border:0;width:3.8rem;line-height:.7rem;line-height:.7rem;margin: 0 auto}
 .frame-subscribe{ width:6.6rem;margin:0 auto 1rem; box-shadow: 0rem 0.05rem 0.15rem -0.05rem #d5e1eb;background:#fff;border-radius:.1rem;overflow:hidden}
 .frame-subscribe .title{font-weight:bold;color:#f78c00;font-size:.36rem;text-align:center;vertical-align:middle;height:1.2rem;line-height: 1.2rem;background:#fff6e5 url(../images/free-yuyuetitlebg.png)no-repeat center center;background-size:auto .66rem}
 .frame-subscribe .infocon{background:url(../images/free-yuyuebg.png)no-repeat center center;background-size:auto  2.49rem;padding:.65rem 1.4rem;color:#57595c;font-size:.26rem;line-height:.54rem;}
 .icon-good{width:.32rem;height:.32rem;margin-right:.15rem;display:inline-block;vertical-align:text-bottom;background:url(../images/icon-good.png)no-repeat center ;background-size:auto 100%}
 .frame-subscribe .defaultbtn{margin-top:.5rem;}
 
 /*引导*/
 .frame-subscribe .ydtitle{background:#fff6e5 url(../images/free-ydtitlebg.png)no-repeat center center;background-size:auto .8rem}
 .frame-subscribe .yd-infocon{padding:.44rem .65rem .65rem;}
 .frame-subscribe .yd1-num{display:inline-block;color:#5d441e;font-size:.26rem;height:.38rem;width:.4rem;vertical-align:text-bottom;text-align:center;line-height:.38rem;font-weight:bold;margin-right:.1rem;background:url(../images/yd1-numbg.png)no-repeat;background-size:auto 100%;}
 .frame-subscribe .yd-title{position:relative;padding:.08rem 0;background:#f7fafd;border-radius:1rem;font-size:.22rem;color:#57595c;line-height:.3rem;}
 .frame-subscribe .yd2-title img{position:absolute;z-index:999;left:-.15rem;top:-0.3rem;height:1.02rem;}
 .frame-subscribe .yd2-title {padding-left:1.05rem;}
 .frame-subscribe .yd2-title span{width:.4rem;display:inline-block}
 .frame-subscribe .yd2-line{display:block;margin:.3rem auto;height:.3rem}
 .frame-subscribe .yd2-area{outline:none;width:100%;height:.64rem;line-height:.64rem;font-size:.22rem;border:0;border-radius:.1rem;text-indent:.25rem;color:#57595c;background-color:#f7fafd}
 
 .yd3-inputbox{overflow:hidden;outline:none ;background-color:transparent;width:100%;border:.013rem solid #c2c6cc;border-radius:.1rem;line-height:.7rem;height:.7rem;}
 .yd3-inputbox input,select.yd3-inputbox  {outline:none;text-indent:.2rem;background-color:transparent;}
 .yd3table{width:100%;}
 .yd3table .form-musticon{color:#faa30c}
 .yd3table tr {height:.9rem}
 .yd3table tr td:first-child{text-align:right;padding-right:.15rem}
 .yd3table .sex-ul li{font-size:.22rem;display:inline-block;border-radius:.6rem;padding:0 .2rem;line-height:.5rem;height:.5rem;margin-left:.2rem;background:#fff0d6}
 .yd3table .sex-ul li.active{background:#faa30c;color:#fff}
 .frame-subscribe .defaultbtn.yd3nextbtn{margin-top:.3rem}
 
 .yd4ul-title{font-size:.22rem;color:#57595c;margin-bottom:.15rem;}
 .yd4ul-title span{color:#faa30c;}
 .yd4ul{font-size:.2rem;line-height:.32rem;color:#57595c}
 .yd4ul li{margin-bottom:.1rem;}
 .yd4ul li span{width:.26rem;height:.26rem;display:inline-block;margin-right:.05rem;background:url(../images/sign-icon.png)no-repeat 0rem -0.255rem;background-size:.26rem;vertical-align: text-top;}
 .yd4ul li.active span{background:url(../images/sign-icon.png)no-repeat 0rem 0.01rem;background-size:.26rem;}
 
 
 
 /*免费领取*/
 .bg-mflqorange{background:#fa9b0c}
 .bg-mflqorange .mflq-bg{position:absolute;z-index:0;bottom:0;width:100%}
 .frame-freephone{width:100%;padding:.6rem .75rem;min-height:10.65rem;margin-bottom:.9rem;background: url(../images/mflq-conbg.png)no-repeat center bottom;background-size:100% 100%}
 .frame-freephone .title{color:#fd244e;font-weight:bold;font-size:.56rem;text-align:center;line-height:1.40rem;height:1.40rem;background:url(../images/mflq-titlebg.png)no-repeat center center;background-size:  auto .88rem}
 .mflq-inputitem{margin-top:.35rem;}
 .mflq-inputitem .input-titlecon{margin-bottom:.2rem;color:#57595c;font-size:.26rem;}
 .mflq-inputitem .input-titlecon i.icon-name{width:.3rem;height:.3rem;display:inline-block;vertical-align:text-bottom;margin-right:.06rem;background:url(../images/mflq-icon.png)no-repeat 0.01rem -.025rem;background-size:1.9rem;}
 .mflq-inputitem .input-titlecon i.icon-age{width:.3rem;height:.3rem;display:inline-block;vertical-align:text-bottom;margin-right:.06rem;background:url(../images/mflq-icon.png)no-repeat -0.385rem -.025rem;background-size:1.9rem;}
 .mflq-inputitem .input-titlecon i.icon-email{width:.3rem;height:.3rem;display:inline-block;vertical-align:text-bottom;margin-right:.06rem;background:url(../images/mflq-icon.png)no-repeat -0.81rem -.025rem;background-size:1.9rem;}  .mflq-inputitem .input-titlecon i.icon-name{width:.3rem;height:.3rem;display:inline-block;vertical-align:text-bottom;margin-right:.06rem;background:url(../images/mflq-icon.png)no-repeat 0.01rem -.025rem;background-size:1.9rem;}
 .mflq-inputitem .input-titlecon i.icon-tel{width:.3rem;height:.3rem;display:inline-block;vertical-align:text-bottom;margin-right:.06rem;background:url(../images/mflq-icon.png)no-repeat -1.22rem -.01rem;background-size:1.9rem;}  .mflq-inputitem .input-titlecon i.icon-name{width:.3rem;height:.3rem;display:inline-block;vertical-align:text-bottom;margin-right:.06rem;background:url(../images/mflq-icon.png)no-repeat 0.01rem -.025rem;background-size:1.9rem;}
 .mflq-inputitem .input-titlecon span{color:#fa9b0c}
 .mflq-inputitem .input{outline:none;font-size:.22rem;width:100%;border:1px solid #fbc780;line-height:.7rem;height:.7rem;border-radius:.1rem;color:#333}
 .mflq-inputitem .defaultbtn{width:100%}  
 .mflq-inputitem  input {text-indent:.2rem;}
 
.mflq-inputitem input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #b8bcc2;
}
.mflq-inputitem input:-moz-placeholder { /* Mozilla Firefox 4 ~ 18 */
   color:    #b8bcc2;
   opacity:  1;
}
.mflq-inputitem input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #b8bcc2;
   opacity:  1;
}
.mflq-inputitem input:-ms-input-placeholder { /* Internet Explorer 10 ~ 11 */
   color:    #b8bcc2;
}
.mflq-inputitem input::-ms-input-placeholder { /* Microsoft Edge */
   color:    #b8bcc2;
} 
.mflq-inputitem input::placeholder { /* 大部分现代浏览器 */
   color:    #b8bcc2;
}
 
 
.mflq-inputitem .phoneNumber input { border-radius: .1rem;font-size: .26rem; color: #333; border:1px solid #fbc780; background: transparent;}
.ivu-select-dropdown{ box-shadow: 0rem 0.05rem 0.2rem -0.05rem #ccc;}
.mflq-btn{margin-top:.5rem;}
 
 
 .mflq-tips{width:86%;margin:34% auto 0;text-align:center;color:#fff;font-size:.24rem;line-height:.38rem;}
 .mflq-tips .title{margin-bottom:.4rem}
 .mflq-tips .title img.icon-lightbg{display:inline-block;height:.49rem;vertical-align:middle;margin-right:.2rem;}
 .mflq-tips .title span{font-size:.36rem;height:.62rem;line-height:.62rem;padding:0 .45rem;display:inline-block;vertical-align:middle;background:url(../images/mflq-tiptitlebg.png)no-repeat center center;background-size:100% 100%;}
 .mflq-tips img.icon-gth{height:.23rem; margin-left:.1rem}
 .mflq-tips .userinfo{position:relative;margin:.25rem auto .4rem}
 .mflq-tips .userinfo p{color:#ffdd8a;font-size:.28rem}
 .icon-planebg{position:absolute;right:.4rem}
 
 /*购买课程*/
 .area-headtitle{color:#021833;position:relative;z-index:999; line-height: 0.4rem;border-left:.04rem solid #fa9b0c;padding-left:.1rem;font-size:.36rem; margin:0 0 .35rem ;}
 .headtitle-line{position:relative;padding-left:.05rem;}
 .headtitle-line:before{background:#fff4e0;content:"";height:.04rem;width:110%;position:absolute;bottom:.05rem;left:0;z-index:-1}

 .currency-courselsit{display:none}
 .currency-courselsit_show{display:block}
  
 
 .currencybox{font-size:.26rem;padding-bottom:.2rem;margin-bottom:.45rem;color:#021833;line-height:.45rem;border-bottom:.03rem solid #fa9b0c}
 .currencybox .currency-tab{font-size:.22rem;display:inline-block;margin-left:.25rem;vertical-align:middle;padding:0 .35rem;border-radius:.45rem;color:#f78c00;background:#fff2da;line-height:.45rem;}
 .currencybox .currency-tab.active{background:#fa9b0c;color:#fff}
 
 .currency-coursetitle {display:inline-block;height:.6rem;line-height:.6rem;padding-left:.25rem;padding-right:.4rem;color:#021833;font-size:.26rem;background:url(../images/currency-coursetitlebg.png)no-repeat;background-size:100% 100%;}
 .currency-coursetitle span{color:#999791;padding:0 .1rem}
 
  .tancan-con{margin-bottom:.6rem;border-radius:.1rem;border-top-left-radius:0;background:#fff;padding:0 .2rem .4rem;box-shadow:0px .05rem .2rem -.1rem #ccc}
  .currency-courseul li{font-size:.22rem;color:#57595c;position:relative;border-bottom:1px solid #edf4fa;cursor:pointer;padding:.25rem 1rem .25rem 0 }  
  .currency-courseul li:last-child{border-bottom:0}  
  .currency-courseul li .currency-icon{display: inline-block;margin-right:.1rem;background: url(../images/sign-icon.png)no-repeat  -0.02rem -0.42rem;background-size:.4rem;  vertical-align: middle;width: .36rem;height:.36rem;} 
  .currency-courseul li.active .currency-icon{background:url(../images/sign-icon.png)no-repeat -0.02rem -.01rem;background-size:.4rem;   }
  .currency-courseul li .currency-num{position:absolute;right:0;top:26px;color:#ef1553;text-align:right;font-size:.3rem;}
  .currencygift{color:#ffb735;display:inline-block;vertical-align:middle;margin-left:20px;font-size:14px;line-height:26px;padding:0 15px;border-radius:30px;background:#fff8eb;border-radius:30px}
  .price-fh{font-size:.3rem;padding-right:.02rem;font-style: initial;} 
  .shop-nextbtn{display:block;width:3.7rem;height:.7rem;line-height:.7rem;font-size:.26rem;margin:.2rem auto}
  
  .shop-infobox {padding:0 .3rem 0.3rem ;border-radius:.1rem;margin-bottom:.6rem;background:#fff;box-shadow:0 .05rem .2rem -.1rem #ccc}
  .shop-infobox .pricebox{color:#021833;font-size:.26rem;border-bottom:.01rem solid #d8dde3;padding:.45rem 0 .4rem;margin-bottom:.45rem;}
  .shop-infobox .pricebox h4{font-size:.28rem;margin-bottom:.15rem;}  
  .shop-infobox .pricebox p{font-size:.24rem;line-height:.34rem;color:#fa930c;background:#fff6e5;display:inline-block;border-radius:1rem;border-top-left-radius:0;padding:0.03rem .3rem .03rem .2rem;}
  .shop-infobox .pricebox .col-xs-6{padding-left:0}
  .shop-infobox .pricebox .col-xs-6:nth-child(2){color:#57595c;text-align:right;margin-top:.2rem;} 
  .shop-infobox .pricebox .col-xs-6:nth-child(2) span{padding-left:.05rem;color:#ef1553;font-size:.34rem;}

  .couponbox {color:#57595c;font-size:.26rem;}  
  .couponbox .title{margin-bottom:.15rem;}
  .couponbox input{width:4.56rem;border-radius:.2rem;outline:none;line-height:.66rem;border:0;text-indent:.25rem;font-size:.26rem;background:#f0f3f5;float:left} 
  .couponbox .btnbox{margin-bottom:.5rem;width:1.6rem;background:#f78c00;color:#fff;text-align:center;font-size:.22rem;line-height:.66rem;height:.66rem;border:0;border-radius:.2rem;outline:none;float:right}
  .couponbox >p >span{font-size:.4rem;color:#ef1553} 
  
  .shop-infobox .pay-ul{margin:.5rem auto .2rem;text-align:center;font-size:.22rem;color:#021833}
  .shop-infobox .pay-ul li{display:inline-block;padding:.15rem 0;border:0.01rem solid transparent;position:relative;width:33%;line-height:.5rem;}
  .shop-infobox .pay-ul li::after{content:"";width:.01rem;height:.5rem;background:#e1e6ed;position:absolute;left:-0.04rem;top:50%;margin-top:-.25rem;}
  .shop-infobox .pay-ul li:first-child::after{width:0rem;height:0rem;}
  .shop-infobox .pay-ul li img{height:.54rem;display:block;margin:0 auto}  
  .shop-infobox .pay-ul li.active{/*border:0.02rem solid #f78c00;*/color:#f78c00}

  
  .shop-agree{font-size:.26rem;}
  .pay-btnbox{margin:.3rem auto}  
  .pay-btnbox a{font-size:.26rem;display:block;float:left;margin-right:5%;width: 47.5%;border-radius:.1rem;text-align:center;line-height:.72rem;height:.72rem;background:#abbacc;color:#fff}
  .pay-btnbox a:nth-child(2n){ margin-right:0;background:#fc234f;}
  
  
  
  /*预约课程*/ 
.subscribe-desc{margin:.3rem auto;border-bottom:.013rem solid #e2e5e9 }
.subscribe-desc li{float:right;margin-left:.25rem;margin-bottom:.25rem;line-height:.24rem;height:.24rem;color:#919599;font-size:.22rem;}
.subscribe-desc li span{background:#fff;display:inline-block;margin-right:.1rem;vertical-align: top;height:.24rem;width:.45rem;border-radius:.1rem;border:.01rem solid #dadfe6}
.subscribe-gray{background:#d0d6db !important;color:#919599 !important}
.subscribe-orange{background:#fa9b0c !important;color:#fff !important} 
 
.arrow_btn {width:.6rem;text-align:center;color:#eec897;line-height:1.2rem;font-size:.5rem;cursor: pointer;position:absolute;z-index:999;}
.arrow_btn.arrow_left{left:0rem} 
.arrow_btn.active{color:#fa9b0c}
.arrow_btn.arrow_right{right:0rem;}
.tea_table .left_active,.tea_table .right_active{cursor: pointer;}  
.tea_table{width: 6.02rem; height: 1.2rem ;overflow:hidden;margin:0 auto;}
.tea_table table{ position: relative;top: 0;left: 0;text-align:center;table-layout: fixed;border-collapse: collapse;margin-bottom: 0 ;} 
.tea_table table tbody{background:#fff} 
.position_th{background:#fff}
.tea_table table tr th{width:.86rem;display: table-cell; vertical-align: middle;font-weight:normal;text-align:center;border-bottom:0;height:1.2rem;}
.tea_table table tr th .week{font-size:.22rem;} 
.tea_table table tr th .time{display:inline-block;  font-size:.28rem; }
.tea_table table tr th.active{background:#fa9b0c;color:#fff;border-radius:1rem;}
 
.subscribe-courselsit::-webkit-scrollbar {/*滚动条整体样式*/ width :.05rem;  /*高宽分别对应横竖滚动条的尺寸*/ height:.01rem; }
.subscribe-courselsit::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius:.1rem; box-shadow: inset 0 0 .05rem rgba(0, 0, 0, 0.2); background   : #999;}
.subscribe-courselsit::-webkit-scrollbar-track {/*滚动条里面轨道*/box-shadow   : inset 0 0 .05rem rgba(0, 0, 0, 0.2);border-radius:.1rem; background   : #ededed;}

.subscribe-coursetimebox .item{display:none}
.subscribe-coursetimebox .item.active{display:block}

.subscribe-coursetimebox{margin-bottom:1rem;}
.subscribe-coursetimebox .item {overflow:hidden;border:.01rem solid #d0d5db;border-radius:.1rem}
.subscribe-coursetimebox .item li{width:25%;background:#fff;float:left;color:#57595c;font-size:.26rem;text-align:center;line-height:1rem;height:1rem;border-bottom:.015rem solid #e1e7ed;border-right:.01rem solid #e1e7ed;}
.subscribe-coursetimebox .item li:nth-child(17),
.subscribe-coursetimebox .item li:nth-child(18),
.subscribe-coursetimebox .item li:nth-child(19),
.subscribe-coursetimebox .item li:nth-child(20){border-bottom:0}


.subscribe-coursetimebox .item li:nth-child(19),
.subscribe-coursetimebox .item li:nth-child(20){pointer-events:none;}
/*td点击弹框*/
.td-tip {display:none;position: absolute;color:#57595c;z-index:9999;min-height:5.59rem;min-width:4.54rem;max-width:5rem;color:#021833;font-size:.26rem;text-align:center;padding:.4rem .3rem 0;background:url(../images/tip-bgleft.png);background-size:100% 100%/*#fffcf7*/}
.td-tip .td-tiplist{position:relative;padding:.25rem 0;}
.td-tip .td-tiplist::after{content:"";position:absolute;bottom:0;height:.01rem;background:#e1e7ed;width:2.8rem;left:0;right:0;margin:auto}
.td-tip .td-tiplist:last-child::after{height:0}
.td-tip .td-tiplist p{line-height:.34rem;margin:.03rem auto; }
.td-tip .td-tiplist .click-btn{display:block;width:2.96rem;margin:.35rem auto;font-size:.26rem;line-height:.66rem;height:.66rem;}
.td-tip .close-tipimg{cursor:pointer;height:.22rem;position:absolute;right:.45rem;top:.25rem;z-index:9999;}
 
 

 
/*学习中心*/ 
.study-ul{padding:0rem 0rem;background:#fff;border-radius:.1rem;box-shadow:0px .05rem .2rem -.1rem #ccc;margin-bottom:.6rem; }
.study-ul li{padding:0rem .35rem;}
.study-ul li:nth-child(2n){background:#fffcf2}
.study-ul li:nth-child(2n) .title{border-bottom:.01rem solid #edeae1}
.study-ul li .title{padding:.3rem 0;border-bottom:.013rem solid #e9eff5;color:#57595c;font-size:.26rem; }
.study-ul .title i{width:.4rem;height:.4rem;margin-right:.15rem;display:inline-block}
.study-ul .title .icon-checked {vertical-align:text-bottom;display:inline-block; background:url(../images/style-icon.png)no-repeat 0rem -0.58rem;background-size: .4rem} 
.study-ul .title .icon-locked {vertical-align:text-bottom;display:inline-block; background:url(../images/style-icon.png)no-repeat 0rem -0.07rem;background-size: .4rem} 

.study-ul .btnbox {position:relative;text-align:center;width:100%;margin:.25rem auto;}
.study-ul .btnbox > .item{position:relative;display:inline-block;width:48%;border-left:0.01rem solid #e1e7ed;text-align:center;color:#f78c00;font-size:.22rem;line-height:.22rem}
.study-ul .btnbox > .item:first-child{border-left:0}
.study-ul .btnbox i{width:.4rem;height:.4rem;display:inline-block;margin-right:.05rem}
.study-ul .btnbox > .item .icon-xzkj{vertical-align:middle;display:inline-block;background:url(../images/threeourse-icon.png)no-repeat -2.15rem 0rem;background-size:auto .36rem}
.study-ul .btnbox > .item .icon-xzzy{vertical-align:middle;display:inline-block;background:url(../images/threeourse-icon.png)no-repeat -2.65rem 0rem;background-size:auto .36rem} 

.study-ul .btnbox > .item.icon-null{color:#aaadb2}
.study-ul .btnbox > .item.icon-null .icon-xzkj{vertical-align:middle;display:inline-block;background:url(../images/threeourse-icon.png)no-repeat -3.07rem 0rem;background-size:auto .36rem}
.study-ul .btnbox > .item.icon-null .icon-xzzy{vertical-align:middle;display:inline-block;background:url(../images/threeourse-icon.png)no-repeat -3.58rem 0rem;background-size:auto .36rem} 
.study-ul .btnbox > .item.icon-null a{pointer-events:none; }

.study-select {margin-bottom:.5rem;color:#021833;font-size:.26rem;}
.study-select select{outline:none;margin-left:.1rem;padding:0 .2rem;min-width:5.5rem;height:.7rem;line-height:.7rem;background: #fff8eb url(../images/icon_arrow_down_x3.png) no-repeat right 0.1rem center;background-size: auto .14rem;border-radius:.1rem;border:.01rem solid #f79400}

.study-ul .kj-downul{padding:.1rem 0;border:.013rem solid #ccc;overflow-y:auto;max-height:4.3rem;display:none;z-index:999;background:#f7fafc;min-width:3rem;max-width:4rem ;border-radius:.1rem; position:absolute;top:0.5rem;left:.2rem; }
.study-ul .kj-downul li{ background:#f7fafc}
.kj-downul li a{display: block;  padding: .1rem; color: #575961; font-size: .22rem; line-height: .32rem;}
.kj-downul li:hover,.kj-downul li:focus{background:#fff8eb; }

/*个人中心*/
 .person-usertable {background:#edf2fa;border-radius:.1rem;padding:.5rem .6rem .5rem .5rem}
 .person-usertable-title{color:#021833;font-size:.28rem;}
 .person-usertable-title a{float:right;color:#57595c;font-size:.22rem;}
 .person-usertable-title a span{display:inline-block;width:.28rem;height:.28rem;vertical-align:middle;margin-right:.05rem;background:url(../images/data-edit.png)no-repeat 0.04rem 0.01rem;background-size:auto .21rem}
 .person-usertable{margin-bottom:1rem;}
 .person-usertable table{width:100%;color:#797c80;font-size:.22rem;margin-top:.2rem;}
 .person-usertable table tr{height:.85rem;}
 .person-usertable table tr td:nth-child(1){text-align:center;min-width:.65rem;}
 .person-userinput{ width: 100%;outline: none;overflow:hidden;font-size:.22rem ;color: #57595c ;line-height:.65rem;height:.65rem;border:.013rem solid #e1e7ed ;border-radius: .1rem; }
 .person-usertable .phoneNumber input.person-userinput{font-size:.22rem;border-radius:.1rem;background:#fff;border:.013rem solid #e1e7ed}
 .person-usertable .phoneNumber input.person-userinput[disabled]{color:#57595c ; background:#e5eaf3;border:.013rem solid #d0d5db}
 .ivu-dropdown-el{pointer-events:none; }
 .person-userinput .icon-filter-arrow {background-image: url(../images/icon_arrow_down_x3.png);}
 .person-userinput , .person-userinput select {text-indent:.2rem;}
 
 .person-userinput[disabled], .person-userinput select[disabled]{ opacity: 1!important;color:#57595c ; background:#e5eaf3 ;border:.013rem solid #d0d5db}
 .person-userbtnbox{display:none;padding:.25rem 0;}
 .person-userbtnbox .person-userbtn{font-size:.26rem;line-height:.65rem;width:2.6rem;display:block;text-align:center;background:#faa30c;color:#fff;float:left;border-radius:.65rem}
 .person-userbtnbox .person-userbtn:last-child{float:right;background:#fff4e0;color:#faa30c}
 
.person-usertable .phoneNumber input.person-userinput::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #57595c;
}
.person-usertable .phoneNumber input.person-userinput:-moz-placeholder { /* Mozilla Firefox 4 ~ 18 */
   color:    #57595c;
   opacity:  1;
}
.person-usertable .phoneNumber input.person-userinput::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #57595c;
   opacity:  1;
}
.person-usertable .phoneNumber input.person-userinput:-ms-input-placeholder { /* Internet Explorer 10 ~ 11 */
   color:    #57595c;
}
.person-usertable .phoneNumber input.person-userinput::-ms-input-placeholder { /* Microsoft Edge */
   color:    #57595c;
} 
.person-usertable .phoneNumber input.person-userinput::placeholder { /* 大部分现代浏览器 */
   color:    #57595c;
}
 
 .person-userbox{background:url(../images/data-userbg.png)no-repeat;background-size:100% 100%;overflow:hidden;border-radius:.1rem;padding:.25rem .3rem}
 .person-userbox .person-userimgbox{position:relative;width:1.5rem;height:1.5rem;float:left;background:#edf4fa;border-radius:50%;overflow:hidden}
 .person-userbox .person-userimgbox img{width:100%;min-height:100%;}
 .person-userbox .person-userimgbox #prompt3{position:absolute;top:0;}
 .person-userbox .person-userimgbox #prompt3 input{display:block;width:1.5rem;height:1.5rem;opacity: 0;}
 .person-userbox .person-usertextbox{ width: 4.4rem;float:left;margin-left:.2rem;}
 .person-userbox .person-usertextbox .person-user-name{font-weight:bold;font-size:.36rem;margin-bottom:.05rem;line-height:.48rem;}
 .person-userbox .person-usertextbox .person-user-LV{font-size:.22rem;color:#faa30c;margin-bottom:.03rem}
 .person-userbox .person-usertextbox .person-user-E{font-size:.2rem;color:#57595c}
 .person-userbox .person-usertextbox .skillbar {position:relative;display:block;margin-bottom:.15rem;width:4.36rem;background:#fff;height:.12rem;border-radius:.12rem;-moz-border-radius:.12rem;-webkit-border-radius:.12rem; }
 .person-userbox .person-usertextbox .skillbar-bar {height:.12rem;width:0px;background:linear-gradient(to right,#faab0c,#fa8b0c); border-radius:.12rem ;-moz-border-radius:.12rem;-webkit-border-radius:.12rem;}
 






/*登录*/

 .loginbg{background:url(../images/loginbg.png)no-repeat;background-size: cover;}
 .bg-mflqorange .mflq-bg{position:absolute;z-index:0;bottom:0;width:100%}
 .loginbg .ZH-EN{margin-right:0}
 .loginbg .headnav{position:relative;display: block;margin:0 auto;background:transparent;border:0;}
 .loginbg .headnav .goback{display:block;width:.5rem;height:.44rem;float:left}
 .loginbg .headnav .goback img{height:.3rem;}

 .loginbg .ZH-EN .dropbox p.active{background: #ffbc49 url(../images/select-icon.png) no-repeat 0.6rem 0.16rem;background-size: 0.26rem;}
 .signbox{max-width:7.5rem;background:#fff;padding:.4rem .3rem;border-radius:.15rem;margin:1rem auto 2rem}
 .signbox .sign-inup{text-align:center;color:#021833;font-size:.36rem}
 .signbox .sign-inup li {display:inline-block;padding:0 .35rem;line-height:.2rem;border-right:.013rem solid #c2c6cc}
 .signbox .sign-inup li:last-child{border:0}
 .signbox .sign-inup li a{font-weight:bold;position:relative;display:block;color:#021833}
 .signbox .sign-inup li.active a{color:#faa91e}
 .signbox .sign-inup li.active a::after{content:"";height:.03rem;width:.7rem;background:#faa91e;position:absolute;bottom:-.2rem;left:0;right:0;margin:auto}
 .sign-formtitle{position:relative;width:80%;min-width:4rem;color:#57595c;font-size:.22rem;text-align:center;margin:.4rem auto;}
 .sign-formtitle span{display: inline-block;padding:0 .1rem;background:#fff;position:relative;z-index:999}
 .sign-formtitle::after{position:absolute;content:"";height:.012rem;width:100%;background:#c2c6cc;top:50%;left:0;right:0;}
 
 .input-list{position:relative;width:100%;margin-bottom:.25rem;font-size:.26rem;color:#616366;padding:0 .2rem;border-radius:.1rem;border:.012rem solid #c2c6cc;background:#fff;overflow:hidden;} 
 .input-list i{position:absolute;z-index:9999;width:.8rem;height:.8rem;display:block; right:0rem;top: 0;background:url(../images/icon-eye.png)no-repeat center center ;background-size:auto .15rem}
 .input-list i.passeye{background:url(../images/icon-eye2.png)no-repeat center center ;background-size:auto .23rem}
 
 .input-list input{width:100%;line-height:.8rem;font-size:.26rem;position:relative;border:0; outline:none;color:#666}
  input::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:#c2c6cc;font-size:.26rem;}
  input:-moz-placeholder { /* Mozilla Firefox 4 ~ 18 */color:#c2c6cc;font-size:.26rem;}
  input::-moz-placeholder { /* Mozilla Firefox 19+ */color:#c2c6cc;font-size:.26rem;}
  input:-ms-input-placeholder { /* Internet Explorer 10 ~ 11 */color:#c2c6cc;font-size:.26rem;}
  input::-ms-input-placeholder { /* Microsoft Edge */color:#c2c6cc;font-size:.26rem;}
  input::placeholder { /* 大部分现代浏览器 */color:#c2c6cc;font-size:.26rem;} 
 .sign-formcon .formtip-item{clear:both;display:none; width:98%;padding:.1rem .2rem;margin:-.25rem auto 0;background:#ffebf0;font-size:.2rem;color:#ed2860;border-radius:.1rem;border-top-right-radius:0;border-top-left-radius:0;margin-bottom:.2rem;}
 .sign-regbtn{clear:both;width:5.1rem;height:.8rem;line-height:.8rem;text-align:center;color:#fff;display:block;background:#fa820c;margin:.3rem auto;font-size:.26rem;border-radius:.8rem}
 .reg-careful{text-align:center;color:#919599;font-size:.2rem}
 .reg-careful a{color:#5c9ff1}
 .reg-careful span{color:#fb941e}
 .sign-formcon .forget-pass{color:#faba4b;font-size:.26rem;float:right;margin-bottom: .35rem;}

 .em-input-list{position:relative;}
 .em-input-list button{position:absolute;right:0;top:0;height:.8rem;border-radius:.1rem;background:#fa820c;color:#fff;font-size:.26rem;text-align:center;border:0;min-width:1.6rem;padding:0 .2rem;}
 





/*邀请页面*/
.share-box{width:7.5rem;}
.share-box .infocon{font-size:.22rem;color:#666666;line-height:.36rem;min-height:8rem;background:url(../images/yq-img_02.jpg)no-repeat;background-size:100% 101%;padding:0.4rem .45rem  .6rem;}
/*.share-box .titlebox{position:relative;top:-50px;color:#fff;font-size:38px;text-align:center;height:68px;line-height:68px;}
.share-box .titlebox span{display:inline-block;background:url(../images/yq-titlebg.png);background-size:100% 100%;padding:0 60px;}*/
.share-box .min-title span{font-weight:bold;vertical-align: middle; display:inline-block;color:#1a1a1a;font-size:.3rem;z-index:1;position:relative;}
.share-box .min-title span::after{position:absolute;content:"";bottom:-.01rem;height:.05rem;width:106%;background:#fff100;left:-3%; z-index:-1;}
.share-box .min-title img{ height: 0.3rem;display:inline-block;vertical-align:middle;margin-right:.1rem;}
.share-box .bold{display:block;margin:.3rem 0 .2rem .3rem;font-weight:bold;color:#1a1a1a;font-size:.26rem;line-height:.36rem;}
.share-box .bold i{width:.36rem;height:.36rem;display:inline-block;vertical-align:middle;margin-right:.1rem;}
.share-box .bold i.icon-shared{    background: url(../images/yq-icon.png)no-repeat -.385rem -.02rem;background-size: auto .4rem;}
.share-box .bold i.icon-gifts{background:url(../images/yq-icon.png)no-repeat -.8rem -.02rem;background-size: auto .4rem;}
.share-box .infocon p{margin-left:.3rem}
.share-box .infocon span.color-orange{color:#ff5500;font-weight:bold;font-size:.26rem;} 
.shared-ul{overflow:hidden;position:relative; text-align:center;color:#57595c;font-size:.22rem;width:92%;margin:0 auto;border:.012rem solid #cdc9bb;border-radius:.1rem;}
.shared-ul li{height:.54rem;line-height:.54rem;background:#fef6d8}
.shared-ul li:nth-child(2n){background:#fffef8}
.shared-ul li:first-child {  background:#ffa800;color:#fff;font-size:.22rem;border-radius:.1rem;height:.6rem;line-height:.6rem;}
.shared-btn,.shared-btn:hover,.shared-btn:focus{width:6.4rem;line-height:.9rem;height:.9rem;text-align:center;color:#fff;font-size:.3rem;color:#fff;display:block;margin:0.5rem auto 0;
        background: linear-gradient(top left, #ff8208, #fb412d);/*渐变从左上角到右下角*/
        background: -ms-linear-gradient(top left, #ff8208, #fb412d);
        background: -webkit-linear-gradient(top left, #ff8208, #fb412d);
        background: -moz-linear-gradient(top left, #ff8208, #fb412d);
		border-radius:1rem; 
}



.sharecode-box{position:relative;width:3.16rem;height:3.16rem;margin:0.4rem auto .6rem;background:url(../images/sharecode-bg.png)no-repeat center center;background-size:100%}
.sharecode-box img{display:block;position:absolute;z-index:999;top:0;bottom:0;left:0;right:0;margin:auto;width:2.56rem;}
.sharecode-text{color:#666666;text-align:center;font-size:.2rem;line-height:.3rem;}
.share-zfdesc{margin:.4rem auto 0;text-align:center; height:.62rem;background:url(../images/share-zf.png)no-repeat center bottom;background-size:3.5rem}
.share-zfdesc span{margin-left: -1.9rem;display:inline-block;color:#ff3800;font-size:.26rem;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg)}
.share-zfdesc span:last-child{margin-left: .1rem;position: absolute;padding-left:.5rem; padding-top:.15rem;}
.share-codebg{position:relative;width:7.5rem;}


.head-position{margin:.45rem auto .25rem}
.head-position a{color:#999;}
.article-main{font-size:.26rem;line-height:.38rem;color:#666;margin-bottom:.6rem;}
.article-main .title-text{font-weight:bold;color:#333;text-align:center;font-size:.36rem;margin:.25rem auto }
.article-main .article-text .title{font-weight:bold;color:#333;margin:0.2rem auto;}
.article-main .article-text p{margin-bottom:.1rem;}



.share-frame{color:#fff;font-size:.26rem;text-align:center;}
.share-frame img{display:block;margin:1rem auto .4rem;height:5.64rem}
.share-frame .pageclose-btn{padding:0 .3rem;min-width:3.4rem;text-align:center;border-radius:.7rem;border:.013rem solid #fff;line-height:.7rem;line-height:.7rem;display:inline-block;margin:0.8rem auto 0;color:#fff;text-align:center;text-decoration:none;}


.frame-subscribe .frame-infocon{padding:.44rem .85rem .65rem;background:url(../images/free-yuyuebg2.png)no-repeat center center;background-size:auto 2.72rem}
.frame-subscribe .frame-infocon .cancelcourse-select{outline:none;margin-bottom:.2rem;width:100%;height:.64rem;line-height:.64rem;font-size:.24rem;border:0.013rem solid #ccc;border-radius:.1rem;text-indent:.25rem;color:#57595c;background-color:transparent}
.frame-subscribe .frame-infocon .cancelcourse-tip{color:#5d441e;text-align:center;font-size:.24rem;line-height:.36rem;margin-bottom:.25rem;}
.frame-subscribe .frame-infocon .td-tiplist{padding:.1rem;text-align:center;line-height:.42rem;font-size:.28rem;color:#5d441e}
.frame-subscribe hr{margin:0}
.frame-subscribe .frame-infocon .btnbox a{margin-top: .3rem;width:48%;display:block;margin-right:4%;float:left}
.frame-subscribe .frame-infocon .btnbox a:last-child{margin-right:0;background:#ffecf0;color:#5d441e}


 .row::after { content:''; clear:both; display:block; height:0;  overflow:hidden;visibility:hidden;}
 .row { zoom:1;}
/*团购*/
 /*正文*/
 .bg-green{background:#42808b}
 .banner{width:100%;display:block}

 .pricebox1{font-size:.26rem;background:#ff960e;color:#fff;padding:.16rem 0 ;}
 .pricebox1 .con{position:relative}
 .pricebox1 .num{display:inline-block;vertical-align:middle;font-size:.66rem;}
 .pricebox1 .num small{font-size:.36rem;}
 .pricebox1 .original{margin-left:0.1rem;text-align:center;display:inline-block;vertical-align:middle;}
 .pricebox1 .original .usernum{padding:0.01rem .19rem .11rem;display:block;color:#5e3e1c;background:url(../images/tip-bg.png) top center no-repeat;background-size: 100% }
 .pricebox1 .time{position:absolute;right:0;top:-0.03rem;color:#5e3e1c;}
 .pricebox1 .time .time-title{text-align:right;display:block;margin-bottom:.05rem;color:#fff;}
 .pricebox1 .time .time-area{display:inline-block;vertical-align:middle;margin:0 .1rem;text-align:center;border-radius:.1rem;background:#ffd9b0;font-size:.32rem;height:.54rem;width:.54rem;line-height:.54rem;}
 .pricebox1 .time .time-area:last-child{margin-right:0}

 .areacon{border-radius:0.1rem;background:#f8f3eb;margin:.25rem auto 0;padding:.4rem .3rem}
 .headtitle{color:#171417;font-size:.4rem;margin-bottom:.2rem}
 .headtitle span{color:#e82c27;font-size:.5rem;}
 .pttip{text-align:right;color:#525152;font-size:.26rem;margin-bottom:.5rem}
 .pttip span{color:#e82c27}
 .areatitle{text-align:center;font-size:.36rem;font-weight:bold;color:#6a99a0;margin-bottom:.4rem}
 .areatitle span{padding:0 .33rem}
 .areatitle img{width:1.3rem;vertical-align:middle;display:inline-block}
 .img-lc{width:6.23rem;}

 .userlist{text-align:center;font-size:.26rem;color:#635d55}
 .userlist li{position:relative;width:33%;display: block;float:left;}
 .userlist .imgbox{position:relative;display:block;margin:0 auto;width:1.38rem;height:1.38rem;border-radius:50%;overflow:hidden;border:.05rem solid #dccdb6}
 .userlist .imgbox img{display:block;width:100%}
 .userlist .list-tip{min-width:1.25rem;display:inline-block;top:-0.2rem;font-size:.32rem;line-height:.44rem;height:.44rem;position:relative;z-index:9;padding:0 .15rem;color:#fff;background:#c8ad84;border-radius:1rem;}
 .userlist li.active .imgbox{border-color:#ff960e}
 .userlist li.active .list-tip{background:#ff960e}

 .gzsm-title{font-size:.26rem;color:#6a99a0;margin-bottom:.1rem;}
 .gzsm-title span{color:#ff960e;display:inline-block;vertical-align:top;margin-right:.15rem;font-size:.28rem}
 .gzsm-desc{padding-left:.35rem;line-height:1.6;color:#434343;font-size:.22rem;margin-bottom:.25rem;}

 .fixedbottom{text-align:center;font-size:.46rem;max-width:7.5rem;left:0;right:0;position:fixed;z-index:999;bottom:0;width:100%;background:#fff;}
 .fixedbottom .btnbox{display:block;margin:.1rem auto;width:5.54rem;height:1rem;line-height:1rem;border-radius:1rem;color:#fff;background:linear-gradient(to right, #ff790e , #e84a24);}

 .frame-paytip{display:none;position:fixed;width:100%;height:100%;overflow-y:auto;background:rgba(0,0,0,.5);z-index:9999}
 .frame-paytip .pay-con{padding:.3rem .2rem;width:5rem;height: 5.7rem;font-size:.26rem;color:#666666;text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;border-radius:.15rem;background:#fff}
 .frame-paytip .pay-con .icon-closebtn{position:absolute;top:-.55rem;right:-0.55rem;width:.52rem;}
 .frame-paytip .pay-con .pay-icon{width:55%;display:block;margin:.3rem auto .2rem;}
 .frame-paytip .pay-btn{width:3.8rem;height:.72rem;line-height:.72rem;color:#fff; display:block;margin:.4rem auto 0;border-radius:1rem;background:linear-gradient(to right, #ff790e , #e84a24);}