body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img,cite,a{margin:0;padding:0;color:#333;border:none;font-weight:400;font-size:0.26rem}
body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,li,fieldset,legend,button,input,textarea,th,td,a{font-family:"Hiragino Sans GB","MicroSoft YaHei",Arial,sans-serif}
html,body{-webkit-tap-highlight-color:rgba(0,0,0,0)}
img{vertical-align:top;display:inline-block}
body{background:#fff;}
article,iframe{display:block;border:0}
b,em,i,strong{font-style:normal;font-weight:400}
ul,li{list-style:none}
table{border-collapse:collapse;border-spacing:0;max-width:100%}
input::focus-inner{outline:0;padding:0;border:0}
input[type="button"],input[type="submit"],input[type="reset"],button,select{-webkit-appearance:none;outline:0}
textarea{resize:none}
input,textarea{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;outline:0;resize:none}
:focus{outline:none}
a{color:#333;text-decoration:none;cursor:pointer;}
a:hover{color:#333;text-decoration:none}
a,b,button,div,em,h1,h2,h3,h4,h5,i,input,li,optgroup,p,select,span,textarea{-webkit-tap-highlight-color:transparent}
.fl{float:left}
.fr{float:right}
.clearfix:after{display:block;content:'';clear:both}
.clearfix{zoom:1}
td,th{border:1px solid #e5e4e4}


.show{display:block !important}
.showw{display:none;}
.hide{display:none !important}
.hidee{display:none;}
.commonWidth{width:94%;margin:0 auto}
.ellipsis{display: inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.mar20{margin-top: .2rem;margin-bottom: .2rem;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-size:.22rem;color:#999}
input:-moz-placeholder,textarea:-moz-placeholder{font-size:.22rem;color:#999}
input::-moz-placeholder,textarea::-moz-placeholder{font-size:.22rem;color:#999}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-size:.22rem;color:#999}

.cover{width:100%;height:100%;position:fixed;left:0;top:0;background:#000;opacity:.3;z-index:1;display:none}
.cover.active{display:block}
.tk_temp{width:5.4rem;height:2.06rem;background-color:#fff;position:fixed;left:50%;top:50%;margin-left:-2.7rem;margin-top:-1.1rem;border-radius:.2rem;z-index:6;text-align:center;display:none}
.tk_temp.active{display:block}
.tk_temp p{height:1.18rem;line-height:1.18rem;font-size:.28rem;color:#333;font-weight:700;border-bottom:1px solid #e9e9eb;box-sizing:border-box}
.tk_temp div{display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex}
.tk_temp div span{flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;height:.88rem;line-height:.88rem;color:#4095fe;font-size:.28rem;font-weight:700;cursor:pointer}
.tk_temp span.tk_temp_cancel{border-right:1px solid #e9e9eb}
.tk_temp_spe{padding-top: 0.3rem;margin-top: -1.3rem;}
.tk_temp_spe p{line-height: 0.4rem;}

.temp_header{width:100%;height:0.88rem;line-height:0.88rem;background:linear-gradient(to right,#3ccc86,#3bcb6a);padding-left:0.4rem;box-sizing:border-box;text-align:center;position:relative}
.temp_header .title{font-size:0.32rem;color:#fff;padding: 0;margin: 0;}
.temp_header .zt_title{font-size:0.32rem;color:#fff}
.temp_header .toback{display:inline-block;background:url(/images/sprite_img.png) no-repeat; background-size:4.65rem 3.77rem;background-position:-3.2rem -0.94rem;width:0.28rem;height:0.43rem;position:absolute;left:0.4rem;top:0.22rem;cursor:pointer}

.goTop_box{width:7.5rem;position:fixed;bottom:1.3rem}
.goTop_box .goTop{background:url(/images/to_top.png) no-repeat;width:0.8rem;height:0.8rem;position:absolute;bottom:0.8rem;right:0.2rem;cursor:pointer;background-size: 100%}
.goTop_box .goApp{display: block; animation: ani_goApp 2s linear infinite;  background:url(/images/app_logo.png) no-repeat;width:1rem;height:1rem;position:absolute;bottom:1.8rem;right:0.2rem;cursor:pointer;background-size: 100%}
@keyframes ani_goApp{ 0%{transform: scale(1);}50%{transform: scale(1.05);}100%{transform: scale(1);}}


.temp_footer{background:#fff;color:#333;padding:0.3rem 0;font-size:0.26rem;line-height:0.36rem;text-align:center;margin-bottom:1.2rem;}
.temp_footer .footbox{width:7.5rem;height:0.72rem}
.temp_footer a{color:#333;padding:0 0.1rem 0 0;line-height:0.72rem}
/* .temp_footer a{float:left;color:#333;padding:0 0.1rem 0 0;margin-left:1.8rem;line-height:0.72rem} */
.temp_footer .foicon{float:left;width:4.2rem;height:0.72rem;
    background:url(/images/telicon.png) no-repeat 5px center;background-size:0.32rem;
    /* background:url(/images/sprite_img.png) no-repeat 5px center;background-size:4.65rem 3.77rem;background-position:-2.3rem -0.94rem;  */
    padding-left:0.5rem;text-align:left}
.temp_footer .foicon p{width:4.2rem;font-size:0.26rem;margin-top:0.16rem}
.temp_footer .copy{width:7.5rem;height:0.4rem;line-height:0.4rem;font-size:0.26rem}
.temp_footer .copy a{line-height: inherit;}

.fixed_bot{width:7.5rem;height:1.2rem;background:#303130;position:fixed;bottom:0;z-index: 5;}
.fixed_bot ul{display:flex;height:100%}
.fixed_bot li{flex:1}
.fixed_bot li a{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}
.fixed_bot li a span{font-size:0.24rem;color:#fff;margin-top:0.1rem}
.fixed_bot li a .img_home{width:0.46rem;height:0.38rem;background: url(/images/sprite_img.png) no-repeat;background-size:4.65rem 3.77rem;background-position:-0.92rem -0.94rem}
.fixed_bot li a .img_zx{width:0.42rem;height:0.37rem;background: url(/images/sprite_img.png) no-repeat;background-size:4.65rem 3.77rem;background-position: -1.42rem -0.94rem}
.fixed_bot li a .img_tl{width:0.4rem;height:0.44rem;background: url(/images/sprite_img.png) no-repeat;background-size:4.65rem 3.77rem;background-position: 0 -0.94rem}
.fixed_bot li a .img_cart{width:0.44rem;height:0.4rem;background: url(/images/sprite_img.png) no-repeat;background-size:4.65rem 3.77rem;background-position: -0.44rem -0.93rem}
.fixed_bot li a .img_my{width:0.37rem;height:0.44rem;background: url(/images/sprite_img.png) no-repeat;background-size:4.65rem 3.77rem;background-position: -1.89rem -0.94rem}
.fixed_bot li .count_box{position:relative}
.fixed_bot li .count_box .count{position:absolute;top:0.05rem;left:1rem;font-size:0.28rem;color:#fff;display:inline-block;background:#ff4b5c;border-radius:50%;min-width:0.4rem;min-height:0.4rem;text-align:center}

.over-tips{color:#999;padding-top:.35rem;margin-bottom:0.3rem;position:relative;text-align:center;font-size:.2rem;background:#fff}
.over-tips:before,.over-tips:after{content:'';position:absolute;top:76%;background:#DFDFDF;width:36%;height:1px}
.over-tips:before{left:0}
.over-tips:after{right:0}

/* .masker-wrap {display:none;} */
.masker-wrap .masker,.money-masker-wrap .masker {position:fixed;background:#000;opacity:.3;left:0;right:0;bottom:0;top:0;z-index:102;display: none;}
.masker-wrap .masker-cont,.money-masker-wrap .money-cont,.money-masker-wrap .money-success,.alipay-info {position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:4.1rem;height:2.58rem;background:#fff;border-radius:15px;z-index:103;}
.masker-wrap .masker-cont .btn-style,.money-masker-btn-wrap .btn-style {background:#F2F2F2;margin-left:.3rem;margin-right:.18rem;}
.money-masker-btn-wrap .btn-style {margin-left:.58rem;}
.masker-wrap .masker-cont .gbtn-style,.money-masker-btn-wrap .gbtn-style {background:#00D36A;color:#fff;}
.btn-style,.gbtn-style {display:inline-block;width:1.65rem;height:.55rem;text-align:center;line-height:.55rem;border-radius:50px;font-size:.22rem;}
.masker-wrap .close-btn {width:.5rem;height:.5rem;position:absolute;right:-.5rem;top:-.75rem;}

.over-tips{display: none}
.over-tips.active{display: block}
.mar100{margin-top: 1rem;}

.colf30 {color: #f30;}

.url_wrap {word-break: break-all; word-wrap: break-word; table-layout: fixed}
/* flex布局 */
/* 容器的六个属性 */
/* 项目的六个属性 */
/* 新增 */
/* 缩放 */
@-webkit-keyframes scale {
    0% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
    }

    50% {
        transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
    }

    100% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
    }
}

.scale {
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-name: scale;
    -webkit-animation-name: scale;
    -moz-animation-name: scale;
    -ms-animation-name: scale;
    -o-animation-name: scale;
}


#channel_box {
    background: #f1f3f2;
    width: 7.5rem;
}

 .content_box,
#channel_box .content_box {
    display: none;
}

 .content_box.active,
#channel_box .content_box.active {
    display: block;
}

 .m-ban,
#channel_box .m-ban {
    position: relative;
    height: 4.06rem;
    overflow: hidden;
}

 .m-ban .tempWrap .ban-bd,
#channel_box .m-ban .tempWrap .ban-bd {
    width: 22.5rem;
}

 .m-ban .tempWrap .ban-bd li,
#channel_box .m-ban .tempWrap .ban-bd li {
    width: 7.5rem;
    float: left;
}

 .m-ban .ban-hd,
#channel_box .m-ban .ban-hd {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 0.2rem;
    width: 100%;
}

 .m-ban .ban-hd li,
#channel_box .m-ban .ban-hd li {
    display: inline-block;
    width: 0.17rem;
    height: 0.17rem;
    margin: 0.13rem;
    background: #b8b8b8;
    border-radius: 50%;
    font-size: 0;
}

 .m-ban .ban-hd li.on,
#channel_box .m-ban .ban-hd li.on {
    background: #49d486;
}

 .m-menu,
#channel_box .m-menu {
    width: 100%;
    height: 1.75rem;
    background: #fff;
    padding: 0 0.25rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}

 .m-menu a,
#channel_box .m-menu a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

 .m-menu a em,
#channel_box .m-menu a em {
    display: block;
    width: 0.9rem;
    height: 0.9rem;
    margin-bottom: 0.1rem;
}

 .m-menu a h2,
#channel_box .m-menu a h2 {
    font-size: 0.24rem;
}

 .m-menu .menu-item:nth-child(1) em,
#channel_box .m-menu .menu-item:nth-child(1) em {
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -3.76rem 0;
}

 .m-menu .menu-item:nth-child(2) em,
#channel_box .m-menu .menu-item:nth-child(2) em {
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -0.94rem 0;
}

 .m-menu .menu-item:nth-child(3) em,
#channel_box .m-menu .menu-item:nth-child(3) em {
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: 0 0;
}

 .m-menu .menu-item:nth-child(4) em,
#channel_box .m-menu .menu-item:nth-child(4) em {
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -1.88rem 0;
}

 .m-menu .menu-item:nth-child(5) em,
#channel_box .m-menu .menu-item:nth-child(5) em {
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -2.82rem 0;
}

 .tit_box,
#channel_box .tit_box {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 0.3rem;
    height: 1.2rem;
    padding: 0 0.2rem;
    background: #fff;
    box-sizing: border-box;
}

 .tit_box img,
#channel_box .tit_box img {
    width: 0.64rem;
    height: 0.62rem;
    padding-right: 0.2rem;
}

 .tit_box .tit,
#channel_box .tit_box .tit {
    overflow: hidden;
    height: 1.2rem;
}

 .tit_box .tit ul,
#channel_box .tit_box .tit ul {
    width: 6.2rem;
    overflow: hidden;
    position: relative;
    top: 0;
}

 .tit_box .tit li,
#channel_box .tit_box .tit li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 1.2rem;
    line-height: 1.2rem;
    /* position: relative; */
}

 .tit_box .tit em,
#channel_box .tit_box .tit em {
    display: inline-block;
    width: 0.08rem;
    height: 0.08rem;
    background: url(../images/dot01.png) no-repeat;
    background-size: cover;
    /* position: absolute;
  top: 0.16rem; */
}

 .tit_box .tit a,
#channel_box .tit_box .tit a {
    font-size: 0.26rem;
    line-height: 1.2rem;
    padding-left: 0.16rem;
    line-height: 1.2rem;
}

 .items_four,
#channel_box .items_four {
    background: #fff;
}

 .items_four li,
#channel_box .items_four li {
    float: left;
    width: 3.73rem;
    height: 2.28rem;
    padding: 0.2rem;
    box-sizing: border-box;
}

 .items_four .zgz,
#channel_box .items_four .zgz {
    border-top: 2px solid #f1f3f2;
    border-right: 2px solid #f1f3f2;
    border-bottom: 2px solid #f1f3f2;
}

 .items_four .zgz .con_top,
#channel_box .items_four .zgz .con_top {
    display: flex;
    align-items: center;
}

 .items_four .zgz .con_top h3,
#channel_box .items_four .zgz .con_top h3 {
    font-size: 0.34rem;
    color: #50cf77;
}

 .items_four .zgz .con_top .time_box,
#channel_box .items_four .zgz .con_top .time_box {
    margin-left: 0.12rem;
    background: #3bcb6a;
    width: 1.83rem;
    height: 0.29rem;
    font-size: 0.22rem;
    color: #fff;
    line-height: 0.29rem;
    padding-left: 0.05rem;
    box-sizing: border-box;
}

 .items_four .zgz .con_top .time_box .count,
#channel_box .items_four .zgz .con_top .time_box .count {
    display: inline-block;
    width: 1.05rem;
    height: 0.25rem;
    background: #fff;
    font-size: 0.22rem;
    color: #3bcb6a;
    text-align: center;
    line-height: 0.25rem;
}

 .items_four .zgz .con_bot,
#channel_box .items_four .zgz .con_bot {
    padding: 0.2rem 0.1rem 0.2rem 0.3rem;
}

 .items_four .zgz .con_bot .book1,
#channel_box .items_four .zgz .con_bot .book1 {
    width: 1.07rem;
    height: 1.29rem;
    margin-right: 0.45rem;
}

 .items_four .zgz .con_bot .book2,
#channel_box .items_four .zgz .con_bot .book2 {
    width: 1.1rem;
    height: 1.32rem;
}

 .items_four .items_temp,
#channel_box .items_four .items_temp {
    position: relative;
}

 .items_four .items_temp h3,
#channel_box .items_four .items_temp h3 {
    font-size: 0.34rem;
    color: #6e6e6e;
}

 .items_four .items_temp .con_bot .txt,
#channel_box .items_four .items_temp .con_bot .txt {
    margin-top: 0.46rem;
}

 .items_four .items_temp .con_bot .txt h4,
#channel_box .items_four .items_temp .con_bot .txt h4 {
    font-size: 0.24rem;
    color: #6e6e6e;
    margin-bottom: 0.15rem;
}

 .items_four .items_temp .con_bot .txt p,
#channel_box .items_four .items_temp .con_bot .txt p {
    font-size: 0.2rem;
    color: #6e6e6e;
}

 .items_four .items_temp .con_bot img,
#channel_box .items_four .items_temp .con_bot img {
    width: 1.15rem;
    height: 1.29rem;
    position: absolute;
    right: 0.23rem;
    bottom: 0.22rem;
}

 .items_four .zp,
#channel_box .items_four .zp {
    border-top: 2px solid #f1f3f2;
    border-bottom: 2px solid #f1f3f2;
}

 .items_four .tgjs,
#channel_box .items_four .tgjs {
    border-right: 2px solid #f1f3f2;
}

 .item_temp,
#channel_box .items_three,
 .items_two,
#channel_box .items_two {
    background: #fff;
    display: flex;
    display: -webkit-flex;
}

 .item_temp li,
#channel_box .items_three li,
 .items_two li,
#channel_box .items_two li {
    flex: 1;
    height: 2.9rem;
    text-align: center;
    padding: 0.2rem 0;
    box-sizing: border-box;
    border-top: 2px solid #f1f3f2;
}

 .item_temp li h3,
#channel_box .items_three li h3,
 .items_two li h3,
#channel_box .items_two li h3 {
    font-size: 0.34rem;
    color: #3bcb6a;
}

.items_three li img,
.item_temp li img,
#channel_box .items_three li img {
    width: 70%;
}

.items_two li img,
#channel_box .items_two li img {
    width: 45%;
}

 .item_temp li .time_box,
#channel_box .items_three li .time_box,
 .items_two li .time_box,
#channel_box .items_two li .time_box {
    margin-left: 0.12rem;
    background: #3bcb6a;
    width: 1.93rem;
    height: 0.35rem;
    font-size: 0.22rem;
    color: #fff;
    line-height: 0.29rem;
    padding-left: 0.05rem;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;
    /* margin-bottom: 0.3rem; */
}

 .item_temp li .time_box .count,
#channel_box .items_three li .time_box .count,
 .items_two li .time_box .count,
#channel_box .items_two li .time_box .count {
    display: inline-block;
    width: 1.05rem;
    height: 0.25rem;
    background: #fff;
    font-size: 0.22rem;
    color: #3bcb6a;
    text-align: center;
    line-height: 0.25rem;
    margin-right: 5px;
}

 .item_temp li p,
#channel_box .items_three li p,
 .items_two li p,
#channel_box .items_two li p {
    font-size: 0.24rem;
    color: #6e6e6e;
    /* margin-bottom: 0.3rem; */
}

 .item_temp .zgz,
#channel_box .items_three .zgz,
 .items_two .zgz,
#channel_box .items_two .zgz {
    border-right: 2px solid #f1f3f2;
}

 .item_temp .zp,
#channel_box .items_three .zp,
 .items_two .zp,
#channel_box .items_two .zp {
    border-right: 2px solid #f1f3f2;
}

 .exam_info,
#channel_box .exam_info {
    width: 100%;
    margin-top: 0.3rem;
    background: #fff;
    padding-top: 0.28rem;
    padding-bottom: 0.2rem;
}

 .exam_info h3,
#channel_box .exam_info h3 {
    font-size: 0.34rem;
    color: #333333;
    border-left: 0.1rem solid #30ce75;
    padding-left: 0.1rem;
    margin: 0 0 0.3rem 0.2rem;
    /*width: 1.47rem;*/
}

 .exam_info .second_nav_one,
#channel_box .exam_info .second_nav_one {
    width: 100%;
    height: 0.58rem;
    padding-left: 0.2rem;
    border-bottom: 2px solid #dddddd;
    box-sizing: border-box;
    /* display: flex;
  justify-content: space-around; */
}

 .exam_info .second_nav_one li,
#channel_box .exam_info .second_nav_one li {
    /* width:33.3%; */
    float: left;
    font-size: 0.3rem;
    color: #000;
    padding: 0 0.1rem;
    margin-right: 0.9rem;
    box-sizing: border-box;
    height: 0.58rem;
    cursor: pointer;
}

 .exam_info .second_nav_one li:hover,
#channel_box .exam_info .second_nav_one li:hover,
 .exam_info .second_nav_one li.on,
#channel_box .exam_info .second_nav_one li.on {
    border-bottom: 2px solid #30ce75;
}

 .exam_info .tab_box,
#channel_box .exam_info .tab_box {
    display: none;
}

 .exam_info .tab_box.on,
#channel_box .exam_info .tab_box.on {
    display: block;
}

 .exam_info .second_con li:last-child a,
#channel_box .exam_info .second_con li:last-child a {
    border-bottom: none;
}

 .exam_info .second_con li a,
#channel_box .exam_info .second_con li a {
    display: inline-block;
    width: 7.1rem;
    height: 2rem;
    padding-top: 0.25rem;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    display: flex;
}

 .exam_info .second_con li a .img_box,
#channel_box .exam_info .second_con li a .img_box {
    position: relative;
}

 .exam_info .second_con li a .img_box img,
#channel_box .exam_info .second_con li a .img_box img {
    width: 2.26rem;
    height: 1.46rem;
}

 .exam_info .second_con li a .img_box em,
#channel_box .exam_info .second_con li a .img_box em {
    background: #00CE6C;
    width: 0.56rem;
    height: 0.26rem;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0.16rem;
    color: #fff;
    text-align: center;
    padding-top: 0.03rem;
}

 .exam_info .second_con li a .article,
#channel_box .exam_info .second_con li a .article {
    padding: 0 0.35rem 0 0.35rem;
    width: 5.04rem;
    height: 1.46rem;
    box-sizing: border-box;

    /* display: flex; */
    /* flex-direction: column;
  align-items: center;
  justify-content: center; */
}

.index_channel_box ul li a {
    width: 100%;
}

 .exam_info .second_con li a .article h4,
 .exam_info .second_con li a .article h2,
#channel_box .exam_info .second_con li a .article h4 {
    font-size: 0.28rem;
    color: #333;
    line-height: 0.35rem;
    width: 100%;
    /* margin-bottom: 0.1rem; */

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

 .exam_info .second_con li a .article p,
#channel_box .exam_info .second_con li a .article p {
    font-size: 0.22rem;
    color: #999;
    width: 100%;
    margin-bottom: 0.05rem;

}

 .exam_info .see_more,
#channel_box .exam_info .see_more {
    display: block;
    width: 7.1rem;
    margin: 0.1rem auto;
    text-align: center;
    background: #efefef;
    font-size: 0.28rem;
    color: #999;
    padding: 0.28rem 0;
    margin-bottom: 0.3rem;
    border-radius: 0.5rem;
}

 .exam_info_last,
#channel_box .exam_info_last {
    background: #fff;
    margin-top: 0.3rem;
    padding-top: 0.28rem;
    width: 100%;
    padding-bottom: 0.2rem;
}

 .exam_info_last h3,
#channel_box .exam_info_last h3 {
    font-size: 0.34rem;
    color: #333;
    width: 1.47rem;
    border-left: 0.1rem solid #30ce75;
    padding-left: 0.1rem;
    margin: 0 0 0.3rem 0.2rem;
}

 .exam_info_last .last_nav_one,
#channel_box .exam_info_last .last_nav_one {
    width: 100%;
    height: 0.58rem;
    padding-left: 0.2rem;
    border-bottom: 2px solid #dddddd;
    box-sizing: border-box;
}

 .exam_info_last .last_nav_one li,
#channel_box .exam_info_last .last_nav_one li {
    float: left;
    font-size: 0.3rem;
    color: #000;
    padding: 0 0.1rem;
    margin-right: 0.9rem;
    box-sizing: border-box;
    height: 0.58rem;
    cursor: pointer;
}

 .exam_info_last .last_nav_one li:hover,
#channel_box .exam_info_last .last_nav_one li:hover,
 .exam_info_last .last_nav_one li.on,
#channel_box .exam_info_last .last_nav_one li.on {
    border-bottom: 2px solid #30ce75;
}

 .exam_info_last .tab_box_last,
#channel_box .exam_info_last .tab_box_last {
    display: none;
}

 .exam_info_last .tab_box_last.on,
#channel_box .exam_info_last .tab_box_last.on {
    display: block;
}

 .exam_info_last .last_con li:last-child a,
#channel_box .exam_info_last .last_con li:last-child a {
    border-bottom: none;
}

 .exam_info_last .last_con li a,
#channel_box .exam_info_last .last_con li a {
    display: inline-block;
    width: 7.1rem;
    height: 2.75rem;
    padding-top: 0.25rem;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
}

 .exam_info_last .last_con li a .temp_box_top,
#channel_box .exam_info_last .last_con li a .temp_box_top {
    display: flex;
}

 .exam_info_last .last_con .img_box,
#channel_box .exam_info_last .last_con .img_box {
    position: relative;
}

 .exam_info_last .last_con .img_box img,
#channel_box .exam_info_last .last_con .img_box img {
    width: 2.26rem;
    height: 1.46rem;
}

 .exam_info_last .last_con .img_box em,
#channel_box .exam_info_last .last_con .img_box em {
    background: url(../images/bangreen.png) no-repeat;
    width: 0.56rem;
    height: 0.26rem;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0.16rem;
    color: #fff;
    text-align: center;
    padding-top: 0.03rem;
}

 .exam_info_last .last_con .article,
#channel_box .exam_info_last .last_con .article {
    padding: 0 0.35rem 0 0.35rem;
    width: 5.04rem;
    height: 1.46rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

 .exam_info_last .last_con .article h4,
#channel_box .exam_info_last .last_con .article h4 {
    font-size: 0.28rem;
    color: #333;
    line-height: 0.35rem;
    width: 100%;
    margin-bottom: 0.1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

 .exam_info_last .last_con .article p,
#channel_box .exam_info_last .last_con .article p {
    font-size: 0.22rem;
    color: #999;
    width: 100%;
    margin-bottom: 0.05rem;
}

 .exam_info_last .last_con .temp_box_bot,
#channel_box .exam_info_last .last_con .temp_box_bot {
    margin-top: 0.3rem;
    display: flex;
}

 .exam_info_last .last_con .temp_box_bot .state_box,
#channel_box .exam_info_last .last_con .temp_box_bot .state_box {
    width: 2.6rem;
}

 .exam_info_last .last_con .temp_box_bot .state,
#channel_box .exam_info_last .last_con .temp_box_bot .state {
    display: inline-block;
    font-size: 0.22rem;
    padding: 0.1rem 0.1rem;
    box-sizing: border-box;
    border-radius: 0.1rem;
}

 .exam_info_last .last_con .temp_box_bot .prev,
#channel_box .exam_info_last .last_con .temp_box_bot .prev {
    border: 2px solid #30ce75;
    color: #30ce75;
}

 .exam_info_last .last_con .temp_box_bot .now,
#channel_box .exam_info_last .last_con .temp_box_bot .now {
    border: 2px solid #ff4b5c;
    color: #ff4b5c;
}

 .exam_info_last .last_con .temp_box_bot .next,
#channel_box .exam_info_last .last_con .temp_box_bot .next {
    border: 2px solid #fc0;
    color: #fc0;
}

 .exam_info_last .last_con .temp_box_bot .soon,
#channel_box .exam_info_last .last_con .temp_box_bot .soon {
    border: 2px solid #fc0;
    color: #fc0;
}

 .exam_info_last .last_con .temp_box_bot .price,
#channel_box .exam_info_last .last_con .temp_box_bot .price {
    font-size: 0.4rem;
    color: #ff4b5c;
}

 .exam_info_last .see_more_s,
#channel_box .exam_info_last .see_more_s {
    display: block;
    text-align: center;
    width: 7.1rem;
    margin: 0.1rem auto;
    text-align: center;
    background: #efefef;
    font-size: 0.28rem;
    color: #999;
    padding: 0.28rem 0;
    margin-bottom: 0.3rem;
    border-radius: 0.5rem;
}

 .app_load,
#channel_box .app_load {
    display: block;
    width: 7.1rem;
    margin: 0.3rem auto;
    padding-bottom: 0.3rem;
}

 .app_load img,
#channel_box .app_load img {
    width: 7.1rem;
    height: 1.7rem;
}

 .tk_box .province_box.active,
#channel_box .tk_box .province_box.active,
 .tk_box .province_box_un.active,
#channel_box .tk_box .province_box_un.active {
    display: block;
}

 .tk_box .province_box,
#channel_box .tk_box .province_box,
 .tk_box .province_box_un,
#channel_box .tk_box .province_box_un {
    height: 100%;
    width: 7.5rem;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    background: #fff;
    display: none;
}

 .tk_box .province_box .province_selection,
#channel_box .tk_box .province_box .province_selection,
 .tk_box .province_box_un .province_selection,
#channel_box .tk_box .province_box_un .province_selection {
    font-size: 0.24rem;
    color: #3ccc86;
    background: #fff;
    width: 7.5rem;
    height: 0.6rem;
    text-align: center;
    padding-top: 0.15rem;
    box-sizing: border-box;
    border-bottom: 1px solid #dadada;
}

 .tk_box .province_box .province .province_hd,
#channel_box .tk_box .province_box .province .province_hd,
 .tk_box .province_box_un .province .province_hd,
#channel_box .tk_box .province_box_un .province .province_hd {
    right: 0;
    top: 0.6rem;
    bottom: 0;
    position: absolute;
    width: 0.3rem;
    height: 100%;
    text-align: center;
    height: -webkit-calc(98.6%);
    height: calc(98.6%);
    z-index: 3;
}

 .tk_box .province_box .province .province_hd ul,
#channel_box .tk_box .province_box .province .province_hd ul,
 .tk_box .province_box_un .province .province_hd ul,
#channel_box .tk_box .province_box_un .province .province_hd ul {
    position: fixed;
    text-align: center;
    width: 0.3rem;
}

 .tk_box .province_box .province .province_hd ul li,
#channel_box .tk_box .province_box .province .province_hd ul li,
 .tk_box .province_box_un .province .province_hd ul li,
#channel_box .tk_box .province_box_un .province .province_hd ul li {
    text-align: center;
    padding: 0.06rem 0;
}

 .tk_box .province_box .province .province_hd ul li a,
#channel_box .tk_box .province_box .province .province_hd ul li a,
 .tk_box .province_box_un .province .province_hd ul li a,
#channel_box .tk_box .province_box_un .province .province_hd ul li a {
    color: #ff6a6b;
    display: block;
    width: 100%;
    height: 100%;
}

 .tk_box .province_box .province_list,
#channel_box .tk_box .province_box .province_list,
 .tk_box .province_box_un .province_list,
#channel_box .tk_box .province_box_un .province_list {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

 .tk_box .province_box .province_list .htfb-box,
#channel_box .tk_box .province_box .province_list .htfb-box,
 .tk_box .province_box_un .province_list .htfb-box,
#channel_box .tk_box .province_box_un .province_list .htfb-box {
    position: relative;
    box-sizing: border-box;
    border-right: 0.3rem solid #f8f8f8;
}

 .tk_box .province_box .province_list .item-num,
#channel_box .tk_box .province_box .province_list .item-num,
 .tk_box .province_box_un .province_list .item-num,
#channel_box .tk_box .province_box_un .province_list .item-num {
    display: block;
    padding: 0.1rem 0 0.1rem 0.3rem;
    background: #f8f8f8;
    font-weight: 700;
    color: #333;
}

 .tk_box .province_box .province_list .item-sub,
#channel_box .tk_box .province_box .province_list .item-sub,
 .tk_box .province_box_un .province_list .item-sub,
#channel_box .tk_box .province_box_un .province_list .item-sub {
    padding-left: 0.3rem;
}

 .tk_box .province_box .province_list .item-sub .item-txt,
#channel_box .tk_box .province_box .province_list .item-sub .item-txt,
 .tk_box .province_box_un .province_list .item-sub .item-txt,
#channel_box .tk_box .province_box_un .province_list .item-sub .item-txt {
    padding: 0.2rem 0;
    border-bottom: 1px solid #dadada;
    overflow: hidden;
}

 .tk_box .province_box .province_list .item-sub .item-txt {
    padding: 0;
}

 .tk_box .province_box .province_list .item-sub .item-txt a {
    display: block;
    width: 100%;
    /* height: 100%; */
    padding: 0.2rem 0;
}

 .tk_box .province_box .province_list .item-sub .item-txt:last-child,
#channel_box .tk_box .province_box .province_list .item-sub .item-txt:last-child,
 .tk_box .province_box_un .province_list .item-sub .item-txt:last-child,
#channel_box .tk_box .province_box_un .province_list .item-sub .item-txt:last-child {
    border-bottom: 0;
}

 .header,
#channel_box .header {
    height: 0.9rem;
    background: #3bcb77;
    padding: 0 0.2rem;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
}

 .header .head_left,
#channel_box .header .head_left {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
}

 .header .head_left .logo_box,
#channel_box .header .head_left .logo_box {
    display: inline-block;
    width: 2.22rem;
    border-right: 01px solid #36b778;
}

 .header .head_left .logo_box img,
#channel_box .header .head_left .logo_box img {
    width: 2rem;
    height: 0.46rem;
}

 .header .head_left .city_box,
#channel_box .header .head_left .city_box {
    width: 1.4rem;
    position: relative;
    cursor: pointer;
}

 .header .head_left span,
#channel_box .header .head_left span {
    color: #fff;
    font-size: 0.28rem;
    width: 1rem;
    display: inline-block;
    text-align: right;
}

 .header .head_left .arrow,
#channel_box .header .head_left .arrow {
    position: absolute;
    top: 0.12rem;
    right: 0;
    display: inline-block;
    width: 0.3rem;
    height: 0.17rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -2.7rem -0.95rem;
    transition: transform 0.5s;
}

 .header .head_left .arrow.active,
#channel_box .header .head_left .arrow.active {
    transform: rotate(180deg);
}

 .header .head_right img,
#channel_box .header .head_right img {
    width: 2.7rem;
    height: 0.5rem;
    max-width: 100%;
}

#channel_box {
    position: relative;
}

#channel_box .city_box span {
    font-size: 0.28rem;
}

#channel_box .header .head_left span {
    width: 2.5rem;
}

#channel_box .header .head_left .arrow {
    display: inline-block;
    width: 0.3rem;
    height: 0.25rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -4.18rem -1.87rem;
    margin-left: 0.06rem;
    transition: transform 0.5s;
    position: absolute;
    left: 2.6rem;
}

#channel_box .head_right {
    width: 0.5rem;
    height: 0.5rem;
}

#channel_box .exam_info h3 {
    margin: 0 0 0.1rem 0.2rem;
}

#channel_box .exam_info_last h3 {
    margin: 0 0 0.1rem 0.2rem;
}

#channel_box .pro_forma_data {
    background: #fff;
    width: 7.5rem;
    display: none;
}

#channel_box .pro_forma_data h3 {
    font-size: 0.34rem;
    color: #333;
    width: 1.55rem;
    border-left: 0.1rem solid #30ce75;
    padding-left: 0.1rem;
}

#channel_box .pro_forma_data .conBox_outer {
    padding-bottom: 0.3rem;
}

#channel_box .pro_forma_data .conBox_outer .title_box {
    display: flex;
    padding: 0 0.3rem;
    box-sizing: border-box;
    height: 0.8rem;
    border-bottom: 2px solid #ddd;
    position: relative;
}

#channel_box .pro_forma_data .conBox_outer .title_box li {
    margin-right: 0.5rem;
    height: 0.78rem;
    display: flex;
    align-items: center;
    cursor: pointer;
}

#channel_box .pro_forma_data .conBox_outer .title_box li p {
    font-size: 0.3rem;
    color: #000;
}

#channel_box .pro_forma_data .conBox_outer .title_box li dl {
    display: flex;
    position: absolute;
    left: 0.3rem;
    bottom: -0.9rem;
}

#channel_box .pro_forma_data .conBox_outer .title_box li dl dt {
    padding: 0.07rem 0.18rem;
    border: 1px solid #333;
    color: #8be4b2;
    font-size: 0.28rem;
    border: 2px solid #97e6ba;
    border-radius: 0.05rem;
    margin-right: 0.28rem;
}

#channel_box .pro_forma_data .conBox_outer .title_box li dl dt.active {
    color: #fff;
    background: #30ce75;
}

#channel_box .pro_forma_data .conBox_outer .title_box li.active {
    border-bottom: 2px solid #30ce75;
}

#channel_box .pro_forma_data .conBox_outer .a_box_inner {
    display: none;
}

#channel_box .pro_forma_data .conBox_outer .a_box_inner .con_li_box {
    height: 4.53rem;
}

#channel_box .pro_forma_data .conBox_outer .a_box_inner .con_li_box li {
    display: flex;
    align-items: center;
    line-height: 0.9rem;
    border-bottom: 1px dashed #e5e4e4;
    padding: 0 0.2rem;
}

#channel_box .pro_forma_data .conBox_outer .a_box_inner .con_li_box li em {
    display: inline-block;
    width: 0.1rem;
    height: 0.1rem;
    border-radius: 50%;
    background: #b8b8b8;
    margin-right: 0.15rem;
}

#channel_box .pro_forma_data .conBox_outer .a_box_inner .con_li_box li a {
    display: inline-block;
    font-size: 0.28rem;
    color: #333;
    width: 7.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#channel_box .pro_forma_data .conBox_outer .a_box_inner .mar_top {
    margin-top: 0.98rem;
}

#channel_box .pro_forma_data .conBox_outer .a_box_inner .see_more {
    display: block;
    width: 7.12rem;
    height: 0.8rem;
    color: #999;
    font-size: 0.28rem;
    margin: 0.5rem auto 0.3rem;
    background: #efefef;
    border-radius: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

#channel_box .pro_forma_data .conBox_outer .a_box_inner.active {
    display: block;
}

#channel_box .pro_forma_data.active {
    display: block;
    margin-top: 0.3rem;
    padding-top: 0.3rem;
}

#channel_box .teacher_team {
    padding-bottom: 0.3rem;
}

#channel_box .teacher_team .main-cont {
    padding: 0 0.3rem;
    width: 6.9rem;
}

#channel_box .teacher_team .main-cont dl {
    padding-bottom: .36rem;
    padding-top: .36rem;
}

#channel_box .teacher_team .main-cont dd {
    width: 2.46rem;
    /* height: 3.45rem; */
    margin-right: .2rem;
    overflow: hidden;
}

#channel_box .teacher_team .main-cont dd a img {
    width: 100%;
    /* height: 100%; */
}

#channel_box .teacher_team .main-cont dt {
    width: 4.22rem;
    overflow: hidden;
}

#channel_box .teacher_team .main-cont dt p {
    font-size: .26rem;
    color: #999;
    line-height: .4rem;
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

#channel_box .teacher_team .main-cont dt .name {
    font-weight: bold;
    color: #333;
}

#channel_box .teacher_team .main-cont dt .job,
#channel_box .teacher_team .main-cont .number {
    color: #333;
}

#channel_box .teacher_team .main-cont dt .score {
    color: #ff8128;
}

#channel_box .teacher_team .main-cont .intro-text span {
    display: inline-block;
    line-height: .4rem;
}

#channel_box .teacher_team .main-cont dt .detail {
    display: inline-block;
    color: #3bcb6a;
    line-height: .3rem;
}

#channel_box .teacher_team .see_more {
    display: block;
    width: 7.12rem;
    height: 0.8rem;
    color: #999;
    font-size: 0.28rem;
    margin: 0.5rem auto 0.3rem;
    background: #efefef;
    border-radius: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

#channel_box .elastic_frame .mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
}

#channel_box .elastic_frame .mask.on {
    display: block;
}

#channel_box .elastic_frame .masker-cont-sel {
    display: none;
    position: absolute;
    width: 100%;
    padding: 0 0.28rem 0.25rem;
    overflow: hidden;
    border-radius: 0;
    top: 0.9rem;
    left: 50%;
    box-sizing: border-box;
    margin-left: -3.75rem;
    background: #fff;
    z-index: 103;
    max-width: 7.5rem;
}

#channel_box .elastic_frame .masker-cont-sel em {
    background: url(../images/close_1.png) no-repeat;
    background-size: cover;
    width: 0.5rem;
    height: 0.5rem;
    display: block;
    position: absolute;
    top: 0.18rem;
    right: 0.18rem;
    cursor: pointer;
}

#channel_box .elastic_frame .masker-cont-sel .cont {
    padding-bottom: 0.17rem;
    border-bottom: 1px solid #d7d7d7;
}

#channel_box .elastic_frame .masker-cont-sel .cont h3 {
    font-size: 0.3rem;
    padding-top: 0.4rem;
    padding-bottom: 0.26rem;
}

#channel_box .elastic_frame .masker-cont-sel .cont li,
#channel_box .elastic_frame .masker-cont-sel .set-wrap>span {
    float: left;
    width: 2.1rem;
    height: 0.68rem;
    color: #757575;
    border: 1px solid #c1c1c1;
    border-radius: 0.1rem;
    text-align: center;
    line-height: 0.68rem;
    margin-bottom: 0.25rem;
    cursor: pointer;
}

#channel_box .elastic_frame .masker-cont-sel .cont li {
    margin: 0 0.0965rem 0.25rem;
}

@media screen and (max-width: 375px) {
    #channel_box .elastic_frame .masker-cont-sel .cont li {
        margin: 0 0.082rem 0.25rem;
    }
}

#channel_box .elastic_frame .masker-cont-sel .cont li.on {
    background: #00d36a;
    border: 1px solid #00d36a;
    color: #fff;
}

#channel_box .elastic_frame .masker-cont-sel .set-wrap {
    padding-top: 0.3rem;
    text-align: center;
    margin: 0 auto;
}

#channel_box .elastic_frame .masker-cont-sel .set-wrap #okBtn {
    background-color: #00d36a;
    color: #fff;
    border: 1px solid #00d36a;
    display: block;
    margin: 0 auto;
    float: none;
    width: 3rem;
}

#channel_box .elastic_frame .masker-cont-sel.on {
    display: block;
}

#channel_box .exam_way_wamp {
    display: none;
}

#channel_box .exam_way_wamp.active {
    display: block;
}

.password_Box {
    width: 7.5rem;
    background: #f2f2f2;
    padding-bottom: 0.8rem;
}

.password_Box .password_con {
    width: 7.5rem;
    background: #fff;
    margin-top: 0.3rem;
    padding-bottom: 0.5rem;
}

.password_Box .password_con .step {
    padding-top: 0.48rem;
    text-align: center;
}

.password_Box .password_con .step .step_img {
    width: 7.11rem;
    height: 0.49rem;
}

.password_Box .password_con .step .step_list {
    width: 7.1rem;
    margin: 0.2rem auto 0;
}

.password_Box .password_con .step .step_list li {
    float: left;
    font-size: 0.26rem;
    color: #999;
}

.password_Box .password_con .step .step_list li.active {
    font-size: 0.28rem;
    color: #333;
}

.password_Box .password_con .step .step_list .step_one {
    margin-left: 0.2rem;
}

.password_Box .password_con .step .step_list .step_two {
    margin-left: 1rem;
}

.password_Box .password_con .step .step_list .step_three {
    margin-left: 0.75rem;
}

.password_Box .password_con .step .step_list .step_four {
    margin-left: 1.05rem;
}

.password_Box .password_con .input_box {
    margin: 1rem auto 0;
}

.password_Box .password_con .input_box .temp_box {
    margin-bottom: 0.76rem;
}

.password_Box .password_con .input_box .temp_box .temp_left {
    display: inline-block;
    width: 2.2rem;
    text-align: right;
    font-size: 0.3rem;
}

.password_Box .password_con .input_box .temp_box .step2_list_left {
    display: inline-block;
    height: 0.7rem;
    line-height: 0.7rem;
}

.password_Box .password_con .input_box .temp_box .temp_right {
    font-size: 0.3rem;
    color: #999;
}

.password_Box .password_con .input_box .temp_box .username,
.password_Box .password_con .input_box .temp_box .password,
.password_Box .password_con .input_box .temp_box .confirm_password {
    width: 4.7rem;
    height: 0.7rem;
    border: 2px solid #bfbfbf;
    border-radius: 0.1rem;
    font-size: 0.28rem;
    color: #333;
    padding-left: 0.1rem;
}

.password_Box .password_con .input_box .temp_box .code {
    width: 2rem;
    height: 0.7rem;
    border: 2px solid #bfbfbf;
    border-radius: 0.1rem;
    font-size: 0.28rem;
    color: #333;
    text-align: left;
    padding-left: 0.1rem;
    box-sizing: border-box;
}

.password_Box .password_con .input_box .temp_box .get_code,
.password_Box .password_con .input_box .temp_box .get_code_email {
    width: 2.5rem;
    height: 0.7rem;
    border: 2px solid #3bcb6a;
    border-radius: 0.1rem;
    font-size: 0.28rem;
    color: #3bcb6a;
    text-align: left;
    box-sizing: border-box;
    border-radius: 0.35rem;
    text-align: center;
    background: #fff;
    margin-left: 0.1rem;
    cursor: pointer;
}

.password_Box .password_con .input_box .temp_box .img_code {
    width: 1.4rem;
    height: 0.7rem;
    border: 2px solid #bfbfbf;
    margin-left: 0.1rem;
    box-sizing: border-box;
}

.password_Box .password_con .input_box .temp_box .change {
    font-size: 0.26rem;
    color: #999;
    margin-left: 0.1rem;
    cursor: pointer;
}

.password_Box .password_con .input_box .btn_box {
    text-align: center;
}

.password_Box .password_con .input_box .btn_box input {
    height: 0.9rem;
    width: 5.8rem;
    line-height: 0.9rem;
    border-radius: 0.45rem;
    background: #3bcb6a;
    color: #fff;
    font-size: 0.4rem;
    cursor: pointer;
}

.password_Box .password_con .step4_box {
    text-align: center;
}

.password_Box .password_con .step4_box .right {
    width: 1rem;
    height: 1rem;
    margin-bottom: 0.36rem;
}

.password_Box .password_con .step4_box .success {
    color: #3bcb6a;
    font-size: 0.38rem;
    margin-bottom: 0.3rem;
}

.password_Box .password_con .step4_box .con {
    color: #999;
    font-size: 0.3rem;
    margin-bottom: 1.1rem;
}

.password_Box .password_con .step4_box .go_login {
    display: inline-block;
    height: 0.9rem;
    width: 5.8rem;
    line-height: 0.9rem;
    border-radius: 0.45rem;
    background: #3bcb6a;
    color: #fff;
    font-size: 0.4rem;
}

.password_Box .password_con .form_box form {
    display: none;
}

.password_Box .password_con .form_box form.active {
    display: block;
}

.password_Box .password_con .step2_list {
    position: relative;
}

.password_Box .password_con .step2_list #styleMode {
    width: 4.75rem;
    height: 0.7rem;
    display: inline-block;
    line-height: 0.7rem;
    font-size: 0.24rem;
    color: #999;
    padding-left: 0.1rem;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    border: 2px solid #bfbfbf;
    border-radius: 0.1rem;
}

.password_Box .password_con .step2_list #styleMode em {
    position: absolute;
    right: 0.3rem;
    top: 0.22rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -3.82rem -0.94rem;
    width: 0.28rem;
    height: 0.17rem;
    transition: transform 300ms;
}

.password_Box .password_con .step2_list #styleMode.active em {
    position: absolute;
    right: 0.3rem;
    top: 0.22rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -3.82rem -0.94rem;
    width: 0.28rem;
    height: 0.17rem;
    transform: rotate(180deg);
}

.password_Box .password_con .step2_list #styleList {
    position: relative;
    width: 4.75rem;
    display: none;
    top: -0.06rem;
}

.password_Box .password_con .step2_list #styleList li {
    line-height: 0.7rem;
    height: 0.7rem;
    width: 4.75rem;
    font-size: 0.24rem;
    color: #333;
    padding-left: 0.1rem;
    background-color: #fff;
    border: 1px solid #bfbfbf;
    cursor: pointer;
    box-sizing: border-box;
}

.password_Box .password_con .step2_list #styleList.active {
    display: block;
}

.login_box {
    width: 7.5rem;
    background: #f2f2f2;
    padding-bottom: 0.8rem;
}

.login_box .login_con {
    margin-top: 0.3rem;
    background: #fff;
}

.login_box .login_con .login_tit {
    font-size: 0.46rem;
    color: #3bcb6a;
    width: 100%;
    text-align: center;
    margin-bottom: 0.44rem;
    padding-top: 0.9rem;
}

.login_box .login_con .input_box {
    margin: 0 0.85rem 0.4rem 0.85rem;
    position: relative;
}

.login_box .login_con .input_box input {
    width: 5.8rem;
    height: 0.8rem;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding: 0.25rem 0.88rem;
    box-sizing: border-box;
    box-shadow: 0 0 0 40px #fff inset;
    -webkit-box-shadow: 0 0 0 40px #fff inset;
}

.login_box .login_con .input_box em {
    position: absolute;
    top: 0.2rem;
    left: 0.3rem;
}

.login_box .login_con .input_box .xt_user {
    width: 0.36rem;
    height: 0.34rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -4.09rem -3.25rem;
}

.login_box .login_con .input_box .xt_lock {
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -3.76rem -3.25rem;
    width: 0.3rem;
    height: 0.36rem;
}

.login_box .login_con .btn_box {
    width: 100%;
    margin: 0.1rem 0 0.4rem;
    text-align: center;
}

.login_box .login_con .btn_box .login_btn {
    height: 0.9rem;
    width: 5.8rem;
    line-height: 0.9rem;
    border-radius: 0.45rem;
    background: #3bcb6a;
    color: #fff;
    font-size: 0.4rem;
    cursor: pointer;
}

.login_box .login_con .psw_box {
    text-align: center;
    font-size: 0.3rem;
    height: 1.8rem;
}

.login_box .login_con .psw_box a {
    font-size: 0.28rem;
    color: #333;
    padding: 0 0.5rem;
    cursor: pointer;
}

.login_box .wx_box {
    padding: 0 0.2rem;
    cursor: pointer;
    text-align: center;
    background: #fff;
    padding-bottom: 0.4rem;
}

.login_box .wx_box ul {
    display: flex;
    align-items: center;
}

.login_box .wx_box ul .line {
    width: 2.3rem;
    border-bottom: 1px solid #ccc;
    height: 1px;
}

.login_box .wx_box ul .con {
    flex: 1;
    font-size: 0.28rem;
}

.login_box .wx_box a {
    color: #333;
    text-decoration: none;
    cursor: pointer;
    display: block;
}

.login_box .wx_box a img {
    display: block;
    width: 0.56rem;
    height: 0.46rem;
    margin: 0.3rem auto 0.3rem;
}

.login_box .wx_box .more {
    font-size: 0.26rem;
    color: #b0b0b0;
}

.login_next_box,
.reg_box {
    width: 7.5rem;
    background: #f2f2f2;
    padding-bottom: 0.8rem;
}

.login_next_box .login_next_con,
.reg_box .login_next_con {
    margin-top: 0.3rem;
    background: #fff;
    overflow: hidden;
    padding-bottom: 0.8rem;
}

.login_next_box .login_next_con .login_next_input_box,
.reg_box .login_next_con .login_next_input_box {
    margin: 0.6rem 0 0.8rem;
}

.login_next_box .login_next_con .login_next_input_box .temp_box,
.reg_box .login_next_con .login_next_input_box .temp_box {
    margin-bottom: 0.4rem;
}

.login_next_box .login_next_con .login_next_input_box .temp_box .temp_left,
.reg_box .login_next_con .login_next_input_box .temp_box .temp_left {
    font-size: 0.3rem;
    width: 2.2rem;
    text-align: right;
    display: inline-block;
}

.login_next_box .login_next_con .login_next_input_box .temp_box .chart_code,
.reg_box .login_next_con .login_next_input_box .temp_box .chart_code {
    width: 2rem;
    height: 0.7rem;
    border: 1px solid #bfbfbf;
    padding-left: 0.1rem;
    box-sizing: border-box;
    border-radius: 0.1rem;
    margin-right: 0.18rem;
    font-size: 0.28rem;
    color: #333;
}

.login_next_box .login_next_con .login_next_input_box .temp_box .img_code,
.reg_box .login_next_con .login_next_input_box .temp_box .img_code {
    width: 1.4rem;
    height: 0.7rem;
    border: 1px solid #bfbfbf;
    margin-right: 0.24rem;
}

.login_next_box .login_next_con .login_next_input_box .temp_box .change,
.reg_box .login_next_con .login_next_input_box .temp_box .change {
    font-size: 0.26rem;
    color: #999;
}

.login_next_box .login_next_con .login_next_input_box .temp_box .tel,
.reg_box .login_next_con .login_next_input_box .temp_box .tel,
.login_next_box .login_next_con .login_next_input_box .temp_box .temp_value,
.reg_box .login_next_con .login_next_input_box .temp_box .temp_value {
    width: 4.75rem;
    height: 0.7rem;
    border: 1px solid #bfbfbf;
    border-radius: 0.1rem;
    padding-left: 0.1rem;
    box-sizing: border-box;
    font-size: 0.28rem;
    color: #333;
    box-shadow: 0 0 0 35px #fff inset;
}

.login_next_box .login_next_con .login_next_input_box .temp_box .tel_code,
.reg_box .login_next_con .login_next_input_box .temp_box .tel_code {
    width: 2rem;
    height: 0.7rem;
    border: 1px solid #bfbfbf;
    border-radius: 0.1rem;
    margin-right: 0.18rem;
    padding-left: 0.1rem;
    box-sizing: border-box;
    font-size: 0.28rem;
    color: #333;
}

.login_next_box .login_next_con .login_next_input_box .temp_box .get_code,
.reg_box .login_next_con .login_next_input_box .temp_box .get_code {
    width: 2.55rem;
    height: 0.68rem;
    border: 1px solid #3bcb6a;
    border-radius: 0.34rem;
    font-size: 0.26rem;
    color: #3bcb6a;
    background: #fff;
}

.login_next_box .btn_box,
.reg_box .btn_box {
    text-align: center;
}

.login_next_box .btn_box input,
.reg_box .btn_box input {
    height: 0.9rem;
    width: 5.8rem;
    line-height: 0.9rem;
    border-radius: 0.45rem;
    background: #3bcb6a;
    color: #fff;
    font-size: 0.4rem;
    cursor: pointer;
}

.login_next_box .go_login,
.reg_box .go_login {
    text-align: center;
    margin: 0 auto;
    font-size: 0.26rem;
    color: #999;
    margin-top: 0.4rem;
}

.login_next_box .go_login a,
.reg_box .go_login a {
    font-size: 0.26rem;
    color: #3bcb6a;
}

.mem_cen_box {
    width: 7.5rem;
    background: #f2f2f2;
    padding-bottom: 0.8rem;
}

.mem_cen_box .member-infor {
    padding-top: 0.38rem;
    padding-bottom: 0.4rem;
    background: #fff;
    margin-bottom: 0.2rem;
    overflow: hidden;
}

.mem_cen_box .member-infor dl {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.mem_cen_box .member-infor dd {
    margin-right: 0.26rem;
}

.mem_cen_box .member-infor dd img {
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
}

.mem_cen_box .member-infor .edit {
    width: 0.28rem;
    height: 0.28rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -3.22rem -2.86rem;
    display: inline-block;
    position: relative;
    top: 2px;
}

.mem_cen_box .member-infor .name {
    font-size: 0.32rem;
    color: #4a4a4a;
    font-weight: bold;
    margin-right: 0.15rem;
}

.mem_cen_box .member-infor dt {
    width: 5.4rem;
}

.mem_cen_box .member-infor dl dt p {
    margin-bottom: 0.15rem;
}

.mem_cen_box .member-infor .account {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.mem_cen_box .member-infor .set {
    width: 0.27rem;
    height: 0.27rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -2.91rem -2.88rem;
    display: inline-block;
    margin-left: 0.24rem;
}

.mem_cen_box .member-infor .intro-text {
    color: #fc2a2f;
    margin-left: 0.06rem;
}

.mem_cen_box .member-infor .bar {
    width: 2.57rem;
    height: 0.13rem;
    background: #efefef;
    border-radius: 30px;
    margin-left: 0.16rem;
}

.mem_cen_box .member-infor .bar>span {
    width: 37.3%;
    height: 100%;
    display: block;
    background: linear-gradient(90deg, #ff6f00, #fa1833);
    border-radius: 30px;
}

.mem_cen_box .member-name a {
    width: 80%;
}

.mem_cen_box .my-infor {
    background: #fff;
    overflow: hidden;
}

.mem_cen_box .my-infor li {
    border-bottom: 1px solid #eaeaea;
}

.mem_cen_box .my-infor li a,
.mem_cen_box .masker-wrap .masker-cont .my-infor li.wchat-wrap {
    padding: 0.32rem 3% 0.24rem;
}

.mem_cen_box .my-infor li .icon {
    margin-right: 0.23rem;
}

.mem_cen_box .iconorder {
    width: 0.38rem;
    height: 0.38rem;
    margin-left: 0.07rem;
    background: url('../images/my_order@2x.png') no-repeat;
    background-size: 100%;
}

.mem_cen_box .icon0 {
    width: 0.38rem;
    height: 0.38rem;
    margin-left: 0.07rem;
    background: url('../images/icon_money.png') no-repeat;
    background-size: 100%;
}

.mem_cen_box .icon1 {
    width: 0.28rem;
    height: 0.32rem;
    margin-left: 0.07rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -2.59rem -2.88rem;
}

.mem_cen_box .icon2 {
    width: 0.35rem;
    height: 0.38rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -2.2rem -2.88rem;
}

.mem_cen_box .icon3 {
    width: 0.39rem;
    height: 0.37rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -1.77rem -2.88rem;
}

.mem_cen_box .icon4 {
    width: 0.38rem;
    height: 0.36rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -1.34rem -2.89rem;
}

.mem_cen_box .icon5 {
    width: 0.4rem;
    height: 0.31rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -0.89rem -2.82rem;
}

.mem_cen_box .icon6 {
    width: 0.39rem;
    height: 0.33rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -0.45rem -2.82rem;
}

.mem_cen_box .icon7 {
    width: 0.4rem;
    height: 0.33rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: 0 -2.82rem;
}

.mem_cen_box .my-infor li .left-cont,
.mem_cen_box .my-infor li .right-cont {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    padding-left: 0.6rem;
}

.mem_cen_box .my-infor li .left-cont em {
    position: absolute;
    left: 0;
}

.mem_cen_box .my-infor li .num {
    height: 0.48rem;
    width: 0.48rem;
    border-radius: 50%;
    background: #ff0200;
    color: #fff;
    font-size: 0.22rem;
    display: inline-block;
    text-align: center;
    line-height: 0.48rem;
    margin-right: 0.25rem;
}

.mem_cen_box .my-infor li .arrow {
    width: 0.15rem;
    height: 0.26rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -2.29rem -3.51rem;
    display: inline-block;
}

.mem_cen_box .my-infor li .g-text {
    color: #00d05d;
    margin-right: 0.25rem;
}

.mem_cen_box .exit-logon {
    text-align: center;
}

.mem_cen_box .exit-logon a {
    width: 5.8rem;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    border-radius: 50px;
    font-size: 0.4rem;
    color: #fff;
    background: #00d05d;
    margin: 0.78rem auto 0.7rem;
}

.mem_cen_box .masker-cont {
    width: 4.07rem;
    height: 2.8rem;
    padding-top: 0.58rem;
    font-size: 0.22rem;
    color: #000;
    box-sizing: border-box;
}

.mem_cen_box .masker-cont p {
    text-align: center;
    line-height: 0.4rem;
}

.mem_cen_box .masker-btn-wrap {
    padding-top: 0.4rem;
    text-align: center;
}

.mem_cen_box .masker-wrap {
    display: none;
}

.mem_cen_box .masker-wrap .masker,
.mem_cen_box .money-masker-wrap .masker {
    position: fixed;
    background: #000;
    opacity: 0.3;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 102;
}

.mem_cen_box .masker-wrap .masker-cont,
.mem_cen_box .money-masker-wrap .money-cont,
.mem_cen_box .money-masker-wrap .money-success,
.mem_cen_box .alipay-info {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 4.1rem;
    height: 2.58rem;
    background: #fff;
    border-radius: 15px;
    z-index: 103;
}

.mem_cen_box .masker-wrap .masker-cont .btn-style,
.mem_cen_box .money-masker-btn-wrap .btn-style {
    background: #f2f2f2;
    margin-left: 0.3rem;
    margin-right: 0.18rem;
}

.mem_cen_box .money-masker-btn-wrap .btn-style {
    margin-left: 0.58rem;
}

.mem_cen_box .masker-wrap .masker-cont .gbtn-style,
.mem_cen_box .money-masker-btn-wrap .gbtn-style {
    background: #00d36a;
    color: #fff;
}

.mem_cen_box .btn-style,
.mem_cen_box .gbtn-style {
    display: inline-block;
    width: 1.65rem;
    height: 0.55rem;
    text-align: center;
    line-height: 0.55rem;
    border-radius: 35px;
    font-size: 0.22rem;
}

.mem_cen_box .over-tips {
    color: #999;
    margin-top: 1rem;
    padding-top: 0.35rem;
    margin-bottom: 1rem;
    position: relative;
    text-align: center;
    font-size: 0.2rem;
}

.mem_cen_box .over-tips:before,
.mem_cen_box .over-tips:after {
    content: "";
    position: absolute;
    top: 76%;
    background: #dfdfdf;
    width: 36%;
    height: 1px;
}

.mem_cen_box .over-tips:before {
    left: 0;
}

.mem_cen_box .over-tips:after {
    right: 0;
}

.mem_cen_box .my-infor ul a,
.mem_cen_box .my-infor ul .wchat-wraps {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* 我的课程 */
.my_class_box {
    width: 7.5rem;
    background: #f2f2f2;
    padding-bottom: 0.8rem;
}

.my_class_box .main-cont {
    background: #fff;
    padding-bottom: 0.3rem;
}

.my_class_box .class_list_box {
    padding: 0 0.2rem;
}

.my_class_box .main-cont .tab-menu {
    border-bottom: 2px solid #ddd;
    font-size: 0.3rem;
    color: #000;
    padding: 0.37rem 12% 0;
    display: flex;
    justify-content: space-between;
}

.my_class_box .main-cont .tab-menu .list-tab-menu {
    cursor: pointer;
    padding: 0 0.1rem 0.23rem;
    position: relative;
    top: 2px;
}

.my_class_box .main-cont .tab-menu .list-tab-menu.on {
    border-bottom: 2px solid #00d36a;
}

.my_class_box .main-cont .list-tab-cont.on {
    display: block;
}

.my_class_box .main-cont .list-tab-cont {
    display: none;
    padding-top: 0.3rem;
}

.my_class_box .main-cont {
    padding: 0.1rem 0 0;
}

.my_class_box .main-cont .course-detail dl {
    padding-bottom: 0.25rem;
}

.my_class_box .main-cont .course-detail:last-child dl {
    border-bottom: none;
}

.my_class_box .main-cont .course-detail h3 {
    font-size: 0.32rem;
    color: #333;
    text-align: left;
    height: 0.88rem;
    line-height: 0.88rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 7rem;
}

.my_class_box .main-cont .course-detail .sm-tips {
    height: 0.68rem;
    line-height: 0.68rem;
    background-color: #f5f5f4;
    padding: 0 0.2rem;
}

.my_class_box .main-cont .course-detail .sm-tips span {
    font-size: 0.24rem;
    color: #00d07f;
    display: inline-block;
    width: 6rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.my_class_box .main-cont .course-detail .sm-tips a {
    color: #00d07f;
    font-size: 0.22rem;
    float: right;
}

.my_class_box .main-cont dl.no-bor {
    border-bottom: none;
}

.my_class_box .main-cont dd {
    width: 2.25rem;
    overflow: hidden;
    position: relative;
}

.my_class_box .main-cont dd img {
    width: 100%;
}

.my_class_box .main-cont dd a img {
    width: 100%;
    height: 100%;
}

.my_class_box .main-cont dt {
    width: 4.5rem;
}

.my_class_box .main-cont dt p {
    font-size: 0.22rem;
    margin-bottom: 0.15rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 4.4rem;
}

.my_class_box .class_con {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 1.3rem;
}

.my_class_box .main-cont .course-detail .go-study,
.my_class_box .main-cont .course-detail .add-qq,
.my_class_box .main-cont .course-detail .share,
.my_class_box .main-cont .course-detail .over-time {
    font-size: 0.22rem;
    color: #00d07f;
    border: 1px solid #00d07f;
    border-radius: 5px;
    padding: 0 0.1rem;
    height: 0.38rem;
    text-align: center;
    line-height: 0.38rem;
    float: right;
    margin-left: 0.1rem;
}

.my_class_box .main-cont .course-detail .add-qq,
.my_class_box .main-cont .course-detail .share,
.my_class_box .main-cont .course-detail .over-time {
    border: 1px solid #cacaca;
    color: #333;
}

/* 我的订单 */
.orderlist_box {
    width: 7.5rem;
    background: #f2f2f2;
    /*无相关订单*/
    /*弹窗*/
}

.orderlist_box .order-wrap .tab-menu {
    padding: 0.37rem 6% 0;
    background: #fff;
    border-bottom: 2px solid #ddd;
    margin-bottom: 0.26rem;
    display: flex;
    justify-content: space-between;
}

.orderlist_box .tempWrap {
    padding-bottom: 0.3rem;
}

.orderlist_box .order-wrap .tab-menu .list-tab-menu {
    margin-right: 0.58rem;
    font-size: 0.3rem;
    color: #000;
    cursor: pointer;
    padding: 0 0.1rem 0.23rem;
    position: relative;
    top: 2px;
}

.orderlist_box .order-wrap .tab-menu .list-tab-menu:last-child {
    margin-right: 0;
}

.orderlist_box .order-wrap .tab-menu .list-tab-menu.on {
    border-bottom: 2px solid #00d36a;
}

.orderlist_box .order-wrap .tab-menu .list-tab-menu i {
    font-style: normal;
}

.orderlist_box .order-wrap .box {
    width: 7.1rem;
    padding: 0.3rem 0.33rem 0.26rem;
    background: #fff;
    margin: 0 auto;
    box-sizing: border-box;
    border-radius: 15px;
    margin-bottom: 0.2rem;
}

.orderlist_box .order-wrap .box p {
    line-height: 0.5rem;
    position: relative;
}

.orderlist_box .order-wrap .box p .price {
    font-weight: 600;
    color: #333;
}

.orderlist_box .order-wrap .box p.order-state {
    color: #e93640;
}

.orderlist_box .order-wrap .box .order-number .tips {
    letter-spacing: 0.1rem;
}

.orderlist_box .order-wrap .box .btn-box {
    padding-top: 0.4rem;
    /* display: flex;
    justify-content: center; */
}

.orderlist_box .order-wrap .box .btn-box a,
.orderlist_box .order-wrap .box .btn-box .cancel-btn {
    width: 1.48rem;
    height: 0.53rem;
    text-align: center;
    line-height: 0.53rem;
    border: 1px solid #bbb;
    border-radius: 30px;
    font-size: 0.26rem;
    color: #333;
    float: right;
    margin-left: 0.1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.orderlist_box .order-wrap .btn-box a.pay {
    color: #00d05d;
    border: 1px solid #00d05d;
}

.orderlist_box .order-wrap .tab-cont .list-tab-cont.on {
    display: block;
}

.orderlist_box .order-wrap .tab-cont .list-tab-cont {
    display: none;
}

.orderlist_box .no-data-page {
    display: none;
    overflow: hidden;
}

.orderlist_box .no-data-page dl {
    text-align: center;
    padding-top: 2.62rem;
    padding-bottom: 6.5rem;
}

.orderlist_box .no-data-page dl img {
    width: 3.26rem;
    height: 2.25rem;
    margin-bottom: 0.6rem;
}

.orderlist_box .no-data-page dl dt p {
    font-size: 0.32rem;
}

.orderlist_box .no-data-page dl dt span {
    font-size: 0.22rem;
    color: #666;
}

.orderlist_box .masker-wrap .masker-cont p {
    text-align: center;
    padding-top: 0.75rem;
    padding-bottom: 0.65rem;
}

/* 订单详情 */
.orderdetail_box {
    width: 7.5rem;
    background: #f2f2f2;
    padding-bottom: 0.8rem;
    /*订单的三种状态显示的图片*/
}

.orderdetail_box .order-detail-wrap {
    /* padding-top: 0.3rem; */
}

.orderdetail_box .order-detail-wrap .banner {
    padding: 0 3%;
    height: 2.3rem;
    background: #00d17f;
    background: linear-gradient(90deg, #00d17f, #00d05d);
    color: #fff;
    font-size: 0.36rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.orderdetail_box .order-detail-wrap .banner span {
    margin-left: 0.88rem;
}

.orderdetail_box .order-detail-wrap .banner img {
    margin-left: 1.4rem;
    position: relative;
    top: -0.15rem;
}

.orderdetail_box .order-detail-wrap .banner img.ok-img {
    width: 2.86rem;
    height: 1.92rem;
}

.orderdetail_box .order-detail-wrap .banner img.no-img {
    width: 2.65rem;
    height: 1.88rem;
    display: none;
}

.orderdetail_box .order-detail-wrap .banner img.cancel-img {
    width: 2.36rem;
    height: 1.73rem;
    margin-left: 1.7rem;
    display: none;
}

.orderdetail_box .infor-wrap {
    padding: 0.44rem 3%;
    background: #fff;
    margin-bottom: 0.2rem;
}

.orderdetail_box .infor-wrap h3 {
    font-size: 0.34rem;
    border-left: 0.09rem solid #00d36a;
    height: 0.34rem;
    line-height: 1;
    overflow: hidden;
    padding-left: 0.13rem;
    margin-bottom: 0.15rem;
}

.orderdetail_box .infor-wrap p {
    line-height: 0.4rem;
    white-space: normal;
    word-break: break-all;
}

.orderdetail_box .infor-wrap p.price {
    font-weight: 600;
}

.orderdetail_box .course-infor li {
    padding: 0.3rem 0;
    border-bottom: 1px solid #eaeaea;
    overflow: hidden;
}

.orderdetail_box .course-infor li:last-child {
    border-bottom: none;
}

.orderdetail_box .course-infor li .infor {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.orderdetail_box .course-infor li span.sm-title {
    /* width: 1.6rem; */
    width: 1.8rem;
}

.orderdetail_box .course-infor li span.text {
    width: 4.52rem;
    margin-right: 0.2rem;
    /* margin-right: 0.4rem; */
    display: block;
}

.orderdetail_box .course-infor li .price-num {
    font-size: 0.3rem;
}

.orderdetail_box .course-infor li .price-num i {
    font-size: 0.24rem;
    color: #666;
    font-style: normal;
}

.orderdetail_box .course-infor li a {
    width: 1.48rem;
    height: 0.53rem;
    line-height: 0.53rem;
    text-align: center;
    border-radius: 50px;
    border: 1px solid #30ce75;
    color: #30ce75;
    float: right;
}

.orderdetail_box .course-infor li .infor02 {
    color: #666;
    margin-top: 0.3rem;
}

/* 账户安全 */
.passSafe_box {
    width: 7.5rem;
    background: #f2f2f2;
    padding-bottom: 0.8rem;
    /*绑定手机或者邮箱*/
    /*绑定邮箱*/
    /*绑定手机*/
}

.passSafe_box .bind-wrap,
.passSafe_box .bind-mailbox-wrap,
.passSafe_box .bind-tel-wrap {
    background: #fff;
    margin-top: 0.2rem;
}

.passSafe_box .bind-wrap ul>li {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    align-items: center;
    padding: 0.32rem 3%;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.passSafe_box .bind-wrap ul>li:last-child {
    border-bottom: none;
}

.passSafe_box .bind-wrap .infor p {
    font-size: 0.3rem;
    margin-bottom: 0.1rem;
}

.passSafe_box .bind-wrap .infor span {
    font-size: 0.22rem;
    color: #999;
}

.passSafe_box .bind-wrap .icon {
    width: 0.4rem;
    height: 0.4rem;
    display: block;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -0.42rem -3.21rem;
    margin-left: 0.1rem;
    margin-right: 0.25rem;
}

.passSafe_box .bind-wrap .gray-icon {
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: 0 -3.22rem;
}

.passSafe_box .bind-wrap ul>li a {
    font-size: 0.22rem;
    color: #00d05d;
    position: absolute;
    right: 0;
    margin-right: 4%;
}

.passSafe_box .bind-mailbox-wrap,
.passSafe_box .bind-tel-wrap {
    padding: 0.37rem 3% 0.6rem;
    font-size: 0.24rem;
}

.passSafe_box .bind-mailbox-wrap .inpt-wrap .box,
.passSafe_box .bind-tel-wrap .box {
    margin-bottom: 0.6rem;
}

.passSafe_box .bind-mailbox-wrap .inpt-wrap input,
.passSafe_box .bind-tel-wrap input {
    height: 0.64rem;
    border-radius: 0.1rem;
    border: 1px solid #bfbfbf;
    text-indent: 0.38rem;
    font-size: 0.24rem;
}

.passSafe_box .bind-mailbox-wrap .inpt-wrap .sm-tips,
.passSafe_box .bind-tel-wrap .sm-tips {
    width: 0.9rem;
    display: inline-block;
    font-size: 0.3rem;
    color: #999;
    text-align: right;
    margin-right: 0.2rem;
}

.passSafe_box .bind-mailbox-wrap .mailbox input {
    width: 5.838rem;
}

.passSafe_box .bind-mailbox-wrap .ver-code input {
    width: 3.2rem;
}

.passSafe_box .bind-mailbox-wrap .ver-code button,
.passSafe_box .bind-tel-wrap #getCode {
    background: none;
    width: 2.5rem;
    border: 1px solid #00d05d;
    color: #00d05d;
    border-radius: 50px;
    height: 0.64rem;
    line-height: 0.64rem;
    text-align: center;
    font-size: 0.24rem;
    cursor: pointer;
    text-indent: 0;
}

.passSafe_box .bind-mailbox-wrap button#getCode {
    margin-left: 0.05rem;
}

.passSafe_box .bind-mailbox-wrap .error-tips,
.passSafe_box .bind-tel-wrap .error-tips {
    font-size: 0.2rem;
    color: #ff0000;
    padding-left: 1.25rem;
    margin-bottom: 0.18rem;
    /*display: none;*/
}

.passSafe_box .bind-mailbox-wrap .mailbox .error-tips {
    display: none;
}

.passSafe_box .bind-mailbox-wrap .text,
.passSafe_box .bind-tel-wrap .text {
    text-align: center;
    font-size: 0.24rem;
    color: #999;
    line-height: 0.46rem;
    padding-top: 0.7rem;
    margin-bottom: 1rem;
}

.passSafe_box .bind-mailbox-wrap #time,
.passSafe_box .bind-tel-wrap #time {
    font-size: 0.3rem;
    color: #00d05d;
}

.passSafe_box .bind-mailbox-wrap #regBtn,
.passSafe_box .bind-tel-wrap #regBtn {
    width: 5.8rem;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    background: #00d05d;
    color: #fff;
    border-radius: 50px;
    font-size: 0.4rem;
    margin: 0 auto;
    display: block;
}

.passSafe_box .masker-wrap .masker-cont {
    width: 4.28rem;
    height: 3.25rem;
    text-align: center;
    color: #666;
}

.passSafe_box .masker-wrap .masker-cont p {
    line-height: 0.38rem;
}

.passSafe_box .masker-wrap h3 {
    color: #f34e00;
    font-size: 0.3rem;
    padding-top: 0.6rem;
    padding-bottom: 0.2rem;
}

.passSafe_box .masker-wrap .masker-cont .back {
    width: 2.06rem;
    height: 0.53rem;
    text-align: center;
    line-height: 0.53rem;
    border-radius: 50px;
    border: 1px solid #00d05d;
    color: #00d05d;
    margin: 0.35rem auto 0;
}

.passSafe_box .bind-tel-wrap .sm-tips {
    width: 1.6rem;
}

.passSafe_box .bind-tel-wrap .error-tips {
    padding-left: 1.9rem;
    display: none;
}

.passSafe_box .bind-tel-wrap .tel-code input,
.passSafe_box .bind-tel-wrap .ver-code input {
    width: 2.55rem;
}

.passSafe_box .bind-tel-wrap .new-tel input {
    width: 5.1rem;
}

.passSafe_box .bind-tel-wrap .code-img {
    width: 1.34rem;
    height: 0.64rem;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    line-height: 0.64rem;
}

.passSafe_box .bind-tel-wrap .code-img img {
    width: 1.2rem;
}

.passSafe_box .bind-tel-wrap .change {
    color: #999;
    width: 1.05rem;
    text-align: center;
    height: 0.66rem;
    line-height: 0.66rem;
    display: inline-block;
}

/* 选择修改方式 */
.change_email_box {
    width: 7.5rem;
    background: #f2f2f2;
    padding-bottom: 0.8rem;
}

.change_email_box .confirm-infor {
    padding: 0.5rem 0;
    background: #fff;
    text-align: center;
}

.change_email_box .confirm-infor .tel {
    color: #00d05d;
}

.change_email_box .cont-text {
    padding: 0.35rem 3% 0.35rem 0.94rem;
    position: relative;
    background: #fff;
}

.change_email_box .cont-text h3 {
    font-size: 0.3rem;
    font-weight: normal;
    margin-bottom: 0.14rem;
}

.change_email_box .cont-text p {
    font-size: 0.22rem;
    color: #999;
    line-height: 1.4;
}

.change_email_box .cont-text .change-link {
    width: 1.25rem;
    height: 0.44rem;
    text-align: center;
    line-height: 0.44rem;
    color: #00d36a;
    border: 1px solid #00d36a;
    border-radius: 0.1rem;
    position: absolute;
    right: 3%;
    top: 50%;
    margin-top: -0.23rem;
}

.change_email_box .cont-text .tel {
    color: #e15b27;
    display: inline-block;
    position: relative;
    top: 0.05rem;
}

.change_email_box .cont-text .left-text {
    width: 76%;
}

.change_email_box .cont-mail {
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -1.02rem -2.28rem;
    position: absolute;
    left: 0.2rem;
    top: 0.5rem;
    display: inline-block;
    width: 0.42rem;
    height: 0.41rem;
}

.change_email_box .cont-no-mail {
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -0.52rem -2.28rem;
    position: absolute;
    left: 0.2rem;
    top: 0.8rem;
    display: inline-block;
    width: 0.46rem;
    height: 0.48rem;
}

.change_email_box .cont-tel {
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: 0 -2.28rem;
    position: absolute;
    left: 0.2rem;
    top: 0.8rem;
    display: inline-block;
    width: 0.47rem;
    height: 0.47rem;
}

/* 邮箱验证第一步 */
.change_by_email1,
.change_by_email2,
.change_by_email3,
.change_by_mobile,
.change_mobile_step {
    width: 7.5rem;
    background: #f2f2f2;
    padding-bottom: 0.8rem;
    /*错误提示*/
    /*更改绑定手机成功*/
}

.change_by_email1 .stepWrap,
.change_by_email2 .stepWrap,
.change_by_email3 .stepWrap,
.change_by_mobile .stepWrap,
.change_mobile_step .stepWrap {
    padding: 0.6rem 3% 0.56rem;
    background: #fff;
}

.change_by_email1 .stepWrap ul,
.change_by_email2 .stepWrap ul,
.change_by_email3 .stepWrap ul,
.change_by_mobile .stepWrap ul,
.change_mobile_step .stepWrap ul {
    width: 6rem;
    margin: 0 auto;
    background: url(../images/border.png) center 0.285rem no-repeat;
    background-size: 5.35rem 0.03rem;
}

.change_by_email1 .stepWrap li,
.change_by_email2 .stepWrap li,
.change_by_email3 .stepWrap li,
.change_by_mobile .stepWrap li,
.change_mobile_step .stepWrap li {
    float: left;
    text-align: center;
}

.change_by_email1 .stepWrap li:nth-child(2),
.change_by_email2 .stepWrap li:nth-child(2),
.change_by_email3 .stepWrap li:nth-child(2),
.change_by_mobile .stepWrap li:nth-child(2),
.change_mobile_step .stepWrap li:nth-child(2) {
    margin: 0 1.55rem;
}

.change_by_email1 .change-tel-stepWrap li:nth-child(2),
.change_by_email2 .change-tel-stepWrap li:nth-child(2),
.change_by_email3 .change-tel-stepWrap li:nth-child(2),
.change_by_mobile .change-tel-stepWrap li:nth-child(2),
.change_mobile_step .change-tel-stepWrap li:nth-child(2) {
    margin: 0 1.42rem;
}

@media screen and (max-width: 320px) {

    .change_by_email1 .stepWrap li:nth-child(2),
    .change_by_email2 .stepWrap li:nth-child(2),
    .change_by_email3 .stepWrap li:nth-child(2),
    .change_by_mobile .stepWrap li:nth-child(2),
    .change_mobile_step .stepWrap li:nth-child(2) {
        margin: 0 1.45rem;
    }

    .change_by_email1 .change-tel-stepWrap li:nth-child(2),
    .change_by_email2 .change-tel-stepWrap li:nth-child(2),
    .change_by_email3 .change-tel-stepWrap li:nth-child(2),
    .change_by_mobile .change-tel-stepWrap li:nth-child(2),
    .change_mobile_step .change-tel-stepWrap li:nth-child(2) {
        margin: 0 1.3rem;
    }
}

.change_by_email1 .stepWrap li span,
.change_by_email2 .stepWrap li span,
.change_by_email3 .stepWrap li span,
.change_by_mobile .stepWrap li span,
.change_mobile_step .stepWrap li span {
    display: block;
    width: 0.56rem;
    height: 0.56rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -1.97rem -2.27rem;
    color: #fff;
    text-align: center;
    line-height: 0.56rem;
    margin: 0 auto 0.2rem;
}

.change_by_email1 .stepWrap li.on span,
.change_by_email2 .stepWrap li.on span,
.change_by_email3 .stepWrap li.on span,
.change_by_mobile .stepWrap li.on span,
.change_mobile_step .stepWrap li.on span {
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -2.58rem -2.27rem;
}

.change_by_email1 .bind-tel-wrap,
.change_by_email2 .bind-tel-wrap,
.change_by_email3 .bind-tel-wrap,
.change_by_mobile .bind-tel-wrap,
.change_mobile_step .bind-tel-wrap {
    background: #fff;
}

.change_by_email1 .bind-tel-wrap .bind-number,
.change_by_email2 .bind-tel-wrap .bind-number,
.change_by_email3 .bind-tel-wrap .bind-number,
.change_by_mobile .bind-tel-wrap .bind-number,
.change_mobile_step .bind-tel-wrap .bind-number {
    font-size: 0.3rem;
    margin-bottom: 0.4rem;
}

.change_by_email1 .bind-tel-wrap,
.change_by_email2 .bind-tel-wrap,
.change_by_email3 .bind-tel-wrap,
.change_by_mobile .bind-tel-wrap,
.change_mobile_step .bind-tel-wrap {
    padding: 0.37rem 3% 1rem;
    font-size: 0.24rem;
}

.change_by_email1 .bind-tel-wrap .box,
.change_by_email2 .bind-tel-wrap .box,
.change_by_email3 .bind-tel-wrap .box,
.change_by_mobile .bind-tel-wrap .box,
.change_mobile_step .bind-tel-wrap .box {
    margin-bottom: 0.6rem;
}

.change_by_email1 .bind-tel-wrap input,
.change_by_email2 .bind-tel-wrap input,
.change_by_email3 .bind-tel-wrap input,
.change_by_mobile .bind-tel-wrap input,
.change_mobile_step .bind-tel-wrap input {
    height: 0.64rem;
    border-radius: 0.1rem;
    border: 1px solid #bfbfbf;
    text-indent: 0.2rem;
    font-size: 0.24rem;
}

.change_by_email1 .bind-tel-wrap .sm-tips,
.change_by_email2 .bind-tel-wrap .sm-tips,
.change_by_email3 .bind-tel-wrap .sm-tips,
.change_by_mobile .bind-tel-wrap .sm-tips,
.change_mobile_step .bind-tel-wrap .sm-tips {
    width: 1.6rem;
    display: inline-block;
    font-size: 0.3rem;
    color: #999;
    text-align: right;
    margin-right: 0.2rem;
}

.change_by_email1 .bind-tel-wrap #getCode,
.change_by_email2 .bind-tel-wrap #getCode,
.change_by_email3 .bind-tel-wrap #getCode,
.change_by_mobile .bind-tel-wrap #getCode,
.change_mobile_step .bind-tel-wrap #getCode {
    background: none;
    width: 2.5rem;
    border: 1px solid #00d05d;
    color: #00d05d;
    border-radius: 50px;
    height: 0.64rem;
    line-height: 0.64rem;
    text-align: center;
    font-size: 0.24rem;
    text-indent: 0;
}

.change_by_email1 .bind-tel-wrap .error-tips,
.change_by_email2 .bind-tel-wrap .error-tips,
.change_by_email3 .bind-tel-wrap .error-tips,
.change_by_mobile .bind-tel-wrap .error-tips,
.change_mobile_step .bind-tel-wrap .error-tips {
    font-size: 0.2rem;
    color: #ff0000;
    padding-left: 1.9rem;
    margin-bottom: 0.18rem;
    /*display: none;*/
}

.change_by_email1 .bind-tel-wrap #nextBtn,
.change_by_email2 .bind-tel-wrap #nextBtn,
.change_by_email3 .bind-tel-wrap #nextBtn,
.change_by_mobile .bind-tel-wrap #nextBtn,
.change_mobile_step .bind-tel-wrap #nextBtn,
.change_by_email1 .sucess-bind .back,
.change_by_email2 .sucess-bind .back,
.change_by_email3 .sucess-bind .back,
.change_by_mobile .sucess-bind .back,
.change_mobile_step .sucess-bind .back {
    width: 5.8rem;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    background: #00d05d;
    color: #fff;
    border-radius: 50px;
    font-size: 0.4rem;
    margin: 1rem auto;
    display: block;
}

.change_by_email1 .bind-tel-wrap .tel-code input,
.change_by_email2 .bind-tel-wrap .tel-code input,
.change_by_email3 .bind-tel-wrap .tel-code input,
.change_by_mobile .bind-tel-wrap .tel-code input,
.change_mobile_step .bind-tel-wrap .tel-code input,
.change_by_email1 .bind-tel-wrap .ver-code input,
.change_by_email2 .bind-tel-wrap .ver-code input,
.change_by_email3 .bind-tel-wrap .ver-code input,
.change_by_mobile .bind-tel-wrap .ver-code input,
.change_mobile_step .bind-tel-wrap .ver-code input {
    width: 2.5rem;
}

.change_by_email1 .bind-tel-wrap .new-tel input,
.change_by_email2 .bind-tel-wrap .new-tel input,
.change_by_email3 .bind-tel-wrap .new-tel input,
.change_by_mobile .bind-tel-wrap .new-tel input,
.change_mobile_step .bind-tel-wrap .new-tel input {
    width: 5.1rem;
}

.change_by_email1 .bind-tel-wrap .code-img,
.change_by_email2 .bind-tel-wrap .code-img,
.change_by_email3 .bind-tel-wrap .code-img,
.change_by_mobile .bind-tel-wrap .code-img,
.change_mobile_step .bind-tel-wrap .code-img {
    width: 1.34rem;
    height: 0.64rem;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    line-height: 0.64rem;
}

.change_by_email1 .bind-tel-wrap .code-img img,
.change_by_email2 .bind-tel-wrap .code-img img,
.change_by_email3 .bind-tel-wrap .code-img img,
.change_by_mobile .bind-tel-wrap .code-img img,
.change_mobile_step .bind-tel-wrap .code-img img {
    width: 1.2rem;
}

.change_by_email1 .bind-tel-wrap .change,
.change_by_email2 .bind-tel-wrap .change,
.change_by_email3 .bind-tel-wrap .change,
.change_by_mobile .bind-tel-wrap .change,
.change_mobile_step .bind-tel-wrap .change {
    color: #999;
    width: 1.05rem;
    text-align: center;
    height: 0.66rem;
    line-height: 0.66rem;
    display: inline-block;
}

.change_by_email1 .bind-tel-wrap .new-tel input,
.change_by_email2 .bind-tel-wrap .new-tel input,
.change_by_email3 .bind-tel-wrap .new-tel input,
.change_by_mobile .bind-tel-wrap .new-tel input,
.change_mobile_step .bind-tel-wrap .new-tel input {
    width: 5.1rem;
}

.change_by_email1 .sucess-bind,
.change_by_email2 .sucess-bind,
.change_by_email3 .sucess-bind,
.change_by_mobile .sucess-bind,
.change_mobile_step .sucess-bind {
    background: #fff;
    text-align: center;
    padding-top: 1.2rem;
    font-size: 0.24rem;
    overflow: hidden;
}

.change_by_email1 .sucess-bind .big-text,
.change_by_email2 .sucess-bind .big-text,
.change_by_email3 .sucess-bind .big-text,
.change_by_mobile .sucess-bind .big-text,
.change_mobile_step .sucess-bind .big-text {
    font-size: 0.32rem;
    padding-bottom: 0.32rem;
}

.change_by_email1 .sucess-bind .tel,
.change_by_email2 .sucess-bind .tel,
.change_by_email3 .sucess-bind .tel,
.change_by_mobile .sucess-bind .tel,
.change_mobile_step .sucess-bind .tel {
    color: #00d05d;
    margin-top: 0.15rem;
    display: block;
    margin-bottom: 1.2rem;
}

.change_by_email1 .sucess-bind .back,
.change_by_email2 .sucess-bind .back,
.change_by_email3 .sucess-bind .back,
.change_by_mobile .sucess-bind .back,
.change_mobile_step .sucess-bind .back {
    margin-bottom: 3.4rem;
}

.change_mobile_box {
    width: 7.5rem;
    background: #f2f2f2;
    padding-bottom: 0.8rem;
}

.change_mobile_box .confirm-infor {
    padding: 0.5rem 0;
    background: #fff;
    text-align: center;
}

.change_mobile_box .confirm-infor .tel {
    color: #00d05d;
}

.change_mobile_box .cont-text {
    padding: 0.35rem 3% 0.35rem 0.94rem;
    position: relative;
    background: #fff;
}

.change_mobile_box .cont-text h3 {
    font-size: 0.3rem;
    font-weight: normal;
    margin-bottom: 0.14rem;
}

.change_mobile_box .cont-text p {
    font-size: 0.22rem;
    color: #999;
    line-height: 1.4;
}

.change_mobile_box .cont-text .change-link {
    width: 1.25rem;
    height: 0.44rem;
    text-align: center;
    line-height: 0.44rem;
    color: #00d36a;
    border: 1px solid #00d36a;
    border-radius: 0.1rem;
    position: absolute;
    right: 3%;
    top: 50%;
    margin-top: -0.23rem;
}

.change_mobile_box .cont-text .tel {
    color: #e15b27;
    display: inline-block;
    position: relative;
    top: 0.05rem;
}

.change_mobile_box .cont-massage {
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -1.47rem -2.28rem;
    display: inline-block;
    width: 0.46rem;
    height: 0.33rem;
    position: absolute;
    top: 0.8rem;
    left: 0.2rem;
}

.change_mobile_box .cont-tel {
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: 0 -2.28rem;
    display: inline-block;
    width: 0.47rem;
    height: 0.47rem;
    position: absolute;
    top: 0.8rem;
    left: 0.2rem;
}

.account_safe {
    background: #f2f2f2;
    padding-bottom: 0.8rem;
}

.account_safe .change-userInfor {
    background: #fff;
    padding: 0 3%;
}

.account_safe .change-userInfor li {
    padding: 0.3rem 0;
    border-bottom: 1px solid #efefef;
    position: relative;
}

.account_safe .change-userInfor li.spe {
    padding: 0.5rem 0;
}

.account_safe .change-userInfor li:last-child {
    border-bottom: none;
}

.account_safe .change-userInfor li .arrow {
    position: absolute;
    top: 50%;
    width: 0.14rem;
    height: 0.26rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -2.29rem -3.51rem;
    margin-top: -0.14rem;
    right: 0;
}

.account_safe .change-userInfor li .advise {
    font-size: 0.22rem;
    color: #999;
    padding-top: 0.1rem;
}

.account_safe a {
    display: block;
    width: 100%;
    height: 100%;
}

.photo_box {
    background: #f2f2f2;
    padding-bottom: 0.8rem;
}

.photo_box .head-wrap {
    padding: 0.6rem 3% 0.8rem;
    text-align: center;
    background: #fff;
}

.photo_box .head-wrap button {
    width: 5.8rem;
    height: 0.9rem;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    line-height: 0.9rem;
    font-size: 0.4rem;
    background: #00d05d;
    margin: 0.6rem auto 0;
    display: block;
}

.photo_box .head-wrap .head-img {
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 100%;
    display: block;
    margin: 0 auto 0.33rem;
}

.photo_box .head-wrap .sel-text {
    padding-top: 0.85rem;
    margin-bottom: 0.6rem;
}

.photo_box .upload-img {
    width: 1.06rem;
    height: 1.06rem;
    border: 1px solid #ccc;
    border-radius: 100%;
    background: url(../images/camera.png) center no-repeat;
    background-size: 0.5rem 0.4rem;
    margin: 0.6rem auto 0;
    box-shadow: 0px 0px 30px #f4f4f4;
    position: relative;
}

.photo_box .upload-img input {
    width: 1.06rem;
    height: 1.06rem;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    border-radius: 100%;
}

.user_box_wamp {
    background: #f2f2f2;
    padding-bottom: 0.8rem;
}

.user_box_wamp .userInfor-wrap {
    padding: 0 3%;
    background: #fff;
}

.user_box_wamp .userInfor-wrap .list-infor {
    padding: 0.3rem 0;
    border-bottom: 1px solid #d4d4d4;
    font-size: 0.3rem;
    color: #666;
}

.user_box_wamp .userInfor-wrap .list-infor input {
    font-size: 0.3rem;
    color: #666;
}

.user_box_wamp .userInfor-wrap .sm-title {
    width: 1.4rem;
    display: inline-block;
    text-align: left;
    margin-right: 0.33rem;
}

.user_box_wamp .userInfor-wrap .list-addr-infor .distpicker {
    display: inline-block;
}

.user_box_wamp .userInfor-wrap .list-addr-infor select {
    width: 2.65rem;
    height: 0.54rem;
    border: 1px solid #d4d4d4;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/select.png) 95% center no-repeat;
    background-size: 0.24rem 0.12rem;
    text-indent: 0.15rem;
    font-size: 0.26rem;
    color: #666;
}

.user_box_wamp .userInfor-wrap input[type="radio"] {
    display: none;
}

.user_box_wamp .userInfor-wrap input[type="radio"]+label:before {
    display: inline-block;
    width: 0.32rem;
    height: 0.32rem;
    content: "";
    border: 1px solid #999;
    border-radius: 100%;
    margin-right: 0.11rem;
    vertical-align: middle;
}

.user_box_wamp .userInfor-wrap input[type="radio"]:checked+label:before {
    width: 0.36rem;
    height: 0.36rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -0.85rem -3.21rem;
    border: none;
    border-radius: 0;
}

.user_box_wamp .userInfor-wrap input[type="radio"]+label {
    margin-right: 0.26rem;
}

.user_box_wamp #logigName input,
.user_box_wamp #realName input,
.user_box_wamp #birthDay input,
.user_box_wamp #eMail input,
.user_box_wamp #contactAddr input,
.user_box_wamp #phone input {
    width: 75%;
}

.user_box_wamp .succes-tips {
    color: #00d05d;
    margin-top: 0.45rem;
    text-align: center;
}

.user_box_wamp #saveBtn {
    width: 100%;
    height: 0.9rem;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    line-height: 0.9rem;
    font-size: 0.4rem;
    background: #00d05d;
    margin-bottom: 0.85rem;
    margin-top: 0.45rem;
}

.user_box_wamp .userInfor-wrap {
    padding: 0 3%;
    background: #fff;
}

.user_box_wamp .userInfor-wrap .list-infor {
    padding: 0.3rem 0;
    border-bottom: 1px solid #d4d4d4;
    font-size: 0.3rem;
    color: #666;
}

.user_box_wamp .userInfor-wrap .list-infor input {
    font-size: 0.3rem;
    color: #666;
}

.user_box_wamp .userInfor-wrap .list-addr-infor .distpicker {
    display: inline-block;
}

.user_box_wamp .userInfor-wrap .list-addr-infor select {
    width: 2.55rem;
    height: 0.54rem;
    border: 1px solid #d4d4d4;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/select.png) 95% center no-repeat;
    background-size: 0.24rem 0.12rem;
    text-indent: 0.15rem;
    font-size: 0.26rem;
    color: #666;
}

.user_box_wamp .userInfor-wrap input[type="radio"] {
    display: none;
}

.user_box_wamp .userInfor-wrap input[type="radio"]+label:before {
    display: inline-block;
    width: 0.32rem;
    height: 0.32rem;
    content: "";
    border: 1px solid #999;
    border-radius: 100%;
    margin-right: 0.11rem;
    vertical-align: middle;
}

.user_box_wamp .userInfor-wrap input[type="radio"]:checked+label:before {
    width: 0.36rem;
    height: 0.36rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -0.85rem -3.21rem;
    border: none;
    border-radius: 0;
}

.user_box_wamp .userInfor-wrap input[type="radio"]+label {
    margin-right: 0.26rem;
}

.user_box_wamp #birthDay .layui-input {
    display: inline-block;
    width: 60%;
}

.user_box_wamp #logigName input,
.user_box_wamp #realName input,
.user_box_wamp #eMail input,
.user_box_wamp #contactAddr input,
.user_box_wamp #phone input {
    width: 70%;
}

.user_box_wamp .succes-tips {
    color: #00d05d;
    margin-top: 0.45rem;
    text-align: center;
}

.user_box_wamp #saveBtn {
    width: 100%;
    height: 0.9rem;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    line-height: 0.9rem;
    font-size: 0.4rem;
    background: #00d05d;
    margin-bottom: 0.85rem;
    margin-top: 0.45rem;
}

.passWordModify_box {
    background: #f2f2f2;
    padding-bottom: 0.8rem;
}

.passWordModify_box input {
    color: #0d4123;
    padding-left: 0.2rem;
}

.passWordModify_box .form-wrap {
    padding: 0 3%;
    background: #fff;
}

.passWordModify_box .password-wrap {
    padding-top: 0.5rem;
    padding-bottom: 0.45rem;
    border-bottom: 1px solid #d9d9d9;
}

.passWordModify_box .password-wrap input {
    width: 55%;
    font-size: 0.24rem;
}

.passWordModify_box .password-wrap input::-webkit-input-placeholder {
    color: #999;
}

.passWordModify_box .password-wrap .tips {
    color: #f34e00;
    float: right;
}

.passWordModify_box input::-webkit-input-placeholder {
    color: #333;
}

.passWordModify_box .form-wrap button {
    width: 100%;
    height: 0.9rem;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    line-height: 0.9rem;
    font-size: 0.4rem;
    background: #00d05d;
    margin-top: 0.8rem;
    margin-bottom: 0.85rem;
}

.ziliao_box_warp {
    background: #f2f2f2;
    padding-bottom: 0.8rem;
}

.ziliao_box_warp .main-cont {
    width: 100%;
    padding-bottom: 0.6rem;
    margin-top: 0.78rem;
    max-width: 7.5rem;
    box-sizing: border-box;
    background: #fff;
    display: none;
}

.ziliao_box_warp .main-cont.active {
    display: block;
}

.ziliao_box_warp .top-tips {
    width: 100%;
    position: absolute;
    height: 0.78rem;
    padding: 0 3%;
    background: #fff;
    border-bottom: 2px solid #ddd;
    top: 0.88rem;
    max-width: 7.5rem;
    margin: 0 auto 0.26rem;
    box-sizing: border-box;
}

.ziliao_box_warp .top-tips span.on {
    border-bottom: 2px solid #00d36a;
}

.ziliao_box_warp .top-tips span {
    width: 0.8rem;
    height: 0.76rem;
    font-size: 0.3rem;
    color: #000;
    line-height: 0.76rem;
    cursor: pointer;
    position: relative;
    text-align: center;
}

.ziliao_box_warp .top-tips .shax-tips i {
    width: 0.12rem;
    height: 0.08rem;
    display: inline-block;
    margin-left: 0.12rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -3.8rem -1.87rem;
    position: absolute;
    top: 0.4rem;
}

.ziliao_box_warp .top-tips .shax-tips.on i {
    transform: rotate(180deg);
}

.ziliao_box_warp .all-test {
    font-size: 0.28rem;
}

.ziliao_box_warp .all-test li {
    line-height: 0.9rem;
    position: relative;
    border-bottom: 1px dashed #e5e4e4;
    padding: 0 0.3rem;
}

.ziliao_box_warp .all-test li:last-child {
    border-bottom: 0;
}

.ziliao_box_warp .all-test li a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0.28rem;
}

.ziliao_box_warp .all-test li i {
    position: absolute;
    width: 0.06rem;
    height: 0.06rem;
    border-radius: 100%;
    background-color: #b8b8b8;
    top: 50%;
    margin-top: -0.022rem;
    left: 0.14rem;
}

.ziliao_box_warp .masker-wrap .masker-cont-sel {
    position: absolute;
    width: 100%;
    padding: 0 0.28rem 0.25rem;
    overflow: hidden;
    border-radius: 0;
    top: 1.66rem;
    left: 50%;
    box-sizing: border-box;
    margin-left: -3.75rem;
    background: #fff;
    z-index: 103;
    max-width: 7.5rem;
    display: none;
}

.ziliao_box_warp .masker-wrap .masker-cont-sel.active {
    display: block;
}

.ziliao_box_warp .masker-wrap .cont {
    padding-bottom: 0.17rem;
    border-bottom: 1px solid #d7d7d7;
}

.ziliao_box_warp .masker-wrap .cont h3 {
    font-size: 0.3rem;
    padding-top: 0.4rem;
    padding-bottom: 0.26rem;
}

.ziliao_box_warp .masker-wrap .cont li,
.ziliao_box_warp .masker-wrap .set-wrap>span,
.ziliao_box_warp .masker-wrap .set-wrap>a {
    float: left;
    width: 2.1rem;
    height: 0.68rem;
    color: #757575;
    border: 1px solid #c1c1c1;
    border-radius: 0.1rem;
    text-align: center;
    line-height: 0.68rem;
    margin-bottom: 0.25rem;
    cursor: pointer;
}

.ziliao_box_warp .masker-wrap .cont li {
    margin: 0 0 0.25rem 0.0965rem;
}

@media screen and (max-width: 375px) {
    .ziliao_box_warp .masker-wrap .cont li {
        margin: 0 0.082rem 0.25rem;
    }
}

.ziliao_box_warp .masker-wrap .cont li.on {
    background: #00d36a;
    border: 1px solid #00d36a;
    color: #fff;
}

.ziliao_box_warp .masker-wrap .set-wrap {
    padding-top: 0.3rem;
}

.ziliao_box_warp .masker-wrap .set-wrap #resetBtn {
    color: #00d36a;
    border: 1px solid #00d36a;
    margin-right: 0.38rem;
    margin-left: 1.23rem;
}

.ziliao_box_warp .masker-wrap .set-wrap #okBtn {
    background-color: #00d36a;
    color: #fff;
    border: 1px solid #00d36a;
}

.zcard_jh_box {
    background: #f2f2f2;
    padding-bottom: 0.8rem;
    /*没有代金券的情况*/
}

.zcard_jh_box .card-infor {
    background: #fff;
    border-radius: 10px;
    padding: 0.25rem 0.2rem;
    box-sizing: border-box;
    margin-bottom: 0.2rem;
    margin-top: 0.2rem;
}

.zcard_jh_box .card-infor .tips-p {
    font-size: 0.2rem;
    color: #ff494a;
    margin-bottom: 0.3rem;
    padding-left: 1.06rem;
    display: none;
}

.zcard_jh_box .card-infor .list-infor {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 0.12rem;
    font-size: 0.26rem;
}

.zcard_jh_box .card-infor .list-infor .tips {
    width: 1.06rem;
    text-align: left;
    display: inline-block;
}

.zcard_jh_box .card-infor .list-infor input {
    width: 5.62rem;
    height: 0.54rem;
    border: 1px solid #b7b7b7;
    text-indent: 0.15rem;
    font-size: 0.24rem;
}

.zcard_jh_box .card-infor .list-infor input:focus {
    border: 1px solid #ff0201;
}

.zcard_jh_box .card-infor .ver-code input {
    width: 3.7rem;
}

.zcard_jh_box .card-infor .ver-code .code-img {
    width: 0.98rem;
    height: 0.56rem;
    margin-left: 0.06rem;
}

.zcard_jh_box .card-infor .ver-code .change {
    width: 0.84rem;
    text-align: right;
}

.zcard_jh_box .card-infor button {
    width: 2.68rem;
    height: 0.63rem;
    background: #fff;
    border: 1px solid #20d671;
    color: #20d671;
    border-radius: 50px;
    margin: 0.28rem auto 0;
    display: block;
    font-size: 0.28rem;
}

.zcard_jh_box .my-coupon {
    background: #fff;
    padding: 0 0.2rem 0.16rem;
    border-radius: 15px;
    box-sizing: border-box;
    margin-bottom: 0.2rem;
}

.zcard_jh_box .my-coupon h3,
.zcard_jh_box .use-konwledge h3 {
    font-size: 0.28rem;
    font-weight: normal;
    padding: 0.25rem 0;
}

.zcard_jh_box .coupon-infor {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.zcard_jh_box .coupon-infor .line {
    width: 1px;
    height: 1.85rem;
    border-right: 1px dashed #f6c386;
}

.zcard_jh_box .coupon-infor .left-cont {
    width: 4.88rem;
    padding: 0.3rem 0.1rem;
    background: #fff4f3;
    border-radius: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 1.35rem;
}

.zcard_jh_box .coupon-infor .money {
    width: 1.2rem;
    height: 1.2rem;
    background: #fff;
    border-radius: 5px;
    font-size: 0.19rem;
    color: #f34e00;
    text-align: center;
    margin-right: 0.15rem;
}

.zcard_jh_box .coupon-infor .money p {
    color: #f34e00;
    text-align: center;
    margin-right: 0.15rem;
}

.zcard_jh_box .coupon-infor .money .num {
    font-size: 0.44rem;
    padding-top: 0.15rem;
    font-weight: bold;
}

.zcard_jh_box .coupon-infor .money .num>span {
    font-size: 0.18rem;
}

.zcard_jh_box .coupon-infor .time {
    width: 3.5rem;
    font-size: 0.22rem;
}

.zcard_jh_box .coupon-infor .time p {
    margin-bottom: 0.05rem;
}

.zcard_jh_box .coupon-infor .time .get-time {
    color: #f34e00;
}

.zcard_jh_box .coupon-infor .time .sm-time {
    font-size: 0.22rem;
    position: relative;
    padding-left: 0.8rem;
}

.zcard_jh_box .coupon-infor .time .sm-time span {
    position: absolute;
    left: 0;
}

.zcard_jh_box .coupon-infor .right-cont {
    width: 1.58rem;
    height: 1.35rem;
    background: #fff4f3;
    border-radius: 15px;
    padding: 0.3rem 0;
}

.zcard_jh_box .coupon-infor .right-cont a {
    width: 1.3rem;
    height: 0.48rem;
    text-align: center;
    line-height: 0.48rem;
    background: #ff8d00;
    background: linear-gradient(90deg, #ff8d00, #ff5b27);
    color: #fff;
    border-radius: 50px;
    margin: 0.45rem auto 0;
    font-size: 0.26rem;
    margin-left: 0.13rem;
}

.zcard_jh_box .coupon-infor .use-rule i {
    width: 0.16rem;
    height: 0.08rem;
    display: inline-block;
    margin-left: 0.06rem;
    position: relative;
    top: -0.04rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -3.61rem -1.98rem;
}

.zcard_jh_box .coupon-infor .use-rule i.on {
    transform: rotate(180deg);
}

.zcard_jh_box .my-coupon .rules {
    font-size: 0.2rem;
    padding-top: 0.12rem;
    display: none;
}

.zcard_jh_box .my-coupon .more-text span {
    margin-left: 0.15rem;
}

.zcard_jh_box .use-konwledge {
    padding: 0rem 0.2rem 0.25rem;
    background: #fff;
    border-radius: 15px;
    box-sizing: border-box;
    font-size: 0.22rem;
    color: #666;
    line-height: 0.38rem;
}

.zcard_jh_box .empty {
    font-size: 0.28rem;
    color: #999;
    text-align: center;
    display: none;
}

.lb_class_box {
    background: #f2f2f2;
    padding-bottom: 0.8rem;
}

.lb_class_box .classes-wrap {
    background: #fff;
}

.lb_class_box .page-title h2 {
    font-size: 0.28rem;
    padding-top: 0.26rem;
    padding-bottom: 0.26rem;
    font-weight: 600;
    line-height: 0.5rem;
}

.lb_class_box .page-title {
    padding-bottom: 0.25rem;
    border-bottom: 1px solid #e0e0e0;
}

.lb_class_box .page-title p {
    font-size: 0.2rem;
    color: #ff702c;
}

.lb_class_box .page-title h2 span {
    font-size: 0.26rem;
    color: #666;
    float: right;
    margin-right: 0.1rem;
}

.lb_class_box .classes-wrap {
    padding: 0 3%;
}

.lb_class_box .classes-wrap .classes-ul li {
    padding: 0.3rem 0;
    border-bottom: 1px solid #e0e0e0;
}

.lb_class_box .classes-wrap .classes-ul li a {
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lb_class_box .classes-wrap .classes-ul li:last-child {
    border-bottom: 0;
}

.lb_class_box .classes-wrap .classes-ul .left-text {
    width: 5.515rem;
}

.lb_class_box .classes-wrap .classes-ul .right-tips {
    width: 1.12rem;
    height: 0.4rem;
    border-radius: 0.1rem;
    text-align: center;
    line-height: 0.4rem;
    color: #00d36a;
    border: 1px solid #00d36a;
}

.lb_class_box .classes-wrap .classes-ul .playback {
    color: #ff702c;
    border: 1px solid #ff702c;
}

.lb_class_box .classes-wrap .classes-ul .not-started {
    color: #ff702c;
    border: 1px solid #c6c6c6;
    color: #666;
}

.card_910_box {
    background: #f2f2f2;
    padding-bottom: 0.8rem;
}

.card_910_box .use-konwledge h3 {
    font-size: 0.28rem;
    font-weight: normal;
    padding: 0.25rem 0;
}

.card_910_box .use-konwledge {
    padding: 0rem 0.2rem 0.25rem;
    background: #fff;
    border-radius: 15px;
    box-sizing: border-box;
    font-size: 0.22rem;
    color: #666;
    line-height: 0.38rem;
}

.card_910_box .cont-box {
    background: #fff;
    border-radius: 15px;
    padding: 0 0.2rem;
    box-sizing: border-box;
    margin-bottom: 0.2rem;
}

.card_910_box .cont-box01 {
    padding-top: 0.4rem;
    margin-top: 0.2rem;
    padding-bottom: 0.4rem;
}

.card_910_box .cont-box01 input {
    width: 5.2rem;
    height: 0.5rem;
    border: 1px solid #c0c0c0;
    border-radius: 0.1rem;
    text-indent: 0.15rem;
    font-size: 0.22rem;
}

.card_910_box .cont-box01 button {
    color: #fff;
    background: #00d05d;
    width: 1.3rem;
    height: 0.52rem;
    text-align: center;
    border-radius: 0.1rem;
    line-height: 0.52rem;
    font-size: 0.22rem;
    display: inline-block;
    margin-left: 0.025rem;
}

.card_910_box .cont-box02 {
    padding-top: 0.3rem;
    padding-bottom: 0.15rem;
}

.card_910_box .cont-box02 dl {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 0.2rem;
}

.card_910_box .cont-box02 dl dd {
    width: 5.25rem;
    margin-right: 0.25rem;
}

.card_910_box .cont-box02 dl dd p {
    margin-bottom: 0.16rem;
}

.card_910_box .cont-box02 dl .active-code {
    font-size: 0.26rem;
    color: #ff5c27;
}

.card_910_box .cont-box02 dl dt a {
    width: 1.1rem;
    height: 0.52rem;
    border: 1px solid #00d980;
    color: #00d980;
    border-radius: 0.1rem;
    text-align: center;
    line-height: 0.52rem;
}

.card_910_box .masker-cont {
    display: none;
    width: 4.3rem;
    height: 3.7rem;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -2.15rem;
    margin-top: -1.85rem;
}

.card_910_box .masker-cont h3 {
    font-size: 0.26rem;
    color: #ff5c27;
    padding-top: 0.45rem;
    padding-bottom: 0.3rem;
    text-align: center;
}

.card_910_box .masker-cont p {
    font-size: 0.2rem;
    color: #000;
    padding: 0 0.2rem;
    line-height: 0.34rem;
}

.card_910_box .masker-cont .ok-btn {
    width: 2.05rem;
    height: 0.54rem;
    border: 1px solid #00d980;
    color: #00d980;
    border-radius: 50px;
    margin: 0.15rem auto 0;
    text-align: center;
    line-height: 0.54rem;
}

.card_910_box .nodata {
    text-align: center;
    padding: 0.2rem 0 0.5rem;
}

.order_box_wamp .session-box {
    margin-top: 10px;
    width: calc(100% + 80px);
    overflow-x: auto;
    position: relative;
    background: #fff;
}

.order_box_wamp .session-box .session-content {
    width: calc(100% - 80px);
}

.order_box_wamp .session-box .del-btn {
    width: 80px;
    background-color: darkred;
    color: #ffffff;
    font-weight: normal;
    float: left;
}

@media screen and (min-width: 750px) {
    .order_box_wamp ::-webkit-scrollbar {
        display: none;
    }

    .order_box_wamp .session-box {
        width: calc(100% + 140px);
    }

    .order_box_wamp .session-box .session-content {
        width: calc(100% - 140px);
    }

    .order_box_wamp .session-box .del-btn {
        width: 140px;
    }
}

.order_box_wamp .recom-wrap {
    background: #fff;
    padding-top: 0.44rem;
    padding-bottom: 0.1rem;
}

.order_box_wamp .recom-wrap h2 {
    font-size: 0.36rem;
    color: #f34e00;
    font-weight: normal;
    text-align: center;
    margin-bottom: 0.18rem;
}

.order_box_wamp .recom-wrap h2 i {
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    background: url(../images/heart.png);
    background-size: 100% 100%;
    margin-right: 0.15rem;
}

.order_box_wamp .recom-wrap dl {
    padding: 0.3rem 2% 0.38rem;
    border-bottom: 1px solid #edeced;
}

.order_box_wamp .recom-wrap dl dd {
    width: 2.25rem;
    overflow: hidden;
    position: relative;
}

.order_box_wamp .recom-wrap dl dd a img {
    width: 100%;
    height: 100%;
}

.order_box_wamp .recom-wrap dl dd i {
    position: absolute;
    width: 0.66rem;
    height: 0.36rem;
    background: #3cdd8d;
    color: #fff;
    left: 0;
    top: 0;
    font-size: 0.16rem;
    font-style: normal;
    text-align: center;
    line-height: 0.36rem;
}

.order_box_wamp .recom-wrap dl dd .go-watch,
.order_box_wamp .recom-wrap dl dd .go-watch-days {
    padding: 0.1rem 0.08rem;
    border-radius: 5px;
    border: 1px solid #00d36a;
    display: inline-block;
    color: #30ce75;
    font-size: 0.22rem;
    margin-top: 0.3rem;
}

.order_box_wamp .recom-wrap dl dt {
    width: 4.5rem;
}

.order_box_wamp .recom-wrap dl dt h3 {
    font-size: 0.28rem;
    font-weight: normal;
    color: #333;
    line-height: 1.2;
    margin-bottom: 0.05rem;
}

.order_box_wamp .recom-wrap dl dt h4 {
    font-size: 0.22rem;
    font-weight: normal;
    color: #999;
    margin-bottom: 0.05rem;
}

.order_box_wamp .recom-wrap .price-links {
    margin-top: 0.25rem;
}

.order_box_wamp .recom-wrap .price-links span {
    font-size: 0.4rem;
    color: #ff2e56;
}

.order_box_wamp .recom-wrap .price-links span.old-price {
    text-decoration: line-through;
    margin-left: 0.1rem;
    font-size: 0.22rem;
    color: #999;
}

.order_box_wamp .list-wrap {
    width: 7.5rem;
    overflow: hidden;
    margin-top: 0.1rem;
}

.order_box_wamp .list-wrap .list {
    width: calc(100% + 80px);
    height: 1.7rem;
    background: #fff;
    font-size: 0.22rem;
}

.order_box_wamp .list-wrap .course-name {
    margin-bottom: 0.25rem;
    padding: 0.2rem;
}

.order_box_wamp .list-wrap .price-wrap {
    color: #f34e00;
    padding: 0.2rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: absolute;
    top: 0.9rem;
}

.order_box_wamp .list-wrap .price-wrap a {
    color: #ff8202;
    width: 1.08rem;
    height: 0.38rem;
    border: 1px solid #ff8202;
    border-radius: 0.1rem;
    text-align: center;
    line-height: 0.38rem;
    margin-left: 0.2rem;
}

.order_box_wamp .list-wrap .list .left-cont {
    width: calc(100% - 80px);
    position: relative;
    box-sizing: border-box;
}

.order_box_wamp .list-wrap .list .left-cont.del {
    width: 5.6rem;
    padding-right: 0;
}

.order_box_wamp .list-wrap .list .right-del {
    width: 80px;
    background: #fe6d00;
    height: 1.7rem;
    line-height: 1.7rem;
    color: #fff;
    text-align: center;
}

@media screen and (min-width: 750px) {
    .order_box_wamp .list-wrap .list {
        width: calc(100% + 140px);
    }

    .order_box_wamp .list-wrap .list .left-cont {
        width: calc(100% - 140px);
    }

    .order_box_wamp .list-wrap .list .right-del {
        width: 140px;
    }
}

.order_box_wamp .total-wrap {
    padding: 0 0.2rem;
    width: 100%;
    height: 1.1rem;
    background: #fff;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    font-size: 0.22rem;
    max-width: 7.5rem;
    margin-bottom: 0.8rem;
    justify-content: space-between;
}

.order_box_wamp .total-wrap .total-num {
    width: 2.35rem;
    height: 0.76rem;
    background: #ff8e00;
    background: linear-gradient(90deg, #ff8e00, #ff5929);
    color: #fff;
    border-radius: 0.35rem;
    line-height: 0.76rem;
    text-align: center;
    font-size: 0.26rem;
}

/* 订单详情 */
.tea_order_box {
    background: #f2f2f2;
    padding-bottom: 0.8rem;
}

.tea_order_box .stepWrap {
    padding: 0.6rem 3% 0.56rem;
    background: #fff;
}

.tea_order_box .stepWrap ul {
    width: 6.35rem;
    margin: 0 auto;
    position: relative;
}

.tea_order_box .stepWrap ul .bar {
    width: 5rem;
    height: 1px;
    background: #dadada;
    position: absolute;
    top: 0.285rem;
    left: 50%;
    margin-left: -2.5rem;
    z-index: 1;
}

.tea_order_box .stepWrap ul .bar .process {
    position: absolute;
    left: 0;
    top: 0;
    width: 48%;
    height: 1px;
    background: #fcbb29;
}

.tea_order_box .stepWrap li {
    float: left;
    text-align: center;
    position: relative;
    z-index: 2;
}

.tea_order_box .stepWrap li:nth-child(2) {
    margin: 0 1.485rem;
}

@media screen and (max-width: 320px) {
    .tea_order_box .stepWrap li:nth-child(2) {
        margin: 0 1.3rem;
    }
}

.tea_order_box .stepWrap li span {
    display: block;
    width: 0.57rem;
    height: 0.57rem;
    color: #fff;
    text-align: center;
    line-height: 0.57rem;
    margin: 0 auto 0.2rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -3.17rem -2.27rem;
}

.tea_order_box .stepWrap li.on span {
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -3.77rem -2.27rem;
}

.tea_order_box .couse-list-wrap,
.tea_order_box .settlement-detail,
.tea_order_box .user-massage {
    padding: 0 3%;
    background: #fff;
    overflow: hidden;
}

.tea_order_box .couse-list-wrap h2,
.tea_order_box .settlement-detail h2,
.tea_order_box .user-massage h2 {
    font-size: 0.34rem;
    padding-top: 0.3rem;
}

.tea_order_box .couse-list-wrap h3 {
    font-weight: normal;
    padding: 0.25rem 0;
    font-size: 0.26rem;
}

.tea_order_box .couse-list-wrap .list-course dl {
    padding-bottom: 0.22rem;
    border-bottom: 1px solid #e7e7e7;
    overflow: hidden;
}

.tea_order_box .couse-list-wrap .list-course dd {
    width: 2.5rem;
    height: 1.58rem;
    margin-right: 0.25rem;
}

.tea_order_box .couse-list-wrap .list-course dd img {
    width: 100%;
    height: 100%;
}

.tea_order_box .couse-list-wrap .list-course dt {
    width: 4.3rem;
    position: relative;
    font-size: 0.22rem;
    height: 1.58rem;
}

.tea_order_box .couse-list-wrap .list-course dt p {
    margin-bottom: 0.15rem;
    line-height: 0.24rem;
}

.tea_order_box .couse-list-wrap .list-course .check-link {
    position: absolute;
    bottom: -0.1rem;
    right: 0;
    width: 1.38rem;
    height: 0.48rem;
    border-radius: 0.1rem;
    border: 1px solid #20d671;
    color: #20d671;
    text-align: center;
    line-height: 0.48rem;
}

.tea_order_box .couse-list-wrap .use-card {
    color: #f34e00;
    font-size: 0.2rem;
}

.tea_order_box .couse-list-wrap input[type="checkbox"],
.tea_order_box .settlement-detail input[type="checkbox"],
.tea_order_box .user-massage .reading-text input[type="checkbox"] {
    display: none;
}

.tea_order_box .user-massage .reading-text a {
    color: #f30;
}

.tea_order_box .couse-list-wrap input[type="checkbox"]+label:before,
.tea_order_box .settlement-detail input[type="checkbox"]+label:before,
.tea_order_box .user-massage .reading-text input[type="checkbox"]+label:before {
    display: inline-block;
    width: 0.23rem;
    height: 0.23rem;
    content: "";
    border: 1px solid #f34e00;
    border-radius: 100%;
    margin-right: 0.07rem;
    vertical-align: middle;
    position: relative;
    top: -0.025rem;
}

.tea_order_box .user-massage .reading-text input[type="checkbox"]+label:before {
    border: 1px solid #ced0cf;
}

.tea_order_box .couse-list-wrap input[type="checkbox"]:checked+label:before,
.tea_order_box .settlement-detail input[type="checkbox"]:checked+label:before,
.tea_order_box .user-massage .reading-text input[type="checkbox"]:checked+label:before {
    width: 0.25rem;
    height: 0.25rem;
    border: none;
    border-radius: 0;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -4.24rem -2.88rem;
}

.tea_order_box .couse-list-wrap .sel-wrap select {
    font-size: 0.2rem;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/select.png) 90% center no-repeat;
    background-size: 0.16rem 0.08rem;
    border: 1px solid #cdcdcd;
    border-radius: 0.1rem;
    width: 1.33rem;
    height: 0.4rem;
    text-indent: 0.15rem;
}

.tea_order_box .couse-list-wrap .sel-wrap span {
    color: #f34e00;
    margin-right: 0.1rem;
}

.tea_order_box .settlement-detail h2 {
    padding: 0.34rem 0;
}

.tea_order_box .settlement-detail {
    font-size: 0.22rem;
    padding-bottom: 0.4rem;
}

.tea_order_box .settlement-detail p {
    margin-bottom: 0.18rem;
}

.tea_order_box .settlement-detail #go-active {
    color: #e15b27;
}

.tea_order_box .user-massage h2 {
    padding-bottom: 0.35rem;
}

.tea_order_box .user-massage input,
.tea_order_box .user-massage textarea {
    width: 5.35rem;
    height: 0.47rem;
    border-radius: 0.1rem;
    border: 1px solid #cdcdcd;
    text-indent: 3px;
}

.tea_order_box .user-massage .sm-title {
    display: inline-block;
    width: 1.2rem;
    text-align: right;
    margin-right: 0.15rem;
}

.tea_order_box .user-massage .list-userIinfor {
    margin-bottom: 0.15rem;
    position: relative;
    font-size: 0.22rem;
}

.tea_order_box .user-massage .order-bj {
    padding-left: 1.45rem;
    margin-bottom: 0.26rem;
}

.tea_order_box .user-massage .order-bj .sm-title {
    position: absolute;
    top: 0;
    left: 0;
}

.tea_order_box .user-massage textarea {
    height: 1.98rem;
}

.tea_order_box .user-massage .list-userIinfor .error-tips {
    color: #f34e00;
    padding-left: 1.45rem;
    padding-top: 0.1rem;
}

.tea_order_box .user-massage .total-money {
    margin-bottom: 0.22rem;
}

.tea_order_box .user-massage .total-money .money {
    color: #f34e00;
}

.tea_order_box .user-massage .distpicker {
    display: inline-block;
}

.tea_order_box .user-massage .distpicker select {
    width: 2.65rem;
    height: 0.54rem;
    border: 1px solid #d4d4d4;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/select.png) 95% center no-repeat;
    background-size: 0.24rem 0.12rem;
    text-indent: 0.15rem;
    font-size: 0.26rem;
    color: #666;
    border-radius: 5px;
}

.tea_order_box .user-massage .reading-text {
    padding-left: 1.35rem;
    padding-bottom: 0.6rem;
}

@media screen and (max-width: 320px) {
    .tea_order_box .user-massage .reading-text {
        padding-left: 1.15rem;
    }
}

.tea_order_box .user-massage .reading-text p.tips {
    color: #e15b27;
    padding-top: 0.1rem;
    margin-left: 0.35rem;
}

.tea_order_box .user-massage .submitBtn {
    width: 5.8rem;
    height: 0.9rem;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    line-height: 0.9rem;
    font-size: 0.4rem;
    display: block;
    background: #00d05d;
    margin: 0 auto 0.76rem;
}

.tea_order_box .user-massage .list-userIinfor i {
    font-style: normal;
    color: #ff4b3d;
    position: absolute;
    top: 0.15rem;
    right: 0;
}

.tea_order_box .masker-wrap .masker-cont,
.tea_order_box .active-masker-cont {
    width: 5.05rem;
    background: #fff;
    border-radius: 0.15rem;
    height: 5.6rem;
    box-sizing: border-box;
    font-size: 0.22rem;
    position: fixed;
}

.tea_order_box .active-masker-cont .close {
    background: url(../images/close_1.png) no-repeat;
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    top: 0.1rem;
    right: 0.1rem;
}

.tea_order_box .masker-wrap .masker-cont h3 {
    font-weight: normal;
    text-align: center;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    font-size: 0.26rem;
}

.tea_order_box .masker-wrap .masker-cont,
.tea_order_box .active-masker-cont {
    padding: 0 0.1rem 0 0.3rem;
}

.tea_order_box .masker-wrap h4 {
    font-weight: normal;
    color: #999;
    text-align: center;
    padding-bottom: 0.1rem;
}

.tea_order_box .masker-wrap .masker-cont p {
    line-height: 0.5rem;
}

.tea_order_box .masker-wrap .btn-wrap button {
    width: 2.08rem;
    height: 0.53rem;
    line-height: 0.53rem;
    border-radius: 50px;
    text-align: center;
    border: 1px solid #d5d5d5;
    background: #fff;
    color: #666;
    font-size: 0.26rem;
}

.tea_order_box .masker-wrap .btn-wrap button.confirm-btn {
    border: 1px solid #00d05d;
    color: #00d05d;
    margin-left: 0.2rem;
}

.tea_order_box .masker-wrap .btn-wrap {
    padding-top: 0.4rem;
}

.tea_order_box .active-masker-cont {
    width: 5.25rem;
    height: 3.6rem;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -1.8rem;
    margin-left: -2.52rem;
    z-index: 103;
    color: #666;
    padding: 0.3rem 0.1rem;
    display: none;
}

.tea_order_box .active-masker-cont input,
.tea_order_box .active-masker-cont .ver-code-img {
    height: 0.54rem;
    border-radius: 5px;
    border: 1px solid #bfbfbf;
}

.tea_order_box .active-masker-cont input {
    width: 3rem;
    padding-left: 0.1rem;
    box-sizing: border-box;
}

.tea_order_box .active-masker-cont .left-tips {
    width: 0.9rem;
    text-align: right;
    margin-right: 0.15rem;
}

.tea_order_box .active-masker-cont .list-info {
    margin-bottom: 0.1rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    flex-direction: row;
}

.tea_order_box .active-masker-cont .ver-code input {
    width: 1.58rem;
}

.tea_order_box .active-masker-cont .ver-code-img {
    text-align: center;
    width: 1.28rem;
    margin-left: 0.1rem;
}

.tea_order_box .active-masker-cont .ver-code-img img {
    vertical-align: middle;
    width: 1.12rem;
}

.tea_order_box .active-masker-cont #change {
    height: 0.56rem;
    margin-left: 0.1rem;
    line-height: 0.56rem;
}

.tea_order_box .active-masker-cont button {
    width: 4.08rem;
    height: 0.58rem;
    border-radius: 50px;
    text-align: center;
    line-height: 0.58rem;
    background-color: #00d05d;
    font-size: 0.22rem;
    color: #fff;
    margin: 0.35rem auto 0;
    display: block;
}

/* 支付详情 */
.tea_order_sec,
.pay_success_box {
    background: #f2f2f2;
    padding-bottom: 0.8rem;
}

.tea_order_sec .stepWrap,
.pay_success_box .stepWrap {
    padding: 0.6rem 3% 0.56rem;
    background: #fff;
}

.tea_order_sec .stepWrap ul,
.pay_success_box .stepWrap ul {
    width: 6.35rem;
    margin: 0 auto;
    position: relative;
}

.tea_order_sec .stepWrap ul .bar,
.pay_success_box .stepWrap ul .bar {
    width: 5rem;
    height: 1px;
    background: #dadada;
    position: absolute;
    top: 0.285rem;
    left: 50%;
    margin-left: -2.5rem;
    z-index: 1;
}

.tea_order_sec .stepWrap ul .bar .process,
.pay_success_box .stepWrap ul .bar .process {
    position: absolute;
    left: 0;
    top: 0;
    width: 48%;
    height: 1px;
    background: #fcbb29;
}

.tea_order_sec .stepWrap li,
.pay_success_box .stepWrap li {
    float: left;
    text-align: center;
    position: relative;
    z-index: 2;
}

.tea_order_sec .stepWrap li:nth-child(2),
.pay_success_box .stepWrap li:nth-child(2) {
    margin: 0 1.485rem;
}

@media screen and (max-width: 320px) {

    .tea_order_sec .stepWrap li:nth-child(2),
    .pay_success_box .stepWrap li:nth-child(2) {
        margin: 0 1.3rem;
    }
}

.tea_order_sec .stepWrap li span,
.pay_success_box .stepWrap li span {
    display: block;
    width: 0.57rem;
    height: 0.57rem;
    color: #fff;
    text-align: center;
    line-height: 0.57rem;
    margin: 0 auto 0.2rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -3.17rem -2.27rem;
}

.tea_order_sec .stepWrap li.on span,
.pay_success_box .stepWrap li.on span {
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -3.77rem -2.27rem;
}

.tea_order_sec .user-order-infor,
.pay_success_box .user-order-infor {
    background: #fff;
    padding: 0 3% 1.05rem;
    overflow: hidden;
}

.tea_order_sec .user-order-infor .success-tips,
.pay_success_box .user-order-infor .success-tips {
    text-align: center;
    padding-top: 0.65rem;
    color: #666;
}

.tea_order_sec .user-order-infor .success-tips img,
.pay_success_box .user-order-infor .success-tips img {
    width: 1.49rem;
    height: 1.87rem;
}

.tea_order_sec .user-order-infor .success-tips>p,
.pay_success_box .user-order-infor .success-tips>p {
    padding: 0.28rem 0 0.6rem;
}

.tea_order_sec .user-order-infor .order-detail,
.pay_success_box .user-order-infor .order-detail {
    padding-bottom: 0.3rem;
    border-bottom: 1px solid #e3e3e3;
}

.tea_order_sec .user-order-infor .order-detail>p,
.pay_success_box .user-order-infor .order-detail>p {
    line-height: 0.46rem;
}

.tea_order_sec .user-order-infor .order-detail>p .link,
.pay_success_box .user-order-infor .order-detail>p .link {
    color: #f34e00;
    display: inline-block;
    line-height: 0.24rem;
}

.tea_order_sec .user-order-infor .more-sel h2,
.pay_success_box .user-order-infor .more-sel h2,
.tea_order_sec .user-order-infor .pay-method h2,
.pay_success_box .user-order-infor .pay-method h2 {
    font-size: 0.34rem;
    margin-bottom: 0.2rem;
    padding-top: 0.2rem;
}

.tea_order_sec .user-order-infor .more-sel .links a,
.pay_success_box .user-order-infor .more-sel .links a {
    float: left;
    color: #00d05d;
    font-size: 0.22rem;
    border: 1px solid #00d05d;
    border-radius: 0.1rem;
    height: 0.48rem;
    line-height: 0.48rem;
    width: 1.44rem;
    text-align: center;
    margin-right: 0.12rem;
}

.tea_order_sec .user-order-infor .more-sel,
.pay_success_box .user-order-infor .more-sel {
    padding-bottom: 0.28rem;
    border-bottom: 1px solid #e3e3e3;
}

.tea_order_sec .user-order-infor .tg-course h2,
.pay_success_box .user-order-infor .tg-course h2 {
    font-size: 0.26rem;
    padding: 0.24rem 0;
}

.tea_order_sec .user-order-infor .tg-course a,
.pay_success_box .user-order-infor .tg-course a {
    font-size: 0.22rem;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    align-items: center;
    padding: 0.2rem 0;
    border-bottom: 1px solid #e6e6e6;
}

.tea_order_sec .user-order-infor .tg-course .num,
.pay_success_box .user-order-infor .tg-course .num {
    display: block;
    width: 0.36rem;
    height: 0.36rem;
    color: #00d05d;
    border: 1px solid #00d05d;
    text-align: center;
    line-height: 0.36rem;
    border-radius: 100%;
    margin-right: 0.15rem;
}

.tea_order_sec .user-order-infor .tg-course .text,
.pay_success_box .user-order-infor .tg-course .text {
    width: 4.75rem;
    margin-right: 0.5rem;
}

.tea_order_sec .user-order-infor .tg-course .go-span,
.pay_success_box .user-order-infor .tg-course .go-span {
    width: 1.2rem;
    height: 0.45rem;
    border: 1px solid #ff5018;
    color: #ff5018;
    border-radius: 0.1rem;
    text-align: center;
    line-height: 0.45rem;
}

.tea_order_sec .user-order-infor .tg-course .money,
.pay_success_box .user-order-infor .tg-course .money {
    color: #f97450;
}

.tea_order_sec .pay-method .method-title,
.pay_success_box .pay-method .method-title {
    width: 3.38rem;
    height: 0.53rem;
    border: 1px solid #8d8d8d;
    float: left;
    text-align: center;
    line-height: 0.53rem;
    margin-bottom: 0.45rem;
}

.tea_order_sec .pay-method .method-title:nth-child(1),
.pay_success_box .pay-method .method-title:nth-child(1) {
    margin-right: 0.2rem;
}

.tea_order_sec .pay-method .method-title.on,
.pay_success_box .pay-method .method-title.on {
    border: 1px solid #ff3302;
    color: #ff3302;
    position: relative;
}

.tea_order_sec .pay-method .method-title.on em,
.pay_success_box .pay-method .method-title.on em {
    display: inline-block;
    width: 0.44rem;
    height: 0.44rem;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -1.8rem -3.29rem;
}

.tea_order_sec .pay-method .method02 .pay-text,
.pay_success_box .pay-method .method02 .pay-text {
    display: none;
}

.tea_order_sec .pay-method input[type="radio"],
.pay_success_box .pay-method input[type="radio"] {
    display: none;
}

.tea_order_sec .pay-method input[type="radio"]+label:before,
.pay_success_box .pay-method input[type="radio"]+label:before {
    display: inline-block;
    width: 0.24rem;
    height: 0.24rem;
    content: "";
    /* border: 1px solid #c7c7c7; */
    border-radius: 100%;
    margin-right: 0.07rem;
    vertical-align: middle;
    position: relative;
    top: -0.025rem;
    box-sizing: border-box;
}

.tea_order_sec .pay-method input[type="radio"]:checked+label:before,
.pay_success_box .pay-method input[type="radio"]:checked+label:before {
    width: 0.24rem;
    height: 0.24rem;
    border: none;
    border-radius: 0;
    /* background: url(../images/sprite_img.png) no-repeat;
  background-size: 4.65rem 3.77rem;
  background-position: -4.24rem -2.88rem; */
}

.tea_order_sec .pay-method .alipay img,
.pay_success_box .pay-method .alipay img {
    width: 1.2rem;
    height: 0.38rem;
    margin-left: 0.12rem;
}

.tea_order_sec .pay-method .wchat img,
.pay_success_box .pay-method .wchat img {
    width: 0.5rem;
    height: 0.46rem;
    margin-right: 0rem;
}

.tea_order_sec .pay-method .wchat,
.pay_success_box .pay-method .wchat,
.tea_order_sec .pay-method .alipay,
.pay_success_box .pay-method .alipay {
    font-size: 0.26rem;
    width: 50%;
}

.tea_order_sec .pay-method .wchat,
.pay_success_box .pay-method .wchat {
    padding-left: 0.25rem;
    box-sizing: border-box;
}

.tea_order_sec .pay-method .method02 p,
.pay_success_box .pay-method .method02 p {
    margin-bottom: 0.2rem;
}

.tea_order_sec .pay-method .method02 .have-money,
.pay_success_box .pay-method .method02 .have-money {
    color: #6ce8d4;
}

.tea_order_sec .pay-method .method02 .total,
.pay_success_box .pay-method .method02 .total,
.tea_order_sec .attention,
.pay_success_box .attention {
    color: #f34e00;
}

.tea_order_sec .user-order-infor #confirmBtn,
.pay_success_box .user-order-infor #confirmBtn {
    width: 5.8rem;
    height: 0.9rem;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    line-height: 0.9rem;
    font-size: 0.4rem;
    display: block;
    background: #00d05d;
    margin: 1.14rem auto 0.3rem;
}

.tea_order_sec .pay-fail-wrap,
.pay_success_box .pay-fail-wrap {
    padding-bottom: 0.8rem;
}

.tea_order_sec .pay-fail-wrap .order-detail,
.pay_success_box .pay-fail-wrap .order-detail {
    border: none;
}

.tea_order_sec .order-fail-wrap,
.pay_success_box .order-fail-wrap {
    padding-bottom: 0.8rem;
}

.tea_order_sec .order-fail-wrap .re-buy,
.pay_success_box .order-fail-wrap .re-buy {
    width: 3.48rem;
    height: 0.64rem;
    border-radius: 50px;
    color: #00d05d;
    border: 1px solid #00d05d;
    font-size: 0.3rem;
    text-align: center;
    line-height: 0.64rem;
    margin: 0 auto;
    display: block;
}

/* 购课须知 */
.gkxz_warp .top-links {
    padding: 0.3rem 3% 0;
    font-size: 0.3rem;
    border-bottom: 1px solid #ddd;
}

.gkxz_warp .top-links a {
    color: #000;
    padding-bottom: 0.24rem;
    float: left;
    position: relative;
    top: 1px;
}

.gkxz_warp .top-links a:nth-child(2) {
    margin: 0 0.97rem;
}

.gkxz_warp .top-links a:hover,
.gkxz_warp .top-links a.active {
    border-bottom: 1px solid #00d05d;
    color: #00d05d;
}

.gkxz_warp .text-wrap {
    padding: 0.45rem 3%;
    font-size: 0.22rem;
}

.gkxz_warp .text-wrap h3 {
    font-size: 0.26rem;
    margin-bottom: 0.32rem;
}

.gkxz_warp .text-wrap p {
    line-height: 0.42rem;
}

.gkxz_warp .text-wrap .sec-wrap {
    margin-bottom: 0.35rem;
}

.gkxz_warp .back {
    width: 5.8rem;
    height: 0.9rem;
    background: #00d05d;
    border-radius: 50px;
    color: #fff;
    font-size: 0.4rem;
    text-align: center;
    line-height: 0.9rem;
    margin: 0.3rem auto 0.8rem;
    display: block;
}

/* 查看物流 */
.logistics_warp {
    background: #f2f2f2;
    padding-bottom: 0.8rem;
}

.logistics_warp .logistics-state,
.logistics_warp .logistics-detail {
    width: 94%;
    margin: 0.2rem auto 0.2rem;
    background: #fff;
    padding: 0.4rem 0;
    border-radius: 0.15rem;
}

.logistics_warp .logistics-state dl {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 0.38rem;
}

.logistics_warp .logistics-state dd {
    margin-right: 0.55rem;
}

.logistics_warp .logistics-state dd img {
    width: 1.06rem;
    height: 0.78rem;
}

.logistics_warp .logistics-state p {
    line-height: 0.4rem;
}

.logistics_warp .logistics-state .sign-in {
    color: #ff6720;
}

.logistics_warp .logistics-state .no-tel {
    color: #adadad;
}

.logistics_warp .logistics-detail {
    padding: 0.4rem;
    box-sizing: border-box;
}

.logistics_warp .logistics-detail ul {
    border-left: 1px solid #eaeaea;
}

.logistics_warp .logistics-detail li i {
    position: absolute;
    top: 50%;
    left: -0.06rem;
    width: 0.12rem;
    height: 0.12rem;
    border-radius: 50%;
    background: #c4c4c4;
    margin-top: -0.06rem;
    font-style: normal;
}

.logistics_warp .logistics-detail li i.on:before {
    content: "收";
}

.logistics_warp .logistics-detail li i.on {
    width: 0.48rem;
    height: 0.48rem;
    background: #ff8300;
    background: linear-gradient(#ff8300, #ff6223);
    color: #fff;
    text-align: center;
    line-height: 0.48rem;
    left: -0.24rem;
    top: -0.24rem;
}

.logistics_warp .logistics-detail li {
    position: relative;
    width: 6.36rem;
    padding-left: 0.6rem;
    box-sizing: border-box;
    margin-bottom: 0.4rem;
}

.logistics_warp .logistics-detail li p {
    line-height: 0.4rem;
    margin-bottom: 0.14rem;
}

.logistics_warp .logistics-detail li .date {
    font-size: 0.22rem;
    color: #999;
}

/* 文章详情页 */
.article_warp {
    background: #f2f2f2;
    padding-bottom: 0.8rem;
}

.article_warp .artice_cont {
    background: #fff;
    padding: 0 0.3rem 0.3rem;
}

.article_warp .artice_cont .title-wrap {
    padding-bottom: 0.25rem;
    padding-top: 0.4rem;
    border-bottom: 1px solid #e3e3e3;
}

.article_warp .artice_cont .title-wrap h1 {
    font-size: 0.34rem;
    padding-bottom: 0.22rem;
    text-align: center;
}

.article_warp .artice_cont .title-wrap h4 {
    font-weight: normal;
    font-size: 0.22rem;
    color: #999;
    text-align: center;
}

.article_warp .artice_cont .parag-wrap {
    padding-top: 0.3rem;
}

.article_warp .artice_cont .parag-wrap p {
    font-size: 0.26rem;
    line-height: 0.42rem;
    margin-bottom: 0.35rem;
}
.artice_cont .parag-wrap img{
    max-width:100%;
}

/*.article_warp .artice_cont .parag-wrap table {*/
/*    box-sizing: border-box;*/
/*    font-size: 0.22rem;*/
/*    width: 100%;*/
/*    border-left: 1px solid #cccccc;*/
/*    border-bottom: 1px solid #cccccc;*/
/*    margin-bottom: 0.4rem;*/
/*}*/

/*.article_warp .artice_cont .parag-wrap table th,*/
/*.article_warp .artice_cont .parag-wrap table td {*/
/*    border-right: 1px solid #cccccc;*/
/*    border-top: 1px solid #cccccc;*/
/*    text-align: center;*/
/*}*/

/*.article_warp .artice_cont .parag-wrap table {*/
/*    border-top: 2px solid #3ccc86;*/
/*}*/

/*.article_warp .artice_cont .parag-wrap table td {*/
/*    padding: 0.24rem 0;*/
/*}*/

/*.article_warp .artice_cont .parag-wrap table th {*/
/*    padding: 0.16rem 0;*/
/*}*/

/*.article_warp .artice_cont .parag-wrap table a {*/
/*    color: #009bff;*/
/*    !* text-decoration: underline; *!*/
/*}*/

/*.article_warp .artice_cont .zkz-rk {*/
/*    display: block;*/
/*    text-align: center;*/
/*    font-size: 0.26;*/
/*    margin-bottom: 0.5rem;*/
/*}*/

/*.article_warp .artice_cont .zkz-rk img {*/
/*    width: 3.8rem;*/
/*    height: 1.14rem;*/
/*    display: block;*/
/*    margin: 0 auto 0.22rem;*/
/*}*/

/*.article_warp .download-p span {*/
/*    display: block;*/
/*    margin-bottom: 0.1rem;*/
/*}*/

.article_warp .over-tips {
    color: #999;
    margin-top: 1rem;
    padding-top: 0.35rem;
    margin-bottom: 1rem;
    position: relative;
    text-align: center;
    font-size: 0.2rem;
}

.article_warp .over-tips:before,
.article_warp .over-tips:after {
    content: "";
    position: absolute;
    top: 76%;
    background: #dfdfdf;
    width: 36%;
    height: 1px;
}

.article_warp .over-tips:before {
    left: 0;
}

.article_warp .over-tips:after {
    right: 0;
}

/* 搜索 */
.so_box_warp {
    background: #f2f2f2;
    padding-bottom: 0.8rem;
    /* 备考课程类型 */
    /**备考课程综合**/
    /**备考课程地区选择**/
    /**备考课程&考试资讯筛选**/
    /**备考课程&考试资讯筛选结束**/
    /**师资团队**/
}

.so_box_warp .tab-page-cont {
    background: #fff;
}

.so_box_warp .set-wrap {
    padding-top: 0.3rem;
}

.so_box_warp #resetBtn {
    color: #00d36a;
    border: 1px solid #00d36a;
    margin-right: 0.38rem;
    margin-left: 1.23rem;
    float: left;
    width: 2.1rem;
    height: 0.68rem;
    border-radius: 0.1rem;
    text-align: center;
    line-height: 0.68rem;
    margin-bottom: 0.25rem;
    cursor: pointer;
}

.so_box_warp #okBtn {
    float: left;
    width: 2.1rem;
    height: 0.68rem;
    border-radius: 0.1rem;
    text-align: center;
    line-height: 0.68rem;
    margin-bottom: 0.25rem;
    cursor: pointer;
    background-color: #00d36a;
    color: #fff;
    border: 1px solid #00d36a;
}

/* .so_box_warp .masker-cont-sel {
  display: none;
} */
.so_box_warp .masker-cont-sel.active {
    display: block;
}

.so_box_warp #serch-wrap {
    width: 100%;
    padding-bottom: 0.15rem;
    padding-top: 0.15rem;
    border-bottom: 1px solid #dbdbdb;
    background: #fff;
    position: absolute;
    top: 0.88rem;
    height: 0.6rem;
    max-width: 7.5rem;
    z-index: 100;
}

.so_box_warp #serch-wrap .search-inp {
    position: relative;
    width: 100%;
    /* margin-left: 0.09rem; */
    /* width: 6.92rem; */
}

.so_box_warp #serch-wrap input {
    height: 0.6rem;
    width: 100%;
    border-radius: 0.3rem;
    padding-left: 0.2rem;
    background: #f2f2f2;
    box-sizing: border-box;
}

.so_box_warp #serch-wrap .so_img {
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -3.36rem -3.26rem;
    width: 0.36rem;
    height: 0.35rem;
    position: absolute;
    top: 0.15rem;
    right: 0.1rem;
    cursor: pointer;
}

.so_box_warp .tab-page-wrap #tabPageMenu {
    width: 100%;
    max-width: 7.5rem;
    border-bottom: 1px solid #d0d0d0;
    padding-left: 3%;
    padding-right: 3%;
    height: 0.82rem;
    background: #fff;
    position: absolute;
    /* 88888 */
    top: -1.79rem;
    /* top: -1.1rem; */
    box-sizing: border-box;
    z-index: 100;
    display: flex;
    justify-content: space-between;
}

.so_box_warp .tab-page-wrap #tabPageMenu li {
    /* float: left; */
    text-align: center;
    /* margin: 0 0.5rem; */
    width: 33.33%;
    height: 0.8rem;
    line-height: 0.8rem;
}

.so_box_warp .tab-page-wrap #tabPageMenu li a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

@media screen and (min-width: 751px) {
    .so_box_warp .tab-page-wrap #tabPageMenu li {
        margin: 0 0.45rem;
    }
}

.so_box_warp .tab-page-wrap #tabPageMenu li.on {
    color: #30ce75;
    border-bottom: 1px solid #30ce75;
}

.so_box_warp .tab-page-wrap #tabPageCont .list-page.on {
    display: block;
}

.so_box_warp .sub-sel-wrap {
    width: 100%;
    max-width: 7.5rem;
    margin-bottom: 0.1rem;
    position: absolute;
    top: 2.61rem;
    overflow: hidden;
    background: #fff;
    z-index: 100;
}

.so_box_warp .zh-sub-list-cont li,
.so_box_warp .type-sub-list-cont li {
    width: 100%;
    text-align: center;
    color: #000;
    font-size: 0.26rem;
    height: 0.86rem;
    line-height: 0.86rem;
    border-bottom: 1px solid #e1e1e1;
}

.so_box_warp .zh-sub-list-cont li.on,
.so_box_warp .type-sub-list-cont li.on {
    color: #3ccc86;
}

.so_box_warp .bkzx-page .area-list-cont {
    padding: 0.2rem 0.25rem 0;
    overflow: hidden;
}

.so_box_warp .bkzx-page .area-list-cont li {
    width: 2.2rem;
    height: 0.78rem;
    background: #f8f8f8;
    border-radius: 3px;
    float: left;
    text-align: center;
    line-height: 0.78rem;
    margin: 0 0.06rem 0.14rem;
    color: #757575;
    font-size: 0.26rem;
}

.so_box_warp .bkzx-page .area-list-cont li.on,
.so_box_warp .bkzx-page .sx-list-cont .cont li.on {
    background: #00d36a;
    color: #fff;
}

.so_box_warp .bkzx-page .sx-list-cont .cont li.on,
.so_box_warp .kszx-page .sx-list-cont li.on {
    border: 1px solid #00d36a;
}

.so_box_warp .kszx-page .sx-list-cont li.on {
    background: #00d36a;
    color: #fff;
}

.so_box_warp .bkzx-page .sx-list-cont .cont,
.so_box_warp .kszx-page .sx-list-cont .cont {
    overflow: hidden;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 0.16rem;
}

.so_box_warp .bkzx-page .sx-list-cont .cont li,
.so_box_warp .bkzx-page .sx-list-cont .btn-wrap span,
.so_box_warp .kszx-page .sx-list-cont li,
.so_box_warp .kszx-page .sx-list-cont .btn-wrap span {
    float: left;
    width: 2.08rem;
    height: 0.66rem;
    text-align: center;
    line-height: 0.66rem;
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    color: #757575;
    font-size: 0.26rem;
    margin: 0 0.11rem 0.28rem;
}

.so_box_warp .bkzx-page .sx-list-cont h3,
.so_box_warp .kszx-page .sx-list-cont h3 {
    font-size: 0.28rem;
    margin-bottom: 0.34rem;
    padding-top: 0.48rem;
    padding-left: 0.115rem;
}

.so_box_warp .bkzx-page .sx-list-cont .btn-wrap,
.so_box_warp .kszx-page .sx-list-cont .btn-wrap {
    padding-top: 0.3rem;
    padding-bottom: 0.4rem;
}

.so_box_warp .bkzx-page .sx-list-cont .btn-wrap span.ok-btn,
.so_box_warp .kszx-page .sx-list-cont .btn-wrap span.ok-btn {
    border: 1px solid #00d36a;
    background-color: #00d36a;
    color: #fff;
    margin: 0;
}

.so_box_warp .bkzx-page .sx-list-cont .btn-wrap span.rest-btn,
.so_box_warp .kszx-page .sx-list-cont .btn-wrap span.rest-btn {
    border: 1px solid #00d36a;
    color: #00d36a;
    margin-left: 1.44rem;
    margin-right: 0.4rem;
    margin-bottom: 0;
    background: #fff;
}

.so_box_warp #tabPageCont .sub-tab-menu {
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    padding: 0 3%;
    height: 0.85rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #fff;
    box-sizing: border-box;
    max-width: 7.5rem;
}

.so_box_warp #tabPageCont .sub-tab-menu li {
    cursor: pointer;
}

.so_box_warp #tabPageCont .bkzx-page .sub-tab-menu li {
    width: 33.33%;
    text-align: center;
    color: #999;
    font-size: 0.26rem;
    height: 0.4rem;
    line-height: 0.4rem;
    cursor: pointer;
}

.so_box_warp #tabPageCont .kszx-page .sub-tab-menu li.shax {
    color: #999;
    font-size: 0.26rem;
}

.so_box_warp #tabPageCont .bkzx-page .sub-tab-menu li:nth-child(2) {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    box-sizing: border-box;
}

.so_box_warp #tabPageCont .bkzx-page .sub-tab-menu li:nth-child(3) {
    border-right: 1px solid #e5e5e5;
    box-sizing: border-box;
}

.so_box_warp #tabPageCont .bkzx-page .sub-tab-menu li i,
.so_box_warp #tabPageCont .kszx-page .sub-tab-menu li i {
    width: 0.12rem;
    height: 0.08rem;
    margin-left: 0.1rem;
    position: relative;
    top: -0.05rem;
    display: inline-block;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -3.8rem -1.98rem;
    transition: transform 0.3s;
}

.so_box_warp #tabPageCont .bkzx-page .sub-tab-menu li i.on,
.so_box_warp #tabPageCont .kszx-page .sub-tab-menu li i.on {
    transform: rotate(180deg);
}

.so_box_warp #tabPageCont .bkzx-page .sub-tab-menu li.on,
.so_box_warp #tabPageCont .kszx-page .sub-tab-menu li.on {
    color: #333;
}

.so_box_warp #tabPageCont .bkzx-page .sub-tab-menu li.on i,
.so_box_warp #tabPageCont .kszx-page .sub-tab-menu li.on i {
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -3.8rem -1.87rem;
}

.so_box_warp #tabPageCont .bkzx-page .sub-list-cont,
.so_box_warp #tabPageCont .kszx-page .sub-list-cont {
    width: 100%;
    max-width: 7.5rem;
}

.so_box_warp .course-wrap {
    padding-bottom: 1.5rem;
}

.so_box_warp .course-wrap,
.so_box_warp .kszx-page .news-wrap {
    /* 88888 */
    margin-top: 2.7rem;
    /* margin-top: 1.7rem; */
}

.so_box_warp .course-wrap .tab-list-cont dl:last-child {
    border-bottom: none;
}

.so_box_warp .course-wrap .tab-list-cont dl {
    padding: 0.3rem 0;
    border-bottom: 1px solid #eee;
}

.so_box_warp .course-wrap .tab-list-cont dl a {
    display: block;
}

.so_box_warp .course-wrap .tab-list-cont dl dd {
    float: left;
    width: 2.26rem;
    height: auto;
    position: relative;
}

.so_box_warp .course-wrap .tab-list-cont dl dd img {
    width: 100%;
    height: 1.46rem;
}

.so_box_warp .course-wrap .tab-list-cont dl dd span.on {
    width: 0.57rem;
    height: 0.26rem;
    line-height: 0.26rem;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    background: #00d36a;
    font-size: 0.16rem;
}

.so_box_warp .video-course-wrap dl dd .go-watch {
    padding: 0.08rem 0.13rem;
    border-radius: 5px;
    border: 1px solid #00d36a;
    display: inline-block;
    color: #30ce75;
    font-size: 0.22rem;
    margin-top: 0.3rem;
}

.so_box_warp .video-course-wrap dl dd .go-watch-red {
    color: #ff4b5c;
    border: 1px solid #ff4b5c;
}

.so_box_warp .course-wrap .tab-list-cont dl dt {
    width: 4.36rem;
    float: right;
}

.so_box_warp .course-wrap .tab-list-cont dl dt h4 {
    font-size: 0.28rem;
}

.so_box_warp .course-wrap .tab-list-cont dl dt p {
    font-size: 0.22rem;
    color: #999;
}

.so_box_warp .video-course-wrap dl dt p.price {
    padding-top: 0.38rem;
}

.so_box_warp .video-course-wrap dl dt p.price strong {
    font-size: 0.4rem;
    color: #ff4b5c;
    margin-right: 0.3rem;
}

.so_box_warp .video-course-wrap dl dt p.price span {
    text-decoration: line-through;
}

.so_box_warp #tabPageCont .kszx-page .sub-tab-menu {
    background: #fafafa;
}

.so_box_warp #tabPageCont .kszx-page .sub-tab-menu li img {
    margin-left: 0.1rem;
}

.so_box_warp .kszx-page .all-cont {
    font-size: 0.26rem;
    color: #757575;
    background: #fff;
    padding: 0.11rem 0.22rem;
    border-radius: 30px;
    margin-left: 0.2rem;
    margin-right: 4.8rem;
}

.so_box_warp .kszx-page .news-wrap {
    padding-top: 0.3rem;
    padding-bottom: 0.65rem;
}

.so_box_warp .kszx-page .news-wrap li {
    font-size: 0.28rem;
    line-height: 0.7rem;
}

.so_box_warp .kszx-page .news-wrap li a {
    /* width: 100%; */
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-left: 0.2rem;
}

.so_box_warp .kszx-page .news-wrap li i {
    display: inline-block;
    width: 0.12rem;
    height: 0.12rem;
    background: #b8b8b8;
    border-radius: 100%;
    margin-right: 0.16rem;
    vertical-align: middle;
}

.so_box_warp .ht-teachers-page {
    margin-top: 1.5rem;
}

.so_box_warp .teachers-team {
    overflow: hidden;
}

.so_box_warp .teachers-team .teachers-infor dl {
    padding: 0.47rem 0;
    border-bottom: 1px solid #eee;
    height: auto;
    overflow: hidden;
}

.so_box_warp .teachers-team .teachers-infor dl:last-child {
    border-bottom: none;
}

.so_box_warp .teachers-team .teachers-infor dl a {
    display: block;
    height: 100%;
    width: 100%;
}

.so_box_warp .teachers-team dl dd {
    float: left;
    width: 1.6rem;
    overflow: hidden;
    font-size: 0.3rem;
    text-align: center;
    color: #0b0b10;
}

.so_box_warp .teachers-team dl dd img {
    width: 100%;
    height: 100%;
    margin-bottom: 0.35rem;
}

.so_box_warp .teachers-team dl dt {
    float: right;
    width: 5rem;
    font-size: 0.26rem;
    color: #999;
    overflow: hidden;
}

.so_box_warp .teachers-team dl dt h3 {
    font-size: 0.26rem;
    color: #0b0b10;
    line-height: 0.36rem;
    margin-bottom: 0.05rem;
}

/*.so_box_warp .teachers-team .swiper-container {*/
/*    height: 23rem;*/
/*    overflow: hidden;*/
/*    border-bottom: 1px solid #eee;*/
/*}*/

.so_box_warp .over-tips {
    color: #999;
    padding-top: 0.35rem;
    position: relative;
    text-align: center;
    font-size: 0.2rem;
}

.so_box_warp .over-tips:before,
.so_box_warp .over-tips:after {
    content: "";
    position: absolute;
    top: 76%;
    background: #dfdfdf;
    width: 36%;
    height: 1px;
}

.so_box_warp .over-tips:before {
    left: 0;
}

.so_box_warp .over-tips:after {
    right: 0;
}

/* 直播课程 */
.zbkt_box_wamp {
    background: #f2f2f2;
    padding-bottom: 0.8rem;
}

.zbkt_box_wamp .main-cont {
    /* padding: 0 3%; */
    margin-top: 0.8rem;
    background: #fff;
}

.zbkt_box_wamp .top-tips {
    width: 100%;
    position: absolute;
    height: 0.78rem;
    padding: 0 3%;
    background: #fff;
    border-bottom: 2px solid #ddd;
    z-index: 103;
    top: 0.88rem;
    max-width: 7.5rem;
    margin: 0 auto 0.26rem;
    box-sizing: border-box;
}

.zbkt_box_wamp .top-tips span.on {
    border-bottom: 2px solid #00d36a;
    color: #00d36a;
}

.zbkt_box_wamp .top-tips span {
    height: 0.76rem;
    font-size: 0.3rem;
    color: #000;
    line-height: 0.76rem;
    position: relative;
}

.zbkt_box_wamp .top-tips .all-tips {
    /* width: 1.2rem; */
}

.zbkt_box_wamp .top-tips .shax-tips {
    /* width: 0.6rem; */
}

.zbkt_box_wamp .top-tips .middle-tips {
    margin-left: 1.6rem;
    margin-right: 1.6rem;
}

.zbkt_box_wamp .top-tips .shax-tips i,
.zbkt_box_wamp .top-tips .all-tips i,
.zbkt_box_wamp .top-tips .middle-tips i {
    width: 0.12rem;
    height: 0.08rem;
    display: inline-block;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -3.8rem -1.87rem;
    position: absolute;
    top: 0.35rem;
    right: -0.2rem;
}

.zbkt_box_wamp .top-tips .shax-tips.on i,
.zbkt_box_wamp .top-tips .all-tips.on i,
.zbkt_box_wamp .top-tips .middle-tips.on i {
    transform: rotate(180deg);
}

.zbkt_box_wamp .courses-wrap {
    padding-bottom: 0.4rem;
}

.zbkt_box_wamp .courses-wrap p.price strong {
    font-size: 0.4rem;
    color: #ff4b5c;
    margin-right: 0.3rem;
}

.zbkt_box_wamp .courses-wrap p.price span {
    text-decoration: line-through;
}

.zbkt_box_wamp .masker-wrap .deafault-sort {
    max-width: 7.5rem;
    background: #fff;
    position: absolute;
    width: 100%;
    padding-bottom: 0.25rem;
    overflow: hidden;
    border-radius: 0;
    top: 1.66rem;
    left: 50%;
    box-sizing: border-box;
    margin-left: -3.75rem;
    z-index: 103;
    display: none;
}

.zbkt_box_wamp .masker-wrap .deafault-sort li {
    width: 100%;
    text-align: center;
    color: #000;
    font-size: 0.26rem;
    height: 0.86rem;
    line-height: 0.86rem;
    border-bottom: 1px solid #e1e1e1;
}

.zbkt_box_wamp .masker-wrap .deafault-sort li.on {
    color: #3ccc86;
}

.zbkt_box_wamp .masker-wrap .deafault-sort li img {
    width: 0.11rem;
    height: 0.16rem;
    margin-left: 0.12rem;
    vertical-align: middle;
}

.zbkt_box_wamp .masker-wrap .masker-cont-sel {
    position: absolute;
    width: 100%;
    padding: 0 0.28rem 0.25rem;
    overflow: hidden;
    border-radius: 0;
    top: 1.66rem;
    left: 50%;
    box-sizing: border-box;
    margin-left: -3.75rem;
    background: #fff;
    z-index: 103;
    display: none;
    max-width: 7.5rem;
}

.zbkt_box_wamp .masker-wrap .cont {
    padding-bottom: 0.17rem;
    border-bottom: 1px solid #d7d7d7;
}

.zbkt_box_wamp .masker-wrap .cont h3 {
    font-size: 0.3rem;
    padding-top: 0.4rem;
    padding-bottom: 0.26rem;
}

.zbkt_box_wamp .masker-wrap .cont li,
.zbkt_box_wamp .masker-wrap .set-wrap>span {
    float: left;
    width: 2.1rem;
    height: 0.68rem;
    color: #757575;
    border: 1px solid #c1c1c1;
    border-radius: 0.1rem;
    text-align: center;
    line-height: 0.68rem;
    margin: 0 0.0965rem 0.25rem;
    margin-bottom: 0.25rem;
}

@media screen and (max-width: 375px) {
    .zbkt_box_wamp .masker-wrap .cont li {
        margin: 0 0.083rem 0.25rem;
    }
}

.zbkt_box_wamp .masker-wrap .cont li.no-mar {
    margin-right: 0;
}

.zbkt_box_wamp .masker-wrap .cont li.on {
    background: #00d36a;
    border: 1px solid #00d36a;
    color: #fff;
}

.zbkt_box_wamp .masker-wrap .set-wrap {
    padding-top: 0.3rem;
}

.zbkt_box_wamp .masker-wrap .set-wrap #resetBtn {
    color: #00d36a;
    border: 1px solid #00d36a;
    margin-right: 0.38rem;
    margin-left: 1.23rem;
}

.zbkt_box_wamp .masker-wrap .set-wrap #okBtn {
    background-color: #00d36a;
    color: #fff;
    border: 1px solid #00d36a;
}

/* 共用课程样式 */
#class_temp_box li:last-child a {
    border-bottom: none;
}

#class_temp_box li a {
    display: inline-block;
    width: 7.1rem;
    /* height: 2.75rem; */
    padding-top: 0.25rem;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    padding-bottom: 0.2rem;
}

#class_temp_box li a .temp_box_top {
    display: flex;
}

#class_temp_box .img_box {
    position: relative;
}

#class_temp_box .img_box img {
    width: 2.26rem;
    height: 1.46rem;
}

#class_temp_box .img_box em {
    background: #00CE6C;
    width: 0.56rem;
    height: 0.26rem;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0.16rem;
    color: #fff;
    text-align: center;
    padding-top: 0.03rem;
}

#class_temp_box .article {
    padding: 0 0.35rem 0 0.35rem;
    width: 5.04rem;
    /* height: 1.46rem; */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#class_temp_box .article h4 {
    font-size: 0.28rem;
    color: #333;
    line-height: 0.35rem;
    width: 100%;
    margin-bottom: 0.1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

#class_temp_box .article p {
    font-size: 0.22rem;
    color: #999;
    width: 100%;
    /* margin-bottom: 0.05rem; */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#class_temp_box .temp_box_bot {
    margin-top: 0.16rem;
    display: flex;
}

#class_temp_box .temp_box_bot .state_box {
    min-width: 2.6rem;
}

#class_temp_box .temp_box_bot .state {
    display: inline-block;
    font-size: 0.22rem;
    padding: 0.1rem 0.1rem;
    box-sizing: border-box;
    border-radius: 0.1rem;
}

#class_temp_box .temp_box_bot .prev {
    border: 2px solid #30ce75;
    color: #30ce75;
}

#class_temp_box .temp_box_bot .now {
    border: 2px solid #ff4b5c;
    color: #ff4b5c;
}

#class_temp_box .temp_box_bot .next {
    border: 2px solid #fc0;
    color: #fc0;
}

#class_temp_box .temp_box_bot .soon {
    border: 2px solid #fc0;
    color: #fc0;
}

#class_temp_box .temp_box_bot .price {
    font-size: 0.4rem;
    color: #ff4b5c;
}

/* 视频课程学习 */
/* 直播课程学习 */
.study_zb_wamp {
    background: #f2f2f2;
    padding-bottom: 0.8rem;
    /*评分弹框*/
    /*提现弹框*/
    /*支付宝提现样式*/
}

.study_zb_wamp #tabCont dt .temp_width {
    width: 1.2rem;
    text-align: center;
    border-radius: 0.05rem;
    cursor: pointer;
    padding: 0.04rem 0;
    margin-left: 0.16rem;
}

.study_zb_wamp .banner {
    padding-top: 0.45rem;
    height: 3.7rem;
    background: url(../images/ban.jpg) left top no-repeat;
    background-size: 100% 100%;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
}

.study_zb_wamp .banner p,
.study_zb_wamp .banner h2 {
    color: #fff;
}

.study_zb_wamp .banner .logo-img {
    width: 3.5rem;
    margin-bottom: 0.25rem;
}

.study_zb_wamp .banner .course {
    font-size: 0.3rem;
    line-height: 0.4rem;
}

.study_zb_wamp .banner h2 {
    font-size: 0.41rem;
    font-weight: normal;
    line-height: 0.8rem;
}

.study_zb_wamp .starResult {
    position: relative;
    top: 0.05rem;
    display: inline-block;
    width: 1.63rem;
    height: 0.31rem;
    margin-right: 0.1rem;
    background-size: cover;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -1.66rem -1.46rem;
}

.study_zb_wamp .starResult i {
    position: absolute;
    left: 0;
    top: 0;
    width: 1.63rem;
    height: 0.31rem;
    background-size: cover;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: 0 -1.44rem;
}

.study_zb_wamp .banner .time {
    font-size: 0.2rem;
    padding-top: 0.25rem;
    padding-bottom: 0.15rem;
}

.study_zb_wamp .tab-menu {
    padding: 0.37rem 3% 0.23rem;
    background: #fff;
    border-bottom: 2px solid #ddd;
}

.study_zb_wamp .tab-menu span:nth-child(1) {
    padding-left: 0.58rem;
    position: relative;
}

.study_zb_wamp .tab-menu span:nth-child(1) em {
    position: absolute;
    top: 0.08rem;
    left: 0;
    display: inline-block;
    width: 0.31rem;
    height: 0.26rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -2.47rem -1.86rem;
}

.study_zb_wamp .tab-menu span:nth-child(1).on {
    position: relative;
    color: #00d36a;
}

.study_zb_wamp .tab-menu span:nth-child(1).on em {
    position: absolute;
    top: 0.08rem;
    left: 0;
    display: inline-block;
    width: 0.31rem;
    height: 0.26rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -2.12rem -1.85rem;
}

.study_zb_wamp .tab-menu span:nth-child(2) {
    padding-left: 0.58rem;
    position: relative;
    margin: 0 1.378rem;
}

.study_zb_wamp .tab-menu span:nth-child(2) em {
    position: absolute;
    top: 0.08rem;
    left: 0;
    display: inline-block;
    width: 0.33rem;
    height: 0.33rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -1.75rem -1.8rem;
}

.study_zb_wamp .tab-menu span:nth-child(2).on {
    position: relative;
    color: #00d36a;
}

.study_zb_wamp .tab-menu span:nth-child(2).on em {
    position: absolute;
    top: 0.08rem;
    left: 0;
    display: inline-block;
    width: 0.33rem;
    height: 0.33rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -1.38rem -1.8rem;
}

.study_zb_wamp .tab-menu span:nth-child(3) {
    padding-left: 0.58rem;
    position: relative;
}

.study_zb_wamp .tab-menu span:nth-child(3) em {
    position: absolute;
    top: 0.08rem;
    left: 0;
    display: inline-block;
    width: 0.34rem;
    height: 0.25rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -3.21rem -1.87rem;
}

.study_zb_wamp .tab-menu span:nth-child(3).on {
    color: #00d36a;
    position: relative;
}

.study_zb_wamp .tab-menu span:nth-child(3).on em {
    position: absolute;
    top: 0.08rem;
    left: 0;
    display: inline-block;
    width: 0.34rem;
    height: 0.25rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -2.82rem -1.87rem;
}

.study_zb_wamp .tab-menu .list-tab-menu {
    font-size: 0.3rem;
    color: #000;
    padding: 0 0.2rem 0.23rem;
}

.study_zb_wamp .tab-menu .list-tab-menu:last-child {
    margin-right: 0;
}

.study_zb_wamp .tab-menu .list-tab-menu.on {
    border-bottom: 2px solid #00d36a;
}

.study_zb_wamp .tab-cont {
    background: #fff;
    padding: 0.5rem 3% 0.4rem;
}

.study_zb_wamp .tab-cont .list-tab-cont.on {
    display: block;
}

.study_zb_wamp .tab-cont .list-tab-cont {
    display: none;
    padding-bottom: 0.5rem;
}

.study_zb_wamp .tab-cont .list-tab-cont h2 {
    text-align: center;
    font-size: 0.3rem;
    margin-bottom: 0.2rem;
}

.study_zb_wamp .tab-cont .list-tab-cont h2 a {
    color: #00d05d;
}

.study_zb_wamp .tab-cont .course-wrap dl {
    padding: 0.25rem 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    -webkit-flex-direction: row;
    -webkit-align-items: center;
}

.study_zb_wamp .tab-cont .course-wrap dl dd {
    flex: 1;
    -webkit-flex: 1;
}

.study_zb_wamp .tab-cont .course-wrap .temp_width_box {
    padding-top: 0;
}

.study_zb_wamp .tab-cont .course-wrap dl p {
    line-height: 0.42rem;
    font-size: 0.28rem;
}

.study_zb_wamp .tab-cont li {
    border-bottom: 1px solid #ddd;
}

.study_zb_wamp .tab-cont .course-wrap dl .time {
    font-size: 0.22rem;
    color: #999;
    padding-top: 0.1rem;
    display: block;
}

.study_zb_wamp .tab-cont .course-wrap dl dt {
    width: 3.2rem;
}

.study_zb_wamp .tab-cont .course-wrap .temp_width_box dt {
    width: 1rem;
}

.study_zb_wamp .tab-cont .course-wrap dl dt span,
.study_zb_wamp .tab-cont .course-wrap dl dt a.green-span,
.study_zb_wamp .tab-cont .course-wrap dl dt .cash {
    height: 0.37rem;
    line-height: 0.37rem;
    padding: 0 0.1rem;
    border-radius: 3px;
    font-size: 0.22rem;
    float: left;
    margin-left: 0.05rem;
}

.study_zb_wamp .tab-cont .course-wrap dl dt .green-span {
    border: 2px solid #00d17f;
    color: #00d17f;
}

.study_zb_wamp .tab-cont .course-wrap dl dt .score,
.study_zb_wamp .tab-cont .course-wrap dl dt .cash {
    border: 2px solid #ff7f58;
    color: #ff7f58;
}

.study_zb_wamp .tab-cont .course-wrap dl dt .cash {
    float: right;
}

.study_zb_wamp .tab-cont .course-wrap dl dt .cash.gray-cash {
    border: 2px solid #999;
    color: #999;
}

.study_zb_wamp .tab-cont .course-wrap dl dt .gray-span {
    border: 2px solid #999;
    color: #999;
}

.study_zb_wamp .tab-cont .course-wrap dl dt .already-score {
    border: 2px solid #999;
    color: #333;
    padding: 0 2px;
}

.study_zb_wamp .tab-cont .course-wrap dl dt .already-score2 {
    padding: 0 2px;
}

.study_zb_wamp .cashback-wrap {
    font-size: 0.28rem;
}

.study_zb_wamp .temp_width_box .cashback-wrap>p {
    color: #fd5803;
    padding-bottom: 0.2rem;
}

.study_zb_wamp .head .cashback-wrap>p .cashback-wrap .progress-bar {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.study_zb_wamp .cashback-wrap .progress-bar .bar {
    width: 2.2rem;
    height: 0.13rem;
    background: #efefef;
    border-radius: 30px;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
    display: inline-block;
}

.study_zb_wamp .cashback-wrap .progress-bar .bar span {
    width: 83%;
    height: 100%;
    display: block;
    background: linear-gradient(90deg, #ff6f00, #fa1833);
    border-radius: 30px;
}

.study_zb_wamp .tab-cont .list-docunment h3 {
    font-size: 0.34rem;
    border-left: 0.09rem solid #00d36a;
    height: 0.34rem;
    line-height: 1;
    overflow: hidden;
    padding-left: 0.13rem;
    margin-bottom: 0.18rem;
}

.study_zb_wamp .tab-cont .list-docunment li {
    padding: 0.24rem 0;
    font-size: 0.28rem;
    border-bottom: 1px solid #ddd;
}

.study_zb_wamp .tab-cont .list-docunment li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.study_zb_wamp .tab-cont .list-docunment li a span {
    width: 6.4rem;
}

.study_zb_wamp .tab-cont .list-docunment li i {
    width: 0.3rem;
    height: 0.3rem;
    float: right;
    background: url(../images/down.png) no-repeat;
    background-size: 100% 100%;
}

.study_zb_wamp .tab-cont .list-docunment .empty-page {
    text-align: center;
    font-size: 0.3rem;
    /* padding-bottom: 6rem; */
    padding-top: 0.5rem;
}

.study_zb_wamp .tab-cont .list-docunment .empty-page img {
    width: 2.13rem;
    height: 2.75rem;
    margin-bottom: 0.35rem;
}

.study_zb_wamp .tab-cont .service-cont .box {
    padding: 0.38rem 0;
    border-bottom: 1px solid #ddd;
}

.study_zb_wamp .tab-cont .service-cont .box p {
    padding-left: 0.55rem;
}

.study_zb_wamp .tab-cont .service-cont h3 {
    font-size: 0.34rem;
    font-weight: normal;
    padding-left: 0.55rem;
    margin-bottom: 0.3rem;
}

.study_zb_wamp .tab-cont .service-cont .box01 p {
    font-size: 0.22rem;
    color: #666;
    margin-bottom: 0.3rem;
}

.study_zb_wamp .tab-cont .service-cont .box01 p.work-time {
    color: #ff5b00;
}

.study_zb_wamp .tab-cont .service-cont .box01 h3 {
    position: relative;
}

.study_zb_wamp .tab-cont .service-cont .box01 h3 em {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 0.42rem;
    height: 0.42rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -0.92rem -1.81rem;
}

.study_zb_wamp .tab-cont .service-cont .box02 h3 {
    position: relative;
}

.study_zb_wamp .tab-cont .service-cont .box02 h3 em {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 0.42rem;
    height: 0.42rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -0.46rem -1.81rem;
}

.study_zb_wamp .tab-cont .service-cont .box03 h3 {
    position: relative;
}

.study_zb_wamp .tab-cont .service-cont .box03 h3 em {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 0.42rem;
    height: 0.42rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: 0 -1.81rem;
}

.study_zb_wamp .tab-cont .service-cont .box .btn {
    height: 0.38rem;
    line-height: 0.38rem;
    border: 1px solid #999;
    border-radius: 3px;
    float: right;
    font-size: 0.22rem;
    padding: 0 0.1rem;
}

.study_zb_wamp .tab-cont .service-cont .notice-ul p {
    font-size: 0.26rem;
    color: #666;
    line-height: 0.46rem;
}

.study_zb_wamp .tab-cont .service-cont .notice-ul p .btn {
    padding: 0 0.32rem;
}

.study_zb_wamp .tab-cont .service-cont .notice-ul p .green-btn {
    color: #00d36a;
    border: 1px solid #00d36a;
}

.study_zb_wamp .tab-cont .notice-ul .text {
    padding: 0.28rem 0.1rem;
    border: 1px solid #ddd;
    margin-left: 0.1rem;
    margin-top: 0.3rem;
    display: none;
}

.study_zb_wamp .tab-cont .notice-ul .text h4 {
    margin-bottom: 0.15rem;
}

.study_zb_wamp .tab-cont .notice-ul .text p {
    padding-left: 0;
    font-size: 0.22rem;
    color: #333;
    line-height: 0.38rem;
}

.study_zb_wamp .tab-cont .notice-ul li {
    margin-bottom: 0.12rem;
    padding-bottom: 0.2rem;
}

.study_zb_wamp .tab-cont .service-cont .box03 .links {
    padding: 0 0.4rem;
    margin-bottom: 0.4rem;
}

.study_zb_wamp .tab-cont .service-cont .box03 .links a {
    display: inline-block;
    color: #666;
    padding: 0 0.15rem;
    border-right: 1px solid #858585;
    line-height: 1;
}

.study_zb_wamp .tab-cont .service-cont .box03 .links a:last-child {
    border: none;
}

.study_zb_wamp .tab-cont .service-cont .box03 .links a.on {
    color: #3ccc86;
}

.study_zb_wamp .tab-cont .service-cont .question-wrap h4 {
    margin-bottom: 0.1rem;
}

.study_zb_wamp .tab-cont .service-cont .question-wrap {
    padding-left: 0.1rem;
    margin-bottom: 0.46rem;
}

.study_zb_wamp .tab-cont .service-cont .question-wrap p {
    font-size: 0.22rem;
    color: #666;
    padding-left: 0;
    line-height: 0.36rem;
}

.study_zb_wamp .masker-wrap .masker-cont {
    width: 4.7rem;
    height: 4.75rem;
    padding: 0 0.24rem;
    box-sizing: border-box;
}

.study_zb_wamp .masker-wrap .masker-cont.dif {
    height: 3.3rem;
}

.study_zb_wamp .masker-wrap .masker-cont .title {
    text-align: center;
    line-height: 0.44rem;
    font-size: 0.26rem;
    color: #000;
    padding-top: 0.4rem;
    margin-bottom: 0.35rem;
}

.study_zb_wamp .masker-wrap .masker-cont .star {
    margin-bottom: 0.2rem;
}

.study_zb_wamp .masker-wrap .masker-cont .star i {
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    background: url(../images/star_pj.png) no-repeat 0 0 /cover;
    margin-right: 0.1rem;
    position: relative;
    top: 0.05rem;
    cursor: pointer;
    /* background-size:cover; */
}

.study_zb_wamp .masker-wrap .masker-cont .star i.active {
    background: url(../images/star_a.png) no-repeat 0 0 /cover;
}

.study_zb_wamp .masker-wrap .comment-text {
    display: flex;
    flex-direction: row;
    margin-bottom: 0.35rem;
}

.study_zb_wamp .masker-wrap .comment-text>span {
    margin-right: 0.12rem;
}

.study_zb_wamp .masker-wrap .comment-text textarea {
    padding: 0.1rem 0.2rem;
    box-sizing: border-box;
    width: 3rem;
    height: 1.35rem;
    border: 1px solid #ddd;
    resize: none;
}

.study_zb_wamp .masker-wrap .ok-comment-state,
.study_zb_wamp .temp_hide_box {
    display: none;
}

.study_zb_wamp .ok-comment-state span {
    font-size: 0.22rem;
    color: #666;
    display: block;
    text-align: center;
    margin-bottom: 0.38rem;
}

.study_zb_wamp .ok-comment-state .sure-btn,
.study_zb_wamp .money-masker-wrap .money-sure-btn {
    width: 2.2rem;
    height: 0.55rem;
    border-radius: 50px;
    background-color: #00d36a;
    text-align: center;
    line-height: 0.55rem;
    font-size: 0.22rem;
    margin: 0 auto;
    color: #fff;
}

.study_zb_wamp .money-masker-wrap .money-sure-btn {
    display: block;
    margin-top: 0.25rem;
}

.study_zb_wamp .money-masker-wrap .masker,
.study_zb_wamp .wchat-money,
.study_zb_wamp .money-cont,
.study_zb_wamp .alipay-money {
    display: none;
}

.study_zb_wamp .money-masker-wrap .money-cont {
    width: 4.6rem;
    height: 3.24rem;
    background: #fff;
}

.study_zb_wamp .money-masker-wrap .money-cont h3,
.study_zb_wamp .alipay-info h3 {
    font-weight: normal;
    text-align: center;
    color: #000;
    padding-top: 0.64rem;
    padding-bottom: 0.2rem;
}

.study_zb_wamp .money-masker-wrap .money-cont h3 i,
.study_zb_wamp .alipay-info h3 i {
    font-style: normal;
    font-size: 0.2rem;
    color: #666;
}

.study_zb_wamp .money-masker-wrap .money-cont h3 span,
.study_zb_wamp .alipay-info h3 span {
    font-size: 0.34rem;
    color: #ff5818;
}

.study_zb_wamp .money-masker-wrap .money-cont .sm-tips {
    font-size: 0.2rem;
    color: #666;
    text-align: center;
}

.study_zb_wamp .money-masker-btn-wrap {
    padding-top: 0.5rem;
}

.study_zb_wamp .money-masker-wrap .money-success,
.study_zb_wamp .alipay-info {
    width: 4.6rem;
    height: 4.48rem;
    padding-top: 0.35rem;
    box-sizing: border-box;
    text-align: center;
}

.study_zb_wamp .alipay-info {
    height: 4.8rem;
    padding-top: 0;
}

.study_zb_wamp .alipay-info h3 {
    padding-top: 0.4rem;
}

.study_zb_wamp .alipay-money .alipay-info h4 {
    font-weight: normal;
    font-size: 0.2rem;
    color: #666;
    margin-bottom: 0.3rem;
}

.study_zb_wamp .alipay-count,
.study_zb_wamp .alipay-name {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 0.22rem;
    color: #666;
    padding: 0 0.3rem;
    margin-bottom: 0.1rem;
}

.study_zb_wamp .alipay-count span,
.study_zb_wamp .alipay-name span {
    text-align: right;
    display: inline-block;
    width: 1.2rem;
}

.study_zb_wamp .alipay-count input,
.study_zb_wamp .alipay-name input {
    width: 2.6rem;
    height: 0.4rem;
    border: 1px solid #ddd;
    margin-left: 0.1rem;
    padding-left: 0.1rem;
    box-sizing: border-box;
}

.study_zb_wamp .alipay-info .tips {
    font-size: 0.2rem;
    color: #999;
    line-height: 0.34rem;
    padding-top: 0.2rem;
}

.study_zb_wamp .alipay-info .money-masker-btn-wrap {
    padding-top: 0.25rem;
}

.study_zb_wamp .money-masker-wrap .money-success .icon {
    display: block;
    width: 0.97rem;
    height: 0.97rem;
    margin: 0 auto 0.2rem;
}

.study_zb_wamp .money-masker-wrap .money-success h2 {
    color: #000;
    font-size: 0.34rem;
}

.study_zb_wamp .money-masker-wrap .money-success .p01 {
    font-size: 0.22rem;
    line-height: 0.4rem;
}

.study_zb_wamp .money-masker-wrap .money-success .tel {
    font-size: 0.2rem;
    color: #999;
    padding-top: 0.2rem;
}

.study_zb_wamp .masker-btn-wrap {
    text-align: center;
}

/* 视频课程详情 */
.class_detail_box {
    background: #f2f2f2;
    padding-bottom: 0.8rem;
}

.class_detail_box .yh-card {
    background: #fff;
    margin-bottom: 0.3rem;
}

.class_detail_box .yh-card h2 {
    font-size: 0.34rem;
    color: #333;
    padding: 0.3rem 0;
}

.class_detail_box .class_box {
    display: flex;
}

.class_detail_box .active_warp_box {
    padding-top: 0.3rem;
    border-top: 1px solid #dddddd;
}

.class_detail_box .class_box .class_con {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* height: 1.40rem; */
    margin-bottom: 0.1rem;
}

.class_detail_box .class_box .class_con p {
    width: 100%;
}

.class_detail_box .yh-card dl {
    padding-bottom: 0.2rem;
}

.class_detail_box .yh-card dl dd {
    width: 3rem;
    height: 1.87rem;
    margin-right: 0.2rem;
    position: relative;
}

.class_detail_box .yh-card dl dd i {
    position: absolute;
    left: 0;
    top: 0;
    width: 0.6rem;
    height: 0.35rem;
    line-height: 0.35rem;
    color: #fff;
    background: #fe6129;
    font-style: normal;
    font-size: 0.22rem;
    text-align: center;
}

.class_detail_box .yh-card dl dd img {
    width: 100%;
    height: 100%;
}

.class_detail_box .yh-card dl dt {
    width: 4rem;
    font-size: 0.28rem;
    overflow: hidden;
}

.class_detail_box .yh-card dl dt p {
    line-height: 0.4rem;
    font-size: 0.24rem;
}

.class_detail_box .yh-card .yh-pric {
    padding-top: 0.1rem;
}

.class_detail_box .yh-card .yh-price .price {
    color: #ff2d56;
    font-size: 0.4rem;
}

.class_detail_box .yh-card .yh-price .price i {
    font-size: 0.2rem;
    font-style: normal;
}

.class_detail_box .yh-card .yh-price .get {
    float: right;
    width: 1.52rem;
    height: 0.47rem;
    border: 1px solid #ff2d56;
    border-radius: 5px;
    font-size: 0.22rem;
    color: #ff2d56;
    text-align: center;
    line-height: 0.47rem;
    background: #fff;
}

.class_detail_box .yh-time {
    color: #ff9600;
    font-size: 0.22rem;
    padding-bottom: 0.3rem;
    text-align: center;
}

.class_detail_box .yh-card .yh-price .old-price {
    text-decoration: line-through;
    color: #666;
}

.class_detail_box .count-down {
    font-size: 0.22rem;
    padding-bottom: 0.25rem;
    text-align: center;
}

.class_detail_box .count-down span {
    display: inline-block;
    padding: 0.08rem 0.1rem;
    background: #fe6129;
    color: #fff;
    border-radius: 5px;
    margin: 0 0.05rem;
}

.class_detail_box .count-down span.num {
    padding-left: 0.15rem;
    padding-right: 0.15rem;
    background: #ffaa00;
}

.class_detail_box .course-trail {
    background: #fff;
    padding-top: 0.33rem;
    padding-bottom: 0.26rem;
    margin-bottom: 0.3rem;
}

.class_detail_box .course-trail h3,
.class_detail_box .teacher-wrap h3 {
    font-size: 0.34rem;
    border-left: 0.09rem solid #00d36a;
    height: 0.34rem;
    line-height: 1;
    overflow: hidden;
    padding-left: 0.13rem;
    margin-bottom: 0.15rem;
}

.class_detail_box .course-trail .wl_scrollBox {
    max-height: 2.7rem;
    overflow: hidden;
}

.class_detail_box .course-trail ul {
    position: relative;
    top: 0;
}

.class_detail_box .course-trail ul li {
    padding: 0.24rem 0;
    border-bottom: 1px solid #f1f3f2;
}

.class_detail_box .course-trail ul li:last-child {
    border-bottom: none;
}

.class_detail_box .course-trail ul li span {
    width: 5.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.class_detail_box .course-trail ul li i {
    float: right;
    font-style: normal;
    padding-left: 0.48rem;
    padding-right: 0.18rem;
    border: 1px solid #fe6129;
    border-radius: 5px;
    color: #fe6129;
    font-size: 0.22rem;
    height: 0.38rem;
    line-height: 0.38rem;
    position: relative;
}

.class_detail_box .course-trail ul li i em {
    display: inline-block;
    width: 0.28rem;
    height: 0.2rem;
    position: absolute;
    left: 0.1rem;
    top: 0.08rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -2.62rem -3.28rem;
}

.class_detail_box .course-trail .more {
    display: block;
    margin: 0.16rem auto 0;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -3.52rem -0.94rem;
    width: 0.26rem;
    height: 0.14rem;
}

.class_detail_box .teacher-wrap {
    background: #fff;
    margin-bottom: 0.3rem;
    padding-bottom: 0.4rem;
    padding-top: 0.3rem;
}

.class_detail_box .teacher-wrap dl {
    color: #666;
    padding-top: 0.24rem;
}

.class_detail_box .teacher-wrap dl dd {
    width: 1.7rem;
    text-align: center;
    margin-right: 0.1rem;
}

.class_detail_box .teacher-wrap dl dd img {
    /* width: 1.36rem;
  height: 1.36rem; */
    margin-bottom: 0.16rem;
    width: 100%;
}

.class_detail_box .teacher-wrap dl dt {
    width: 4.8rem;
}

.class_detail_box .teacher-wrap dl dt p {
    line-height: 0.37rem;
    padding-left: 0.17rem;
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}

.class_detail_box .teacher-wrap a {
    display: block;
    width: 100%;
}

.class_detail_box .teacher-wrap dl dt p i {
    float: left;
    width: 0.04rem;
    height: 0.04rem;
    background: #666;
    position: absolute;
    left: 0;
    top: 0.15rem;
    margin-right: 0.12rem;
}

.class_detail_box .main-cont {
    background: #fff;
    padding-bottom: 0.3rem;
}

.class_detail_box .main-cont .tab-menu {
    border-bottom: 2px solid #ddd;
    font-size: 0.3rem;
    color: #000;
    padding: 0.37rem 0 0;
    display: flex;
}

.class_detail_box .main-cont .tab-menu .list-tab-menu {
    padding-bottom: 0.23rem;
    position: relative;
    bottom: -2px;
    margin-right: 0;
    flex: 1;
    text-align: center;
    cursor: pointer;
}

.class_detail_box .main-cont .tab-menu .list-tab-menu:last-child {
    margin-right: 0;
}

.class_detail_box .main-cont .tab-menu .list-tab-menu.on {
    border-bottom: 2px solid #00d36a;
}

.class_detail_box .main-cont .tab-cont {
    padding-bottom: 0.5rem;
}

.class_detail_box .main-cont .list-tab-cont.on {
    display: block;
}

.class_detail_box .main-cont .list-tab-cont {
    display: none;
}

.class_detail_box .main-cont dl {
    padding-bottom: 0.38rem;
    padding-top: 0.3rem;
    border-bottom: 1px solid #edeced;
}

.class_detail_box .main-cont dl.no-bor {
    border-bottom: none;
}

.class_detail_box .main-cont dd {
    width: 2.25rem;
    overflow: hidden;
    position: relative;
}

.class_detail_box .main-cont dd .go-watch,
.class_detail_box .main-cont dd .go-watch-days {
    padding: 0.1rem 0.08rem;
    border-radius: 5px;
    border: 1px solid #00d36a;
    display: inline-block;
    color: #30ce75;
    font-size: 0.22rem;
    margin-top: 0.3rem;
}

.class_detail_box .main-cont dd .go-watch-days {
    border: 1px solid #ff4b5c;
    color: #ff4b5c;
}

.class_detail_box .main-cont dd a {
    display: block;
}

.class_detail_box .main-cont dd a img {
    width: 100%;
    height: 100%;
}

.class_detail_box .main-cont dd a i {
    position: absolute;
    width: 0.66rem;
    height: 0.36rem;
    background: #3cdd8d;
    color: #fff;
    left: 0;
    top: 0;
    font-size: 0.16rem;
    font-style: normal;
    text-align: center;
    line-height: 0.36rem;
}

.class_detail_box .main-cont dt {
    width: 4.5rem;
}

.class_detail_box .main-cont dt h3 {
    font-size: 0.28rem;
    font-weight: normal;
    color: #333;
    line-height: 1.2;
    margin-bottom: 0.05rem;
}

.class_detail_box .main-cont dt h4 {
    font-size: 0.22rem;
    font-weight: normal;
    color: #999;
    margin-bottom: 0.05rem;
}

.class_detail_box .main-cont .price-links {
    margin-top: 0.25rem;
}

.class_detail_box .main-cont .price-links span {
    font-size: 0.4rem;
    color: #ff2e56;
}

.class_detail_box .main-cont .price-links span.old-price {
    text-decoration: line-through;
    margin-left: 0.1rem;
    font-size: 0.22rem;
    color: #999;
}

.class_detail_box .main-cont .course-intro h3 {
    font-size: 0.28rem;
    padding-top: 0.5rem;
    padding-bottom: 0.2rem;
}

.class_detail_box .main-cont .list-tab-cont {
    color: #666;
}

.class_detail_box .main-cont .course-intro p,
.class_detail_box .main-cont .course-questions .box p {
    line-height: 0.42rem;
    overflow: hidden;
}

.class_detail_box .main-cont .course-questions .box {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #f1f3f2;
}

.class_detail_box .main-cont .course-questions .box:last-child {
    border-bottom: 0;
}

.class_detail_box .main-cont .course-questions h3 {
    font-size: 0.28rem;
    padding-left: 0.5rem;
    background: url(../images/que.png) left center no-repeat;
    background-size: 0.38rem 0.35rem;
    margin-bottom: 0.18rem;
}

.class_detail_box .main-cont .course-schedule {
    padding-top: 0.45rem;
}

.class_detail_box .main-cont .list-schedule {
    color: #999;
    border-bottom: 1px solid #ededed;
    padding-bottom: 0.25rem;
    margin-bottom: 0.25rem;
}

.class_detail_box .main-cont .list-schedule .course-name p {
    width: 70%;
    color: #333;
    padding-left: 0.3rem;
    margin-bottom: 0.16rem;
    position: relative;
}

.class_detail_box .main-cont .list-schedule .course-name p em {
    display: inline-block;

    width: 0.15rem;
    height: 0.11rem;
    position: absolute;
    left: 2px;
    top: 0.1rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -3.95rem -2.07rem;
}

.class_detail_box .main-cont .list-schedule.on .course-name p em {
    display: inline-block;
    width: 0.11rem;
    height: 0.15rem;
    position: absolute;
    left: 0.06rem;
    top: 0.08rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -3.95rem -1.89rem;

}

.class_detail_box .main-cont .list-schedule .course-name p span {
    margin-left: 0.38rem;
}

.class_detail_box .main-cont .list-schedule .course-name a {
    width: 1.06rem;
    height: 0.38rem;
    text-align: center;
    line-height: 0.38rem;
    color: #666;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 0.22rem;
}

.class_detail_box .main-cont .list-schedule.on .course-name a {
    border: 1px solid #00d05e;
    color: #00d05e;
}

.class_detail_box .main-cont .list-schedule li {
    width: 100%;
    padding-left: 0.3rem;
    line-height: 0.46rem;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    white-space: nowrap;
}

.class_detail_box .shopping-car,
.class_detail_box .no-goods {
    max-width: 7.5rem;
    position: fixed;
    bottom: 1.2rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
    display: flex;
}

.class_detail_box .no-goods {
    width: 100%;
    text-align: center;
    height: 1.06rem;
    line-height: 1.06rem;
    font-size: 0.32rem;
    display: none;
}

.class_detail_box .shopping-car span,
.class_detail_box .shopping-car a {
    text-align: center;
    height: 1.06rem;
    color: #fff;
    line-height: 1.06rem;
    font-size: 0.32rem;
}

.class_detail_box .shopping-car .addBtn {
    background: #f19b37;
    width: 50%;
}

.class_detail_box .shopping-car .buyBtn {
    background: #ff5534;
    flex: 1;
}

.class_detail_box .no-goods {
    background: #999;
}

.class_detail_box .no-goods a {
    color: #fff;
}

.class_detail_box .over-tips {
    color: #999;
    padding-top: 0.35rem;
    position: relative;
    text-align: center;
    font-size: 0.2rem;
}

.class_detail_box .over-tips:before,
.class_detail_box .over-tips:after {
    content: "";
    position: absolute;
    top: 76%;
    background: #ccc;
    width: 36%;
    height: 1px;
}

.class_detail_box .over-tips:before {
    left: 0;
}

.class_detail_box .over-tips:after {
    right: 0;
}

.class_detail_box .masker-wrap .masker {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.3;
    display: none;
}

.class_detail_box .masker-wrap .pro-frame,
.class_detail_box .success {
    width: 5rem;
    height: 4rem;
    background: #fff;
    border-radius: 15px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 103;
    text-align: center;
    font-size: 0.2rem;
    display: none;
    padding: 0 0.2rem;
}

.class_detail_box .masker-wrap .pro-frame h3,
.class_detail_box .success h3 {
    font-size: 0.28rem;
    padding-top: 0.38rem;
}

.class_detail_box .success h3 {
    padding-bottom: 0.35rem;
}

.class_detail_box .masker-wrap .pro-frame .dif-color {
    color: #fe6129;
    font-size: 0.28rem;
    line-height: 0.66rem;
}

.class_detail_box .masker-wrap .pro-frame .btn-wrap {
    padding-top: 0.25rem;
}

.class_detail_box .masker-wrap .pro-frame .btn-wrap span,
.class_detail_box .masker-wrap .success .get-card-btn {
    width: 1.64rem;
    height: 0.56rem;
    text-align: center;
    line-height: 0.56rem;
    border-radius: 50px;
    background: #f2f2f2;
    margin: 0 0.18rem;
    font-size: 0.22rem;
    display: inline-block;
}

.class_detail_box .masker-wrap .pro-frame .btn-wrap span.ok-get,
.class_detail_box .masker-wrap .success .get-card-btn {
    background: #00d36a;
    color: #fff;
}

.class_detail_box .masker-wrap .success .get-card-btn {
    float: none;
    margin: 0.35rem auto 0;
    display: block;
}

.class_detail_box .masker-wrap .success {
    display: none;
}

/* 直播课程详情 */
.class_detail_box channel_box .selectBox,
.zb_nry_box channel_box .selectBox {
    background: #fff;
    margin-bottom: 0.3rem;
    padding: 0.3rem 0.2rem 0;
}

.class_detail_box .selectMore,
.zb_nry_box .selectMore {
    text-align: right;
    padding-bottom: 0.3rem;
    color: #fd6a6a;
    cursor: pointer;
}

.class_detail_box .selectBoxCon,
.zb_nry_box .selectBoxCon {
    display: none;
}

.class_detail_box .selectBoxCon.active,
.zb_nry_box .selectBoxCon.active {
    display: block;
}

.class_detail_box .selectMore em,
.zb_nry_box .selectMore em {
    display: inline-block;
    width: 0.4rem;
    height: 0.21rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -3.33rem -1.45rem;
}

.class_detail_box .selectMore.active em,
.zb_nry_box .selectMore.active em {
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -4.01rem -1.45rem;
}

.class_detail_box .selectBoxTop,
.zb_nry_box .selectBoxTop {
    display: none;
    padding-bottom: 0.3rem;
}

.class_detail_box .selectBoxTop.active,
.zb_nry_box .selectBoxTop.active {
    display: block;
}

.class_detail_box .selectBox .temp,
.zb_nry_box .selectBox .temp {
    line-height: 0.54rem;
    width: 0.8rem;
    display: inline-block;
}

.class_detail_box .xkBox,
.zb_nry_box .xkBox,
.class_detail_box .xdBox,
.zb_nry_box .xdBox {
    display: flex;
}

.class_detail_box .selectBox li,
.zb_nry_box .selectBox li {
    float: left;
    border: 1px solid #999;
    border-radius: 3px;
    margin-right: 0.3rem;
    padding: 0.1rem 0.2rem;
    margin-bottom: 0.4rem;
    cursor: pointer;
}

.class_detail_box .selectBox li.active,
.zb_nry_box .selectBox li.active {
    border: 1px solid #3bcb77;
    color: #3bcb77;
}

.class_detail_box .choiceActive,
.zb_nry_box .choiceActive {
    border: 1px solid #3bcb77;
    color: #3bcb77;
    border-radius: 3px;
    margin-right: 0.3rem;
    padding: 0.1rem 0.2rem;
}

.class_detail_box .selectBox li.active a,
.zb_nry_box .selectBox li.active a {
    display: block;
    color: #3bcb77;
    width: 100%;
    height: 100%;
}

.class_detail_box .xdList,
.zb_nry_box .xdList,
.class_detail_box .xkList,
.zb_nry_box .xkList {
    flex: 1;
}

.class_detail_box .gif-wrap,
.zb_nry_box .gif-wrap {
    padding: .24rem 3% .24rem;
    position: relative;
}

.class_detail_box .gif-wrap em,
.zb_nry_box .gif-wrap em {
    display: inline-block;
    width: 0.14rem;
    height: 0.26rem;
    position: absolute;
    right: 0.3rem;
    top: 0.3rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -2.29rem -3.51rem;
}

.class_detail_box .gif-wrap span,
.zb_nry_box .gif-wrap span {
    display: inline-block;
    background: #FE6129;
    color: #fff;
    width: .38rem;
    height: .38rem;
    border-radius: 5px;
    text-align: center;
    line-height: .38rem;
    margin-right: .1rem;
}

.class_detail_box .masker-wrap .gift-tk,
.zb_nry_box .masker-wrap .gift-tk {
    display: none;
    width: 6rem;
    padding: 0 0.3rem 0.4rem 0.3rem;
    font-size: .2rem;
    box-sizing: border-box;
    background: #fff;
    border-radius: 0.15rem;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -3rem;
    z-index: 103;
    text-align: center;
}

.class_detail_box .masker-wrap .gift-tk .p_con_box,
.zb_nry_box .masker-wrap .gift-tk .p_con_box {
    max-height: 4.4rem;
    overflow-y: auto;
}

.class_detail_box .masker-wrap .gift-tk p,
.zb_nry_box .masker-wrap .gift-tk p {
    text-align: left;
}

.class_detail_box .masker-wrap .gift-tk h3,
.zb_nry_box .masker-wrap .gift-tk h3 {
    text-align: center;
    margin-bottom: .24rem;
}

.class_detail_box .masker-wrap .gift-tk p,
.zb_nry_box .masker-wrap .gift-tk p {
    margin-bottom: .11rem;
}

.class_detail_box .masker-wrap .gift-tk span,
.zb_nry_box .masker-wrap .gift-tk span {
    display: inline-block;
    width: .52rem;
    height: .25rem;
    border: 1px solid #00D36A;
    color: #00D36A;
    border-radius: 3px;
    text-align: center;
    line-height: .25rem;
    margin-right: .12rem;
    font-size: .18rem;
}

.class_detail_box .masker-wrap .gift-tk span.dif,
.zb_nry_box .masker-wrap .gift-tk span.dif {
    color: #FD6227;
    border: 1px solid #FD6227;
}

.class_detail_box .masker-wrap .pro-frame h3,
.zb_nry_box .masker-wrap .pro-frame h3,
.class_detail_box .success h3,
.zb_nry_box .success h3,
.class_detail_box .masker-wrap .gift-tk h3,
.zb_nry_box .masker-wrap .gift-tk h3 {
    font-size: .28rem;
    padding-top: .38rem;
}

.class_detail_box .success h3,
.zb_nry_box .success h3 {
    padding-bottom: .35rem;
}

.class_detail_box .masker-wrap .pro-frame .dif-color,
.zb_nry_box .masker-wrap .pro-frame .dif-color {
    color: #FE6129;
    font-size: .28rem;
    line-height: .66rem;
}

.class_detail_box .masker-wrap .pro-frame .btn-wrap,
.zb_nry_box .masker-wrap .pro-frame .btn-wrap {
    padding-top: .25rem;
}

.class_detail_box .gif-ok,
.zb_nry_box .gif-ok {
    width: 1.64rem;
    height: .56rem;
    text-align: center;
    line-height: .56rem;
    border-radius: 50px;
    background: #F2F2F2;
    margin: 0 .18rem;
    font-size: .22rem;
    background: #00D36A;
    color: #fff;
    margin: 0 auto;
}

.class_detail_box .gif-ok,
.zb_nry_box .gif-ok {
    margin-top: 0.2rem;
}

.zb_nry_box {
    padding-bottom: 0.2rem;
    /**课程介绍***/
    /*常见问题*/
    /*课程表*/
}

.zb_nry_box .main-cont {
    background: #fff;
    padding-bottom: .3rem;
    margin-bottom: 1.06rem;
}

.zb_nry_box .main-cont .tab-menu {
    border-bottom: .02rem solid #ddd;
    font-size: .3rem;
    color: #000;
}

.zb_nry_box .main-cont .tab-menu .list-tab-menu {
    /* margin-right: .745rem; */
    padding-bottom: .23rem;
}

.zb_nry_box .main-cont .tab-menu .list-tab-menu:last-child {
    margin-right: 0;
}

.zb_nry_box .main-cont .tab-menu .list-tab-menu.on {
    border-bottom: .02rem solid #00D36A;
}

.zb_nry_box .main-cont .tab-cont .list-tab-cont.on {
    display: block;
}

.zb_nry_box .main-cont .tab-cont .list-tab-cont {
    display: none;
}

.zb_nry_box .main-cont .tab-cont {
    padding: 0 3%;
}

.zb_nry_box .main-cont .tab-cont dl {
    padding-bottom: .38rem;
    padding-top: .3rem;
    border-bottom: 1px solid #EDECED;
}

.zb_nry_box .main-cont .tab-cont dl.no-bor {
    border-bottom: none;
}

.zb_nry_box .main-cont .tab-cont dd {
    width: 2.25rem;
    overflow: hidden;
    position: relative;
}

.zb_nry_box .main-cont .tab-cont dd .go-watch,
.zb_nry_box .main-cont .tab-cont dd .go-watch-days {
    padding: .1rem .08rem;
    border-radius: 5px;
    border: 1px solid #00D36A;
    display: inline-block;
    color: #30ce75;
    font-size: .22rem;
    margin-top: .3rem;
}

.zb_nry_box .main-cont .tab-cont dd .go-watch-days {
    border: 1px solid #ff4b5c;
    color: #ff4b5c;
}

.zb_nry_box .main-cont .tab-cont dd a {
    display: block;
}

.zb_nry_box .main-cont .tab-cont dd a img {
    width: 100%;
    height: 100%;
}

.zb_nry_box .main-cont .tab-cont dd a i {
    position: absolute;
    width: .66rem;
    height: .36rem;
    background: #3CDD8D;
    color: #fff;
    left: 0;
    top: 0;
    font-size: .16rem;
    font-style: normal;
    text-align: center;
    line-height: .36rem;
}

.zb_nry_box .main-cont .tab-cont dt {
    width: 4.5rem;
}

.zb_nry_box .main-cont .tab-cont dt h3 {
    font-size: .28rem;
    font-weight: normal;
    color: #333;
    line-height: 1.2;
    margin-bottom: .05rem;
}

.zb_nry_box .main-cont .tab-cont dt h4 {
    font-size: .22rem;
    font-weight: normal;
    color: #999;
    margin-bottom: .05rem;
}

.zb_nry_box .main-cont .price-links {
    margin-top: .25rem;
}

.zb_nry_box .main-cont .price-links span {
    font-size: .4rem;
    color: #FF2E56;
}

.zb_nry_box .main-cont .price-links span.old-price {
    text-decoration: line-through;
    margin-left: .1rem;
    font-size: .22rem;
    color: #999;
}

.zb_nry_box .main-cont .tab-cont .course-intro {
    padding-top: .33rem;
}

.zb_nry_box .main-cont .tab-cont .course-intro img {
    width: auto;
    margin: 0 auto;
}

.zb_nry_box .main-cont .tab-cont .list-tab-cont {
    color: #666;
}

.zb_nry_box .main-cont .tab-cont .course-intro p,
.zb_nry_box .main-cont .tab-cont .course-questions .box p {
    line-height: .42rem;
    overflow: hidden;
}

.zb_nry_box .main-cont .tab-cont .course-questions .box {
    padding-top: .2rem;
    padding-bottom: .1rem;
    font-size: .28rem;
}

.zb_nry_box .main-cont .tab-cont .course-questions .box:last-child {
    border-bottom: 0;
}

.zb_nry_box .main-cont .tab-cont .course-questions h3 {
    font-size: .28rem;
    margin-bottom: .18rem;
    background: none;
    font-weight: bold;
    color: #666;
    padding-left: 0;
}

.zb_nry_box .main-cont .tab-cont .course-schedule {
    padding-top: .45rem;
}

.zb_nry_box .main-cont .tab-cont .list-schedule {
    color: #999;
    border-bottom: 1px solid #EDEDED;
    padding-bottom: .25rem;
    margin-bottom: .25rem;
}

.zb_nry_box .main-cont .tab-cont .list-schedule .course-name p {
    width: 70%;
    color: #333;
    background: url(../images/garr2.png) left center no-repeat;
    background-size: .15rem .2rem;
    padding-left: .3rem;
    margin-bottom: .16rem;
}

.zb_nry_box .main-cont .tab-cont .list-schedule.on .course-name p {
    background: url(../images/garr.png) left center no-repeat;
    background-size: .2rem .15rem;
}

.zb_nry_box .main-cont .tab-cont .list-schedule .course-name p span {
    margin-left: .38rem;
}

.zb_nry_box .main-cont .tab-cont .list-schedule .course-name a {
    width: 1.06rem;
    height: .38rem;
    text-align: center;
    line-height: .38rem;
    color: #666;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: .22rem;
}

.zb_nry_box .main-cont .tab-cont .list-schedule.on .course-name a {
    border: 1px solid #00D05E;
    color: #00D05E;
}

.zb_nry_box .main-cont .tab-cont .list-schedule h3 {
    text-align: center;
    font-size: .28rem;
    color: #333;
    margin-bottom: .33rem;
    font-weight: bold;
}

.zb_nry_box .main-cont .tab-cont .list-schedule li {
    width: 100%;
    padding-left: .4rem;
    line-height: .46rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    position: relative;
    font-size: .28rem;
    color: #333;
}

.zb_nry_box .main-cont .tab-cont .list-schedule strong {
    font-weight: normal;
    font-size: .23rem;
    color: #F44933;
    text-align: center;
    display: block;
    width: 100%;
    /* padding-top: .3rem;*/
}

.zb_nry_box .main-cont .tab-cont .list-schedule li i {
    font-style: normal;
    width: .31rem;
    height: .31rem;
    border-radius: 50%;
    color: #00D05D;
    border: 1px solid #00D05D;
    text-align: center;
    line-height: .31rem;
    position: absolute;
    left: 0;
    top: 0.1rem;
}

.zb_nry_box .main-cont .tab-cont .list-schedule li span {
    font-size: .23rem;
    color: #999;
    padding-left: .25rem;
}

.zb_nry_box .main-cont .tab-cont .list-schedule li {
    white-space: normal;
}

.teachers_box {
    width: 7.5rem;
    background: #f2f2f2;
    padding-bottom: 0.8rem;
    /**学科查找**/
    /**拼音查找**/
}

.teachers_box .banner {
    width: 100%;
    height: 3.03rem;
    background: url(../images/szbanner.jpg) left top no-repeat;
    background-size: 100% 100%;
}

.teachers_box .search-wrap {
    padding-top: .19rem;
    margin-top: 0.1rem;
    /* padding-bottom: .19rem;
  background: #F1F3F2; */
}

.teachers_box .commonWidth {
    position: relative;
}

.teachers_box .commonWidth .search_img {
    position: absolute;
    top: 0.15rem;
    right: 0.3rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -2.96rem -3.26rem;
    display: inline-block;
    width: 0.36rem;
    height: 0.35rem;
    cursor: pointer;
}

.teachers_box .search-wrap input {
    width: 100%;
    height: .66rem;
    background-size: .35rem .35rem;
    border-radius: 50px;
    padding-left: 0.2rem;
    box-sizing: border-box;
    font-size: 0.26rem;
    color: #333;
    background: #F1F3F2;
}

.teachers_box .main-cont {
    background: #fff;
}

.teachers_box .teacher-number {
    color: #000;
    padding-top: .28rem;
}

.teachers_box .teacher-number span {
    color: #3bcb6a;
}

.teachers_box .main-cont .tab-menu {
    border-bottom: 2px solid #ddd;
    font-size: .3rem;
    color: #000;
    display: flex;
    justify-content: space-around;
    height: 0.8rem;
    line-height: .8rem;
    position: relative;
    bottom: -2px;
}

.teachers_box .main-cont .tab-menu .list-tab-menu.on {
    border-bottom: 2px solid #00D36A;
}

.teachers_box .main-cont .tab-cont .list-tab-cont.on {
    display: block;
}

.teachers_box .main-cont .tab-cont .list-tab-cont {
    display: none;
}

.teachers_box .main-cont .tab-cont {
    padding: 0 3%;
}

.teachers_box .main-cont .tab-cont dl {
    /* padding-bottom: .36rem; */
    padding-top: .36rem;
    border-bottom: 1px solid #EDECED;
}

.teachers_box .main-cont .tab-cont dl.no-bor {
    border-bottom: none;
}

.teachers_box .main-cont .tab-cont dd {
    width: 2.46rem;
    height: 3.45rem;
    margin-right: .3rem;
    overflow: hidden;
}

.teachers_box .main-cont .tab-cont dd a img {
    width: 100%;
    height: 100%;
}

.teachers_box .main-cont .tab-cont dt {
    width: 4.22rem;
    overflow: hidden;
}

.teachers_box .main-cont .tab-cont dt p {
    font-size: .26rem;
    color: #999;
    line-height: .4rem;
    position: relative;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.teachers_box .main-cont .tab-cont dt .name {
    font-weight: bold;
    color: #333;
    /* line-height: 1; */
    margin-bottom: .15rem;
}

.teachers_box .main-cont .tab-cont dt .job,
.teachers_box .main-cont .tab-cont .number {
    color: #333;
}

.teachers_box .main-cont .tab-cont dt .score {
    color: #ff8128;
}

.teachers_box .main-cont .tab-cont .intro-text span {
    display: inline-block;
    line-height: .4rem;
}

.teachers_box .main-cont .tab-cont dt .detail {
    display: inline-block;
    color: #3bcb6a;
    line-height: .3rem;
}

.teachers_box .course-ul {
    padding-top: .3rem;
}

.teachers_box .course-ul li {
    float: left;
    background: #F2F2F2;
    padding: .16rem .3rem;
    border-radius: 60px;
    color: #666;
    font-size: .24rem;
    margin-bottom: .1rem;
    margin-right: .118rem;
}

.teachers_box .course-ul li.on,
.teachers_box #pinyin-ul li.on {
    background: #00CE6C;
    color: #fff;
}

.teachers_box #pinyin-ul {
    padding-top: .34rem;
}

.teachers_box #pinyin-ul li {
    float: left;
    width: .48rem;
    height: .48rem;
    border-radius: 100%;
    background: #F2F2F2;
    font-size: .24rem;
    color: #666;
    text-align: center;
    line-height: .5rem;
    margin-right: .0678rem;
    margin-bottom: .1rem;
}

.teachers_box #pinyin-ul li.no-mar {
    margin-right: 0;
}

.teachers_box .over-tips {
    color: #999;
    padding-top: .35rem;
    position: relative;
    text-align: center;
    font-size: .2rem;
}

.teachers_box .over-tips:before,
.teachers_box .over-tips:after {
    content: '';
    position: absolute;
    top: 76%;
    background: #ccc;
    width: 36%;
    height: 1px;
}

.teachers_box .over-tips:before {
    left: 0;
}

.teachers_box .over-tips:after {
    right: 0;
}

.teachers_detail_box {
    width: 7.5rem;
    background: #f2f2f2;
    padding-bottom: 0.8rem;
    /**学员评价**/
}

.teachers_detail_box .teacher-intro {
    background: #fff;
}

.teachers_detail_box .teacher-intro dl {
    padding-top: .25rem;
    padding-bottom: .4rem;
}

.teachers_detail_box .teacher-intro dd {
    width: 2.46rem;
    height: 2.68rem;
    margin-right: .3rem;
    overflow: hidden;
}

.tea_info_box p {
    line-height: 0.5rem;
    text-indent: 2em;
    margin-bottom: 0.3rem;
    padding-bottom: 0.3rem;
}

.teachers_detail_box .teacher-intro dd img {
    width: 100%;
    /* height: 100%; */
}

.teachers_detail_box .teacher-intro dt {
    width: 4.22rem;
    overflow: hidden;
    height: 2.68rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: left;
}

.teachers_detail_box .teacher-intro dt p {
    font-size: .26rem;
    color: #999;
    line-height: .6rem;
    width: 100%;
}

.teachers_detail_box .teacher-intro dt .name {
    font-weight: bold;
    color: #333;
    line-height: 1;
    margin-bottom: .15rem;
}

.teachers_detail_box .teacher-intro dt .job,
.teachers_detail_box .teacher-intro .number {
    color: #333;
}

.teachers_detail_box .teacher-intro dt .score {
    color: #ff8128;
}

.teachers_detail_box .main-cont {
    background: #fff;
    padding-bottom: 0.3rem;
}

.teachers_detail_box .teacher_info {
    height: 1.2rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.teachers_detail_box .teacher_info h3,
.teachers_detail_box .teacher_info h4 {
    width: 100%;
}

.teachers_detail_box .main-cont .tab-menu {
    border-bottom: 2px solid #ddd;
    font-size: .3rem;
    color: #000;
    padding: .1rem 3% .23rem;
}

.teachers_detail_box .main-cont .tab-menu .list-tab-menu {
    margin-right: .5rem;
    padding-bottom: .23rem;
}

.teachers_detail_box .main-cont .tab-menu .list-tab-menu.on {
    border-bottom: 2px solid #00D36A;
}

.teachers_detail_box .main-cont .tab-cont .list-tab-cont.on {
    display: block;
}

.teachers_detail_box .main-cont .tab-cont .list-tab-cont {
    display: none;
}

.teachers_detail_box .main-cont .tab-cont {
    padding: 0 3%;
}

.teachers_detail_box .user-class {
    display: flex;
    justify-content: space-between;
}

.teachers_detail_box .main-cont .tab-cont dl {
    padding-bottom: .3rem;
    padding-top: .3rem;
    border-bottom: 1px solid #EDECED;
}

.teachers_detail_box .main-cont .tab-cont dl:last-child {
    border-bottom: 0;
}

.teachers_detail_box .main-cont .tab-cont dl.no-bor {
    border-bottom: none;
}

.teachers_detail_box .main-cont .tab-cont dd img {
    width: 2.56rem;
    height: 1.62rem;
}

.teachers_detail_box .main-cont .tab-cont dd a {
    display: block;
}

.teachers_detail_box .main-cont .tab-cont dd a img {
    width: 100%;
    height: 100%;
}

.teachers_detail_box .main-cont .tab-cont dt {
    width: 4.2rem;
}

.teachers_detail_box .main-cont .tab-cont dt h3 {
    font-size: .28rem;
    font-weight: normal;
    color: #333;
    line-height: 0.36rem;
}

.teachers_detail_box .main-cont .tab-cont dt h4 {
    font-size: .22rem;
    font-weight: normal;
    color: #999;
}

.teachers_detail_box .main-cont .price-links span {
    font-size: .4rem;
    color: #FF2E56;
}

.teachers_detail_box .main-cont .price-links a {
    float: right;
    width: 1.1rem;
    height: .4rem;
    line-height: .4rem;
    font-size: .22rem;
    border-radius: 5px;
    margin-left: .09rem;
}

.teachers_detail_box .main-cont .price-links a.sign-up {
    color: #00D36A;
    border: 1px solid #00D36A;
    text-align: center;
}

.teachers_detail_box .main-cont .price-links a.listen {
    width: .9rem;
    padding-left: .1rem;
    color: #FF7E57;
    border: 1px solid #FF7E57;
}

.teachers_detail_box .main-cont .price-links a.listen .erji {
    width: 0.27rem;
    height: 0.19rem;
    display: inline-block;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -2.62rem -3.28rem;
    padding-right: 0.05rem;
}

.teachers_detail_box .user-evalulate .head-img {
    width: .64rem;
    height: .64rem;
    margin-left: .08rem;
    margin-right: .26rem;
}

.teachers_detail_box .user-evalulate .head-img img {
    width: 100%;
    height: 100%;
}

.teachers_detail_box .user-evalulate .list-evalulate {
    padding-top: .54rem;
    padding-bottom: .57rem;
    border-bottom: 1px solid #E3E3E3;
}

.teachers_detail_box .user-evalulate .list-evalulate:last-child {
    border-bottom: 0;
}

.teachers_detail_box .evaluate-wrap {
    width: 6rem;
    color: #666;
    font-size: .26rem;
}

.teachers_detail_box .evaluate-wrap .user {
    font-weight: 400;
    color: #333;
    margin-bottom: .25rem;
}

.teachers_detail_box .evaluate-wrap .text {
    padding-bottom: .3rem;
    word-wrap: break-word;
}

.teachers_detail_box .evaluate-wrap .time {
    font-size: .22rem;
}

.teachers_detail_box .user-evalulate .over-tips {
    margin-top: .95rem;
}

.teachers_detail_box .over-tips {
    color: #999;
    padding-top: .35rem;
    position: relative;
    text-align: center;
    font-size: .2rem;
}

.teachers_detail_box .over-tips:before,
.teachers_detail_box .over-tips:after {
    content: '';
    position: absolute;
    top: 76%;
    background: #ccc;
    width: 36%;
    height: 1px;
}

.teachers_detail_box .over-tips:before {
    left: 0;
}

.teachers_detail_box .over-tips:after {
    right: 0;
}

.teachers_detail_box .price-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.zbst,
.lbst {
    width: 7.5rem;
    background: #f2f2f2;
    padding-bottom: 0.8rem;
    margin: 0 auto;
}

.zbst .class_list li b,
.lbst .class_list li b {
    color: #666;
    font-size: 0.24rem;
}

.zbst body,
.lbst body {
    background: #f2f2f2;
    color: #333;
    font-size: .24rem;
}

.zbst .st_videoBox,
.lbst .st_videoBox {
    background-color: #fff;
    margin-top: .3rem;
    padding: 0 0.12rem 0.3rem;
}

.zbst .st_videoBox .st_videoTitle,
.lbst .st_videoBox .st_videoTitle {
    font-size: .3rem;
    color: #333;
    line-height: .36rem;
    text-align: center;
    padding: 0.2rem 0.3rem;
}

.zbst .st_videoBox .st_video,
.lbst .st_videoBox .st_video {
    height: 3.7rem;
    width: 6.6rem;
    margin: 0 auto;
}

.zbst .st_listBox .st_btn,
.lbst .st_listBox .st_btn {
    background-color: #aeb2bd;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    color: #fff;
    font-size: .32rem;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    cursor: pointer;
}

.zbst .st_listBox .st_btn em,
.lbst .st_listBox .st_btn em {
    width: .3rem;
    height: .25rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -2.47rem -3.52rem;
}

.zbst .st_listBox .st_btn i,
.lbst .st_listBox .st_btn i {
    width: .32rem;
    height: .17rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -4.14rem -0.94rem;
}

.zbst .st_listBox .st_btn span,
.lbst .st_listBox .st_btn span {
    margin: 0 0.2rem;
}

.zbst .st_listBox .st_btn.active i,
.lbst .st_listBox .st_btn.active i {
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -2.27rem -3.31rem;
}

.zbst .st_listBox ul,
.lbst .st_listBox ul {
    background-color: #fff;
    padding: 0.2rem 0;
}

.zbst .st_listBox ul .st_title,
.lbst .st_listBox ul .st_title {
    font-size: .3rem;
    color: #333;
    position: relative;
    padding: .24rem 0 .24rem .4rem;
    border-left: 2px solid #cacac8;
    margin-left: .4rem;
    cursor: pointer;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
}

.zbst .st_listBox ul .st_title em,
.lbst .st_listBox ul .st_title em {
    width: .3rem;
    height: .3rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -3.88rem -2.87rem;
    position: absolute;
    left: -0.17rem;
    background-color: #fff;
    border-radius: 0.04rem;
}

.zbst .st_listBox ul .st_title.active em,
.lbst .st_listBox ul .st_title.active em {
    width: .32rem;
    height: .32rem;
    left: -0.18rem;
    background: url(../images/sprite_img.png) no-repeat;
    background-size: 4.65rem 3.77rem;
    background-position: -3.54rem -2.87rem;
    background-color: #fff;
    border-radius: 0.04rem;
}

.zbst .st_listBox ul .st_title.red,
.lbst .st_listBox ul .st_title.red {
    color: #f30;
}

.zbst .st_listBox ul>li.active,
.lbst .st_listBox ul>li.active {
    background-color: #eff0eb;
}

.zbst .st_listBox ol,
.lbst .st_listBox ol {
    display: none;
}

.zbst .st_listBox ol li,
.lbst .st_listBox ol li {
    padding-left: 0.4rem;
}

.zbst .st_listBox ol li a,
.lbst .st_listBox ol li a {
    font-size: .28rem;
    color: #333;
    padding: .24rem 0 .24rem .4rem;
    border-left: 2px solid #cacac8;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    position: relative;
}

.zbst .st_listBox ol li a em,
.lbst .st_listBox ol li a em {
    width: .18rem;
    height: .18rem;
    background-color: #d2d2d2;
    border-radius: 50%;
    position: absolute;
    left: -0.1rem;
}

.zbst .st_listBox ol li.active,
.lbst .st_listBox ol li.active {
    background-color: #e0e0e0;
}

.zbst .st_listBox ol li.active a,
.lbst .st_listBox ol li.active a {
    color: #3bcb77;
}

.zbst .st_listBox ol li.active em,
.lbst .st_listBox ol li.active em {
    background-color: #3bcb77;
}

.zbst .st_listBox ol li:active,
.lbst .st_listBox ol li:active {
    background-color: #e0e0e0;
}

.zbst .st_listBox ol li:active a,
.lbst .st_listBox ol li:active a {
    color: #3bcb77;
}

.zbst .st_listBox ol li:active em,
.lbst .st_listBox ol li:active em {
    background-color: #3bcb77;
}

.zbst .st_listBox ol.active,
.lbst .st_listBox ol.active {
    display: block;
}

.zbst .st_buyBox,
.lbst .st_buyBox {
    background-color: #3bcb77;
    height: .7rem;
    line-height: .7rem;
    margin-top: .3rem;
    padding: 0 .34rem;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    margin-bottom: 0.6rem;
}

.zbst .st_buyBox a,
.lbst .st_buyBox a {
    font-size: .28rem;
    color: #fff;
    width: 1.6rem;
    text-align: center;
    height: .46rem;
    line-height: .46rem;
    border-radius: .06rem;
    border: 2px solid #fff;
}

.zbst .st_buyBox a.active,
.lbst .st_buyBox a.active {
    color: #fff;
    border: 2px solid #fff;
}

#sel-city,
#sel-province {
    width: 6.88rem;
    height: 0.68rem;
    border-radius: 0.1rem;
    border: 1px solid #c1c1c1;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/arr.png) 97% center no-repeat;
    background-size: 0.16rem 0.12rem;
    padding-left: 0.15rem;
    box-sizing: border-box;
    font-size: 0.26rem;
}

.cont_temp {
    padding-bottom: 0.42rem !important;
}

/* 没有数据 */
.empty_box_wamp {
    background: #fff;
    text-align: center;
    padding-top: 0.6rem;
    padding-bottom: 0.8rem;
    font-size: 0.26rem;
    color: #666;
}

.empty_box_wamp img {
    width: 3.26rem;
    height: 2.25rem;
    margin-bottom: 0.35rem;
}

.cursor {
    cursor: pointer;
}

.img_code {
    width: 1.34rem !important;
    height: 0.64rem;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    line-height: 0.64rem;
}

.orderlist_box #tabCont {
    padding-bottom: 0.14rem;
}

.weixiaoke a {
    color: #757575;
}

.weixiaoke a:hover,
.weixiaoke:hover {
    color: #757575;
    -webkit-tap-highlight-color: transparent;
}

#JS_banner .tempWrap li img {
    width: 7.5rem;
    height: 4.06rem;
}

.zb_nry_box .selectBox {
    border-bottom: 0.3rem solid #fff;
}

.class_detail_box .class_schedule .dlSty01 {
    border-bottom: 1px solid #e5e4e4;
}

#shaxTips_zb,
#shaxTips {
    right: 0.2rem;
}

.zb_nry_box .gif-wrap i {
    width: 5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zb_nry_box .gif-wrap b {
    padding-right: 0.4rem;
}
/*热门考试*/
.add_exam_box{
    width: 100%;
    background-color: #fff;
    margin-top: 0.3rem;
    padding: 0.28rem 0.2rem .2rem;
    box-sizing: border-box;
}
.add_exam_box h3{
    font-size: 0.34rem;
    color: #333333;
    border-left: 0.1rem solid #30ce75;
    padding-left: 0.1rem;
    margin: 0 0 0.3rem 0;
    width: 1.47rem;
}
.add_exam_box_tab{
    display: flex;
    justify-content: center;
    margin-bottom: .2rem;
}
.add_exam_box_tab li{
    width: .08rem;
    height: .08rem;
    background: #E6E6E6;
    border-radius: .04rem;
    margin-right: .06rem;
}
.add_exam_box_tab li:last-child{
    margin-right: 0;
}
.add_exam_box_tab li.on{
    width: .24rem;
    background: #54CE97;
}
.add_exam_link{
    width: 7.1rem;
}
.add_exam_link p{
    display: flex;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: .2rem;
    white-space: nowrap;
}
.add_exam_link p a:last-child{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.add_exam_link p a,.add_exam_link p span{
    font-size: .28rem;
    line-height: .5rem;
    color: #333333;
    margin-right: .2rem;
}
.add_exam_link p.p_1{
    display: flex;
    justify-content: center;
    margin: 0 auto .2rem;
    padding: 0 .2rem;
    text-align: center;
}
.add_exam_link p.p_1 a{
    font-size: .3rem;
    font-weight: bold;
    margin-right: .1rem;
}
.add_exam_link p a:last-child{
    margin-right: 0;
}
.add_exam_link p span{
    width: .9rem;
    min-width: .9rem;
    height: .5rem;
    text-align: center;
    box-sizing: border-box;
    margin:0 .2rem 0 0;
    border-radius: .1rem;
}
.add_exam_link p span.span_1{
    color: #ff6859;
    border: 1px solid #ff6859;
}
.add_exam_link p span.span_2{
    color: #0090eb;
    border: 1px solid #0090eb;
}
.add_exam_link p span.span_3{
    color: #ff9b00;
    border: 1px solid #ff9b00;
}
.add_exam_link p span.span_4{
    color: #00bf7d;
    border: 1px solid #00bf7d;
}
/*.add_exam_link p.p_2 a:nth-child(1),*/
/*.add_exam_link p.p_3 a:nth-child(1),*/
/*.add_exam_link p.p_4 a:nth-child(1),*/
/*.add_exam_link p.p_5 a:nth-child(1),*/
/*.add_exam_link p.p_6 a:nth-child(1),*/
/*.add_exam_link p.p_7 a:nth-child(1),*/
/*.add_exam_link p.p_8 a:nth-child(1),*/
/*.add_exam_link p.p_9 a:nth-child(1){*/
/*    width: .9rem;*/
/*    min-width: .9rem;*/
/*    height: .5rem;*/
/*    text-align: center;*/
/*    box-sizing: border-box;*/
/*    margin:0 .2rem 0 0;*/
/*    border-radius: .1rem;*/
/*}*/
/*.add_exam_link p.p_2 a:nth-child(1){*/
/*    color: #0090eb !important;*/
/*    border: 1px solid #0090eb;*/
/*}*/
/*.add_exam_link p.p_3 a:nth-child(1){*/
/*    color: #00bf7d !important;*/
/*    border: 1px solid #00bf7d;*/
/*}*/
/*.add_exam_link p.p_4 a:nth-child(1){*/
/*    color: #ff9b00 !important;*/
/*    border: 1px solid #ff9b00;*/
/*}*/
/*.add_exam_link p.p_5 a:nth-child(1){*/
/*    color: #ff6859 !important;*/
/*    border: 1px solid #ff6859;*/
/*}*/
/*.add_exam_link p.p_6 a:nth-child(1){*/
/*    color: rgb(134,114,255) !important;*/
/*    border: 1px solid rgb(134,114,255);*/
/*}*/
/*.add_exam_link p.p_7 a:nth-child(1){*/
/*    color: rgb(236,86,193) !important;*/
/*    border: 1px solid rgb(236,86,193);*/
/*}*/
/*.add_exam_link p.p_8 a:nth-child(1){*/
/*    color: rgb(90,203,247) !important;*/
/*    border: 1px solid rgb(90,203,247);*/
/*}*/
/*.add_exam_link p.p_9 a:nth-child(1){*/
/*    color: rgb(122,157,242) !important;*/
/*    border: 1px solid rgb(122,157,242);*/
/*}*/
/*推荐专栏*/
.hot_exam_box{
    width: 100%;
    background: url('../images/hot_bg.png') no-repeat top center;
    background-size: contain;
    box-sizing: border-box;
    padding: .4rem 0rem 0;
    margin-top: .3rem;
}
.hot_exam_box h3{
    font-size: .36rem;
    font-weight: 600;
    color: #FFFFFF;
    line-height: .36rem;
    padding: 0 .2rem;
    margin-bottom: .4rem;
    text-align: center;
}
.hot_exam_box_tab{
    display: flex;
    padding: 0 .2rem;
    margin-bottom: .2rem;
    justify-content: center;
}
.hot_exam_box_tab li{
    height: .56rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: .28rem;
    padding: 0 .25rem;
    font-size: .34rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .56rem;
    margin-right: .4rem;
}
.hot_exam_box_tab li:last-child{
    margin-right: 0;
}
.hot_exam_box_tab li.on{
    color: #FF5246;
    font-weight: bold;
    background-color: #fff;
    box-shadow: 0 .05rem .1rem rgba(0, 0, 0, 0.2);
}
.hot_exam_box_con {
    padding: .2rem;
    background: #FFFFFF;
    box-shadow: 0px .02rem .18rem 0px rgba(200, 151, 151, 0.2);
    border-radius: .15rem;
    margin: 0 .2rem;
}
.hot_exam_box_con li{
    display: flex;
    overflow: hidden;
    box-sizing: border-box;
    white-space: nowrap;
    padding: .25rem 0;
    border-bottom: 0.01rem solid #EBEBEB;
    max-width:6.7rem;
}
.hot_exam_box_con li:last-child{
    border-bottom: none;
}
.hot_exam_box_con li a{
    font-size: .28rem;
    font-weight: 400;
    color: #333333;
    line-height: .38rem;
    margin-right: .2rem;
}
.hot_exam_box_con li a:last-child{
    margin-right: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.hot_exam_box_con li a:first-child{
    font-size: .24rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .38rem;
    width: .72rem;
    min-width: .72rem;
    height: .38rem;
    text-align: center;
    background-image: url('../images/hot_ico1.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: .2rem;
}
.hot_exam_box_con li:nth-child(2n)  a:first-child{
    background-image: url('../images/hot_ico2.png');
}
.hot_exam_box_con li:nth-child(3n)  a:first-child{
    background-image: url('../images/hot_ico3.png');
}
.hot_exam_box_con li:nth-child(4n)  a:first-child{
    background-image: url('../images/hot_ico4.png');
}
.hot_exam_box_con li:nth-child(5n)  a:first-child{
    background-image: url('../images/hot_ico5.png');
}
/* 文章页二维码 - 开始 */
.code_wzy{
    max-width: 750px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: flex;
    justify-content: space-evenly;
    box-sizing: border-box;
    padding: .2rem 0;
}
.code_wzy li{
    width: 30%;
}
.code_wzy li img{
    margin: 0 auto .1rem;
    width: 90% !important;
    height: auto !important;
    border-radius: .1rem;
    display: block;
}
.code_wzy li span{
    display: block;
    text-align: center;
    margin: 0 auto;
    max-width: 100%;
    font-size: 0.26rem;
    line-height: 0.4rem;
    color: #000;
    font-weight: bold;
}
.code_wzy li span.s1{
    white-space: nowrap;
}
.code_wzy li span b{
    color:#ff2d2d;
    font-weight: bold;
}
/* 文章页二维码 - 结束 */








.topp{
    width:1200px;
    margin:0 auto;
}
.topp ul{
    display:flex;
    align-items:center;
}
.topp ul li{
    height:40px;
    margin:0;
    padding:0;
    list-style:none!important;
    background:none;
}
.topp ul li a{
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    color:#fff;
    padding:0 15px;
}


.listcont{
    padding:10px 0
}
.listcont .tits{
    position: relative;
    margin-bottom: 20px;
    padding-left: 27px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    background-color: #f5f5f5;
}
.listcont .titsmore{
    float:right;margin-right:10px;color:#999}
.listcont .tits:after {
    position: absolute;
    left: 13px;
    top: 50%;
    content: '';
    margin-top: -8px;
    width: 3px;
    height: 16px;
    background-color: #00ce7f;
}
.listcont .spdian {
    width:5px;height:5px;background:#ddd;border-radius:100%;display:inline-block;float:left;margin:10px 10px 0 0
}









body{
    max-width:750px;
    margin:0 auto;
}



.lists{
    display: flex;
    /*align-items: center;*/
    margin-bottom: 20px;
}
.lists-l{
    display: block;
    width: 100px;
    height: 80px;
    flex-shrink: 0;
}
.lists-r{
    padding: 0px 0 0 15px;
}
.lists-r p{
    font-size: 14px;
    line-height: 22px;
    color: #333;
    margin: 10px 0 10px 0;
}
.lists-r span{
    color: #999;
    font-size: 14px;
}
.lists-r-t{
    font-size: 18px;
    margin-bottom:10px;
}



.menus{display:block;width:25px;height:25px;top:12px;right:12.5px;background:url(../images/menu.png) no-repeat;background-size:25px 25px;margin:  0 6px 0 0}
.menuwrap{width:100%;background:#fff;top:50px;z-index:99999;padding-bottom:10px;max-width: 750px}
.menuwrapmain{overflow:auto;height:95vh;}
.menuwrapmain .as{background:#eee;float:left;width:23%;margin:3px 1%;font-size:14px;text-align:center;line-height:26px;height:26px;border-radius:2px;}
.menuwrapmain a.cul{width:48%;margin:3px 1%;font-size:16px;text-align:center;line-height:32px;height:32px;border-radius:2px;}
.menuwrapmain h3{font-size:18px;line-height:30px;height:30px;padding-left:10px;margin:15px 0 5px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.pos-a{position:absolute;;}


.topnavs{
    display: flex;
    align-items: center;
    overflow-x: auto;
    border-bottom:  1px solid #eee;

}
.topnavs a{
    display: block;
    padding: 10px 10px;
    font-size: 17px;
    flex-shrink: 0;
}

::-webkit-scrollbar{
    display:none;
}




.footer{
    padding:20px 0;
    background-color:#fff;
    color:#333;
    text-align:center;
    font-size: 14px;
}

.footer a{
    color:#333;
}



.row1{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 1!important;-webkit-box-orient: vertical;
}
.row2{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}
.row3{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;
}
.row4{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 4;-webkit-box-orient: vertical;
}
.row5{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 5;-webkit-box-orient: vertical;
}



.pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    /*background: #fff;*/
    padding: 0 0.3rem;
}
.pagination li{
    list-style: none;
    background: none;
}
.pagination li a{
    margin: 14px 5px;
    display: inline-block;
    line-height: 30px;
    border-radius: 4px;
    text-align: center;
    background: #e3e3e3;
    color: #333;
    font-size: 14px;
    position: relative;
    padding: 5px 10px;
    border: none;
    height: auto;
}
.pagination span{
    margin: 14px 5px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    padding: 5px 10px;
    border-radius: 4px;
    height: auto;
}

.pagination li:last-child a{
    background: #e3e3e3;
    color: #333;
}
.pagination li:first-child a{
    background: #e3e3e3;
    color: #333;
}
.disabled span{
    background: #e3e3e3;
    color: #333;
}
.pagination .active span{
    background: #00ce7f;
    color: #fff;
}

.selhover{
    color: #fff!important;
    background-color: #00ce7f;
}
.listnav{
    display: flex ;
    align-items: center;
    flex-wrap: wrap;
    height: auto;
    /*margin-bottom: 0.2rem;*/
    /*background: #fff;*/
    /*padding-left: 20px;*/

}
.listnav a{
    display: block;
    padding: 5px 10px;
    color: #222;
    margin: 5px 0;
    border-radius: 4px;
    font-size: 20px;
}