html,body,.learn-box{overflow:hidden;height:100%;width:100%}body{background:#1d222b}.learn-box{position:relative;top:0;right:0}.learn-header{height:40px;background:#121720;color:#dde1e3;padding:0 15px;line-height:40px}.learn-title a{font-size:16px;color:#dde1e3}.learn-content{position:relative;height:100%;padding-right:231px}.learn-playroom{width:100%;height:100%;position:relative}.learn-right-box{background:#121720;position:absolute;top:0;right:0;bottom:0;width:280px;padding-left:12px}.btn-slide{background:#121720 none repeat scroll 0 0;border-right:1px solid #121720;display:block;height:100%;left:0;position:absolute;top:0;width:11px;z-index:0}.l i{left:3px;position:absolute;top:50%;color:#fff;font-style:normal}.s i{left:-5px;position:absolute;top:50%;color:#fff;font-style:normal}.learn-r-wrap{position:relative;width:100%}.layui-tab-title{color:#999}.layui-tab-title .layui-this:after{left:25%;width:50%}.learn-seclist-box .layui-colla-title{background-color:#191919;color:#999}.learn-seclist-box .layui-collapse{border:0}.learn-seclist-box .layui-colla-content,.layui-colla-item{border:0}.learn-seclist li{margin-left:10px;line-height:35px;list-style-type:none;font-size:13px;color:#999}.learn-seclist li a{color:#999}.layui-icon{margin-right:10px}.notes-box-text{height:80px;background:rgba(159,168,181,0.2)!important;padding:5px;margin-top:15px;border-radius:6px}.notes-box textarea{height:80px;width:100%;padding:0;border:0;background:transparent;color:#8f8f8f;font-size:12px;line-height:20px;overflow-y:auto}.notes-box-btn a{display:inline-block;border:1px solid #b4b4b4;text-align:center;color:#b4b4b4;font-size:14px;padding:0 20px;border-radius:4px;height:28px;line-height:28px}.btn-del{background-color:#191919;color:#b4b4b4}.btn-del:hover{border-color:#ff5722;color:#ff5722}.notes-list{overflow-y:auto}.notes-list-box{border-bottom:1px solid #293346;min-height:70px;margin-left:10px}.layui-tab-content{overflow-y:auto;overflow-x:hidden;position:relative}.prism-player .prism-controlbar{background:#191919}.layui-tab-title{border:0}.fr{float:right}.live-player{color:#fff;text-align:center;padding:50px}.c-999{color:#999}.c-666{color:#666}.mt50{margin-top:50px}.mt30{margin-top:30px}.mr10{margin-right:10px}.mr30{margin-right:30px}.mr50{margin-right:50px}.mt20{margin-top:20px}.mt10{margin-top:10px}.ml20{margin-left:20px}.mb20{margin-bottom:20px}.c-999{color:#999}.c-333{color:#333}.font-12{font-size:12px}.tar{text-align:right}.l-h-30{line-height:30px;height:30px}.c-studied{color:#009688!important}.vip-join{color:#00c1de}.vip_limit_content{display:flex;width:100%;height:100%;flex-wrap:wrap;justify-content:center;align-items:center}.vip_limit_content .title{font-size:18px;line-height:36px;color:#fff;text-align:center;width:100%}.vip_limit_button_box{text-align:center;white-space:nowrap;overflow:hidden;width:100%}.vip_limit_btn{display:inline-block;min-width:100px;position:relative;background:#f60;padding:0 35px;margin:0 5px 20px 5px;border-radius:38px;font-size:18px;line-height:38px;color:#623a0c;text-align:center;background-image:linear-gradient(-135deg,#fbe8a8 0,#f8e7ac 15%,#e2c078 100%);cursor:pointer}.vip_limit_close{text-align:center}.vip_limit_close span{display:inline-block;width:40px;height:40px;line-height:36px;background:rgba(165,165,165,0.54);border-radius:50%;font-size:24px;cursor:pointer}.learn-content-box{background:red}::-webkit-scrollbar{width:2px;height:9px}::-webkit-scrollbar-track{background-color:transparent;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em}::-webkit-scrollbar-thumb{background-color:#ccc;background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em}.question-seq-wrap{float:left;width:40px;margin-right:10px;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}.learn-seclist-box ul li em{margin-left:5px}em{font-style:normal;font-weight:normal}.success-color{color:#15c288!important}.layui-colla-content{padding:5px 5px!important}.video-placeholder{width:260px;height:150px;background:#2c405a;margin:10px;position:relative}.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:90px;height:90px;position:absolute;top:30px;left:95px}.video-placeholder .bottom{width:260px;position:absolute;bottom:0;left:0;background:#1d222b;cursor:pointer;display:flex;justify-content:space-between}.video-placeholder .user-tools{cursor:pointer;color:#fff}.video-placeholder .username{font-size:10px;cursor:pointer;margin-left:10px;color:#fff}.video-placeholder .bottom .layui-icon{margin-right:10px!important}
.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 .user-tools{cursor:pointer;color:#999}.myself .bottom .layui-icon{margin-right:2px!important}.myself .username{font-size:6px;cursor:pointer;margin-left:2px;color:#999}.stu_video{width:125px;height:90px;background:#2c405a;position:relative}.stu_video .bottom{line-height:18px;height:18px;width:125px;position:absolute;bottom:0;left:0;background:#1d222b;cursor:pointer;display:flex;justify-content:space-between}.stu_video .user-tools{cursor:pointer;color:#999}.stu_video .bottom .layui-icon{margin-right:2px!important}.stu_video .username{font-size:6px;cursor:pointer;margin-left:2px;color:#999}.tlc{text-align:center}.tlr{text-align:right}.layui-form-label{width:auto!important}.layui-input-block{margin-left:75px!important}.layui-tab-title li{padding:0 12px!important}.message-list{overflow:auto;padding-top:10px}.message-list .notice{color:#7bc549;line-height:25px}.message-list .notice .name{margin-right:6px}.message-list .notice .teacherrole{margin-right:10px}.user-list{overflow:auto}.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}.message-sent{height:120px;position:fixed;bottom:5px;right:5px;padding-left:10px;padding-right:10px}.message-sent .content{height:70px;width:250px;background:rgba(159,168,181,0.2)!important;border-radius:6px;padding:5px}.message-sent .content input{height:100%;cursor:pointer;margin-left:-70px}.message-tools{display:flex;flex-direction:row;justify-content:space-between;margin-top:10px}.layui-btn{background:#6d6d6e!important}.content textarea{height:70px;width:100%;padding:0;border:0;background:transparent;color:#8f8f8f;font-size:12px;line-height:20px}.user-li{display:-webkit-flex;display:flex;flex-direction:row;color:#fff;margin-top:10px;line-height:25px}.user-li .userimg{width:25px;height:25px;margin-right:10px;border-radius:50%}.user-li .teacherrole{margin-left:10px}.user-li .userhand{width:25px;height:25px;margin-left:5px;margin-right:10px}.user-li .userhandok{cursor:pointer}.user-li .userhandno{cursor:pointer}.user-li .shutdown{color:#999;cursor:pointer;position:absolute;right:0}.tools{position:absolute;height:40px;background:var(--brand-container-bg,rgba(49,56,71,0.9));right:85px;bottom:7px;pointer-events:auto;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);-webkit-border-radius:3px;border-radius:3px;border:1px solid rgba(221,221,221,0.1);line-height:40px;padding-left:20px;padding-right:20px}.tools .items{position:relative;display:inline-block;width:44px;height:50px;text-align:center;cursor:pointer}.tools .items img{width:30px;height:30px}.control{position:absolute;height:40px;background:var(--brand-container-bg,rgba(49,56,71,0.9));right:75px;bottom:7px;pointer-events:auto;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);-webkit-border-radius:3px;border-radius:3px;border:1px solid rgba(221,221,221,0.1);line-height:40px}.control .layui-icon{margin-right:1px!important;color:#fff}.startclass{width:300px;height:40px;position:absolute;left:0;right:0;top:0;bottom:0;margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;text-align:center}.whitetools{left:3px;top:40px;position:fixed;width:36px;padding:4px 0;background:var(--brand-container-bg,rgba(49,56,71,0.9));-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid rgba(159,168,181,0.2)}
.whitetools>ul{margin:0;padding:0;text-align:center}.whitetools>ul>li{position:relative;margin:4px auto;display:inline-block;cursor:pointer;line-height:0;vertical-align:middle}.whitetools>ul>li img{display:inline-block;width:24px;height:24px}.livetools{left:3px;bottom:7px;position:fixed;width:36px;padding:4px 0;background:var(--brand-container-bg,rgba(49,56,71,0.9));-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid rgba(159,168,181,0.2)}.livetools>ul{margin:0;padding:0;text-align:center}.livetools>ul>li{position:relative;margin:4px auto;display:inline-block;cursor:pointer;line-height:0;vertical-align:middle}.livetools>ul>li img{display:inline-block;width:24px;height:24px}.toolsbox .active{background-color:rgba(0,0,0,0.2);-webkit-border-radius:1px;border-radius:1px}.pagetools{bottom:7px;left:50px;position:fixed;height:28px;padding:4px 0;background:var(--brand-container-bg,rgba(49,56,71,0.9));-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid rgba(159,168,181,0.2)}.pagetools li{display:inline;line-height:28px;float:left;padding:0 3px;color:#cdcdcd}.pagetoolsbox img{width:18px;height:18px;cursor:pointer}.penciltools{top:130px;left:50px;position:fixed;height:160px;width:122px;padding:4px 0;background:var(--brand-container-bg,rgba(49,56,71,0.9));-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid rgba(159,168,181,0.2)}.penciltools .weight-box{height:25px;padding:5px;border-bottom:#cdcdcd solid 1px}.penciltools .weight-box .weight{width:22px;height:16px;float:left;padding:3px;cursor:pointer}.weight1{height:2px;width:18px;background:#cdcdcd;float:left;margin-top:6px;margin-left:2px}.weight2{height:4px;width:18px;background:#cdcdcd;float:left;margin-top:5px;margin-left:2px}.weight3{height:6px;width:18px;background:#cdcdcd;float:left;margin-top:4px;margin-left:2px}.weight4{height:8px;width:18px;background:#cdcdcd;float:left;margin-top:3px;margin-left:2px}.penciltools .color-box{width:120px;text-align:center;padding:5px}.penciltools .color-box .color{width:18px;height:18px;float:left;margin:10px 5px 5px 5px;cursor:pointer}.color1{background:#ff9500}.color2{background:#ffbf2f}.color3{background:#f8e71c}.color4{background:#ee4844}.color5{background:#1795ff}.color6{background:#00caf5}.color7{background:#50e3c2}.color8{background:#fc9d9a}.color9{background:#29cf42}.color10{background:#8b572a}.color11{background:#417505}.color12{background:#fff}.color13{background:#417505}.color14{background:#8e8f93}.color15{background:#424242}.color16{background:#000}.weight-box .active{background-color:rgba(0,0,0,0.2);-webkit-border-radius:1px;border-radius:1px}.color-box .active{width:14px!important;height:14px!important;border:#cdcdcd solid 2px;border-radius:1px}.selectbox{padding:20px}.selectbox .selectfile{cursor:pointer;border:#414957 solid 1px;height:60px;border-radius:3px}.selectbox .selectfile .title{font-size:17px}.selectbox .selectfile .sec{font-size:13px;color:#6d6c6c}.selectbox .selectfile .selectli1{padding:15px 10px 13px 10px;color:#cdcdcd}.selectbox .selectfile .selectli1 .layui-icon{color:#414957;font-size:28px}.selectbox .selectfile .selectli2{padding:10px 10px 10px 10px;color:#cdcdcd}.selectbox .selectfile .selectli3{padding:20px 0 20px 0;color:#cdcdcd}.selectbox .selectfile .selectli3 .layui-icon{color:#414957;font-size:12px}.upline{border-bottom:#414957 solid 1px;margin-left:20px;margin-right:20px}.upsec{margin-top:10px;margin-left:20px;margin-right:20px;color:#6d6c6c;line-height:20px}.up-file{position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;height:220px;width:500px;border:#414957 solid 1px;border-radius:6px;box-shadow:0 0 5px 3px #444;background:#2e343e}.convertprogress{margin-top:20px;margin-left:20px;margin-right:20px}.fileuping{margin-top:20px;text-align:center;color:#00cc65}.classtools{bottom:7px;left:55px;position:fixed;height:28px;padding:4px 0;background:var(--brand-container-bg,rgba(49,56,71,0.9));-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid rgba(159,168,181,0.2)}.classtools img{width:24px;height:24px;cursor:pointer}.classtools li{display:inline;line-height:28px;float:left;padding:0 5px;color:#cdcdcd}.dianmingset{position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;height:220px;width:500px;border:#414957 solid 1px;border-radius:6px;box-shadow:0 0 5px 3px #444;background:#2e343e}.dianmingset .title{color:#dde1e3}.dianmingset .set{margin-top:30px;color:#dde1e3;text-align:center}
.dianmingset .left{margin-top:30px;color:#dde1e3;text-align:center}.dianmingset .shutdown{margin-left:430px;color:#dde1e3;cursor:pointer}.dianmingset .sub{margin-top:30px;text-align:center}.dianmingset .layui-input{display:inline;width:30px;height:20px;margin-left:3px;background:#cdcdcd}.dianmingset .dshutdown{margin-left:430px;color:#dde1e3;cursor:pointer}.layui-table{background:#2e343e!important;color:#dde1e3}.layui-table thead tr{background:#2e343e!important;color:#dde1e3}.layui-table-hover{background:#414957!important}.dingming-result{text-align:center;color:#dde1e3}.layui-table td,.layui-table th,.layui-table-col-set,.layui-table-fixed-r,.layui-table-grid-down,.layui-table-header,.layui-table-page,.layui-table-tips-main,.layui-table-tool,.layui-table-total,.layui-table-view,.layui-table[lay-skin=line],.layui-table[lay-skin=row]{border-color:#414957!important}.dianmingset .dongset{margin-top:30px;color:#dde1e3;text-align:center}.dianmingset .dongleft{margin-top:30px;color:#dde1e3;text-align:center}