.video-warp{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:1200px}.video-warp .left{width:80%}.video-warp .left .video-content{overflow:hidden;background-color:#000}.video-warp .left .bottom{font-weight:100;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;height:60px;background-color:#222937;color:hsla(0,0%,100%,.65)}.video-warp .left .bottom,.video-warp .left .bottom .b-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.video-warp .left .bottom .b-left .el-button--text{color:hsla(0,0%,100%,.65);font-size:14px;margin:0 20px;width:65px}.video-warp .left .bottom .b-left .el-icon-arrow-down{font-size:12px;margin-left:2px;margin-right:10px}.video-warp .left .bottom .b-left .el-divider{margin:0 8px;background-color:rgba(220,223,230,.2)}.video-warp .left .bottom .b-left .el-rate{position:relative}.video-warp .left .bottom .b-left .el-rate:hover .el-rate__text{display:block}.video-warp .left .bottom .b-left .el-rate .el-rate__text{color:#fff;position:absolute;top:-15px;left:0;font-size:12px;display:none}.video-warp .left .bottom .bs-icon-jubao{font-size:14px}.video-warp .right{-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#2c303b;padding:15px 0;color:#fbfcff}.video-warp .right,.video-warp .right .r-m{-webkit-box-sizing:border-box;box-sizing:border-box}.video-warp .right .r-m{padding:0 20px;color:hsla(0,0%,100%,.65);max-height:200px;overflow:hidden}.video-warp .right .r-m .flag{margin-top:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-height:80px;overflow:hidden}.video-warp .right .r-m .flag .sign{border:1px solid hsla(0,0%,100%,.65);border-radius:15px;font-size:12px;padding:2px 7px 3px 7px;margin:0 10px 10px 0}.video-warp .right .el-tabs .el-tabs__nav-wrap:after{height:1px}.video-warp .right .el-tabs .el-tabs__nav-scroll div #tab-1{padding-left:20px}.video-warp .right .el-tabs .el-tabs__header{margin:0 0 20px 0}.video-warp .right .el-tabs .el-tabs__item{color:hsla(0,0%,100%,.65)}.video-warp .right .el-tabs .el-tabs__item.is-active,.video-warp .right .el-tabs .el-tabs__item:hover{color:#5780f4}.video-warp .right .el-tabs .el-tabs__nav-wrap:after{background-color:rgba(5,1,1,.164)}.video-warp .right .el-tabs .v-warp{overflow-y:auto}.video-warp .right .el-tabs .v-warp .v-item{position:relative;height:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;margin-left:20px}.video-warp .right .el-tabs .v-warp .v-item .time{display:inline-block;height:21px;line-height:21px;background:-webkit-gradient(linear,left top,left bottom,color-stop(2%,rgba(55,55,55,.24)),to(#000));background:linear-gradient(180deg,rgba(55,55,55,.24) 2%,#000);position:absolute;bottom:0;color:#fff;font-size:12px;width:7vw;padding-left:7px;-webkit-box-sizing:border-box;box-sizing:border-box}.video-warp .right .el-tabs .v-warp .v-item .i-img{width:7vw}.video-warp .right .el-tabs .v-warp .v-item .i-img img{width:7vw;height:80px}.video-warp .right .el-tabs .v-warp .v-item .i-detail{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;width:60%;height:60px;color:hsla(0,0%,100%,.65);padding:0 15px 0 1vw;-webkit-box-sizing:border-box;box-sizing:border-box}.video-warp .right .el-tabs .v-warp .v-item:hover{cursor:pointer;background:rgba(68,74,84,.51)}.video-warp .right .el-tabs .v-warp .v-item:hover .i-detail{color:#5780f4}.video-warp .right .el-tabs .a-warp{overflow-y:auto}.video-warp .right .el-tabs .a-warp .a-item{height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 0;margin-bottom:10px;color:hsla(0,0%,100%,.65);margin-left:20px}.video-warp .right .el-tabs .a-warp .a-item .i-name{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;width:60%}.video-warp .right .el-tabs .a-warp .a-item:first-child{padding:0}.video-warp .right .el-tabs .a-warp .a-item .i-size{width:60px;margin:0 20px 0 30px}.video-warp .fb-main{padding:10px 35px 0 35px}.video-warp .fb-main div{color:#333;font-weight:600;margin:15px 0}.video-warp .fb-main .el-radio{padding:8px 0}.video-warp .fb-main .el-radio .el-radio__label{color:#333;font-weight:600}.w-btn{color:hsla(0,0%,100%,.65)}.w-btn:hover{color:#2c5be8}