html{font-size:100px;}
body{font-family:"Microsoft YaHei";position: relative}
.wrap{width: 7.5rem;height: auto;margin: 0 auto;position: relative}
.wrap2{width: 7.5rem;height: auto;margin: 0 auto;position: relative}
/*共用头部-----start*/
.search{width: 6.72rem;background:#fff;padding-left: 0.39rem;padding-right: 0.39rem;padding-bottom: 0.39rem;padding-top: 0.15rem;position: absolute;display: none;z-index: 997;border-bottom: 0.01rem solid #e6eaf2;}
.search input{width: 4.91rem;height: 0.58rem;background: #eeeff3;border-radius: 50px;border: none;float: left;font-size: 0.26rem;color: #656e83;line-height: 0.58rem;letter-spacing: 0.025rem;padding-left: 0.56rem;padding-right: 0.53rem}
.search .search-logo{width: 0.28rem;height:0.27rem ;background: url("../images/search-logo.png");background-size: 100% 100%;position: absolute;left: 0.59rem;top: 0.32rem;}
.search .search-close{width:0.36rem ;height:0.36rem ;background: url("../images/search-colse.png");background-size: 100% 100%;position: absolute;right: 1.26rem;top: 0.27rem}
.search .search-text{height:0.58rem;font-size: 0.28rem;color: #637ebc;float: right;line-height: 0.58rem;letter-spacing: 0.025rem;}
.search .search-k{margin-bottom: 0.54rem}
.search .hot-search{float: left;}
.search .hot-title{font-size: 0.28rem;color: #656e83;background: url("../images/hot.png") no-repeat;background-size: 0.26rem 0.26rem;padding-left: 0.5rem;letter-spacing: 0.025rem}
.search .hot-text{width: 100%;margin-bottom: 0.42rem}
.hot-text ul{text-align: center;margin-left: -0.3rem}
.hot-text ul li{ border: 1px solid #e6eaf2;font-size: 0.26rem;display: inline-block;float: left;letter-spacing: 0.025rem;border-radius: 0.50rem;margin-top: 0.3rem;margin-left: 0.3rem;}
.hot-text ul li a{padding:0 0.16rem;padding-top: 0.18rem;padding-bottom: 0.18rem;display: block;color: #758099;}
.search .record-title{height: 0.67rem;border-top:1px solid #e6eaf2;border-bottom: 1px solid #e6eaf2;float: left;width: 100%;}
.search .record-title p{font-size: 0.28rem;color: #656e83;padding-left: 0.5rem;background: url("../images/record.png") no-repeat 0px 0.19rem;background-size: 0.28rem 0.28rem;line-height: 0.67rem;letter-spacing: 0.025rem}
.search .record-text ul li a{font-size: 0.26rem;color: #758099;width: 6.72rem;letter-spacing: 0.025rem;float: left;line-height: 0.66rem;}
.search .clears{width: 3.86rem;height: 0.6rem;display: block;margin:0 auto;margin-top: 0.2rem;background: #eeeff3;color: #656e83;letter-spacing: 0.05rem;font-size: 0.28rem;line-height: 0.6rem;text-align: center}
.header{height: 0.89rem;width: 100%;}
.header .header-logo{width:1.83rem ;height:0.89rem ;background: url("../images/header-logo.png");background-size: 100% 100%;float: left;margin-left: 0.2rem}
.header .header-search{width: 4.4rem;height:0.89rem ;background: url("../images/header-search.png");background-size: 100% 100%;float: left;margin-left: 0.27rem}

.header .share{width: 0.36rem;height: 0.89rem; background: url("../images/share.png");background-size: 100% 100%;float: right;margin-right: 0.2rem;display: block}
.shade { position: fixed; display: none; z-index: 999; top: 0;  width: 7.5rem; height: 100%; background: url(../images/bg.png) repeat center; }
.popup {   position: fixed; z-index: 998; top:0; left: 0; width: 100%; background: #fff; border-bottom: 1px solid #eee}
.popup ul { display: flex; display: -webkit-flex; border-bottom: 0.01333rem solid #eee; }
.popup ul li { flex: 1; text-align: center; }
.popup ul li a { display: block; padding: 0.2rem 0; }
.popup ul li a i { display: inline-block; width: 1.02rem; height: 1.02rem; }
.popup ul li a p { font-size: 0.26rem; color: #444; line-height: .6rem;}
.popup .jiathis_style_32x32 .jtico { padding-left: 0 !important; height: 1.6rem !important; line-height: 0.26rem; text-align: center; background: none; }
.popup .jiathis_style_32x32 .jiathis_separator { float: none; }
.popup .jiathis_style_32x32 .jiathis_separator { margin: 0; }
.popup .cancel { font-size: 0.26rem; color: #444; line-height: .94rem; text-align: center; }
#jiathis_weixin_modal { width:6.8rem !important;top: 50%;left: 50%;margin-left: -3.4rem !important}
#jiathis_weixin_tip{line-height: 0.45rem}
#jiathis_weixin_h3{font-size: 0.45rem}

.search-record{padding-bottom: 0.5rem;float: left}
.search-bt{width: 100%;float: left}
/*共用头部-----end*/
/*首页----start*/
.homePage .topss{border-top: 1px solid #eeeff3}
.homePage .top{width: 7.30rem;margin: 0 auto;padding-top: 0.2rem;padding-bottom: 0.3rem}
.homePage .top ul{width: 100%;}
.homePage .top ul li{float: left;width: 20%}
.homePage .top ul li a{width: 100%;display: block}
.homePage .top ul li a .top-img{width: 0.9rem;height: 0.9rem;margin: 0 auto}
.homePage .top ul li a .top-img img{width: 0.9rem;height: 0.9rem;}
.homePage .top ul li a p{font-size: 0.26rem;text-align: center;padding-top: 0.13rem;letter-spacing: 0.025rem}
.homePage .swiper-container{width: 7.5rem;height: 3.6rem;}
.homePage .swiper-container img{width: 7.5rem;height: 3.6rem;}
.homePage .swiper-pagination-bullet{width: 0.4rem;height: 0.02rem;background: #333;border-radius:0rem}
.homePage .swiper-pagination-bullet-active{width: 0.4rem;height: 0.02rem;background: #ffffff}
.homePage .recommend{width: 7.5rem;}
.homePage .recommend .record-title img{width: 7.5rem;height: 1.54rem;}
.homePage .recommendBox{padding-bottom: 0.6rem;position: relative}
.homePage .recommendBox .hd{width: 4.8rem; position: relative; z-index: 100; box-sizing: border-box; float: right;margin-right: 0.2rem;height: 0.45rem;margin-bottom: 0.4rem}
.homePage .recommendBox .hd:after {  content: "";  display: block;  height: 0.6rem;  width: 2.2em;  background:-webkit-linear-gradient(left, rgba(0,0,0,0) 0%, black);  background-size: 100%;  position: absolute;  right: -0.2rem;  top: 0;  -webkit-filter: invert(1);  }
.homePage .hd .swiper-nav{width: 100%;overflow: hidden;}
.homePage .hd .swiper-nav li{width: auto;position: relative;font-size: 0.28rem;color: #666;line-height:0.45rem;}
.homePage .hd .swiper-nav li span{display: inline-block;padding: 0 0.1rem;}
.homePage .hd .swiper-nav .cur{color: #656e83;}
.homePage .hd .swiper-nav .cur span{border-bottom: 0.0533333rem solid #368ee0;}
/*.homePage .recommendBox .hd ul{overflow-x: auto; text-align: center; font-size: 0.28rem; position: relative; white-space: nowrap; backface-visibility: hidden; box-sizing: border-box; }
.homePage .recommendBox .hd li{font-size: 0.28rem;color: #656e83; display: inline-flex; padding: 0 0.1rem; height: 100%; justify-content: center; align-items: center; letter-spacing: 0.025rem;padding-top: 0.04rem}
.homePage .recommendBox .hd li p{line-height:0.45rem}*/
.homePage .recommend .text{font-size: 0.34rem;font-weight: 700;float: left;letter-spacing: 0.025rem;padding-left: 0.18rem;position: absolute;left: 0;}
.homePage .recommendBox .hd ul::-webkit-scrollbar{display: none;}
.homePage .recommend .bd{width: 7.10rem;margin: 0 auto;}
.homePage .recommend .bd .bd-img{width: 3rem;height: 1.9rem;float: left;border-radius: 0.1rem;overflow: hidden;}
.homePage .recommend .bd .bd-img img{width: 3rem;height: 1.9rem;}
.homePage .recommend .bd-text{width: 3.86rem;height: 1.9rem; float: right;position: relative}
.homePage .recommend .bd-text .p1{font-size: 0.32rem;letter-spacing: 0.025rem;width: 3.86rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;padding-top: 0.09rem;padding-bottom: 0.19rem;}
.homePage .recommend .bd-text .name{font-size: 0.28rem;color: #656e83;letter-spacing: 0.025rem}
.homePage .recommend .bd-text .tm{width: 3.86rem;height: 0.6rem; background: url("../images/bt.png");background-size: 100% 100%;position: absolute;bottom: 0;display: block}
.homePage .recommend .bd ul li{padding-bottom: 0.3rem}
.homePage .recommend .more1{width: 7.1rem;display: none}
.homePage .recommend .more2{width: 7.1rem;display: none}
.homePage .recommend .more3{width: 7.1rem;display: none}
.homePage .recommend .more4{width: 7.1rem;display: none}

.homePage .home-open{width: 0.3rem;height: 0.24rem;margin: 0 auto;}
.homePage .home-open img{width: 0.3rem;height: 0.24rem;}
.homePage .home-open .packUp{display: none}
.homePage .home-open1{width: 0.3rem;height: 0.24rem;margin: 0 auto;}
.homePage .home-open1 img{width: 0.3rem;height: 0.24rem;}
.homePage .home-open1 .packUp1{display: none}
.homePage .home-open2{width: 0.3rem;height: 0.24rem;margin: 0 auto;}
.homePage .home-open2 img{width: 0.3rem;height: 0.24rem;}
.homePage .home-open2 .packUp2{display: none}
.homePage .home-open3{width: 0.3rem;height: 0.24rem;margin: 0 auto;}
.homePage .home-open3 img{width: 0.3rem;height: 0.24rem;}
.homePage .home-open3 .packUp3{display: none}
.homePage .home-open4{width: 0.3rem;height: 0.24rem;margin: 0 auto;}
.homePage .home-open4 img{width: 0.3rem;height: 0.24rem;}
.homePage .home-open4 .packUp4{display: none}
.homePage .kcbt{width: 7.5rem;height:0.8rem ;background: url("../images/qbkc.png");background-size: 100% 100%;position: absolute;margin-top: -0.3rem}
.homePage .kcbt a{width: 7.5rem;height:0.8rem ;display: block}
.homePage .lecturer-title{width: 7.5rem;height: 1.34rem; background: url("../images/lecturer.png");background-size: 100% 100%;margin-top: 0.6rem}
/*.homePage .lecturer .lecturerBox .hd ul{overflow-x: visible;}*/
.homePage .lecturerBox .hd{width: 7.1rem; position: relative; z-index: 100; box-sizing: border-box; float: right;margin-right: 0.2rem;padding-bottom: 0.4rem}
.homePage .lecturerBox .hd:after {  content: "";  display: block;  height: 0.4rem;  width: 0em;  background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, black);  background-size:100%; position: absolute;  right: 0;  top: 0; -webkit-filter: invert(1); }
.homePage .lecturerBox .hd ul{overflow-x: auto; text-align: center; font-size: 0.28rem; position: relative; white-space: nowrap; backface-visibility: hidden; box-sizing: border-box; height: 0.35rem;}
.homePage .lecturerBox .hd li{font-size: 0.28rem;color: #656e83; display: inline-flex; padding: 0 12px; height: 100%; justify-content: center; align-items: center; letter-spacing: 0.025rem}
.homePage .lecturerBox{width: 7.1rem;margin: 0 auto}
.homePage .lecturerBox .hd ul .on{font-size: 0.34rem;font-weight: 700;color: #000000}
.homePage .lecturerBox .hd ul::-webkit-scrollbar{display: none;}
.homePage .kc-ct{width: 100%;}
.homePage .kc-ct .kc-cts{width: 7.1rem;margin: 0 auto;}
.homePage .kc-ct .kc-cts ul{margin-left: -0.18rem}
.homePage .kc-ct .kc-cts ul li{width: 3.46rem;float: left;margin-left: 0.18rem;}
.homePage .kc-ct .kc-cts ul li .kc-img{width: 3.46rem;height: 1.90rem;border-radius: 0.05rem}
.homePage .kc-ct .kc-cts ul li .kc-img img{width: 3.46rem;height: 1.90rem;background-size: 100% 100%;border-radius:0.08rem;}
.homePage .kc-ct .kc-cts ul li a{width: 3.46rem;height: 0.5rem;background: url("../images/zxms.png");background-size: 100% 100%;display: block;margin-top: 0.2rem;margin-bottom: 0.3rem}
.homePage .kc-ct .kc-cts ul li a p{font-size: 0.24rem;color: #656e83;line-height: 0.5rem;padding-left: 0.47rem;letter-spacing: 0.025rem}
.homePage .gdjs{width: 7.5rem;height: 0.8rem; background: url("../images/gdjs.png");background-size: 100% 100%;display: block}
.homePage .gkpx{width: 7.5rem;height:1.34rem ;background: url("../images/gkpx.png");background-size: 100% 100%}
.homePage .trainBox .hd{width: 7.1rem; position: relative; z-index: 100; box-sizing: border-box; float: right;margin-right: 0.2rem;padding-bottom: 0.4rem}
.homePage .trainBox .hd:after {  content: "";  display: block;  height: 0.4rem;  width: 0em;  background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, black);  background-size:100%; position: absolute;  right: 0;  top: 0; -webkit-filter:invert(1); }
.homePage .trainBox .hd ul{overflow-x: auto; text-align: center; font-size: 0.28rem; position: relative; white-space: nowrap; backface-visibility: hidden; box-sizing: border-box; height: 0.36rem;}
.homePage .trainBox .hd li{font-size: 0.28rem;color: #656e83; display: inline-flex; padding: 0 12px; height: 100%; justify-content: center; align-items: center; letter-spacing: 0.025rem}
.homePage .trainBox{width: 7.1rem;margin: 0 auto}
/*.homePage .train  .trainBox .hd ul{overflow: visible;}*/
.homePage .trainBox .bd{width: 7.1rem;float: left}
.homePage .trainBox .bd ul{width: 7.1rem;}
.homePage .trainBox .bd ul li{width: 7.1rem;height: 0.6rem;}
.homePage .trainBox .bd .train-header{background: #8aa3dd}
.homePage .trainBox .hd ul .on{font-size: 0.34rem;font-weight: 700;color: #000000}
.homePage .trainBox .hd ul::-webkit-scrollbar{display: none;}
.homePage .trainBox .bd .train-header .p1{font-size: 0.28rem;line-height: 0.6rem;color: #ffffff;float: left;padding-left:0.2rem ;letter-spacing: 0.025rem}
.homePage .trainBox .bd .train-header .p2{font-size: 0.28rem;line-height: 0.6rem;color: #ffffff;float: right;padding-right:0.37rem ;letter-spacing: 0.025rem}
.homePage .trainBox .bd .p3{font-size: 0.28rem;line-height: 0.6rem;color: #000;float: left;padding-left:0.2rem ;letter-spacing: 0.025rem}
.homePage .trainBox .bd ul li .tm{width: 1.5rem;height: 0.42rem; background: url("../images/djzx.png");background-size: 100% 100%;float: right;margin-right: 0.2rem;display: block;margin-top: 0.1rem}
.homePage .gkk{width: 7.5rem;height:0.8rem ;background: url("../images/gkk.png");background-size: 100% 100%;margin-top: 0.4rem}
.homePage .gkk a{width: 7.5rem;height:0.8rem ;display: block}
/*首页---end*/
/*详情页——公开课------start*/
.detail-gkk .nxk{width: 100%;height:0.88rem ;background: url("../images/nxk.png");background-size: 100% 100%;}
.detail-gkk .nxk p{font-size: 0.28rem; float: left; color: #656e83;line-height: 0.88rem;letter-spacing: 0.025rem}
.detail-gkk .nxk p a{font-size: 0.28rem; float: left; color: #656e83;line-height: 0.88rem;letter-spacing: 0.025rem}
.detail-gkk .nxk p.odd{font-size: 0.28rem; float: left; padding-left: 0.1rem; color: #656e83;line-height: 0.88rem; letter-spacing: 0.025rem}
.detail-gkk .nxk div{float: left; height:0.88rem ; background: url(../images/nxk.png) -0.6rem 0px; background-size: 100% 100%; background-size: auto 100%; width: 0.2rem;}
.detail-gkk .banner{height: auto; width: 100%; position: relative;}
.detail-gkk .banner-text{position: absolute;z-index: 10;width: 100%;top: 1.3rem}
.detail-gkk .banner-text p{font-size: 0.32rem;text-align: center;color: #FFFFFF;line-height: 0.5rem;}
.detail-gkk .banner ul{width: 100%; height: 1.3rem; position: absolute; z-index: 10; bottom: 10%;}
.detail-gkk .banner ul li{width: 50%; height: 1.3rem; float: left;}
.detail-gkk .banner ul li a{width: 100%; height: 100%; display: block;}
.detail-gkk .banner img{display: block; width: 100%; height: auto;}
.detail-gkk .banner .texts{font-size: 0.28rem;color: #eeeff3;line-height: 1.3rem;opacity: 0.6;padding-left: 2.3rem;background: url('../images/banner_logo.png') 1.9rem 50% no-repeat;background-size: 0.28rem 0.28rem;}
.detail-gkk .banner .texts2{font-size: 0.28rem;color: #eeeff3;line-height: 1.3rem;opacity: 0.6;padding-left: 0.52rem;background: url('../images/bofan.png') 0.12rem 50% no-repeat;background-size: 0.28rem 0.28rem;}
.detail-gkk .title{font-size: 0.34rem;letter-spacing: 0.025rem;padding-top: 0.4rem;padding-left: 0.18rem;padding-bottom: 0.23rem}
.detail-gkk .allClass-title{font-size: 0.34rem;letter-spacing: 0.025rem;padding-top: 0.4rem;padding-left: 0.18rem;}
.detail-gkk .box-flex-group{display: -webkit-box; display: -moz-box; display: -ms-box; width: 100%; /*height: 100px;*/ /*margin: 0;*/ /*padding: 10px;*/ list-style: none; vertical-align: top;}
.detail-gkk .tab li:nth-child(1){-webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -webkit-box-flex-group: 1; -moz-box-flex-group: 1; -ms-box-flex-group: 1;}
.detail-gkk .tab li:nth-child(2){-webkit-box-flex:1; -moz-box-flex: 2; -ms-box-flex: 1; -webkit-box-flex-group: 1; -moz-box-flex-group: 1; -ms-box-flex-group: 1;}
.detail-gkk .tab li:nth-child(3){-webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -webkit-box-flex-group: 1; -moz-box-flex-group: 1; -ms-box-flex-group: 1;}
.detail-gkk .tab div{font-size: 0.34rem; text-align: center; color:#656e83; height: 0.35rem; line-height: 0.35rem; border-right: 1px solid #e1e1e5; margin-top: 0.32rem;}
.detail-gkk .tab div:nth-child(3){border-right: none;}
.detail-gkk .tab{height: 1rem; border-bottom: 1px solid #e1e1e5;}
.detail-gkk .tab ul,
.detail-gkk .tab li{height: 1rem;}
.detail-gkk .tab li span{padding: 0 0.3rem; display: inline-block; width: auto; height: 0.66rem; margin: 0 auto;}
.detail-gkk .tab li span.active{border-bottom: 5px solid #637ebc;}
.detail-gkk .tab-content{width: 100%; height: auto; overflow: hidden;}
.detail-gkk .tab-content h4{height: auto; width: 95%; margin: 0 auto; font-size: 0.4rem; font-weight: 500; padding: 0.3rem 0rem; line-height: 0.5rem;}
.detail-gkk .tab-content dd{height: auto; overflow: hidden; display: none;}
.detail-gkk .tab-content dd.active{display: block;}
.detail-gkk .point-out-box{margin-bottom: 0.3rem;height: 0.48rem;overflow: hidden;}
.detail-gkk .point-out-box li:nth-child(1){width:1.8rem;}
.detail-gkk .point-out-box li:nth-child(2){position: relative; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -webkit-box-flex-group: 1; -moz-box-flex-group: 1; -ms-box-flex-group: 1; overflow: hidden;}
.detail-gkk .point-out-box ul{height: 0.55rem; overflow: hidden; padding: 0.15rem 0rem; color: #656e83; background: url("./../images/bulb .png") no-repeat 0.1rem 0.1rem; background-size: 0.36rem 0.36rem;}
.detail-gkk .point-out-box ul .point-out{width: 100%; height: 100%; font-size: 0.22rem; text-indent: 0.6rem;line-height: .38rem;}
.detail-gkk .point-out-box ul .point-out-content{position: absolute; left: -1rem; width: auto !important;font-size: 0.22rem;color: #656e83;}
.detail-gkk .point-out-box ul .point-out-content div{text-indent: 1rem; float: left; width: auto !important; line-height: .38rem;overflow: hidden;}
.detail-gkk .line{height: 0.3rem; background: #eeeff3; width: 100%;}
.detail-gkk .curriculum-object{padding-bottom: 0.3rem; width: 95%; height: auto; overflow: hidden; margin: 0 auto;}
.detail-gkk .curriculum-object p{line-height:0.5rem; font-size: 0.3rem; clear: both; color:#656e83;}
.detail-gkk .public-title{width: 7.1rem;margin: 0.4rem auto;}
.detail-gkk .public-title .title-logo{width: 0.39rem;height: 0.34rem;float: left;margin-right: 0.1rem}
.detail-gkk .public-title .title-logo img{width: 0.39rem;height: 0.34rem;}
.detail-gkk .public-title p{font-size: 0.34rem;letter-spacing: 0.025rem;float: left;padding-top: -0.05rem}
.detail-gkk .outline-consultation{height: auto; width: 100%; overflow: hidden; padding-bottom: 0.3rem;}
.detail-gkk .outline-consultation li{float: left; width: 50%;}
.detail-gkk .outline-consultation li a{padding: 0.15rem 0rem; width: 80%; border: 1px solid #637ebc; border-radius: 0.05rem; display: block; margin: 0 auto; font-size: 0.25rem; text-align: center; color: #637ebc;background: #eff6ff}
.detail-gkk .more{background:#eeeff3 url("../images/more.png") no-repeat center; background-size: auto 50%; width: 100%; height: 0.8rem;}
.detail-gkk .curriculum-list{width:96%; margin: 0 auto; height: auto; overflow: hidden; padding-bottom: 0.5rem;}
.detail-gkk .name-price{height: 0.7rem; background: #8aa3dd;}
.detail-gkk .curriculum-name{margin-left:0.4rem ; float: left; color: white; height: 0.7rem; font-size: 0.3rem; line-height: 0.7rem;}
.detail-gkk .curriculum-price{margin-right:0.54rem ; float: right; height: 0.7rem; line-height: 0.7rem; color: white; font-size: 0.3rem;}
.detail-gkk .curriculum-list span{float: left; margin-left:0.4rem ; font-size: 0.3rem;}
.detail-gkk .curriculum-list li{height: 0.7rem; line-height: 0.7rem;}
.detail-gkk .curriculum-list li.even{background: #eeeff3;}
.detail-gkk .curriculum-list .tm{width:1.5rem; ;height: 0.42rem;background: url("../images/djzx.png");background-size: 100% 100%;display: block;float: right;margin-top: 0.14rem;margin-right: 0.3rem}
.detail-gkk .opens1{width: 7.10rem;height: 0.8rem;margin: 0 auto; margin-top: 0.2rem}
.detail-gkk .opens1 img{width: 7.10rem;height: 0.8rem;}
.detail-gkk .opens1 .packUp{display: none}
.detail-gkk .pitchOn-list2{display: none}
.detail-gkk.recommend{width: 7.5rem;}
.detail-gkk .recommend .record-title img{width: 7.5rem;height: 1.54rem;}
.detail-gkk .recommendBox{position: relative}
.detail-gkk .recommendBox .hd{width: 4.8rem; position: relative; z-index: 100; box-sizing: border-box; float: right;margin-right: 0.2rem;padding-bottom: 0.4rem}
.detail-gkk .recommendBox .hd ul{overflow-x: auto; text-align: center; font-size: 0.28rem; position: relative; white-space: nowrap; backface-visibility: hidden; box-sizing: border-box; height: 0.28rem; margin-top: 0.04rem}
.detail-gkk .recommendBox .hd li{font-size: 0.28rem;color: #656e83; display: inline-flex; padding: 0 6px; height: 100%; justify-content: center; align-items: center; letter-spacing: 0.025rem}
.detail-gkk .recommend .text{font-size: 0.34rem;font-weight: 700;float: left;letter-spacing: 0.025rem;padding-left: 0.18rem;position: absolute;left: 0;}
.detail-gkk .recommendBox .hd ul::-webkit-scrollbar{display: none;}
.detail-gkk .recommend .bd{width: 7.10rem;margin: 0 auto;}
.detail-gkk .recommend .bd .bd-img{width: 3rem;height: 1.9rem;float: left;border-radius: 0.1rem}
.detail-gkk .recommend .bd .bd-img img{width: 3rem;height: 1.9rem;border-radius: 0.1rem}
.detail-gkk .recommend .bd-text{width: 3.86rem;height: 1.9rem; float: right;position: relative}
.detail-gkk .recommend .bd-text .p1{font-size: 0.32rem;letter-spacing: 0.025rem;width: 3.86rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;padding-top: 0.09rem;padding-bottom: 0.19rem;}
.detail-gkk .recommend .bd-text .name{font-size: 0.28rem;color: #656e83;letter-spacing: 0.025rem}
.detail-gkk .recommend .bd-text .tm{width: 3.86rem;height: 0.6rem; background: url("../images/detail-gkk-bt.png");background-size: 100% 100%;position: absolute;bottom: 0;display: block}
.detail-gkk .recommend .bd ul li{padding-bottom: 0.3rem}
.detail-gkk .odd-h3{font-size: 0.34rem;letter-spacing: 0.025rem;padding-top: 0.4rem;padding-bottom: 0.4rem;}
.detail-gkk .df{font-size: 0.34rem;width: 7.1rem;margin: 0 auto;padding-top: 0.3rem;padding-bottom: 0.3rem;line-height: 0.45rem;}
.detail-gkk .myMarquee{font-size: 0.22rem;color: #656e83;letter-spacing: 0.025rem;}
.detail-gkk .myMarquee:after {  content: "";  display: block;  height: 0.4rem;  width: 4em;  background-image: -webkit-linear-gradient(to right,transparent 0%,black);  position: absolute;  right: 0;  top: 0;  -webkit-filter: invert(1);}

/*详情页——公开课------end*/
/*详情页——内训课------start*/
.detail-nxk .nxk{width: 7.5rem;height:0.88rem ;background: url("../images/nxk.png");background-size: 100% 100%;}
.detail-nxk .nxk p{font-size: 0.28rem; float: left; color: #656e83;line-height: 0.88rem;letter-spacing: 0.025rem}
.detail-nxk .nxk p a{font-size: 0.28rem; float: left; color: #656e83;line-height: 0.88rem;letter-spacing: 0.025rem}
.detail-nxk .nxk p.odd{font-size: 0.28rem; float: left; padding-left: 0.1rem; color: #656e83;line-height: 0.88rem; letter-spacing: 0.025rem}
.detail-nxk .nxk div{float: left; height:0.88rem ; background: url(../images/nxk.png) -0.6rem 0px; background-size: 100% 100%; background-size: auto 100%; width: 0.2rem;}
.detail-nxk .tab li:nth-child(1){-webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -webkit-box-flex-group: 1; -moz-box-flex-group: 1; -ms-box-flex-group: 1;}
.detail-nxk .tab li:nth-child(2){-webkit-box-flex:1; -moz-box-flex: 2; -ms-box-flex: 1; -webkit-box-flex-group: 1; -moz-box-flex-group: 1; -ms-box-flex-group: 1;}
.detail-nxk .tab div{font-size: 0.34rem; text-align: center; color:#656e83; height: 0.35rem; line-height: 0.35rem; border-right: 1px solid #e1e1e5; margin-top: 0.32rem;}
.detail-nxk .tab div:nth-child(3){border-right: none;}
.detail-nxk .tab{width: 100%; height: 1rem; border-bottom: 1px solid #e1e1e5;}
.detail-nxk .tab ul,
.detail-nxk .tab li{height: 1rem;}
.detail-nxk .tab li span{padding: 0 0.3rem; display: inline-block; width: auto; height: 0.66rem; margin: 0 auto; color: #656e83;}
.detail-nxk .tab li span.active{color: #637ebc; border-bottom: 5px solid #637ebc;}
.detail-nxk .box-flex-group{display: -webkit-box; display: -moz-box; display: -ms-box; width: 100%; /*height: 100px;*/ /*margin: 0;*/ /*padding: 10px;*/ list-style: none; vertical-align: top;}
.detail-nxk .tab-content .tabBox.active{display: block;}
.detail-nxk .tab-content .tabBox{height: auto; overflow: hidden; display: none;}
.detail-nxk .homes{width:7.5rem;height: 0.9rem;background: url("../images/title.png");background-size: 100% 100%;border-top: 1px solid #eeeff3}
.detail-nxk .banner{width: 100%;height:4rem ;background: url("../images/bannernx.png");background-size: 100% 100%}
.detail-nxk .banner .p1{font-size: 0.32rem;letter-spacing: 0.025rem;color: #ffffff;text-align: center;margin-top: 1.38rem;margin-bottom: 0.6rem}
.detail-nxk .banner .p2{width: 4.6rem; font-size: 0.28rem;color: #eeeff3;text-align: center;background: url("../images/banner_logo.png")no-repeat;background-size: 0.28rem 0.28rem;letter-spacing: 0.025rem;opacity: 0.7;margin: 0 auto;padding-left: 0.1rem}
.detail-nxk .jq{width: 6.7rem;padding-left: 0.4rem;padding-right: 0.4rem;padding-top: 0.4rem;padding-bottom: 0.5rem;}
.detail-nxk .jq .jq-title{font-size: 0.34rem;letter-spacing: 0.025rem;}
.detail-nxk .jq .name{width: 6.7rem;height: 0.82rem;}
.detail-nxk .jq .name p{font-size: 0.28rem;color: #656e83;letter-spacing: 0.025rem;float: left;margin-right: 0.45rem;line-height: 0.82rem;font-weight: 700;}
.detail-nxk .jq .name .jn{width: 1.18rem;height: 0.34rem;border: 0.01rem solid #91aae4;background: #eff6ff;float: left;border-radius: 0.05rem;font-size: 0.22rem;line-height: 0.34rem;text-align: center;color: #637ebc;margin-top: 0.24rem;}
.detail-nxk .jq .time{width: 6.7rem;margin-top: 0.27rem}
.detail-nxk .fgx{width: 100%; height: 0.2rem; background: #eeeff3;}
.detail-nxk .list2{}
.detail-nxk .public-title{width: 6.7rem;margin: 0.4rem auto;}
.detail-nxk .public-title .title-logo{width: 0.39rem;height: 0.32rem;float: left;margin-right: 0.1rem}
.detail-nxk .public-title .title-logo img{width: 0.39rem;height: 0.32rem;}
.detail-nxk .public-title p{font-size: 0.34rem;letter-spacing: 0.025rem;float: left;padding-top: -0.05rem}
.detail-nxk .list2 .p1{font-size: 0.28rem;letter-spacing: 0.025rem;color: #656e83;padding-left: 0.4rem}
.detail-nxk .list2 .p2{font-size: 0.28rem;letter-spacing: 0.025rem;color: #656e83;padding-bottom: 0.45rem;width: 7rem;float: left;margin-left: 0.4rem;line-height: 0.35rem}
.detail-nxk .teacher-js{width: 6.7rem;margin: 0 auto;padding-bottom: 0.5rem}
.detail-nxk .teacher-js .js{width: 6.7rem;height: 1.8rem;}
.detail-nxk .teacher-js .js .teacher-img{width: 1.8rem;height: 1.8rem;float: left;border-radius: 50%;overflow: hidden;}
.detail-nxk .teacher-js .js .teacher-img img{width: 1.8rem;height: 1.8rem;}
.detail-nxk .teacher-js .name{width: 4.62rem;float: right}
.detail-nxk .name .name-text{width: 4.62rem;}
.detail-nxk .name .name-text p{font-size: 0.34rem;letter-spacing: 0.025rem;width: 1.7rem;float: left}
.detail-nxk .name .rzjs{width:1.46rem ;height:0.4rem ;background: url("../images/rzjs.png");background-size: 100% 100%;float: left}
.detail-nxk .name .sq{width: 4.62rem;float: left;margin-top: 0.3rem}
.detail-nxk .name .sq .sq-logo{width: 0.32rem;height:0.32rem ;background: url("../images/sq.png");background-size: 100% 100%;float: left}
.detail-nxk .name .sq p{font-size: 0.32rem;letter-spacing: 0.025rem;color: #656e83;padding-left: 0.3rem;float: left}
.detail-nxk .teacher-text{width: 6.7rem;float: left;margin-top: 0.18rem;margin-bottom: 0.3rem}
.detail-nxk .teacher-text p{font-size: 0.27rem;letter-spacing: 0.025rem;color: #656e83;line-height: 0.4rem}
.detail-nxk .teacher-bt{width: 6.3rem;margin: 0 auto;}
.detail-nxk .teacher-bt a{width: 3rem;height: 0.6rem;display: block;}
.detail-nxk .teacher-bt a img{width: 3rem;height: 0.6rem;background-size: 100% 100%;}
.detail-nxk .recommend{width: 7.5rem;}
.detail-nxk .recommend .record-title img{width: 7.5rem;height: 1.54rem;}
.detail-nxk .recommendBox{padding-bottom: 0.2rem;position: relative}
.detail-nxk .recommendBox .hd{width: 4.8rem; position: relative; z-index: 100; box-sizing: border-box; float: right;margin-right: 0.2rem;padding-bottom: 0.4rem}
.detail-nxk .recommendBox .hd ul{overflow-x: auto; text-align: center; font-size: 0.28rem; position: relative; white-space: nowrap; backface-visibility: hidden; box-sizing: border-box; height: 0.28rem; margin-top: 0.04rem}
.detail-nxk .recommendBox .hd li{font-size: 0.28rem;color: #656e83; display: inline-flex; padding: 0 6px; height: 100%; justify-content: center; align-items: center; letter-spacing: 0.025rem}
.detail-nxk .recommend .text{font-size: 0.34rem;font-weight: 700;float: left;letter-spacing: 0.025rem;padding-left: 0.18rem;position: absolute;left: 0;}
.detail-nxk .recommendBox .hd ul::-webkit-scrollbar{display: none;}
.detail-nxk .recommend .bd{width: 7.10rem;margin: 0 auto;}
.detail-nxk .recommend .bd .bd-img{width: 3rem;height: 1.9rem;float: left;border-radius: 0.1rem}
.detail-nxk .recommend .bd .bd-img img{width: 3rem;height: 1.9rem;border-radius: 0.1rem}
.detail-nxk .recommend .bd-text{width: 3.86rem;height: 1.9rem; float: right;position: relative}
.detail-nxk .recommend .bd-text .p1{font-size: 0.32rem;letter-spacing: 0.025rem;width: 3.86rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;padding-top: 0.09rem;padding-bottom: 0.19rem;}
.detail-nxk .recommend .bd-text .name{font-size: 0.28rem;color: #656e83;letter-spacing: 0.025rem}
.detail-nxk .recommend .bd-text .tm{width: 3.86rem;height: 0.6rem; background: url("../images/bbtt.png");background-size: 100% 100%;position: absolute;bottom: 0;display: block}
.detail-nxk .recommend .bd ul li{padding-bottom: 0.3rem}
.detail-nxk .train{padding-bottom: 0.5rem;}
.detail-nxk .gkpx{width: 7.5rem;height:1.34rem ;}
.detail-nxk .gkpx img{width: 7.5rem;height:1.34rem ;}
.detail-nxk .trainBox .hd{width: 7.1rem; position: relative; z-index: 100; box-sizing: border-box; float: right;margin-right: 0.2rem;padding-bottom: 0.4rem}
.detail-nxk .trainBox .hd ul{overflow-x: auto; text-align: center; font-size: 0.28rem; position: relative; white-space: nowrap; backface-visibility: hidden; box-sizing: border-box; height: 0.36rem;}
.detail-nxk .trainBox .hd li{font-size: 0.28rem;color: #656e83; display: inline-flex; padding: 0 12px; height: 100%; justify-content: center; align-items: center; letter-spacing: 0.025rem}
.detail-nxk .trainBox{width: 7.1rem;margin: 0 auto}
.detail-nxk .trainBox .bd{width: 7.1rem;float: left}
.detail-nxk .trainBox .bd ul{width: 7.1rem;}
.detail-nxk .trainBox .bd ul li{width: 7.1rem;height: 0.6rem;}
.detail-nxk .trainBox .bd .train-header{background: #8aa3dd}
.detail-nxk .trainBox .hd ul .on{font-size: 0.34rem;font-weight: 700;}
.detail-nxk .trainBox .hd ul::-webkit-scrollbar{display: none;}
.detail-nxk .trainBox .bd .train-header .p1{font-size: 0.28rem;line-height: 0.6rem;color: #ffffff;float: left;padding-left:0.2rem ;letter-spacing: 0.025rem}
.detail-nxk .trainBox .bd .train-header .p2{font-size: 0.28rem;line-height: 0.6rem;color: #ffffff;float: right;padding-right:0.37rem ;letter-spacing: 0.025rem}
.detail-nxk .trainBox .bd .p3{font-size: 0.28rem;line-height: 0.6rem;color: #000;float: left;padding-left:0.2rem ;letter-spacing: 0.025rem}
.detail-nxk .trainBox .bd ul li .tm{width: 1.5rem;height: 0.42rem; background: url("../images/djzx.png");background-size: 100% 100%;float: right;margin-right: 0.2rem;display: block;margin-top: 0.1rem}
.detail-nxk .kind{padding-bottom: 0.3rem}
.detail-nxk .kind .swiper-container{width: 5.7rem;height: 5.5rem; margin: 0 auto;}
.detail-nxk .kind .swiper-wrapper{width: 5.7rem;height:4.8rem ;}
.detail-nxk .kind .swiper-slide{width: 5.7rem !important;height:4.8rem ;}
.detail-nxk .kind .swiper-slide .kuan{width: 5.16rem;height:3.85rem ;background: url("../images/ss.png");background-size: 100% 100%;margin: 0 auto}
.detail-nxk .kind .swiper-slide .teacher-logo{width: 2.81rem;height: 2.81rem;border-radius: 50%;overflow: hidden;margin: 0 auto;margin-top: 0.2rem}
.detail-nxk .kind .swiper-slide .teacher-logo img{width: 2.81rem;height: 2.81rem;}
.detail-nxk .kind .swiper-slide .kuan .name{font-size: 0.32rem;letter-spacing: 0.025rem;color: #ffffff;font-weight: 700;text-align: center;padding-top: 0.16rem}
.detail-nxk .kind .swiper-slide .p2{font-size: 0.32rem;color: #656e83;text-align: center;font-weight: 700;padding-top: 0.6rem;letter-spacing: 0.025rem}
.detail-nxk .kind .swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;background: #7997db;opacity: 1}
.detail-nxk .kind .swiper-pagination-bullet-active{width: 0.1rem;height: 0.1rem;background: #48629e;opacity: 1}
.detail-nxk .swiper-button-prev{background-image:url("../images/prev.png");background-size: 0.28rem;height: 0.5rem;margin-top: -1.3rem}
.detail-nxk .swiper-button-next{background-image:url("../images/next.png");background-size: 0.28rem;height: 0.5rem;margin-top: -1.3rem}
.detail-nxk .courses{width: 6.7rem;margin: 0 auto}
.detail-nxk .courses p{font-size: 0.28rem;letter-spacing: 0.025rem;line-height: 0.45rem;color: #656e83}
.detail-nxk .myopens{width: 7.10rem;height: 0.8rem;margin: 0 auto; margin-top: 0.3rem;margin-bottom: 0.4rem}
.detail-nxk .myopens img{width: 7.10rem;height: 0.8rem;}
.detail-nxk .myopens .myPackUp{display: none}
.detail-nxk .myopens .packUp{display: none}
.detail-nxk .myOpen{width: 7.1rem;position: relative;right: 0.2rem;padding-top: 0.3rem;padding-bottom: 0.4rem}
.detail-nxk .time{width: 6.7rem;}
.detail-nxk .time .p1{width: 3.40rem;border-right: 1px solid #ebebeb;font-size: 0.28rem;color: #656e83;margin-right: 0.4rem;float: left}
.detail-nxk .time .p2{width: 0.9rem; font-size: 0.28rem;color: #656e83;float: left;}
.detail-nxk .time .p2 .yan{width: 0.41rem;height: 0.28rem;float: left;}
.detail-nxk .time .p2 .yan img{width: 0.41rem;height: 0.28rem;}
.detail-nxk .time .p2 .shu{float: right}
.detail-nxk .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{height: 0.9rem}
/*详情页——内训课------end*/
/*详情页——视屏------start*/
.detail-sp .homes{width: 7.5rem;height:0.88rem; ;background: url("../images/homes.png");background-size: 100% 100%}
.detail-sp  .nxk{width: 7.5rem;height:0.88rem ;background: url("../images/nxk.png");background-size: 100% 100%;}
.detail-sp  .nxk p{font-size: 0.28rem; float: left; color: #656e83;line-height: 0.88rem;letter-spacing: 0.025rem}
.detail-sp  .nxk p a{font-size: 0.28rem; float: left; color: #656e83;line-height: 0.88rem;letter-spacing: 0.025rem}
.detail-sp  .nxk p .odd{font-size: 0.28rem; float: left; padding-left: 0.1rem; color: #656e83;line-height: 0.88rem; letter-spacing: 0.025rem}
.detail-sp  .nxk div {float: left;height: 0.88rem;background: url(../images/nxk.png) -0.6rem 0px;background-size: 100% 100%;background-size: auto 100%;width: 0.3rem;}
.detail-sp .banner a{width: 7.5rem;background-size: 100% 100%;display: block}
.detail-sp .jq{width: 6.7rem;padding-left: 0.4rem;padding-right: 0.4rem;padding-top: 0.4rem;padding-bottom: 0.5rem;}
.detail-sp .jq .jq-title{font-size: 0.34rem;letter-spacing: 0.025rem;}
.detail-sp .jq .name{width: 6.7rem;height: 0.82rem;}
.detail-sp .jq .name p{font-size: 0.28rem;color: #656e83;letter-spacing: 0.025rem;float: left;margin-right: 0.45rem;line-height: 0.82rem}
.detail-sp .jq .name .jn{width: 1.18rem;height: 0.34rem;border: 1px solid #91aae4;background: #eff6ff;float: left;border-radius: 0.05rem;font-size: 0.22rem;line-height: 0.34rem;text-align: center;color: #637ebc;margin-top: 0.2rem}
.detail-sp .jq .time{width: 6.7rem;}
.detail-sp .jq .time .p1{width: 3.40rem;border-right: 1px solid #ebebeb;font-size: 0.28rem;color: #656e83;margin-right: 0.4rem;float: left}
.detail-sp .jq .time .p2{width: 0.9rem; font-size: 0.28rem;color: #656e83;float: left;}
.detail-sp .jq .time .p2 .yan{width: 0.41rem;height: 0.28rem;float: left;}
.detail-sp .jq .time .p2 .yan img{width: 0.41rem;height: 0.28rem;}
.detail-sp .jq .time .p2 .shu{float: right}
.detail-sp .fgx{width: 100%;height: 0.2rem;background: #eeeff3}
.detail-sp .spjs{width: 6.7rem;padding-left: 0.4rem;padding-right: 0.4rem;padding-top: 0.4rem;padding-bottom: 0.5rem;}
.detail-sp .spjs .title{font-size: 0.34rem;letter-spacing: 0.025rem;padding-left: 0.5rem;background: url("../images/sp.png") no-repeat;background-size: 0.37rem 0.3rem;margin-bottom: 0.34rem}
.detail-sp .spjs .spjs-text{width: 6.7rem;font-size: 0.28rem;color: #656e83;letter-spacing: 0.025rem;line-height: 0.4rem;padding-bottom: 0.5rem}
.detail-sp .spjs a{width:3.86rem;height:0.6rem ;background: url("../images/spjs-bt.png") ;background-size: 100% 100%;display: block;margin: 0 auto}
.detail-sp .myVidoe{width: 7.1rem;padding-bottom: 0.5rem;margin: 0 auto}
.detail-sp .myVidoe .title{width: 6.7rem; font-size: 0.34rem;letter-spacing: 0.025rem;padding-left: 0.5rem;background: url("../images/sp-logo.png") no-repeat;background-size: 0.35rem 0.3rem; margin-bottom: 0.34rem;margin-left: 0.2rem;margin-top: 0.5rem}
.detail-sp .pitchOn ul{width: 7.1rem;margin: 0 auto;}
.detail-sp .pitchOn{width: 7.1rem;margin: 0 auto;}
.detail-sp .pitchOn ul li{width: 7.1rem;float: left;margin-bottom: 0.3rem}
.detail-sp .pitchOn ul li .pitchOns-imgs{width: 3rem;height: 2.2rem;float: left;border-radius: 0.08rem;}
.detail-sp .pitchOn ul li .pitchOns-imgs img{width: 3rem;height: 2.2rem;background-size: 100% 100%;border-radius: 0.08rem;}
.detail-sp .pitchOn .pitchOns-texts{width: 3.86rem;height: 1.6rem;}
.detail-sp .pitchOn .pitchOns-text .p1{font-size: 0.32rem;letter-spacing: 0.025rem;}
.detail-sp .pitchOn .pitchOns-text .p2{width: 3.86rem; font-size: 0.3rem;letter-spacing: 0.025rem;margin-left: -0.14rem;padding-top: 0.2rem;padding-bottom: 0.3rem;color: #637ebc}
.detail-sp .pitchOn .pitchOns-text .p3{font-size: 0.28rem;color: #656e83;letter-spacing: 0.025rem;}
.detail-sp .pitchOn .pitchOns-text .p3 .p3-name{width: 0.18rem;height: 0.26rem;float: left;margin-top: -0.02rem}
.detail-sp .pitchOn .pitchOns-text .p3 .p3-name img{width: 0.18rem;height: 0.26rem;}
.detail-sp .pitchOn .pitchOns-text .p3 p{float: left;padding-left: 0.2rem}.detail-sp .pitchOn .pitchOns-text{width: 3.86rem; float: right;}
.detail-sp .pitchOn .pitchOns-text .tm{width: 3.86rem;height: 0.6rem;background: url("../images/video-bt.png");background-size: 100%;display: block}
/*详情页——视屏------end*/
/*详情页——讲师------start*/
.detail-js  .nxk{width: 100%;height:0.88rem ;background: url("../images/nxk.png");background-size: 100% 100%;}
.detail-js  .nxk p{font-size: 0.28rem; float: left; color: #656e83;line-height: 0.88rem;letter-spacing: 0.025rem}
.detail-js  .nxk p a{font-size: 0.28rem; float: left; color: #656e83;line-height: 0.88rem;letter-spacing: 0.025rem}
.detail-js  .nxk p.odd{font-size: 0.28rem; float: left; padding-left: 0.1rem; color: #656e83;line-height: 0.88rem; letter-spacing: 0.025rem}
.detail-js  .nxk div{float: left; height:0.88rem ; background: url(../images/nxk.png) -0.6rem 0px; background-size: 100% 100%; background-size: auto 100%; width: 0.2rem;}
.detail-js  .banner{height: auto; width: 100%; position: relative;}
.detail-js  .banner ul{width: 100%; height: 1.3rem; position: absolute; z-index: 10; bottom: 10%;}
.detail-js  .banner ul li{width: 50%; height: 1.3rem; float: left;}
.detail-js  .banner ul li a{width: 100%; height: 100%; display: block;}
.detail-js  .banner img{display: block; width: 100%; height: auto;}
.detail-js  .ccc{width: 7.5rem;}
.detail-js  .course-content{width: 7.5rem;background: #ffffff;display: none;}
.detail-js  .course-content .hd{}
.detail-js  .course-content .hd .listBox-h li{float: left}
.detail-js  .course-content .hd .listBox-h a{width: 1.875rem;display: block;padding-top: 0.17rem;padding-bottom: 0.19rem;}
.detail-js  .course-content .hd .listBox-h a .cc-img{width: 1rem;height: 1rem;margin: 0 auto}
.detail-js  .course-content .hd .listBox-h a .cc-img img{width: 1rem;height: 1rem;background-size: 100% 100%}
.detail-js  .course-content .hd .listBox-h a p{font-size: 0.24rem;padding-top: 0.19rem;text-align: center;}
.detail-js  .course-content .hd .listBox-h a:hover,.course-content .hd .listBox-h a.active{background: #e9eaef}
.detail-js  .course-content .list{width: 7.5rem;background: #e9eaef;float: left;}
.detail-js  .course-content .list .list-left{width: 1.875rem;height:auto;float: left;}
.detail-js  .list-left .qb{font-size: 0.24rem;line-height:0.91rem;width: 1.875rem;text-align: center;letter-spacing: 0.025rem;height: 0.91rem;background: #edeef3;}
.detail-js  .list-right{width: 5.625rem;float: right;background: #f1f2f7;}
.detail-js  .list-right ul li{float: left;width: 1.875rem;height: 0.9rem;border-bottom: 0.01rem solid #e9eaef;}
.detail-js  .list-right ul li a{display: block;font-size: 0.24rem;color: #666666;text-align: center;line-height: 0.9rem;letter-spacing: 0.025rem;border-right: 0.01rem solid #e9eaef;}
.detail-js  .bds{display: none}
.detail-js  .pitchOns{display: none}
.detail-js  .pitchOn-title{width: 7.5rem;height: 0.7rem;background: #eeeff3;margin-top: 0.35rem}
.detail-js  .pitchOn-title p{font-size: 0.24rem;text-align: center;line-height: 0.7rem;letter-spacing: 0.025rem;color: #656e83}
.detail-js  .pitchOn-title p span{color: #637ebc}
.detail-js  .pitchOn ul li{width: 7.1rem;margin: 0 auto;float: left}
.detail-js  .pitchOn ul li .pitchOn-img{width: 3rem;height: 1.9rem;float: left;border-radius: 0.1rem}
.detail-js  .pitchOn ul li .pitchOn-img img{width: 3rem;height: 1.9rem;}
.detail-js  .pitchOn-right{width: 3.7rem;float: left;margin-left: 0.2rem;}
.detail-js  .pitchOn-right .p1{font-size: 0.32rem;line-height: 0.45rem;padding-bottom: 0.15rem;padding-top: 0.04rem}
.detail-js  .pitchOn-right .kk{text-align: center;margin-left: -0.19rem;}
.detail-js  .pitchOn-right .p2{font-size: 0.22rem;letter-spacing: 0.025rem;color: #637ebc;float: left;display: inline-block;padding: 0.06rem 0.12rem;border: 1px solid #91aae4;border-radius: 0.05rem;background: #eff6ff;margin-left: 0.19rem}
.detail-js  .pitchOn-right .p3{width: auto;height: 0.28rem; font-size: 0.28rem;color: #656e83;letter-spacing: 0.025rem;}
.detail-js  .ff{height: 1.52rem}
.detail-js  .pitchOn-list2{display: none;}
.detail-js  .pitchOn-list2 ul{margin-bottom: 0.5rem}
.detail-js  .open{width: 7.10rem;height: 0.8rem;margin: 0 auto; margin-top: 0.5rem}
.detail-js  .open img{width: 7.10rem;height: 0.8rem;}
.detail-js  .open .packUp{display: none}
.detail-js  .title{font-size: 0.34rem;letter-spacing: 0.025rem;padding-top: 0.4rem;padding-left: 0.18rem;padding-bottom: 0.23rem}
.detail-js  .allClass-title{font-size: 0.34rem;letter-spacing: 0.025rem;padding-top: 0.4rem;padding-left: 0.18rem;}
.detail-js  .box-flex-group{display: -webkit-box; display: -moz-box; display: -ms-box; width: 100%; /*height: 100px;*/ /*margin: 0;*/ /*padding: 10px;*/ list-style: none; vertical-align: top;}
.detail-js  .tab li:nth-child(1){-webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -webkit-box-flex-group: 1; -moz-box-flex-group: 1; -ms-box-flex-group: 1;}
.detail-js  .tab li:nth-child(2){-webkit-box-flex:1; -moz-box-flex: 2; -ms-box-flex: 1; -webkit-box-flex-group: 1; -moz-box-flex-group: 1; -ms-box-flex-group: 1;}
.detail-js  .tab li:nth-child(3){-webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -webkit-box-flex-group: 1; -moz-box-flex-group: 1; -ms-box-flex-group: 1;}
.detail-js  .tab div{font-size: 0.34rem; text-align: center; color:#656e83; height: 35px; line-height: 35px; border-right: 1px solid #e1e1e5; margin-top: 32px;}
.detail-js  .tab div:nth-child(3){border-right: none;}
.detail-js  .tab{height: 100px; border-bottom: 1px solid #e1e1e5;}
.detail-js  .tab ul,
.detail-js  .tab li{height: 100px;}
.detail-js  .tab li span{padding: 0 0.3rem; display: inline-block; width: auto; height: 66px; margin: 0 auto;}
.detail-js  .tab li span.active{border-bottom: 5px solid #637ebc;}
.detail-js  .tab-content{width: 100%; height: auto; overflow: hidden;}
.detail-js  .tab-content h4{height: auto; width: 95%; margin: 0 auto; font-size: 0.4rem; font-weight: 500; padding: 0.3rem 0rem; line-height: 0.5rem;}
.detail-js  .tab-content dd{height: auto; overflow: hidden; display: none;}
.detail-js  .tab-content dd.active{display: block;}
.detail-js  .point-out-box{margin-bottom: 0.3rem;}
.detail-js  .point-out-box li:nth-child(1){width:2rem;}
.detail-js  .point-out-box li:nth-child(2){position: relative; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -webkit-box-flex-group: 1; -moz-box-flex-group: 1; -ms-box-flex-group: 1; overflow: hidden;}
.detail-js  .point-out-box ul{height: auto; overflow: hidden; padding: 0.15rem 0rem; color: #656e83; background: url("./../images/bulb .png") no-repeat 0.1rem 0rem; background-size: auto 100%;}
.detail-js  .point-out-box ul .point-out{width: 100%; height: 100%; font-size: 0.2rem; text-indent: 0.7rem;}
.detail-js  .point-out-box ul .point-out-content{position: absolute; left: -100px; width: auto; height:0.25rem; font-size: 0.2rem;}
.detail-js  .point-out-box ul .point-out-content div{text-indent: 1rem; float: left; width: auto;}
.detail-js  .line{height: 0.3rem; background: #eeeff3; width: 100%;}
.detail-js  .curriculum-object{padding: 0.3rem 0rem; width: 95%; height: auto; overflow: hidden; margin: 0 auto;}
.detail-js  .curriculum-object p{line-height:0.5rem; font-size: 0.3rem; clear: both; color:#656e83;}
.detail-js  .curriculum-object-title{padding-bottom: 0.3rem; height: auto; overflow: hidden;}
.detail-js  .curriculum-object-title img{}
.detail-js  .curriculum-object-title img.odd{}
.detail-js  .curriculum-object-title img,
.detail-js  .curriculum-object-title h4{float: left;}
.detail-js  .curriculum-object-title p{font-size: 0.34rem; padding-top: 0.1rem; text-indent: 0.3rem; font-size: 0.4rem; font-weight:500;}
.detail-js  .curriculum-object-title h3.odd-h3{text-indent: 0rem;}
.detail-js  .outline-consultation{height: auto; width: 100%; overflow: hidden; padding-bottom: 0.3rem;}
.detail-js  .outline-consultation li{float: left; width: 50%;}
.detail-js  .outline-consultation li a{padding: 0.15rem 0rem; width: 80%; border: 1px solid #637ebc; border-radius: 3px; display: block; margin: 0 auto; font-size: 0.25rem; text-align: center; color: #637ebc;}
.detail-js  .more{background:#eeeff3 url("../images/more.png") no-repeat center; background-size: auto 50%; width: 100%; height: 0.8rem;}
.detail-js  .curriculum-list{width:7.1rem; margin: 0 auto; height: auto; overflow: hidden; padding-bottom: 0.5rem; padding-top: 0.3rem;}
.detail-js  .name-price{height: 0.7rem; background: #8aa3dd;}
.detail-js .name-price-ct{width: 6.7rem;margin: 0 auto}
.detail-js  .curriculum-name{float: left; color: white; height: 0.7rem; font-size: 0.3rem; line-height: 0.7rem;}
.detail-js  .curriculum-price{ float: right; height: 0.7rem; line-height: 0.7rem; color: white; font-size: 0.3rem;margin-right: 0.14rem}
.detail-js  .curriculum-list span{float: left; font-size: 0.3rem;}
.detail-js  .curriculum-list li{width: 7.1rem;margin:  0 auto; height: 0.7rem; line-height: 0.7rem;}
.detail-js  .curriculum-list li.even{background: #eeeff3;}
.detail-js .ggf{width: 6.7rem;margin: 0 auto}
.detail-js  .curriculum-list .ggf p{color: #8aa3dd; display: inline-block; border-radius: 5px; height: 0.5rem; line-height: 0.5rem; margin-top: 0.08rem;float: right; font-size: 0.28rem;}
.detail-js  .course-selection{width: 96%; margin:0 auto;}
.detail-js  .curriculum-list ul{width: 7.1rem;}
.detail-js  .course-selection ul{margin-bottom: 0.4rem;}
.detail-js  .course-selection li{height: auto; overflow: hidden;}
.detail-js  .course-selection li:nth-child(1){width: 3rem;}
.detail-js  .course-selection li:nth-child(2){-webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -webkit-box-flex-group: 1; -moz-box-flex-group: 1; -ms-box-flex-group: 1;}
.detail-js  .course-selection li:nth-child(2) h5{font-size: 0.4rem; font-weight: 500; text-indent: 0.3rem; margin: 0.1rem 0;}
.detail-js  .course-selection li:nth-child(2) p{margin: 0.1rem 0; text-indent: 0.3rem; font-size: 0.3em; color: #656e83;}
.detail-js  .course-selection li:nth-child(2) a{width:3.86rem ; height:0.6rem ;background: url("../images/zlbt.png");background-size: 100% 100%;display: block}
.detail-js  .head-sculpture-info li:nth-child(1){width: 1.6rem;height: 1.6rem;border-radius: 50%;overflow: hidden}
.detail-js  .head-sculpture-info li:nth-child(1) img{width: 1.6rem;height: 1.6rem}
.detail-js  .head-sculpture-info li:nth-child(2){margin-left: 0.35rem; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -webkit-box-flex-group: 1; -moz-box-flex-group: 1; -ms-box-flex-group: 1;}
.detail-js  .head-sculpture-info img,
.detail-js  .head-sculpture-info p,
.detail-js  .head-sculpture-info h3{float: left;}
.detail-js  .head-sculpture-info p{width: 3.40rem; font-size: 0.3rem;float: right;line-height: 0.4rem;margin-top: -0.1rem}
.detail-js  .head-sculpture-info h3{font-weight: 500; font-size: 0.4rem;}
.detail-js  .lecturer-info{width: 7.1rem; margin: 0 auto; position: relative;}
.detail-js  .technology-name{clear: both; height: auto;}
.detail-js  .technology-name:nth-child(1){margin-top: 0.2rem; clear: both; height: auto;}
.detail-js  .technology-name:nth-child(2){width: 3.9rem; margin-top: 0.3rem; clear: both; height: auto;}
.detail-js  .technology-name img:nth-child(2){width: 1.50rem; height: 0.41rem; margin-right:0.2rem ;}
.detail-js  .technology-name img:nth-child(1){width: 0.28rem; height: 0.28rem; float: left}
.detail-js  .technology-name h3{margin-right: 0.5rem;}
.detail-js  .head-sculpture-info{}
.detail-js  .head-sculpture-info{background: white; width: 5.80rem;position: absolute;margin-left: 0.65rem}
.detail-js  .separation{height: 1rem;}
.detail-js  .lecturer-info-content ul{width: 6.3rem; margin: 0 auto;}
.detail-js  .lecturer-info-content{border: 1px solid #d0d3da; height: auto; width: 7.1rem; margin: 0 auto; padding-top: 1rem; padding-bottom: 0.3rem; margin-bottom: 0.5rem;}
.detail-js  .lecturer-info-content li{color: #656e83; font-size: 0.3rem;}
.detail-js  .lecturer-info-content li span{float: left; line-height: 0.5rem;}
.detail-js  .lecturer-info-content li div{line-height: 0.5rem;}
.detail-js  .qualifications-background .curriculum-object-title{padding-bottom: 0rem;}
.detail-js  .qualifications-background ul{width: 6.7rem; margin: 0 auto;}
.detail-js  .qualifications-background ul li{height: 0.6rem; line-height: 0.6rem;}
.detail-js  .qualifications-background ul li img{width: 0.14rem; height: 0.13rem; padding-top: 0.23em; display: inline-block; float: left;}
.detail-js  .qualifications-background ul li{clear: both; width: 100%;}
.detail-js  .qualifications-background ul li span{font-size: 0.3rem; color: #656e83; float: left; text-indent: 0.2rem;}
.detail-js  .video{width: 95%; margin: 0 auto; height: auto; overflow: hidden; padding-bottom: 0.3rem;}
.detail-js  .video .curriculum-object-title{padding-top: 0.3rem;}
.detail-js  .video li{float: left; width: 50%; height: auto; overflow: hidden;position: relative}
/*.detail-js  .video ul li div{width: 3.5rem; height: 2rem; margin: 0 auto; border-radius: 0.05rem; overflow: hidden;}
.detail-js  .video ul li div img{width: 3.5rem; height: 2rem;}*/
.detail-js .video ul li .video-bo{width: 3.5rem; height: 2rem;margin: 0 auto; }
.detail-js .video ul li .video-bo .video-cover{width: 3.5rem; height: 2rem;background: #000;opacity: 0.4;position: absolute;z-index: 1;}
.detail-js .video ul li .video-bo .video-cover .video-cover-bt{width:0.8rem ;height: 0.8rem;background: url("../images/bofang.png");background-size: 100% 100%;margin: 0 auto;margin-top: 0.6rem}
.detail-js .video ul li .cover-img{width: 3.5rem; height: 2rem;background: #000;opacity: 0.5;position: absolute;z-index: 0;}

.detail-js  .video ul p{width: 100%; font-size: 0.28rem; text-align: center; color: #656e83; padding-top: 0.2rem; padding-bottom: 0.3rem; letter-spacing: 0.025rem;}
.detail-js  .client{width: 95%; margin: 0 auto;}
.detail-js  .client .carousel{width: 6.7rem; height: 2.4rem; margin: 0 auto;}
.detail-js  .client .swiper-container{width: 6.7rem; height: 2.2rem;}
.detail-js  .client .swiper-wrapper{width: 6.7rem;height: 1.35rem;}
.detail-js  .client .swiper-wrapper img{width: 6.7rem;height: 1.35rem; background-size: 100% 100%}
.detail-js  .client .swiper-pagination-bullet{width: 0.5rem;height: 0.04rem;background: #e5e5e5;opacity: 1;border-radius: inherit}
.detail-js  .client .swiper-pagination-bullet-active{width: 0.5rem;height: 0.04rem;background: #d2d2d2;opacity: 1;border-radius: inherit}
.detail-js  .select{position: relative;}
.detail-js  .select a{display: block; height: 1rem; position: absolute; bottom: 0.8rem; width: 72%; left: 14%;}
.detail-js  .similar-teacher{width: 7.1rem; margin: 0 auto; padding-bottom:0.3rem ; height: auto; overflow: hidden;}
.detail-js  .similar-teacher .teacher-title h5{float: left;}
.detail-js  .similar-teacher .teacher-title img{padding-top: 0.1rem; float: right;}
.detail-js  .course-selection li:nth-child(2) p{color:black; clear: both; margin-bottom:0.2rem ; margin-top: 0.7rem;}
.detail-js  .similar-teacher span{display: block; font-size: 0.3rem; color: #656e83; background: url("../images/position.png") no-repeat; background-size: auto 100%; text-indent: 0.5rem; margin-left: 0.3rem; margin-bottom:0.2rem ;}
.detail-js  .similar-teacher dl{height: auto; overflow: hidden; margin-left: 0.12rem;}
.detail-js  .similar-teacher dl dd{font-size: 0.3rem; color: #637ebc; float: left;}
.detail-js  .similar-teacher a.more{height: 0.8rem; line-height: 0.8rem; font-size: 0.3rem; text-align: center; text-align: center; width: 100%; display: block; background: #eeeff3; color: #656e83;}
.detail-js  .pitchOn-title{width: 7.5rem;height: 0.7rem;background: #eeeff3;margin-bottom: 0.5rem}
.detail-js  .pitchOn-title p{font-size: 0.24rem;text-align: center;line-height: 0.7rem;letter-spacing: 0.025rem;color: #656e83}
.detail-js  .pitchOn-title p span{color: #637ebc}
.detail-js  .ff{height: 1.52rem}
.detail-js  .pitchOn-list2{display: none;}
.detail-js  .pitchOn-list2 ul{margin-bottom: 0.5rem}
.detail-js  .open{width: 7.10rem;height: 0.8rem;margin: 0 auto; margin-top: 0.2rem}
.detail-js  .open img{width: 7.10rem;height: 0.8rem;}
.detail-js  .open .packUp{display: none}
.detail-js  .openflex{width: 7.10rem;height: 0.8rem;margin: 0 auto; margin-top: 0.2rem}
.detail-js  .openflex img{width: 7.10rem;height: 0.8rem;}
.detail-js  .openflex .packUp{display: none}
.detail-js  .pitchOn ul{width: 7.1rem;margin: 0 auto;}
.detail-js  .pitchOn ul li{width: 7.1rem;float: left;margin-bottom: 0.3rem}
.detail-js  .pitchOn ul li .pitchOns-imgs{width: 3rem;height: 3rem;float: left;}
.detail-js  .pitchOn ul li .pitchOns-imgs img{width: 3rem;height: 3rem;background-size: 100% 100%;border-radius: 0.08rem;}
.detail-js  .pitchOn .pitchOns-text{width: 3.9rem;float: right;}
.detail-js  .pitchOns-text .name .p1{font-size: 0.34rem;float: left;letter-spacing: 0.025rem;padding-top: 0.1rem}
.detail-js  .pitchOns-text .name .rzjs{width: 1.5rem;height: 0.41rem;float: right}
.detail-js  .pitchOns-text .name .rzjs img{width: 1.5rem;height: 0.41rem;}
.detail-js  .text-item{width: 100%;height: 2.38rem;}
.detail-js  .text-item .p2{width: 3.9rem; font-size: 0.28rem;letter-spacing: 0.025rem;float: left;line-height: 0.35rem;padding-top: 0.1rem}
.detail-js  .text-item .p3{width: 3.9rem; font-size: 0.28rem;color: #656e83;background: url("../images/dingwei.png") no-repeat ;background-size: 0.22rem 0.28rem;float: left;letter-spacing: 0.025rem;padding-left: 0.38rem;margin: 0.16rem 0;}
.detail-js  .text-item .p4{width: 3.9rem; font-size: 0.28rem;color: #637ebc;letter-spacing: 0.025rem;float: left;margin-left: -0.18rem}
.detail-js  .pitchOns-text .tm{width: 3.86rem;height:0.6rem ;background: url("../images/zlbt.png");background-size: 100% 100%;float: left;display: block}
.detail-js  .public-title{width: 6.70rem;margin: 0.4rem auto;}
.detail-js  .public-title .title-logo{width: 0.32rem !important;height: 0.32rem !important;float: left;margin-right: 0.15rem;text-align: center;}
.detail-js  .public-title .title-logo img{width: 0.32rem !important;height: 0.32rem !important;background-size: 100% 100%}
.detail-js  .public-title p{font-size: 0.34rem;letter-spacing: 0.025rem;float: left}
.detail-js .qualifications-background ul{font-size: 0.3rem; color: #656e83; text-indent: 0.2rem; line-height: 0.5rem; }
/*详情页——讲师------end*/
/*讲师列表---start*/
.teacher-page .nxk{width: 7.5rem;height:0.88rem ;background: url("../images/nxk.png");background-size: 100% 100%;}
.teacher-page .nxk p{font-size: 0.28rem; float: left; color: #656e83;line-height: 0.88rem;letter-spacing: 0.025rem}
.teacher-page .nxk p a{font-size: 0.28rem; float: left; color: #656e83;line-height: 0.88rem;letter-spacing: 0.025rem}
.teacher-page .nxk p .odd{font-size: 0.28rem; float: left; padding-left: 0.1rem; color: #656e83;line-height: 0.88rem; letter-spacing: 0.025rem}
.teacher-page .nxk div {float: left;height: 0.88rem;background: url(../images/nxk.png) -0.6rem 0px;background-size: 100% 100%;background-size: auto 100%;width: 0.3rem;}

.teacher-page  .ccc{width: 7.5rem;}
.teacher-page  .course-content{width: 7.5rem;background: #ffffff;display: none;}
.teacher-page  .course-content .hd {}
.teacher-page  .course-content .hd .listBox-h li{float: left }
.teacher-page  .course-content .hd .listBox-h a{width: 1.875rem;display: block;padding-top: 0.17rem;padding-bottom: 0.19rem;}
.teacher-page  .course-content .hd .listBox-h a .cc-img{width: 1rem;height: 1rem;margin: 0 auto}
.teacher-page  .course-content .hd .listBox-h a .cc-img img{width: 1rem;height: 1rem;background-size: 100% 100%}
.teacher-page  .course-content .hd .listBox-h a p{font-size: 0.24rem;padding-top: 0.19rem;text-align: center;letter-spacing: 0.025rem}
.teacher-page  .course-content .hd .listBox-h a.active{background: #e9eaef;color: #637ebc}

.teacher-page  .course-content .list{width: 7.5rem;background: #e9eaef;float: left;}
.teacher-page  .course-content .list  .list-left{width: 1.875rem;height:auto;float: left;}
.teacher-page  .list-left .qb{font-size: 0.24rem;line-height:0.91rem;width: 1.875rem;text-align: center;letter-spacing: 0.025rem;height: 0.91rem;background: #edeef3;color: #637ebc}
.teacher-page  .list-right{width: 5.625rem;float: right;background: #f1f2f7;}
.teacher-page  .list-right ul li {float: left;width: 1.875rem;height: 0.9rem;}
.teacher-page  .list-right ul li a{display: block;font-size: 0.24rem;color: #666666;text-align: center;line-height: 0.9rem;letter-spacing: 0.025rem;border-right: 1px solid #e9eaef;border-bottom: 1px solid #e9eaef;}
.teacher-page  .bds{display: none}

.teacher-page  .pitchOns{display: none}
.teacher-page  .pitchOn-title{width: 7.5rem;height: 0.7rem;background: #eeeff3;margin-top: 0.35rem;margin-bottom: 0.5rem}
.teacher-page  .pitchOn-title p{font-size: 0.24rem;text-align: center;line-height: 0.7rem;letter-spacing: 0.025rem;color: #656e83}
.teacher-page  .pitchOn-title p span{color: #637ebc}
.teacher-page  .ff{height: 1.52rem}
.teacher-page  .pitchOn-list2{display: none;}
.teacher-page  .pitchOn-list2 ul{margin-bottom: 0.5rem}
.teacher-page  .opens2{width: 7.10rem;height: 0.8rem;margin: 0 auto; margin-top: 0.2rem}
.teacher-page  .opens2 img{width: 7.10rem;height: 0.8rem;}
.teacher-page  .opens2 .packUp{display: none}
.teacher-page  .opens3{width: 7.10rem;height: 0.8rem;margin: 0 auto; margin-top: 0.2rem}
.teacher-page  .opens3 img{width: 7.10rem;height: 0.8rem;}
.teacher-page  .opens3 .packUp{display: none}
.teacher-page  .pitchOn ul{width: 7.1rem;margin: 0 auto;}
.teacher-page  .pitchOn ul li{width: 7.1rem;float: left;margin-bottom: 0.3rem}
.teacher-page  .pitchOn ul li .pitchOns-imgs{width: 3rem;height: 3rem;float: left;}
.teacher-page  .pitchOn ul li .pitchOns-imgs img{width: 3rem;height: 3rem;background-size: 100% 100%;border-radius: 0.08rem;}
.teacher-page  .pitchOn .pitchOns-text{width: 3.9rem;float: right;}
.teacher-page  .pitchOns-text .name .p1{font-size: 0.34rem;float: left;letter-spacing: 0.025rem;padding-top: 0.1rem}
.teacher-page  .pitchOns-text .name .rzjs{width: 1.5rem;height: 0.41rem;float: right}
.teacher-page  .pitchOns-text .name .rzjs img{width: 1.5rem;height: 0.41rem;}
.teacher-page  .text-item{width: 100%;height: 2.38rem;}
.teacher-page  .text-item .p2{width: 3.9rem; font-size: 0.28rem;letter-spacing: 0.025rem;float: left;line-height: 0.35rem;padding-top: 0.14rem}
.teacher-page  .text-item .p3{width: 3.9rem; font-size: 0.28rem;color: #656e83;background: url("../images/dingwei.png") no-repeat ;background-size: 0.22rem 0.28rem;float: left;letter-spacing: 0.025rem;padding-left: 0.28rem;margin: 0.16rem 0;}
.teacher-page  .text-item .p4{width: 3.9rem; font-size: 0.28rem;color: #637ebc;letter-spacing: 0.025rem;float: left;margin-left: -0.18rem}
.teacher-page  .pitchOns-text .tm{width: 3.86rem;height:0.6rem ;background: url("../images/zlbt.png");background-size: 100% 100%;float: left;display: block}
.teacher-page  .title{font-size: 0.34rem;letter-spacing: 0.025rem;padding-top: 0.4rem;padding-left: 0.18rem;padding-bottom: 0.23rem}
.teacher-page  .allClass-title{font-size: 0.34rem;letter-spacing: 0.025rem;padding-top: 0.4rem;padding-left: 0.18rem;padding-bottom: 0.3rem}
.teacher-page .kc-ct{width: 100%;}
.teacher-page .kc-ct .kc-cts{width: 7.1rem;margin: 0 auto;}
.teacher-page .kc-ct .kc-cts ul{margin-left: -0.18rem}
.teacher-page .kc-ct .kc-cts ul li{width: 3.46rem;float: left;margin-left: 0.18rem;}
.teacher-page .kc-ct .kc-cts ul li .kc-img{width: 3.46rem;height: 1.90rem;border-radius: 0.05rem}
.teacher-page .kc-ct .kc-cts ul li .kc-img img{width: 3.46rem;height: 1.90rem;background-size: 100% 100%}
.teacher-page .kc-ct .kc-cts ul li a{width: 3.46rem;height: 0.5rem;background: url("../images/zxms.png");background-size: 100% 100%;display: block;margin-top: 0.2rem;margin-bottom: 0.3rem}
.teacher-page .kc-ct .kc-cts ul li a p{font-size: 0.24rem;color: #656e83;line-height: 0.5rem;padding-left: 0.47rem;letter-spacing: 0.025rem}
/*讲师列表---end*/

/*视屏列表---start*/

.videoList  .nxk{width: 7.5rem;height:0.88rem ;background: url("../images/nxk.png");background-size: 100% 100%;}
.videoList  .nxk p{font-size: 0.28rem; float: left; color: #656e83;line-height: 0.88rem;letter-spacing: 0.025rem}
.videoList  .nxk a{font-size: 0.28rem; float: left; color: #656e83;line-height: 0.88rem;letter-spacing: 0.025rem}
.videoList  .nxk p .odd{font-size: 0.28rem; float: left; padding-left: 0.1rem; color: #656e83;line-height: 0.88rem; letter-spacing: 0.025rem}
.videoList  .nxk div {float: left;height: 0.88rem;background: url(../images/nxk.png) -0.6rem 0px;background-size: 100% 100%;background-size: auto 100%;width: 0.3rem;}

.videoList  .pitchOns{display: none}
.videoList  .pitchOn-title{width: 7.5rem;height: 0.7rem;background: #eeeff3;margin-top: 0.35rem;margin-bottom: 0.5rem}
.videoList  .pitchOn-title p{font-size: 0.24rem;text-align: center;line-height: 0.7rem;letter-spacing: 0.025rem;color: #656e83}
.videoList  .pitchOn-title p span{color: #637ebc}
.videoList  .ff{height: 1.52rem}
.videoList  .pitchOn-list2{display: none;}
.videoList  .pitchOn-list2 ul{margin-bottom: 0.5rem}
.videoList  .open{width: 7.10rem;height: 0.8rem;margin: 0 auto; margin-top: 0.2rem}
.videoList  .open img{width: 7.10rem;height: 0.8rem;}
.videoList  .open .packUp{display: none}
.videoList  .pitchOn ul{width: 7.1rem;margin: 0 auto;}
.videoList  .pitchOn ul li{width: 7.1rem;float: left;margin-bottom: 0.3rem}
.videoList  .pitchOn ul li .pitchOns-imgs{width: 3rem;height: 2.2rem;float: left;border-radius: 0.05rem;overflow: hidden}
.videoList  .pitchOn ul li .pitchOns-imgs img{width: 3rem;height: 2.2rem;background-size: 100% 100%}
.videoList  .pitchOn .pitchOns-texts{width: 3.86rem;height: 1.6rem;}
.videoList  .pitchOn .pitchOns-text .p1{font-size: 0.32rem;letter-spacing: 0.025rem;}
.videoList  .pitchOn .pitchOns-text .p2{width: 3.86rem; font-size: 0.3rem;letter-spacing: 0.025rem;margin-left: -0.14rem;padding-top: 0.2rem;padding-bottom: 0.3rem;color: #637ebc}
.videoList  .pitchOn .pitchOns-text .p3{font-size: 0.28rem;color: #656e83;letter-spacing: 0.025rem;}
.videoList  .pitchOn .pitchOns-text .p3 .p3-name{width: 0.18rem;height: 0.26rem;float: left}
.videoList  .pitchOn .pitchOns-text .p3 .p3-name img{width: 0.18rem;height: 0.26rem;}
.videoList  .pitchOn .pitchOns-text .p3 p{float: left;padding-left: 0.2rem}
.videoList  .pitchOn .pitchOns-text{width: 3.86rem; float: right;}
.videoList  .pitchOn .pitchOns-text .tm{width: 3.86rem;height: 0.6rem;background: url("../images/video-bt.png");background-size: 100%;display: block}
.videoList .video-bo{width: 3rem; height: 2.2rem;float: left;border-radius: 0.5rem;overflow: hidden}
.videoList .video-bo .video-cover{width: 3rem; height: 2.2rem;background: #000;opacity: 0.4;position: absolute;z-index: 0;border-radius: 0.08rem}
.videoList .video-bo .video-cover .video-cover-bt{width:0.8rem ;height: 0.8rem;background: url("../images/bofang.png");background-size: 100% 100%;margin: 0 auto;margin-top: 0.7rem}
.videoList .cover-img{width: 3rem; height: 2.2rem;background: #000;opacity: 0.5;position: absolute;z-index: 0;border-radius: 0.08rem}
.videoList .cover-img img{width: 3rem; height: 2.2rem;border-radius: 0.08rem}


.videoList  .title{font-size: 0.34rem;letter-spacing: 0.025rem;padding-top: 0.4rem;padding-left: 0.18rem;padding-bottom: 0.23rem}

.videoList  .allClass-title{font-size: 0.34rem;letter-spacing: 0.025rem;padding-top: 0.4rem;padding-left: 0.18rem;padding-bottom: 0.4rem}


.videoList  .swiper-container{width: 7.1rem;height: 6.2rem;margin: 0 auto;}
.videoList  .kc-ct{width: 100%;}
.videoList  .kc-ct .kc-cts{width: 7.1rem;margin: 0 auto;}
.videoList  .kc-ct .kc-cts ul{margin-left: -0.18rem}
.videoList  .kc-ct .kc-cts ul li{width: 3.46rem;float: left;margin-left: 0.18rem;}
.videoList  .kc-ct .kc-cts ul li .kc-img{width: 3.46rem;height: 1.90rem;border-radius: 0.05rem;overflow: hidden}
.videoList  .kc-ct .kc-cts ul li .kc-img img{width: 3.46rem;height: 1.90rem;background-size: 100% 100%}
.videoList  .kc-ct .kc-cts ul li a{width: 3.46rem;height: 0.5rem;background: url("../images/zxms.png");background-size: 100% 100%;display: block;margin-top: 0.2rem;margin-bottom: 0.3rem}
.videoList  .kc-ct .kc-cts ul li a p{font-size: 0.24rem;color: #656e83;line-height: 0.5rem;padding-left: 0.47rem;letter-spacing: 0.025rem}
.videoList  .mySwipers .swiper-pagination-bullet{width: 0.5rem;height: 0.04rem;opacity: 1;background: #e5e5e5;border-radius: inherit}
.videoList  .mySwipers .swiper-pagination-bullet-active{width: 0.5rem;height: 0.04rem;opacity: 1;background: #b2b2b2;border-radius: inherit}

/*视屏列表---end*/

/*hea*/
.gg  .ccc{width: 7.5rem;}
.gg  .course-content{width: 7.5rem;background: #ffffff;display: none;}
.gg  .course-content .hd {}
.gg  .course-content .hd .listBox-h li{float: left }
.gg  .course-content .hd .listBox-h a{width: 1.875rem;display: block;padding-top: 0.17rem;padding-bottom: 0.19rem;}
.gg  .course-content .hd .listBox-h a .cc-img{width: 1rem;height: 1rem;margin: 0 auto}
.gg  .course-content .hd .listBox-h a .cc-img img{width: 1rem;height: 1rem;background-size: 100% 100%}
.gg  .course-content .hd .listBox-h a p{font-size: 0.24rem;padding-top: 0.19rem;text-align: center;letter-spacing: 0.025rem;}
.gg  .course-content .hd .listBox-h a.active{background: #e9eaef;color: #637ebc}

.gg  .course-content .list{width: 7.5rem;background: #e9eaef;float: left;}
.gg  .course-content .list  .list-left{width: 1.875rem;height:auto;float: left;}
.gg  .list-left .qb{font-size: 0.24rem;line-height:0.91rem;width: 1.875rem;text-align: center;letter-spacing: 0.025rem;height: 0.91rem;background: #edeef3;color: #637ebc}
.gg  .list-right{width: 5.625rem;float: right;background: #f1f2f7;}
.gg  .list-right ul li {float: left;width: 1.875rem;height: 0.9rem;}
.gg  .list-right ul li a{display: block;font-size: 0.24rem;color: #666666;text-align: center;line-height: 0.9rem;letter-spacing: 0.025rem;border-right: 1px solid #e9eaef;border-bottom: 1px solid #e9eaef;}
.gg  .bds{display: none}

/*course——公开课---start*/
.course-gkk .pitchOns{display: none}
.course-gkk .pitchOn-title{width: 7.5rem;height: 0.7rem;background: #eeeff3;margin-top: 0.35rem;margin-bottom: 0.5rem}
.course-gkk .pitchOn-title p{font-size: 0.24rem;text-align: center;line-height: 0.7rem;letter-spacing: 0.025rem;color: #656e83}
.course-gkk .pitchOn-title p span{color: #637ebc}
.course-gkk .ff{height: 1.52rem}
.course-gkk .pitchOn-list2{display: none;}
.course-gkk .pitchOn-list2 ul{margin-bottom: 0.5rem}
.course-gkk .open{width: 7.10rem;height: 0.8rem;margin: 0 auto; margin-top: 0.3rem}
.course-gkk .open img{width: 7.10rem;height: 0.8rem;}
.course-gkk .open .packUp{display: none}
.course-gkk .pitchOn .vv{width: 7.1rem;margin: 0 auto;}
.course-gkk .pitchOn ul{margin-right: -0.18rem}
.course-gkk .pitchOn ul li {height: 3.56rem;width: 3.46rem;float: left;margin-right: 0.18rem;margin-bottom: 0.2rem}
.course-gkk .pitchOn ul li .pitchOn-img img{width: 3.46rem;height: 2rem;border-radius: 0.1rem}
.course-gkk .pitchOn ul li .pitchOn-img {width: 3.46rem;height: 2rem;border-radius: 0.05rem}
.course-gkk .pitchOn .pitchOn-text{width: 3.46rem;height: 1.05rem;}
.course-gkk .pitchOn .pitchOn-text p{font-size: 0.32rem;letter-spacing: 0.025rem;line-height: 0.4rem;padding-top: 0.1rem}
.course-gkk .pitchOn .pitchOn-bt{width: 3.46rem;}
.course-gkk .pitchOn .pitchOn-bt .price{font-size: 0.28rem;color: #637ebc;letter-spacing: 0.025rem;line-height: 0.5rem;float: left;}
.course-gkk .pitchOn .pitchOn-bt .price a{font-size: 0.28rem;color: #637ebc;letter-spacing: 0.025rem;line-height: 0.5rem;}
.course-gkk .pitchOn .pitchOn-bt .tm{width: 1.80rem;height: 0.5rem; background: url("../images/zxmss.png");background-size: 100% 100%;display: block;float: right;}

.course-gkk .title{font-size: 0.34rem;letter-spacing: 0.025rem;padding-top: 0.4rem;padding-left: 0.18rem;padding-bottom: 0.23rem}
.course-gkk .nxk{width: 7.5rem;height:0.88rem ;background: url("../images/nxk.png");background-size: 100% 100%;}
.course-gkk .nxk p{font-size: 0.28rem; float: left; color: #656e83;line-height: 0.88rem;letter-spacing: 0.025rem}
.course-gkk .nxk p a{font-size: 0.28rem; float: left; color: #656e83;line-height: 0.88rem;letter-spacing: 0.025rem}
.course-gkk .nxk p .odd{font-size: 0.28rem; float: left; padding-left: 0.1rem; color: #656e83;line-height: 0.88rem; letter-spacing: 0.025rem}
.course-gkk .nxk div {float: left;height: 0.88rem;background: url(../images/nxk.png) -0.6rem 0px;background-size: 100% 100%;background-size: auto 100%;width: 0.3rem;}
.course-gkk .allClass-title{font-size: 0.34rem;letter-spacing: 0.025rem;padding-top: 0.4rem;padding-left: 0.18rem;padding-bottom: 0.4rem}
.course-gkk .gkpx{width: 7.5rem;height:1.34rem ;}
.course-gkk .gkpx img{width: 7.5rem;height:1.34rem ;}
.course-gkk .trainBox .gl .hd{width: 7.1rem; position: relative;  z-index: 100;  box-sizing: border-box; float: right;margin-right: 0.2rem;padding-bottom: 0.4rem }
.course-gkk .trainBox .gl .hd ul{overflow-x: auto;  text-align: center;  font-size: 0.28rem;  position: relative;  white-space: nowrap;  backface-visibility: hidden;  box-sizing: border-box;  height: 0.36rem;margin-left: -0.08rem}
.course-gkk .trainBox .gl .hd li{font-size: 0.28rem;color: #656e83;    display: inline-flex;  padding: 0 0.12rem;  height: 100%;  justify-content: center;  align-items: center; letter-spacing: 0.025rem}
.course-gkk .trainBox .gl .hd:after {  content: "";  display: block;  height: 0.4rem;  width: 0em;  background-image: -webkit-linear-gradient(left,transparent 0%,black);  position: absolute;  right: 0;  top: 0;  -webkit-filter: invert(1);}

.course-gkk .trainBox {width: 7.5rem;margin: 0 auto}
.course-gkk .trainBox .bd{width: 7.1rem;margin: 0 auto}
.course-gkk .trainBox .bd ul{width: 7.1rem;}
.course-gkk .trainBox .bd ul li{width: 7.1rem;height: 0.6rem;}
.course-gkk .trainBox .bd .train-header{background: #8aa3dd}
.course-gkk .trainBox .hd ul .on{font-size: 0.34rem;font-weight: 700;color: #000000}
.course-gkk .trainBox .hd ul::-webkit-scrollbar { display: none; }
.course-gkk .trainBox .bd .train-header .p1{font-size: 0.28rem;line-height: 0.6rem;color: #ffffff;float: left;padding-left:0.2rem ;letter-spacing: 0.025rem}
.course-gkk .trainBox .bd .train-header .p2{font-size: 0.28rem;line-height: 0.6rem;color: #ffffff;float: right;padding-right:0.37rem ;letter-spacing: 0.025rem}
.course-gkk .trainBox .bd  .p3{font-size: 0.28rem;line-height: 0.6rem;color: #000;float: left;padding-left:0.2rem ;letter-spacing: 0.025rem}
.course-gkk .trainBox .bd ul li .tm{width: 1.5rem;height: 0.42rem; background: url("../images/djzx.png");background-size: 100% 100%;float: right;margin-right: 0.2rem;display: block;margin-top: 0.1rem}

.course-gkk .youhui{width: 7.5rem;height:2.4rem ;background: url("../images/youhui.png");background-size: 100% 100%;margin-top: 0.5rem}
.course-gkk .trainBox .cityTop .hd{width: 7.5rem;margin:  0 auto;padding-bottom: 0.4rem }
.course-gkk .trainBox .cityTop .hd ul{width: 7.5rem;height: 0.36rem; text-align: center; white-space: nowrap;}
.course-gkk .trainBox .cityTop .hd li{font-size: 0.28rem;color: #656e83;    display: inline-flex;  padding: 0 0.11rem;  height: 100%;  justify-content: center;  align-items: center; letter-spacing: 0.025rem}
.course-gkk .trainBox .cityTop .hd{margin: 0 auto}
.course-gkk .trainBox .cityTop .hd a{color: #656e83}

.course-gkk .trainBox .cityTop .hd a:hover{color: #000}
.course-gkk .trainBox .cityTop .hd ul .on{font-size: 0.34rem;font-weight: 700;color: #000000}

/*course——公开课---end*/

/*course——内训课---start*/
.course-nxk   .pitchOns{display: none}
.course-nxk    .pitchOn-list{width: 7.1rem;margin: 0 auto}
.course-nxk   .pitchOn-title{width: 7.5rem;height: 0.7rem;background: #eeeff3;margin-top: 0.35rem}
.course-nxk   .pitchOn-title p{font-size: 0.24rem;text-align: center;line-height: 0.7rem;letter-spacing: 0.025rem;color: #656e83}
.course-nxk   .pitchOn-title p span{color: #637ebc}
.course-nxk   .pitchOn ul li {width: 7.1rem;margin: 0 auto;margin-top: 0.3rem;float: left}
.course-nxk   .pitchOn ul li .pitchOn-img{width: 3rem;height: 1.9rem;float: left;border-radius: 0.1rem}
.course-nxk   .pitchOn ul li .pitchOn-img img{width: 3rem;height: 1.9rem;border-radius: 0.1rem}
.course-nxk   .pitchOn-right {width: 3.7rem;float: left;margin-left: 0.2rem;}
.course-nxk   .pitchOn-right .p1{font-size: 0.32rem;line-height: 0.45rem;padding-bottom: 0.15rem;padding-top: 0.04rem}
.course-nxk   .pitchOn-right .kk{text-align: center;margin-left: -0.19rem;}
.course-nxk   .pitchOn-right .p2{font-size: 0.22rem;letter-spacing: 0.025rem;color: #637ebc;float: left;display: inline-block;padding: 0.06rem 0.12rem;border: 1px solid #91aae4;border-radius: 0.05rem;background: #eff6ff;margin-left: 0.19rem}
.course-nxk   .pitchOn-right .p3{width: 100%;height: 0.28rem; font-size: 0.28rem;color: #656e83;letter-spacing: 0.025rem;}
.course-nxk   .ff{height: 1.52rem}
.course-nxk   .pitchOn-list2{display: none;width:7.1rem;  margin: 0 auto}
.course-nxk   .pitchOn-list2 ul{margin-bottom: 0.5rem;}
.course-nxk   .open{width: 7.10rem;height: 0.8rem;margin: 0 auto; margin-top: 0.5rem}
.course-nxk   .open img{width: 7.10rem;height: 0.8rem;}
.course-nxk   .open .packUp{display: none}

.course-nxk .nxk{width:100%;height:0.88rem ;background: url("../images/nxk.png");background-size: 100% 100%;}
.course-nxk .nxk div {float: left;height: 0.88rem;background: url(../images/nxk.png) -0.6rem 0px;background-size: 100% 100%;background-size: auto 100%;width: 0.2rem;}
.course-nxk .nxk p{font-size: 0.28rem; float: left; color: #656e83;line-height: 0.88rem;letter-spacing: 0.025rem}
.course-nxk .nxk p.odd{font-size: 0.28rem; float: left; padding-left: 0.1rem; color: #656e83;line-height: 0.88rem; letter-spacing: 0.025rem}
.course-nxk   .title{font-size: 0.34rem;letter-spacing: 0.025rem;padding-top: 0.4rem;padding-left: 0.18rem;padding-bottom: 0.23rem}

.course-nxk   .allClass-title{font-size: 0.34rem;letter-spacing: 0.025rem;padding-top: 0.4rem;padding-left: 0.18rem;}

/*course——内训课---end*/
/*message----start*/
.message .nxk{width: 7.5rem;height:0.88rem ;background: url("../images/nxk.png");background-size: 100% 100%;}
.message .nxk p{font-size: 0.28rem; float: left; color: #656e83;line-height: 0.88rem;letter-spacing: 0.025rem}
.message .nxk a{font-size: 0.28rem; float: left; color: #656e83;line-height: 0.88rem;letter-spacing: 0.025rem}
.message .nxk p .odd{font-size: 0.28rem; float: left; padding-left: 0.1rem; color: #656e83;line-height: 0.88rem; letter-spacing: 0.025rem}
.message .nxk div {float: left;height: 0.88rem;background: url(../images/nxk.png) -0.6rem 0px;background-size: 100% 100%;background-size: auto 100%;width: 0.3rem;}
.message .header{width: 100%;height: 0.88rem;background: url("../images/header.png");background-size: 100% 100%;margin-bottom: 0.4rem;}
.message .sign-in-con{width:100% ;height:7.6rem ;background: url("../images/biao.png");background-size: 100% 100%}
.message .sign-in-con .sign-in-con-ct{width: 6rem;margin: 0 auto;padding-top: 1rem}
.message .sign-in-con .sign-in-con-ct .text-con{width: 6rem;height: 0.9rem;border: 2px solid #91aae4;border-radius: 0.05rem;float: left;margin-bottom: 0.2rem}
.message .input-logo {width: 0.9rem;height: 0.9rem;float: left;}
.message .input-logo .logo{width: 0.89rem;height: 0.86rem;float: left}
.message .ss{width: 4.6rem;float: right;font-size: 0.28rem;color: #b2b7c0;padding-left: 0.2rem;padding-right: 0.2rem;padding-top: 0.26rem;padding-bottom: 0.26rem;border: none}
.message textarea{font-size: 0.3rem;color: #b2b7c0;width: 5.58rem;height:1.8rem; text-indent: 1rem;padding-left: 0.2rem;padding-right: 0.2rem;padding-bottom: 0.2rem;padding-top: 0.15rem;line-height: 0.5rem;border: none}
.message .text-cons{width: 6rem;height: 2.20rem;border: 2px solid #91aae4;border-radius: 0.05rem;float: left;position: relative}
.message .input-logos{position: absolute;width: 0.9rem;height: 0.9rem;left: 0;z-index: 1;}
.message .input-logos .logo{width: 0.89rem;height: 0.86rem;float: left}
.message .submit{width:6rem ;height: 0.8rem;background: url("../images/btq.png");background-size: 100% 100%;margin: 0 auto;font-size: 0rem;margin-top: 0.4rem;border: none}
/*message----end*/

/*.homePage{width: 2rem;height: 0.88rem;display: block;border: 1px solid #f05630;float: left}*/

/*lose*/
.lose{width: 7.5rem;height: 12.18rem; margin: 0 auto;background: url("../images/lose.png");background-size: 100% 100%}
.lose-text{width: 7.5rem;}
.lose-text p{font-size: 0.34rem;text-align: center;padding-top: 6.3rem}
.lose-bt{width: 7.5rem;height: 0.8rem;margin-top: 0.78rem}
.lose-bt a{width: 4rem;height: 0.8rem;margin: 0 auto;display: block;}

/*共用底部1---start*/
.footer{margin-bottom: 0.9rem}
.footer .footer-left{width: 3.74rem;height:0.65rem ;background: url("../images/cps.png");background-size: 100% 100%;float: left}
.footer .footer-left p{font-size: 0.24rem;letter-spacing: 0.025rem;color: #656e83;padding-top: 0.4rem;padding-left: 2.16rem}
.footer .footer-right{width: 3.76rem;height:0.65rem ;background: url("../images/dns.png");background-size: 100% 100%;float: right}
.footer .footer-right p{font-size: 0.24rem;letter-spacing: 0.025rem;color: #bcbfc7;padding-top: 0.4rem;padding-left: 0.79rem}
.footer .footer-text{width: 100%;height: 1rem;background: url("../images/footss.png");background-size: 100% 100%;margin-bottom: 0.3rem;float: left;margin-top: 0.08rem}
.zxf{width: 0.91rem;height:0.9rem;position: fixed;right: 0.2rem;z-index: 997;bottom: 1.22rem}
#goTopBtn{width: 0.91rem;height: 0.9rem;background: url("../images/goTopBtn.png");background-size: 100% 100%;display: none}
.xfs{position: fixed;bottom: 0rem;z-index: 997;}
.xf{width: 7.5rem;height: 1.10rem; border-top: 0.01rem solid #c0c0c0;background:url("../images/btts.png");background-size:100% 100%;}
.imgs0{width: 0.8rem;height: 0.8rem;position: absolute;left: 3.38rem;margin-top: 0.04rem}
.imgs0 img{width: 0.8rem;height: 0.8rem;}
.imgs0 .course-img2{display: none}
.xf a{width: 1.5rem;height: 0.9rem;display: block;float: left}
.xf-r{width: 3rem;height: 0.9rem;float: right}

.xfs1{background: #ffffff;margin-top: -0.3rem}
.xfs1 .ccc{width: 6.4rem;margin: 0 auto;}
.xfs1 .course-content{width: 7.5rem;background: #ffffff;}
.xfs1 .course-content ul{margin-left: -0.8rem}
.xfs1 .course-content ul li{float: left;margin-left: 0.8rem}
.xfs1 .course-content ul li a{width: 1rem;height: 1.74rem;display: block}
.xfs1 .course-content ul li a .cc-img{width: 1rem;height: 1rem;}
.xfs1 .course-content ul li a .cc-img img{width: 1rem;height: 1rem;background-size: 100% 100%}
.xfs1 .course-content ul li a p{font-size: 0.24rem;padding-top: 0.19rem;text-align: center;}
.xfs1 .title{font-size: 0.34rem;letter-spacing: 0.025rem;padding-left: 0.5rem;background: url("../images/taiyan.png") no-repeat 0rem 0.4rem;background-size: 0.34rem 0.34rem;margin-bottom: 0.34rem;margin-left: 0.2rem;}
.xfs1 .titles{margin-bottom: 0.34rem;margin-left: 0.4rem;float: left}
.xfs1 .titles p{font-size: 0.34rem;letter-spacing: 0.025rem;padding-left: 0.2rem;float: left}
.xfs1 .titles .taiyan{width: 0.34rem;height: 0.34rem;float: left;}

.xfs2{width:7.5rem ;height:1rem ;background: url("../images/xfs.png");background-size: 100% 100%;position: fixed;z-index: 997;bottom: 0;}
.xfs2 a{width: 50%;height: 1rem;float: left;display: block;}
.xfs3{width: 7.5rem;height:1rem ;background: url("../images/xf.png");background-size: 100% 100%; position: fixed;z-index: 997;bottom: 0;}
.xfs3 .xf-l{width: 4.4rem;float: left}
.xfs3 .xf-l a{width: 50%;height: 1rem;display: block;float: left}
.xfs3 .xf-r a{float: right;width: 3.1rem;height: 1rem;display: block}


.ff1{position: fixed;bottom: 0rem;z-index: 997;}
.ff1 .xf{width: 7.5rem;height: 1.10rem; border-top: 0.01rem solid #c0c0c0;background:url("../images/btts.png");background-size:100% 100%;}
.ff1 .imgs0{width: 0.8rem;height: 0.8rem;position: absolute;left: 3.38rem;margin-top: 0.16rem}
.ff1 .imgs0 img{width: 0.8rem;height: 0.8rem;}
.ff1 .imgs0 .course-img2{display: none}
.ff1 .xf a{width: 1.5rem;height: 0.9rem;display: block;float: left}
.ff1 .xf a p{font-size: 0.24rem;letter-spacing: 0.025rem;color: #656e83;padding-top: 0.74rem}
.ff1 .xf-r{width: 3rem;height: 0.9rem;float: right}
.ff1 .xf-l{width: 3rem;height: 0.9rem;float: left}
.ff1 .ccc{width: 6.4rem;margin: 0 auto}
.ff1 .course-content{width: 7.5rem;height: 6rem;background: #ffffff;border-top: 1px solid #c0c0c0;display: none}
.ff1 .course-content ul{padding-top: 0.5rem;margin-left: -0.8rem}
.ff1 .course-content ul li{float: left;margin-left: 0.8rem}
.ff1 .course-content ul li a{width: 1rem;height: 1.74rem;display: block}
.ff1 .course-content ul li a .cc-img{width: 1rem;height: 1rem;}
.ff1 .course-content ul li a .cc-img img{width: 1rem;height: 1rem;background-size: 100% 100%}
.ff1 .course-content ul li a p{font-size: 0.24rem;padding-top: 0.19rem;text-align: center;}
/*共用底部1---end*/


.msfootfixed{height:1rem;position:fixed;width:7.5rem;bottom:0;z-index:2333;border-top:1px solid #ddd;box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:rgba(255,0,0,0)}
.msfootfixed .l,.msfootfixed .m{width:2rem;float:left;height:100%;line-height:1rem;font-size:.28rem;color:#656e83;text-indent:.72rem;background:#fff;position:relative;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAmCAYAAABOFCLqAAACOElEQVRYhe3YzUtUURjH8c9Mk6lRYGCEBBHRpv6AIqJa9GLQqhKplmGQCy0sJJpNafQmkcumbVEERdCioJdFRBBEElG0UIKEDKQQrWxR1OJccZjmzvhSMwn+4DLPnd+9z/nOzD3nec4kmlo6YAXOYgsWKp2GcR/tme50X6KppWM5nqG2hBC5GsTaJDojkAeoQ6KER100bi1OJVEf0e3HwD/65HEawMEo3pbEoujkfYlBQKY73RuFNclyAMRpFiZOszBxmnEwm7EPVTF+PRpRkcdLYAcakJouzFGhdlzB3Tz+iej967idxz+PO7iBq9OF2Z0Vb/Rn/cr2t6M6x2/IindiznRgXmbF/fhcwO/Dtxy/J+fan4UGK/Y7tuETFqMrT7JmfBDajnN57m/CO+F5O11krKIwIzhWwB/CkQL+IA4XgxjTjJvaJdMsTJxmYeL038EMR/GScgAcaO1cGoXDSTyMTi5gfolZqo2v3I9SSGMr9giFbWQCSfbiXgF/Fy5PIE8VKvEV6RTeYAMuYj1qJpCkS9h8/cjjzRNah4nk+YUnaM10p1+P1aYXEdAYaZxSeIrVwqbvUp5rVmEBXmFTNGCcvme606PZybM1Gh2F1I6bOIlrxifAmHqwUpgQuS1HQU1lat/CY6GtiKvoQ3g72cRTXWfahK//EJZNMcdfg3ku9MWVOFNuGDgutJmNWFNumH5hoUxkvZYNhvDX20esE56jssJUYG4UNwsLXtlgvghdf6/8u4dJ6TeWKWqvpuUpiwAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-size:.35rem .38rem;background-position:.25rem .34rem}
.msfootfixed .l a,.msfootfixed .m a{display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:9999}
.msfootfixed .m{position:relative;background-size:.38rem .38rem;text-indent:.74rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAFAUlEQVRYhb3YaYydUxgH8N+0tGoJIwSxRC2xp6mliCaWELT2VuwpUTfEcmljv8RyUwSVS2zXvqWCqtgaRVu0TGLX9oPYokTFB2NtmbTqw3Nu3jt33jtzZ4b+k5s57znnPfM/53nO8/yft+2ci26Ug0MxDbthJi7CL3kTB4tqpZTbPySn72K8hn2wLs7AO9j0/yDWDI3EzsMdqX8BrsBK7I6XBNFWcSR2zfkfLWGtuvYhuCu1X8SJ6MLneA77oorTW1i3HQfgXOyMbzFPbG5xK8Rqu9kIj2Mo3scpiRS8gCmpfRomtbBuJ0o4Fjul91fjAXyCM9HWCrEStsQfOAnLG+bdiVmpXcFWLZCrx2LcjP0xGQVhhaG9EdsCF6Tna/FNk7ln4wdsiHv7SaweH+AgbCyzRC6xyRiOZbi7lwU7ZRs4Sjj3QNElXOLSQrGce9uHYHxqz5D5VTPMwpzUvkVzPzlJ+Olemt/KpXhMhKdcYrun9oI+SNVwuXDkPXBEznh7+o0S/rgUU+X703ScVSiWh+URq72wskVin2B+ao/LGe/EfSIGjsXhOAbP5JBbJg5kfEO/IfgytUe1QKod14iYRt+mhyU4DMPEyTXiEZycR6zmM8f3svgI4VPf4QaRAb7G7S0QI3P280QUqMfrGFMolkc0Ens6tffE6CYLz8RlWE8k85uFY//QIjH4Wdz6S+o7q5XSykRu10Zi7+Oj9HxlzoLrykLDndgmzRuI2rhHWKbR2UvVSunDRmKExIGJQlXUY7nMD+H3ARCqX2u+LBKAaqX0U+PEGrFZIiK3iVNpjE/3pL8FbD8IYnC1zEJNUSP2j7D9auyHCxvm3S/i0TpCYQxIyiT0OJ3eiBHx5MHUnqb7ySwXEma1kEdXDYJYS2jc+VRxMuvhSd2ddLZMr12HA9cksd9xFlYJk05rGL9U3OKheBY7rCliMBe1CmWK7lG5Cyfge1EDzMbma4oYlEXQa8NDshQkkRqHX8WJvSfkc2/YAreJG3+kPtRrb8RWCc2/SATYmbqbbRGOE6bfFguF+MvDBnhb+O+FeBWfylcmfRIjTmScOKEthdk2qxufLy7AMqFG3xAJvnHNothULbjWJNNsvFwolnNlel/xqNFsr2OTuvGPxSX5QFyIGxLB7dL4+jL5fAsOFjn5rdQ3HksKxXKPAqetSSXeiEPEDofJzPBj3fhwkdiLwn9WiLqgTQTuX4XJa/m1TZSBt8qs8BQmVyulv2g9gs+V1ZmjRGU+sm7870TgCHwlZNIUmZK4S/ekvxpPYBc8n/pOw9xaDdCf1PIijsafwqwL9Uz4c4T/TBF6jXD2m5qs2VmtlCYI3b9KlHdvForl9v7mvDnig8vPIgS8JQqPeqwQnxm2Fzd6vJ51ajdUK6WKKI67xMYqA0nGHcLhPxcmmyGKirVz5q5oddFqpfSKEKMwYaAq4Qtx7LUgfImIVSN7e6k3pEppYnpcMhj50imi+PWy3LpIFMX9WrdQLK8jcu9YcTFKrYaLvnCwKF63Ts8d4hQ7Wnh3pCjt9k7PU6uV0vTBnFg95gm5/IBMbL4rPpyMafLOCJGmFiVSq3B+tVKaTvfvY4PFb0J6Pyyk+GhMSL8Pxeesz0SGGItTZcrke0yqVkpza4v9l8Rq6BAncJz4vDValHp75cztEsG3XK2UulVd/wcxooZ4Pv3GiFh3GHYUJlucxh7Nq5DgXw/0Lffld33oAAAAAElFTkSuQmCC)}
.msfootfixed .m:after{width:1px;height:1rem;background:#ddd;position:absolute;left:.03rem;top:0;content:''}
.msfootfixed .r{width:3.5rem;float:left;height:100%;line-height:1rem;font-size:.28rem;color:#fff;text-align:center;position:relative;background:#637ebc}
.msfootfixed .r a{display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:9999}
.mask{display:none;position:fixed;width:100%;height:100%;z-index:23333;top:0;left:0;filter:alpha(opacity=20);opacity:.2;background-color:#000;overflow:hidden}
.popup{display:none;width:5.8rem;height:7.15rem;position:fixed;z-index:233333;left:50%;margin-left:-2.9rem;top:50%;margin-top:-3.575rem;background:#637ebc;border-radius:5px}
.popup .xx{position:absolute;width:.5rem;height:.5rem;display:block;cursor:pointer;right:.12rem;top:.12rem;background-size:.32rem .32rem;background-position:center center;background-repeat:no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABUElEQVRYhb3XvUoDQRRA4eMgYbHJY6kI2pjCws7KPmJnITa+gJUipFNjRJ/HZ7AXC4vdgWGcnzt3Ztxuk92cj4Xcy25d3n1eARfAGjgDvul7DMAjcABcbwNLYAc4BebAoiNiADbA3nS+NMCrc8Eh8AzM/iEOsDGMj/2jMyIUfwHODePjPu6IiMVPgB8zfdALkYwDGOeL1ohs3Ae0RIjiIUALxAC8SeIxQA3Cxncl8RRAgyiO5wAu4j2DUMUlAItYJBDquBSQQ6jjJYAUQh0vBcQQ6rgGYO8J/Qtmmt8rvSE04eyhGtslgNh4rRrbUkBqtlftDgkgt1iqdkcOIN1qakQKIF6pNYgYoDSuRoQA2ngO8RRC+IDauI9wJ+ZRCOECWsVdhD+2/yAsoHVcjDAd4yKEYXxR7BXPIe4N41tqz3gKsW+AG+ALeOgY9xGrqXn7C6cmpxRuZod2AAAAAElFTkSuQmCC)}
.popup h3{font-size:.32rem;color:#fff;text-align:center;font-weight:700;background-repeat:no-repeat;line-height:.9rem;letter-spacing:2px;background-size:.3rem .26rem;background-position:4.25rem .34rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAaCAYAAACgoey0AAAAYElEQVRIiWP8//8/A42BFDZBJlrbiguMWjz8LWakQqo2xiF+Fp+mkRfUoxbTDRCTqmfiEE+nxOKRF9SjFtMNUKOsJgsMmI9ZGBgYNuOQ84XSaTjkZ1Fi8chLXKMW0w0AAGkZEEH7ta81AAAAAElFTkSuQmCC)}
.popup form{width:5.2rem;height:5.64rem;margin:0 auto;background:#fff;padding-top:.25rem;position:relative}
.popup form input{display:block;width:4.52rem;height:.52rem;margin:0 auto .2rem;color:#656e83;font-size:.26rem;font-family:"微软雅黑";outline:0;border:1px solid #ddd;text-indent:.2rem}
.popup form input.sub{width:3rem;height:.6rem;margin-top:.2rem;color:#fff;margin-bottom:0;font-size:.28rem;letter-spacing:4px;background:#637ebc;border:none;border-radius:5px}
.popup form:after{position:absolute;width:.22rem;height:.22rem;display:block;border-radius:50%;background:#637ebc;content:'';bottom:-.1rem;left:50%;margin-left:-.11rem}
input::-webkit-input-placeholder{color:#A8A8A8;}