a:active,a:focus,a:hover{color:#49C4FA;text-decoration:none}body,button,input,select,textarea{font-family:"Lantinghei SC Extralight","Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Arial,sans-serif;background-color:#fff}a:active,a:focus,a:hover,a:link,a:visited{text-decoration:none}html{font-size:62.5%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;font-size:1.4rem}article,aside,blockquote,body,dd,div,dl,dt,figure,footer,h1,h2,h3,h4,h5,h6,header,html,li,nav,ol,p,section,table,td,tfoot,th,thead,tr,ul{margin:0;padding:0}a:link,a:visited{color:#fff}a:focus,a:hover{outline:0}ol,ul{list-style-type:none}button,input,select,textarea{font-size:inherit;outline:0}label{display:block;margin-bottom:5px}input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color],input[type=text],input[type=password],select,textarea{padding:.45em 8px .35em;border:1px solid #ddd;border-radius:3px;vertical-align:middle}textarea{vertical-align:top;overflow:auto;resize:vertical}label.checkbox,label.radio{padding-left:20px}input[type=checkbox],input[type=radio]{padding:0}label.checkbox input[type=checkbox],label.radio input[type=radio]{float:left;margin-left:-20px}button,input[type=submit],input[type=reset],input[type=button]{padding:.45em .8em .35em;border-width:1px;border-style:solid;border-color:#dfdfdf}button,input[type=submit],input[type=reset],input[type=button],label,select{cursor:pointer}button[disabled],input[disabled]{cursor:default}.btn{display:inline-block;line-height:1;padding:8px 19px;border-radius:3px;font-size:1.2rem}.fl{float:left}.mr5{margin-right:5px}body,html{overflow:hidden}.main-video{position:absolute;left:6px;top:60px;right:0;z-index:0;height:242px;background:#000}.video-middle{right:270px;bottom:0;z-index:5}.document-main{position:absolute;top:0;right:0}.video-middle .l-m-b{position:absolute;z-index:9}.video-middle .progress-box{position:absolute;height:4px;top:-4px;width:100%;cursor:pointer}.video-middle .progress-box .background{position:absolute;background:#757575;height:100%;width:100%;z-index:-2}.video-middle .progress-box .buffer{position:absolute;height:100%;background:#999;width:67.5%;z-index:-1}.video-middle .progress-box .progress{height:100%;background:#0F7EFF;width:0%;float:left}.video-middle .progress-box .dot{background-color:#fff;border:1px solid #0F7EFF;width:8px;height:8px;border-radius:100%;outline:0;display:none;float:right;cursor:pointer;margin-top:-3px;margin-right:-8px}.video-middle .controls{width:100%;height:100%;padding:10px 20px;box-sizing:border-box}.video-middle .controls .left .play{float:left;margin-right:25px;margin-top:5px}.video-middle .controls .left .play .btn-play{display:block;width:20px;height:20px;background:url(../../images/newLive/xt-icon-playbar.png) -50px -52px no-repeat}.video-middle .controls .left .time{float:left;margin-right:25px;margin-top:6px;color:#fff}.video-middle .controls .left .volume{float:left;margin-top:6px}.video-middle .controls .left .volume .btn-volume{display:block;width:22px;height:18px;background:url(../../images/newLive/xt-icon-playbar.png) -10px -52px no-repeat}.video-middle .controls .left .volume-slider{display:inline-block;width:76px;height:4px;background:#ddd;border:none;vertical-align:2px;margin-top:14px;margin-left:10px;position:absolute}.video-middle .controls .left .volume-slider .v-progress{background:#0F7EFF;width:100%;height:100%;float:left;cursor:pointer}.video-middle .controls .left .volume-slider .v-dot{background-color:#fff;border:1px solid #0F7EFF;width:8px;height:8px;border-radius:100%;outline:0;display:block;float:left;cursor:pointer;position:absolute;left:0;top:-3px}.video-middle .controls .right{position:absolute;right:0;top:14px}.video-middle .controls .right .tools li{float:left;margin-right:25px}.video-middle .controls .right .select{position:absolute;top:-198px;left:-23px;background:rgba(22,22,22,.8);border:1px solid rgba(102,102,102,.5);width:78px;height:178px;display:none}.video-middle .controls .right .select li{height:34px;line-height:34px;text-align:center;cursor:pointer;font-size:12px;color:#B6B6B6}.video-middle .controls .right .select li:hover a{color:#fff}.video-middle .controls .right .select li a{text-decoration:none;color:#B6B6B6}.video-middle .controls .right .tools .documnet .btn-documnet,.video-middle .controls .right .tools .rate .btn-rate{color:#fff;font-size:14px}.document-main .document{display:none;position:absolute;top:0;bottom:0;right:0;width:148px;background:rgba(22,22,22,.3);padding:0 6px;overflow-y:auto}.document-main .document::-webkit-scrollbar{width:12px;background-color:#292929}.document-main .document::-webkit-scrollbar-thumb{height:240px;background-color:#515151}.document-main .document li{position:relative;margin:10px;width:116px;height:60px;border:1px solid #cdcdcd;cursor:pointer}.document-main .document li.active{border:2px solid #0F7EFF}.document-main .document li .document-img{width:116px;height:60px}.document-main .document li .document-mask{position:absolute;left:0;right:0;bottom:0;height:20px;background:rgba(0,0,0,.4)}.document-main .document li .document-time{float:right;padding-right:6px;font-size:14px;color:#fff}#star li,.click_but,.comment-content .comment-item .label{float:left}.video-middle .controls .right .tools .documnet,.video-middle .controls .right .tools .rate{width:auto;height:13px;padding:5px;line-height:13px}.video-middle .controls .right .tools .switch .btn-switch{display:block;width:23px;height:23px;background:url(../../images/newLive/xt-icon-switch.png) no-repeat}.video-middle .controls .right .tools .close .btn-close,.video-middle .controls .right .tools .close .btn-close:hover{background:url(../../images/newLive/xt-icon-playbar.png) -10px -92px no-repeat}.video-middle .controls .right .tools .close .btn-close{display:block;width:23px;height:23px}.video-middle .controls .right .tools .fullscreen .btn-fullscreen{display:block;width:18px;height:18px;background:url(../../images/newLive/xt-icon-playbar.png) -92px -48px no-repeat}.enter-fullscreen{width:100%;left:0}.sidebar{padding-top:12px;overflow-x:hidden;overflow-y:auto;position:absolute;left:6px;right:0;top:302px;bottom:0;background:#303030}.sidebar .scan-btn{position:absolute;bottom:48px;right:12px;width:60px;height:60px}.sidebar .qrcode-blocks{position:absolute;bottom:128px;right:22px;display:flex;align-items:center}.sidebar .qrcode-blocks .qrcode-block{margin-left:24px;width:128px;height:150px;background:#fff;border-radius:5px;text-align:center}.sidebar .qrcode-blocks .qrcode-block img{margin:4px 4px 0;width:120px;height:120px}.sidebar .qrcode-blocks .qrcode-block span{font-size:14px;font-weight:400;color:#333;line-height:26px}.sidebar-tabs{display:flex;align-items:center;justify-content:space-around;height:46px}.sidebar-tab{padding:0 10px;height:46px;line-height:46px;font-size:18px;color:#999}.sidebar-tab.active{border-bottom:1px solid #49C4FA;color:#fff}.tab-content{padding:12px}.tab-content .submit-btn{padding:0;width:64px;height:28px;line-height:28px;text-align:center;border:none;border-radius:3px;background-color:#49C4FA;color:#fff}.tab-content textarea{display:block;padding:9px;width:100%;height:100px;font-size:15px;color:#fff;background:#636363;border:none;border-radius:3px}.class-list,.class-list li{color:#999;font-size:14px}.tab-content textarea::-webkit-input-placeholder{color:#999}.tab-content textarea::-moz-placeholder{color:#999}.tab-content textarea:-ms-input-placeholder{color:#999}.tab-content textarea::-ms-input-placeholder{color:#999}.tab-content textarea::placeholder{color:#999}.class-list .class-teacher{margin-left:30px}.class-list li{display:flex;align-items:flex-start;padding:10px 0 10px 26px;background:url(../../images/newLive/linux-live.png) left 9px no-repeat;background-size:20px;text-align:left}.class-list li.active{background:url(../../images/newLive/linux-live1.gif) left 7px no-repeat;color:#fff}.class-list li a{color:#999}.class-list li.active a{color:#fff}.class-list li .class-status{flex-shrink:0;margin-left:10px;padding-left:10px;border-left:1px solid #999}.class-list li.active .class-status{flex-shrink:0;border-color:#feffff}.kj-list .kj-item{font-size:14px;color:#fff}.kj-list .submit-btn{margin:10px 0 20px}.comment-content .comment-desc{font-size:12px;color:#999}.comment-content .comment-item{margin-top:20px;font-size:14px;color:#fff}.comment-content .comment-rate{height:50px}.comment-content .comment-input{margin-top:0}.comment-content .comment-input .label{margin-bottom:14px}.comment-content .comment-buttons{margin:10px 0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.comment-content .reset-btn{margin-left:8px;color:#49C4FA;border:1px solid #49C4FA;background:0 0}#star{position:relative}#star li{margin-right:6px;width:14px;height:14px;cursor:pointer;text-indent:-9999px;background:url(../../images/newLive/icon-star.png) -44px -10px no-repeat}#star li.on{background:url(../../images/newLive/icon-star.png) -10px -10px no-repeat}#star p{display:none;position:absolute;top:30px;left:44px;width:240px;height:30px;background:url(../../images/icon.gif) no-repeat;font-size:16px;z-index:999;color:#F06000;text-align:left;margin-bottom:40px}body,html{height:100%;overflow-x:auto}.chat-main,.document-main{background:#fff}@media (max-width:1200px){body{width:1200px;margin:0 auto;position:relative;background:#ddd;box-shadow:0 0 10px 2px #ccc}}@media (min-width:1600px){body{margin:0 auto;position:relative;background:#ddd;box-shadow:0 0 10px 2px #ccc}}.ship_conone_right,.wrap{height:100%;overflow:hidden;background:#0f0f0f}.live-right .l-r-m,.question-main{bottom:0}#callbackPanel,#callbackPanel img{width:100%;height:100%}.wrap{width:100%;position:relative}.ship_conone_left{margin-right:330px;height:100%;overflow:hidden;position:relative;z-index:9}.ship_conone_right{width:330px;position:absolute;right:0;top:0;bottom:0}.zz_left{display:block;padding-left:20px}.kc_cur_title{font-size:18px;float:left;height:60px;line-height:60px;color:#fff}.video-middle{position:absolute;left:0;top:60px;width:100%;background:0 0}.document-main{left:0;bottom:48px}.video-middle .l-m-b{left:0;right:0;bottom:0;height:48px;background-color:#182E3B}.click_but{width:6px;height:100%;background:#3E3E3E;position:relative;margin-top:60px}.click_but img{position:absolute;left:0;top:50%;margin-top:-87px}.progress-box .progress-time{display:none;position:absolute;top:-40px;padding:0 5px;height:26px;line-height:26px;background:rgba(0,0,0,.3);color:#fff}.video-middle .controls .left .volume .btn-volume.mute{background:url(../../images/newLive/xt-icon-playbar.png) -92px -10px no-repeat}.video-middle .controls .left .play .playing{background:url(../../images/newLive/xt-icon-playbar.png) -50px -52px no-repeat}.video-middle .controls .left .play .stop{background:url(../../images/newLive/xt-icon-playbar.png) -52px -10px no-repeat}.video-middle .controls .right .tools .btn .close-show,.video-middle .controls .right .tools .close .btn-close.close-show:hover{background:url(../../images/newLive/xt-icon-playbar.png) -10px -92px no-repeat}.video-middle .controls .right .tools .close .btn-close.close-hide:hover,.video-middle .controls .right .tools .close .close-hide{background:url(../../images/newLive/xt-icon-playbar.png) -86px -92px no-repeat}.video-middle .controls .right .tools .fullscreen .full-off{background:url(../../images/newLive/xt-icon-playbar.png) -92px -48px no-repeat}.video-middle .controls .right .tools .fullscreen .full-on{background:url(../../images/newLive/xt-icon-playbar.png) -48px -92px no-repeat}.wt_tit_type{color:#777}.wt_tit_type p{color:#fff}.wt_tit_type label{display:inline-block;margin-right:10px}.wt_tit_type_two label{color:#0F7EFF}.questiononline{margin-top:30px;margin-bottom:8px;clear:both}.questiononline .ques-label{display:flex;align-items:center;padding:5px 1px;width:100%;height:24px;line-height:24px;text-align:left;font-size:14px;color:#999}.questiononline .ques-label label{font-size:12px;background:#49C4FA;border-radius:2px;color:#fff;padding:2px 5px;margin-right:5px}.questiononline .answer-block{margin-top:20px}.questiononline .answer-block .ques-label label{background:#74B718}.questiononline .ques-content{font-size:14px;color:#999;line-height:22px;text-align:left;font-weight:700}.questionitem img{max-width:80%}#playbackPanel .flashtip{margin-top:50px;color:#000;text-align:center}#playbackPanel .flashtip a:link,#playbackPanel .flashtip a:visited{color:#0F7EFF}