.pd10{padding:10px}.pd5{padding:5px}.pd20{padding:20px}.pr2{paddding-right:2px!important}.mar5{margin:5px}.mar10{margin:10px}.mr5{margin-right:5px}.mr10{margin-right:5px}.mr12{margin-right:12px}.mt5{margin-top:5px}.mt7{margin-top:7px}.mt-10{margin-top:-10px}.mt10{margin-top:10px}.mt20{margin-top:20px}.mt50{margin-top:50px}.ml10{margin-left:10px}.ml20{margin-left:20px}.mb70{margin-bottom:70px}.mb30{margin-bottom:30px}.mb52{margin-bottom:52px}.tll{text-align:left}.tlc{text-align:center}.bgcfff{background:#fff}.fontsize-12{font-size:.9rem}.font-12{font-size:.9rem}.font-10{font-size:.7rem}.fontsie-11{font-size:11px}.c-999{color:#606060}.f-fM{font-family:'Microsoft YaHei'}.hui-header{background:#f5f5f5}.line{height:10px;border-bottom:1px solid #e4e4e4;margin-bottom:5px}.unf{color:#ff5722}.favourite{font-size:13px}#hui-header-menu:before{color:#666}#hui-back:before{color:#666}#hui-header-user:before{color:#666}#hui-header-sreach{border-radius:20px}#hui-header-sreach-icon{margin-top:-3px}#hui-header-sreach-icon:before{font-size:15px}.hui-slide-menu{background:#3f3f3f}.hui-slide-menu .hui-list{color:#fff;background:#3f3f3f;border:0}.index-course-list .item{background:#fff;border:#fefefe solid 1px;width:46%;height:160px;text-align:center;color:#FFF;margin:5px;border-radius:5px}.index-course-list .item .image{width:100%;height:100px}.index-course-list .item .image img{width:100%;height:100%}.index-course-list .item .title{font-size:12px;color:#606060;margin-bottom:2px!important}.index-course-list .item .metas{font-size:11px;padding-right:0!important;color:#a0a0a0}.index-course-list .item .price{font-size:14px;color:#fd9271;float:right;margin-top:3px;margin-right:10px}.index-course-list .item .free{font-size:12px;color:#15c288;float:right;margin-top:3px;margin-right:10px}.course-info{width:100%}.course-info img{width:100%}.course-info .tile{text-align:center;color:#656b79;font-size:18px}.course-info-btn{border-radius:0;height:50px;line-height:50px;width:20%}.course-info-footer{padding:0!important;height:50px!important}.course-info-footer .price{width:30%!important;color:orangered;font-size:18px}.course-info-footer .buy{width:30%!important;color:orangered}.course-info-footer .studied{width:100%!important;color:#fff;background:#15c288}.hui-tab-item{border:0}.course-info .hui-tab-active{border-bottom:2px solid orangered!important;color:orangered}.course-info .details{color:#656b79;padding:5px 20px}.course-info .details .userNum{color:#656b79;width:33.3%;height:30px;line-height:30px;font-size:13px}.course-info .details .courseNum{color:#656b79;width:33.3%;height:30px;line-height:30px;font-size:13px}.course-info .details .browseNum{color:#656b79;width:33.3%;height:30px;line-height:30px;font-size:13px}.course-info .details .teacher{color:#656b79;height:30px;line-height:30px}.course-info .details .youxiao{color:#656b79;height:30px;line-height:30px}.course-info .details .price{color:#656b79;height:40px;line-height:40px}.course-info .details .price i{color:orangered;font-size:18px}.course-info .details .layui-icon{margin-right:5px}.section-icon{height:30px;margin-top:10px}.section-list .hui-list-text{display:block;color:#656b79;line-height:40px;height:40px}.section-list .hui-tags{float:right}.section-list .hui-tags div{margin:15px 13px;height:10px;line-height:10px;padding:3px}.course-section-box{min-height:300px}.course-section .hui-accordion-title{font-size:1rem;color:#666;height:48px;line-height:48px}.fix{position:fixed}.clearfix{display:block}.comment{padding-left:15px}.comment ul li{padding:10px 0 2px 50px;border-bottom:1px solid #e9e9e9;position:relative;min-height:50px}.comment .noter-pic{position:absolute;left:0;top:12px;display:block;width:20%}.comment .noter-pic img{width:40px;height:40px;border-radius:50%;display:block}.comment .name{line-height:20px;font-size:1.0rem;color:#666}.comment .time{line-height:20px;font-size:.8rem;color:#999}.comment .contents{font-size:14px;line-height:22px;color:#999;margin-top:5px}.of{overflow:hidden;width:80%}.course-user-info .hui-form-textarea textarea{height:60px}.noteslist li{border-bottom:1px solid #e9e9e9}.noteslist li i{color:orangered}.btn-del{background-color:#fff}.c-f662f{color:#ff662f;font-family:'Microsoft YaHei'}.user-reg .hui-common-title-line{background:#ff662f;height:1px}.user-info .hui-list{ackground:#fff;margin-top:28px}.user-info .hui-list img{width:66px;margin:0;border-radius:50%}.classroom .courselist li{height:70px}.classroom .courselist .hui-media-list-img{width:140px;height:auto}.classroom .courselist .hui-media-list-img img{height:auto}.classroom .teachers{width:30px}.classroom a{height:30px;width:30px;margin-left:10px}.classroom .teachers img{height:100%}.course-brief p img{height:auto}.order .hui-media-list span{color:#ff662f;font-size:18px}.order .hui-media-list span i{color:#ff662f}.order .details{background:#fff0e0;margin-top:20px}.order .details .info{color:#666}.order .note{padding:10px 20px 10px 20px}.order form{padding:0 20px 10px 10px}
.order form .box{padding:5px}.order form .check img{width:100%;background:#fff;height:40px}.payment .check.active{border:1px solid #15c288}.aui-header-set{width:100%;overflow:hidden}.aui-header-set-list{position:relative}.aui-header-set-list .aui-flex-box{height:55px;line-height:55px;background:#f7f9fb}.aui-flex-box{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;font-size:14px;color:#333}.aui-flex-box h2{font-size:.9rem;position:relative;padding-left:25px}.aui-flex-box h2:after{content:'';position:absolute;z-index:0;top:0;left:15px;width:4px;height:38px;transform:scaleY(0.5);-webkit-transform-origin:0 100%;transform-origin:0 100%;background:#fd8b2d;border-radius:5px}.aui-head-title{text-align:right;font-size:12px;color:#999;line-height:28px;padding-right:20px;background-size:15px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAB/klEQ…5Q9XVa/1H/C8S8NTMwtXgumAumFkidn89gLphaIHX+0p/BX7iyuSlLmrBfAAAAAElFTkSuQmCC)}.aui-box-content{position:relative;overflow:hidden;padding-left:15px;padding-top:15px;margin-bottom:-15px}.aui-box-content a{position:relative;float:left;padding:8px 1px 8px 1px;width:21%;box-sizing:border-box;display:inline-block;background:#f3f5f8;font-size:.8rem;color:#333;border-radius:3px;margin-right:4%;margin-bottom:4%;text-align:center}.aui-class-item{position:relative;overflow:hidden;padding-left:15px;padding-top:15px}.aui-class-item a{position:relative;float:left;padding:8px 1px 8px 1px;min-width:21%;box-sizing:border-box;display:inline-block;background:#f3f5f8;font-size:.8rem;color:#333;border-radius:3px;margin-right:4%;margin-bottom:4%;text-align:center}.mycourselist .hui-media-list-img{width:40%;height:80px}.mycourselist .hui-media-list-img img{width:100%;height:100%}.article .hui-media-list .hui-media-list-img{width:25%;height:70px;padding-right:10px}.article .hui-media-list .hui-media-list-img img{height:100%}.article .hui-media-list .hui-media-content p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article .hui-tab-active{border-bottom:2px solid orangered!important;color:orangered}.doc-section .section-list{background:#FFF}.doc-section .section-list ul{padding:0}.doc-section .noteslist li{height:auto!important;line-height:100%!important}.doc-section .hui-accordion-title{height:40px;line-height:40px;color:#656b79;font-size:1.0rem}.hui-list .layui-icon{font-size:12px}.pay-result .result{text-align:center;margin-top:25px}.pay-result .result i{font-size:60px;display:block;margin-bottom:30px;color:#5fb878}.pay-result .result span{font-size:26px}.pay-result .result .orderid{margin-top:20px;font-size:1rem;color:#333}.pay-result .courseinfo{margin-top:60px}.pay-result .courseinfo .title{margin-left:10px;color:#999;font-size:.9rem;padding-right:10px}.pay-result .courseinfo .title i{color:#333;font-family:'Microsoft YaHei';font-size:.9rem}.pay-result .courseinfo .title .price{color:#ff662f;font-size:26px}.pay-result .btn{text-align:center;margin-top:30px}.doc-player{padding:6px 10px;color:#999}.doc-player img{width:100%;height:auto;margin-top:10px;margin-bottom:10px;border-radius:4px;box-shadow:5px 5px 5px #dedede}.live-learn{height:250px;background:#000;text-align:center;color:#fff}.hui-tags>div{border:1px solid #5fb878;color:#5fb878}.hui-primary{background:#5fb878!important}.course-brief{margin-bottom:20px}.course-brief img{width:100%;height:auto}@font-face{font-family:"iconfont";src:url('fonts2/iconfont.eot');src:url('fonts2/iconfont.eot') format('embedded-opentype'),url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),url('fonts2/iconfont.woff') format('woff'),url('fonts2/iconfont.ttf') format('truetype'),url('fonts2/iconfont.svg') format('svg')}.iconfont{font-family:"iconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;font-size:20px;height:26px;line-height:26px;color:#666}.icon-01:before{content:"\e604"}.icon-04f:before{content:"\e60b"}.icon-1:before{content:"\e611"}.icon-mine:before{content:"\e603"}.icon-iconfontzhizuobiaozhun023101:before{content:"\e667"}.icon-zhibo-01:before{content:"\e630"}.icon-shipin:before{content:"\e678"}.icon-shipin1:before{content:"\e677"}.icon-shipin2:before{content:"\e605"}.icon-video:before{content:"\e61f"}.icon-banji:before{content:"\e612"}.icon-shouye:before{content:"\e62b"}.icon-zhiboguanli:before{content:"\e62c"}.icon-shipin3:before{content:"\e682"}
.icon-shipin4:before{content:"\e614"}.icon-wode:before{content:"\e699"}.icon-banji1:before{content:"\e675"}.icon-banji2:before{content:"\e6c9"}.icon-wodedangxuan:before{content:"\e607"}.icon-banji3:before{content:"\e64e"}.icon-banjiguanli:before{content:"\e62d"}.icon-banji4:before{content:"\e647"}.icon-15:before{content:"\e626"}.question-seq-wrap{float:left;width:25px;margin-right:5px;text-align:center}.question-seq{font-size:20px;color:#3a87ad}.question-score{font-size:12px;color:#aaa;border:1px solid #ccc;padding:0 1px;border-radius:5px;background:#f6f6f6;display:inline-block}.ml50{margin-left:30px}.well{min-height:20px;padding:10px 5px 10px 5px;margin:10px 10px 10px 25px;background-color:#f5f5f5;border:1px solid #1890ff;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.exam-preview{padding-top:60px;text-align:center}.exam-preview .title{height:70px;text-align:center;line-height:70px;border-bottom:1px dashed #dedede;font-size:18px}.exam-preview .detail{height:130px;padding:30px 0 30px 0;text-align:center}.exam-preview .detail ul li{height:35px;line-height:35px}.exam-preview .detail ul li .tag{margin-right:30px}.exam-preview .daojishi{text-align:center;height:60px;line-height:60px}.exam-preview .daojishi .tag{font-size:16px}.exam-preview .daojishi .layui-badge{font-size:16px;height:20px;padding-top:4px;margin-left:10px}.exam-box img{max-width:100%;height:auto}.exam-box .tac{text-align:center}.layui-colla-title{font-size:15px}.layui-colla-title span{font-size:13px}.exam-daojishi .layui-badge{font-size:15px;margin-left:10px}.nodata{padding:30px}.nodata img{width:40%!important;margin-bottom:20px}.text-center{text-align:center;color:#aaa}.hui-list{border:none!important}.w-e-text-container{height:150px!important}.article .article-content img{max-width:100%;height:auto}.yxt_teacher-list .teacher-pic img{border-radius:50%;display:block;width:100%;height:100%}.yxt_teacher-list .yxt_teacher-item{position:relative;z-index:1;margin-bottom:30px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #e4ecf3;background-color:#fff;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s}.yxt_teacher-list .yxt_teacher-item .teacher-pic{height:250px;text-align:center}.yxt_teacher-list .yxt_teacher-item .teacher-pic .img-box{width:150px;height:150px;margin-top:36px;display:inline-block;border-radius:50%;background-color:#e9e9e9}.yxt_teacher-list .teacher-pic .teacher-name{color:#ef6c00;font-size:18px;margin-top:15px}.yxt_teacher-list .yxt_teacher-item p{padding:10px;height:45px;line-height:20px;font-size:12px;color:#949494;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.remote-placeholder{display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:space-between}.myself{display:none;width:125px;height:90px;background:#2c405a;position:relative}.myself .bottom{line-height:18px;height:18px;width:125px;position:absolute;bottom:0;left:0;z-index:99;background:#1d222b;cursor:pointer;display:flex;justify-content:space-between}.myself .username{font-size:6px;cursor:pointer;margin-left:2px;color:#999}.myself .user-tools{cursor:pointer;color:#999}.myself .bottom .layui-icon{margin-right:2px!important}.user-li{display:-webkit-flex;display:flex;flex-direction:row;color:#666;margin-top:10px;line-height:25px;padding:1px 20px}.user-li .userimg{width:25px;height:25px;margin-right:10px;border-radius:50%}.user-li .teacherrole{margin-left:10px}.user-li .shutdown{color:#999;cursor:pointer;right:0}.message-list{overflow:auto;padding:10px 20px}.message-list .notice{color:#7bc549;line-height:30px}.message-list .notice .name{margin-right:6px}.message-list .notice .teacherrole{margin-right:10px}.message-sent{height:120px;bottom:5px;right:5px;padding-left:10px;padding-right:10px}.message-sent .content{height:70px;width:250px;border-radius:6px;padding:5px}.message-tools{flex-direction:row;justify-content:space-between;margin-top:10px}.startclass{width:300px;height:40px;position:absolute;left:0;right:0;top:150px;bottom:0;margin-left:auto;margin-right:auto;margin-bottom:auto;text-align:center}.video-placeholder{width:60px;height:60px;background:#2c405a;margin:10px;position:relative;border-radius:30px}.learn-r-wrap{position:relative;width:100%}.video-placeholder .nostream{background-image:url(/static/default/img/video-off.png);background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;background-position:center!important;width:40px;height:40px;position:absolute;top:10px;left:10px}
.video-placeholder .bottom{width:260px;position:absolute;bottom:0;left:0;background:#1d222b;cursor:pointer;justify-content:space-between}.video-grid{position:fixed;top:0;right:0}.myselfmessage{margin-top:10px;margin-bottom:15px}.myselfmessage .userInfo{display:-webkit-flex;display:flex;line-height:25px;color:#fff;flex-direction:row-reverse;align-items:flex-end}.myselfmessage .userInfo .userimg{width:25px;height:25px;margin-right:10px;border-radius:50%}.myselfmessage .userInfo .username{color:#999;margin-right:10px;margin-left:10px}.myselfmessage .userInfo .teacherrole{margin-bottom:3px}.myselfmessage .content{text-align:right;margin-top:6px;width:auto;margin-right:25px}.myselfmessage .content span{padding:6px;background:#2c405a;color:#fff;font-size:13px;border-top-left-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px;line-height:25px;letter-spacing:1px}.stumessage{margin-top:10px;margin-bottom:15px}.stumessage .userInfo{line-height:25px;color:#fff;display:-webkit-flex;display:flex}.stumessage .userInfo .userimg{width:25px;height:25px;margin-right:10px;border-radius:50%}.stumessage .userInfo .username{color:#999;margin-right:10px}.stumessage .userInfo .teacherrole{margin-top:3px}.stumessage .content{margin-top:6px;width:auto;margin-left:10px}.stumessage .content span{padding:6px;background:#2c405a;color:#fff;font-size:13px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px;line-height:25px;letter-spacing:1px}