@charset "UTF-8";
	@import url("../fonts/iconfont.css?v=202603021");
	@-webkit-keyframes live {
	0% {
	height:0
}
to {
	height:100%
}
}@keyframes live {
	0% {
	height:0
}
to {
	height:100%
}
[class*=" icon-icon"],
[class^=icon-icon] {
    font-family: iconfont;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}
}html {
	-webkit-text-size-adjust:none;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}
input[ type= "number" ] {
	-moz-appearance: textfield;
}
*, ::after, ::before {
    box-sizing: border-box;
}


.dialog-modal{z-index:9999;height:4.0vw}
i.iconfont.icon-playing-bg{display:inline-block;vertical-align:middle;width:5vw;height:5vw;background:url(/images/liveon_icon.gif) top no-repeat;margin:-1vw 1vw 0 0;background-size:100% auto}
.color-green{color:#00A24B}
.color-red{color:#FF000F}
.color-orange{color:#FF8A00}
.color-gray,.btn-grey{color:#999;font-size:4.266667vw}
.color-light-gray{color:#666}
.color-blue{color:#108BC7}
.color-white{color:#fff!important}
.btn-colour{color:#108BC7;font-size:4.266667vw}
.bg-white{background:#fff!important}
.bg-blue{background-color:#0F4C81}
.one-lines{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.two-lines,.three-lines,.four-lines,.five-lines{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical}
.two-lines{-webkit-line-clamp:2}
.three-lines{-webkit-line-clamp:3}
.four-lines{-webkit-line-clamp:4}
.five-lines{-webkit-line-clamp:5}
.weui-tabbar__icon{width:auto}
.xline{height: 0.27vw;background: #E5E5E5;}
.weui-picker-overlay,.weui-picker-container{background:rgba(0,0,0,.6);height:100%}
.fr{float:right}
.fl{float:left}
.tMar10{margin-top:2.67vw}
.tMar15{margin-top:4vw}
.weui-cell_access .weui-cell__ft:after{width:2.133333vw;height:2.133333vw;border-color:#aaa;border-width:1px 1px 0 0}
.course-intro table{width:100%;border-collapse:collapse}
.course-intro td{padding:1.333333vw 2.666667vw;border:1px solid #DDD}
.course-list>.item .body .info .title,.course-wrapper .course-info .info .title,.list-cover .cell .info .title,.select-list>.item .text{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.three-lines{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.price .text-primary,.course-list>.item .body .info .text-primary,.page-handle .diy-tag,.handle .diy-tag,.price .diy-tag{color:#FF000F;font-size:3.733333vw}
.course-list>.item .body .info .show-tag,.page-handle .show-tag,.price .show-tag{color:#999;margin-left:1.3333vw;font-size:3.2vw;text-decoration:line-through;text-decoration-line:line-through;text-decoration-thickness:initial;text-decoration-style:initial;text-decoration-color:initial}
.page-handle .diy-tag{padding-left:4.0vw;font-size:4.8vw}
.page-handle .diy-tag span[setpricestyle1]{text-decoration: line-through;color: #999;font-size: 3.2vw;margin-left: 2vw;padding-top: 4vw;}
.page-handle .show-tag{font-size:3.2vw}
.course-list>.item .body .info .finish-tag{color:#00A24B}
.course-list>.item .body .info .price{display:block;width:auto;font-size:3.733333vw}
.course-list>.item .body .info .support-playback{color:#999;float:right;font-size:2.666667vw;margin-top:0.533333vw}
body,html{height:100%}
body{margin:0 auto;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;background:#f5f5f5;color:#222;font-family:Helvetica,Arial,PingFang SC,Hiragino Sans GB,Source Han Sans CN,Roboto,Microsoft Yahei,sans-serif;-webkit-font-smoothing:antialiased;word-break:break-all;font-size:3.733333vw}
pre{color: inherit;font-family: inherit;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}
a,button,div,input,li,section,span{-webkit-tap-highlight-color:transparent}
img{max-width:100%}
.btn{-webkit-box-sizing:border-box;box-sizing:border-box}
.iconfont{font-size:inherit}
.form-text-tip,.text-tip{font-size:3.2vw;color:#999}
.text-tip{line-height:1}
.text-tip .iconfont{font-size:4.26667vw}
.form-text-tip{padding:2.66667vw 4vw}
.weui-cell{padding:4vw}
.weui-navbar__item{font-size:4vw;padding:3.46667vw 0}
.weui-navbar+.weui-tab__bd{padding-top:13.33333vw}
.weui-cells:after,.weui-cells:before{content:none;border-top:none}
.weui-cells{font-size:3.73333vw}
.weui-cell__hd .icon{width:4.26667vw;height:4.26667vw;margin-right:2.66667vw}
.weui-cells .weui-cell:last-child:after{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #e5e5e5;color:#e5e5e5;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5);left:4vw;right:4vw;z-index:2}
.weui-cells.weui-cells-two-columns .weui-cell:last-child:after{border: 0}
.weui-cell:before{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #e5e5e5;color:#e5e5e5;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5);left:4vw;right:4vw;z-index:2}
.weui-tabbar{background-color:#fff;position:fixed;bottom:0;padding-bottom:env(safe-area-inset-bottom);left:0;width:100%}
.weui-tabbar .weui-tabbar__item{display:inline-block;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}
.weui-tabbar .weui-bar__item--on .weui-tabbar__label{color:#108BC7}
.weui-tabbar .weui-tabbar__icon{width:6.4vw;height:6.4vw}
.weui-tabbar .weui-tabbar__icon img{position:relative;width:6.4vw;height:6.4vw}
.weui-tabbar .weui-tabbar__icon i.iconfont{position:relative;top:-2vw;font-size:6.4vw}
.weui-tabbar .weui-bar__item--on .weui-tabbar__icon i.iconfont{color:#108BC7}
.weui-tabbar .weui-tabbar__label{font-size:2.66667vw;padding:0;margin:0 auto}
.weui-btn_primary{background-color:#108BC7}
.weui-btn_primary:not(.weui-btn_disabled):active{background-color:#ff701a}
.weui-btn_plain-primary{color:#108BC7;border:1px solid #108BC7}
.weui-btn_plain-primary:not(.weui-btn_plain-disabled):active{color:#ff701a;border-color:#ff701a}
.weui-dialog{border-radius:2.133333vw;width:90%}
.weui-dialog__hd{padding:4.0vw 4vw 0;font-size:4.53vw;text-align:left;color:#353535}
.weui-dialog__hd .weui-dialog__close{display:none;position:absolute;right:4.0vw;top:3.466667vw;font-size:2.666667vw;line-height:initial;color:#999999}
.weui-dialog__hd_lf{text-align:left;border-bottom:0.27vw solid #d5d5d6;padding:0 5.333333vw;height:10.666667vw;line-height:10.666667vw}
.weui-dialog__hd_lf .weui-dialog__close{display:block}
.weui-dialog__title{font-size:4.266667vw;color:#353535}
.weui-dialog__bd{font-size:4.266667vw;font-size:4.266667vw;color:#353535;padding:2.666667vw 4vw 6.666667vw;min-height:6.933333vw}
.weui-dialog-btn-openvip{max-height:80vh;top:50%}
.weui-dialog-btn-openvip .weui-dialog__bd{max-height:calc(80vh - 29vw);overflow-y:scroll}
.weui-dialog .weui-dialog__btn.default,.weui-toast .weui-dialog__btn.default{color:#108BC7;font-size:4.266667vw}
.weui-dialog .weui-dialog__btn{font-size:4.266667vw}
.weui-dialog .weui-dialog__ft .default-black{color:#000}
.weui-dialog .weui-dialog__ft .default-gray{color:#666}
.text-yellow{color:#ff7800}
.text-blue{color:#0C9BD8}
.course-list>.item .body .handle .progress-label .label.label-gray,.text-gray{color:#999}
.text-primary{color:#108BC7}
.course-wrapper .course-navbar.bg-white .more a,.course-wrapper .course-navbar.bg-white .title a,.text-dark{color:#222}
.text-white{color:#fff}
.line-gray{color:#ccc}
a{color:#108BC7}
a.btn{text-decoration:none}
.btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#212529;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:1.06667vw 2.13333vw;font-size:3.2vw;line-height:1.5;border-radius:1vw;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}
.btn-lg{font-size:4vw;padding-top:2.13333vw;padding-bottom:2.13333vw}
.btn-xs{padding:1px 2.66667vw}
.btn-sm{height:6.66667vw;padding:0 2.66667vw;font-size:3.2vw}
.btn-primary{background-color:#108BC7;color:#fff;outline:0}
.btn-primary:active{background-color:#108BC7}
.btn-plain{border-color:#B2B2B2;color:#666}
.btn-primary.disabled,.btn-primary[disabled]{background-color:#82C0DE;color:#fff}
.btn-warning{background-color:#FF000F;color:#fff}
.btn-green{background-color:#24ce86;color:#fff}
.btn-block{width:100%}
.btn-large{font-size:4vw;height:12vw}
.btn-white{background-color:#fff;color:#108BC7}
.btn-outline-primary{color:#108BC7;border:0;position:relative}
.btn-outline-primary:after{content:" ";width:200%;height:200%;position:absolute;top:0;left:0;border:1px solid #ccc;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:1vw}
/* .btn-outline-primary:active{background-color:#ffefe6} */
.btn-outline-primary:focus{outline:0}
.btn-outline-primary.disabled,.btn-outline-primary[disabled]{color:#ccc}
.btn-outline-primary.disabled:after,.btn-outline-primary[disabled]:after{border-color:#ccc !important}
.btn-outline-warning{border-color:#ff7800;color:#ff7800}
.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:transparent}
.btn-outline-danger{color:#FF4238;background-image:none;background-color:transparent;border-color:#FF4238}
.lMar10{margin-left:2.666667vw}
.tMar20{margin-top:5.333333vw}
.tMar15{margin-top:4.0vw}
.tMar30{margin-top:8.0vw}
.bMar15{margin-bottom:4.0vw}
.bMar10{margin-bottom:2.666667vw}
.bMar5{margin-bottom:1.333333vw}
.border-none{border-width:0!important}
.before-border-none:before,.after-border-none:after{display:none!important;border-width:0!important}
.rPad1{padding-right:1vw}
.tbPad1{padding-top:1vw!important;padding-bottom:1vw!important}
.bPad0{padding-bottom:0!important}
.w90b{width:90%!important}
.weui-toast{z-index:2005}
.nav{list-style-type:none;padding:0;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;background-color:#fff;z-index:10}
.nav:after{content:" ";position:absolute;left:0;bottom:-1px;right:0;height:1px;border-bottom:1px solid #e5e5e5;color:#e5e5e5;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5);left:4vw;right:4vw;z-index:2}
.nav .nav-item{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;color:#666;font-size:4.0vw;position:relative;z-index:3}
.nav .nav-item a{margin:0 4.0vw}
.nav .nav-item .nav-link{display:block;text-decoration:none;color:inherit;padding:0;font-size:0}
.nav .nav-item .nav-link>span{font-size:4.0vw;padding:3.2vw 0;position:relative;z-index:3;display:inline-block;width:100%;position:relative}
.nav:after{content:"";position:absolute;width:100%;height:1px;background-color:#e5e5e5;left:10%;bottom:0}
.nav .nav-item .nav-link.active{color:#108BC7;font-weight:700}
.nav .nav-item .nav-link.active>span{border-bottom-color:#108BC7}
.nav .nav-item .nav-link.active>span:after{content:"";position:absolute;width:80%;height:0.53vw;background-color:#108BC7;left:10%;bottom:0}
.course-intro-wrapper .nav .nav-item .nav-link.active{color:#000}
.course-intro-wrapper .nav .nav-item .nav-link.active>span{border-bottom-color:#000}
.course-intro-wrapper .nav .nav-item .nav-link.active>span:after{background-color:#000}
.filter,.filter>.item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}
.filter{color:#666;font-size:3.73333vw;background-color:#fff;height:10.66667vw}
.filter:after,.info-bar:after,.tag-outline-blue:after,.tag-outline-green:after{content:" ";position:absolute;left:0;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}
.filter:after{bottom:-1px;right:0;height:1px;border-bottom:1px solid #e5e5e5;color:#e5e5e5;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5);z-index:2}
.filter>.item{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.filter-wrapper .filter-menu>.item.active,.filter>.item.active{color:#108BC7}
.filter>.item .iconfont{color:#a9a9b3;margin-left:.26667vw;font-size:2.666667vw}
.filter>.item-cell{text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto}
.filter>.item-cell:before{content:"";position:absolute;left:0;top:50%;width:1px;height:3.73333vw;background-color:#e6e6e6;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.filter-wrapper{position:absolute;left:0;height:100%;width:100%}
.filter-wrapper .filter-menu{position:absolute;z-index:3;background-color:#fff;width:100%}
.filter-wrapper .filter-menu>.item{color:#222;padding:2.66667vw 0;margin:0 4vw;border-bottom:1px solid #e6e6e6;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.filter-wrapper .filter-menu>.item .text{font-size:3.73333vw;color:inherit}
.course-list>.item .header .more,.filter-wrapper .filter-menu>.item .more{margin-left:auto}
.filter-wrapper .filter-menu>.handle{padding:2.66667vw 4vw}
.filter-wrapper .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:2}
.progress,.progress .progress-bar{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}
.progress{height:.53333vw;font-size:.75rem;background:#EDEDED;border-radius:1rem}
.progress .progress-bar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#00A24B;-webkit-transition:width .6s ease;transition:width .6s ease}
.course-list{background:#fff;padding-bottom:4vw}
.course-list,.topic-list,.order-list-page,.page-none img{margin-bottom:4.0vw}
.course-list>.item{margin:0;padding:4vw 4vw 0;position:relative}
.course-list>.item .header{border-bottom:1px solid #e6e6e6;font-size:3.2vw;color:#999;padding-bottom:2.66667vw;margin-bottom:2.66667vw}
.course-list>.item .body,.course-list>.item .header{display:-webkit-box;display:-ms-flexbox;display:flex}
.course-list>.item .body .cover{position:relative;margin-right:2.66667vw;font-size:0;width:37.866667vw;height:21.333333vw;z-index:1}
.course-list>.item .body .cover img{border-radius:2.133333vw;width:100%;height:100%}
.course-list>.item .body .cover img.img-playing-bg,.img-playing-bg{width:5.333333vw!important;height:3.9vw!important;border-radius:0}
.course-list>.item .body .cover .card-name{position:absolute;left:13.333333vw;top:4.0vw;z-index:100;font-size:3.733333vw;color:#F6C684;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:24.0vw;font-family:PingFangSC}
.course-list>.item .body .cover .date{position:absolute;font-size:2.66667vw;margin:0;width:100%;height:5.333333vw;line-height:5.333333vw;left:0;bottom:0;background:rgba(0,0,0,.5);color:rgba(255,255,255,.8);border-radius:0 0 1.6vw 1.6vw;display:inline-block;text-align:center;overflow:hidden}
.course-list>.item .body .cover .live-status{position:absolute;font-size:2.66667vw;margin:0;width:18.666667vw;height:5.333333vw;left:0;top:0;background:rgba(0,0,0,.5);color:rgba(255,255,255,.8);border-radius:2.133333vw 0;display:inline-block;text-align:center;overflow:hidden}
.course-list>.item .body .cover .live-status .tag-studing{text-align:center;margin:0 auto;display:block;line-height:5.6vw;font-size:3.2vw}
.course-list>.item .body .cover .live-status label{background:#FF0000;width:6.4vw;height:5.333333vw;border-radius:1.6vw 0 0 1.6vw;margin-bottom:0;display:inline-block;position:absolute;left:0;top:0;bottom:0}
.course-list>.item .body .cover .live-status .tag-studing-bg{padding-left:7vw;text-align:left}
.course-list>.item .body .cover .live-status .tag-studing .iconfont{color:#108BC7}
.course-list>.item .body .cover .live-status .tag-studing .iconfont.icon-replay,.course-list>.project-item .body .cover .live-status .tag-studing .iconfont{color:#fff}
.course-list>.item .body .cover .live-status .tag{background:none}
.course-list>.item .body .cover .tag,.list-cover .cell .cover .tag{position:absolute;font-size:2.66667vw;padding:0 1.33333vw;margin:0;line-height:4.8vw;height:4.8vw;width:max-content;right:0;bottom:0;background:rgba(0,0,0,.5);color:rgba(255,255,255,.8);border-radius:2.133333vw 0 2.133333vw 0}
.course-list>.item .body .info{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:3.4vw}
.course-list>.item .body .info .title{font-size:3.73333vw;color:#222;margin-bottom:1.06667vw;line-height:1.4}
.course-list>.item .body .info .share-tag{color:#B8B8B8}
.course-list>.item .body .info .share-tag span{position:relative}
.course-list>.item .body .info .share-tag span + span{margin-left:2.13vw;padding-left:2.4vw}
.course-list>.item .body .info .share-tag span + span:before{position:absolute;content:"";width:1px;height:2.93vw;top:0.53vw;transform:translateX(-100%);left:0px;background:#C6C6C6;border-radius:1px}
.course-list>.item .body .info .share-tag i{margin-right:0.8vw}
.course-list>.item .body .info .title a{color:inherit}
.course-list.study-course-list>.item .body .info .title a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.course-list>.item .body .desc{font-size:3.2vw;color:#a8a8a8}
.course-list>.item .body .desc .time{font-size:2.93333vw}
.course-list>.item .body .handle{margin-top:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:3}
.course-list>.item .body .handle .meta.star{margin-left:auto;font-size:3.733333vw;color:#FF8139;display: none;}
.list-cover .cell .meta .star{display: none;}
.course-list>.item .body .handle .meta.star .nonStar{color:rgba(153,153,153,0.5);font-size:3.2vw}
.course-list>.item .body .handle .status{color:#999;font-size:2.66667vw}
.course-list>.item .body .handle .tag{font-size:2.66667vw}
.course-list>.item .body .handle .text-info{font-size:2.66667vw;margin-left:1.33333vw}
.course-list>.item .body .handle .progress{height:.53333vw}
.course-list>.item .body .handle .progress-label{min-width:17.33333vw}
.course-list>.item .body .handle .progress-label .label{font-size:2.66667vw;color:#999}
.course-list>.item .body .handle.live-state{color:#999;font-size:3.2vw}
.course-list>.item .body .handle.live-state .tag{margin-left:auto;min-width:16.0vw;text-align:center;padding:0}
.course-list>.item .body .handle.live-state .tag-studing{color:#FF0000;background:#ffe6e6;border:none}
.course-list>.item .body .handle.live-state .tag-progres{color:#FF7A09;background:#fff1e6;border:none}
.course-list>.item .body .handle.live-state .tag-studed{color:#fff;background:#ddd;border:none}
.course-list>.item .body .info .class-hour{margin-top:3vw;color:#FF000F}
.course-list>.item .body .info .studySecond{color:#666;font-size:3.2vw}
.course-list>.item .body .info .num-courses{margin-left:auto;font-size:2.933333vw;background:rgba(0,0,0,0.5);color:#fff;width:20.0vw;height:4.8vw;line-height:4.8vw;text-align:center;border-radius:2.4vw}
.course-list>.item .body .info .view-cert{margin-top:3vw;margin-left:auto;color:#0C9BD8}


/**课程直播列表样式2 s***/
.course-wrapper .course-info .meta .class-meta .period-item{display: flex;align-items: center;}
.course-wrapper .course-info .meta .class-meta .period-item img,.course-wrapper .course-info .meta .class-meta .period-item i{margin-right: 0.5vw;}
.course-wrapper .course-info .meta .class-meta .period-item img{width: 3.2vw!important;height: 3.2vw!important;border-radius: 0!important;margin-top: -0.5vw;}
.course-list[courseliststyle="1"]{padding: 4vw;}
.course-list[courseliststyle="1"] > .item{padding: 0 0 4vw;border-radius: 2.133333vw;box-shadow: 0 0 4px #aaa;overflow: hidden;}
.course-list[courseliststyle="1"] > .item + .item{margin-top: 6vw;}
.course-list[courseliststyle="1"] > .item .body{display: block!important;}
.course-list[courseliststyle="1"] > .item .body > div{padding: 0 3vw;}
.course-list[courseliststyle="1"] > .item .body > .cover{width: 100%;height: 35vw;margin-right: 0;padding:0;position: relative;overflow: hidden;}
.course-list[courseliststyle="1"] > .item .body > .cover img{border-radius: 0;position: absolute;width: 100%;height: auto;min-height: 35vw;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.course-list[courseliststyle="1"] > .item .body .info .title{margin-top: 3vw;font-weight: 600;}
.course-list[courseliststyle="1"] > .item .body .info .text-primary,.course-list[courseliststyle="1"] >.item .body .info .class-hour{font-size: 3.4vw;color: #333;font-weight: 500;}
.course-list[courseliststyle="1"] > .item .body .info .text-primary{display: flex;align-items: center;margin-right: 2vw;}
.course-list[courseliststyle="1"] > .item .body .info .text-primary img,.course-list[courseliststyle="1"] > .item .body .info .text-primary i{margin-right: 1vw;}
.course-list[courseliststyle="1"] > .item .body .info .text-primary img{
    width: 3.2vw!important;
    height: 3.2vw!important;
    margin-top: -0.5vw;
}
.course-list[courseliststyle="1"] > .item .body .cell-intro,.course-list[courseliststyle="1"] > .item .body .cell-teacher{max-height: 26.8vw;overflow: hidden;margin-top: 1vw;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;word-break: break-all;word-wrap: break-word;color: #333;font-size: 3.4vw;}
.course-list[courseliststyle="1"] > .item .body .cell-teacher{ max-height: 10.5vw;margin-top:3vw;-webkit-line-clamp: 2;}
.study-course-list.course-list[courseliststyle="1"] .class-expire{float: none;}
.study-course-list.course-list[courseliststyle="1"] > .item .body .info .class-hour{margin-top: 0vw;}
.study-course-list.course-list[courseliststyle="1"] > .item .body .info .title a{white-space: normal;max-height: 9.7vw;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;word-wrap: break-word;}
.study-course-list.course-list[courseliststyle="1"] > .item .body .handle.classHourIsDisplay{justify-content: space-between;margin-top: 1vw;}
/**课程直播列表样式2 e***/
.study-course-list>.item .body .cover{width:33.066667vw;height:18.666667vw}
.course-card>.item .footer .more,.course-card>.item .header .more,.course-list>.item .body .handle .more{margin-left:auto}
.course-list>.item .body .handle .more .price{color:#222;font-size:3.73333vw}
.course-list>.project-item .body .handle .meta .btn-primary{width:17.07vw;height:6.93vw;border-radius:1.07vw;background:#F5F5F5;color:#108BC7;font-size:3.2vw;padding:0}
.course-card{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0}
.course-card>.item{margin:0 0 5.33333vw;padding:4vw;position:relative}
.course-card>.item:active{background-color:#f4f4f4}
.course-card>.item .header{border-bottom:1px solid #e6e6e6;font-size:3.2vw;color:#999;padding-bottom:2.66667vw;margin-bottom:2.66667vw;display:-webkit-box;display:-ms-flexbox;display:flex}
.course-card>.item .footer{border-top:1px solid #e6e6e6;font-size:3.2vw;color:#999;padding-top:2.66667vw;margin-top:2.66667vw}
.course-card>.item .body,.course-card>.item .footer{display:-webkit-box;display:-ms-flexbox;display:flex}
.course-card>.item .body .cover{position:relative;margin-right:2.66667vw;font-size:0}
.course-card>.item,.course-card>.item .body .cover img{border-radius:1.06667vw}
.course-card>.item .body .cover .tag{position:absolute;right:1.33333vw;bottom:1.33333vw;background:rgba(0,0,0,.5);color:rgba(255,255,255,.6);font-size:3.2vw;padding:1px 2.13333vw;border-radius:.53333vw}
.course-card>.item .body .info{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.course-card>.item .body .info .title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:3.73333vw;color:#222;margin-bottom:1.06667vw}
.course-card>.item .body .info .title .stretched-link,.course-card>.item .body .info .title a{color:inherit}
.course-card>.item .body .info .text{color:#666;font-size:3.2vw}
.course-card>.item .body .more,.course-card>.item .body .more .progress-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.course-card>.item .body .more{margin-top:auto}
.course-card>.item .body .more .progress-label{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:5.33333vw}
.course-card>.item .body .more .progress-label .progress{-webkit-box-flex:1;-ms-flex:1;flex:1}
.course-card>.item .body .more .progress-label .label{font-size:2.66667vw;color:#108BC7;margin-left:1.33333vw}
.course-card>.item .body .more .handle{margin-left:auto}
.tag{font-size:3.2vw;padding:.53333vw 2.13333vw;border-radius:1.066667vw;position:relative}
.tag-gray{background-color:#7B7B7B;color:#e6e6e6}
.tag-orange{background-color:#fcc101;color:#fff}
.tag-yellow{background-color:#108BC7;color:#fff}
.tag-black{background-color:#000;color:#fff}
.tag-greed{border:0.5px solid rgba(255,255,255,0.50);background:rgba(0,162,75,0.70)}
.tag-red{border:0.5px solid rgba(255,255,255,0.50);background:rgba(255,66,56,0.70);}
.tag-blue{background-color:#eaf1ff;color:#7aa8ff}
.tag-dark-blue{color:#fff;background:#00B2FF}
.tag-outline-blue{color:#4b8aff}
.tag-fail{color: #fff; background: rgba(255, 66, 56);}
.info-bar:after,.tag-outline-blue:after,.tag-outline-green:after{width:200%;height:200%;top:0;border:1px solid #4b8aff;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:.53333vw}
.tag-outline-green{color:#1fac74}
.info-bar:after,.tag-outline-green:after{border:1px solid #1fac74}
.tag-green{background-color:#11B353;color:#fff}
.tag-video{background:rgba(213,235,255,.5);color:#52adff}
.info-bar,.total-bar{text-align:center;color:#999}
.total-bar{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:3.2vw;height:6.4vw;line-height:6.4vw;background-color:rgba(0,0,0,.05);margin:2.66667vw 4vw}
.info-bar{margin:4vw;font-size:3.73333vw;height:10.13333vw;position:relative}
.info-bar:after{border:1px solid #108BC7;z-index:-1;border-radius:1.06667vw}
.info-bar:active{background-color:rgba(255,142,42,.2)}
.info-bar a{text-decoration:none;height:100%;display:block;line-height:10.13333vw}
.info-bar a .iconfont{font-size:4.26667vw;margin-right:1.33333vw}
.page{height:100%}
.page,.page .page-content{position:relative;z-index:0}
.page .page-content.page-content-with-tabbar{padding-bottom:15.73333vw;padding-bottom:calc(env(safe-area-inset-bottom) + 15.73333vw)}
.page .page-handle,.page-none{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.page .page-handle{padding:0;position:fixed;bottom:0;left:0;background-color:#fff;z-index:90;height:13.866667vw}
.page .page-handle:after{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #e5e5e5;color:#e5e5e5;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5);z-index:2}
.page .page-handle .price{color:#fb9031;font-size:4.8vw;width:26.66667vw}
.page .page-handle>.btn{-webkit-box-flex:1;-ms-flex:1;flex:1;height:13.866667vw;font-size:4vw;border-radius:0}
.page .page-handle>.btn.disabled{opacity:0.65}
.page .page-handle>.btn .iconfont{margin-right:1.33333vw;font-size:4.8vw}
.page .page-handle>.btn .iconfont.iconfontadd{line-height:1;display:inline-block;vertical-align:middle;font-size:7vw;margin-top:-0.5vw}
.page .page-handle>.btn+.btn{margin-left:5.33333vw}
.page .page-handle>.btn-info{background:#00A24B;color:#fff}
.page .page-handle>.btn-vet{background:#FF7A00;color:#fff}
.page-none{margin:0 auto;text-align:center;padding:10vh  4vw;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:4.26666vw}
.page-none img{display:inline-block;max-width:42.666667vw;height:auto;margin-bottom:2vw}
.page-none .title{font-size:4vw;color:#222;margin-bottom:2.13333vw}
.page-none .desc{color:#999;font-size:3.73vw}
.page-none .handle{width:100%;height:6.33333vh;margin:10vh 0}
.page-none .handle .btn{display:block;height:100%;line-height:6.33333vh;font-size:4vw;padding:0}
.page-header-nav,.page-header-nav .back{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.page-header-nav{position:relative;height:12.26667vw;font-size:4.266667vw}
.page-header-nav.no-border:after{content:none}
.nav-text:after,.page-header-nav:after{bottom:-1px;right:0;height:1px;border-bottom:1px solid #e5e5e5;color:#e5e5e5;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}
.page-header-nav .back{height:4.8vw;padding:4vw;color:inherit;font-size:3.73333vw;text-decoration:none}
.page-header-nav .back:active{opacity:.8}
.page-header-nav .back .iconfont{font-size:4vw;line-height:1;color:#999;margin-right:1.33333vw}
.page-header-nav .title{font-size:4.26667vw;color:#222;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;overflow:hidden;width:50%;white-space:nowrap;text-overflow:ellipsis}
.page-header-nav.nav-til-left .title{width:78%;text-align:left}
.page-header-nav .more{margin-left:auto;padding-right:4vw;font-size:3.73333vw;position:relative;z-index:100}
.page-header-nav .more a{color:#222}
.page-header-nav .more a.btn-complete{color:#108BC7}
.page-header-nav .more .iconfont{font-size:4.26667vw}
.page-header-nav .more-grey,.page-header-nav .more-grey a{color:#999}
.body-content{padding:4vw}
.sub-title{font-size:4vw;color:#222;margin-bottom:2.66667vw}
.select-list{list-style:none;margin:0 0 5.33333vw;padding:0;display:-ms-grid;display:grid;grid-gap:2.66667vw;grid-template-columns:repeat(auto-fill,minmax(21.33333vw,1fr))}
.select-list>.item{background:#fff;position:relative;font-size:3.2vw;text-align:center;height:9.06667vw;display:-webkit-box;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#666;line-height:1.4;padding:.53333vw;-webkit-box-sizing:border-box;box-sizing:border-box}
.select-list .item span.cont{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.select-list>.item.active,.select-list>.item:active{border-color:#108BC7}
.select-list>.item.active,.select-list>.item.more{color:#108BC7}
.select-list>.item.active:after{border-color:#108BC7}
.course-wrapper .course-navbar:after,.nav-text:after,.page-header-nav:after,.select-list>.item:after{content:" ";position:absolute;left:0;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}
.page-header-nav.page-header-nav-noborder:after{display:none}
.select-list>.item:after{width:200%;height:200%;top:0;border:1px solid #e1e1e1;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:1.06667vw}
.course-wrapper .nav,.course-intro-wrapper .nav{z-index:unset;position:relative;overflow:hidden;white-space:nowrap;overflow-x:scroll}
.course-wrapper .course-navbar{height:12.26667vw;color:#222;padding:2.66667vw 4vw;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}
body[courseorientation="1"] .course-wrapper > .course-navbar,.cover .landscape #shareTest,body[courseorientation="1"] .cover #shareTest,.cover .landscape #btn_submit_finish,body[courseorientation="1"] .cover #btn_submit_finish{display:none!important}
.course-wrapper .course-navbar:after{bottom:-1px;right:0;height:1px;border-bottom:1px solid rgba(255,255,255,.49);-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5);z-index:2}
.course-menu .list li.item-disabled:active,.course-wrapper .course-navbar.bg-white{background-color:#fff}
.course-wrapper .course-navbar .title{margin:0;padding:0}
.course-wrapper .course-navbar,.course-wrapper .course-navbar .title a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.course-wrapper .course-navbar .title .logo{width:8vw;height:8vw;margin-right:1.86667vw}
.course-wrapper .course-navbar .more{margin-left:auto;font-size:3.733333vw}
.course-wrapper .course-navbar .more a,.course-wrapper .course-navbar .title a{text-decoration:none;color:#222;font-size:4.266667vw}
.course-wrapper .course-navbar .more a{font-size:3.733333vw;color:#666}
.course-wrapper .course-navbar .more a i,.course-wrapper .course-navbar .title a i{font-size:3.733333vw}
.course-wrapper .course-navbar .title a span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.cover{position:relative;font-size:0;position:-webkit-sticky;position:sticky;top:0;z-index:20;background-color:#fff;height:56.0vw}
.share.learnProcessTip{position:absolute;right:2.66667vw;top:2.66667vw;color:#fff;font-size:3.46667vw;background-color:rgba(0,0,0,0.7);padding:.53333vw 2.66667vw;border-radius:1vw;display:flex;align-items:center;justify-content: center;}
.learnProcessTip .circle{width:2.2vw;height:2.2vw;margin-right:0.5vw;border:0.53vw solid #FFFFFF;border-radius:50%;display:flex;align-items:center}
.cover .share .iconfont{font-size:inherit;line-height:1}
.learnProcessTip.btn-dark .circle i{display:block;padding-left:0px;width:1.6vw;height:2.4vw;border-color:#fff;border-style:solid;border-width:0 0.53vw 0.53vw 0;transform:rotate(45deg);margin-left:0.53vw;margin-top:-1px}
.course-wrapper .cover img{width:100%;max-width:100%;width:100vw;height:100%}
.course-wrapper .cover .player-handle{position:absolute;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(0,0,0,.5);z-index:2}
.course-wrapper .cover .player-handle .cell{padding:5.33333vw 10.66667vw;border-radius:1.06667vw}
.course-wrapper .cover .player-handle .cell:active{background-color:rgba(0,0,0,.2)}
.course-wrapper .cover .player-handle .cell .iconfont{font-size:10.66667vw;line-height:1;color:#fff}
.course-wrapper .cover .player-handle .cell .label{font-size:3.73333vw;display:block;text-align:center;color:#fff;margin-top:1.33333vw}
.course-wrapper .cover .handle,.course-wrapper .cover .player-handle{top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.course-wrapper .cover .handle:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:2}
.course-wrapper .cover .handle .inner{position:relative;z-index:3}
.course-wrapper .cover .handle,.course-wrapper .cover .info,.course-wrapper .cover .tips{-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute}
.course-wrapper .cover .tips{background-color:rgba(0,0,0,.7);border-radius:.53333vw;left:2.66667vw;bottom:2.66667vw;font-size:3.2vw;color:#fff;padding:1.33333vw 2.66667vw;display:-webkit-box;display:-ms-flexbox;display:flex}
.course-wrapper .cover .tips .close{margin-right:2.66667vw}
.course-wrapper .cover .info{height:10.13333vw;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));background:-webkit-linear-gradient(top,transparent 0,rgba(0,0,0,.5) 100%);background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.5) 100%);bottom:0;width:100%}
.course-wrapper .cover .info .more{margin-left:auto;padding-right:4vw}
.course-wrapper .cover .info .more .tag{padding:1.06667vw 2.66667vw;background-color:rgba(0,0,0,.5);color:#fff}
.course-wrapper .cover .share{position:absolute;right:2.66667vw;top:2.66667vw;color:#fff;font-size:3.46667vw;background-color:rgba(0,0,0,.5);padding:.53333vw 2.66667vw;border-radius:8vw;max-width:26.666667vw}
.course-wrapper .cover .share .iconfont{font-size:inherit;line-height:1}
.course-wrapper .course-info{padding:3.733333vw 4vw 2.66667vw;border-bottom:2.66667vw solid #f4f4f4}
.course-wrapper .course-info .info,.course-wrapper .cover .info{display:-webkit-box;display:-ms-flexbox;display:flex}
.course-wrapper .course-info .course-trainee{font-size:3.733333vw;color:#666}
.course-wrapper .course-info .info .title{font-size:4.8vw;font-weight:400;color:#222;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}
.course-wrapper .course-info .info .more{-ms-flex-preferred-size:18.66667vw;flex-basis:18.66667vw;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-left:2.66667vw}
.course-wrapper .course-info .info .more .progress-wrapper .label{font-size:3.2vw;color:#108BC7;margin-bottom:1.06667vw}
.course-wrapper .course-info .meta .class-meta{font-size:3.2vw;color:#999;display:flex;margin-top:1.333333vw;line-height:5.333vw}
.course-wrapper .course-info .meta .class-meta .period-item{color:#FF000F}
.course-wrapper .course-info .meta .class-meta span+span{margin-left:2vw;padding-left:2vw;position:relative}
.course-wrapper .course-info .meta .class-meta span.show-line:before{content:"";position:absolute;left:0;top:50%;width:1px;height:3.466667vw;background-color:#e6e6e6;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.course-wrapper .course-info .meta .tag+.tag{margin-left:1.33333vw}
.course-wrapper .course-info .meta .class-meta .endtime-item{float:right;margin-top:1.333333vw}
.course-intro,.course-wrapper .tab-content{font-size:3.73333vw}
.course-info .like{color:#D3D3D3}
.course-info .like span{height:4.27vw;display:inline-block}
.course-info .like i.likeCount{font-style:normal;color:#D3D3D3}
.course-wrapper .tab-content .desc{color:#666}
.course-intro{padding:0 4vw;color:#666}
.course-menu{padding-bottom:5.33333vw;background:#fff}
.course-menu .status,.activity-list .status{width:3.73333vw;height:3.73333vw;display:block}
.course-menu .status>span,.activity-list .status>span{border-radius:50%;width:3.2vw;height:3.2vw;display:block;text-align:center;line-height:3.2vw}
.course-menu .status .status-done i,.activity-list .status .status-done i{}
.course-menu .status.status-ing{background-color:#4b8aff}
.course-menu .cell.disabled:active,.course-menu .status.status-unread{background-color:transparent}
.course-menu .cell{z-index:3;color:#222;font-weight:500;padding:0 4vw;font-size:3.7333vw}
.course-menu .cell{position:relative;background:#fff}
.course-menu .cell:after{height:1px;content:'';-webkit-transform:scaleY(.5);transform:scaleY(.5);background-color:#E5E5E5;position:absolute;bottom:0;left:50%;transition:all .2s}
.course-menu .cell.section.alonesection{padding-left:4.0vw}
.course-menu .cell.disabled{color:#999}
.course-menu .cell.section  + .section:before{content:" ";position:absolute;top:0;right:0;border-bottom:1px solid #e5e5e5;width:96%}
.course-menu .cell.chapter .inner:after{left:0;right:0}
.course-menu .cell.chapter{background-color:#F5F5F5}
.course-menu .cell.section.setGray .text{color:#999!important}
.course-menu .cell.section.setGray .meta{display:none}
.course-menu .cell[cataloglevel="2"]{padding-left: 7.3vw;}
.course-menu .cell[cataloglevel="3"]{padding-left: 13.5vw;}
[chapterstyleiscn="1"] .course-menu .cell[cataloglevel="2"]{padding-left: 9vw;}
[chapterstyleiscn="1"] .course-menu .cell[cataloglevel="3"]{padding-left: 16vw;}
.lecturer-item,.material-item{margin-bottom:5.3333vw;position:relative;min-width:0;width:100%;transition:transform .3s ease-in-out;border:0;overflow:hidden;display:inline-flex}
.lecturer-item img.avatar{width:18.6667vw;height:18.6667vw;border-radius:18.6667vw}
.lecturer-item dd{padding:0 0 0 2.6667vw;flex-direction:column;flex:1;max-height:40vw;overflow:hidden}
.lecturer-item h3{font-size:4.26667vw;color:#222222;font-weight:600;margin-bottom:1.3333vw}
.lecturer-item h4{font-size:3.7333vw;font-weight:400;margin-bottom:1.3333vw;color:#222;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.lecturer-item .desc{text-align:left;font-size:3.7333vw;color:#666;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical}
.material-list{padding:4vw;background:#fff}
.material-item{padding-bottom:5.3333vw;border-bottom:1px solid #E5E5E5}
.material-item img{width:8vw;height:8vw}
.material-item .text{padding:0 0 0 2.6667vw}
.material-item .tt{font-size:3.7333vw;color:#222;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}
.material-item .number{font-size:3.46667vw;color:#999}
.course-menu.live-menu .cell .inner{padding:1.333333vw 0}
.course-menu .cell .inner{height:14.933333vw;display:flex;align-items:center;z-index:2;cursor:pointer;width: 100%}
.course-menu .cell .inner a{color:#646464}
.weui-cells_form{background:#f5f5f5}
.weui-cells_form .weui-cell__bd{color:#666}
.course-menu .cell.section.active .text{font-weight:600;color:#000}
.course-menu .cell.active .text .live-name{color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.course-menu .cell.section:hover .status-unread{background:0 0}
.course-menu .inner .tip-log{position:absolute;top:0;right:4vw;font-size:2.4vw;line-height:4.266667vw;height:4.266667vw;padding:0 .8vw;background-color:#f5f5f5;color:#999;border-radius:0 0 1.06667vw 1.06667vw}
.course-menu .cell .status{width:5.3333vw;display:flex;align-items:center;position:relative;background: transparent;}
.course-menu .cell .status .status-done,.activity-list .status .status-done{border:0.1vw solid #00A24B;background:#00A24B url("data:image/svg+xml,%3Csvg t='1586761206392' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='1991' width='16' height='16'%3E%3Cpath d='M195.2 519.744a64 64 0 0 1 90.496-90.496l135.808 135.68 316.8-316.672a64 64 0 1 1 90.496 90.496L466.752 700.8a64 64 0 0 1-84.928 4.928l-5.568-4.928L195.2 519.68z' fill='%23ffffff' p-id='1992'%3E%3C/path%3E%3C/svg%3E");background-position:center center;background-repeat:no-repeat;background-size:100%}
.course-menu .cell .status .status-done .icon-done{display:inline-block;width:3.2vw;height:3.2vw;background:url(../images/class_detail_study_done.png) no-repeat center;background-size:2.1333vw}
.course-menu .cell .status .status-ing{background-color:#4b8aff}
.course-menu .cell .status .status-unread,.activity-list .status  .status-unread{border:0.2vw solid #d9dde1;background-color:#fff;border-radius:50%}
.course-menu .cell .status .circle,.activity-list .status .circle{position:relative}
.course-menu .cell .status .circle::before,.activity-list .status .circle::before{content:" ";width:3.4vw;height:1.7vw;border-radius:3.4vw 3.4vw 0 0;border:0.1vw solid #d9dde1;border-bottom:0;position:absolute;top:0;left:0}
.course-menu .cell .status .circle::after,.activity-list .status .circle::after{content:" ";width:3.4vw;height:1.7vw;border-radius:0 0 3.4vw 3.4vw;border:0.1vw solid #00A24B;background:#00A24B;position:absolute;bottom:-0.5vw;left:0;border-top:0}
.course-menu .cell .status.checked{background-color:#4a4f5c}
.course-menu .cell[data-coursetype="8"] .status {display: none!important;}
.course-menu .cell .icon{margin-right:1.33333vw}
.course-menu .cell .icon .iconfont{font-size:5.33333vw;color:#7d7d7d}
.course-menu .cell .text{flex:1;white-space:nowrap;min-width:auto;overflow:hidden;text-overflow:ellipsis;font-size:3.733333vw}
.course-menu.live-menu .cell .text{font-size:3.2vw}
.course-menu .cell .text .live-name{font-size:3.733333vw;display:block;color:000}
.course-menu .cell.section .text{margin:0 .5vw 0 2vw;color:#666}
.course-menu .cell.section.alonesection .text{margin:0 .5vw 0 0}
.course-nav{display:-webkit-box;display:-ms-flexbox;display:flex}
.course-menu .cell  .meta span+span{padding-left:2.66667vw;margin-left:1.33333vw}
.course-menu .cell  .meta span+span:before,.course-nav .cell+.cell:before{content:"";position:absolute;left:0;top:50%;width:1px;height:2.66667vw;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-color:#e6e6e6}
.course-menu .cell .meta{color:#999;display:flex;align-items:center;text-align:right;font-size:3.2vw;margin-right:1.33333vw}
.course-menu .cell .meta i{font-size:3.5vw;padding-left:0.5vw}
.course-menu .cell .meta i.icon-jiaohushiceshi{font-size: 3.2vw;}
.course-menu .cell .meta i.icon-diaochawenjuan{font-size: 3.8vw}
.course-menu .cell .meta .btn{font-size:3.2vw;line-height:1;padding-top:0.8vw;padding-bottom:0.8vw;margin-right:1.333333vw}
.course-menu .cell .time{margin-right:2.666667vw}
.course-menu .cell .time i{margin-right:0.69vw}
.course-menu .cell .iconfont{font-size:3.2vw}
.buy-audition,.buy-course1{background:#00A24B;font-size:3.2vw;width:11.733333vw;height:5.333333vw;line-height:5.333333vw;text-align:center;border-radius:0.533333vw;display:inline-block;color:#fff}
.buy-course1{background:#108BC7;display:none}
.course-nav{border-bottom:1px solid rgba(255,255,255,.49)}
.course-nav .cell{text-align:center;color:#666;text-decoration:none;font-size:3.73333vw;padding:2.66667vw;position:relative}
.course-nav .cell+.cell:before{height:4.26667vw;opacity:.5}
.popup .content,.popup .mask{position:fixed;left:0;bottom:0}
.popup .mask{top:0;right:0;background-color:rgba(0,0,0,.5);z-index:10}
.popup .content{z-index:11;background-color:#fff;width:100%;height:60vh;padding-bottom:env(safe-area-inset-bottom)}
.popup-menu,.popup-menu .header{display:-webkit-box;display:-ms-flexbox;display:flex}
.popup-menu{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}
.popup-menu .header{height:13.33333vw;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}
.popup-menu .header .back{padding:2.66667vw;font-size:3.73333vw;color:#666}
.popup-menu .header .title{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:4.26667vw}
.popup-menu .body{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}
.popup-menu .body .menu-list .cell{padding:0 4vw}
.popup-menu .body .menu-list .cell.chapter{background-color:rgba(21,170,107,.06)}
.popup-menu .body .menu-list .cell.active .text{color:#108BC7}
.popup-menu .body .menu-list .cell .inner,.popup-menu .body .menu-list .cell .inner .meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.popup-menu .body .menu-list .cell .inner{padding:2.66667vw 0;border-bottom:1px solid #e6e6e6}
.popup-menu .body .menu-list .cell .inner .text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:3.73333vw}
.popup-menu .body .menu-list .cell .inner .meta{color:#999;-ms-flex-preferred-size:21.33333vw;flex-basis:21.33333vw;text-align:right;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.popup-menu .body .menu-list .cell .inner .meta .time{font-size:3.2vw;margin-right:2.66667vw}
.popup-menu .footer{padding:2.66667vw 4vw;border-top:1px solid #e6e6e6}
.popup-menu .footer .btn{height:10.13333vw;font-size:4vw}
.header-bar{border-bottom:2.66667vw solid #fff8f4;padding:2.66667vw 4vw;font-size:3.73333vw}
.form-custom .img-avatar{width:10.66667vw;height:10.66667vw}
.form-custom .stretched-link,.list-cover .cell .info .title a{color:inherit}
.form-custom .label-text{font-size:3.2vw;color:#999;background-color:#f4f4f4;padding:4vw 4vw 1.33333vw}
.form-custom .cell{padding:0 4vw;font-size:3.733333vw;position:relative}
.form-custom .cell:after{content:" ";position:absolute;left:0;bottom:-1px;right:0;height:1px;border-bottom:1px solid #e5e5e5;color:#e5e5e5;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5);z-index:2;left:4vw;right:4vw}
.form-custom .cell.with-more{padding-right:8vw;background-image:url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23CDCDCD%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);background-position:right 4vw center;background-repeat:no-repeat;background-size:2.66667vw}
.form-custom .cell.hover:active{background-color:#f4f4f4}
.form-custom .cell .input-select,.form-custom .cell .input-text{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:transparent;font-size:3.73333vw;padding:4.26667vw 0 4.26667vw 2.66667vw;width:100%;outline:0;border:0}
.form-custom .cell .input-text{line-height:1}
.form-custom .cell .input-select{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:0;line-height:0;height:13.33333vw}
.form-custom .cell .input-select .select-text{line-height:3.73333vw;width:100%;font-size:3.73333vw !important}
.form-custom .cell .input-select select,.reg-form .input-select select{outline:0;border:0;-webkit-appearance:none;-moz-text-align-last:right;text-align-last:right;opacity:0;position:absolute;width:100%;height:100%;left:0;top:0}
.form-custom .cell .input-select option,.reg-form .input-select option{direction:rtl;font-size:3.733333vw}
.user-reg-wrapper{padding:0 4vw}
.user-reg-wrapper .top-img{padding:4vw 0;text-align:center}
.bind-list .cell{display:flex;align-items:center;border-bottom:1px solid #e2e2e2;padding:2vw 4vw}
.bind-list .iconfont{flex:0 0 auto;font-size:8vw;margin-right:2vw}
.bind-list .icon-weixin{color:rgba(112,182,3,1.0)}
.bind-list .icon-i-MFA{color:#50aeff}
.bind-list .bind-info{flex:1 0 0;font-size:3.73333vw;display:flex;flex-direction:column;justify-content:center}
.bind-list .bind-info .bind-name{display:block;color:#333}
.bind-list .bind-info .bind-status{display:block;color:#aaa;font-size:3.73333vw}
.bind-list .bind-btn{flex:0 0 auto;width:26.666667vw;height:8vw;line-height:8vw;border:1px solid #0F4C81;font-size:3.73333vw;color:#fff;text-align:center;border-radius:0.8vw;background-color:#0F4C81}
.form-custom .cell .code{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.form-custom .handle{margin-top:16vw;padding-left:4vw;padding-right:4vw}
.form-custom .handle .btn{height:10.13333vw;font-size:4vw}
.form-custom .handle .buttons-wrapper{margin:0}
.form-custom-line .input-text{border:0}
.form-custom-with-label .cell,.form-custom-with-label .cell .text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.form-custom-with-label .cell{min-height:13.33333vw}
.form-custom-with-label .cell .label{color:#666;font-size:3.73333vw}
.form-custom-with-label .cell.disabled .label,.form-custom-with-label .cell.disabled .text,.form-custom-with-label .cell.disabled .select-text{color:#aaa}
.form-custom-with-label .cell .text{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.form-custom-with-label .cell .input-select,.form-custom-with-label .cell .input-text,.form-custom-with-label .cell .text>*{text-align:right}
.form-login{padding:0;min-height:43vw}
.form-login .weui-cells_form{margin-top:0}
.form-login .weui-cell+.weui-cell{margin-top:5.33333vw}
.form-login .weui-cells .weui-cell:first-child:after,.login-check-types-wapper .form-login .weui-cell.border-btm:after{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #e5e5e5;color:#e5e5e5;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5);left:4vw;right:4vw;z-index:2}
.form-login .weui-cell{padding:2.66667vw 4vw;position:relative}
.form-login .weui-cell:after,.form-login .weui-cell:before,.tab-custom .weui-navbar:after{content:none}
.course-header .cell .progress-wrapper .percent .number,.form-login .weui-input{font-size:4vw}
.toast{position:absolute;top:0;left:0;right:0;bottom:0}
.toast>.inner{background-color:rgba(0,0,0,.7);border-radius:.53333vw;-webkit-box-shadow:0 .8vw 1.6vw 0 rgba(0,0,0,.3);box-shadow:0 .8vw 1.6vw 0 rgba(0,0,0,.3);color:#fff;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:4vw 10.66667vw;font-size:4vw;width:auto;-webkit-box-sizing:border-box;box-sizing:border-box}
.course-header{background-color:#354252;background-image:url(../images/class-header-bg.png?v=1);background-size:cover;background-position:left bottom;background-repeat:no-repeat;padding:4vw;color:#fff;position:relative;height:45.066667vw}
.course-header .navbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.course-header .navbar .more{margin-left:auto}
.course-header .navbar a{color:#fff;font-size:4.8vw}
.course-header .cell-info{padding:2.66667vw 0}
.course-header .class-status{position:absolute;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;bottom:4vw}
.course-header .class-status .tag{background:rgba(0,0,0,0.8);display:flex;width:21.333333vw;height:6.4vw;line-height:6.4vw;border-radius:3.2vw 0 0 3.2vw;padding:0 0 0 2.133333vw}
.course-header .class-status .tag i{margin-right:1.333333vw;font-size:3.733333vw}
.course-header .class-status .tag-class-status-1{color:#ececec}
.course-header .class-status .tag-class-status-2{color:#00D2C5;background:rgba(255,255,255,0.14)}
.course-header .class-status .tag-class-status-3{color:#fff}
.course-header .cell .info{margin-bottom:2.666667vw}
.course-header .cell .info .title{width: 82%; font-size:5.333333vw;color:#fff;margin-bottom:3.2vw}
.course-header .cell .info .time{font-size:3.73333vw;color:#fff}
.course-header .cell .meta{font-size:3.46667vw;color:#fff}
.course-header .cell .handle{position:absolute;right:5.333333vw;top:13.333333vw}
.course-header .cell .handle i{font-size:10.666667vw;color:#fff}
.course-header .cell .handle i.icon-icon_class_not{color:#FF636C}
.course-header .cell .handle i.icon-icon_class_pass{color:#65D6BB}
.course-header .cell .more{margin-left:auto;font-size:3.73333vw}
.course-header .cell .checkin{font-size:3.73333vw;color:#ccc}
.course-header .cell .checkin .iconfont{font-size:3.73333vw;line-height:3.2vw;color:#eee}
.course-header .cell .status{font-size:3.73333vw;background-color:rgba(0,0,0,.29);padding:0 1.06667vw;border-radius:.53333vw;margin-right:2.66667vw;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.course-header .cell .progress-wrapper .label{font-size:2.66667vw;margin-bottom:0}
.course-header .cell .progress-wrapper .percent,.nav-text .inner .cell.active{color:#108BC7}
.course-header .cell .progress{background:rgba(255,255,255,.6);height:1.06667vw}
.nav-text+.course-list,.nav-text+.form-text{border-top:2.66667vw solid #f4f4f4}
.nav-text{padding:0 4vw;position:-webkit-sticky;position:sticky;top:0;background-color:#fff;z-index:10}
.nav-text .inner{display:-webkit-box;display:-ms-flexbox;display:flex}
.nav-text .inner .cell{color:#666;position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1}
.nav-text .inner .cell.active .title{border-bottom:0.533333vw solid #108BC7;font-weight:700}
.nav-text .inner .cell .title{font-size:4vw;text-align:center;border-bottom:.53333vw solid transparent;padding:3.733333vw 0 2.666667vw;position:relative;z-index:3}
.nav-text .inner .cell .title a{color:inherit}
.nav-title-scroller .scroller li a{}
.nav-title-scroller .scroller li a span.count{margin-left: 0.27vw; font-size: 3.2vw;font-weight: normal;display: inline-block; line-height: 8.0vw}

.nav-text .inner .cell .desc{font-size:2.66667vw;text-align:center}
.login-wrapper{text-align:center}
.login-wrapper .header{}
.login-wrapper .login-tips{text-align:left;color:#999;padding:0 4vw;font-size:3.2vw;margin-bottom:3vw}
.login-wrapper .login-tips pre{white-space:pre-wrap}
.login-wrapper .header img.logo-full{width:69.33333vw;margin-bottom:10vw;margin-top:18vw}
.login-wrapper .header .title{font-size:5.33333vw;font-weight:400;margin-bottom:5.33333vw}
.login-wrapper .header .desc{color:#666;font-size:3.73333vw}
.login-wrapper .logo{padding:0;margin:32vw auto 26.66667vw}
.login-wrapper .login-types{}
.login-wrapper .login-types .login-title{font-size:4.6vw;color:#666;margin:0 0 12vw}
.login-wrapper .login-types .btn-large{margin:0 4vw 8vw;width:auto;display:block;line-height:9.6vw;box-sizing:unset;font-size:4.27vw;height:9.6vw}
.login-wrapper .login-types .login-back-index a{font-size:3.733333vw;margin:0 0 4vw}
.login-wrapper .login-forms{display:none}
.login-wrapper .login-forms #login-pwd{width:auto;display:block;line-height:9.6vw;box-sizing:unset;font-size:4.27vw;height:9.6vw}
.login-wrapper .login-forms .handle-tiper{text-align:center;margin-top:6vw}
.login-wrapper .login-forms .btn-forgot{position:relative;float:left}
.login-wrapper .login-forms .popover{display:none;right:auto;margin-top:2vw;max-width:none;height:auto;width:86vw}
.login-wrapper .login-forms .popover-content{text-align:justify}
.login-wrapper .login-forms .login-back-box{font-size:3.733333vw;margin-top:8vw;color:#aaa}
.login-wrapper .handle{margin:0 4vw}
.login-wrapper .handle .btn{height:10.13333vw}
.login-wrapper .handle .icon-wechat{font-size:6.4vw;margin-right:2.66667vw}
.login-wrapper .handle .btn+.btn{margin-top:5.33333vw}
.login-wrapper .handle-tiper{font-size:3.733333vw;margin-top:2.666667vw}
.user-reg-wrapper .handle-tiper{font-size:3.733333vw}
.login-wrapper .login-tip{margin-top:-8vw;margin-bottom:16vw;font-size:3.73333vw}
.login-wrapper .user-info{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#edf4ff;margin:4vw;padding:4vw;border-radius:1.06667vw}
.login-wrapper .user-info .avatar{margin-right:2.66667vw;font-size:0;line-height:0}
.login-wrapper .user-info .img-avatar{width:13.33333vw;height:13.33333vw;border-radius:50%}
.login-wrapper .user-info .info{text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.login-wrapper .user-info .info .phone-number{font-size:4.26667vw}
.login-wrapper .user-info .info .other{font-size:3.2vw;color:#666;margin-top:auto}
.login-wrapper .user-info .info .other .name{margin-right:1.33333vw}
.login-wrapper .user-info .info .other .time{margin-left:1.33333vw}
.login-wrapper .login-status{margin-top:-13.33333vw}
.login-wrapper .login-status .desc{font-size:4vw;color:#222;margin-bottom:12vw}
.login-wrapper .login-status img{width:53.33333vw;height:53.33333vw}
.login-wrappe-type .login-wrapper{}
.pwd-set-eye img{width:8.0vw}
.btn-forgot .popover{top:5vw;right:0;height:23vw;max-width:66.666667vw;width:66.666667vw;position:absolute;margin-top:0;padding:2.666667vw;background:#fff;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:2.666667vw;text-align:left;color:#222}
.btn-forgot .popover h3{font-size:3.733333vw}
.quick-login{border-top:1px solid rgba(0,0,0,.1);margin:8vw 4.0vw 0}
.quick-login h4{color:rgba(0,0,0,.2);width:40.0vw;margin:-2.8vw auto 0;background:#f5f5f5;text-align:center;font-size:3.2vw}
.quick-login p{text-align:center}
.quick-login p .quick-type-icon{color:rgba(0,0,0,.4);border:1px solid #ccc;width:12.0vw;height:12.0vw;line-height:12.0vw;border-radius:50%;display:block;margin:4vw auto 1.333333vw}
.quick-login p .quick-type-icon i{font-size:5.866667vw}
.quick-login p .quick-type-txt{font-size:3.2vw;color:rgba(0,0,0,.4)}
.login-wrappe-pwd .handle-tiper{text-align:right}
.quick-login-mooc p{border:1px solid #0F4C81;border-radius:1.066667vw;height:10.133333vw;line-height:10.133333vw;width:36.8vw;margin:0 auto;color:#0F4C81}
.quick-login p .quick-type-icon i{font-size:5vw}
.quick-login p[data-name="email"] .quick-type-icon i{font-size: 5.6vw;}
.quick-login p[data-name="sms"] .quick-type-icon i{font-size: 4.6vw;}
.quick-login-mooc p .quick-type-icon{color:#0F4C81;border:0;width:auto;height:auto;line-height:10.133333vw;border-radius:0;display:inline;margin:0}
.quick-login-mooc p .quick-type-txt{font-size:4.0vw;color:#0F4C81}
.mine-wrapper{height:40.53vw;background:url(../images/mine-bg.png?v=1) no-repeat;background-size:100% 100%}
.mine-header,.mine-header .info{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.mine-header{height:24.53vw;color:#fff;padding:0 4vw 0}
/*.opened-mine-header{background:url(../images/mine-bg-card.png) no-repeat;color:#F6C684;background-size:100% 100%}*/
.mine-header .info{-webkit-box-flex:1;-ms-flex:1;flex:1}
.mine-header .info .avatar{border-radius:50%;width:16vw;height:16vw;overflow:hidden;margin-right:2.66667vw;position: relative;}
.mine-header .info .avatar img{width:100%;height:100%}
.mine-header .info .avatar .txt{position: absolute;left: 0;bottom: 0; font-size: 2.67vw;width: 16.0vw;height: 4.0vw;text-align: center;line-height:4vw; color: #fff;background: url(../images/user-avatar-vip.png) no-repeat center bottom;font-family: "Arial";background-size: 102%}
.mine-header .info .text{width:79%}
.mine-header .info .phone-number{color:#333;font-size:4.8vw;position:relative;width:90%;height:8.0vw;display:-webkit-box;display:-ms-flexbox;display:flex}
.mine-header .info .phone-number span{margin-right:1.333333vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-inline-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.mine-header .info .phone-number i{position:absolute;left:auto;top:-0.53vw}
.mine-header .info .handle{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:start;padding-right:0.27vw}
.mine-header .info .handle .phone{font-size:3.2vw}
.mine-header .info .handle .is-real-name{width:auto;height:4.27vw;font-size:2.67vw;line-height:4.27vw;text-align:center;border-radius:1.07vw;margin-left:2.67vw;padding:0 1.33vw;}
.mine-header .info .handle .is-real-name i{margin-right:0.53vw}
.mine-header .info .handle .already-real-name{background:#DAFAF5;color:#00CD9B}
.mine-header .info .handle .not-real-name{background:rgba(153,153,153,0.16);color:rgba(153,153,153,1)}
.mine-header .info .handle .edit-setting{width:16.0vw;height:5.33vw;line-height:5.43vw;text-align:center;border-radius:0.53vw;border:0.5px solid rgba(102,102,102,1);margin-left:auto;font-size:3.2vw}
.mine-header .info .handle .edit-setting a{color:rgba(68,68,68,1)}
.mine-header .info .name{color:#333;font-size:3.73333vw}
.mine-header .info .card-state{color:#666;font-size:3.733333vw}
.mine-header,.mine-header .info,.mine-header .more,.mine-menu{display:-webkit-box;display:-ms-flexbox;display:flex}
.mine-header .more{margin-left:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.mine-header .more .tag{background-color:#ffcc6e;margin-right:2.66667vw;border-radius:.53333vw}
.mine-header .more a{color:inherit;text-decoration:none}
.mine-header .more .iconfont{font-size:2.666667vw;color:#666}
.mine-header{color:#666}
.opened-mine-header.mine-header .info .phone-number,.opened-mine-header.mine-header .info .card-state{color:#F6C684}
.opened-mine-header.mine-header .more .iconfont{color:#fff;opacity:0.5}
.mine-menu{position:relative}
.header-white,.mine-menu .cell{text-align:center;position:relative}
.mine-menu .cell{font-size:3.733333vw;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:2.666667vw 0;position:relative;overflow:hidden;height:16.0vw}
.mine-menu .cell .icon{height:5.33vw;line-height:5.33vw;color:#222;font-size:3.73vw;position:relative}
.mine-menu .cell .icon img{width:10.13333vw}
.mine-menu .cell .label{color:#666;font-size:3.2vw;position:relative; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mine-menu .cell .label a{text-decoration:none;color:#666}
.mine-menu .cell .label .iconfont{color: #aaa;}
.mine-menu .cell:before{display: none;content:"";position:absolute;left:50%;top:0;background:linear-gradient(180deg,rgba(255,255,255,0.4) 0%,rgba(255,255,255,1) 114.75%);width:26.67vw;height:26.67vw;border-radius:50%;z-index:0;margin-left:-13.335vw}
.mine-menu .cell + .cell:after{content: '';position: absolute;left: 0;top: 4vw;z-index: 1;width: 1px;height: 7vw;background-color: #d9d9d9;}
.mine-btns{margin-top:16vw}
.mine-nav .weui-cell__bd{font-size:4.0vw;color:#222}
.mine-nav .weui-cell__hd .iconfont{font-size:5.0vw;margin-right:2vw;color:#222}
.header-white{width:100%;height:70.4vw}
.header-white .back{position:absolute;left:0;top:0;font-size:4.8vw;line-height:1;padding:4vw;color:#999;text-decoration:none}
.header-white .img,.idcard-wrapper .cell .handle img,.nav-photo-text .cell .photo img{width:100%;height:100%}
.header-white .text{bottom:8vw;position:absolute;width:100%;text-align:center;z-index:2}
.header-white .title{font-size:4.26667vw;color:#222;margin-bottom:1.33333vw}
.header-white .desc,.idcard-wrapper .desc p{font-size:3.73333vw;color:#666}
.verify-header{background-color:#edf4ff;text-align:center;padding:5.33333vw}
.verify-header .img{width:32vw;height:32vw}
.verify-header .title{font-size:4vw;font-weight:400}
.verify-header .desc{font-size:3.46667vw;color:#666}
.idcard-wrapper{padding-top:4vw}
.idcard-wrapper .cell{font-size:0;position:relative;margin:0 4vw 2.66667vw;border-radius:2.66667vw;overflow:hidden}
.idcard-wrapper .cell>img{width:100%}
.idcard-wrapper .cell .photo,.idcard-wrapper .cell>input{position:absolute;width:100%;height:100%;left:0;top:0}
.idcard-wrapper .cell .handle{position:absolute;top:0;left:0;bottom:0;right:0;font-size:0;line-height:0;background-color:rgba(0,0,0,.2)}
.idcard-wrapper .cell .handle:active{background-color:rgba(0,0,0,.3)}
.idcard-wrapper .desc{padding:5.33333vw 4vw}
.idcard-wrapper>.handle{margin-top:2.66667vw}
.verify-photo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:10.66667vw}
.verify-photo .cell{text-align:center;font-size:0}
.verify-photo .cell .title{font-size:3.2vw;margin-bottom:2.66667vw}
.verify-photo .cell img{width:32vw;height:42.66667vw}
.verify-take-photo{margin-bottom:10.66667vw;overflow:hidden}
.verify-take-photo .photo{margin:16vw auto 8vw;width:48vw;height:64vw;position:relative}
.verify-take-photo .photo img{position:absolute;left:0;top:0;width:48vw;height:64vw}
.verify-take-photo .photo .avatar-example{z-index:1}
.verify-take-photo .photo .avatar-user{z-index:3}
.verify-take-photo .photo input{position:absolute;width:100%;top:0;left:0;right:0;bottom:0;opacity:0;z-index:4}
.verify-take-photo .photo .handle{background-color:rgba(0,0,0,.8);position:absolute;z-index:2;bottom:0;left:0;width:100%;color:#50aeff;text-align:center;font-size:3.73333vw;padding:1.86667vw 0}
.verify-take-photo .title{font-size:4.8vw;color:#222;text-align:center;margin-bottom:2.66667vw}
.verify-take-photo .desc{font-size:3.73333vw;color:#666;text-align:center;padding:0 4vw}
.btn-area-inline,.exam-header,.exam-result .form-custom .cell .inner{display:-webkit-box;display:-ms-flexbox;display:flex}
.btn-area-inline .weui-btn{-webkit-box-flex:1;-ms-flex:1;flex:1}
.btn-area-inline .weui-btn+.weui-btn{margin-left:5.33333vw;margin-top:0}
.exam-header{height:42.66667vw;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:url(../images/img-bg.png) no-repeat;background-size:100% 100%}
.exam-header .title{font-size:4.8vw;font-weight:400}
.exam-info-title{text-align:center;font-size:4.26667vw;margin:2.66667vw 4vw 0}
.exam-info,.exam-info .cell{display:-webkit-box;display:-ms-flexbox;display:flex}
.exam-info{margin:21.33333vw 4vw 16vw;text-align:center;background-color:rgba(255,96,0,.04);padding:8vw;font-size:3.73333vw;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.exam-info .cell{width:100%}
.exam-info .cell .label{width:5em;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right}
.exam-info .cell .text{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:left;text-indent:1em}
.exam-info .cell.text-header{padding-bottom:2.66667vw;font-size:4vw;position:relative}
.exam-info .cell.text-header:after{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid rgba(255,96,0,.5);color:#e5e5e5;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5);z-index:2}
.exam-info .cell+.cell{margin-top:2.66667vw}
.exam-log{margin:10.66667vw 4vw 0;padding:5.33333vw 0;border-top:1px solid #fee6d2}
.exam-log .title{font-size:3.73333vw;color:#999}
.exam-log .desc{font-size:3.46667vw;color:#666}
.checkin,.checkin-result{text-align:center}
.checkin .title{font-size:4vw;font-weight:400;margin-bottom:2.13333vw;margin-top:10.66667vw}
.checkin .desc{font-size:3.73333vw;color:#666;margin-bottom:8vw}
.checkin .img{width:64vw;height:40.53333vw;margin:0 auto 10.66667vw}
.checkin .img img{width:64vw;height:100%}
.vcheckin-result .photo-tip,.vcheckin-result .photo-tip img{width:20vw;height:20vw}
.vcheckin-result .photo-tip{margin:0 auto}
.checkin-result .photo{margin:21.33333vw auto 5.33333vw}
.checkin-result .photo,.checkin-result .photo img{width:53.33333vw;height:53.33333vw}
.checkin-result .title{font-size:4vw;color:#222;font-weight:400;margin-bottom:2.13333vw}
.checkin-result .desc{font-size:3.73333vw;color:#666}
.checkin-result .handle{margin-top:10.66667vw}
.exam-result .header-white{overflow:hidden;background:url(../images/bg-white.png) no-repeat;background-size:100% 100%;border-bottom:none;height:62.4vw}
.exam-result .header-white .desc{color:#4b8aff}
.exam-result .result-circle{width:37.33333vw;height:37.33333vw;background:url(../images/result-circle-bg.png) no-repeat;background-size:cover;border-radius:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:11.73333vw;color:#fff;margin:8vw auto 2.66667vw}
.exam-result .result-circle .unit{font-size:4.8vw}
.exam-result .form-custom{width:53.33333vw;margin:10.66667vw auto}
.exam-result .form-custom .cell{padding:2.66667vw 0;font-size:3.73333vw}
.exam-result .form-custom .cell .label,.live-model .cell .info .tag-live .text,.nav-photo-text .cell .text a{color:#666}
.exam-result .form-custom .cell .text{margin-left:auto}
.exam-result .form-custom .cell .progress,.swiper-container .swiper-slide img{width:100%}
.swiper-container{margin-bottom:4vw}
.swiper-slide{font-size:0}
.swiper-container-banner .img-player-wrapper .mask-player{position:absolute;left:0;right:0;top:0;cursor:pointer;bottom:0;background:url(https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/img/bigplay.png) no-repeat center center;background-size:17.066667vw 17.066667vw;z-index:1}
.nav-photo-text{margin:0 4vw 4vw;display:-ms-grid;display:grid;grid-gap:4vw;-ms-grid-columns:1fr 4vw 1fr;grid-template-columns:repeat(2,1fr);text-align:center}
.nav-photo-text.nav-item-number-3{-ms-grid-columns:1fr 4vw 1fr 4vw 1fr;grid-template-columns:repeat(3,1fr)}
.nav-photo-text .cell{position:relative}
.nav-photo-text .cell .photo{font-size:0;height:19.46667vw}
.nav-photo-text .cell .text{margin-top:1.33333vw;font-size:3.73333vw}
.tab-custom{height:unset;-webkit-box-sizing:border-box;box-sizing:border-box}
.tab-custom .weui-tab__bd .weui-tab__bd-item{padding-top:4vw}
.tab-custom .weui-navbar{background-color:#fff;overflow-x:auto}
.tab-custom .weui-navbar::-webkit-scrollbar{height:0}
.tab-custom .weui-navbar .weui-navbar__item{-webkit-box-flex:unset;-ms-flex:unset;flex:unset;padding-left:4vw;padding-right:4vw;white-space:nowrap}
.tab-custom .weui-navbar .weui-navbar__item:only-child{-webkit-box-flex:unset;-ms-flex:unset;flex:unset;padding-left:4vw}
.tab-custom .weui-navbar .weui-navbar__item.weui-bar__item--on{color:#108BC7;background-color:transparent}
.tab-custom .weui-navbar .weui-navbar__item.weui-bar__item--on>span{border-color:#108BC7}
.tab-custom .weui-navbar .weui-navbar__item:after{content:none}
.tab-custom .weui-navbar .weui-navbar__item>span{border-bottom:.53333vw solid transparent;padding-bottom:3.73333vw}
.list-cover{display:-ms-grid;display:grid;-ms-grid-columns:1fr 4vw 1fr;grid-template-columns:repeat(2,1fr);grid-gap:4vw;margin:0 4vw 4vw}
.list-cover .cell{position:relative;background-color:#fff;border-radius:2.133333vw;overflow:hidden}
.list-cover .cell .cover{position:relative;font-size:0;max-width:44.8vw;height:25.06667vw}
.list-cover .cell .cover img{width:100%;height:25.06667vw}
.list-cover .cell .info{padding:2.13vw 2.13vw 1.33333vw}
.list-cover .cell .info .title{font-size:3.73333vw;height:10.67vw;line-height:5.33vw}
.list-cover .cell .meta .price{font-size:3.73333vw;color:#222;display:flex}
.list-cover .cell .meta .star{margin-left:auto;text-align:left;color:#FF8139}
.list-cover .cell .meta .star .nonStar{color:rgba(153,153,153,0.5);font-size:3.2vw}
.live-model{margin:0 4vw 5.33333vw}
.live-model .header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:2.66667vw}
.live-model .header .title{font-size:4.8vw}
.live-model .header .more{margin-left:auto;font-size:3.46667vw}
.live-model .header .more a{color:#999}
.live-model .cell{border-radius:1.06667vw;overflow:hidden;background-color:#fff}
.image-ad .cell,.live-model .cell .photo{font-size:0}
.image-ad .cell img,.live-model .cell .photo img{width:100%}
.live-model .cell .info{padding:2.66667vw 4vw}
.live-model .cell .info .title{font-size:3.73333vw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:1.33333vw}
.live-model .cell .info .tag-live{padding-right:0;color:#108BC7}
.live-model .cell .info .meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.live-model .cell .info .meta .price{color:#108BC7;font-size:3.73333vw}
.live-model .cell .info .meta .more{margin-left:auto}
.rich-text{background-color:#fff;padding:4vw;color:#666;font-size:3.2vw}
.rich-text img{max-width:100%}
.rich-text ol,.rich-text ul{padding-left:4vw}
.image-ad,.rich-text{margin:0 4vw 4vw}
.img-wrapper-full-screen{margin:0 0 4vw}
.image-ad .cell+.cell{margin-top:4vw}
.teacher{margin:0 4vw 5.33333vw}
.teacher>.cell{background-color:#fff}
.teacher>.cell+.cell{margin-top:5.33333vw}
.teacher>.cell .header{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:rgba(220,209,202,.46);padding:2.66667vw}
.teacher>.cell .header .avatar{margin-right:2.66667vw;font-size:0}
.teacher>.cell .header .avatar img{border-radius:50%;width:14.93333vw;height:14.93333vw}
.teacher>.cell .header .info{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}
.teacher>.cell .header .info .name{font-size:4.26667vw;color:#222}
.teacher>.cell .header .info .desc{margin-top:auto;color:#666;font-size:3.2vw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.teacher>.cell .body{padding:5.33333vw 4vw}
.teacher-course-list>.cell{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}
.teacher-course-list>.cell+.cell{margin-top:2.66667vw}
.teacher-course-list>.cell .tag{margin-right:2.66667vw}
.teacher-course-list>.cell .text{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:3.2vw}
.teacher-course-list>.cell .text a{color:inherit}
.classroom-list{margin:0 0 5.33333vw;border-radius:1.06667vw;position:relative}
.classroom-list .cell,.classroom-list .cell .info .meta,.teacher-course-list>.cell{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.classroom-list .cell{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;padding:3.2vw 4vw;position:relative}
.classroom-list .cell:active{background-color:#f4f4f4}
.classroom-list .cell:after{bottom:-1px;right:0;height:1px;border-bottom:1px solid #e5e5e5;-webkit-transform:scaleY(.5);left:4vw !important;right:4vw}
.classroom-list .cell .info{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}
.classroom-list .cell .info .meta{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}
.classroom-list .cell .info .meta .tag{font-size:2.66667vw;padding:0 1.06667vw;text-align:center;display:inline-block}
.classroom-list .cell .info .meta .time,.classroom-list-log .links-wrapper a+a{margin-left:2.66667vw}
.classroom-list .cell .title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:400;font-size:4vw;line-height:5.33vw;padding:0;margin-bottom:0}
.classroom-list .cell .title .stretched-link{color:inherit}
.classroom-list .cell .desc{font-size:3.46667vw;color:#666;margin-bottom:1.33333vw}
.classroom-list .cell .time{font-size:3.2vw;color:#999;margin:0;padding:0}
.classroom-list .cell .status{height:100%;position:relative;margin-left:2.66667vw;font-size:3.2vw;text-align:center;color:#999;-ms-flex-preferred-size:21.33333vw;flex-basis:21.33333vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.classroom-list .cell .status .number{font-size:4.26667vw}
.classroom-list .cell:after,.text-form .cell:after{content:" ";position:absolute;left:0;color:#e5e5e5;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-ms-transform:scaleY(.5);transform:scaleY(.5);z-index:2}
.classroom-list .cell .status .tag{width:14.93vw;height:5.87vw;line-height:5.87vw;font-size:3.2vw;border-radius:0.53vw;padding:0}
.classroom-list .cell .status .tag-class-status-1{color:#545281;background:#EFEEF7}
.classroom-list .cell .status .tag-class-status-2{color:#00BCA5;background:#E0F7F4}
.classroom-list .cell .status .tag-class-status-3{color:#999999;background:#F0F0F0}
.purchased-card .price{color:#108BC7}
.purchased-card .title{font-size:3.73333vw !important}
.purchased-card .desc{font-size:2.66667vw !important}
.purchased-card .handle{margin-top:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.purchased-card .handle .time{font-size:2.66667vw;color:#999}
.purchased-card .handle .more{margin:0 0 0 auto !important}
.course-schedule{font-size:3.73333vw;color:#666;background:#fff;text-align:justify;padding:4vw;}
.course-wrapper .course-schedule{overflow-x: auto;}
.agreement-wrapper p,.course-schedule ol,.course-schedule ul{margin-bottom:2.66667vw}
.course-schedule ol,.course-schedule ul{padding-left:4.8vw}

.course-total{font-size:3.2vw;color:#999;text-align:right;margin:2.66667vw 4vw}
.text-form .cell{font-size:3.73333vw;padding:2.66667vw 4vw;position:relative;color:#666}
.text-form .cell:after{bottom:0;right:0;height:1px;border-bottom:1px solid #e5e5e5;-webkit-transform:scaleY(.5);left:4vw;right:4vw}
.text-form .cell:last-child:after{content:none}
.class-notice{border-top:2.66667vw solid #f4f4f4;padding:5.33333vw 4vw;font-size:3.73333vw;color:#666}
.buttons-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 4vw}
.buttons-wrapper .btn{-webkit-box-flex:1;-ms-flex:1;flex:1}
.buttons-wrapper .btn+.btn{margin-left:5.33333vw}
.buttons-wrapper.flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.buttons-wrapper.flex-column .btn+.btn{margin-left:0;margin-top:5.33333vw}
.form-text.form-text-left .cell .text{margin-left:unset}
.form-text .stretched-link{color:inherit}
.form-text .handle{margin-top:16vw}
.form-text .cell{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:3.73333vw;padding:2.66667vw 4vw;min-height:13.33333vw;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}
.form-text .cell:after{left:4vw;right:4vw}
.form-text .cell .label{color:#666}
.form-text .cell .text{margin-left:auto;color:#222}
.form-text .cell.with-more{padding-right:9.33333vw;background-image:url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23cdcdcd%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);background-position:right 3.46667vw center;background-repeat:no-repeat}
.form-text .cell.with-more:active{background-color:#f4f4f4}
.search-wrapper{position:relative;z-index:11;background:#f5f5f5;padding:2.13vw 2.67vw}
.search-wrapper .search-header .search_type{position:absolute;z-index:100;left:0;top:0;z-index:100}
.search-wrapper .search-header .search_type::after{content:"";position:absolute;height:4vw;width:0;border-right:1px solid #E5E5E5;right:0;top:2vw}
.search-wrapper .search-header .search_type ul{padding:0;margin:0;list-style:none;border-radius:1.07vw 0 0 1.07vw}
.search-wrapper .search-header .search_type ul::after{position:absolute;top:3.3vw;right:2vw;content:"";border-top:1.4vw solid #222;border-bottom:0;border-left:1.2vw solid transparent;border-right:1.2vw solid transparent;border-radius:1px}
.search-wrapper .search-header .search_type ul li{list-style:none;display:none;padding:0 6.3vw 0 3vw;color:#888;height:8vw;text-align:center;cursor:pointer;font-size:3.73333vw;background-color:#fff;align-items:center}
.search-wrapper .search-header .search_type ul li.checked{display:flex;color:#222}
.search-wrapper .search-header,.search-wrapper .search-header .back{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.search-wrapper .search-header{margin:0;position:relative;background:#fff;border:1px solid #ECECEC;border-radius:1.07vw}
.form-text .cell:after,.search-wrapper .search-header:after{content:" ";position:absolute;left:0;bottom:-1px;right:0;height:1px;border-bottom:1px solid #e5e5e5;color:#e5e5e5;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5);z-index:2}
.search-wrapper .search-header .back{color:#999;height:100%;width:10.66667vw;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.search-wrapper .search-header .back .iconfont{font-size:4.26667vw}
.search-wrapper .search-header .link{font-size:3.73333vw;padding:0 4vw 0 2.66667vw;color:#222}
.search-wrapper .search-header .form{-webkit-box-flex:1;-ms-flex:1;flex:1;border-radius:1.06667vw;background-color:#fff;height:8vw;position:relative}
.search-wrapper .search-header .form.form-margin{margin:0 4vw 0 0}
.search-wrapper .search-header .close,.search-wrapper .search-header .search{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.search-wrapper .search-header .search{left:2.66667vw;color:#b8b8b8}
.search-wrapper .search-header .search .iconfont{font-size:4.26667vw}
.search-wrapper .search-header .close{border-radius:50%;width:4.26667vw;height:4.26667vw;text-align:center;right:2.66667vw;background:#dbdbdb;color:#fff;font-size:0;line-height:0;display:none}
.search-wrapper .search-header .close:active{background-color:#ccc}
.search-wrapper .search-header .close:after{content:"";position:absolute;width:200%;height:200%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.search-wrapper .search-header .close .iconfont{font-size:1.4vw;line-height:4.26667vw;color:#f3f3f3}
.search-wrapper .search-header .input-search{position:absolute;width:100%;height:8.0vw;line-height:8vw;left:0;top:0;border:0;outline:0;background-color:transparent;padding:0 0 0 3.33333vw;font-size:3.73333vw}
.search-wrapper .search-header .input-search:invalid+.close{display:none}
.search-wrapper .search-cart{margin-left:auto;margin-right:1vw;width:9.333333vw}
.search-cart{position:relative}
.search-cart i{font-size:5.066667vw}
.search-cart .number{padding:0 1.066667vw;background:#FF000F;border-radius:8.0vw;height:3.2vw;line-height:3.2vw;font-size:2.4vw;color:#FFFFFF;position:absolute;left:2.4vw;top:0;display:none}
.search-history{padding:4vw}
.search-history>.header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:2.66667vw}
.search-history>.header .title{font-size:4vw;height:2.67vw;paddding:0!important}
.search-history>.header .more{margin-left:auto}
.search-history>.header .more .close{color:#c3c3c3;font-size:3.73333vw}
.search-history>.header .more .close:active,.subtitle.disabled{color:#999}
.search-history .list .cell{position:relative;font-size:3.2vw;color:#666;display:inline-block;padding:1.33333vw 5.33333vw 1.33333vw 2.66667vw;margin-right:2.66667vw;margin-bottom:2.66667vw;background:#e6e6ef;border-radius:5.066667vw}
.search-history .list .cell:active{background-color:#f4f4f4}
.search-history .list .cell:after,.subtitle:after{content:" ";position:absolute;left:0;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}
.search-history .list .cell:after{width:200%;height:200%;top:0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:1.06667vw}
.search-history .list .cell .close{position:absolute;padding:0 .53333vw 0 2.66667vw;color:#bbb;top:50%;right:1.33333vw;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;z-index:2;line-height:1;font-size:4.26667vw;font-weight:400}
.form-verify{margin-top:0;margin-bottom:16vw;font-size:3.73333vw}
.fixed-header{position:-webkit-sticky;position:sticky;top:0;z-index:10}
.fixed-header.study-fixed-header .item-cell.rt{justify-content:flex-end;margin-right:auto}
.fixed-header.study-fixed-header .item-cell.rt:before{display:none}
.fixed-header.study-fixed-header .item-cell.rt span{position:relative;display:inline-block;height:10.4vw;line-height:10.4vw}
.fixed-header.study-fixed-header .item-cell.rt span:after{background:url(../images/shadow-bg.png) left center no-repeat;background-size:100% auto;position:absolute;content:"";left:-8.533333vw;top:0;bottom:0;width:4.8vw;z-index:0}
.fixed-header.study-fixed-header .item.lf{justify-content:flex-start}
.fixed-header.study-fixed-header .item.lf a.course-type{display:inline-block;margin:0 4vw;color:#333;line-height:10.133333vw}
.fixed-header.study-fixed-header .item.lf a.course-type.active{color:#108BC7;border-bottom:0.533333vw solid #108BC7}
.subtitle{padding:4vw 2.66667vw 4vw 4vw;font-size:4.266667vw;line-height:3.73333vw;position:relative;background:#fff;color:#222222}
.org-login-tip .inner .title span,.subtitle .label{font-weight:500}
.idcard-title{font-size:4vw;text-align:center;margin:5.33333vw 0 0}
.idcard-wrapper-example .cell{border-radius:0}
.btn .animation-live{margin-right:1.33333vw}
.animation-live{width:3.2vw;height:2.66667vw;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.animation-live>.item{width:.53333vw;height:100%;background-color:currentColor;-webkit-animation:live linear .3s infinite alternate;animation:live linear .3s infinite alternate}
.animation-live>.item+.item{margin-left:0}
.animation-live>.item:nth-child(1){-webkit-animation-delay:.02s;animation-delay:.02s}
.animation-live>.item:nth-child(2){-webkit-animation-delay:.08s;animation-delay:.08s}
.animation-live>.item:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}
.animation-live>.item:nth-child(4){-webkit-animation-delay:.9s;animation-delay:.9s}
.animation-live>.item:nth-child(5){-webkit-animation-delay:.7s;animation-delay:.7s}
.title-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:2.4vw 4vw;position:relative;font-size:4.266667vw}
.title-header-underline:after{content:" ";position:absolute;left:0;bottom:-1px;right:0;height:1px;border-bottom:1px solid #e5e5e5;color:#e5e5e5;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5);left:4vw;right:4vw;z-index:2}
}.title-header .title{font-size:4vw}
.title-header .more{margin-left:auto;font-size:3.46667vw}
.title-header .more a{font-size:2.67vw;color:#999}
.title-header .more a .iconfont{color:#999}
.photo-idcard{width:16vw;height:23.2vw}
.course-intro-wrapper .nav:after{left:0;right:0}
.header-classroom{line-height:0}
.header-classroom img{width:100%}
.weui-toast--text{font-size:4vw;padding:1.6vw 3.73333vw}
.quote-wrapper .quote{padding:16vw 4vw;margin:0 4vw;background-image:url("data:image/svg+xml,%3Csvg t='1587986353304' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='18239' width='16' height='16'%3E%3Cpath d='M254.2848 267.392v98.56a24.192 24.192 0 0 1-24.192 24.192c-47.6928 0-73.6384 48.896-77.2352 145.4336h77.2224c13.3632 0 24.192 10.8544 24.192 24.192V767.872a24.192 24.192 0 0 1-24.192 24.192H24.192A24.192 24.192 0 0 1 0 767.872V559.7824c0-46.272 4.6592-88.7424 13.8496-126.2336 9.4208-38.4384 23.872-72.0512 42.9568-99.904 19.648-28.6208 44.2112-51.072 73.024-66.7136C158.848 251.1872 192.576 243.2 230.0928 243.2a24.192 24.192 0 0 1 24.192 24.192z m312.1024 122.752c13.3632 0 24.192-10.8416 24.192-24.192v-98.56A24.192 24.192 0 0 0 566.4 243.2c-37.504 0-71.2448 7.9872-100.2496 23.7312-28.8128 15.6416-53.3888 38.0928-73.0368 66.7136-19.0848 27.8528-33.536 61.4656-42.9696 99.9168-9.1648 37.504-13.824 79.9616-13.824 126.208V767.872a24.192 24.192 0 0 0 24.192 24.192h205.8752c13.3632 0 24.192-10.8416 24.192-24.192V559.7824a24.192 24.192 0 0 0-24.192-24.192h-76.1088c3.5328-96.5376 29.0944-145.4464 76.1216-145.4464z' fill='%23E7E7E7' p-id='18240'%3E%3C/path%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg t='1587986396159' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='18516' width='16' height='16'%3E%3Cpath d='M769.7152 756.608v-98.56a24.192 24.192 0 0 1 24.192-24.192c47.6928 0 73.6384-48.896 77.2352-145.4336h-77.2224a24.2048 24.2048 0 0 1-24.192-24.192V256.128a24.192 24.192 0 0 1 24.192-24.192H999.808A24.192 24.192 0 0 1 1024 256.128v208.0768c0 46.272-4.6592 88.7424-13.8496 126.2336-9.4208 38.4384-23.872 72.0512-42.9568 99.904-19.648 28.6208-44.2112 51.072-73.024 66.7136C865.152 772.8128 831.424 780.8 793.9072 780.8a24.192 24.192 0 0 1-24.192-24.192z m-312.1024-122.752c-13.3632 0-24.192 10.8416-24.192 24.192v98.56A24.192 24.192 0 0 0 457.6 780.8c37.504 0 71.2448-7.9872 100.2496-23.7312 28.8128-15.6416 53.3888-38.0928 73.0368-66.7136 19.0848-27.8528 33.536-61.4656 42.9696-99.9168 9.1648-37.504 13.824-79.9616 13.824-126.208V256.128a24.192 24.192 0 0 0-24.192-24.192H457.6256c-13.3632 0-24.192 10.8416-24.192 24.192v208.0768a24.192 24.192 0 0 0 24.192 24.192h76.1088c-3.5328 96.5376-29.0944 145.4464-76.1216 145.4464z' fill='%23E7E7E7' p-id='18517'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:top 5.33333vw left 4vw,bottom 5.33333vw right 4vw;background-size:10.66667vw 10.66667vw}
.quote-wrapper .quote .desc{font-size:3.73333vw;color:#666;line-height:1.7;margin-bottom:2.66667vw;text-align:justify}
.quote-wrapper .quote .name{text-align:right;font-size:3.73333vw;color:#666}
.quote-wrapper .photo{text-align:center;margin:10.66667vw auto 29.33333vw}
.quote-wrapper .img{width:62.13333vw}
.org-login-wrapper .title{font-size:8vw;color:#3f3f3f;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:18.66667vw 0 13.33333vw}
.org-login-wrapper .title .logo{width:12.26667vw;height:12.26667vw;margin-right:1.6vw}
.org-login-wrapper .photo{text-align:center;font-size:0;line-height:0}
.org-login-wrapper .photo img{width:53.33333vw}
.org-login-wrapper .handle{margin-top:16vw}
.btn-blue{background-color:#108BC7}
.btn-blue:active{background-color:#06c}
.btn-outline-blue{color:#108BC7}
.btn-outline-blue:after{border-color:#108BC7}
.btn-outline-blue:active{border-color:#108BC7;background-color:#f5faff}
.copy-wrapper{text-align:left;padding:0 4vw;margin-top:16vw}
.copy-wrapper .desc{font-size:4vw;color:#666;margin-bottom:1.33333vw}
.copy-wrapper .url,.reg-form .input-select{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.copy-wrapper .url{background-color:#f4f4f4;padding:3.46667vw 2.66667vw}
.copy-wrapper .url .text{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:4vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.copy-wrapper .url .copy{font-size:3.73333vw;color:#4b8aff;position:relative;padding-left:2.66667vw;margin-left:2.66667vw}
.copy-wrapper .url .copy:after,.org-login-tip .inner .url .copy:after{content:"";position:absolute;left:0;top:50%;width:1px;height:4vw;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-color:#d8d8d8}
.reg-form{margin-bottom:15vw;background:#fff;padding:1vw 0;border-radius:1.6vw}
.reg-form select{margin-left:-1vw}
.reg-form .btn-sm:after{border:none!important}
.reg-form .input-select{font-size:0;line-height:0;height:13.33333vw}
.reg-form .input-select .select-text{line-height:3.73333vw;width:100%;font-size:3.73333vw !important}
.reg-form .line{height:2.66667vw;background-color:#f4f4f4;margin:4vw 0}
.reg-protocol,.reg-form .user-check{padding:2.66667vw 4vw}
.reg-protocol{font-size:3.4vw;color:#999;text-align:center;line-height:3.4vw}
.reg-protocol input[type="checkbox"]{position:relative;appearance:none;-moz-appearance:none;-webkit-appearance:none;width:3.466667vw;height:3.466667vw;outline:none;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;border:0}
.reg-protocol input[type="checkbox"]::before,.reg-protocol input[type="checkbox"]::before{content:"";position:absolute;top:0.27vw;left:0;width:100%;height:100%;border:1px solid #B6B6B6;box-sizing:border-box}
.reg-protocol input[type="checkbox"]:checked::before,.reg-protocol input[type="checkbox"]:checked::before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2300A24B' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");vertical-align:-2px;background-size:100% 100%;background-repeat:no-repeat;background-position:center center}
.reg-protocol input[type="checkbox"].disabled:before,.reg-protocol input[type="checkbox"].disabled:before{background-color:#eee;border:1px solid #ddd}
.reg-protocol .black{color:#333}
.reg-form>.handle{margin-top:8vw}
.reg-form .has-phone{padding:5vw;text-align:center}
.reg-form .cell{padding:0 4vw;position:relative}
.reg-form .cell .inner{position:relative;padding:2vw 0}
.reg-form .cell .inner:after{content:" ";position:absolute;left:0;bottom:-1px;right:0;height:1px;border-bottom:1px solid #e5e5e5;color:#e5e5e5;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5);z-index:0}
.reg-form .cell:last-child .inner:after{display:none}
.reg-form .cell .help-block{color:#df524b;font-size:3.46667vw}
.reg-form .cell .invalid-tiper,.form-custom .invalid-tiper{color:#999;font-size:3.26667vw;padding-top:1vw}
.form-custom .invalid-tiper{padding:1vw 0 0 4vw;text-align:left}
.reg-form .help-block-box .help-block i{display:inline-block;transform:rotate(180deg)}
.reg-form .cell .label{font-size:3.46667vw;color:#666;line-height:1;margin-top:3.73333vw}
.reg-form .cell .text{position:relative}
select,select option{font-size:3.73333vw}
.reg-form .cell .text  label{display:inline-block;min-width:13.333333vw;color:#666;font-size:4.0vw}
.reg-form .cell .text select.input-text{width:100%}
.reg-form .cell .text .input-select,.reg-form .cell .text .input-text{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:transparent;font-size:3.73333vw;line-height:1;height:8vw;width:auto;outline:0;border:0}
.reg-form .cell .text.with-more{padding-right:0;background-image:url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23CDCDCD%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);background-position:right 0 center;background-repeat:no-repeat;background-size:2.66667vw}
.reg-form .cell .text.with-handle .handle{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.reg-form .cell .text.with-handle .handle .clean,.org-login-tip{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.reg-form .cell .text.with-handle .handle .clean{position:relative;font-size:4vw;line-height:0;color:#fff;width:4.26667vw;height:4.26667vw}
.reg-form .cell .text.with-handle .handle .clean:after{z-index:-1;content:"";margin-top:1px;top:0;left:0;width:100%;height:100%;position:absolute;background-color:#999;border-radius:50%}
.reg-form .cell .text.with-handle .handle .clean:active{background:#000}
.agreement-wrapper{padding:4vw}
.agreement-wrapper ol,.agreement-wrapper ul{padding-left:6.66667vw;margin-bottom:2.66667vw}
.org-login-tip{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5)}
.org-login-tip .inner{width:80vw;min-height:68.26667vw;padding:8vw 5.33333vw;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;background-color:#fff;border-radius:.53333vw}
.org-login-tip .inner .header{height:26.66667vw;background:url(../images/org-login-tip.png) no-repeat;background-size:62.13333vw 26.13333vw;background-position:left bottom;margin-top:-28.8vw;position:relative}
.org-login-tip .inner .header .close{color:#fff;font-size:9.33333vw;position:absolute;right:-5.33333vw;bottom:6.66667vw}
.org-login-tip .inner .header .close:active{color:#eee}
.org-login-tip .inner .handle{margin-top:10.66667vw}
.org-login-tip .inner .title{text-align:center;color:#222;margin-bottom:8vw}
.org-login-tip .inner .url{background-color:#f4f4f4;padding:3.46667vw 2.66667vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.org-login-tip .inner .url .text{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:3.73333vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.org-login-tip .inner .url .copy{font-size:3.73333vw;color:#4b8aff;position:relative;padding-left:2.66667vw;margin-left:2.66667vw}
.text-rotate{width:48vw;margin:-5.33333vw auto 5.33333vw;text-align:center;font-size:3.2vw}
.page-share,.page-share .close{display:-webkit-box;display:-ms-flexbox;display:flex}
.page-share{height:100vh;width:100vw;background:url('../images/share_bg.jpg') center 0 no-repeat;background-size:cover;mix-blend-mode:multiply;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.page-share .close{position:absolute;top:2.666667vw;left:4vw;color:#fff;font-size:3.733333vw;font-family:arial;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.page-share .img{position:relative;width:90%;height:80%;margin:auto;overflow-x:hidden;overflow-y:auto}
.page-project-share .img{width:92%}
.page-share .toolbar{position:fixed;bottom:0}
.page-share .toolbar .text{text-align:center;padding:0 1.6vw 0;color:#0084FF;font-size:3.73333vw}
.page-share .toolbar .bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;background-color:#fff;padding:2.13333vw 0}
.page-share .toolbar .bar .cell{width:12.8vw;height:12.8vw;border-radius:50%;overflow:hidden;border:.8vw solid transparent}
.page-share .toolbar .bar .cell.active{background-color:#fe7526}
.page-share .toolbar .bar .cell img{width:12.8vw;height:12.8vw}
.tip-gray{color:#666;background-color:#f4f4f4;padding:2.66667vw 4vw}
.list-study-log .handle{font-size:2.66667vw}
.list-study-log .handle .more,.tip-gray{font-size:3.46667vw}
.padding-wrapper{padding:5.33333vw 4vw}
.title-list{padding:0 4vw;font-size:4.8vw}
.classroom-list-log .time{margin-left:0 !important}
.classroom-list-log .handle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:3.2vw}
.classroom-list-log .handle .more{margin-left:auto}
.classroom-list-log .study-status{font-size:3.73333vw;color:#666}
.text-green{color:#1fac74}
.cert-wrapper{min-height:100vh;background-image:url(../images/cert-top.png),url(../images/cert-bottom.png),url(../images/cert-mask.png);background-position:top center,bottom center,center center;background-repeat:no-repeat,no-repeat,no-repeat;background-size:100%;padding:4vw;font-size:3.73333vw;-webkit-box-sizing:border-box;box-sizing:border-box}
.cert-wrapper .header{text-align:center;padding-top:13.33333vw}
.cert-wrapper .header .logo{width:56vw}
.cert-wrapper .header .title{font-size:5.33333vw;position:relative;margin-top:2.66667vw;margin-bottom:2.13333vw}
.cert-wrapper .header .title span{background-color:#fff;position:relative;padding-left:2.66667vw;padding-right:2.66667vw;z-index:2}
.cert-wrapper .header .title:after{position:absolute;content:"";width:56vw;height:1px;background-color:#ccc;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:50%}
.cert-wrapper .header .desc{font-size:3.73333vw}
.cert-wrapper .list-title{font-size:3.73333vw;color:#222;font-weight:700;margin:5.33333vw 0}
.cert-wrapper .info-list{position:relative}
.cert-wrapper .info-list+.list-title{margin-top:10.66667vw}
.cert-wrapper .info-list .cell+.cell{margin-top:2.66667vw}
.cert-wrapper .info-list .label{margin-right:2.66667vw;color:#666}
.cert-wrapper .avatar,.page-cert>.inner .img-bg{position:absolute;right:0;top:0}
.cert-wrapper .back a{color:#999;font-size:4.8vw}
.page-cert,.page-cert .close{background-color:rgba(0,0,0,.5)}
.page-cert{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;position:relative}
.page-cert .tips{background-color:#fe7526;width:100%;text-align:center;font-size:3.73333vw;color:#fff;padding:1.6vw 0}
.page-cert .close{width:6.93333vw;height:6.93333vw;color:#fff;font-size:5.33333vw;line-height:6.13333vw;text-align:center;border-radius:50%;position:absolute;right:4vw;top:4vw}
.page-cert>.inner{margin:auto;zoom:.9;position:relative}
.page-cert>.inner .img-bg{width:100%;left:0;bottom:0}
.page-cert .handle,.page-cert>.inner .inner-box{-webkit-box-sizing:border-box;box-sizing:border-box}
.page-cert>.inner .inner-box{width:100vw;height:140.53333vw;background-size:100%;padding:9.33333vw;position:relative}
.page-cert .handle{padding:0 4vw 10.66667vw;width:100%}
.page-cert .header{text-align:center;margin-top:18.66667vw}
.page-cert .logo{width:41.6vw}
.page-cert .title{font-size:4.53333vw}
.page-cert .footer{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-right:2.66667vw;margin-top:10.66667vw}
.page-cert .footer>.inner{text-align:center}
.page-cert .footer .qr-code{width:12.8vw;height:12.8vw}
.page-cert .footer .cert-number{font-size:1.6vw;color:#666}
.header-school,.page-cert .body,.page-cert .footer{display:-webkit-box;display:-ms-flexbox;display:flex}
.page-cert .body{padding:4vw;font-size:3.46667vw}
.page-cert .body .avatar{width:19.2vw;height:23.46667vw;margin-right:1.33333vw;margin-top:1.33333vw}
.page-cert .body .info{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}
.page-cert .body .name{font-size:4.8vw}
.page-cert .body .id{font-size:2.93333vw}
.page-cert .body .class,.page-cert .body .org{text-decoration:underline;font-size:3.46667vw}
.header-school{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header-school .title{font-size:5.33333vw;margin-top:0}
.school-list .top-title{padding:2.66667vw 5.33333vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.school-list .list .item .info .title,.school-list .top-title .title{font-size:4vw}
.school-list .top-title .more{margin-left:auto;color:#666;font-size:3.2vw}
.school-list .list .item{margin:0;padding:2.66667vw 4vw;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.school-list .list .item:after{content:" ";position:absolute;left:0;bottom:-1px;right:0;height:1px;border-bottom:1px solid #e5e5e5;color:#e5e5e5;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5);left:4vw;right:4vw;z-index:2}
.school-list .list .item:active,.school-list .top-title{background-color:#f4f4f4}
.school-list .list .item .info .number{font-size:3.46667vw;color:#666}
.school-list .list .item .handle{margin-left:auto;font-size:4.26667vw}
.invalid-feedback{color:#df524b;padding:1vw 0 0 4vw;font-size:3.2vw}
.teacher-intro{position:relative;padding:4vw;background-color:#fff;font-size:3.4vw}
.teacher-intro .lf{position:absolute;z-index:10;top:4vw}
.teacher-intro .lf img{width:20vw;height:20vw;border-radius:50%;border:1px solid #e9e9e9}
.teacher-intro .lf .name{text-align:center}
.teacher-intro .rt{padding-left:24vw;min-height:28vw}
.teacher-intro .rt .show_bar{height:6vw;text-align:center}
.teacher-intro .rt .show_bar i{font-size:6vw;color:#666}
.teacher-intro .rt .show_bar i.icon-arrow-up{height:3vw;display:none}
.teacher-intro .rt .show_bar i.icon-arrow-down{height:3vw}
.teacher-intro .rt .weui_media_title{color:#333;padding:2vw 0}
.teacher-intro .rt .weui_media_desc{line-height:6vw;color:#999;height:35vw;overflow-y:hidden}
.teacher-intro .rt.show_all .show_bar i.icon-arrow-up{display:block}
.teacher-intro .rt.show_all .show_bar i.icon-arrow-down{display:none}
.teacher-intro .rt.show_all .weui_media_desc{height:auto}
.teacher-intro + .course-list{background:#fff;margin:4.0vw 0 0 0;padding-bottom:4vw}
.teacher-intro + .course-list .hd{font-size:3.4vw;line-height:4vw;padding:4vw 0 2vw 4vw}
.course-sort .sort-tt{color:#666}
.course-sort .sort-tt.active,.course-sort .sort-tt.active .iconfont{color:#108BC7}
.topic-list .cell{padding:4.0vw 4.0vw 0;position:relative}
.topic-list .cover{width:100%;height:18.4vw}
.topic-list .cover img{width:100%;height:100%}
.topic-list .text{background:#fff;padding:0 4.0vw}
.topic-list .text .title{line-height:11.733333vw;height:11.733333vw;font-size:3.733333vw;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topic-list .text .title a{color:#222}
.topic-list .class-num{position:absolute;top:12.0vw;right:1.066667vw;font-size:3.2vw;color:#fff;height:5.333333vw;padding:0;line-height:5.333333vw;text-align:center;background:#000000;opacity:0.5;padding:0 2.666667vw;border-radius:0.533333vw}
.topicImg{height:20.0vw;width:100%}
.live-menu .tag{border-radius:1.066667vw;color:#d9d9d9;min-width:13.333333vw;height:5.866667vw;line-height:5.866667vw;background:#979797;text-align:center;padding:0}
.live-menu .tag-progres{color:#FF0000;background:#ffe6e6;min-width:16.0vw}
.app-player .menu-wrapper .live-menu>.list .cell.section{height:auto}
.app-player .menu-wrapper .live-menu>.list .cell.section .meta .iconfont.icon-playing{font-size:2.666667vw;color:#108BC7}
.live-menu .tag-playback{color:#00A24B;background:#e0f4e9}
.live-menu .tag-done{color:#fff}
.live-mask{background:rgba(0,0,0,0.6);width:100%;height:100%;position:absolute;left:0;top:0}
.live-player .live-state{position:absolute;left:50%;top:50%;margin:-13.333333vw 0 0 -29.866667vw;text-align:center;color:#fff}
.live-player .live-state-count{position:absolute;left:0;bottom:0;top:auto;margin:0;text-align:left;color:#fff;background:rgba(0,0,0,0.55);height:12.0vw;line-height:12.0vw;padding:0 4.0vw;width:calc(100vw);font-size:3.733333vw}
.live-player .live-state-count span{font-size:6.933333vw;letter-spacing:0.266667vw;padding-left:2.133333vw;padding-right:0.533333vw}
.live-player .live-state p{font-size:4.8vw}
.live-player .live-state p.p-bg{width:33.333333vw;height:9.6vw;line-height:9.6vw;border-radius:6.4vw;background:rgba(0,0,0,0.7)}
.live-player .live-state p.p-bg i{margin-right:1.333333vw}
.live-player .live-state-sign p.p-bg{width:43.333333vw}
.live-player .live-state-count ul{margin-top:1.333333vw}
.live-player .live-state-end{margin:-4.8vw 0 0 -16.8vw}
.live-player .live-state-sign{margin:-4.8vw 0 0 -21.5vw}
.live-player .live-state-study{margin:-15.533333vw 0 0 -16.533333vw}
.live-player .live-state-study span{background:#fff;width:8.0vw;height:8.0vw;position:absolute;left:35%;top:20%}
.live-player .live-state-study  p.p-bg i{color:#108BC7}
.live-player .live-state-study .icon-big-play{color:#000;font-size:13.333333vw;position:relative}
.index-banner .swiper-wrapper{width:100%;height:48.8vw}
.swiper-wrapper img{width:100%;height:100%}
.index-banner .swiper-pagination-bullet-active{background-color:#fff}
.index-banner.swiper-container-horizontal > .swiper-pagination-bullets{bottom:0}
.news-tab{background:#fff}
.news-tab .weui-navbar{background:#fff}
.news-tab .weui-navbar__item{position:revert}
.news-tab .weui-navbar__item.weui-bar__item--on{border-bottom:2px solid #108BC7;background:#fff}
.news-tab .weui-navbar__item:after{border-right:none}
.news-list{padding:0 4.0vw;background:#fff}
.news-list li{font-size:3.733333vw;padding:2.666667vw 0 2.666667vw 4.0vw;border-bottom:1px solid #e5e5e5;list-style:none;position:relative}
.news-list li:before{content:' ';position:absolute;left:0;top:4.0vw;width:1.066667vw;height:1.066667vw;background-color:#989898;border-radius:1.066667vw}
.news-list li a{color:#222;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}
.news-more{color:#999;text-align:center;display:block;padding:2.133333vw 0;font-size:3.733333vw}
.news-more .iconfont{font-size:3.2vw}
.inbox-list li{position:relative}
.inbox-list .check_single{position:absolute;left:0;top:3.733333vw}
.inbox-list li a{-webkit-line-clamp:1;padding-left:4.0vw}
.inbox-list .read{}
.inbox-list .unread{font-weight:bold}
.lecturer-list{background:#fff;padding:4vw 0 2.666667vw;overflow-x:hidden}
.lecturer-list li{position:relative;background-color:#fff;float:left;width:25%;text-align:center}
.lecturer-list li img{margin:0 auto;width:20.8vw;height:20.8vw;display:block;border-radius:50%}
.lecturer-list li h3{color:#222;font-weight:normal;font-size:3.466667vw;line-height:5.866667vw;text-align:center}
.learning-list .cell .tt{text-align:center;height:10.666667vw;line-height:10.666667vw;color:#fff;background-size:100% 10.933333vw;font-size:3.733333vw}
.learning-list .cell .tt1{background:#3ebbfd url(../images/xueshi_bg.png) no-repeat}
.learning-list .cell .tt2{background:#5bc774 url(../images/kecheng_bg.png) no-repeat}
.learning-list .cell .tt3{background:#ffaa00 url(../images/project_bg.png) no-repeat}
.learning-list .cell span{display:block;height:10.4vw;line-height:10.4vw;position:relative;padding-left:4.0vw;font-size:3.733333vw;color:#666}
.learning-list .cell span .iconfont{margin-right:1.333333vw}
.learning-list .cell span:after{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:.53333vw solid #e5e5e5;color:#e5e5e5;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5);left:4vw;right:4vw;z-index:2}
.learning-list .cell span.active,.learning-list .cell span.active span{color:#4CBB3A}
.learning-list .list-cover{margin-top:5.333333vw}
.learning-list .cell span:last-child:after{display:none}
.learning-list .cell span span{float:right;padding-right:4vw;color:#222}
.study_data_bg{height:33.6vw;margin:0 auto;background:#fff}
.study_data_bg img{height:33.6vw;width:100.0vw;margin:0 auto}
.year-of-study{padding-left:4vw;background:#fff;height:13.066667vw;line-height:13.066667vw;font-size:4.266667vw}
.year-of-study .input-year{font-size:4.266667vw;height:10.666667vw;min-width:58.066667vw;border:0}
.year-of-study .iconfont{font-size:3.2vw;margin-right:4.0vw;float:right;color:#a7a6b1}
.teacher-hd{background:#fff  url(../images/teacher_bg.png) no-repeat;background-size:100% 21.333333vw;color:#fff;padding:0 4vw 4vw}
.teacher-hd .lf{top:5.333333vw}
.teacher-hd .name{padding-top:13.333333vw;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.teacher-hd .info{font-size:3.733333vw;padding-top:1.6vw}
.teacher-hd .weui_media_title{color:#222}
.teacher-hd .weui_media_desc{color:#666;margin-top:1.333333vw}
.open-card-info{font-size:3.733333vw;width:100%;height:10.666667vw;line-height:10.666667vw;background:#DCAD6B;padding:0;position:fixed;bottom:13.866667vw;left:0;color:#fff;padding:0 4.0vw;position:fixed;z-index:90}
.open-card-info .btn{margin:1.6vw 7.0vw 0 0;float:right;background:#3E2F19;border-radius:2px;padding:0;color:#E3B56F;width:20.266667vw;height:7.466667vw}
.is-card-info{background:#fff;color:#D29C51}
.is-card-info span{position:relative;margin-left:2.666667vw;display:inline-block}
.is-card-info span:before{position:absolute;content:"";width:1px;height:3.2vw;top:4.0vw;background-color:#D29C51;transform:translateX(-100%);opacity:.27;left:0}
.weui-popup__container--visible .weui-popup__modal{border-radius:2.133333vw 2.133333vw 0 0;background:#fff}
.weui-popup__modal .toolbar{border-radius:2.133333vw 2.133333vw 0 0;background:#fff}
.weui-popup__modal .toolbar:after{content:" ";position:absolute;left:0;bottom:-1px;right:0;height:1px;border-bottom:1px solid #e5e5e5;color:#e5e5e5;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5);left:4vw;right:4vw;z-index:2}
.toolbar .title{font-size:4.0vw;padding-left:4.0vw;text-align:left}
.toolbar .picker-button{height:13.333333vw;line-height:13.333333vw;color:#999;font-size:4.266667vw;min-width:10.666667vw;text-align:10.666667vw}
.weui-popup__modal .modal-content .nav:after{border-bottom:0}
.pay-type-nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none;padding:2.666667vw 0 0  4.0vw}
.pay-type-nav a{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;height:13.333333vw;line-height:13.333333vw;background:#fff;border:1px solid #E5E5E5;box-sizing:border-box;border-radius:1.066667vw;font-size:4.266667vw;margin-right:4.0vw;text-align:center;color:#000;position:relative}
.pay-type-nav a .icon-recommend-djy{position:absolute;width:8.0vw;height:3.733333vw;line-height:3.733333vw;left:-0.533333vw;top:1.066667vw;background:#FF4A4A;border-radius:0 0.533333vw 0.533333vw 0;font-size:2.4vw;color:#fff;padding:0px}
.pay-type-nav a .icon-recommend-djy i{position:absolute;top:-0.533333vw;left:0;width:0;height:0;border-top:0.533333vw solid transparent;border-right:1.066667vw solid #FF4A4A;border-bottom:0.533333vw solid transparent}
.pay-type-nav a.active{background:rgba(16,139,199,0.1);border:1px solid #108BC7}
.single-class-purchase .price{font-size:8.0vw;line-height:9.333333vw;text-align:center;padding:6.666667vw 0 8.0vw}
.single-class-purchase .sub-hd{font-size:4.0vw;line-height:4.8vw;color:#222;padding:0 0 2.666667vw 4.0vw;font-weight:600}
.single-class-purchase .cell{position:relative;padding:4.0vw;font-size:3.733333vw}
.single-class-purchase .cell:after{content:" ";position:absolute;left:0;bottom:-1px;right:0;height:1px;border-bottom:1px solid #e5e5e5;color:#e5e5e5;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5);left:4vw;right:4vw;z-index:2}
.single-class-purchase .cell input{width:4.0vw;height:4.0vw}
.single-class-purchase .cell .custom-control{float:right}
.single-class-purchase .cell .iconfont{margin-right:1.333333vw;font-size:4.4vw;margin-right:2vw}
.single-class-purchase .btn{margin-top:6.666667vw;font-size:4.266667vw;width:100%;height:13.866667vw;line-height:13.866667vw;padding:0;background:#108BC7}
.single-class-purchase .btn.to-pay{background:#DCAD6B}
.card-info{position:relative;padding-top:4.0vw}
.card-info .card-bg{background:#2E2E30;height:32.0vw;width:100%;position:absolute;left:0;top:0}
.card-info .card-cont{z-index:1;position:relative;height:40.0vw;border-radius:2.133333vw;margin:0 4.0vw}
.card-info .card-cont .title{height:10.666667vw;font-size:4.266667vw;line-height:10.666667vw;padding-left:4.0vw}
.card-info .card-cont .bg{background:url(../images/icon-card-union.png) no-repeat bottom right;height:100%}
.card-info .info{padding:4.0vw 0 0 4.0vw;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;position:relative}
.card-info .info .avatar{flex:1}
.card-info .info .user-info{-webkit-box-flex:4;-ms-flex:4;flex:4;height:13.866667vw;font-size:4vw;border-radius:0}
.card-info .info .self-name{position:relative;display:block}
.card-info .info .self-name span{margin-right:1.333333vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-inline-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;max-width:90%}
.card-info .info .self-name i{position:absolute;left:auto;top:0}
.card-info .info .avatar img{width:13.333333vw;height:13.333333vw;border-radius:50%;margin-right:2.66667vw}
.card-info .user-info .self-name{font-size:4.266667vw}
.card-info .user-info .card-state{font-size:3.2vw;margin-top:auto;text-align:right}
.card-info .card-state{text-align:right;padding-right:4.0vw;font-size:3.2vw}
.no-opened-card  .card-cont .title{background:rgba(0,0,0,0.16);background-blend-mode:overlay}
.no-opened-card .card-cont{color:#fff;background:linear-gradient(180deg,#d1d1d1 0%,#8c8c8c 100%)}
.opened-card  .card-cont .title{background:rgba(0,0,0,0.04);background-blend-mode:overlay}
.opened-card .card-cont{background:linear-gradient(180deg,#f3d2a5 0%,#d39d53 100%);color:#582F1D}
.card-cell{border-radius:1.066667vw;margin:4.0vw 4.0vw 0;padding:0 2.666667vw}
.card-cell .card-sub-hd{font-size:4.0vw;padding:4.0vw 0}
.card-cell .card-sub-bd{font-size:3.466667vw}
.card-specifications .sub-hd{display:flex;font-size:4.0vw;padding:4.0vw 0}
.card-specifications .sub-hd .more{margin-left:auto}
.card-specifications .cont{position:relative;height:100%;overflow:hidden;white-space:nowrap;overflow-x:scroll}
.card-specifications .agreement-tip{color:#999;padding-bottom:4.0vw;text-align:center;font-size:3.733333vw}
.card-specifications .cell.active{background:linear-gradient(270deg,#FFE6C3 0%,rgba(255,230,195,0.27) 100%);border:1px solid #D29C51;border-radius:1.066667vw;color:#AB8F7B}
.card-specifications .cell.active .label{position:relative;color:#AB8F7B;padding-top:2.133333vw}
.card-specifications .cell.active .label:before{content:"";position:absolute;width:auto;height:1px;background-color:#EED5B3;left:5.333333vw;right:5.333333vw;top:0}
.card-specifications .cell{cursor:pointer;position:relative;-ms-flex:1;flex:1;background:linear-gradient(270deg,#EEEEEE 0%,rgba(238,238,238,0.27) 100%);border:1px solid #CDCDCD;border-radius:1.066667vw;margin:0 2.133333vw 4.0vw 0;position:relative;padding:5.333333vw 0 1.333333vw;display:inline-block;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-align:center}
.card-specifications .title{font-size:3.733333vw}
.card-specifications .number{font-size:5.866667vw;color:#582F1D;font-weight:600}
.card-specifications .text{padding-bottom:5.333333vw;min-height:6.933333vw}
.card-specifications .text span{background:linear-gradient(180deg,#FFE092 0%,#FFB992 100%);border-radius:0.533333vw;color:#582F1D;padding:0 1.333333vw;font-size:2.666667vw;height:5.333333vw;line-height:5.333333vw;display:inline-block;padding-top:0.8vw}
.card-specifications .label{font-size:3.2vw;color:#666}
.card-img{position:relative;padding:6.666667vw 0 0;margin-bottom:4.0vw}
.card-img .bg-img{position:absolute;bottom:0;left:50%;z-index:1;background:url(../images/icon-card-activation.png) no-repeat center bottom;height:32.0vw;width:92.0vw;margin-left:-46.4vw}
.card-img .bg{background:#f4ecde;border-radius:1.066667vw;width:100%;height:26.666667vw;z-index:0}
.card-tiper h5{font-size:3.466667vw;margin:5.333333vw 0 2.0vw 0}
.card-tiper p{font-size:3.2vw;line-height:5.333333vw;color:#666}
.mine-card-info{height:10.67vw;line-height:10.67vw;background:#E3B56F url(../images/icon-card-union-small.png) no-repeat  68% center;border-radius:1.066667vw;margin:2.13vw 4.0vw 0;padding:0 2.67vw;color:#3E2F19;font-size:3.733333vw;display:flex}
.mine-card-info i{font-size:5.33vw}
.mine-card-info .btn{font-size:3.2vw;line-height:3.733333vw;color:#E3B56F;height:6.4vw;background:#3E2F19;border-radius:1.066667vw;margin-left:auto;margin-top:2.2vw}
.order-list{border-radius:1.066667vw}
.order-hd{margin:0 4.0vw 0;font-size:3.466667vw;display:flex;color:#666;height:13.333333vw;line-height:13.333333vw;border-bottom:1px solid #e6e6e6}
.order-hd .pay-info,.order-ft .pay-info{flex-direction:column;margin-left:auto;color:#666;font-size:3.2vw}
.order-hd .pay-info i.iconfont,.order-ft .pay-info i.iconfont{font-size:3.733333vw;color:#B8B8B8;margin-right:1.333333vw}
.order-ft:after{width:auto;left:4.0vw;right:4.0vw}
.order-ft{line-height:11vw}
.order-ft .view-cert{text-align:center}
.order-ft .view-cert:after{top:3vw;bottom:3vw}
.order-ft .view-cert,.order-ft .view-cert a{color:#108BC7}
.order-ft .view-cert i{font-size:3.733333vw}
.order-ft .view-cert a{font-size:3.2vw}
.order-ft .order-btn{padding:0 4.0vw;text-align:right;line-height:0}
.order-ft .btn-outline{border:1px solid #ccc}
.order-ft .btn-outline-blue{border:1px solid #108BC7;color:#108BC7;margin-left:2vw;margin-bottom:3vw}
.order-ft .order-details{padding:2vw 4.0vw;font-size:3.73333vw;display:flex;line-height:1.6}
.order-ft .order-apply-refund-btn{margin:0 2vw 0 0;color:#108BC7}
.order-ft .count{color:#666}
.order-ft .price{margin-left:auto}
.order-ft .pay-info{margin-left:6vw}
.order-info-list .item{position:relative;margin-top:-1px}
.order-info-list .item:after{content:" ";position:absolute;top:0;right:0;border-bottom:1px solid #e5e5e5;width:96%}
.order-info-list .order-ft .order-btn{}
.order-list>.item{padding:4.0vw}
.order-list.course-list>.item .body .info{display:flex}
.order-list.course-list>.item .body .info .class-hour{color:#666}
.order-list.course-list>.item .body .info .status{margin-top:3vw;margin-left:auto}
.order-list.course-list>.item .body .info .status.blue{color:#108BC7}
.order-list.course-list>.item .body .info .cause-failure{position:relative;z-index:1}
.order-condition{background:#ECF8FD;line-height:13.333333vw;height:13.333333vw;border-radius:1.066667vw;font-size:3.733333vw;padding:0 4vw}
.order-condition .btn-refund{height:13.333333vw;line-height:13.333333vw;font-size:3.733333vw;color:#666}
.order-accomplish{color:#00A24B}
.order-undone{}
.order-detail-info{background:#fff;padding:.6vw 4vw;font-size:3.466667vw;margin-bottom:4vw}
.order-detail-info p{border-bottom:1px solid #e5e5e5;padding:2.2vw 0;line-height:2;display:flex}
.order-detail-info p:last-child{border-bottom:0}
.order-detail-info label{color:#999}
.order-detail-info span{color:#666;margin-left:auto}
.order-detail-info span.price{color:#222}
.ft-btn{position:fixed;left:0;bottom:0;z-index:4;width:100%;margin:0;padding:0}
.ft-btn .btn{height:13vw;border-radius:0;font-size:4.266666667vw}
.weui-toast{padding:2.666667vw;word-break:break-word;font-size:4.533333vw;color:rgba(255,255,255,0.9);border-radius:3.2vw;min-width:7.6rem;width:auto}
.weui-toast--text .icon-success-no-circle.iconfont{display:none}
.weui-switch,.weui-switch-cp__box{width:8.53vw;height:4.27vw}
.weui-switch-cp__box:after,.weui-switch:after,.weui-switch-cp__box:before,.weui-switch:before{width:3.6vw;height:3.6vw}
.weui-switch-cp__input:checked~.weui-switch-cp__box:after,.weui-switch:checked:after{left:-1.3vw}
.weui-switch-cp__input:checked~.weui-switch-cp__box,.weui-switch:checked{border-color:#108BC7;background-color:#108BC7}
.live-floating-layer{background-color:#fff;position:fixed;bottom:14.133333vw;padding-bottom:env(safe-area-inset-bottom);left:0;width:100%;z-index:500}
.live-floating-layer .cell{padding:0 4.0vw;height:10.666667vw;line-height:10.666667vw;align-items:center;display:flex}
.live-floating-layer .live-name{font-size:3.733333vw;width:66.666667vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline}
.live-floating-layer .live-name a{color:#222}
.live-floating-layer .meta{display:flex;margin-left:auto}
.live-floating-layer .close{display:flex;padding-left:1.333333vw;color:#666;cursor:pointer}
.modal-container-open-card{position:absolute;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(0,0,0,.5);z-index:1000}
.modal-container-open-card .modal-info{flex:1;display:flex;flex-direction:inherit;justify-content:center;align-items:center;margin-top:20%;padding:0 5.333333vw;text-align:center}
.modal-container-open-card .modal-info p{font-size:4.8vw;color:#fff;font-weight:400}
.modal-container-open-card .modal-info p .price{color:#FF000F}
.modal-container-open-card .btn-primary{width:32.0vw;height:10.666667vw;line-height:10.666667vw;background:#108BC7;border-radius:1.066667vw;margin:2.666667vw auto 0;display:block;text-align:center;border:0;font-size:4.266667vw}
.modal-container-open-card .btn-open-card{color:#582F1D!important;background:linear-gradient(180deg,#FFD192 0%,#D29451 100%)!important}
#videoPreview{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.7);z-index:2000}
#videoPlay{position:absolute;left:50%;top:50%;overflow:hidden}
#videoPlay video:focus{outline:none}
.prism-player .prism-cover,.prism-player video{border-radius:2.133333vw}
.prism-player .prism-big-play-btn{top:50%!important;left:50%!important;transform: translate(-50%,-50%);}
.close-btn-player{position:fixed;top:0;left:0;color:rgba(255,255,255,1);font-weight:normal;font-size:4.266667vw;line-height:10.666667vw;cursor:pointer;border-radius:50%;width:10.666667vw;text-align:center;height:10.666667vw;z-index:1}
.close-btn-player:hover{background:rgba(0,0,0,0.8);color:white}
.invoice-top-tip{font-size:3.466667vw;padding:4vw 4vw 0;color:#7f7f7f}
.invoice-list{position:relative}
.invoice-list .check_single_box{margin-left:auto;margin-top:4.266667vw;z-index:2}
.invoice-list .check_single_box input{width:4.0vw;height:4.0vw}
.order-list-page .invoice_btm{position:fixed;bottom:0;left:0;right:0;height:12vw;text-align:center;z-index:5}
.order-list-page .invoice_btm .btn_btm{width:100%;height:12vw;line-height:12vw;font-size:3.466667vw}
.invoice_apply_title{position:relative;z-index:1;font-size:3.466667vw;padding:3vw 4vw;color:#7f7f7f;background:#f5f5f5}
.invoice_apply{position:relative;z-index:1;padding-bottom:14vw}
.invoice_apply .row{font-size:3.733333vw;background:#fff;padding:2vw 4vw;line-height:8vw;position:relative}
.invoice_apply .row:after{content:" ";position:absolute;left:0;bottom:0;right:0;border-bottom:.53333vw solid #e5e5e5;color:#e5e5e5;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5);left:4vw;right:4vw;z-index:2}
.invoice_apply .row.btn-wrapper-row{text-align:center;margin-left:12.0vw;margin-top:10.666667vw}
.invoice_apply .row .col-3{color:#666;width:25vw;position:absolute;z-index:1}
.invoice_apply .row .name{color:#666}
.invoice_apply .row.count_box{margin-top:3vw}
.invoice_apply .row .col-3 span{display:inline-block;color:#666;line-height:9.333333vw}
.invoice_apply .row .col-3 span .red-star,.invoice_apply .row .col-12 span .red-star{color:red;margin-left:1.333333vw}
.invoice_apply .row .col-9{position:relative;margin-left:25vw;max-width:112.0vw;text-align:right}
.invoice_apply .row .col-9 .order_price_box{font-size:4vw;margin-right:1.333333vw}
.invoice_apply .row .col-9 .order_size_box{float:right;color:#999}
.invoice_apply .row .col-9 .view_more .icon-arrow-right{font-size:2.8vw;color:#B6B6B6;font-weight:600;padding:0.5vw 0 0 1.5vw}
.invoice_apply .row .col-9 .invalid-feedback{display:block;padding:0}
.invoice_apply .row .col-9 input[type="text"]{width:100%;height:9.333333vw;line-height:9.333333vw;border:none;outline:none;text-align:right;font-size:3.733333vw}
.invoice_apply .row .col-9 textarea{text-align:right;width:100%;line-height:5vw;border:none;outline:none;padding:1vw 0;font-family:Helvetica,Arial,PingFang SC,Hiragino Sans GB,Source Han Sans CN,Roboto,Microsoft Yahei,sans-serif;font-size:3.733333vw}
.invoice_apply .row .col-9 .view_more_add span{color:#222}
.invoice_apply .row .col-9 textarea::-webkit-input-placeholder,.invoice_apply .row .col-9 input::-webkit-input-placeholder,span::placeholder{color:#999}
.invoice_apply .row .col-9 input[type=radio]+.custom-control-label::after{outline:0;top:.25rem;left:-1.5rem;width:1rem;height:1rem;background-size:54%}
.invoice_apply .row .col-9 .radio-btns{padding-top:0.8vw}
.invoice_apply .row .col-9 .radio-btns .radio-btns-name{height:12.933333vw;line-height:12.933333vw;font-size:1rem;color:#333}
.invoice_apply .row .col-9 .buttons-wrapper .btn{width:28.8vw;margin-right:8.0vw}
.invoice_apply .row .col-9 .buttons-wrapper .btn.aBtn24{width:28.8vw;height:9.066667vw;background:#FFFFFF;border-radius:0.533333vw;border:1px solid #B3B3B3;color:#666}
.invoice_apply .row .col-9 .buttons-wrapper .btn:last-child{margin-right:0}
.invoice_apply .row .col-9 .form_tip_right{position:absolute;z-index:1;left:112.0vw;top:1.6vw;min-width:80.0vw;color:#aaa}
.invoice_apply .invoice_btm{position:fixed;bottom:0;width:100%;z-index:9999}
.invoice_apply .invoice_btm .btn,#invoice-popup .btn-primary{height:12vw;line-height:12vw;font-size:4vw}
.invoice_apply .row.input_more{display:none}
.invoice_apply .row.input_more.relative .col-3{position:relative}
.invoice_apply .row.input_more .col-9{padding-left:0}
.invoice_apply .invalid-name-search{position:absolute;right:4vw;left:4vw;top:12vw;z-index:3;background-color:#fff;text-align:right;box-shadow:0px 0.53vw 0.8vw rgb(0 0 0 / 13%);border:1px solid #e5e5e5;display:none}
.invoice_apply .invalid-name-search span{display:block;padding:1vw 8.8vw 1vw 0}
.invoice_apply .invalid-name-search span + span{border-top:1px solid #e5e5e5}
.pop-wx-titles{position:absolute;z-index:999;padding:0 4.0vw;top:50%;left:7.2vw;right:7.2vw;background:#fff;border-radius:2.133333vw;transform:translate(0,-60%);margin-top:-12vw;display:none}
.pop-wx-titles .tt{height:13.333333vw;line-height:13.333333vw;font-size:4.533333vw;font-weight:bold;border-bottom:1px solid #e5e5e5}
.pop-wx-titles .items{max-height:70vh;overflow-y:auto}
.pop-wx-titles .item{border-bottom:1px solid #e5e5e5;padding:3.733333vw 0}
.pop-wx-titles .item .title-name{font-size:4.0vw;line-height:5.6vw;color:#222}
.pop-wx-titles .item .title-type{font-size:3.466667vw;line-height:4.8vw;color:#999}
.invoice-history-page{}
.invoice-history{background:#fff;margin:0 0 4vw 0;padding:0 4vw;box-sizing:border-box;font-size:3.47vw;border-radius:1vw;overflow:hidden}
.invoice-history .invoice_hd{position:relative;color:#333;height:10.666667vw;line-height:10.666667vw;border-bottom:1px solid #E5E5E5}
.invoice-history .invoice_hd .invoice_st_colour_1,.invoice-info .content .status_color_1{color:#108BC7}
.invoice-history .invoice_hd .invoice_st_colour_2,.invoice-info .content .status_color_2{color:#00A24B}
.invoice-history .invoice_hd .invoice_st_colour_3,.invoice-info .content .status_color_3,.invoice-info .content .status_color_3 a{color:#FF000F}
.invoice-history .invoice_hd .fr:before,.invoice-info .content .line-item:before{font-weight:600;padding-right:1vw}
.invoice-history .invoice_hd .invoice_st_colour_1:before,.invoice-info .content .status_color_1:before{content:"\e630"}
.invoice-history .invoice_hd .invoice_st_colour_2:before,.invoice-info .content .status_color_2:before{content:"\e610"}
.invoice-history .invoice_hd .invoice_st_colour_3:before,.invoice-info .content .status_color_3:before{content:"\e606"}
.invoice-history .iconfont{float:right}
.invoice-history .invoice_date{color:#999;height:12.26667vw;line-height:12.26667vw}
.invoice-history .invoice_price{float:right;color:#666}
.invoice-history .invoice_price i{padding-left:1vw;color:#B6B6B6;font-weight:600;font-size:2.6vw}
.invoice-history .invoice_status{height:5vw;line-height:5vw;background:#fff;padding:2vw 4vw 2vw}
.invoice-info{position:relative;z-index:1;margin:4vw auto;border-radius:2.666667vw}
.invoice-info .cell{line-height:8vw;font-size:3.73333333vw;background:#fff;padding:2vw 4vw;position:relative}
.invoice-info .cell:before{position:absolute;left:4%;top:0;z-index:3;content:'';border-top:1px solid #E5E5E5;width:92%;display:block}
.invoice-info .cell.margin_top:before{display:none}
.invoice-info .cell.input_more{display:none}
.invoice-info .cell.margin_top{margin-top:4vw}
.invoice-info .cell label{display:inline-block;width:24vw;color:#aaa}
.invoice-info .cell .content{color:#333}
.invoice-info .cell .content .order_size{color:#aaa}
.invoice-info .cell .content .view_order{float:right;color:#aaa}
.invoice-info .cell.show_input_more{position:relative;top:-2vw;padding-bottom:4vw;text-align:center;color:#aaa}
.invoice-info .cell.show_input_more .btn_show,.invoice_apply .row .show_input_more .btn_hide{cursor:pointer}
.invoice-info .cell.show_input_more .btn_hide{display:none}
.invoice-info .cell.show_input_more .iconfont{font-size:4.266667vw;margin-left:2.666667vw}
.mb-header-h1{padding:0 4vw;height:13.333333vw;background-color:#fff;line-height:13.33333vw;font-size:4.266666666666667vw}
.mb-header-h1 a i{font-size:4vw;color:#222;padding-right:2.666667vw;margin-left:-0.5vw}
.news-title-scroller{position:relative;height:13.333333vw;line-height:13.333333vw;width:100%;overflow:hidden;margin:0 auto;background:#fff;border-bottom:1px solid #E5E5E5}
.news-title-scroller .scroller{position:absolute}
.news-title-scroller .scroller li{position:relative;list-style:none;color:#333;float:left;font-size:4.266667vw;text-align:center}
.news-title-scroller .scroller li a{margin-left:4.0vw;color:#222;display:block}
.news-title-scroller .scroller li.active a{color:#108BC7}
.news-title-scroller .scroller li.active:after{content:"";position:absolute;bottom:0;left:4vw;width:calc(100% - 4.0vw);height:2px;background-color:#108BC7}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.news-select-list{background-color:#fff;padding:4.0vw 4.0vw;grid-template-columns:repeat(3,1fr);margin-bottom:0}
.news-select-list>.item{border:1px solid #e1e1e1}
.news-select-list>.item.active a{color:#108BC7}
.news-select-list>.item:after{border-radius:1.066667vw}
.news-select-list>.item a{display:block;color:#222}
.news-select-list>.item:after{width:0;height:0}
.news-select-list>.item.active:after{border:0}
.news-list-wrapper{padding:0 4.0vw;background:#fff}
.news-list-wrapper li{line-height:6.666667vw;padding:3.2vw 0 2vw}
.news-list-wrapper li:before{display:none}
.news-list-wrapper li .time{color:#999;font-size:3.2vw;line-height:1.4}
.news-list-wrapper li:last-child{border-bottom:0}
.news-detail{background:#fff;padding:4.0vw;border-top:1px solid #E5E5E5}
.news-detail .title{font-size:4.533333vw;font-weight:500;line-height:1.4}
.news-detail .time{color:#999999;font-size:3.2vw;padding-top:1vw}
.news-detail .header{padding-bottom:2.666667vw;border-bottom:1px solid #E5E5E5}
.news-detail .course-intro{padding-top:2.666667vw;font-size:4.266667vw}
.alert-warning{background-color:#FFF6E6;border-color:#FFF6E6;color:#FF8A00;font-size:3.2vw;padding:2.666667vw 4.0vw}
.invoice-nav:after{left:0;right:0}
.invoice-order-number{font-size:4.0vw;display:block;padding:2.133333vw 0 0 5.333333vw}
#order_size{color:#108BC7}
.invoice-order-price{font-size:3.2vw;color:#666;padding:0 0 0 5.333333vw}
#total_price{color:#FF000F}
#invoice-popup .invoice_apply .row{min-height:8vw}
#invoice-popup .alert-warning{padding:4.0vw}
#invoice-popup .invoice_apply{padding-bottom:0}
#invoice-popup .jump{margin:4.0vw 4vw 5.333333vw;font-size:3.466667vw}
#invoice-popup .jump p{line-height:5.333333vw}
#invoice-popup .btn-primary{width:100%}
.toolbar .toolbar-inner{height:13.333333vw}
.toolbar .title{line-height:13.333333vw;color:#222}
.weui-popup__modal .modal-content{padding-top:13.333333vw}
.toolbar .toolbar-inner .title{width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.weui-dialog .btn-primary{background-color:#fff;color:#108BC7}
.attachment > img{width:4.266667vw;vertical-align:middle;padding-right:1.066667vw}
.comments-intro{}
.comments-intro .hd{position:relative;padding:4.0vw 5.333333vw}
.comments-intro .hd:after{background-color:#E5E5E5;transform:matrix(-1,0,0,1,0,0);content:"";position:absolute;width:auto;height:1px;left:5.333333vw;right:5.333333vw;bottom:0;z-index:0}
.comments-intro .hd .tt{display:flex;height:8.533333vw;line-height:8.533333vw}
.comments-intro .hd .eneral-comment{font-size:4.0vw}
.comments-intro .hd .eneral-comment span{color:#666}
.comments-intro .hd .rg{margin-left:auto}
.comments-intro .icon-xingxing1{color:#FF8139}
.comments-intro .hd .comment-scores{color:#FF8139;font-size:4.8vw;margin-left:2.666667vw}
.comments-intro .hd .total-scores{color:#666;font-size:3.733333vw}
.comments-intro .hd .comment-stars i{margin-right:0px;font-size:5.333333vw}
.comments-intro .hd .comment-stars{margin-left:1.333333vw}
.starFive{margin-top:1.15rem}
.starFive i{position:relative;overflow:hidden;white-space:pre;color:#aaa}
.starFive i:before{position:absolute;left:0;top:-1.6vw;display:block;width:100%;overflow:hidden;color:#FF8139;content:"\e61c"}
.starFive i.noselect:before{content:"\e623"}
.starFive i:after{content:"\e623"}
.noselect:before{color:#aaa !important}
.comments-intro .comments-intro-ul{background:#fff;padding-bottom:12vw}
.comments-intro .comments-intro-ul li{padding:5.333333vw;position:relative;-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}
.comments-intro .add-comments img,.comments-intro .comments-intro-ul li img{width:12.8vw;height:12.8vw;border-radius:50%}
.comments-intro .comments-intro-ul li .info{margin-left:2.6vw;flex:1 0 0}
.comments-intro .comments-intro-ul li .tt{display:flex;margin-bottom:0.533333vw}
.comments-intro .comments-intro-ul li .tt .name{font-weight:bold}
.comments-intro .comments-intro-ul li .tt .comment-stars{margin-right:1.333333vw}
.comments-intro .comments-intro-ul li .tt .comment-stars i{margin-right:-1px}
.comments-intro .comments-intro-ul li .tt .rg{margin-left:auto;color:#999}
.comments-intro .comments-intro-ul li .time{color:#999;font-size:4.0vw}
.comments-intro .comments-intro-ul li .cont{color:#666;position:relative}
.comments-intro .info-show-all{position:absolute;right:0;bottom:0;cursor:pointer;color:#0082FF;width:15.2vw;background-color:#Fff;height:5.333333vw;line-height:5.333333vw;word-break:keep-all;white-space:nowrap;word-wrap:break-word;display:inline-block}
.comments-intro .info-show-all::before{content:"";height:1.333333vw;width:1.333333vw;top:1.8vw;left:3.9vw;border-width:0 1px 1px 0;border-color:#0082FF;border-style:solid;transform:matrix(0.71,0.71,-0.71,0.71,0,0);position:absolute}
.comments-intro .info-show-all::after{content:"";height:1.333333vw;width:1.333333vw;top:0.8vw;left:3.9vw;border-width:0 1px 1px 0;border-color:#0082FF;border-style:solid;transform:matrix(0.71,0.71,-0.71,0.71,0,0);position:absolute}
.comments-intro .info-hide-all::before{top:2.3vw;left:0.9vw;border-width:1px 0 0 1px}
.comments-intro .info-hide-all::after{top:1.3vw;left:0.9vw;border-width:1px 0 0 1px}
.comments-intro .reply-cont .info-show-all{background-color:#F5F5F5}
.comments-intro .comments-intro-ul li .info:after{background-color:#E5E5E5;transform:matrix(-1,0,0,1,0,0);content:"";position:absolute;width:auto;height:1px;left:23.466667vw;right:5.333333vw;bottom:0;z-index:0}
.comments-intro .comments-intro-ul li:last-child .info:after{display:none}
.comments-intro .comments-intro-ul li .reply{background:#F5F5F5;border-radius:1.066667vw;min-height:21.333333vw;padding:2.666667vw;margin-top:2.666667vw;position:relative}
.comments-intro .comments-intro-ul li .reply .tt{font-size:3.733333vw
    line-height:4.266667vw;color:#222222}
.comments-intro .comments-intro-ul li .reply .reply-cont{font-size:3.733333vw;line-height:5.066667vw;text-align:justify;color:#666666;position:relative}
.comments-intro .comments-intro-ul li .reply .replayContentDefault{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.comments-intro .comments-intro-ul li .reply .replayContentAll{height:auto}
.comments-intro .comments-intro-ul li .reply .replayContent-switch{line-height:5.066667vw;padding:0 0 0 4.0vw;cursor:pointer;position:absolute;right:0;bottom:0;background:#F5F5F5}
.nav-text-card-hd{background:#2E2E30;border-radius:0;height:8.0vw;padding:4.0vw 4.0vw}
.nav-text-card-bg{background:#2E2E30;border-radius:0;height:8.0vw;width:calc(100vw - 8vw);padding:4.0vw 4.0vw 1px;display:flex;position:absolute;z-index:0;top:0}
.nav-text-card{position:relative;padding:0.533333vw;border-radius:2px}
.nav-text-card:after{border-bottom:0}
.nav-text-card .weui-navbar__item{height:6.933333vw;line-height:6.933333vw;text-align:center;padding:0;background:#fff;border-radius:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2vw 0}
.nav-text-card .weui-bar__item--on{background:linear-gradient(180deg,#F5D3A3 0%,#DBAB68 100%);border-radius:2px;color:#582F1D}
.weui-tab__bd{width:100%}
.nav-text-card  a i{margin-right:0.8vw;font-size:3.733333vw}
.apply-suc-box{height:calc(100vh - 12.26667vw);height:-webkit-calc(100vh - 12.26667vw);display:flex;justify-content:center;align-items:center;background-color:#fff;border-top:1px solid #E5E5E5}
.apply-suc-box .bg-suc{margin-top:-16vh;padding-top:43vw;width:100%;text-align:center;font-size:4.2666667vw;background:url(../images/common_notice_icon_done.png) top center no-repeat}
.apply-suc-box .btns{display:flex;justify-content:space-between;margin-top:12vw}
.apply-suc-box .btns .btn{margin:0 2vw;width:44vw;height:13.33333vw;font-size:4.266666vw}
.addFeedBack .label{display:block}
.form-custom .addFeedBack .cell:after{display:none}
.has-required .label:after{content:"*";color:red;margin-left:1vw;display:inline-block;vertical-align:-0.4vw}
.addFeedBack .cell{margin-top:5vw;font-size:3.733333333vw}
.addFeedBack .cell .label{color:#666}
.addFeedBack .cell .text{display:block;position:relative}
.addFeedBack .cell .text input,.addFeedBack .cell .text textarea,.addFeedBack .cell .text select{display:block;background-color:#fff;padding:4vw 2vw;border:none;outline:none;border-radius:1vw;width:100%;color:#222;box-sizing:border-box;margin-top:0.5vw;font-size:3.733333vw;line-height:6vw}
.addFeedBack .cell .text input::-webkit-input-placeholder,.addFeedBack .cell .text textarea::-webkit-input-placeholder{color:#aaa}
.addFeedBack .cell .text  textarea{padding-top:3vw;height:49vw}
.form-custom .addFeedBack .handle{position:fixed;left:0;bottom:0;z-index:1;width:100%;margin:0;padding:0}
.addFeedBack .handle .btn{height:13vw;border-radius:0;font-size:4.266666667vw}
.addFeedBack .textarea-count{position:absolute;right:2vw;bottom:-6vw;z-index:1;color:#999;font-size:3.2vw}
.order-list-page .course-list>.item .body .info{position:relative}
.order-list-page .course-list>.item .body .info .handle{margin-bottom:1vw}
.order-list-page .course-list>.item .body .info .order-apply-refund-btn{color:#108BC7}
.order-list-page .order-apply-refund-success{color:#00A24B}
.add-comments-wrap{text-align:center}
.add-comments-wrap .star{font-size:5.866667vw}
.add-comments-wrap .desc{margin-top:1.333333vw;color:#666666;font-size:3.733333vw}
.user-report{text-align:center;height:13.333333vw;line-height:13.333333vw}
.user-report img{width:100%}
.page-handle .search-cart{padding:1vw 0 0 4vw}
.page-handle .search-cart i{font-size:8.0vw}
.page-handle .search-cart .number{left:auto;right:0;top:3.2vw}
.page-handle .cartPrice{display:flex;width:100%;height:13.866667vw}
.page-handle .cartPrice .price-show{-webkit-box-flex:1;-webkit-flex:1;flex:1 0 auto;display:table;position:relative;z-index:10}
.page-handle .underlinePrice .price-show span{display:block}
.page-handle .cartPrice .diy-tag{font-size:5.8vw;display:block;line-height:13.866667vw}
.page-handle .underlinePrice .diy-tag{font-size:4.8vw;line-height:1.6;padding-top:1vw}
.page-handle .underlinePrice .show-tag{padding-left:4vw}
.page .page-handle .go_shop,.page .page-handle .delecBuy{display:flex;float:right;width:26.666667vw;flex:inherit;-webkit-box-flex:inherit;max-width:26.666667vw;margin-left:auto}
.page-cart-content .selectedCart,.order-list .selectedCart{margin-top:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:3;width:7.5vw;height:21.333333vw;text-align:center}
.page-cart-content .selectedCart input[type="checkbox"],.order-list .selectedCart input[type="checkbox"]{position:relative;appearance:none;-moz-appearance:none;-webkit-appearance:none;width:5.333333vw;height:5.333333vw;outline:none;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;border:0}
.page-cart-content .selectedCart input[type="checkbox"]::before,.order-list .selectedCart input[type="checkbox"]::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #B6B6B6;box-sizing:border-box;border-radius:50%}
.page-cart-content .selectedCart input[type="checkbox"]:checked::before,.order-list .selectedCart input[type="checkbox"]:checked::before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");background-color:#00A24B;vertical-align:-2px;background-size:100% 100%;background-repeat:no-repeat;background-position:center center;border:2px solid #00A24B}
.page-cart-content .selectedCart input[type="checkbox"].disabled:before,.order-list .selectedCart input[type="checkbox"].disabled:before{background-color:#eee;border:2px solid #ddd}
.page-cart-content .course-list>.item{padding:4vw}
.page-cart-content .course-list>.item:after{content:" ";position:absolute;bottom:0;right:4vw;left:4vw;border-bottom:1px solid #e5e5e5;width:auto}
.page-cart-content .cartPrice .selectedCart{height:13.866667vw;padding-left:4vw;font-size:3.733333vw;color:#666;width:19vw;padding:0 0 0 4vw}
.page-cart-content  .price-show{text-align:right;margin:0 6.666667vw 0 0}
.page-cart-content  .price-show .total-price{padding-top:1.2vw;font-size:3.466667vw;line-height:4.8vw;color:#666666;display:block}
.page-cart-content  .price-show .total-price span{font-size:6.4vw;line-height:5vw;text-align:justify;color:#FF000F}
.page-cart-content  .price-show .discount-price,.card-page-handle .discount-price{font-size:3.733333vw;text-align:justify;color:#FF000F}
.page-cart-content .page-handle>.btn+.btn{margin-left:0}
.cart-course-list .content-off{}
.cart-course-list .content-off .cover .mask{background:rgba(0,0,0,0.5);opacity:0.9;width:100%;height:100%;display:block;border-radius:2.133333vw;top:0;position:absolute}
.cart-course-list .content-off .cover .mask-name{font-size:3.733333vw;color:#fff;position:absolute;width:100%;left:0;top:39%;text-align:center}
.cart-tt{font-size:3.733333vw;padding:2.666667vw 4.0vw}
.cart-sub-tt{font-size:3.2vw;padding:2.666667vw 4.0vw}
.cart-total{padding-top:1.333333vw;font-size:3.466667vw;line-height:5.333333vw;text-align:center;color:#999}
.cart-total .totalClassHour{color:#222}
.topay-detail .order-info{padding:2.666667vw 4.0vw;font-size:3.733333vw;line-height:5.333333vw;color:#666666}
.topay-detail .order-info .hd{font-size:3.733333vw;line-height:9.333333vw;height:9.333333vw;color:#222}
.topay-detail .order-info p{margin-bottom:2.666667vw}
.topay-detail .order-info.order-add-banner p{margin:0;font-size:0;line-height:0}
.topay-detail .order-info.order-add-banner img{display:block;width:100%}
.page-handle .cart-pay{padding:1vw 0 0 4.0vw}
.page-handle .cart-pay .total-price{font-size:3.733333vw;line-height:5.333333vw;color:#666666;display:block}
.page-handle .cart-pay .time-countdown{font-size:4.266667vw}
.mydiscounts{margin:4.0vw 4.0vw 0;background:#FFFFFF;border:1px solid #a1dbf7;box-sizing:border-box;border-radius:2.133333vw;position:relative}
.mydiscounts:before,.mydiscounts:after{position:absolute;content:"";width:2.933333vw;height:5.866667vw;background:#fff;top:23vw;border-style:solid;border-width:1px;z-index:1}
.mydiscounts:before{left:-1px;border-radius:0 2.933333vw 2.933333vw 0;border-color:#fff #A1DBF7 #A1DBF7 #fff}
.mydiscounts:after{right:-1px;border-radius:2.933333vw 0 0 2.933333vw;border-color:#A1DBF7 #fff #A1DBF7 #A1DBF7}
.mydiscounts .cont{-ms-flex:1;flex:1;position:relative;display:inline-block;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;-ms-flex-pack:center;justify-content:center;height:28vw;border-radius:1.866667vw 1.866667vw 0 0;position:relative}
.mydiscounts .cont:before{content:"";position:absolute;left:0;bottom:0px;width:100%;height:1px;background:#C6E9FA}
.mydiscounts .cont .name{padding:0 0 0 5.333333vw;margin-bottom:1vw;font-size:6.4vw;line-height:6.5vw;color:#009EEB;z-index:0;position:relative}
.mydiscounts .cont .name .name1{font-weight:bold}
.mydiscounts .cont .name .name2{font-size:3.733333vw;color:#009EEB}
.mydiscounts .cont .name .name3{font-size:3.733333vw;color:#009EEB;display:block}
.mydiscounts .cont .name .classhour-used{font-size:3.2vw;color:#009EEB}
.mydiscounts .time{padding:0 5.333333vw;font-size:3.466667vw;color:#999;height:9.333333vw;line-height:9.333333vw}
.mydiscounts .time .btn-use{margin-left:2vw;font-size:3.2vw;line-height:1.2}
.mydiscounts .type{z-index:1;position:relative;font-size:3.733333vw;padding:0 5.333333vw;color:#39B3EF;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:5.333333vw}
.mydiscounts .unfold-div{padding:1.333333vw 2.666667vw 2.666667vw}
.mydiscounts .youhui-icon i{position:absolute;top:2.666667vw;right:3.466667vw;font-size:12.0vw;color:#ccc}
.mydiscounts .type-hover{position:absolute;left:2.666667vw;top:21.333333vw;z-index:1;width:86.666667vw;max-height:57.066667vw;overflow:hidden;border-radius:1.333333vw;border:1px solid #e5e5e5;background:#fff;opacity:0;visibility:hidden}
.mydiscounts .type-hover ul{max-height:53vw;min-height:8vw;overflow-y:scroll}
.mydiscounts .type-hover li{font-size:3.466667vw;line-height:5.066667vw;color:#222;padding-top:1.333333vw}
.mydiscounts .type-hover li a{color:#222}
.mydiscounts .type-hover li{list-style-type:circle}
.mydiscounts .no-user{position:absolute;right:1.333333vw;top:6.666667vw;color:#FF000F;font-size:3.733333vw;z-index:1}
.mydiscounts-1{border:1px solid #A1DBF7}
.mydiscounts-1 .cont{background:#A1DBF7}
.mydiscounts-1  .youhui-icon i{color:#B0E0F8}
.mydiscounts-1 .cont:before{background:#A1DBF7}
.mydiscounts-2{border:1px solid #E6E6E6}
.mydiscounts-2 .cont{background:#F0F0F0}
.mydiscounts-2 .youhui-icon i{color:#E8E8E8}
.mydiscounts-2 .cont .name{color:#666}
.mydiscounts-2 .type{color:#666}
.mydiscounts-2 .cont .name .name2,.mydiscounts-2 .cont .name .name3{color:#666}
.mydiscounts-2 .cont .name .classhour-used{color:#666}
.mydiscounts-2:before{border-color:#fff #E6E6E6 #E6E6E6 #fff}
.mydiscounts-2:after{border-color:#E6E6E6 #fff #E6E6E6 #E6E6E6}
.mydiscounts-2 .cont:before{background:#E6E6E6}
.mydiscounts-3,.mydiscounts-4{border:1px solid #F0F0F0}
.mydiscounts-3 .cont,.mydiscounts-4 .cont{background:#F0F0F0}
.mydiscounts-3 .youhui-icon i,.mydiscounts-4 .youhui-icon i{color:#E8E8E8}
.mydiscounts-3 .cont .name,.mydiscounts-3 .cont .name .name2,.mydiscounts-3 .cont .name .name3,.mydiscounts-4 .cont .name,.mydiscounts-4 .cont .name .name2,.mydiscounts-4 .cont .name .name3{color:#999}
.mydiscounts-3 .type,.mydiscounts-3 .cont .name .classhour-used,.mydiscounts-3 .time,.mydiscounts-4 .type,.mydiscounts-4 .cont .name .classhour-used,.mydiscounts-3 .time{color:#ccc}
.mydiscounts-3 .icon i,.mydiscounts-4 .icon i{width:18.666667vw;height:18.666667vw;color:#C9C9C9;font-size:18.9vw;top:5.333333vw;right:4.8vw;position:absolute}
.mydiscounts-3:before,.mydiscounts-4:before{border-color:#fff #E6E6E6 #E6E6E6 #fff}
.mydiscounts-3:after,.mydiscounts-4:after{border-color:#E6E6E6 #fff #E6E6E6 #E6E6E6}
.mydiscounts-3 .cont:before,.mydiscounts-4 .cont:before{background:#F0F0F0}
.store-selector .content{position:fixed;display:none;left:0;bottom:0;width:100%;background:#fff;font-size:3.2vw;z-index:10}
.store-selector .tab{position:relative;display:block;height:9.0vw;padding:2vw 4.0vw;color:#3d4145;background:#f7f7f8}
.store-selector .tab li{list-style:none;float:left;padding-right:2.666667vw;color:#3d4145}
.store-selector .tab a{padding:0.533333vw 1.333333vw;color:#4090e2;text-decoration:none}
.store-selector .tab .curr a{background:#4090e2;color:#fff}
.store-selector .area-list{display:block;padding:1.333333vw 2.666667vw;height:52.8vw;overflow:auto}
.store-selector .area-list li{list-style:none;position:relative;float:left;text-align:left;width:50%;line-height:5.866667vw;font-size:3.733333vw}
.store-selector .area-list li a{display:block;margin-right:1.333333vw;text-decoration:none;color:#4090e2}
.store-selector li::marker{content:''}
.store-selector .content:before{content:" ";position:absolute;z-index:1000;left:0;top:0;width:100%;height:1px;border-top:1px solid #D9D9D9;color:#D9D9D9;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}
.store-selector .area-list li a:hover{background:#3d4145;color:#ffffff}
.store-selector .close{position:absolute;z-index:2;top:2.666667vw;right:4.0vw}
.cell .ipt-div{position:relative}
.cell .placeholder{position:absolute;left:0;top:1.333333vw;color:#666;font-size:3.73333vw}
.course-list>.item .course-type{position:absolute;font-size:2.66667vw;margin:0;width:18.666667vw;height:5.333333vw;right:0;top:0}
.activity-banner.index-banner .swiper-wrapper{height:33.333333vw}
.activity-list{padding:4.0vw;background:#fff;margin-bottom:4vw;position:relative}
.activity-list .cover{width:100%;height:51.733333vw;position:relative}
.activity-list .cover img{width:100%;height:100%}
.activity-list .start-time-live{position:absolute;left:0;bottom:0;width:100%;height:9.066667vw;line-height:9.066667vw;background:linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.50) 100%);color:#FFFFFF;z-index:21;font-size:3.733333vw;display:flex}
.activity-list .start-time{position:absolute;right:0;bottom:0;width:9.066667vw;height:9.066667vw;line-height:9.066667vw;background:rgba(0,0,0,0.5);color:#FFFFFF;z-index:21;font-size:3.733333vw;display:flex}
.activity-list .countdown{color:#FF7A00}
.activity-list .start-time-live-span{padding:0 2.666667vw;display:inline-block}
.activity-list .info{padding-top:2.666667vw}
.activity-list .info .title{font-size:4.266667vw;line-height:5.866667vw;text-align:justify;color:#000}
.activity-list .info .title a{color:#222222}
.activity-list .class-label{padding:1.333333vw 0 0;color:#666;font-size:3.733333vw;line-height:5.333333vw;text-align:justify}
.activity-list  .handle{padding-top:2.666667vw;line-height:7.466667vw;display:flex;font-size:3.466667vw;color:#999}
.activity-list .act-status{margin-left:auto;height:7.466667vw;line-height:7.466667vw;background:#FFEAD6;border-radius:1.066667vw;padding:0 2.666667vw;color:#FF7A00}
.activity-list .act-status-2{background:#E6F6ED;color:#00A24B}
.activity-list .act-status-3{background:#F5F5F5;color:#666}
.activity-list .start-time-live .status{margin-left:auto}
.activity-banner{padding:0}
.activity-banner .cover{height:33.333333vw}
.activity-banner .start-time-live{top:24.266667vw;margin:0;width:100%}
.activity-banner .info{padding:2.666667vw 4.0vw 4.0vw}
.activity-banner .handle{padding-top:2.666667vw}
.activity-mask-cont{padding:1.333333vw 4.0vw 2.666667vw;background:#fff;font-size:3.733333vw;position:relative}
.activity-mask-cont:before{content:'';position:absolute;left:0;top:0;width:64.8vw;height:54.133333vw;background:url(../images/activity-hd.png) no-repeat center;background-size:100% 100%;z-index:0}
.activity-mask-cont:after{content:'';position:absolute;right:0;bottom:0;width:22.133333vw;height:22.4vw;background:url(../images/activity-ft.png) no-repeat center;background-size:100% 100%;z-index:0}
.activity-mask-cont .tt{color:#666;z-index:1;position:relative;padding:2.666667vw 0 0}
.activity-mask-cont .tt i{color:#000;margin-right:2.133333vw}
.activity-mask-cont .cont{position:relative;color:#000;padding:0.533333vw 4.0vw 0.533333vw 6.666667vw}
.activity-cont-list{background:#0F4C81;padding:4.0vw 4vw 0.1vw;position:relative}
.activity-cont-list:before{content:'';position:absolute;left:0;top:0;width:100%;height:calc(100vw - 12%);background:url(/images/img_huodong_bg_top.png) no-repeat center;background-size:100% 100%}
.activity-cont-list:after{content:'';position:absolute;right:0;bottom:0;width:100%;height:calc(100vw - 12%);background:url(/images/img_huodong_bg_buttom.png) no-repeat center;background-size:100% 100%}
.activity-cont-list .bg{z-index:1;position:relative}
.activity-cont-list  .activity-list{border-radius:2.666667vw;padding:5.333333vw 2.666667vw;position:relative}
.activity-cont-list  .activity-list:before,.activity-cont-list  .activity-list:after{content:'';position:absolute;bottom:-7.466667vw;width:2.666667vw;height:10.4vw;background:url(/images/huodong_link_decoration.svg) no-repeat center;background-size:100% 100%;z-index:5}
.activity-cont-list  .activity-list:before{left:2.666667vw}
.activity-cont-list  .activity-list:after{right:2.666667vw}
.activity-cont-list  .activity-list:last-child:before,.activity-cont-list  .activity-list:last-child:after{background:none}
.activity-cont-list  .activity-list  .class-hour{color:#108BC7;font-weight:700}
.activity-cont-list  .activity-list  .course-type{margin-left:auto;color:#fff;width:18.666667vw;height:8.0vw;border-radius:0 2.666667vw 0 2.666667vw;text-align:center;font-size:3.466667vw}
.activity-cont-list  .activity-list  .course-type-1{background:#4D94FF}
.activity-cont-list  .activity-list  .course-type-2{background:#FF4D4D}
.activity-cont-list  .activity-list  .course-type-3{background:#FF9900}
.activity-cont-list  .activity-list  .course-type-4{background:#31BFFC}
.activity-page-handle .btn-primary{}
.activity-list .progress-status{display:flex;align-items:center;border-top:1px solid #E5E5E5;margin-top:2.666667vw;padding-top:1.333333vw;font-size:3.466667vw}
.activity-list .progress-status .progress{margin:0 2.666667vw;flex:1;width:24.0vw;height:1.066667vw}
.activity-list .progress-status .text{color:#999}
.activity-list .progress-status .percent{color:#666}
.my-activity-cont-list .activity-list .course-type{width:22.933333vw;display:flex}
.my-activity-cont-list .activity-list .course-type .type{width:13.666667vw;text-align:right}
.my-activity-cont-list .activity-list .status{margin:1.866667vw 0 0 1.866667vw}
.my-activity-cont-list .activity-list .status .circle::after{border:0.1vw solid #fff;background:#fff}
.my-activity-cont-list .activity-list .status .status-done{border:0.1vw solid #fff;background:#fff url("data:image/svg+xml,%3Csvg t='1586761206392' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='1991' width='14' height='14'%3E%3Cpath d='M195.2 519.744a64 64 0 0 1 90.496-90.496l135.808 135.68 316.8-316.672a64 64 0 1 1 90.496 90.496L466.752 700.8a64 64 0 0 1-84.928 4.928l-5.568-4.928L195.2 519.68z' fill='%2300A24B' p-id='1992'%3E%3C/path%3E%3C/svg%3E");background-position:center center;background-repeat:no-repeat;background-size:100%}
.pop-wrapper .pop-img{margin-bottom:3.2vw}
.pop-wrapper p{color:#999;font-size:3.733333vw;line-height:4.8vw}
.pop-wrapper p.title{font-size:3.73vw;color:#222;margin-bottom:1.33vw}
.pop-wrapper p.desc{color:#999;font-size:3.2vw}
.pop-wrapper .btn-primary{width:30.933333vw;height:9.066667vw;line-height:9.066667vw;color:#fff!important;background:#108BC7!important;border-radius:1.066667vw;margin-top:8.0vw}
.pop-wrapper .btn-outline-primary {    width: 30.933333vw;height: 9.066667vw;line-height: 9.066667vw;border-radius: 1.066667vw;margin-top: 8vw;}
.layer-sign{width:100%;height:100vh;border-radius:0;top:50%}
.layer-sign .weui-dialog__hd,.layer-sign .weui-dialog__ft{display:none}
.layer-sign .weui-dialog__bd{padding:0}
.layer-sign .btn-primary{position:absolute;left:0;bottom:0;width:100%;height:13.866667vw;box-shadow:0px -0.5px 0px #E5E5E5;font-size:4.266667vw}
.steps-tags{text-align:center;padding:4.0vw}
.steps-tags span{position:relative;display:inline-block;width:42.666667vw;background:#108BC7;border-radius:0.533333vw;color:#fff;height:8.533333vw;line-height:8.533333vw;text-align:center}
.steps-tags span.active{color:#fff;background:#108BC7}
.steps-tags .steps-tags-item{margin-right:2.666667vw;z-index:1}
.steps-tags .steps-tags-item:after,.steps-tags .steps-tags-center:after{position:absolute;content:"";width:0;height:0;border:transparent 4.22vw solid;border-left-color:#108BC7;top:0;right:-8.1vw}
.steps-tags .steps-tags-center{width:25.333333vw!important;margin-right:3.2vw}
.steps-tags .steps-tags-center:after{border-left-color:#108BC7}
.steps-tags .steps-tags-center.active:after{border-left-color:#108BC7}
.steps-tags .steps-tags-center:before,.steps-tags .steps-tags-last:after{position:absolute;content:"";width:0;height:0;border:transparent 4vw solid;border-left-color:#fff;border-right:0;top:0;left:-0.75vw}
.layer-result .pop-wrapper .steps-tags span,.enroll-steps-tags .steps-tags span{width:28.0vw;font-size:3.733333vw}
.layer-result .pop-wrapper .steps-tags .steps-tags-last,.layer-result .pop-wrapper .steps-tags .steps-tags-last:after,.enroll-steps-tags .steps-tags .steps-tags-last,.enroll-steps-tags .steps-tags .steps-tags-last:after{background:#EBEBEB;color:#666;left:0}
.layer-result .pop-wrapper .steps-tags .steps-tags-last.active,.layer-result .pop-wrapper .steps-tags .steps-tags-last.active:after{background:#108BC7;color:#fff}
.enroll-steps-tags .steps-tags .steps-tags-item.active:after{border-left-color:#108BC7}
.enroll-steps-tags .steps-tags .steps-tags-center{background:#EBEBEB;color:#666666}
.enroll-steps-tags .steps-tags .steps-tags-center:after{border-left-color:#EBEBEB}
.enroll-steps-tags .steps-tags{padding:4vw 0 0}
.layer-sign .pop-wrapper .pop-img{margin-top:16.0vw}
.layer-sign .pop-wrapper .pop-img[notstepstags]{margin-top:16.0vw}
.layer-sign .pop-wrapper .pop-tip{color:#333}
.layer-sign .pop-wrapper .pop-img{margin-top:9.333333vw;min-width:40vw}
.layer-result .pop-wrapper .pop-tip{color:#0085FF;font-size:4.266667vw;margin:2.133333vw 0}
.layer-result .pop-wrapper .pop-fail{color:#FF0000}
.layer-result .pop-wrapper .pop-success{color:#3AD19B}
.layer-result .pop-wrapper .pop-opinion-info{color:#666;padding-left:4vw;padding-right:4vw}
.layer-result .pop-wrapper .pop-opinion-info span{color:#222;word-wrap:break-word;word-break:break-all}
.layer-result .pop-wrapper .pop-a-resubmit{text-align:center;margin-top:6vh}
.layer-result .pop-wrapper .pop-a-resubmit a{color:#0F4C81}
.layer-result .pop-wrapper .btn-submit-info{margin-top:10.666667vw;color:#0F4C81}
.layer-result p{color:#222222}
.layer-result .jump{margin:10.666667vw 4.0vw}
.layer-result .jump .alert-warning{text-align:left;background-color:#F5F5F5;border-color:#F5F5F5;color:#999;border-radius:1.066667vw}
.act-tab .weui-navbar .last{position:relative;text-align:right;padding-right:4.8vw;font-size:3.466667vw;color:#666666;display:inline-block;display:flex}
.act-tab .circular-progress-status{margin-left:auto;line-height:6.933333vw}
.act-tab .circular-progress-status .percent{position:relative}
.act-tab .circular-progress-status .percent:after{position:absolute;content:"";width:1px;height:5.866667vw;top:-0.8vw;background-color:#E5E5E5;transform:translateX(-100%);left:-9.333333vw}
.circular-progress-status .bg{border:1px solid #D6D6D6;width:3.733333vw;height:3.733333vw;position:absolute;border-radius:50%;margin:1.333333vw 0 0 -5.333333vw}
.circular-progress-status .circle{width:3.733333vw;height:3.733333vw;position:absolute;border-radius:50%;background:#D6D6D6}
.circular-progress-status .pie_left,.circular-progress-status .pie_right{width:3.733333vw;height:3.733333vw;position:absolute;top:0;left:0}
.circular-progress-status .left,.circular-progress-status .right{width:3.733333vw;height:3.733333vw;background:#fff;border-radius:50%;position:absolute;top:0;left:0}
.circular-progress-status .pie_right,.circular-progress-status .right{clip:rect(0,auto,auto,1.866667vw)}
.circular-progress-status .pie_left,.circular-progress-status .left{clip:rect(0,1.866667vw,auto,0)}
.integrationDialog{background:#fff url(../images/done_jifen_img.svg) top no-repeat;background-size:100%;width:89.333333vw;height:75.2vw;border-radius:3.733333vw}
.integrationDialog .modal-body{padding-top:34.666667vw;color:#222}
.integrationDialog .modal-body .tt{font-weight:700;font-size:4.8vw;line-height:6.4vw}
.integrationDialog .modal-body .cont{padding:2.666667vw 0 4.0vw;font-size:3.733333vw}
.integrationDialog .modal-body .cont .mark{font-size:8.0vw;padding:0 1.333333vw;color:#FF7A00}
.layer-coupon-modal{background:url(../images/coupon-bg.png) top no-repeat;background-size:100% 100%;width:89.333333vw;height:129vw;border-radius:5.333333vw}
.layer-coupon-modal .weui-dialog__hd{padding:0}
.layer-coupon-modal .modal-header{color:#fff;text-align:justify;padding:2vw 2.666667vw 0;height:17.333333vw;border:none}
.layer-coupon-modal .modal-header h3{font-weight:700;font-size:4.8vw;line-height:7vw}
.layer-coupon-modal .modal-header p{font-weight:400;font-size:3.733333vw;line-height:4.8vw}
.layer-coupon-modal .weui-dialog__bd{padding:0}
.layer-coupon-modal .modal-body{height:98vw;overflow-y:scroll;padding:2.666667vw 2.666667vw 0}
.layer-coupon-modal .user-discounts{position:relative;min-height:29.333333vw;background:#fff;margin-top:2.666667vw;border-radius:1.6vw;text-align:left;padding:2.666667vw 2.666667vw 2.666667vw 8.0vw}
.layer-coupon-modal .user-discounts:before,.layer-coupon-modal .user-discounts:after{position:absolute;content:"";width:2.666667vw;height:5.333333vw;background:#FF8049;top:50%;margin-top:-2.666667vw}
.layer-coupon-modal .user-discounts:before{left:-1px;border-radius:0 13.33vw 13.33vw 0}
.layer-coupon-modal .user-discounts:after{right:-1px;border-radius:13.333333vw 0 0 13.333333vw}
.layer-coupon-modal .user-discounts .name1{font-weight:700;font-size:5.333333vw;line-height:6.933333vw;text-align:justify;color:#FF000F}
.layer-coupon-modal .user-discounts .name2{font-size:3.733333vw;line-height:6.933333vw;color:#222222}
.layer-coupon-modal .user-discounts .name3{font-size:3.2vw;line-height:4.266667vw;text-align:justify;color:#999999}
.layer-coupon-modal .user-discounts .cell.cont{font-size:3.733333vw;line-height:4.8vw;color:#666666;position:relative;padding-top:2.666667vw;margin-top:2.666667vw}
.layer-coupon-modal .user-discounts .cell.cont:before{content:"";position:absolute;width:calc(100% + 5.333333vw);height:1px;border-top:1px dashed #FF8149;left:-5.333333vw;top:-1px}
.layer-coupon-modal .user-discounts .time{font-size:3.2vw;line-height:4.266667vw;color:#999999;padding-top:1.866667vw}
.layer-coupon-modal .user-discounts .cell i{font-size:3.2vw}
.layer-coupon-modal.layui-layer .layui-layer-btn .layui-layer-btn0{border-color:#fff!important;background-color:#fff!important;color:#FF8049}
.layer-coupon-modal .weui-dialog__ft:after{border:0}
.layer-coupon-modal .weui-dialog__ft{width:25.6vw;margin:2.133333vw 2.666667vw 0 auto}
.layer-coupon-modal .weui-dialog__ft a{width:25.6vw;height:9.066667vw;line-height:9.066667vw;background:#FFFFFF;border-radius:1.066667vw;font-size:3.733333vw!important;color:#FF8049!important}
.cart-order-confirm .select-coupon{background:#F5F5F5;border-radius:1.066667vw;margin:0 4.0vw;padding:1.333333vw}
.cart-order-confirm .select-coupon h3{font-size:3.733333vw;padding:0 4.0vw;color:#222;font-weight:400}
.cart-order-confirm .select-coupon .form-custom-with-label .cell{line-height:10.666667vw}
.cart-order-confirm .select-coupon .form-custom-with-label .cell.disabled .label,.cart-order-confirm .select-coupon .form-custom-with-label .cell.disabled .text,.cart-order-confirm .select-coupon .form-custom-with-label .cell.disabled .select-text{color:#666}
.select-coupon .coupon-item{position:absolute;right:1.066667vw;top:1.066667vw;z-index:1}
.select-coupon .coupon-item input[type=radio]{position:relative;width:5.333333vw;height:5.333333vw}
.select-coupon .coupon-item input[type=radio]::before{content:"";position:absolute;top:0;left:0;width:5.333333vw;height:5.333333vw;background:#FFFFFF;border:1px solid #A1DBF7;border-radius:50%}
.select-coupon  .coupon-item input[type=radio]:disabled::before{border:1px solid #E6E6E6}
.select-coupon  .coupon-item input[type=radio]:checked::before{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAALCAYAAABGbhwYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABSSURBVHgBzY67DcAgDAU9SkbJCGyQEZINyAaMABsx0uNRICzxK2g46RrrbFnkTAB8NNJ7Fv2oPHlwUU/NILJlaPRmN1IXAlrs6KewjFTs6Cs7JPtmfOOMvC1RAAAAAElFTkSuQmCC) no-repeat center center;background-color:#108BC7;border-color:#108BC7;background-size:70%}
.card-page-handle .discount-price{display:block;padding-left:4vw}
.header-classroom+.fixed-header{margin-bottom:0}
.header-classroom{background-color:#D6E6FF;height:37.6vw;background-size:cover;background-repeat:no-repeat;position:relative;overflow:hidden}
.header-classroom.bg-classroom,.header-classroom-white{background-image:url(../images/my-class-bg.png?v=1)}
.header-classroom-white{height:37.6vw;color:#222}
.header-classroom-white .text{padding-left:4.0vw;text-align:left}
.header-classroom-white .title{font-size:6.4vw;margin-bottom:0}
.header-classroom .back{position:absolute;top:2.66667vw;left:4vw;color:#fff;font-size:4.8vw}
.header-classroom h1.title{color:#222;padding-left:4vw;font-size:6.4vw;margin-top:16vw;font-weight:500}
.header-classroom .title.with-more{position:relative}
.header-classroom .title.with-more:after{content:"";position:absolute;-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);top:50%;margin-left:1.06667vw;width:0;height:0;border-width:1.86667vw;z-index:1;border-style:solid;border-color:#fff transparent transparent}
.header-classroom .text{position:absolute;color:#fff;right:4vw;top:5.33333vw;padding-top:13.33333vw}
.classroom-list-height{
	padding-bottom: calc(23vw + env(safe-area-inset-bottom)); 
}
.join-classroom-handle{padding:4vw;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;}
.join-classroom-handle1{
 	background-color: #fff;
    position: fixed;
    bottom: 0;
    padding: 0 4vw;
    padding-bottom: calc(15vw + env(safe-area-inset-bottom)); 
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    z-index: 2;
}
.exam-box .exam-number{font-size:3.733333vw;color:#FF7A00;height:10.666667vw;line-height:10.666667vw;background:#F5F5F5;text-align:center}
.exam-box i{margin-right:1.333333vw}
.exam-box .exam-wrapper-list{padding:4.0vw;background:#fff}
.exam-box .exam-wrapper{background:#FFFFFF;border:0.5px solid #E5E5E5;border-radius:1.066667vw}
.exam-box .exam-wrapper+.exam-wrapper{margin-top:4.0vw}
.exam-box .exam-wrapper .exam-handle{padding:2.133333vw 1.866667vw;line-height:5.333333vw;background:#E7F3F9;color:#222;font-size:3.733333vw}
.exam-box .exam-wrapper.class-exam-wrapper  .exam-handle{background:#f5f5f5}
.exam-box .exam-wrapper .exam-handle i{color:#222}
.exam-box .exam-wrapper .exam-handle a{color:#108BC7;float:right;margin-left:auto;padding-left:4vw}
.exam-box .exam-wrapper .exam-meta{color:#666666;padding:4.0vw 0;display:flex}
.exam-box .exam-wrapper .exam-meta span{padding-left:5.333333vw;flex:1}
.exam-box .exam-wrapper .exam-meta label{font-style:normal;color:#222222}
.exam-box .exam-wrapper.exam-wrapper-success .exam-handle{background:rgba(0,190,145,0.1)}
.exam-box .exam-wrapper.exam-wrapper-success .exam-handle span{color:#00BE91}
.exam-box .exam-wrapper.exam-wrapper-success .exam-handle i{color:#00BE91}
.exam-box  .exam-wrapper.exam-wrapper-fail .exam-handle{background:#FFF6E6;color:#222}
.exam-box .exam-wrapper.exam-wrapper-fail .exam-handle i,.exam-box .exam-wrapper.exam-wrapper-fail .exam-handle span{color:#FF7A00}
.avatar-box .cell{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 7.2vw}
.avatar-box .cell .item{width:38.933333vw;height:48.0vw;position:relative}
.avatar-box .cell .img-example img{width:100%}
.avatar-box .cell .item .mark{width:38.933333vw;height:7.466667vw;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 57.29%);color:#FFFFFF;text-align:center;position:absolute;left:0;bottom:0}
.avatar-box .cell .img-box{margin-left:8.0vw}
.avatar-box .cell .img-box .holder{position:relative;height:48.0vw;width:38.933333vw;background:#ECF6FB;border:1px dashed #7EC0E1}
.avatar-box .cell .img-box .holder img{position:absolute;left:50%;transform:translateX(-50%);top:13.866667vw}
.avatar-box[idphototype2] .cell .item,.avatar-box[idphototype2] .cell .img-box .holder,.avatar-box[idphototype2] .cell .img-box .image{height:59vw}
.avatar-box[idphototype1] .cell .img-box .image img,.avatar-box[idphototype2] .cell .img-box .image img{height:100%}
.avatar-box[idphototype2] .cell .img-box .holder img{top:19vw}
.avatar-box[idphototype2] .cell .img-box .holder .placeholder{top:35.5vw}
.avatar-box .cell .img-box .holder .placeholder{color:#222222;top:30vw;text-align:center;width:100%}
.avatar-box .cell .img-box .image{width:38.933333vw;height:48.0vw;overflow:hidden}
.avatar-box .cell .img-box .image img{width:100%}
.avatar-box .idphotoTip{padding:5.333333vw 4.0vw;line-height:5.866667vw}
.idphotoTip p{line-height:5.866667vw;color:#222222;padding-top:2.666667vw}
.avatar-box .idphotoTip .idphotoTipHd{font-size:4.266667vw}
.avatar-box .idphotoTip .idphotoTipFt{color:#999;font-size:3.466667vw}
.alert-uploadIdphoto-wapper .avatar-box .idphotoTip{padding-left: 0;padding-right: 0;}
.cert-info-wrapper .items{margin:4.0vw;padding:4vw 0}
.cert-info-wrapper .items .hd{height:10.666667vw;line-height:10.666667vw;background:#49A7D4;padding:0 4.0vw;border-radius:1.066667vw 1.066667vw 0 0;font-size:4.266667vw;color:#fff}
.cert-info-wrapper .items .bd{border-radius:0 0;padding:4.0vw 4.0vw 0;border:0.5px solid #DBDBDB}
.cert-info-wrapper .items .bd .info{display:flex;-ms-flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;padding:0 2.666667vw}
.cert-info-wrapper .items .bd .info i{color:#FF8E00;margin-right:2.133333vw;font-size:4.8vw}
.cert-info-wrapper .items .bd .info{min-height:14.933333vw;height:auto;line-height:5.333333vw;font-size:3.466667vw;border-radius:1.066667vw;color:#666;background:#FFF3E4;border-radius:1.066667vw}
.cert-info-wrapper .items .bd .cell-item{margin:0;padding:2.666667vw 0 0 0;display:block}
.cert-info-wrapper .items .bd .cell-item li{border-bottom:1px solid #e5e5e5;min-height:9.066667vw;line-height:9.066667vw;display:flex}
.cert-info-wrapper .items .bd .cell-item li label{color:#666;position:relative}
.cert-info-wrapper .items .bd .cell-item li label:after{content:":";padding-left:1.333333vw}
.cert-info-wrapper .items .bd .cell-item li span{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.cert-info-wrapper .items .bd .cell-item li:last-child{border-bottom:0}
.cert-info-wrapper .items .ft{border:1px solid #DBDBDB;border-top:0;border-radius:0 0 1.066667vw 1.066667vw}
.cert-info-wrapper .items .ft  a.btn{height:10.666667vw;line-height:10.666667vw;background:#fff;display:block;color:#108BC7;text-align:center;width:100%;padding:0 2vw}
.enrollFrom .cell .text input,.enrollFrom .cell .text select{background:#FFFFFF;border:1px solid #E5E5E5;border-radius:4px;height:10.666667vw;line-height:10.666667vw;padding:0}
.enrollFrom .cell .text input[disabled],.enrollFrom .cell .text select[disabled],.enrollFrom .cell .text textarea[disabled]{background:rgba(239,239,239,0.5)}
.share-index .couser-banner{position:relative;z-index:0}
.share-index .couser-banner img{display:block}
.share-index .shareInfo{position:relative;background:#FFFFFF;border-radius:1.07vw;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-4vw 4vw 0;overflow:hidden;box-shadow:2px 2px 4px #f1f1f1;min-height:16.53vw}
.share-index .shareInfo:before{content:"";position:absolute;left:-16.53vw;bottom:-16.53vw;width:28.8vw;height:28.8vw;background:linear-gradient(186.07deg,rgba(16,139,199,0.1) -8.19%,rgba(16,139,199,0) 31.59%);border-radius:28.8vw}
.share-index .shareInfo::after{content:"";position:absolute;right:-7.2vw;top:-18.13vw;width:28.8vw;height:28.8vw;border-radius:28.8vw;background:linear-gradient(180deg,rgba(16,139,199,0.26) 0%,rgba(16,139,199,0) 100%)}
.share-index .shareInfo li{position:relative;-ms-flex:1;flex:1;max-width:50%;position:relative;padding:2.67vw 0 2.67vw 0;display:inline-block;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:16.53vw;float:left}
.share-index .shareInfo li .tt{font-size:3.73vw;line-height:5.33vw;text-align:justify;color:#222222;position:relative}
.share-index .shareInfo li .tt span{position:relative}
.share-index .shareInfo li .tt:before{content:"";width:100%;height:1.6vw;background:#CDEFFF;position:absolute;left:0;bottom:0;z-index:0}
.share-index .shareInfo li .cont{color:#666666;font-size:3.2vw;line-height:4.53vw;padding-top:1.33vw}
.share-index .shareInfo li + li{}
.share-index .shareInfo li + li:before{position:absolute;content:"";width:1px;height:10.13vw;top:3.2vw;transform:translateX(-100%);left:0px;background:#EFEDED;border-radius:1px}
.share-index  .title-header .title{font-size:4.0vw;line-height:5.6vw;color:#222;font-weight:500}
.share-index  .title-header .more{font-size:3.2vw}
.share-index .adv-banner{padding:4.0vw 4.0vw 0}
.share-index .adv-banner img{border-radius:1.07vw}
.share-index .news-tab .weui-navbar{background:#F5F5F5}
.share-index .news-tab .weui-navbar__item{padding:1.87vw 0}
.share-index  .news-tab .weui-navbar__item.weui-bar__item--on{color:#108BC7;background:#f5f5f5}
.share-index .weui-tab__bd,.share-index .ranking-list,.share-index .weui-tab{height:auto}
.share-index .rank-item{height:10.67vw;margin:0 4.0vw;border-bottom:1px solid #E5E5E5;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}
.share-index .rank-item .info .num{margin-top:2.67vw;width:4.8vw;height:4.8vw;background:#9FD1E9;font-size:3.2vw;line-height:4.8vw;text-align:center;color:#FFFFFF;border-radius:50%;float:left;margin-right:1.6vw}
.share-index .weui-navbar+.weui-tab__bd{padding-top:10.67vw}
.share-index .rank-item .info .num-img{width:4.8vw;height:4.8vw;background-size:100% 100%}
.share-index .rank-item .info .num-1{background:url(../images/icon_pd_one.png) top no-repeat}
.share-index .rank-item .info .num-2{background:url(../images/icon_pd_two.png) top no-repeat}
.share-index .rank-item .info .num-3{background:url(../images/icon_pd_three.png) top no-repeat}
.share-index .rank-item .info .tt{font-weight:400;font-size:3.73vw;line-height:10.67vw;width:66.13vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.share-index .rank-item .info .tt a{color:#222}
.share-index .rank-item .vote-num{color:#B5B5B5;line-height:10.67vw}
.share-index .rank-item .vote-num i{margin-right:0.8vw}
.share-index .title-header .title span{font-size:3.2vw;color:#999}
.share-index  .share-companys{background:#fff;overflow-x:hidden}
.share-index  .share-companys .list-item{position:relative;background-color:#fff;float:left;width:25%;text-align:center;padding:0 0 2.67vw}
.share-index  .share-companys .list-item img{margin:0 auto;width:29.87vw;height:6.67vw}
.share-index  .share-companys .list-item img+img{margin-top:2.67vw}
.layer-like-modal .btn{margin:5.33vw 0 4vw}
.layer-like-modal .bar-btn{margin:5.33vw 0 0}
.layer-like-modal .bar-btn a{height:10.67vw;line-height:10.4vw;display:inline-block;color:#333;padding:0 5.33vw;margin:0 4.8vw;border:1px solid #fff}
.layer-like-modal .bar-btn a i{margin-left:0.8vw}
.layer-like-modal .bar-btn a:hover{color:#333}
.layer-like-modal .bar-btn a.active{border-radius:2.13vw;border:1px solid #108BC7}
.layer-share-modal .btns{text-align:center;margin:5.0vw 0}
.layer-share-modal .layer-wrapper{text-align:left;font-size:3.73vw}
.layer-share-modal .layer-wrapper p.tt{line-height:6.93vw}
.layer-share-modal .layer-wrapper .btns .btn{width:95%;font-size:4.266667vw;color:#fff;border-color:#108BC7;background-color:#108BC7}
.layer-share-modal .price{font-size:4.8vw;color:#FF000F}
.layer-share-modal .classHour{font-size:4.8vw}
.layer-share-modal .tiper{color:#aaa}
.page-verify#verify .verify-header{background:url(../images/ocr/img_authen_top_bg.svg) no-repeat #E3F6FF;background-size:100% auto;padding:42vw 4vw 5.33333vw}
.page-verify .verify-header .img{width:32vw;height:32vw}
.page-verify .verify-header .title{font-size:4vw;font-weight:400}
.page-verify .verify-header .desc{font-size:3.46667vw;color:#666;margin-top:2.67vw}
.page-verify .verify-step{height:19.2vw;padding-top:2.67vw}
.page-verify .verify-step .verify-procedure{list-style-type:none;padding:0;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}
.page-verify .verify-step li{-ms-flex:1;flex:1;position:relative;display:inline-block;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}
.page-verify .verify-step li+li:before{content:"";position:absolute;top:3.47vw;left:-50%;width:100%;height:1px;border-bottom:1px dotted #DBDBDB;z-index:0}
.page-verify .verify-step li span{width:7.47vw;height:7.47vw;font-size:4.27vw;line-height:7.47vw;border-radius:50%;color:#fff;background:#C9C9C9;text-align:center;margin-bottom:1.33vw;z-index:1}
.page-verify .verify-step li a{font-size:3.73vw;line-height:5.33vw;color:#999}
.page-verify .verify-step li.active span{background:#108BC7}
.page-verify .verify-step li.done span{background:#108BC7}
.page-verify .verify-step li.done span i{font-size:3.73vw}
.page-verify .verify-step li.done a{color:#000}
.page-verify .verify-upload-nav{padding:4.0vw 4vw 0}
.page-verify .verify-upload-nav .title{font-size:4.0vw;line-height:5.6vw}
.page-verify .verify-upload-nav .tiper{margin-top:1.33vw;font-size:3.47vw;line-height:4.8vw;color:#666666}
.page-verify .desc.red{color:#a8050e!important}
.page-verify#verify .verify-header .desc{color:#000}
.page-verify .verify-header1{padding:3.33333vw}
.page-verify .idcard-wrapper .info-text{margin:0 4vw 2.66667vw;font-size:3.73333vw;line-height:4.26667vw;color:#999;text-align:center}
.page-verify  .img-idcard .image{width:92.0vw;height:48.0vw;text-align:center}
.page-verify  .img-idcard .image img{max-width:92.0vw;max-height:48.0vw}
.course-list>.project-item .body .info .share-tag{font-size:3.2vw}
.project-container .project-status{border:1px solid rgba(255,255,255,0.50);color:#FFF;font-size:3.73vw;padding:0.53vw 2.13vw;position:absolute;right:0;top:1.07vw;z-index:21;border-radius:1.07vw 0 0 1.07vw;background:rgba(0,0,0,0.70);border-right:0;width:19.73vw;text-align:center}
.project-container .project-plan{position:absolute;right:0;bottom:4vw;background:rgba(255,255,255,0.20);width:19.73vw;height:5.33vw;line-height:5.33vw;border-radius:3.2vw 0 0 3.2vw;padding:0 0 0 2.67vw;font-size:3.2vw}
.project-container .project-plan i{margin-right:1.33vw}
.project-container .project-plan-greed{background:rgba(0,162,75,0.70)}
.project-container .project-plan-red{background:rgba(255,66,56,0.70)}
.project-container .cont{position:absolute;left:0;bottom:0;background:linear-gradient(-180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.95) 100%);height:15.47vw;width:100%;z-index:21;color:#fff}
.project-container .cont .title{padding:1.87vw 0 0 4.0vw;font-size:4.27vw}
.project-container .cont .meta{padding-left:4vw;font-size:3.2vw}
.project-container .cont .meta span+span{margin-left:2.67vw;padding-left:2.67vw;position:relative}
.show-line{position:relative}
.show-line:before{content:"";position:absolute;left:0;top:50%;width:1px;height:3.466667vw;background-color:#e6e6e6;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.course-wrapper .project-course-info .meta .class-meta span{color:#222}
.course-wrapper .project-course-info .meta .class-meta span+span{padding-left:4vw;margin-left:4vw}
.course-wrapper .project-course-info .meta .class-meta{font-size:3.73vw}
.course-wrapper .project-course-info .desc{color:#666;font-size:3.2vw;margin-top:0.8vw}
.course-wrapper .project-course-info .desc i{font-size:3.2vw}
.course-wrapper .project-course-info{padding-top:2.13vw;font-size:3.73vw}
.project-course-menu .weui-cells{margin-top:0;background:rgba(245,245,245,0.93);color:#666;font-size:3.47vw}
.project-course-menu .weui-cells .weui-cell{padding:3vw 4vw 2.67vw}
.project-course-menu .weui-cells .time{text-align:right}
.project-course-menu .weui-cell__bd{text-align:center}
.project-course-menu .weui-cell__ft{display:flex;color:#666}
.project-course-menu .weui-cell__ft .weui-switch{margin-left:1.33vw;margin-top:0.53vw}
.project-course-menu .cell{background:#fff;padding:0 4vw}
.project-course-menu .cell .meta .state{margin-right:4vw}
.project-course-menu .cell .meta .state-green{color:#00A24B}
.project-course-menu .cell .meta .state-blue{color:#108BC7}
.project-course-menu .cell .meta .state-grey{color:#999}
.project-course-menu .cell .inner .btn-outline-primary{border-radius:0.53vw;/*border:0.27vw solid #108BC7;*/background:#FFF;color:#108BC7;padding:0.6vw 1.9vw}
.project-course-menu .cell .inner .btn-outline-primary::after{border:0}
.project-course-menu .cell .live-status label i{margin-right:0.53vw;padding-left:0}
.project-course-menu .cell .live-status label{padding-left:2.13vw;margin-left:2.13vw;text-align:left}
.project-course-menu .cell .live-status label .img-playing-bg{width:2.67vw!important;height:2.67vw!important;margin-right:0.53vw}
.project-course-menu .cell .live-status.live-status-1 label{color:#666}
.project-course-menu .cell .live-status.live-status-2 label{color:#F00}
.project-course-menu .cell .live-status.live-status-3 label{color:#999}
.project-course-menu .cell .live-status.live-status-4 label{color:#999}
.project-course-menu .cell .live-status.live-status-5 label{color:#108BC7}
.project-course-menu .cell .status.status-grey,.project-course-menu .cell.section .text .status.status-grey i{color:#939BA7}
.project-course-menu .cell .status.status-blue,.project-course-menu .cell.section .text .status.status-blue i{color:#21B21E}
.project-course-menu .cell .status.status-green,.project-course-menu .cell.section .text .status.status-green i{color:#21B21E}
.project-course-menu .cell .txt{-webkit-box-flex:1;-webkit-flex:1;flex:1;width:70.93vw;}
.course-menu .cell .inner a.btn-preview{color: #fff;background-color: #3DCA65;}
.project-course-menu .cell.section .text{margin:0;font-size:3.73vw;}
.project-course-menu .cell-group .cell-group-tt .text i,
.project-course-menu .cell.section .text i{color:#ccc;font-size:3.73vw}
.project-course-menu .cell.section .text i.icon-icon_default_live{font-size:4.27vw}
.project-exam-box .exam-number{color:#FF8A00;background:#FFF6E6;height:8.53vw;line-height:8.53vw}
.project-exam-box .exam-wrapper .exam-meta{padding:2.67vw}
.project-exam-box .exam-wrapper .exam-handle{font-size:3.2vw}
.project-exam-box .exam-wrapper .exam-meta{display:block;font-size:3.2vw}
.project-exam-box .exam-wrapper .exam-meta span{padding:0 1.07vw;margin-right:1.07vw;min-height:4.8vw;line-height:4.27vw;font-size:3.2vw}
.project-exam-box .exam-wrapper .exam-meta span:last-child{margin-right:0}
.project-exam-box .exam-wrapper .exam-meta .tt{color:#222;font-size:3.73vw;display:flex}
.project-exam-box .exam-wrapper .exam-meta .tt .examStatus .tag{display: block;}
.project-exam-box .exam-wrapper .exam-meta .tt .tag{width:7.47vw;height:4.27vw;min-height:4.27vw;line-height:4.27vw;flex:inherit;padding:0;margin:0.8vw 0.53vw 0 0;text-align:center;font-size:2.67vw}
.project-exam-box .exam-wrapper .exam-meta .tt .tag.tag-blue{background:#00B2FF;color:#fff}
.project-exam-box .exam-wrapper .exam-meta .cont{font-size:3.2vw;margin-top:1.33vw;display:block;position:relative}
.project-exam-box .exam-wrapper .exam-meta .address .more-span{background:linear-gradient(270deg,#FFF 0%,rgba(255,255,255,0.45) 100%);width:11.73vw;height:4.8vw;position:absolute;right:0;top:0.5vw;text-align:right;display:none;color:#108BC7}
.project-exam-box .exam-wrapper .exam-meta .num span{display:inline-block;border-radius:2px;background:#F5F5F5;font-size:2.67vw}
.project-exam-box .exam-wrapper .exam-meta .exam-operate .btn-primary{width:100%;height:8.53vw}
.project-exam-box .exam-wrapper .exam-meta .exam-achievement{display:flex;padding:0 2.67vw;border-radius:1.07vw;margin-top:3.2vw;height:8.53vw;line-height:8.53vw}
.project-exam-box .exam-wrapper .exam-meta .exam-achievement .num{color:#666;margin-left:auto}
.project-exam-box .exam-wrapper .exam-meta .exam-achievement .num b{color:#FF4238;font-size:4.27vw}
.project-exam-box .exam-wrapper .exam-meta .exam-achievement-mb{margin-bottom: 4vw;}
.project-exam-box .exam-wrapper .exam-meta .exam-qualified{background:#E6F6ED;color:#00A24B}
.project-exam-box .exam-wrapper .exam-meta .exam-unqualified{background:#FFECEB;color:#FF4238}
.project-exam-box .exam-wrapper.exam-wrapper-hidden .exam-meta-t{position: relative;}
.project-exam-box .exam-wrapper.exam-wrapper-hidden .exam-meta .tt .examStatus-t{position: absolute;top: 0; right: -11.4vw;width: 13vw;height: 13vw;transform: rotateZ(45deg);}
.project-exam-box .exam-wrapper.exam-wrapper-hidden .exam-meta .tt .examStatus-t:before{content: '';width: 0;height: 0;border-left: 13vw solid transparent;border-right: 13vw solid transparent;border-bottom: 16vw solid transparent;position: absolute;right: 0;top: 0;}
.project-exam-box .exam-wrapper.exam-wrapper-hidden[data-examstatus="2"] .exam-meta .tt .examStatus-t:before{border-bottom-color:#11B353;}
.project-exam-box .exam-wrapper.exam-wrapper-hidden[data-examstatus="3"] .exam-meta .tt .examStatus-t:before{border-bottom-color:rgba(255, 66, 56);}
.project-exam-box .exam-wrapper.exam-wrapper-hidden .exam-meta .tt .examStatus-t:after{content: ''; width: 26vw;height: 10vw;position: absolute;right: 0;top: 0;z-index: 1;background: #fff;}
.project-exam-box .exam-wrapper.exam-wrapper-hidden .exam-meta .tt .examStatus-t .tag{    position: absolute;left: -8.2vw;;top: 11.8vw;z-index: 3;line-height: 1;min-height: 0;width: 100%;height: auto;margin:0; background-color: transparent;font-weight: 400;}
.project-exam-box .exam-wrapper.exam-wrapper-hidden[data-examstatus="3"] .exam-meta .tt .examStatus-t .tag{left: -7.2vw;}
.project-exam-box .exam-wrapper.exam-wrapper-hidden .exam-meta.exam-meta-t .tt .tt-name{margin-right: 5vw;}
.project-exam-box  .course-information{padding:0 4vw;background:#fff}
.course-information .item{margin-top:4.0vw;background:#F5F5F5;border-radius:1.07vw;height:13.33vw;line-height:13.33vw;display:flex;font-size:3.73vw}
.course-information .item span{height:13.33vw;width:13.33vw;background:#EBEBEB;border-radius:1.07vw;display:inline-block;display:inline;text-align:center;margin-right:4.0vw}
.course-information .item span i{font-size:6.67vw}
.course-list>.project-item .body .cover .live-status{width:17.33vw}
.cert-list-wrapper{padding:0;margin:0;background:none;width:100.0vw}
.cert-list-wrapper .items{margin-bottom:4.0vw;background:#fff}
.cert-list-wrapper .items .hd{padding:4.0vw;display:flex}
.cert-list-wrapper .items .hd .image{width:12.8vw;height:12.8vw;background:#E2F1F8;border-radius:1.066667vw;text-align:center}
.cert-list-wrapper .items .hd .image i{color:#fff;font-size:8.266667vw}
.cert-list-wrapper .items .hd ul{padding-left:2.133333vw;margin-left:0;margin-bottom:0}
.cert-list-wrapper .items .hd li label{margin-bottom:0}
.cert-list-wrapper .items .hd .tt{font-size:4.266667vw}
.cert-list-wrapper .items .hd li::marker{content:''}
.cert-list-wrapper .items .hd .code{color:#666;margin-top:1vw}
.cert-list-wrapper .items .bd{height:9.07vw;line-height:9.07vw;border-top:1px solid #e5e5e5;text-align:center}
.cert-list-wrapper .items .bd a{color:#108BC7}
.page-handle-btn{height:13.866667vw}
.page-handle-btn .btn{width:100.0vw;height:13.866667vw;line-height:13.866667vw;background:#108BC7;box-shadow:0px -0.5px 0px #E5E5E5;padding:0}
.my-cert-wrapper .cert-info-wrapper .items{padding:0}
.cert-info-wrapper .items .hd{height:10.666667vw;line-height:10.666667vw;background:#49A7D4;padding:0 4.0vw;border-radius:1.066667vw 1.066667vw 0 0}
.my-cert-wrapper .cert-info-wrapper .items .bd{padding:0 4.0vw 4.0vw;background:#FFFFFF}
.cert-info-wrapper .items .bd .info{display:flex;-ms-flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;padding:0 2.666667vw}
.cert-info-wrapper .items .bd .info i{margin-right:2.133333vw;font-size:4.8vw}
.cert-info-wrapper .items .bd .info{min-height:14.933333vw;height:auto;line-height:5.333333vw;font-size:3.466667vw;border-radius:1.066667vw;color:#666}
.layer-btn-center-modal{width:100%;height:100%;top:50%}
.layer-btn-center-modal .weui-dialog__bd{height:calc(100% - 20vw);overflow-y:scroll;padding:0 4vw}
.layer-btn-center-modal .weui-dialog__bd img{max-width:100%}
.layer-btn-center-modal .weui-dialog__btn.disabled{opacity:.65}
.layer-txt-left-modal .weui-dialog__bd{text-align:left}
.page-handle.learn_btm_vip  .learn_open_vip{position:absolute;left:0;top:-10vw;z-index:1;width:100%;background-color:#FFDEDE;height:10.6vw;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;box-sizing:border-box}
.page-handle.learn_btm_vip  .learn_open_vip #openVip{background-color:#4F2F00;height:7.4vw;line-height:7.4vw;width:17.6vw;color:#fff;text-align:center;border-radius:1vw}
.page-handle.learn_btm_vip  .learn_open_vip .learn_open_vip_price{color:#582F1D;font-weight:500}
.page-handle.learn_btm_vip  .learn_open_vip .learn_open_vip_price [setpricestyle]{color:#FF000F;font-size:4.2666667vw;font-weight:600}
.page-handle.learn_btm_vip  .learn_open_vip .learn_open_vip_price span{font-size:3.73333334vw}
.page-handle.learn_btm_vip  .learn_open_vip .learn_open_vip_price > i{font-size:4.4vw;margin-right:1vw}
.page-handle.learn_btm_vip  .search-cart .iconfont{font-size:6.4vw}
.page-handle.learn_btm_vip  .price-show{display:flex;align-items:center;padding-right:3vw}
.page-handle.learn_btm_vip  .price-show[vippricewapper] > div,.page-handle.learn_btm_vip  .price-show[isShowPrice] > div{display:flex;flex-direction:column;align-items:end;padding-top:0.06rem}
.page-handle.learn_btm_vip .price-show[vippricewapper] > div{align-items: flex-end;}
.page-handle.learn_btm_vip  .price-show[vippricewapper] .diy-tag{display:flex;align-items:baseline;font-size:3.2vw;color:#FF3D00;padding-top:0vw}
.page-handle.learn_btm_vip  .search-cart + .price-show{flex-direction:row;position:relative;margin-left:3vw;justify-content:flex-end}
.page-handle.learn_btm_vip  .search-cart + .price-show[vippricewapper] > div,.page-handle.learn_btm_vip  .search-cart + .price-show[isShowPrice] > div{flex:1}
.page-handle.learn_btm_vip  .search-cart + .price-show:after{content:'';position:absolute;left:0;top:3vw;width:1px;height:7vw;background-color:#E5E5E5}
.page-handle.learn_btm_vip  .price-show span[setpricestyle]{display:flex;font-size:6.4vw;font-weight:600;align-items:baseline;font-weight:600}
.page-handle.learn_btm_vip  .price-show span[setpricestyle] span{font-size:3.733333vw}
.page-handle.learn_btm_vip  a.btn{font-size:4.2666667vw;border-radius:0px}
.page-handle.learn_btm_vip  .btn .iconfontadd{line-height:1;display:inline-block;vertical-align:middle;font-size:8vw;margin:-1vw 1vw 0 0;font-weight:400}
.page-handle.learn_btm_vip  .price-show[vippricewapper] span[setpricestyle]{font-size:4.8vw;margin-left:0.1rem}
.page-handle.learn_btm_vip  .price-show[vippricewapper] span[setpricestyle] span{font-size:3.2vw}
.page-handle.learn_btm_vip  .price-show[salepricewapper] .show-tag{margin-top:-1vw}
.page-handle.learn_btm_vip .price-show span[default1]{color:#FF000F}
.page-handle.learn_btm_vip a.btn[projectbtnbg1]{background-color:#FF7A00}
.page-handle.learn_btm_vip a.btn[projectbtnbg2]{background-color:#00A24B}
.page-handle.learn_btm_vip a.btn[projectbtnbg3]{background-color:#FF4238}
.address-list{background:#fff;padding-bottom:13.5vw}
.address-list .items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;padding:4vw}
.address-list .items:after{content:" ";position:absolute;color:#e5e5e5;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-ms-transform:scaleY(.5);transform:scaleY(.5);z-index:2;height:1px;border-bottom:1px solid #e5e5e5;-webkit-transform:scaleY(.5);left:16.8vw;right:0;bottom:0}
.address-list .items .surname{margin-right:2.67vw}
.address-list .items .surname span{display:inline-block;background:#E7F3F9;height:10.67vw;width:10.67vw;border-radius:50%;color:#108BC7;text-align:center;font-size:3.73vw;font-weight:600;line-height:10.67vw}
.address-list .items .info{color:#222;line-height:5.33vw;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}
.address-list .items .info .title{font-size:3.73vw;font-weight:600;margin-bottom:0}
.address-list .items .info .title span{font-weight:400}
.address-list .items .info .title span.default-address{color:#FF8A00;font-size:3.2vw;border-radius:1.07vw;background:#FFE8CD;width:16.0vw;height:5.33vw;display:inline-block;text-align:center;line-height:5.33vw;margin-left:2.67vw}
.address-list .items .info .meta{color:#666;font-size:3.2vw;line-height:5.33vw}
.address-list .items .handle{color:#108BC7;margin-left:2.67vw;position:relative;display:inline-block;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}
.address-list .items .selected{position:relative;display:inline-block;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:flex-start;-ms-flex-pack:center;justify-content:center;width:7.5vw}
.set-address-item{padding:0 4vw}
.set-address-item .set-address{color:#222;font-size:3.73vw}
.set-address-item .weui-cells_form{background:none}
.set-address-item .weui-cell{padding:0}
.set-address-item .weui-cells .weui-cell:last-child:after{display:none}
.set-address-item .tiper{margin-top:2.67vw;color:#999;font-size:3.2vw}
.order-address{background:#fff}
.order-address .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;padding:2.67vw 4vw}
.order-address .item .rg{margin-left:auto;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}
.order-address .mail-item{color:#666}
.order-address .add-address{color:#108BC7}
.order-address .cont-item .tt{color:#222;font-size:3.73vw;font-style:normal;font-weight:400}
.order-address .cont-item .tt .name{font-weight:600}
.order-address .cont-item .add{color:#666}
.order-address  .edit-address{font-size:3.2vw;position:relative;display:inline-block;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}
.order-address .jump .alert-warning{margin:0 4vw;border-radius:0.14vw 0 0.8vw 2.13vw}
.layer-address .order-address .item{padding:0;text-align:left;font-size:3.73vw}
.layer-address .order-address .item .add{padding-top:2.13vw}
.teacherList{padding:0 4.0000vw}
.tearcherCell{padding:4.0000vw 0;display:flex;border-bottom:0.2667vw solid #e5e5e5}
.tearcherCell .tearcherFace{flex:0 0 auto;width:18.6667vw;height:18.6667vw}
.tearcherCell .tearcherFace img{width:100%;height:100%;max-width:100%;border-radius:13.3333vw}
.tearcherCell .tearcherDetail{margin-left:2.6667vw;display:flex;flex-direction:column;justify-content:center}
.tearcherCell .tearcherDetail .tearcherName{font-family:PingFangSC;font-size:4.2667vw;line-height:5.3333vw;color:#222;vertical-align:middle;display:flex;align-items:center}
.tearcherCell .tearcherDetail .tearcherTitle{margin-top:2.1333vw;font-family:PingFangSC;font-size:3.7333vw;line-height:4.2667vw;color:#222}
.tearcherCell .tearcherDetail .tearcherContent{margin-top:2.1333vw;font-family:MicrosoftYaHei;font-size:3.7333vw;line-height:4.2667vw;color:#999;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.tearcherCell .tearcherDetail .tearcherContent p{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.tearcherCell .tearcherDetail .tearcherContent p:not(:first-child){display:none}
.tearcherCell .tearcherDetail .tearcherContent img{display:none}
.teacher-list .teacher-item{padding-bottom:4vw;margin:4vw;display:block;border-bottom:0.2667vw solid #e5e5e5}
.teacher-list .tearcherCell{padding:0 0;display:flex;border-bottom:0}
.teacher-list .tearcherCell .tearcherFace{border-radius:50%;width:16.53vw;height:16.53vw;padding:0.53vw}
.teacher-list .tearcherCell .tearcherFace img{width:15.47vw;height:15.47vw;background:#fff}
.teacher-list .teacher-item .tearcherContent{color:#999}
.teacher-list .tearcherDetail .tearcherName{font-size:4.27vw;font-weight:500}
.teacher-list .tearcherDetail .tearcherTitle{color:#666}
.show-all-teacher{position:fixed;right:0;bottom:32.0vw;z-index:1;font-size:3.73vw;padding:1.33vw 4.0vw 1.6vw 2.67vw;background:#108BC7;stroke-width:0.5px;color:#fff;filter:drop-shadow(0px 0px 2.67vw #E6E6E6);width:10.67vw;border-radius:2.13vw 0 0 2.13vw;line-height: 1.4;}
.page-tearcher-list{padding:4vw;height:106.67vw;overflow-y:scroll}
.page-tearcher-list .tearcher-list-name{display:grid;grid-template-columns:repeat(4,1fr);gap:2.67vw}
.page-tearcher-list .tearcher-list-name a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:13.33vw;background:#F5F5F5;padding:0 2.67vw;text-align:center;height:8.53vw;line-height:8.53vw;color:#333}
.page-tearcher-list .tearcher-list-name a:active{background:#CFE8F4;color:#fff}
.J-weixin-tip-img{height:100%;width:100%;background:#000;position:relative}
.J-weixin-tip-img .bg{background:#000;width:100%}
.J-weixin-tip-img .btn-go-detail{position:absolute;left:30vw;top:110vw;width:40vw;height:20vw}
.layer-home-txt-modal .weui-dialog__title{font-size:4.53vw}
.layer-home-txt-modal .weui-dialog__hd{height:14.93vw;line-height:14.93vw;text-align:center;padding:0 40px;background:url(../images/layui-layer-title-bg.png) top center no-repeat;border-bottom:0;background-size:100%;overflow:hidden}
.layer-home-txt-modal .weui-dialog__bd{min-height:40.0vw;max-height:93.33vw;overflow-y:auto;text-align:left}
.layer-home-txt-modal .weui-dialog__ft{height:14.93vw;line-height:14.93vw;font-size:4.53vw}
.layer-home-img-modal.weui-dialog{overflow:visible;width:85.33vw;max-height:113.6vw;min-height:26.67vw;background-color:transparent}
.layer-home-img-modal .weui-dialog__hd{height:0;padding:0;border-bottom:0}
.layer-home-img-modal .weui-dialog__bd{padding:0}
.layer-home-img-modal .weui-dialog__close{right:0;top:-10.13vw;width:6.4vw;height:6.4vw;font-size:6.4vw}
.layer-home-img-modal .weui-dialog__close i{color:#fff;width:6.4vw;height:6.4vw}
.layer-home-img-modal .weui-dialog__ft:after{border-top:0}
.shareProject{padding:10px 0 10px}
.shareProject i{font-size:16px}
.page-project-share{background:url('../images/share_project_bg.jpg') center 0 no-repeat;background-size:100%}
.iconImgToTitle{position:relative;vertical-align:top;margin-right:1.4728846153846153vw;transform:translate(0.520604395604396px,0.520604395604396px) scale(1.0520604395604396,1.0520604395604396);width:4.8vw!important;height:4.8vw!important;border-radius:50%}
.weui-cells.mine-nav,.weui-cells-multicolumn{border-radius:1.07vw;margin:2.13vw 4.0vw 0}
.weui-cells-multicolumn{display:grid;grid-template-columns:repeat(4,1fr);gap:4.0vw;font-size:3.73vw;padding: 4.1vw 1.33vw 3.17vw 1.33vw;margin:2.13vw 4.0vw}
.weui-cells-multicolumn .cell{position:relative;display:inline-block;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}
.weui-cells-multicolumn .cell span{color:#222}
.weui-cells-multicolumn .cell span.icon{width:6.4vw;height: 6.4vw; color:#222;margin-bottom:0.35vw}
.weui-cells-multicolumn .cell.my-certificate span.icon{background:url(../images/mineIcon/icon_mine_zhengshu.svg) top center no-repeat;background-size:100% auto}
.weui-cells-multicolumn .cell.study_data span.icon{background:url(../images/mineIcon/icon_study_data.svg) top center no-repeat;background-size:100% auto}
.weui-cells-multicolumn .cell.learning-points span.icon{background:url(../images/mineIcon/icon_jifen.svg) top center no-repeat;background-size:100% auto}
.weui-cells-multicolumn .cell.my-discount span.icon{background:url(../images/mineIcon/icon_youhui.svg) top center no-repeat;background-size:100% auto}
.weui-cells-multicolumn .cell.shopping span.icon{background:url(../images/mineIcon/icon_shopping.svg) top center no-repeat;background-size:100% auto}
.weui-cells-multicolumn .cell.my-networ-certificate span.icon{background:url(../images/mineIcon/icon_zs_internet.svg) top center no-repeat;background-size:100% auto}
.weui-cells-multicolumn .cell.learning-behavior span.icon{background:url(../images/mineIcon/icon_study_hd.svg) top center no-repeat;background-size:100% auto}
.weui-cells-multicolumn .cell.member-verification span.icon{background:url(../images/mineIcon/icon_vip_yz.svg) top center no-repeat;background-size:100% auto}
.weui-cells-multicolumn .cell.shared-courses span.icon{background:url(../images/mineIcon/icon_kc_share.svg) top center no-repeat;background-size:100% auto}
.weui-cells-multicolumn .cell.mine_report span.icon{background:url(../images/mineIcon/icon_mine_report.svg?v=1) top center no-repeat;background-size:100% auto}
.weui-cells-two-columns{display:-webkit-box;display:-ms-flexbox;display:flex}
.weui-cells-two-columns .weui-cell{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}

.weui-cells-two-columns .weui-cell + .weui-cell:before {
    content: "";
    position: absolute;
    left: -0.27vw;
    top: 50%;
    width: 1px;
    height:4.8vw;
    background-color: #E5E5E5;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


.integral-page-wapper{min-height:100vh;background:url(../images/integral_header_bg.jpg) top center no-repeat!important;background-size:100% auto!important;background-color:#fff!important}
.integral-head-page,.integral-list-page{padding:0 4vw}
.integral-head-page .integral-head-tol{padding:2.6vw 0 4.4vw 0}
.integral-head-page .integral-head-tol span{font-size:8vw;display:block;line-height:1.2;font-weight:600}
.integral-head-page .integral-head-tol span + span{color:#666;font-size:3.2vw;font-weight:400}
.integral-head-page .integral-head-int{display:flex}
.integral-head-page .integral-head-int .cell{padding:2vw 3vw;width:33vw;height:15vw;background:url(../images/integral_head_int_bg.png) center center no-repeat;background-size:100% 100%;box-shadow:0 0 4px #ccc;border-radius:1vw}
.integral-head-page .integral-head-int .cell + .cell{margin-left:3vw}
.integral-head-page .integral-head-int .cell div{font-size:3.2vw;color:#666;line-height:1.4;padding-top:1vw}
.integral-head-page .integral-head-int .cell .integral-head-sc{font-size:3.7333334vw;color:#222;letter-spacing:1px;padding-top:0.4vw;display: flex;}
.integral-head-page .integral-head-int .cell .integral-head-sc .item + .item{margin-left: auto;}
.integral-head-page .integral-head-int .cell .integral-head-sc span{font-size:2.66667vw}
.integral-list-page .integral-list-til{padding:6vw 0 3vw;position:relative;color:#0F4C81;font-size:3.2vw;font-weight:500;line-height:1.4;border-bottom:1px solid #E5E5E5}
.integral-list-til:before{content:'';display:block;position:absolute;left:0;bottom:0;z-index:1;width:12.8vw;height:2px;border-radius:2px;background-color:#0F4C81}
.integral-list-page .integral-list-item{display:flex;justify-content:space-between;padding:2vw 0 1vw;border-bottom:1px solid #E5E5E5}
.integral-list-page .integral-list-item .integral-type span{display:inline-block;vertical-align:middle;width:1px;height:2.6vw;background-color:#222;margin:-0.6vw 2vw 0}
.integral-list-page .integral-list-item .integral-time{font-size:3.2vw;color:#999;margin-top:-0.4vw}
.integral-list-page .integral-list-item .integral-score{width:16vw;text-align:right;color:#FF6B00;padding-top:2vw}
/**mfa 绑定 s**/
.mfa-bind-wapper > span{padding: 0 2vw 0 3vw;color:#FF4646;}
.mfa-bind-wapper[isbindmfa="1"] > span{color:#38B854;}
.mfa-bind-wapper > a{color:#17aef1!important;cursor: pointer;}
.mfa-binditem-footer-line{height: 18vw;}
.mfa-bind-item{padding-top: 2vw;position: relative;display: flex;margin: 0 4vw;}
.mfa-bind-item-line:before{content: '';display: block;position: absolute;left: 3vw;top: 2vw;z-index: 1;width: 1px;height: 100%; background: linear-gradient(to bottom,transparent 0%,transparent 40%,#ccc 40%,#ccc 100%);background-size: 1px 2.6667vw; }
.mfa-bind-item .mfa-binditem-icon{position: relative;z-index: 2;width: 6vw;height: 6vw;line-height: 6vw;background: #206291;color: #fff;text-align: center;border-radius: 50%;font-size: 4.26667vw;}
.mfa-bind-item .mfa-binditem-step{width: 86vw;padding-left: 2vw;}
.mfa-bind-item .form-check{margin-top: 2vw;}
.mfa-bind-item .form-check-label{color: #222;padding-right: 4vw;display: inline-block;vertical-align: middle;margin-top: -1vw;}
.mfa-bind-item .mfa-binditem-psw{margin-top: 2vw;width: 100%;height: 8.6vw;border-radius: 0.8vw;border: 1px solid #D3D3D3;display: flex;margin-bottom: 2vw;background-color: #fff;}
.mfa-bind-item .mfa-binditem-psw input{flex:1; border:none!important;outline: none!important;padding:0 2vw;font-size: 3.2vw;}
.mfa-bind-item .mfa-binditem-psw span{margin:1vw 2vw 0;position: relative;display: block;color: #206291;cursor: pointer;}
.mfa-bind-item .mfa-binditem-psw span:before{content: '';display: block;position: absolute;left: -1.8vw;top: 1vw;z-index: 1;width: 1px;height: 4vw;background: #D9D9D9;}
.mfa-binditem-step .mfa-binditem-step-t{color: #222;font-size: 4.266667vw;font-weight: 600;}
.mfa-bind-items .mfa-binditem-step-w{padding: 0 0 0;}
.mfa-bind-items .mfa-binditem-step-p{padding:2vw 0 1vw;color: #222;word-wrap: break-word;word-break: break-all;font-size: 3.73334vw;}
.mfa-bind-items .mfa-binditem-step-s,.mfa-bind-items .mfa-binditem-step-bg{padding: 3vw 4vw 2.6vw 8vw;color: #666;position: relative;background-color: #f4f4f4;}
.mfa-bind-items .mfa-binditem-step-bg{padding: 3vw 4vw 2.6vw}
.mfa-bind-items .mfa-binditem-step-s + .mfa-binditem-step-s{padding-top: 0;}
.mfa-binditem-step-s + .mfa-binditem-step-p{margin-top: 2vw;}
.mfa-bind-items .mfa-binditem-step-s:before{content: '';position: absolute;left: 4vw;top: 5vw;z-index: 1;width: 1.5vw;height: 1.5vw;border-radius: 50%;background-color: #666;}
.mfa-bind-items .mfa-binditem-step-s + .mfa-binditem-step-s:before{top: 2vw;} 
.mfa-bind-items .mfa-binditem-step-w img{margin-top: 1vw;display: block;width: 100%;border-radius: 1vw;}
.mfa-bind-items .mfa-binditem-step-tip{margin: 1vw 0 0;color: #FB0000;display:none;}
.mfa-bind-items #mfa-bind-qrcode {padding:1.2vw;margin:2vw 0;width: 36vw;height: 36vw;;background-color:#fff;border: 1px solid #eee;border-radius: 0.6vw;}
.mfa-bind-items #mfa-bind-qrcode canvas{width: 100%;height: 100%;}
.mfa-binditem-btns{border-top: 1px solid #c0bfc4;display: flex;justify-content:space-between;padding: 2vw 4vw;position: fixed;left: 0;bottom: 0;z-index: 1;width: 100vw;background-color: #fff;}
.mfa-binditem-btns .btn{width: 100%;height: 10vw;font-size: 4.266667vw;}
.mfa-binditem-btns .btn + .btn{margin-left: 4vw;}
.admin-safe-mfa-lcnt{color: #222;font-size: 3.2vw;}
.admin-safe-mfa-lcnt .item{display: flex;margin-top: 2.6vw;color: #666;align-items: center;}
.admin-safe-mfa-lcnt .item > div:first-child{width: 20vw;text-align: right;margin-right: 4vw;}
.admin-safe-mfa-lcnt .item .safe-mfa-code-tip{color: #206291;text-decoration: underline;cursor: pointer;padding-left: 1vw;}
.admin-safe-mfa-lcnt .item .safe-mfa-code{width: 28vw;padding: 1.06667vw 2.13333vw;line-height: 1.5;display: inline-block;font-size: 3.2vw;border: 1px solid #aaa!important;outline: none!important;border-radius: 0.5vw;}
.admin-safe-mfa-lcnt .item .relative{position: relative;}
.admin-safe-mfa-lcnt .item .safe-mfa-code-error{display: none;position: absolute;left: 0;bottom: -4.6vw;color: #FF4646;}
.admin-safe-mfa-lcnt .safe-mfa-code-tips{font-size:3.2vw;display: none;position: absolute;top: 4vw;left: 7vw;z-index: 1;padding: 2vw;background-color: #fff;text-align: center;box-shadow: 0 0 1vw #aaa;border-radius:0.5vw}
.admin-safe-mfa-lcnt .safe-mfa-code-tips img{width: 30vw;}
.mfa-page-wrapper{text-align: left;padding:2vw 0;}
.mfa-binditem-step-w input[name="mfaDynamicCode"]{width: 100%;padding: 2vw;border: 1px solid #aaa!important;outline: none!important;border-radius: 0.8vw;margin-top: 1vw;}
.mfa-bind-items .mfa-binditem-step-tip + div img{margin-top: 2vw;}
.relative{position: relative;}
.login-invalid-tiper{color: #999;font-size: 3.2vw;text-align: left;margin-top: 0.6vw;position: absolute;left: 4vw;bottom: -1vw;z-index: 1;width: 100%;}
.login-check-types-wapper .text-align-left {text-align: left;}
.login-check-types-wapper .til{font-size: 4.222vw;font-weight: 600;}
.login-check-types-wapper .til span{font-weight: 400;}
.login-check-types-wapper .ipts{position: relative;}
.login-check-types-wapper .form-login .weui-cell+.weui-cell{margin-top: 0;}
.login-check-types-wapper .tips{position: relative;z-index: 3;}
.login-check-types-wapper .tips .img{
    background-image: url(../images/dengbao_authenticator1.png?v=1);
    background-repeat: no-repeat;
    background-position: center;
    width: 80vw;
    height: 79vw;
    position: absolute;
    right:0;
    top:6vw;
    z-index: 1;
    display: none;
    background-size: auto;
}
.login-check-types-wapper[type="sms"] .tips .img{background-image: url(../images/login_check_sms.png);height: 48vw;}
.login-check-types-wapper .login-check-val-sms{width: 50vw;display: inline-block;height: 10.13333vw;}
.login-check-types-wapper .login-get-val-sms{text-align: center;display: inline-block;vertical-align: bottom;margin-left: 4vw;}
.login-check-types-wapper .change-acc-no i{padding-right: 1vw;}
.login-check-types-wapper .login-check-other-til{font-size: 3.2vw;position: relative;width: 100%;color: #999;text-align: center;}
.login-check-types-wapper .login-check-other-til:before,.login-check-types-wapper .login-check-other-til:after{position: absolute;top: 2vw;z-index: 1;content: ''; width: 30vw;height: 1px; background-color: #e5e5e5;}
.login-check-types-wapper .login-check-other-til:before{left: 0;}
.login-check-types-wapper .login-check-other-til:after{right: 0;}
.login-check-types-wapper .login-wrapper .handle{margin-left: 0;margin-right: 0;}
.weui-dialog .admin-safe-mfa-lcnt .safe-mfa-sms-send{width: 22vw;}
.login-check-types-wapper .weui-cells{overflow: visible;}
.mfa-bind-item .mfa-bind-other{margin-top: 2vw;width: 26vw;}
.mfa-bind-item .mfa-binditem-psw{margin-top: 2vw;display: none;}
.mfa-bind-items .mfa-binditem-step-s.no-d:before{display: none;}

.form-login .input-group,.admin-safe-mfa-lcnt .input-group,.mfa-binditem-step-w .input-group{display:flex;gap:4vw;z-index: 0}
.admin-safe-mfa-lcnt .input-group,.mfa-binditem-step-w .input-group{gap:2.67vw}
.form-login .input-group input,.admin-safe-mfa-lcnt .input-group input,.mfa-binditem-step-w .input-group input{max-width: 12.27vw;width:12.27vw;height:12.27vw;font-size:4.8vw;text-align:center;border-radius:1.07vw;outline:none;box-shadow:none;background: #f6f6f6; border: 1px solid #e5e5e5;}  
.admin-safe-mfa-lcnt .input-group input{max-width:11.47vw;width:11.47vw;height:11.47vw;} 
.mfa-binditem-step-w .input-group input{max-width:10.4vw;width:10.4vw;height:10.4vw;}
.form-login .input-group input,.mfa-binditem-step-w .input-group input{background: #fff;}

/**mfa 绑定 e**/
.weui-navbar-card-info{background: none}
.weui-navbar-card-info.weui-navbar:after{border-bottom:0}
/*学时 时长同时存在*/
.classHourIsDisplay + .classDuration{padding-left:1.33vw;}
/*项目课程*/
.project-course-menu.course-menu .cell.section .text,
.project-course-menu .cell-group .cell-group-tt .text{
	color: #000;
}
.project-course-menu .cell-group .cell.section .text,
.project-course-menu .cell-group .cell-group-tt{
	color: #666;
}
.project-course-menu .cell-group .cell-group-tt .reselect{
	color: #108BC6;
	margin-right: 15px;
}
.project-course-menu .cell.section .status,
.project-course-menu .unfold .cell .status,
.project-course-menu .cell-group .cell.section .status{
	align-items: center;
	display: inline-flex;
	height: 4.0vw;
	background: #fff;
}
/*.project-course-menu .cell-group .cell-group-tt .status{

}*/
.project-course-menu .cell.section:before,
.project-course-menu .cell.section + .section:before{
	border-bottom: 0;
	bottom: 0!important;
	top: auto;
	width: calc(100% - 15.33vw);
}
.project-course-menu .cell-group .cell.section:before{
    width: calc(100% - 20vw);
    left: 13.33vw;
}

.project-course-menu .cell-group-tt{
	position: relative;   
}
.project-course-menu .cell-group.unfold .cell-group-tt .icon-arrow-down{
    transform: rotate(90deg);
    cursor: pointer;
    display: block;
}
.project-course-menu .cell-group.unfold.active .cell-group-tt .icon-arrow-down{
    transform: rotate(0);
}
.project-course-menu .cell-group.unfold .section{
    display: none;
   	padding-left: 8.0vw;

}
.project-course-menu .cell-group.unfold.active .section{
	display: flex;
}
.project-course-menu .cell.section:after{
	display: none;
}

.project-course-menu .cell-group.multiple-elements-cell .section:after {
    content: '';
    display: block;
    position: absolute;
    left:9.7vw;
    top:0;
    z-index: 0;
    height: 100%;
    width: 0.27vw;
    border-left: 1px solid #e5e5e5;
    -webkit-transform: scaleY(1); 
    transform: scaleY(1);
}

.project-course-menu .cell-group.multiple-elements-cell .section:nth-child(2):after {
    top: 50%;
    height:calc(50%);
}

.project-course-menu .cell-group.multiple-elements-cell .section:last-of-type:after {
    height:calc(45%);
}

.project-course-menu .cell-group .cell.section:before{
	/*display: none;*/
}
.project-course-menu .cell-group:not(:last-child) .cell.section:last-of-type:before,
.project-course-menu .cell-group:not(:last-child) .cell-group-tt:before,
.project-course-menu .cell-group.isLastChildaddborder .cell-group-tt:before,
.project-course-menu .cell.section:before{
	border-bottom: 0;
    content: "";
    position: absolute;
    transition: all .3s;
    width: calc(100% - 15.66vw);
    height: 1px;
    left: 9.33vw;
    bottom: 0;
    background-color: #E5E5E5;
    border-bottom: 0;
    display: block;
}
.project-course-menu .cell-group.isLastChildaddborder .cell:last-of-type:before,
.project-course-menu .sectioncell:last-child:before{
	display: none;
}

.project-course-menu{
	padding-bottom: 0;
}
#selectCourseExample .tiperInfo{
	background:#f5f5f5;
}
#selectCourseExample .tiperInfo {
	padding: 4.0vw;
}
#selectCourseExample .tiperInfo .close-popup{
	font-size: 4.27vw;
	font-weight: bold;
	margin-bottom: 2.67vw;
}
#selectCourseExample .course-list .selectedCart{
	margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 3;
    width: 7.5vw;
    height: 21.333333vw;
    text-align: center;
}
.exam-box .exam-wrapper-list.exam-wrapper-list-bg{background-color: #f5f5f5;}
.exam-box .exam-wrapper.exam-wrapper-hidden + .exam-wrapper-hidden{margin-top: 2vw!important;}
.exam-box .exam-wrapper.exam-wrapper-hidden{overflow: hidden;border:1px solid #e5e5e5;border-radius: 2vw;}
.project-exam-box .exam-wrapper.exam-wrapper-hidden .exam-operate-btns-wapper{text-align: center;position: relative;height:9vw;display: flex;justify-content: center;align-items: center;}
.project-exam-box .exam-wrapper.exam-wrapper-hidden .exam-operate-btns-wapper:before{content: '';width: 100vw;height: 1px;background-color: #e5e5e5;position: absolute;left: -3vw;top: 0;}
.project-exam-box .exam-wrapper.exam-wrapper-hidden .exam-operate-btns-wapper .eztestResult{padding-right: 6vw;}
.project-exam-box .exam-wrapper.exam-wrapper-hidden .exam-meta .tt{font-weight: 600;}
.project-exam-box .exam-wrapper.exam-wrapper-hidden .exam-operate-btns-wapper a{width: 100%;padding: 0!important;height: 100%;line-height: 9vw;}
.project-exam-box .exam-wrapper.exam-wrapper-hidden .exam-operate-btns-wapper a i{padding-left: 1vw;}
.project-exam-box .exam-wrapper.exam-wrapper-hidden .exam-operate-btns-wapper .line{position: absolute;left: 50%;top: 0;content: '';border-left:1px solid #e5e5e5;height: 10vh;display: block;}
.project-exam-box .exam-wrapper.exam-wrapper-hidden .exam-meta{padding-bottom: 0;}
.project-exam-box .exam-wrapper.exam-wrapper-hidden .exam-meta .color-orange{color: #666;}
.project-exam-box .exam-wrapper.exam-wrapper-hidden .exam-meta .tt .tag{margin: 0.9vw 0.53vw 0 0; width: 9vw;height: 4vw;min-height: 4vw;line-height: 4vw;}
.project-exam-box .exam-wrapper.exam-wrapper-hidden .exam-meta .tt .tag.tag-fail{width: 11vw;}
.project-exam-box .exam-wrapper.exam-wrapper-hidden .exam-meta .tt .tt-name{height: 5.5vw;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;flex: 1;}
.css-activity-order-confirm .page-handle .cartPrice{width: 60%;}
.css-activity-order-confirm .page .page-handle .go_shop{width: 40%;max-width: 40%;}
.css-activity-order-confirm .weui-tabbar{display: none;}
.css-activity-index-views .weui-tabbar {display: none;}
.css-invite-go-wrapper.invite-wrapper {margin: 0 auto;}
.css-invite-go-wrapper.invite-wrapper img{ width: 100vw;}
.css-invite-go-wrapper.invite-wrapper .invite-info {position: relative;}
.css-invite-go-wrapper.invite-wrapper .invite-infos {position: absolute;left: 0;top: 35vw;width: 100%;text-align: center;}
.css-invite-go-wrapper.invite-wrapper .invite-infos .name {height: 8.0vw;line-height: 8.0vw; font-size:4.8vw;color: #fff;}
.css-invite-go-wrapper.invite-wrapper .invite-infos .invite-btns {padding-top:27.466667vw;text-align: center;}
.css-invite-go-wrapper.invite-wrapper .invite-infos .invite-btns .btn-register,.css-invite-go-wrapper.invite-wrapper .invite-infos .invite-btns .btn-register-index {height: 9.6vw;line-height: 9.333333vw;color: #273cb3;font-size: 4.8vw;cursor: pointer;display: block;}
.css-invite-index-wrapper.invite-wrapper {width: 100%;min-height:100%;position: relative;}
.css-invite-index-wrapper .pop-posterInfo,.css-invite-index-wrapper.invite-wrapper .invite-info .invite-btns,.css-invite-index-wrapper .invite-info .invite {position: relative;}
.css-invite-index-wrapper.invite-wrapper .invite-info {position: relative;z-index: 1;line-height: 0;}
.css-invite-index-wrapper.invite-wrapper .invite-info .invite-btns .invite-btns-info {position: absolute;left: 0;top: 0;height:9.066667vw;font-size: 3.2vw;color: #999;margin: 0 10%;width: 80%;text-align: center;display: flex;}
.css-invite-index-wrapper .page-share .close{z-index: 100;}
.css-invite-index-wrapper.invite-wrapper .invite-info .invite-btns img{height:9.066667vw;margin: -1px 0;}
.css-invite-index-wrapper.invite-wrapper .invite-info .invite-btns .invite-btns-info span {color: #273cb3;font-size:3.2vw;width: 40%;margin: 0 5%;height: 9.066667vw;line-height: 8.9vw;cursor: pointer;}
.css-invite-index-wrapper .invite-info .invite .invite-num {position: absolute;left: 0;top: 0;font-weight: 600; padding-top: 39vw;font-size: 3.7vw; height: 12.533333vw;line-height: 12.533333vw;color: #fff;letter-spacing: 0.8vw;width: 100%;display: inline-block;display: -ms-flexbox;display: flex;-ms-flex-direction: column;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;}
.css-invite-index-wrapper .invite-info img{ width: 100.0vw;}
.css-invite-index-wrapper .invite-info .invite .invite-num img{ width: 8.8vw;height: 8vw;margin-right:1.333vw;}
.css-invite-index-wrapper .invite-info .invite .invite-num span {letter-spacing: 0;}
.css-invite-index-wrapper .poster_box {height: 0;position: absolute;left: 0;top: 0;z-index: 0;}
.css-invite-index-wrapper .pop-posterInfo {/*padding: 10.666667vw;*//*height: 100%;*/overflow-y: scroll;position: relative;text-align: center;}
.css-invite-index-wrapper .pop-posterInfo .cerImg{ width: 100vw;}
.css-invite-index-wrapper .pop-posterInfo .qrcode {left:28.8vw;top: 68vw; position: absolute;padding: 2.7vw 1.333333vw 0; background: #fff;width: 40.0vw;height: 40.0vw;}
.css-invite-index-wrapper .pop-posterInfo .qrcode canvas{ width: 37.333333vw;height: 37.333333vw;}
.css-discounts-mydiscounts .discounts-list{ margin-bottom: 16vw;}
.css-enroll-index .weui-tabbar {display: none;}
/*cookie*/
.cookie-mask{position:fixed;width:100%;z-index:999;bottom:12.53vw;left:0;display: none; background-color: rgba(13, 13, 13, 0.85); color:#fff}
.cookie-mask .cookie-head{text-align:left;margin-bottom:2.13vw;width:100%;font-size:4.8vw}
.cookie-mask .cookie-cont{width:100%;max-width:100%;margin:0 auto !important;display:flex;height:100%;padding:8.0vw 5.33vw;align-items:center;justify-content:space-between;flex-direction:column}
.cookie-mask .cookie-txt{width: 100%;max-height: 48.0vw;overflow-y: auto;scrollbar-gutter: stable;word-break: break-all;}
.cookie-mask .cookie-right{width:100%;display:flex;align-items:center;justify-content:center;margin-top:4.0vw}
.cookie-mask .cookie-right .btn-agree{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s;position:relative;height:8.53vw;width:100%}
/* 底部占位div */
.cookie-placeholder {display: none;width: 100%;}
/***我的报告 s**/
#practice-my-container {padding-bottom: 4vw!important;}
.mypractice-item{margin-bottom: 4vw; padding: 4vw;background-color: #fff;}
.mypractice-item .til{font-size: 4.26667vw;padding-bottom: 2vw;}
.mypractice-item .til a{color: #333;}
.mypractice-item .line,#practice-history .cell-box .line{    background: linear-gradient(to right, #ccc 0%, #ccc 50%,transparent 50%,transparent 100%);height: 1px;background-size: 3.6vw 1px;background-repeat: repeat-x;}
.mypractice-item .cnt{padding-top: 4vw;display: flex;justify-content: space-between;}
.mypractice-item .cnt .img{ width: 28.27vw; height: 16vw;border-radius: 1.1vw;}
.mypractice-item .cnt-r{flex: 1;margin-left: 2vw;}
.mypractice-item .cnt-r .txt{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 62vw;margin:0.5vw 0 3vw;}
.mypractice-item .cnt-r .time{display: flex;justify-content: space-between;align-items: last baseline;color: #999;font-size: 3.2vw;}
.mypractice-item .cnt-r .time .sta{font-size: 3.733333vw;color: #222;}
.mypractice-item .cnt-r .time .sta .iconfont{font-size: 3.46667vw;margin-right: 0.2vw;}
#practice-container,#practice-history{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 6vh;
    box-sizing: border-box;
}
#practice-container .poster{width: 100%;height: 56.53vw;background-image: url(../images/practice_poster.png?v=1);background-size: cover;background-repeat: no-repeat;background-position: center;}
#practice-container .poster i{
    padding: 4vw;
    display: block;
    color: #fff;
}
#practice-container .h1-til{
    padding: 5vw 4vw;
    font-size: 4.266667vw;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#practice-container .cell-box{
    padding: 0 4vw;
}
#practice-container .cell-box .cell{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4vw 0;
    border-bottom: 1px solid #d9d9d9;
    font-size: 4.266667vw;
}
#practice-container .cell-box .handle{
    margin-top: 12vw;
    display: flex;
    justify-content: space-between;
}
#practice-container .cell-box .handle .btn {
    padding-top: 2vw;
    padding-bottom: 2vw;
    width: 100%;
    font-size: 4.266667vw;
}
#practice-container .cell-box .handle .btn + .btn{
    margin-left: 4vw;
}
#practice-container .cell-box .handle[sta="1"] #practice-report{
    background-color: transparent;
}
#practice-container .cell-box .cell .label{
    color: #666;
}
#practice-container .cell-box .cell .label i{
    margin-right: 1vw;
}
#practice-history{
    overflow-y: auto;
    background-color: #f0f0f0;
}
#practice-history .history-til{
    padding: 2.66667vw 4vw;
    border-bottom: 1px solid #d9d9d9;
    background-color: #fff;
    font-size: 4.26667vw;
    position: sticky;
    left: 0;
    top: 0;
    z-index: 1;
}
#practice-history .history-til i{
    padding-right: 3vw;
}
#practice-history .history-int{
    padding: 1.66667vw 4vw;
    color: #666;
}
#practice-history .history-int i{
    margin-right: 1vw;
}
#practice-history .cell-box .cell{
    background-color: #fff;
    padding: 3vw 4vw 4vw;
    margin-bottom: 4vw;
}
#practice-history .cell-box .txt,#practice-history .cell-box  .info{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#practice-history .cell-box .txt{
    padding-bottom: 2vw;
}
#practice-history .cell-box .txt [h1]{
    font-size: 4.26667vw;
    width: 55%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; 
}
#practice-history .cell-box .txt [time]{
    color: #999;
}
#practice-history .cell-box .info{
    margin-top: 4vw;
}
#practice-history .cell-box .info .img{
    width: 28.27vw;
    height: 16vw;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 2vw;
}
#practice-history .cell-box .info .sta i{
    margin-right: 0.4vw;
}
/***我的报告 e**/
/***移动端气泡窗s***/
.tipso_bubble,
.tipso_bubble>.tipso_arrow {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tipso_bubble {
    position: absolute;
    text-align: center;
    border-radius: 1.5vw;
    z-index: 9999;
    padding: 2vw 3vw;
    font-size: 3.2vw;
    box-shadow: 0 0 2vw 0 #ccc;
    border: 1px solid #ddd;
}
.tipso_bubble>.tipso_arrow {
    position: absolute;
    width: 0;
    height: 0;
    border: 8px solid;
    pointer-events: none
}

.tipso_bubble.top>.tipso_arrow {
    border-color: #000 transparent transparent;
    top: 100%;
    left: 50%;
    margin-left: -8px
}

.tipso_bubble.bottom>.tipso_arrow {
    border-color: transparent transparent #000;
    bottom: 100%;
    left: 50%;
    margin-left: -8px
}

.tipso_bubble.left>.tipso_arrow {
    border-color: transparent transparent transparent #000;
    top: 50%;
    left: 100%;
    margin-top: -8px
}

.tipso_bubble.right>.tipso_arrow {
    border-color: transparent #000 transparent transparent;
    top: 50%;
    right: 100%;
    margin-top: -8px
}
/***移动端气泡窗e***/
/***下单前填写邮寄地址s**/
#free-mailing-address-layer,#free-mailing-address-add-layer{
    position: fixed;
    width: 100vw;
    height: 100vh;
    overflow-y: auto;
    z-index: 100;
    left:0;
    top: 0;
    background-color: #fff;
}
#free-mailing-address-add-layer{
    z-index: 101;
    overflow-x: hidden;
    outline: none;
    border: none;
}
#free-mailing-address-layer .course-navbar{border-bottom: 1px solid #e5e5e5;}
#free-mailing-address-layer .keep-address{width: 65vw;margin-left: 0; -webkit-box-flex: inherit;-ms-flex: inherit;flex: inherit;}
#free-mailing-address-layer .add-address.add-edit-address{background-color: #ddd;}
#free-mailing-address-layer .address-list .items{border: 1px solid #fff;}
#free-mailing-address-layer .address-list .items.act{border-color: #108BC7;}
#free-mailing-address-layer > .address-list{padding: 0 2vw 20vw;}
.topay-before-adds{background-color: #e7f3f9;background: linear-gradient(to bottom, #f8fcfe, #e7f3f9);padding: 4vw 4vw 3vw;display: flex;border-top: 1px solid #e5e5e5;position: relative;}
.topay-before-adds:before{content: '';display: block;width: 100vw;height: 2px;background: url(../images/img_address_decoration_small.png?v=1) left bottom repeat-x;background-size: auto 2px;position: absolute;left: 0;bottom: 0;z-index: 1;}
.topay-before-adds .iconfont,.topay-before-adds .add{font-weight: 600;padding-top: 0.1vw;color: #000;}
.topay-before-adds .tt{flex: 1;margin-left: 2vw;color: #666;}
.topay-before-adds .add{padding: 0 0 1vw 0;}
#free-mailing-address-layer .address-list .no-data{padding: 4vw;font-size: 4vw;color: #666;}
.cart-order-confirm-address{display: none;justify-content: space-between;padding: 2vw 0;margin: 0 4vw;border-bottom: 1px solid #e5e5e5;align-items: center;}
.cart-order-confirm-address .cart-order-confirm-change-address{font-size: 5.8vw;}
.cart-order-confirm-address .info{flex: 1;margin-right: 2vw;}
.cart-order-confirm-address .info span{font-weight: 600;padding-right: 1vw;}
/***下单前填写邮寄地址e**/
.topay-page-detaill{text-align: center;padding: 7vw 4vw 0;}
.topay-page-detaill .topay-page-detaills{padding-bottom:2vw;font-size: 5vw;}
.topay-page-detaill .topay-page-detaills i{color: #00A24B;font-size: 5.6vw;padding-right: 1vw;}
.topay-page-detaill .topay-page-detaillbtn{margin-top: 8vw;}
.topay-page-detaill .topay-page-detaillbtn a{padding: 1.06667vw 6vw;}
.topay-page-detaill .topay-page-detaillbtn a span{padding-left: 2vw;}
.topay-page-detaill .topay-page-detaillbtn a + a{margin-left: 3vw;}
/**项目下易考查看成绩s**/
body.hide-body-cnt{height: 100vh!important;overflow: hidden!important;}
#project-viewgrades-wapper{
    position:fixed;
    width: 100vw;
    height: 100vh;
    padding: 0 4vw;
    left: 0;
    top: 0;
    z-index: 888;
    background-color: rgba(0,0,0,0.7);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.project-viewgrades-cnt{
    color: #222;
    background-color: #fff;
    height: 40vh;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
    padding: 6vw;
}
.project-viewgrades-cnt .viewgrades-item{position: relative;padding:0 0 10vw 6vw;}
.project-viewgrades-cnt .viewgrades-item:last-child{padding-bottom: 0px;}
.project-viewgrades-cnt .viewgrades-item:before,.project-viewgrades-cnt .viewgrades-item:after{
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    z-index: 2;
}
.project-viewgrades-cnt .viewgrades-item:before{
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.project-viewgrades-cnt .viewgrades-item:after{
    width: 2px;
    height: 100%;
    left: 4px;
}
.project-viewgrades-cnt .viewgrades-item > div[flex] span + span{flex: 1;}
.project-viewgrades-cnt .viewgrades-item > div[flex]{display: flex;justify-items: center;}
.project-viewgrades-cnt .viewgrades-item > div + div{padding-top:2vw ;}
.project-viewgrades-cnt .viewgrades-item > div[first]{margin-top: 0;line-height: 1;}
.project-viewgrades-cnt .viewgrades-item > div[result]{
    display: flex;
    align-items: center;
}
.project-viewgrades-cnt .viewgrades-item > div[result] > div + div{margin-left: 4vw;}
.project-viewgrades-cnt .viewgrades-item > div[result] span{color:#FF4238;}
.project-viewgrades-cnt .viewgrades-item > div[result="合格"] span{color: #00A24B;}
/**项目下易考查看成绩e**/

/***alert-upload-idphoto s*****/
.avatar-idPhoto-box .cell{padding-left:90px;}
.avatar-idPhoto-box .cell .img-box{ margin-left: 80px;}
.avatar-idPhoto-box .idphotoTip{padding-left:60px;}
.weui-dialog.uploadDialog{ width: 97%;}
.uploadDialog .weui-dialog__hd,.uploadDialog .weui-dialog__bd{ padding:0;}
.uploadDialog .layer-wrapper{position: relative;}
.uploadDialog .avatar-box .cell {padding: 0 0 0 7vw;}
.uploadDialog .avatar-box .cell .img-box{margin-left: 6.0vw;}
.uploadDialog .avatar-box .idphotoTip{text-align: left;}
/***alert-upload-idphoto e*****/
.card-page-index .btn-primary {background-color: #DCAD6B;}
.card-page-index .card-specifications .sub-hd .more a{color:#D29C51;}
.card-page-index .buttons-wrapper { margin: 0;width: 100%;}
.card-page-index .select-coupon .discounts-list{height:calc(100vh - 85vw);}
.card-page-index .nav-text-card-bg {width: calc(100vw);height: 12vw;}
.card-page-index .nav-text-card-bg .nav-text-card{top: 2vw;position: absolute;width: calc(100vw - 8vw );}
.order-card-info-page .btn-primary {background-color: #DCAD6B;}
.order-card-info-page .card-specifications .sub-hd .more a{color:#D29C51;}
.order-card-info-page .buttons-wrapper {margin: 0;width: 100%;}
.order-card-info-page .select-coupon .discounts-list{height:calc(100vh - 85vw);}
.order-card-info-page .nav-text-card-bg {width: calc(100vw);height: 12vw;}
.order-card-info-page .nav-text-card-bg .nav-text-card{
    top: 2vw;
    position: absolute;
    width: calc(100vw - 8vw );
}
.order-card-info-page .card-sub-hd {text-align:center}
.order-card-info-page .card-sub-hd .card-sub-tt {
    width:1.066667vw;
    height:3.733333vw;
    border-radius:0.533333vw;
    transform:matrix(-1,0,0,1,0,0);
    margin:0 4px 0 0;
    display:inline-block
}
.order-card-info-page .card-sub-hd .card-sub-tt1 {background:rgba(196,196,196,0.2)}
.order-card-info-page .card-sub-hd .card-sub-tt2 {background:rgba(196,196,196,0.6)}
.order-card-info-page .card-sub-hd .card-sub-tt3 {background:#C4C4C4}
.order-card-info-page .card-sub-hd .name {padding:0 4.0vw 0 2.666667vw}
.order-card-info-page .card-sub-bd .card-sub-bd-hd {
    background: #f5f5f5;
    height: 8.0vw;
    line-height: 8.0vw;
    font-weight: bold;
    padding-left: 4vw;
    border-radius: 2px;
}
.order-card-info-page .card-sub-bd .card-course-txt{text-align: center;padding: 16.0vw 0;}
.order-card-info-page .card-sub-bd .card-course-list{padding: 0;}
.order-card-info-page .card-course-list li a{-webkit-line-clamp: 1;}
.order-index-page .course-list>.item .body .handle{z-index: 0!important;}
.order-refund-page #s1 {
    background: #fff;
    padding-right: 8vw;
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23CDCDCD%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
    background-position: right 4vw center;
    background-repeat: no-repeat;
    background-size: 2.66667vw;
    border-radius: 1vw;
    display: block;
    border: none;
    outline: none;
    border-radius: 1vw;
    width: 100%;
    box-sizing: border-box;
    font-size: 3.733333vw;
    height: 12.266667vw;
    line-height: 12.266667vw;
}
.order-refund-page #s1 span{padding-left: 2.666667vw;}
.page-project-info0 .page {z-index: 0;}
.page-project-info0 .learn_btm_vip .price-show{min-width: 30%;max-width: 50%;}
.page-project-info0 .course-wrapper .course-info{border-bottom: 1px solid #e5e5e5;}
body.search-index-page{background: #fff;}
.search-index-page .search-wrapper a.back{position: absolute;left: 2.67vw;top: 3.33vw;}
.search-index-page .search-wrapper .search-header{margin-left: 8.0vw;}
body[fprojectid="1"] .course-wrapper .course-info .meta .class-meta .period-item,
body[fprojectid="1"] .course-wrapper .course-info .course-trainee,
body[fprojectid="1"] .page-handle,
.course-wrapper .course-info .meta .class-meta span.show-line,
#shareTest{display: none!important;}
body[fprojectid="1"] .tab-content{padding-bottom: 0!important;}
body[fprojectid="1"] .course-wrapper .course-info .meta .class-meta span[spanProject]{margin-left: 0!important;padding-left: 0!important;}
.class-declare-url{margin: 4vw 0 0 4vw;}
.class-declare-url a.btn-outline-primary{padding:1.5vw 4vw;}
.class-declare-url a.btn-outline-primary:after{border-radius: 10vw;} 
.class-declare-url a img{display: inline-block;vertical-align: middle;width: 3.4vw;margin: -0.5vw 0.8vw 0 0;}
.course-sort-new .sort-tt .sort-icons{display: inline-block;position: relative;width: 4vw;height: 3.6vw;margin-left: -1vw;}
.course-sort-new .sort-tt .sort-icons i{display: inline-block;position: absolute;left: 0;top: 0;font-size: 3vw;}
.course-sort-new .sort-tt .sort-icons i:before{content: "\e8d8";}
.course-sort-new .sort-tt .sort-icons i + i{transform: rotate(180deg);left: 1.6vw;top:0}
.filter>.item.filter-shaixuan .iconfont{font-size: 3.8vw;padding-top: 0.1vw;color: #000;}
.course-sort-new .sort-tt.active[data-sort="desc"] .iconfont[asc],
.course-sort-new .sort-tt.active[data-sort="asc"] .iconfont[desc]{color: #a9a9b3;}
.alert-filter-wapper{position: fixed;left: 0;top: 0;z-index: 9999;width: 100vw;height: 100vh;display: none;}
.page-header-nav > .alert-filter-closed{position: absolute;top: 2vw;right: 4vw;z-index: 666;font-size: 4vw;}
.alert-filter-wapper #alert-filter-iframe{width: 100vw;border: none;height: calc(100vh - 35vw);top: 35vw;position: absolute;z-index: 2;;left: 0;z-index: 501;}
.alert-filter-wapper > .shadow-closed{width: 100vw;height: 100vh;background-color: rgba(0,0,0,0.6);}
.quick-type-wapper{display: flex;width: 100%;align-items: center; justify-content: center;}
.quick-type-wapper .quick-type{width: 33%;}
/*pmi*/
#pmi-column-data1{width: 100%;}
#pmi-column-data1 .container-fluid{padding:0;}
#pmi-column-data1 .PDUpage-til{border-bottom:1px solid #ccc; padding:2vw 0;font-size:4vw;color: #000;}
#pmi-column-data1 .PDUtips{padding-top: 2vw;font-size: 3.4vw;}
#pmi-column-data1 .PDUTableCol > div{padding-top:2vw;font-size: 3.2vw;}
#pmi-column-data1 .PDUtables #PDUTableLabels{width: 21vw;}
#pmi-column-data1 .PDUtables .PDUTableCol + .PDUTableCol {width: 20vw;}
#pmi-column-data1 .PDUtables .PDUTableCol#PDUTableTots{width: 18vw;}
#pmi-column-data1 .PDUTableCol .PDUTableBoxHead{font-weight:bold;word-break: keep-all;}
#pmi-column-data1 .PDUTableCol + .PDUTableCol .PDUTableBoxHead{text-align:center;}
#pmi-column-data1 .PDUTableBox{text-align:center;}
#pmi-column-data1 .PDUTableCol1{background:linear-gradient(to bottom,#DAF5FA,#F6FDFE);}
#pmi-column-data1 .PDUTableCol2{background:linear-gradient(to bottom,#FFE7DB,#FFF9F6);}
#pmi-column-data1 .PDUTableCol3{background:linear-gradient(to bottom,#E5DCF2,#F7F4FB);}
#pmi-column-data1 .talentTriangleImg{width:7vw;margin:0.4vw auto 0; display:block;padding-bottom: 1vw;}
#pmi-column-data1 .PDUtables{display:flex;margin-top:2vw;}
#pmi-column-data1 .PDUtables > div{padding:0 1vw;line-height: 1.4;}
#pmi-column-data1 .PDUTableCol .PDUTableBoxHead[th]{height: 11vw;}
#pmi-column-data1 .PDUTableCol + .PDUTableCol .PDUTableBoxHead a{color: #333;}
.alert-uploadIdphoto-wapper .form-custom-with-label .cell{position: relative;}
.alert-uploadIdphoto-wapper .form-custom-with-label .cell .text {flex-wrap: wrap;}
.alert-uploadIdphoto-wapper .form-custom-with-label .cell .text .invalid-feedback{width: 100%;position: absolute;right:4vw;bottom: -1vw;}
.alert-uploadIdphoto-wapper .form-custom .cell .input-select,.alert-uploadIdphoto-wapper .form-custom .cell .input-text{padding: 5vw 0 5vw 2.66667vw;}
.alert-uploadIdphoto-wapper .avatar-cell-box{display: block;}
.weui-dialog.uploadDialog.alert-uploadIdphoto-wapper{width: 100vw;height: 100vh;border-radius: 0;top: 0;left: 0; transform: translate(0, 0)!important;z-index: 1000;}
.weui-dialog.uploadDialog.alert-uploadIdphoto-wapper .form-custom-with-label{overflow-y: auto;height: calc(100vh - 16vw);}
.weui-dialog.uploadDialog.alert-uploadIdphoto-wapper .handle{width: 100%;background-color: #fff;padding: 2vw 0;}
.alert-uploadIdphoto-wapper .form-custom-with-label .cell.avatar-cell-box .label{display: block;text-align: left;margin-top: 4vw;}
.alert-uploadIdphoto-wapper .form-custom-with-label .cell.avatar-cell-box .cell{padding-left: 4vw;}
.page-handle .no-search-cart + .price-show > div{text-align: right;width: 100%;}
/*pmi end*/
.page-handle div[iscoursecanbuy="0"]{text-align: right;padding-right: 2.67vw;}
.weixinlogin-check-type .weui-dialog__title{font-size: 4vw;}
.weixinlogin-check-type .weui-dialog{width: 80%;}
.weixinlogin-check-type .weui-dialog .btn-primary{    margin: 6vw 0 5vw;height: 10vw; width: 73%;}
.weui-toast_content.width59vw{width: 59vw;}
/**英文版s**/
html[lang="en-US"] * {word-wrap: normal!important;word-break: normal!important;  overflow-wrap: normal!important;}
html[lang="en-US"] .weui-toast{min-width: 70vw;}
html[lang="en-US"] .course-wrapper .course-info .meta .class-meta{flex-wrap: wrap;}
html[lang="en-US"] .page-project-info .course-wrapper .course-info .meta .class-meta .period-item{width: 100%;}
html[lang="en-US"] .page-project-info .course-wrapper .course-info .meta .class-meta .period-item + span{margin-left: 0!important;padding-left: 0;}
html[lang="en-US"] .course-wrapper .course-info .meta .class-meta .show-line{padding-left: 0;margin-left: 0;width: 100%;}
html[lang="en-US"] .course-wrapper .course-info .meta .class-meta .show-line:before{display: none;}
html[lang="en-US"] .course-list>.project-item .body .cover .live-status{width: 23.33vw;}
html[lang="en-US"] .nav .nav-item .nav-link>span{font-size: 3.4vw;}
html[lang="en-US"] .nav .nav-item .nav-link{margin: 0 1vw;}
html[lang="en-US"] .page-share .img > div{font-size: 3.4vw!important}
html[lang="en-US"] .page-cart-content .cartPrice .selectedCart{width: 25vw;font-size: 3.6vw;}
html[lang="en-US"] .page .page-handle .go_shop, 
html[lang="en-US"] .page .page-handle .delecBuy{width: 44vw;max-width: 44vw;font-size: 3.4vw;}
html[lang="en-US"] .page-cart-content .selectedCart input[type="checkbox"]{width: 4vw;height: 4vw;}
html[lang="en-US"] .page-cart-content .price-show .total-price span{font-size: 4.2vw;}
html[lang="en-US"] .page-cart-content .price-show{margin-right: 3vw;}
html[lang="en-US"] .address-list .items .info .title span.default-address{width: 29vw;}
html[lang="en-US"] .invoice_apply .row .col-3{width: 32vw;}
html[lang="en-US"] .invoice_apply .row .col-9{margin-left: 34vw;}
html[lang="en-US"] .weui-cells-multicolumn{grid-template-columns: repeat(2,1fr);}
html[lang="en-US"] .show-all-teacher{width: 25vw;height: 7.67vw;font-size: 3.2vw;padding: 1.33vw 0 0;text-align: center;}
html[lang="en-US"] .layer-result .pop-wrapper .steps-tags span, 
html[lang="en-US"] .enroll-steps-tags .steps-tags span{font-size: 3.2vw;}
html[lang="en-US"] .course-wrapper .cover .share#shareTest{right: 2.66667vw!important;}
html[lang="en-US"] .course-wrapper .cover .share + .share{max-width: 56vw;}
html[lang="en-US"] .page-handle .cart-pay .total-price{font-size: 3.2vw;}
html[lang="en-US"] .login-wrapper .form-login .relative-enus .login-invalid-tiper{bottom: auto;top:11vw;box-sizing: border-box;width: 96%;}
html[lang="en-US"] .login-wrapper .form-login .relative-enus  + .weui-cell_vcode{margin-top: 15vw;}
html[lang="en-US"] .page-handle.learn_btm_vip .learn_open_vip .learn_open_vip_price{padding-left: 4.8vw;line-height: 1.1;}
html[lang="en-US"] .page-handle.learn_btm_vip .learn_open_vip .learn_open_vip_price > i{position: absolute;left: 3vw;top: 3vw;}
html[lang="en-US"] .live-player .live-state-count span{letter-spacing: 0;font-size: 4vw;padding-left: 1vw;}
html[lang="en-US"] .layer-result .pop-wrapper .pop-tip{padding:0 4vw;}
html[lang="en-US"] .course-wrapper .cover .share{max-width: 90vw;}
html[lang="en-US"] .order-ft .order-details{flex-wrap: wrap;}
html[lang="en-US"] .order-ft .pay-info{width: 100%;margin-left: 0;}
html[lang="en-US"] .modal-container-open-card .btn-open-card{width: 50vw;}
html[lang="en-US"] .course-list>.item .body .handle{flex-wrap: wrap;}
html[lang="en-US"] .course-list>.item .body .handle .meta.star{display: block;width: 100%;}
html[lang="en-US"] .project-container .project-status{width: auto;}
html[lang="en-US"] .mine-header .info .handle .is-real-name{margin-right: 2vw;width: auto;height: auto;padding: 1vw 1.33vw;flex: 1;text-align: left;display: flex;justify-items: center;font-size: 3.2vw;}
html[lang="en-US"] .mine-menu .cell .label{font-size: 2.8vw; padding:0 1.33vw}
html[lang="en-US"] .mine-menu .cell{min-width: 35%;}
html[lang="en-US"] .mine-menu .cell + .cell{min-width: 0;}
html[lang="en-US"] .home-alive-wrapper .item .cover-live-status .live-state .iconfont{padding-right: 1vw;}
html[lang="en-US"] .learning-list .cell span{padding-left: 2vw;font-size: 3.2vw;}
html[lang="en-US"] .learning-list .cell span span{padding-right: 2vw;}
html[lang="en-US"] .learning-list .cell span:after{left: 2vw;right: 2vw;}
html[lang="en-US"] .course-schedule{text-align: left;}
html[lang="en-US"] .invoice_apply [for="ticket_type1"]:after{display: block;content: '';width: 100%;height: 1px!important;}
html[lang="en-US"] .invoice_apply [for="ticket_type2"]{padding-right: 0!important;}
html[lang="en-US"] .invoice_apply .row .col-form-label{font-size: 3.2vw;}
html[lang="en-US"] .invoice_apply .row .col-form-label span{line-height: 1.2;}
html[lang="en-US"] .project-exam-box .exam-number{height: auto;} 
html[lang="en-US"] .live-player .live-state-end{margin:-4.8vw 0 0 -30vw}
html[lang="en-US"] .live-player .live-state p.p-bg{width: 60vw}
html[lang="en-US"] .exam-result .result-circle .inner{font-size:8vw }
html[lang="en-US"] .reg-protocol{line-height: 4vw}
html[lang="en-US"] .index-wrapper .online-course .other .chtags .diy-tag{display: block;}
html[lang="en-US"] .index-wrapper .online-course .other .classHourIsDisplay + .classDuration{padding-left: 0;}
html[lang="en-US"] .home-project-wrapper .item .project-item-img-container .item-title{font-size: 3.4vw;margin-top: 1vw;}
html[lang="en-US"] .home-project-wrapper .item .project-item-img-container .item-desc,
html[lang="en-US"] .home-project-wrapper .item .project-item-img-container .item-date{font-size: 3vw;}
html[lang="en-US"] .index-wrapper *{font-size: 3.4vw;}
html[lang="en-US"] .order-hd{font-size: 3.2vw;}
html[lang="en-US"] .order-hd .pay-info,
html[lang="en-US"] .order-ft .pay-info{font-size: 3vw;}
html[lang="en-US"] .order-ft .order-details{font-size: 3.4vw;}
html[lang="en-US"] .course-list>.item .body{align-items: center;}
html[lang="en-US"] .nav-text .inner .cell .title{font-size: 3.4vw;}
html[lang="en-US"] .layer-coupon-modal .user-discounts .name2{font-size: 3.4vw;}
html[lang="en-US"] .layer-coupon-modal .user-discounts .name1{font-size:3.733333vw}
html[lang="en-US"] .layer-coupon-modal .modal-header h3{font-size: 4.2vw;}
html[lang="en-US"] .layer-coupon-modal .modal-header p{font-size:3.733333vw}
html[lang="en-US"] .mydiscounts .cont .name{z-index: 2;}
html[lang="en-US"] .admin-safe-mfa-lcnt .item > div:first-child{width: 23vw;}
html[lang="en-US"] .mfa-bind-item .mfa-bind-other{display: inline-block;width: auto;}
html[lang="en-US"] .card-page-index .cart-coupon[data-target="#service"] .text .stretched-link{font-size: 3.2vw;}
html[lang="en-US"] .card-page-index .card-cell .sub-hd,
html[lang="en-US"] .card-page-index .mydiscounts .cont .name .name2,
html[lang="en-US"] .card-page-index .mydiscounts .cont .name .name3,
html[lang="en-US"] .card-page-index .mydiscounts .no-user,
html[lang="en-US"] .card-page-index .mydiscounts .type{font-size: 3.2vw;}
html[lang="en-US"] .form-custom .cell#cart-coupon{font-size: 3.2vw;}


/**英文版e**/