/*培训样式*/
/*头部*/
img{vertical-align: middle;border: 0;}
a{text-decoration: none;}
input::-webkit-input-placeholder{
    color:#26303f;
    font-size: .25714285rem;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#26303f;
    font-size: .25714285rem;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#26303f;
    font-size: .25714285rem;
}
.split-block{height: .22rem;}
.train-header-fixed{width: 100%;height:1rem;}
.train-header{background: linear-gradient(to  right, #5f6ce3, #695ae3);height:1rem;color:#FFFFFF;position:fixed;left:0;top: 0;z-index:999;width:7.5rem;}
.train-header .header-t{position:relative;height:1rem;}
.train-header .header-t .header-logo{position:absolute;left: 0;top:0;width:2rem;height:1rem;line-height:1rem;padding-left: .3rem;}
.train-header .header-t .header-logo img{max-width: 1.6rem;max-height: .65rem;}
.train-header .header-t .header-so{height:1rem;width: 3.65rem;margin: 0 auto;padding-top: .22rem;padding-left: .8rem;position: relative;}
.train-header .header-t .header-so i{display: block;width: .5rem;height: .56rem;position: absolute;top:.23rem;background-image:url(../images/train/02.png);background-repeat:no-repeat;background-size:50%;background-position:center;}
.train-header .header-t .header-so .so-input{width: 2.85rem;height: .56rem;line-height: .56rem;background-color: #5950ca;border-radius: .05rem;border: 0;color: #fff;padding-left: .5rem;}
.train-header .header-t .menu{position:absolute;right:0;top:0;width:1.1rem;height:1rem;background-image:url(../images/train/01.png);background-repeat:no-repeat;background-size:50%;background-position:center;}
/*右侧菜单*/
.train-mask{display:none;position:fixed;z-index:4999;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0.2);}
.train-right-nav{height: 100%;background-color: #313332;color: #fff;position:fixed;top:0;right: 0;-webkit-transform:translate(100%,0);transform:translate(100%,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:5000;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;}
.train-right-nav{width: 3.8rem;text-align: right;}
.train-right-nav a{color: #fff;}
[v-cloak]{display: none;}
.train-right-nav .avatar{display: block;padding: .3rem;border-bottom: 1px solid #3a3c3c;}
.train-right-nav .avatar img{width: .90rem;height: .90rem;border-radius: 50%;}
.train-right-nav .train-user{height: 1.8rem;padding: .5rem .4rem;border-bottom: 1px solid #3a3c3c;font-size: .32rem;}
.train-right-nav .train-user img{width: .8rem;height: .8rem;}
.train-right-nav .train-user .avatar img{width: .90rem;height: .90rem;border-radius: 50%;}
.train-right-nav .train-user .avatar{margin-right: .1rem;}
.train-right-nav .train-user a.reg-link{padding: .2rem .1rem;}
.train-right-nav .right-menu ul li{height: 1.2rem;line-height: 1.2rem;border-bottom: 1px solid #3a3c3c;font-size: .32rem;}
.train-right-nav .right-menu ul li a{color: #999999;padding: 0 .5rem;display: block;}
.train-right-nav .right-menu ul li.active{background-color: #252726;}
.train-right-nav .right-menu ul li.active a{color: #5f6ce3;}
.train-right-nav .right-menu ul li.eventactive{background-color: #252726;}
.train-right-nav .right-menu ul li.eventactive a{color: #5f6ce3;}
/*搜索*/
.md_mask{position:fixed !important;z-index:1001 !important;top:0 !important;right:0 !important;left:0 !important;bottom:0 !important;}
.train-so-mask{display:none;position:fixed;z-index:998;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0.2);}
.train-right-search{height: 100%;background-color: #f2f2f2;position:fixed;top:0;right: 0;-webkit-transform:translate(100%,0);transform:translate(100%,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:999;width:100%;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;}
.train-right-search{width: 6.5rem;}
.train-right-search .filter-content{background-color: #fff;padding: .3rem;}
.train-right-search .filter-content .tit{padding: 0 .1rem;color: #283241;}
.train-right-search .filter-content .filter-inner ul li{float: left;margin-right: .26rem;line-height: .72rem;}
.train-right-search .filter-content .filter-inner ul li:nth-child(3n+0){margin-right: 0}
.train-right-search .filter-content .filter-inner ul li a{display: block;width:1.77rem;height: .72rem;line-height: .72rem;margin-top: .3rem;border: 1px solid #dae1e9;color: #26303f;text-align: center;border-radius: .05rem;}
.train-right-search .filter-content .filter-inner ul li a.active{border-color: #685ce3;color: #685ce3;}
.train-right-search .filter-content .filter-inner ul li .chose-date{width: 1.77rem;height: .72rem;line-height: .72rem;margin-top: .3rem;border: 1px solid #dae1e9;color: #26303f;text-align: center;border-radius: .05rem;-webkit-appearance: none;outline: none;}
.train-right-search .filter-content .filter-inner ul li .chose-date.active{border-color: #685ce3;color: #685ce3;}
.train-right-search .btn-group{background-color: #fff;}
.train-right-search .btn-group .btn-reset{float: left;width: 50%;text-align: center;padding: .3rem;background-color: #fff;color: #283241;}
.train-right-search .btn-group .btn-yes{float: left;width: 50%;text-align: center;padding: .3rem;background-color: #685ce3;color: #fff;}
.aix-actionsheet-toggle{-webkit-transform:translate(0,0);transform:translate(0,0);}

.top-banner{width: 100%;height: 3.21rem;background-image:url(../images/train/banner01.jpg);background-size: 100%;}
.top-banner a{display: inline-block;width: 100%;height: 3.21rem;}
.top-banner .txt{padding:0 10%;text-align: center;color: #2e2e2e;margin-top: 1.4rem;height: .7rem;line-height: .35rem;overflow: hidden;}
.top-banner .banner-btn{width: 1.64rem;height: .5rem;line-height: .5rem;margin: 0 auto;margin-top: .3rem;text-align: center;border-radius: .05rem;color: #fff;background: linear-gradient(to  right, #5f6ce3, #695ae3)}
.train-content{background-color: #fff;padding:.2rem;}
.train-content .tit{border-left: .06rem solid #675de3;color: #26303f;height: .32rem;line-height: .32rem;padding-left: .16rem;margin: .1rem 0;}
.train-content .tit .more{float: right;width: .8rem;height: .32rem;background: url(../images/40.png) no-repeat right center;background-size: .24rem;color: #9ba4b3;}
.train-content .refresh{height: .6rem;line-height: .6rem;color: #685ce3;text-align: center;margin-top: .2rem;}
.train-content .refresh .icon-refresh{display: inline-block;width: .28rem;height: .26rem;background: url(../images/train/04.png) no-repeat center;background-size: 100%;margin-left: .1rem;}
.coming-soon-class .class-li{border-bottom: 1px solid #e8e8e8;padding: .18rem 0;}
.coming-soon-class .class-li:last-child{border-bottom-color: transparent;}
.coming-soon-class .class-li .pic{float: left;width: 3.5rem;height: 2.07rem;position: relative;}
.coming-soon-class .class-li .pic img{width: 3.5rem;height: 2.07rem;}
.coming-soon-class .class-li .pic .class-name{position: absolute;left:.52rem;top: .52rem;background-color: rgba(85,115,235,.6);border-radius: .1rem;width: 2.47rem;height: 1rem;line-height: 1rem;color: #fff;text-align: center;}
.coming-soon-class .class-li .info{float: left;;width: 3.6rem;padding-left: .15rem}
.coming-soon-class .class-li .info .line-one{color: #26303f;}
.coming-soon-class .class-li .info .line-two{color: #a5aebb;padding: .1rem 0;line-height: .35rem;height: .9rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
.coming-soon-class .class-li .info .line-three{margin-top: .25rem;}
.coming-soon-class .class-li .info .line-three .time{float: left;color: #a5aebb;padding-top: .15rem;}
.coming-soon-class .class-li .info .line-three .sign-btn{float: right;width: 1.62rem;height: .46rem;line-height: .46rem;text-align: center;color: #685ce3;border:1px solid #685ce3;background-color: #f7f7ff;border-radius: .05rem;}
.recommend-class .class-li{border-bottom: 1px solid #e8e8e8;padding: .18rem 0;}
.recommend-class .class-li:last-child{border-bottom-color: transparent;}
.recommend-class .class-li .pic{float: left;width: 3.5rem;height: 2.07rem;position: relative;}
.recommend-class .class-li .pic img{width: 3.5rem;height: 2.07rem;}
.recommend-class .class-li .pic .class-name{position: absolute;left:.52rem;top: .52rem;background-color: rgba(85,115,235,.6);border-radius: .1rem;width: 2.47rem;height: 1rem;line-height: 1rem;color: #fff;text-align: center;}
.recommend-class .class-li .info{float: left;;width: 3.6rem;padding-left: .15rem}
.recommend-class .class-li .info .line-one{color: #26303f;}
.recommend-class .class-li .info .line-two{color: #a5aebb;padding: .1rem 0;line-height: .35rem;height: .9rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
.recommend-class .class-li .info .line-three{margin-top: .25rem;}
.recommend-class .class-li .info .line-three .time{float: left;color: #a5aebb;padding-top: .15rem;}
.recommend-class .class-li .info .line-three .sign-btn{float: right;width: 1.62rem;height: .46rem;line-height: .46rem;text-align: center;color: #685ce3;border:1px solid #685ce3;background-color: #f7f7ff;border-radius: .05rem;}
.recommend-teacher{position: relative;}
.recommend-teacher ul.img-box{padding: .2rem 0;position: relative;height: 6rem;width: 100%;overflow: hidden;}
.recommend-teacher ul.img-box li{float: left;position: absolute;left: 0;}
.recommend-teacher ul.img-box li .lector-item{float: left;margin-right: .05rem;margin-bottom: .2rem;}
.recommend-teacher .lector-item{border:1px solid #e5e5e5;width: 3.46rem;overflow: hidden;}
.recommend-teacher .lector-item .photo-info .img{width: 3.44rem;height: 2.68rem;overflow: hidden;background-color: #fff;border-bottom:1px solid #e5e5e5;}
.recommend-teacher .lector-item .photo-info img{width: 3.44rem;height: 2.68rem;}
.recommend-teacher .lector-item .photo-info .txt{background-color: #f8f8f8;padding: .1rem .15rem;}
.recommend-teacher .lector-item .photo-info .txt .line-one{border-bottom: 1px solid #e4e4e4;}
.recommend-teacher .lector-item .photo-info .txt .line-one .name{display: inline-block;color: #6b5aeb;width: 35%}
.recommend-teacher .lector-item .photo-info .txt .line-one .tag{display: inline-block;color: #314551;width: 65%;}
.recommend-teacher .lector-item .photo-info .txt .des{height: 1.2rem;padding-top: .1rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
.recommend-teacher .dots{position:absolute;bottom:.1rem;left:50%;height:.24rem;z-index:2;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);}
.recommend-teacher .dots span{float:left;width:.38rem;height:.14rem;border:1px solid #fff;border-radius:.07rem;background:#d6d6d6;margin-right:.05rem;cursor:pointer;}
.recommend-teacher .dots span.active{background:#6868e3;}
.recommend-teacher .dots span:last-child{margin-right:0;}
.train-review{padding: .2rem 0;height: 3.2rem;overflow: hidden}
.train-review ul li{float: left;margin-bottom: .2rem;width: 3.3rem;height: 2.5rem;margin-right: .2rem;border-radius: .16rem;overflow: hidden}
.train-review ul li:last-child{margin-right: 0}
.train-review ul li img{width: 3.3rem;height: 2.5rem;border-radius: .16rem;}
/*关于培训*/
.about-banner{height: 1.3rem;width: 100%;background-image:url(../images/train/banner02.jpg);background-size: 100%;}
.about-banner .txt{line-height: 1.3rem;color: #fff;text-align: center;font-size: .38rem;letter-spacing: .1rem}
.about-train{margin: .2rem;border-bottom: 1px solid #d5d4d5;}
.about-train .tit{padding: .1rem;background:url(../images/train/05.png) no-repeat 1.6rem .3rem;background-size: 100%;}
.about-train .tit h2{color: #5b72e3;font-weight: normal;}
.about-train .tit h5{color: #909090;font-weight: normal;text-transform: uppercase;font-size: .14rem;}
.about-train  .cont{color: #444444;padding: .1rem .1rem .3rem .1rem;line-height: .4rem;}
.about-recommend{padding: 0 .24rem}
.about-recommend .tit{text-align: center;color: #000000;padding: .2rem; }
.about-recommend .recommend-list .list-item{border: 1px dashed #dddddd;padding: .2rem .3rem;line-height: .4rem;position: relative;margin-bottom: .2rem;}
.about-recommend .recommend-list .list-item .course-name{color: #323232;}
.about-recommend .recommend-list .list-item .course-teacher{width: 70%;color: #666666;}
.about-recommend .recommend-list .list-item .course-time{width: 70%;color: #666666;}
.about-recommend .recommend-list .list-item .sign-btn{position: absolute;bottom: .3rem;right:.4rem;width: 1.58rem;height: .48rem;line-height: .48rem;color: #fff;background-color: #6365e3;text-align: center;border-radius: .05rem;}

/*培训政策*/
.policy-banner{height: 3.16rem;width: 100%;background-image:url(../images/train/banner03.jpg);background-size: 100%;}
.policy-banner .txt1{padding-top:.8rem;line-height: .8rem;color: #fff;text-align: center;font-size: .6rem;font-weight: 700;}
.policy-banner .txt1 .point{display: inline-block; width: .15rem;height: .15rem;border-radius: .1rem;background-color: #fff; vertical-align: middle;margin: 0 .05rem;}
.policy-banner .txt2{line-height: .8rem;color: #fff;text-align: center;font-size: .38rem;font-size: .26rem;}
.policy-list{margin: .2rem;}
.policy-list a{display: block;margin-bottom: .15rem;}
.policy-list .list-item{border-bottom: 1px solid #ddd;}
.policy-list .list-item .tit{color: #5b72e3;height: .56rem;line-height: .56rem;}
.policy-list .list-item .des{color: #636363;line-height: .4rem;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;text-overflow: ellipsis;}
.policy-list .list-item .bottom{height: .48rem;line-height: .48rem;margin: .2rem 0;}
.policy-list .list-item .bottom .time{float: left;color: #99999c;height: .48rem;background-image: url(../images/171.png);background-repeat: no-repeat;background-position: 0 center;padding-left: .32rem;;background-size: .26rem;}
.policy-list .list-item  .sign-btn{float: right;width: 1.58rem;height: .48rem;color: #fff;background-color: #6365e3;text-align: center;border-radius: .05rem;color: #fff;}

/*政策详情页*/
.policyshow{padding: .2rem;}
.policyshow h1.tit{color: #333333;font-weight: 400;}
.policyshow .attribute{padding:.2rem 0;color:#999999;border-bottom:1px dashed #cacaca;margin-bottom:.2rem;}
.policyshow .attribute .pic{float:left;background-repeat:no-repeat;background-size:.3rem;background-position:0 center;padding-left:.32rem;padding-right:.3rem;}
.policyshow .attribute .pic.time{background-image:url("../images/171.png");background-size:.26rem;}
.policyshow .attribute .pic.page-views{background-image:url("../images/172.png");padding-left:.35rem;}
.policyshow .content{line-height:.5rem;ord-break: break-all;word-wrap: break-word;overflow:hidden;}
.policyshow .content *{max-width: 6.8rem;}
.policyshow .content img{max-width:5rem;}

/*课程列表*/
.course-list-tit{color: #000000;text-align: center;padding: .2rem;border-bottom: 1px solid #e8e8e8;}
.main-course-list{padding: .24rem;background-color: #fff;}
.main-course-list .list-item{border: 1px solid #dddddd;padding: .2rem .3rem;line-height: .4rem;position: relative;margin-bottom: .2rem;}
.main-course-list .list-item .course-name{height: .4rem;}
.main-course-list .list-item .course-name .td1{float: left;width: 70%;color: #323232;}
.main-course-list .list-item .course-name .td2{float: right;width: 30%;text-align: right;color: #666666;}
.main-course-list .list-item .course-teacher{width: 70%;color: #666666;}
.main-course-list .list-item .course-time{width: 70%;color: #666666;}
.main-course-list .list-item .sign-btn{position: absolute;bottom: .3rem;right:.4rem;width: 1.58rem;height: .48rem;line-height: .48rem;color: #fff;background-color: #6365e3;text-align: center;border-radius: .05rem;}

/*课程详情页*/
.course-banner{height: 4.48rem;width: 100%;}
.course-banner img{width: 7.5rem;height: 4.48rem;}
.courseshowtop{padding:0 .2rem;}
.courseshowtop .course-title{padding:0 .3rem;color: #000000;line-height: .48rem;}
.courseshowtop .review-count{padding:.15rem .3rem;}
.courseshowtop .review-count .info-time{float: left;margin-right: .2rem;background-image:url(../images/train/07.png);background-size: .2rem;background-repeat: no-repeat;padding-left: .3rem;background-position: left center;}
.courseshowtop .review-count .info-view{float: left;margin-right: .4rem;background-image:url(../images/train/08.png);background-size: .26rem;background-repeat: no-repeat;padding-left: .3rem;background-position: left center;}
.courseshowtop .review-count .info-class{float: left;}
.courseshowtop .review-count .info-class .apply-num{color: #5573eb}
.courseshowtop .course-info{border: 1px dashed #d7d7d7;margin-top: .1rem;}
.courseshowtop .course-info .course-info-l{padding:.1rem .3rem; color: #13232f;}
.courseshowtop .course-info .course-info-l .detail-addr{padding: .15rem 0;}
.courseshowtop .course-info .course-info-l .detail-addr .title-txt{float: left;background-image:url(../images/train/09.png);background-size: .26rem .32rem;background-repeat: no-repeat;padding-left: .45rem;background-position: left center;}
.courseshowtop .course-info .course-info-l .detail-addr span.txt{float: left;padding-left: .2rem;}
.courseshowtop .course-info .course-info-l .detail-time{padding: .15rem 0;}
.courseshowtop .course-info .course-info-l .detail-time .title-txt{float: left;background-image:url(../images/train/10.png);background-size: .28rem;background-repeat: no-repeat;padding-left: .45rem;background-position: left center;}
.courseshowtop .course-info .course-info-l .detail-time span.txt{float: left;padding-left: .2rem;}
.courseshowtop .course-info .course-info-l .detail-price{padding: .15rem 0;}
.courseshowtop .course-info .course-info-l .detail-price .title-txt{float: left;background-image:url(../images/train/11.png);background-size: .28rem;background-repeat: no-repeat;padding-left: .45rem;background-position: left center;}
.courseshowtop .course-info .course-info-l .detail-price span.txt{float: left;padding-left: .2rem;color: #dc2d2d;ord-break: break-all;word-wrap: break-word;}
.courseshowdes{padding:0 .2rem;}
.courseshowdes .tit{margin-left: .3rem;height: .8rem;line-height:.8rem;color: #333333;background-image:url(../images/train/12.png);background-size: .3rem;background-repeat: no-repeat;padding-left: .45rem;background-position: left center;}
.courseshowdes .cont{background-color: #eaebee;padding: .2rem .3rem;line-height: .4rem;}
.courseshowdes .cont *{max-width: 6.3rem;}
.courseshowteac{padding:0 .2rem;}
.courseshowteac .tit{margin-left: .3rem;height: .8rem;line-height:.8rem;color: #333333;background-image:url(../images/train/12.png);background-size: .3rem;background-repeat: no-repeat;padding-left: .45rem;background-position: left center;}
.courseshowteac .pic{float: left;width: 2.35rem;height: 2.48rem;}
.courseshowteac .pic img{width: 2.35rem;height: 2.48rem;}
.courseshowteac .t-info{float: left;padding-left: .3rem;width: 4.75rem;}
.courseshowteac .t-info .t-name{color: #6e7fe4;line-height: .56rem;}
.courseshowteac .t-info .exp{color: #494949;line-height: .5rem;}
.courseshowteac .t-info .des{color: #494949;line-height: .36rem;}
.trainfootnav{width: 7.5rem;margin: 0 auto;position: fixed;height: 1rem;bottom: 0;background-color: #fff;text-align: center;}
.trainfootnav .tain-fav{width: 50%;float: left;height: .87rem;line-height: .87rem;color: #26303f;border-right: 1px solid #c6c6c6;background-image:url(../images/train/14.png);background-size: .4rem;background-repeat: no-repeat;padding-left: .45rem;background-position: 1.2rem center;}
.trainfootnav .tain-fav.has-fav{background-color: #dbdbdb;color: #999999;background-image:url(../images/train/15.png)}
.trainfootnav .tain-sign{width: 50%;float: left;background-color: #685ce3;color: #fff;height: 1rem;line-height: 1rem;}
.trainfootnav .tain-sign.has-signd{background: #dbdbdb;color: #999999;}

/*推荐讲师*/
.teacher-banner{height: 3.16rem;width: 100%;background-image:url(../images/train/banner04.jpg);background-size: 100%;}
.teacher-banner .txt1{padding-top:.8rem;line-height: .8rem;color: #fff;text-align: center;font-size: .6rem;font-weight: 700;}
.teacher-banner .txt1 .point{display: inline-block; width: .15rem;height: .15rem;border-radius: .1rem;background-color: #fff; vertical-align: middle;margin: 0 .05rem;}
.teacher-banner .txt2{line-height: .8rem;color: #fff;text-align: center;font-size: .38rem;font-size: .26rem;}
.teacher-list{margin:0 .2rem;}
.teacher-list a{display: block;}
.teacher-list .list-item{border-bottom: 1px solid #ddd;padding: .4rem 0;}
.teacher-list .list-item .pic{float: left;width: 2.35rem;height: 2.48rem;}
.teacher-list .list-item .pic img{width: 2.35rem;height: 2.48rem;}
.teacher-list .list-item .t-info{float: left;padding-left: .3rem;width: 4.75rem;height: 2.48rem;overflow: hidden;}
.teacher-list .list-item .t-info .t-name{color: #494949;height: .56rem;line-height: .56rem;}
.teacher-list .list-item .t-info .exp{color: #494949;height: .5rem;line-height: .5rem;}
.teacher-list .list-item .t-info .des{color: #494949;line-height: .36rem;text-indent: 2em;}


.split-block-footnav{height: 1.3rem}
/*关于培训*/
.about-train .more{
    width: 90%;
    border-top: 1px #F2F2F2 solid;
    margin: 0 auto;
    height: .6rem;
    padding-top: .1rem;
    text-align: center;
}
.about-train .more .showbtn {
    width: 1.6rem;
    margin: 0 auto;
    color: #999999;
    background-image: url(../images/67.png);
    background-size: .26rem;
    background-repeat: no-repeat;
    background-position: right center;
}

.about-train .more .showbtn.topbtn {
    background-image: url(../images/86.png);
}

.about-train .more .showbtn {
    width: 1.6rem;
    margin: 0 auto;
    color: #999999;
    background-image: url(../images/67.png);
    background-size: .26rem;
    background-repeat: no-repeat;
    background-position: right center;
}

.about-train .desc {
    height: 2.3rem;
    overflow: hidden;
}

.about-recommend .tit .more-course {
    float: right;
    width: 1.0rem;
    height: .32rem;
    background: url(../images/40.png) no-repeat right center;
    background-size: auto;
    background-size: .24rem;
    color: #9ba4b3;
}