.m-t-ls{margin:10px 0 0 0}
.fz-13{font-size:1.3rem}
.flex{display:-webkit-box;display:-webkit-flex;display:flex}
.boder-t{border-top:1px solid #eeeff1}
.icon{display:inline-block;width:28px;height:28px;line-height:28px;text-align:center;border-radius:50%}
.icon-hmoe{position:absolute;left:4%;background-color:rgba(100,100,100,.6);background-image:url(../images/icon-a01-home.png);background-position:45% center;background-size:60% 60%;background-repeat:no-repeat}
.icon-tuiguang{margin:0 0 0 -15px;background-color:#fff;z-index:1}
.icon-collect{width:18px;height:18px;margin:0 0 12px 0}
.icon-star{display:inline-block;width:17px;height:15px;background-image:url(../images/icon-star-1.png);background-position:center;background-size:auto 15px;background-repeat:no-repeat}
.icon-star-on1{background-image:url(../images/icon-star-2.png)}
.icon-star-on2{background-image:url(../images/icon-star-3.png)}
.icon-approve{display:block;width:14px;height:17px;margin:0 auto}
.icon-play{position:absolute;top:0;left:0;right:0;bottom:0;width:27px;height:27px;margin:auto}
.icon-ke-cost{position:absolute;top:0;right:0;width:30px;height:16px}
.icon-living{width:11px;height:1rem;margin:0 0 0 5px}
.icon-checked,.icon-checked-on{display:inline-block;width:12px;height:12px;margin:0 10px 0 0;border:1px solid #d2d2d2;border-radius:50%}
.icon-checked-on{width:14px;height:14px;border-width:0;background-image:url(../images/icon-checked.png);background-position:center;background-size:100%;background-repeat:no-repeat}
body{background-color:#eeeff1}
.course-img{display:-webkit-box;display:-webkit-flex;display:flex;width:100%;/*background-image:url(../images/icon-a01-1.png);*/background-position:center;background-size:cover;background-repeat:no-repeat;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;background-color:#FFF;min-height:200px}
.course_top{position:relative;width:100%;margin-top:0}
.invite{position:fixed;right:0px;top:12px;display:inline-flex;z-index: 99}
.cart-text{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;position:relative;height:1rem;width:auto;margin:1px 0 0 0;padding:7px 10px 7px 10px;box-shadow: 3px 3px 10px #b2b2b2;white-space:nowrap;border-radius:30px 0 0 30px;background-color:rgba(230,230,230,.8);color:#666;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.course-nav{display:-webkit-box;display:-webkit-flex;display:flex;width:100%;border-bottom:1px solid #eeeff1;color:#a9a9a9;-webkit-justify-content:space-around;justify-content:space-around;background-color:#FFF}
.nav-flex{position:fixed;top:0;z-index:1000}
.c-subnav{padding:12px 0 10px 0;font-size:1.5rem}
.course-nav .active{position:relative;color:#1ad473}
.course-nav .active:after{content:"";position:absolute;left:35%;bottom:0;width:20px;border-bottom:2px solid #1ad473}
.course-head{position:relative;padding:15px 4%;color:#888;border-bottom:1px solid #eeeff1;background-color:#FFF;padding-bottom:3px}
.course-head .title{color:#333;font-size: 1.45rem;padding:0 0 12px 0;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.course-head .info{font-size:0}
.collect-area{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;position:absolute;top:0;right:1%;width:40px;height:70px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.support{height:35px;margin-top:15px}
.support .sbox{float:left;line-height:30px;height:30px;margin-right: 15px;}
.support .sbox img{width:15px;height:15px;display:inline-block;margin-right:6px;vertical-align:middle}
.support .sbox span{display:inline-block;vertical-align:middle}
.support .more{/* float:right; */height:30px;line-height:30px;position: absolute;right: 15px;}
.support .more img{width:15px;height:12px;display:inline-block;vertical-align:middle}
.more_support{position:fixed;width:100%;height:100%;background-color:rgba(12,12,12,.3);z-index:999}
.more_support .support_a{bottom:0;position:absolute;background-color:#fff;left:0;width:100%;padding-bottom:80px}
.more_support h3{height: 30px;line-height:30px;font-size: 18px;text-align:center;margin-top:25px;color:#000;}
.more_support .support_detail{border-bottom:1px solid #eee;margin:20px 40px}
.more_support .support_detail .sbox{height:30px;line-height:30px}
.more_support .support_detail .sbox img{width:15px;height:15px;vertical-align:middle;margin-right:15px}
.more_support .support_detail .sbox span{display:inline-block;height:30px;vertical-align:middle;font-size: 15px;color:#000;}
.more_support .support_detail .intro{font-size: 13px;margin:0 30px 7px 30px;padding:10px 0;color:#666;line-height: 20px;}
.icon-daren{margin:0 -10px 0 0}
.info-item{padding:0 14px 0 4%;font-size:1.1rem}
.info-item-img{width:15px;vertical-align:middle;margin:-3px 5px 0 0}
.info-item:first-child{padding-left:0}
.right-col{position:relative}
.right-col:after{content:"";position:absolute;top:3px;right:0;_border-right:1px solid #c2c2c2;height:70%}
.flag-lz{display:inline-block;padding: 4px 14px;border-radius:2px;background-color:#1ad473;font-size:1.2rem;color:#fff;float: right;}
/*优惠券*/
.coupon-area{display:-webkit-box;display:-webkit-flex;display:flex;position:relative;padding:15px 4%;color:#888;border-bottom:1px solid #eeeff1;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;background-color:#FFF}
.coupon-area .top{display: block}
.coupon-area .grade{color:#333;font-size:1.4rem}
.coupon-area .grade>span{display:inline-block;vertical-align:middle}
.coupon-area .more{position:absolute;top: 0;width:8px;right: 15px;height:100%;background-image:url(../images/icon-arrows-1.png);background-position:center;background-size:auto 13px;background-repeat:no-repeat}
.coupon-list{position:relative;padding:15px 4%;color:#fff;border-bottom:1px solid #eeeff1;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;background-color:#FFF;overflow-x:scroll}
.flex{display:-webkit-box;display:-webkit-flex;display:flex;transition: all 300ms ease;}
.hide{display: none!important;transition: all 300ms ease;}
.coupon-list ul{display:flex}
.coupon-list ul li{width: 175px;margin-right:15px;height:50px;background-image:url(../../coupon/images/coupon-bg.png);background-size:100% 100%;float:left;margin-bottom:10px;position: relative;}
.coupon-list ul li .left{display:block;width: 36%;float:left;height:50px;line-height:50px;text-align:center;overflow: hidden;text-overflow: ellipsis;}
.coupon-list ul li .left span{font-size: 1.6rem;}
.coupon-list ul li .right{float:right;width: 64%;height:40px;padding:5px 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.coupon-list ul li .right span:first-child{font-size:1.2rem;display:block;line-height:2rem}
.coupon-list ul li .right span:last-child{font-size:10px}
.tranform90{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}
.tranform0{transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0)}
.coupon-select{height:40px;line-height:40px;background-color:#fff;border-top:1px solid #eee}
.coupon-select span{font-size:1.3rem;margin-left:16px;color: #444444;margin-left: 19px;}
.coupon-select img{float:right;margin-right:15px;width:8px;margin-top:14px}
.choice-coupon{position:fixed;z-index:999;width:100%;height:100%;background-color:rgba(12,12,12,.3);/* display: none; */}
.choice-coupon .c-box{height:50%;position:absolute;bottom:0;width:100%;background-color: #fafafa;}
.choice-coupon .top{height:42px}
.choice-coupon .top .back{transform:rotate(180deg);width:16px;background-color:#fff;margin:10px 0 0 6px;float:left}
.choice-coupon .top .back img{width:8px}
.choice-coupon .top span{display:inline-block;width: 90px;margin:0 auto;position:absolute;left:0;right:0;line-height:40px;font-size:1.4rem;text-align: center;}
.choice-coupon .top .confirm{display:block;float:right;margin:10px 15px 0 0;font-size:1.4rem;color:#1ad473}
.choice-coupon .b-box{overflow-y: auto;width: 100%;height: 85%;}
.choice-coupon .coupon_detail{height: 72px;margin:15px;background-color:#fff;}
.choice-coupon .coupon_detail .left{background-image:url(../images/list_coupon.png);height: 73px;background-size:100% 100%;width: 35%;color:#fff;float:left;}
.choice-coupon .coupon_detail .left .p01{text-align:center;font-size:15px;padding-top: 7px;margin: 0 auto;}
.choice-coupon .coupon_detail .left .p01 span{font-size: 25px;}
.choice-coupon .coupon_detail .left .p02{margin-top: 4px;text-align:center;/* font-size: 12px; */overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.choice-coupon .coupon_detail .middle{width: 55%;float:left;margin-left: 2%;height: 70px;}
.choice-coupon .coupon_detail .middle .title{color: #000;font-size: 1.3rem;margin:5px 0;/* font-weight:600; */text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;height: 36px;word-break:break-word;}
.choice-coupon .coupon_detail .middle .date{color:#666;margin-top: -8px;}
.choice-coupon .coupon_detail .right{width: 2%;margin-top: 23px;margin-right: 3%;}

/* 评分 */
.comment-area{display:-webkit-box;display:-webkit-flex;display:flex;position:relative;padding: 15px 4%;color:#888;border-bottom:1px solid #eeeff1;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;background-color:#FFF;}
.grade{color:#333;font-size:1.4rem}
.grade>span{display:inline-block;vertical-align:middle}
.grade>span:first-child{margin:0 8px 0 0}
.comment{position:relative;padding:0 12px 0 10px;color:#888;font-size:1.2rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.comment::after{content:"";position:absolute;right:0;width:8px;height:100%;background-image:url(../images/icon-arrows-1.png);background-position:center;background-size:auto 13px;background-repeat:no-repeat}
.text-box{padding:17px 4% 15px;background-color:#FFF;font-size:1.2rem;border-bottom: 1px solid #eeeff1;color: #333;}
.text-box .title{font-size: 1.3rem;padding:0 0 15px 0;}
.lecturer-info{margin:10px 0 0;padding:10px 4%;color:#333;background-color:#FFF}
.lecturer-info-hd{display:-webkit-box;display:-webkit-flex;display:flex;padding:0 0 8px 0;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.lecturer-name{padding: 0 5px;font-size:1.4rem;overflow: hidden;width: calc(100% - 120px);box-sizing: border-box;word-break: break-all;text-overflow: ellipsis;white-space: nowrap;}
.btn-follow{display:inline-block;padding:5px 10px;border:1px solid #1AD473;border-radius:30px;font-size:1.2rem;line-height:1;color:#1AD473;word-break: keep-all}
.sub-info{padding:12px 0 0 0;display:-webkit-box;display:-webkit-flex;display:flex;border-top:1px solid #eeeff1;text-align:center;-webkit-justify-content:space-around;justify-content:space-around;font-size:1.3rem;}
.sub-info a{color:#333}
.sub-info>div>div:first-child{height:17px}
.sub-info>div>p{margin:5px 0 0 0}
/* 课程列表  */
.lesson-list{padding:0 4%;background-color:#FFF}
.lesson-item{display:-webkit-box;display:-webkit-flex;display:flex;width:100%;padding:10px 0;border-bottom:1px solid #eeeff1;font-size:0;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.lesson-item:last-child{border-bottom:none}
.lesson-img{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;position:relative}
.icon-lesson{width:135px;height:76px}
.lesson-info{display:block;margin: 0 0 0 12px;-webkit-box-flex:1;position:relative;height:81px;-webkit-flex:1;flex:1;-webkit-align-content:space-around;align-content:space-around}
/*.lesson-hd{display:block;height:20px;max-height:36px;margin:0 0 5px 0;font-size:1.4rem;line-height:18px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:inherit}*/
.lesson-hd {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    font-size: 15px;
    color: #333;
    word-break: break-all;
}
.lesson-bd{font-size:0;color:#888}
.lesson-bd .right-col:after{right:-5px}
.living-flag,.living-num{display:inline-block;font-size:1.1rem}
.living-num{margin:0 10px 0 0}
.living-flag{color:#1ad473}
.lesson-price{display:inline-block;height:100%;font-size:1.4rem;color:#ff6161;-webkit-align-self:center;align-self:center}
.purchase-notes{padding:15px 4% 0;text-align:center;font-size:1.2rem;line-height:22px;color:#888}
.copyright{padding:14px 4%;text-align:center;font-size:1.2rem;color:#888;margin-bottom:50px}
.btn-jb{margin:0 0 0 20px;color:#1AD473;font-size:1.3rem}
.foot-box{display:-webkit-box;display:-webkit-flex;display:flex;width:100%;height:50px;color:#FFF;font-size:1.5rem;position:fixed;bottom:0}
.foot-box .btn-foot-l,.foot-box .btn-foot-r{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.btn-foot-l{width:110px;height:100%;background-color:#ffc801;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}
.btn-foot-l>img{width:18px;height:17px;margin:0 5px 0 0}
.btn-foot-r{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;height:100%;-webkit-box-flex:1;-webkit-flex:1;flex:1;background-color:#1AD473;-webkit-justify-content:space-around;justify-content:space-around;text-align:center}
.btn-foot-r a,.btn-foot-r span{color:#FFF;-webkit-box-flex:1;-webkit-flex:1;flex:1}
.foot-r-col{position:relative}
.foot-r-col:after{content:"";display:inline-block;position:absolute;left:50%;height:50px;border-left:1px solid rgba(248,248,248,.6)}
/*  */
.mask{display:-webkit-box;display:-webkit-flex;display:flex;position:fixed;bottom:0;z-index:4000;height:100%;width:100%;background:rgba(0,0,0,.6);-webkit-flex-wrap:wrap;flex-wrap:wrap}
.mask .foot-box{position:initial;z-index:initial;width:100%;color:#FFF;font-size:1.5rem}
.price-list{display:-webkit-box;display:-webkit-flex;display:flex;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-align-content:space-around;align-content:space-around;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;background-color:#FFF}
.price-list>.item{display:-webkit-box;display:-webkit-flex;display:flex;margin:0 15px 10px 15px;padding:15px 10px;font-size:1.5rem;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;border:1px solid #eeeff1}
.price-list>.item:last-child{margin:0 15px 20px 15px}
.price-list>.item:first-child{margin:20px 15px 10px 15px}
.price-list .m-none{margin:0}
.price-list>.item-on{border:1px solid #1AD473}
.price-list .old-price{font-size:1.3rem;color:#b2b2b2;text-decoration:line-through}
.price-list>.item-detail{background-color:#f6f6f6}
.text-green{color:#1AD473}
.text-light-red{color:#ff6161}
.item-detail-list,.item-detail-tt{display:-webkit-box;display:-webkit-flex;display:flex;padding:15px 10px;font-size:1.2rem;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.item-detail-tt{color:#888}
.item-detail-list{border-top:1px solid #eeeff1;color:#333;font-size:1.2rem}
.item-detail-list>span:first-child{-webkit-box-flex:4;-webkit-flex:4;flex:4}
.item-detail-list>span:last-child{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:right}
.item-detail-list>span{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:inherit}
.item-detail-list>div:first-child{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
/* mask 类型1 end */
/* mask 类型2 */
.give-friend{width:100%;margin:0 6%;padding:30px 4% 25px;border-radius:5px;background-color:#FFF;-webkit-align-self:center;align-self:center;justify-content:center;align-items:center}
.give-friend .text-active{background-color:#1AD473;color:#FFF}
.gf-h{width:100%;margin:0 0 20px 0;text-align:center;font-size:1.7rem}
.gf-num{margin:0 0 15px 0;font-size:1.3rem}
.gf-num-box{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;border-bottom:1px solid #eeeff1;font-size:0}
.gf-num-box>li{display:inline-block;margin:0 0 15px 0;font-size:1.5rem}
.gf-num-box .text-active{border:1px solid #1AD473}
.num-item{width: 30.5%;height:35px;border-radius:3px;border:1px solid #969696;line-height:35px;text-align:center;}
.gf-count{display:-webkit-box;display:-webkit-flex;display:flex;padding:15px 0;font-size:1.3rem;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;border-bottom:1px solid #eeeff1}
.gf-count-r{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;height:30px;font-size:0;color:#1AD473}
.gf-count-r>input,.gf-count-r>span{display:inline-block;width: 15px;-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:5px 10px;font-size:1.4rem;text-align:center;}
.gf-count-r>input{border:1px solid #c1c1c1;border-left-width:0;border-right-width:0;color:#1AD473}
.gf-count-r>span:first-child{border:1px solid #c1c1c1;border-radius:3px 0 0 3px}
.gf-count-r>span:last-child{border:1px solid #c1c1c1;border-radius:0 3px 3px 0}
.gf-count-r .btn-count{display:-webkit-box;display:-webkit-flex;display:flex;position:relative;width:10px;-webkit-box-align:center;-webkit-align-items:center;align-items:center;text-align:center;font-size:20px}
.gf-count-r .add:before,.gf-count-r .btn-count:after{content:" ";display:-webkit-box;display:-webkit-flex;display:flex;position:absolute;top:50%;left:50%;background-color:#1AD473}
.gf-count-r .btn-count:after{width:11px;height:1px;-webkit-transform:translate(-6px,-1px);transform:translate(-6px,-1px)}
.gf-count-r .add:before{width:1px;height:11px;-webkit-transform:translate(-1px,-6px);transform:translate(-1px,-6px)}
.gf-total{padding:15px 0;border-bottom:1px solid #eeeff1;font-size: 1.2rem;color:#999;text-align:right;line-height:20px;}
.gf-methods{}
.gf-methods .pay-box1{padding:13px 5% 13px;border-bottom:1px solid #e9eaec}
.gf-methods .pay-box1 span{color:#444;font-size:1.2rem}
.gf-methods .item-pay-list{padding:10px 5% 13px;position:relative}
.gf-methods .item-pay-list img{width:8%;margin-right:5px}
.gf-methods .item-pay-list span{color:#222;font-size:1.2rem;width:80%;position:absolute;top:12px}
.gf-methods .item-pay-list .tu04{float:right;width:17px;height:17px;margin-left:3%;background:url(../../common/img/quan.png) right center no-repeat;background-size:100% 100%;margin-top:3px}
.gf-methods .item-pay-list .tu04 input{opacity:0}
.gf-methods .item-pay-list .active{background:url(../../common/img/gou.png);background-size:100%}
.text-black{color:#333;font-size: 1.7rem;}
.btn-gf{margin:25px 0 0 0;padding:8px 0;border-radius:20px;font-size:1.5rem;text-align:center}
.comment-star{text-align:left;display:inline-block;vertical-align:middle;width:7.8rem;height:1.5rem;line-height:1.5rem;overflow:hidden;background:url(../images/star_normal5.png) no-repeat left center;background-size:7.8rem}
.co-star-star{height:100%;display:inline-block;background:url(../images/star_select5.png) no-repeat left center;background-size:7.8rem}
.noshow{width:100%;text-align:center;padding: 30px 0;}
.noshow p{font-size:1.3rem;color:#818181;padding-top:15px}

/*输入密码*/
.pwdBox_bg{position:fixed;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}
.pwdBox{width:70%;height:170px;background-color:#fff;display:flex;justify-content:flex-end;flex-direction:column;align-items:center}
.pwdBox p{font-size:16px;padding:20px}
.pwdBox input{width:80%;height:30px;border:1px solid #ccc;font-size:20px;text-align:center}
.btnBox{width:100%;border-top:1px solid #ccc;height:40px;display:flex}
.errorPwd{color:red;padding:10px}
.errorPwdbox{height:30px}
.btnBox button{width:50%;background-color:transparent}
.btnBox button:first-child{border-right:1px solid #ccc}
.btnBox button:last-of-type{color:#20A920}
.pwd_OkBox{width:70%;height:170px;background-color:#fff;display:flex;justify-content:flex-end;flex-direction:column;align-items:center}
.pwd_OkBox img{width:25%;margin-bottom:10px}
.pwd_OkBox span{margin-bottom:10px}
.pwd_OkBox button{width:100%;padding:13px 0;background-color:transparent;border-top:1px solid rgba(204,204,204,.69);color:#1AD473}

/*课程课时订阅支付*/
.item-classes-pay{background-color:#fff;width:100%}
.item-classes-pay .pay-box1{padding:13px 5% 13px;border-bottom:1px solid #e9eaec}
.item-classes-pay .pay-box1 span{color:#444;font-size:1.2rem}
.item-classes-pay .item-pay-list{padding:10px 5% 13px;position:relative}
.item-classes-pay .item-pay-list img{width:8%;margin-right:5px}
.item-classes-pay .item-pay-list span{color:#222;font-size:1.2rem;width:80%;position:absolute;top:16px}
.item-classes-pay .item-pay-list .tu04{float:right;width:17px;height:17px;margin-left:3%;background:url(../../common/img/quan.png) right center no-repeat;background-size:100% 100%;margin-top:6px}
.item-classes-pay .item-pay-list .tu04 input{opacity:0}
.item-classes-pay .item-pay-list .active{background:url(../../common/img/gou.png);background-size:100%}
/* 考试 */
.exam{background-color:#fff}
.exam .top{height:40px;padding: 8px 20px 0;color:#666;line-height:40px;}
.exam .top .title{float:left;font-size:1.3rem}
.exam .top span{float:right;font-size:1.3rem;margin-right: 8px;}
.exam .top span:after{content:"";position:absolute;right: 14px;width:8px;height: 40px;background-image:url(../images/icon-arrows-1.png);background-position:center;background-size:auto 13px;background-repeat:no-repeat;}
.exam-list{padding:5px 20px}
.exam-list ul li{height:40px;border:1px solid #cdcdcd;line-height:40px;padding:0px 20px;margin:10px 0;font-size:1.3rem;color:#222;background-color: #fff;}
.sub-box{position:fixed;background-color: rgba(12,12,12,.8);width:100%;height:100%;z-index: 99;}
.sub-box .alert-box{width: 70%;background-color:#fff;border-radius:8px;text-align:center;color:#222;top: 34%;left: 15%;height: 175px;position: absolute;}
.sub-box .alert-box .c-box{height: 125px;line-height: 120px;color:#222;font-size:1.5rem;}
.sub-box .alert-box .btn-box{height:50px;line-height:50px;text-align:center;border-top:1px solid #cdcdcd}
.sub-box .alert-box .btn-box .lbtn{float:left;width:50%;border-right:1px solid #cdcdcd;font-size:1.3rem}
.sub-box .alert-box .btn-box .rbtn{font-size:1.3rem;color:#1AD473}
[v-cloak]{display:none}
.layui-layer-hui{background-color:rgba(5,196,103,.62)}
.cellarrow4{position:absolute;top:0;right:0;opacity:.8}
.cellarrow4:before{content:'';width:0;height:0;border-width:0 3px 3px 0;border-color:transparent red transparent transparent;border-style:solid dotted;float:left;border-right-color:#ebc232;z-index:1;position:relative;top:0;left:-3px;margin-right:-10px}
.maincellState{background-color:#4ad894;display:inline-block;color:#fff;font-size:1.2rem;padding:0 5px;border-top-right-radius:4px;border-bottom-left-radius:7px}
.maincellState2{background-color:#e37e79;display:inline-block;color:#fff;font-size:1.2rem;padding:0 5px;border-top-right-radius:6px;border-bottom-left-radius:7px}
.maincellState4{background-color:#ebc232;display:inline-block;color:#fff;font-size:1.2rem;padding:0 5px;border-top-right-radius:6px;border-bottom-left-radius:7px}
.text-red{color:red}
.choose_month{position:fixed;top:40%;width:70%;margin-left:12%;padding:3%;background:#fff;border-radius:10px;border:1px solid #ccc}
.item-detail{height:123px;overflow-y:scroll}
.choose_month p{text-align:center;font-size:18px;padding-bottom:12px}
.choose_month button{display:block;margin:0 auto;background-color:#1AD473;color:#fff;padding:8px 15px;margin-top:5px;border-radius:6px}
.details>*{max-width:100%!important;word-break:break-all;font-size: 1.2rem;}
.showload{display:none}
.pswp{position:fixed;display:none;background:rgba(0,12,12,.8);top:0;z-index: 99;}
.pswp img{max-width:100%;max-height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
.living-num img{width:25px;height:25px;vertical-align:middle;margin-right:5px}
.res_tips{border:1px solid #8A8A8A;font-size:12px;color:#8A8A8A;border-radius:3px;padding:0 2px;margin: 0 12px 0 0;}
.live_tips{position:absolute;top:0;left:0;right:0;bottom:0;width:80px;height:27px;margin:auto;background-color:gray;border-radius:15px;opacity:.8;text-align:center;line-height:27px}
.live_tips span{font-size:12px}
.live_tips img{width:15px;height:15px}
.fade-enter-active{transition:all .8s ease}
.fade-leave-active{transition:all .8s ease}
.fade-enter,.fade-leave-active{transform:translateY(390px)}
#app{overflow-x: hidden}
.navFix{position:fixed;top: 0;z-index: 99}
.course-nav li{float:left;width: 33.3%;text-align: center;}
.course-nav ul{width:100%}