.none{display:none}.hide{visibility:hidden}.show{visibility:visible}.clip{overflow:hidden;*zoom:1}.fl{float:left}.fl,.fr{*display:inline}.fr{float:right}.clearfix{*zoom:1}.clearfix:after{content:"";display:table;clear:both}.fbox{display:table-cell;width:5000px;*display:inline-block;*width:auto}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.iflex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.grid{display:grid}.igrid{display:inline-grid}.ps{position:static}.pr{position:relative;*zoom:1}.pa{position:absolute}.pf{position:fixed}.po{position:static;margin:0}.islocked,.islocked body{width:100%;height:100%;overflow:hidden}.iconfont{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;font-family:iconfont;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;cursor:pointer}.m-rank-video{margin-top:40px}.m-rank-video-title{position:relative;*zoom:1}.m-rank-video-title .u-title-img{height:60px}.m-rank-video-title .u-addv,.m-rank-video-title .u-extend{position:absolute;right:0;top:20px}.m-rank-video-title .u-pages,.m-rank-video-title .u-server{float:left;*display:inline}.m-rank-video-title .u-pages .el-pager li{background:none;color:#0cf}.m-rank-video-title .u-pages .el-pager li.active{color:#ff0}.m-rank-video-title .u-pages .el-pager li:hover{color:#f39}.m-rank-video-title .u-pages .btn-next,.m-rank-video-title .u-pages .btn-prev{background:none;color:#0cf}.m-rank-video-title .u-pages .btn-next:hover,.m-rank-video-title .u-pages .btn-prev:hover{color:#f39}.m-rank-video-title .u-pages button:disabled{color:#444}.m-rank-video-content{margin-top:30px}.m-rank-video-item{position:relative;*zoom:1;margin-bottom:20px}.m-rank-video-item .u-video{display:block;background-color:#222;height:200px;overflow:hidden;-webkit-transition:.1s ease-in-out;transition:.1s ease-in-out;position:relative;*zoom:1}.m-rank-video-item .u-video .u-live-cover{width:100%;height:100%}.m-rank-video-item .u-video .u-live-null{width:120px;height:120px;display:block;margin:40px auto}.m-rank-video-item .u-video:hover{background-color:#111}.m-rank-video-item .u-video .u-status{position:absolute;right:10px;bottom:10px;background-color:#0cf;color:#fff;border-radius:2px;font-style:normal;font-size:12px;line-height:2;padding:0 10px}.m-rank-video-item .u-video .u-status.on{background-color:#49c10f}@-webkit-keyframes playerRotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}30%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes playerRotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}30%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.m-rank-video-item .u-video .u-player{width:91px;height:91px;position:absolute;left:40%;top:30%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center;transform-origin:center;-webkit-animation:playerRotate 4s ease-in-out infinite;animation:playerRotate 4s ease-in-out infinite}.m-rank-video-item .u-video .u-player svg{width:100%;height:100%;position:relative;*zoom:1}.m-rank-video-item .u-info{background-color:#264259;overflow:hidden}.m-rank-video-item .u-info:after{content:"";display:table;clear:both}.m-rank-video-item .u-info a{color:#ffedc6}.m-rank-video-item .u-team-logo{float:left;*display:inline;width:100px;height:100px;margin-right:10px}.m-rank-video-item .u-room,.m-rank-video-item .u-team{font-size:24px;line-height:1.3;white-space:nowrap;word-wrap:normal;word-break:keep-all;text-overflow:ellipsis;overflow:hidden}.m-rank-video-item .u-room a{font-size:16px;color:#fff;opacity:.5}.m-rank-video-item .u-team{margin-top:5px}.m-rank-video-item .u-label{color:#fff}.m-rank-video-item .button-edit{position:absolute;top:10px;right:10px;z-index:10}.m-rank-video-pages{margin-top:40px;margin-bottom:40px;text-align:center}.m-rank-video-live{width:100%;height:600px;margin-top:20px;position:relative;*zoom:1}.m-rank-video-live .u-live{margin-right:200px;background-color:#111;height:100%}.m-rank-video-live .u-live iframe{width:100%;height:100%}.m-rank-video-live .u-list{background-color:#111;width:200px;height:100%;position:absolute;right:0;top:0;overflow-y:auto;padding:5px 10px;-webkit-box-sizing:border-box;box-sizing:border-box}.m-rank-video-live .u-list::-webkit-scrollbar{width:4px}.m-rank-video-live .u-list::-webkit-scrollbar-track,.m-rank-video-live .u-list::-webkit-scrollbar-track-piece{background-color:#222;border-radius:6px}.m-rank-video-live .u-list::-webkit-scrollbar-thumb{background-color:#444;border-radius:6px}.m-rank-video-live .u-list::-webkit-resizer,.m-rank-video-live .u-list::-webkit-scrollbar-button,.m-rank-video-live .u-list::-webkit-scrollbar-corner{display:none}.m-rank-video-live .u-list li{list-style:none;margin:8px 0;cursor:pointer}.m-rank-video-live .u-list li.on,.m-rank-video-live .u-list li:hover{background-color:#222}.m-rank-video-live .u-list li.on span,.m-rank-video-live .u-list li:hover span{color:#eee;font-weight:700}.m-rank-video-live .u-list li img{width:32px;height:32px;vertical-align:middle;margin-right:10px;border-radius:2px}.m-rank-video-live .u-list li span{font-size:14px;line-height:32px;color:#888}.m-rank-video-live .u-list li em{color:#444;font-size:12px;line-height:32px;font-style:normal}.m-rank-video-item .u-info{position:relative;*zoom:1}.m-rank-video-item .u-op{position:absolute;right:5px;top:5px;cursor:pointer;color:#f39!important}.m-rank-video-dialog .el-dialog{width:800px!important;max-width:100%}