*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,Hiragino Sans GB,Microsoft Yahei,sans-serif;color:#eaf1ff;background-color:#1b1f29;margin:0}a{color:#686c75;font-size:14px;text-decoration:none}input{color:#d6d6d6!important;border:0!important;background-color:#1e232f!important}input::-moz-placeholder{color:#666!important}input:-ms-input-placeholder{color:#666!important}input::placeholder{color:#666!important}input:focus{border:0!important}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}input{-moz-appearance:textfield}.video{min-height:800px}.wrap{width:1200px;margin:0 auto}.head-top{background-color:#171b24}.head-top-row{height:40px;display:flex;align-items:center;justify-content:space-between}.head-top-row .left{display:inline-flex;align-items:center}.head-top-row .left a:after{content:"";display:inline-block;width:1px;background-color:#686c75;height:12px;margin:0 20px}.head-top-row .left a:last-child:after{display:none}.head-top-row .right a{display:flex;align-items:center}.head-top-row .right a img{margin-right:5px}.head-top-row a:hover{opacity:.8}.head-center{height:90px;display:flex;align-items:center;justify-content:space-between;color:#a0a4ae}.head-center .right{display:flex;align-items:center;font-size:14px}.head-center img{margin-right:5px}.head-diamond{margin-right:20px;cursor:pointer}.head-diamond,.head-user{display:flex;align-items:center}.head-user-btn span{cursor:pointer}.head-user-btn span:nth-child(2){display:inline-block;margin:0 5px;cursor:default}.head-user-tool{cursor:pointer}.head-user-btn span:nth-child(2):hover{opacity:1}.head-diamond:hover,.head-user-btn span:hover{opacity:.8}.head-bottom{height:82px;justify-content:space-between}.head-bottom,.head-nav{display:flex;align-items:center}.head-nav-item{padding:0 24px}.head-nav-item:first-child{padding-left:0}.head-nav-item a.active{font-size:22px;color:#f54b64;border-bottom:2px solid #f54b64}.head-nav a{color:#eaf1ff;font-size:18px;padding-bottom:4px;transition:font-size .3s}.head-nav a:hover{color:#f54b64;border-bottom:2px solid #f54b64}.head-search{max-width:300px;display:flex;align-items:center}.head-search button{border:0;color:#fff;background:linear-gradient(#f78361,#f54b64)}.head-search button:focus,.head-search button:hover{color:#fff}header .el-dialog{background-color:#242a37}header .el-dialog__body{padding:12px 20px 20px}.head-login-box>p{font-size:26px;font-weight:700;color:#a0a4ae;margin:0}.head-login-box .el-input{margin-top:20px}.head-login-box .el-button{width:100%;margin-top:20px;border:0;background-color:#f54b64;color:#fff}.head-login-box .el-button:focus,.head-login-box .el-button:hover{background-color:#f54b64;color:#fff;opacity:.8}.head-link{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.head-link a{color:#f54b64}.head-user-info{width:380px;height:220px;background-color:#fff;border-radius:5px}.el-tooltip__popper{padding:0!important}.head-user-top{height:120px;font-size:14px;color:#a0a4ae;display:flex;border-bottom:1px solid #ebeef5}.head-user-top .left,.head-user-top .right{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:10px}.head-user-top p{font-size:30px;color:#f54b64;margin:3px 0;font-weight:700}.head-user-top i{font-style:normal;border-radius:4px;cursor:pointer;color:#fff;display:inline-block;padding:8px 12px;background:linear-gradient(180deg,#f78361,#f54b64);box-shadow:0 0 42px 0 rgba(0,0,0,.3)}.head-user-bottom{color:#979797;font-size:14px;display:flex;width:100%;height:100px}.head-user-bottom>p{margin:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #ebeef5;cursor:pointer}.head-user-bottom>p i{font-size:20px;margin-bottom:5px}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow:after{border-bottom-color:#fff!important}.logout-panel .el-dialog{background-color:#fff}.logout-panel .el-icon-warning{font-size:24px;margin-right:5px;color:#e6a23c}.logout-panel .el-dialog__body{padding:10px 20px}.head-login-line,.logout-panel .el-dialog__body{display:flex;align-items:center}.head-login-line .el-button{width:100px;height:40px;margin-left:10px;margin-top:20px}.head-notice .el-dialog{background-color:#fff}.video-box{margin-top:40px}.video-box-head{height:36px;font-size:32px;justify-content:space-between;margin-bottom:20px}.video-box-head,.video-box-head .left,.video-box-head .right{display:flex;align-items:center}.video-box-head .left img{margin-right:10px}.video-box-btn{color:#979797;font-size:14px;cursor:pointer;padding:8px 10px;background-color:#282b35;border-radius:4px;margin-left:20px}.video-box-btn i{margin-right:5px}.video-list{display:flex;flex-wrap:wrap}.video-item{width:24.6%;margin:10px .5% 10px 0;position:relative}.video-item:nth-child(4n){margin-right:0}.video-now-play{width:100%;height:162px;background-color:rgba(0,0,0,.5);position:absolute;z-index:5;display:flex;align-items:center;justify-content:center;opacity:0}.video-thumb{display:inline-flex;width:100%;height:162px;position:relative}.image-slot{width:100%;height:162px;display:flex;align-items:center;justify-content:center}.video-thumb .el-image{width:100%}.video-time{position:absolute;right:5px;bottom:5px;color:#fff;font-size:12px}.video-title{color:#eaf1ff;font-size:14px;height:40px;line-height:20px;margin:5px 0 10px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.video-info,.video-info p{display:flex;align-items:center}.video-info p{margin:0;border:1px solid #5e626c;color:#5e626c;border-radius:4px;font-size:11px;height:20px;padding:0 4px 0 23px;margin-right:6px;background-size:16px 17px;background-position:3px;background-repeat:no-repeat}.video-info .play{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEQAAAAAJNVhCAAABAklEQVQ4EWNgGPKAEeSDpUs3q/5h/O3L8J+RjygfMf7/xPKfdXN0tO9tFpAGsGYmhi3xEYG3iDFgxYqtaj///fQFqu1jAmsA2hwfEQTXvOrqVbZVq1ax4TIsIsL7Fsy1EAPQVP66dMv2xx/WgkXLNtuADEOTRuFiNYCBkYH5/38Grv///7j8uHgLr0HYDUCyA2bQzwt3QpGE4UxwIMJ5WBiMjP9/MDCwHP8jyXsSizQDVgP+/mX8x8j4D6zxL1BjoqMjkI0dYDVAVJDtMFD5YS8vr5/YtSFEIWEATBiguIUJgzTi0wxWC9QDUg92AShVgRLGwqXriUqJQLXglAizcIjTANe3aWsFfhF2AAAAAElFTkSuQmCC)}.video-info .free{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEQAAAAAJNVhCAAABn0lEQVQ4EdVS3ytEQRSemTt37xLlx8tSQokiiX/AetBGpKXuapcl/ilv7N67uzXh3tW1eZHCgxcp8SKRB0WelojduTP2rO62idrX/WrmnPN955zOmQahugf2NmDs2vfp3q5JIQIe96fF8r6BclPXdRd06iV98ZvpUreneCy84XG/rZQSJzN2rOCqwZJ2CDqByzTtYSFQlzbSn4P4P2CMZaC90eJCjibZXi/klSfgWEyoSD3Th4YKQG5mrB6KcCf4HoSiPKzos4+hUOh9y7QuMBfBknZfnkAjxHIxD2YydhcUUE40KVBz9fG5XAXNMLIDmJAxjfociCuPaLBsnyyIeUpIIhqdewbxN1KpnW4Xk4if0pRemgb08gTgLOtzt4iquYIQSynHaQWuGoztB4qSRBRN3faKQa80gCC+OHNFqXLs5vkyY0dNwAEYO2j7KBaXqA87sYWZux/2566sUE0m07vjQuLB7s6WzddXVc2/vawLjE5WY+Hz6jzw/2wAQsK0ppBCOpCUfoyUy3h09hT4mgGfJmHaYSOdnay5qD4TvwHm35feGsHgSQAAAABJRU5ErkJggg==)}.video-info .diamond{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkExMjcwMEE2RUI1MTExRUE4OUI4OUU2MEI4RTE5MzNFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkExMjcwMEE3RUI1MTExRUE4OUI4OUU2MEI4RTE5MzNFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTEyNzAwQTRFQjUxMTFFQTg5Qjg5RTYwQjhFMTkzM0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTEyNzAwQTVFQjUxMTFFQTg5Qjg5RTYwQjhFMTkzM0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Yz1DbAAABUElEQVR42qSSL0hDURSHfUMUzIOBaNUkuGQZQ6vVYjNYLGKT4Qaim/gYgsiKRUEUtYimBS1jTE1jLwmaLcIEq4g8vyO/e9lmmwc+7j33/L/3BnEcD/Qrg70HS8uraZZ1yEIS2lCH8slRpdXpG7jKBFmiPKxACA14hknIQA4OoUSSb4tJdCSywFmYxngATfYz8GS6ncte6KqsVqsKfEMfZb8HC/AAG5w/cp5iH8G8jeAq24yhBUqvaNZ3uIUbAhOyh/L3bWc1oxOrfAefcKZ2A9ka8vfBSV2OkyKcwhhcWzJ3SciL/H1wW7f6KzhWVd3aPIcr2h6SeUL+Priu53DPdsEyB19wD8MwInNG/j64bO+o2zQ51qzjUINtuvmQPSf/rk+yqYtZ1HNZm7uwj/6qwEtLhr7V+0l2VCXCcY11CixhSnoke+nP9/zX3+5HfgQYAKQuimZOFJsDAAAAAElFTkSuQmCC)}.video-info .vip{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEQAAAAAJNVhCAAABlUlEQVQ4EcVTMUvDUBB+95pIUaEFXVzU0cXNTUXdnKSxWlraiv4rR6GhllBtUQcRxGIrOujmqFAd6iRYEKm2yfm+hoRUu+jSGy6Xu+++d+/unhCDFupXQO7gdML5as0T8xSzGCYSH0z0JIfCV9n46kswp4fAsqzQp60vCkFzRLIWYn6ORPTXZrM9ZhNNMjsLQvBtJhm7JCIHRFqQDcnsiOmwHtlNJFbeA7GGshuWdXHfar9tmIUyQhUoCQVB2Tg5rEeLP5JdgNLwIw6ciw9UgDuHVNle8l6+FJfMvJVePzTN8qxNvORIcaLidbNwVLMVXnEW/QrQMNzZO07XxKNDMpLPH890hGOou17vpIw64sABD9snQLfRMDg9IeGMt7mzqWnaWTpt3Hl+4IDHv0+AUaHbHqj7ZRqRkiqZ5NpN0A8c8PD5BJgzRhUEqlOq2VSsGvTB7o5U4WH7BFgSzFmNahQBXUQftjPGOeygIA4c8PD3LFJuv7Ts7kH/USIZe0BS1LMpo/KL4D+b2FMBGCF/eQtuxiD1N47k00emAwojAAAAAElFTkSuQmCC)}.video-item:hover .video-now-play{opacity:1}.video-item:hover .video-info p.play{border-color:#f54b64;color:#f54b64}.video-item:hover .video-info p.free{border-color:#1da362;color:#1da362}.video-item:hover .video-info p.vip{border-color:#f7c3a7;color:#f7c3a7}.video-item:hover .video-info p.diamond{border-color:#3b96fc;color:#3b96fc}.video-item:hover .video-info .play{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEQAAAAAJNVhCAAAA+klEQVQ4EWNgGPKAEeSDH76pnv/+Mcz6z/BfhhgfMTIwPmFiYkjj2Dx7OwtIA0gzEyNTOseWmduIMeCHX5r3v7//ZwHVyoLVf/VO+Y+s8X9sCfd/3zQuZDF0NkwPE7oEiP/tw6eqb///P/zmnVoOMgybGpgYVgMY//1nY/j/XwQYJh3f3n98gM8grAbATAfTcIM+rEIRh3IIG8DA+J6JgamOi58zEpsB4FjAkGD8/4fhP0gjYz+HAPtExqWTP2GogQpgNYCTSagNKN/GuKnrMy6NKOLAQHoMilsUQTwckFqQHpASsAtAqQqUMIBxS1RKBKoFp0Q8dgwlKQAODV7QgsOlNAAAAABJRU5ErkJggg==)}.video-item:hover .video-info .free{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEQAAAAAJNVhCAAABpUlEQVQ4EWNgGPKAEeYDvUUl3B+Y3h/5//+/AUwMGw3UsE9JRs79gGPDH5A8C0zRe8Z3kxn+M5x/HDvPECaGTgMNZ5Rbmrz1/rMnjUC5apA8E4hQWJocwcjIaCUoJpQL4uMCQDX/2dm44///+58ovzTJEaQO7IK///83MTEwTbzk3vMVJKi4NNnu339GUxAbBv4x/zv4OHLemTthk1/LL0meB5RvAMrtB7uAiYkh/h/D/wb5ZUmWIA1//zPx/WP4J4mMmf8zc4Pk5Jak+vxn+J/KzMScDuLDA1Fhaar7/3//FrOwMjjdjZh7BSSJDuSWpdn8//d3PSsDk9e9mNmnQfJgF4AYD6Jn7/zHyJj7+zfjDvlVKYogMWSguCJdn/Hv33VAGyNgmkHycBfAFMsuTclk+Pe/iIWZ0eZ+1JyXIHHZFWnKjH/+HmZk+p/7MGreWphaEI1hAEhQfmlyzb9//0NY2Vns//5k4PrP8PcoUGHbw9i5c0DyyACrASAFwPieAHSJ8X8GRgFGJoYlj6LndiJrJMgGJ5olyQvkliSTppGgyYNOAQCE2Zc9Tscx0gAAAABJRU5ErkJggg==)}.video-item:hover .video-info .vip{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEQAAAAAJNVhCAAABr0lEQVQ4EcVTOUsDURCet0c2sfPAdJZqqZ3kIrWFaYTsH1ECChIwGGzETrALFhuxsYmFRSQXaYJWgv4DRSzNsUnG923ylg2ksfIVb97M983sXEv030fMS2DQutsejYaHJDglSKww8RexqOm6cR6K7T8HfbSgwtWq0W+WT0YjtyIjt3XW96xFbRkSOuzAmW915WeoB+Qg9HnEzOmwubAldjIfAawj3x1u3zv9YdcZtDwkj9svYZK2W5nj7LHVJYNEe+7Pi66buyjHLwE1y3qL6svdhnPTrTslOPabjt2rO69us5wCDp7XI4n5AdAwjbSG+pJO4pGI16RzRpZVYk1cmPFsDbjHk/zJe+qBbptL9DZVJ0LQJo+pLCdwEIlnrxVmCusdfOh+BhiV+00biuRJpqgQIh9O2pdBu8v9dW+0wQCY85jGiSBR9rhgJbJnszYijyf5sPsZYElk1By6DMAU5kMkaR/jHTzAwQMfdn+MUCZLwmnLiNhqGrCrA2fsgSzryYpnvT2YWaTQYLUgl4kwZzm2IrqNxqI3SFvac5qmXYVi4lQFnclAGf/yLyif/5O//M3OLGkTysEAAAAASUVORK5CYII=)}.video-item:hover .video-info .diamond{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAD6ADAAQAAAABAAAADwAAAAAHNtsJAAAB1ElEQVQoFaVSPWtUURA9M++ZhXTqgmTRVlutbEJYERtbMdhaBDb+gCAq+AlKCEhIEUG0MagkiFYpFHFdNrESbRS1FkJwE9JIXN0345z71qB2xinuu/fNOfNxZoD/MPmbOzLrhww24Y4RCKpwdETQUuhka1ze/I7fItdfeN77YOfD2QjSDZi28yo+9jo4ALXhCHI2fLeGduu1hVEpGER50Eqi1yu5Hmw3sun2GXldrOPwUBXv+eZ/wOsra3ahZCByhPVLXSTg+ZisHrvjtc3vNuXACYEvZ5Kde9mQV0dv+55uz95GC8fZQsrMHlkqiQy22S1moudORF5zkac9tyeX3DX5A5fwgUvkJE70SGIyQU1Un0Xmbjagc1mu9XcLZZXUIuEDWPYcqlKcPhUq2VW43RPHXvtmj71A7ZdIuyr4FGGqxJbkKDGp2me3GrK4U7XmgtVA3He3RyfnfYDu9S72c3y8JzLnmMbBP2HDs8WDDeBIXH9AdCm+lS9fMUgfcQnPa3rHAnCOVJNvF73rhc2FYPtg1owKrjRPy0byB44LQ1waFS+R7SLnWMmzU1SVZa507Hq+Q282x+RzOabiYVCa7fHs8h/k7WzYVmZGov3LbpeMbZ4/AaPF4iT7Qu7bAAAAAElFTkSuQmCC)}.video-pages{width:100%;display:flex;justify-content:center;margin-top:20px}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{background-color:transparent!important;border:1px solid #5e626c}.el-pagination.is-background .el-pager li:not(.disabled).active{background-color:transparent!important;border:1px solid #f54b64;color:#f54b64!important}.el-pagination.is-background .el-pager li:not(.disabled):hover{border:1px solid #f54b64;color:#f54b64!important}.video-nodata{display:flex;flex-direction:column;align-items:center;justify-content:center}.video-nodata img{width:200px;height:auto}.video-tagname{font-size:32px;color:#eaf1ff;margin-bottom:20px}.video-swiper .video-swiper-item{display:flex;width:100%;height:400px;cursor:pointer}.video-swiper .video-swiper-item img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.swiper-button-next,.swiper-button-prev{color:#bebec0!important}.swiper-pagination-bullet-active{background-color:#fff!important}.special{padding:40px 0;min-height:800px}.special-item{float:left;margin:0 30px 30px 0;display:flex;flex-direction:column;margin-bottom:20px}.special-item:nth-child(3n){margin:0 0 30px 0}.special-image-slot,.special-item img{width:380px;height:220px}.special-image-slot{display:flex;align-items:center;justify-content:center}.special-item p{margin:8px 0 0 0;font-size:24px;color:#eaf1ff}.play{margin:0 0 40px 0}.play-content{background-color:#171b24;margin-bottom:20px}#dplayer,.play-thumb{width:1200px;height:675px;overflow:hidden}.play-thumb{position:relative}.play-thumb-mask,.play-thumb img{width:100%;height:100%}.play-thumb-mask{position:absolute;z-index:999;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.4)}.play-thumb-mask .el-icon-video-play{font-size:50px;cursor:pointer}.play-thumb-login{display:flex;flex-direction:column;align-items:center;justify-content:center}.play-thumb-login span{margin-bottom:20px;font-size:24px}.play-thumb-login .bold{font-style:normal;font-weight:700;margin:0 5px}.play-thumb-btn{margin-top:5px;height:42px;line-height:42px;text-align:center;padding:0 20px;background:linear-gradient(180deg,#f78361,#f54b64);border-radius:5px;cursor:pointer}.play-video{width:100%;max-width:1200px;min-height:675px;position:relative}#video_mask{position:absolute;width:100%;top:0;bottom:0;z-index:9999;background-color:rgba(0,0,0,.8);display:flex;align-items:center}#video_mask img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#video_mask .left{left:10px;line-height:30px;text-align:center;border-radius:15px;width:80px;background-color:#328dcd}#video_mask .left,#video_mask .right{position:absolute;bottom:10px;height:30px;color:#fff}#video_mask .right{display:flex;align-items:center;right:10px}#video_mask .right p{font-weight:700;margin-right:10px}#video_mask .right span{height:30px;width:80px;line-height:30px;border-radius:15px;text-align:center;background-color:#fff;color:#333;cursor:pointer}#vs{width:100%!important;height:100%!important;padding-top:0!important}.play-title{color:#a0a4ae;font-size:22px;display:flex;align-items:center}.play-title>p{margin:0}.play-like{margin-left:20px;cursor:pointer}.play-share{width:24px;height:24px;margin-left:10px;cursor:pointer}.play-other{display:flex;align-items:center;font-size:12px;color:#5c606a;margin:10px 0}.play-other span{margin-right:10px}.play-tags{margin-bottom:10px}.play-tags a{display:inline-block;padding:4px 8px;color:#a0a4ae;border-radius:50px;background-color:#212733;font-size:14px;margin:0 10px 10px 0}.play-banners{cursor:pointer;display:flex;margin-bottom:30px}.play-banners>div{display:flex;width:100%}.play-banners>div img{width:100%}.play-maybe-head{display:flex;align-items:center;justify-content:space-between;margin-top:20px;margin-bottom:20px;color:#a0a4ae;font-size:16px}.play-maybe-head>div{display:flex;align-items:baseline}.play-maybe-head p{margin:0 10px 0 0;font-size:32px}.play-maybe-btn{color:#979797;font-size:14px;cursor:pointer;padding:8px 10px;background-color:#282b35;border-radius:4px}.play-maybe-btn i{margin-right:5px}.play-maybe-btn:hover{color:#eb4a76}.play-qrocde{position:fixed;top:0;bottom:0;left:0;right:0;z-index:999;background-color:rgba(0,0,0,.8);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:30px}.play-qrcode-box{padding:10px;background-color:#fff}.special-head{color:#eaf1ff;font-size:32px;margin:0 0 20px 0}.user{padding:40px 0;display:flex;justify-content:space-between}.user>.left{width:240px}.user>.right{width:940px;background-color:#1f242f;padding:20px}.user-info{height:242px;background:url(../img/user_bg.png) no-repeat 50%;background-size:cover;padding:14px 10px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.user-username{font-size:20px;color:#eaf1ff;margin:0 0 10px 0}.user-total,.user-total>p{width:100%;display:flex;align-items:center;justify-content:center}.user-total>p{margin:0;color:#a0a4ae;font-size:14px;flex-direction:column}.user-total>p i{font-style:normal;font-size:24px;color:#f54b64}.user-info-btn{background:linear-gradient(180deg,#f7c3a7,#b38d79);border-radius:5px;font-size:14px;color:#fff;font-weight:400;width:60%;text-align:center;padding:12px 0;cursor:pointer}.user-right{height:100%}.user-menu{width:100%;background-color:#1f242f;margin:20px 0 0 0;padding:10px 0}.user-menu a{display:block;line-height:50px;text-align:center;font-size:16px;color:#a0a4ae;cursor:pointer}.user-menu a.active{color:#f54b64}.user-recharge{width:340px;margin:0 auto}.user-recharge-tab span{display:inline-block;height:40px;line-height:40px;padding:0 15px;cursor:pointer;margin-bottom:20px}.user-recharge-tab span.active{border-bottom:4px solid #f54b64}.user-recharge-box .el-input input{color:#333!important;background-color:#fff!important;width:100%;height:50px;margin-bottom:20px}.user-recharge-box button{width:100%;color:#fff;background-color:#f54b64;border:0}.user-recharge-box button:focus,.user-recharge-box button:hover{color:#fff;background-color:#eb4a76}.user-changepwd{width:340px;height:400px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.user-changepwd .el-input{border-radius:4px}.user-changepwd .el-input input{margin-bottom:20px;color:#fff!important;background-color:#29303f!important}.user-changepwd button{width:100%;color:#fff;background-color:#f54b64;border:0}.user-changepwd button:focus,.user-changepwd button:hover{color:#fff;background-color:#eb4a76}.user-question-tab span{display:inline-block;border:1px solid #2b303b;background-color:#2b303b;padding:8px 12px;cursor:pointer;border-radius:4px;color:#a0a4ae;font-size:14px;margin-right:10px}.user-question-tab span.active{border-color:#f54b64;color:#f54b64}.user-question-content{flex:1}.quetion-detail-item{margin-top:15px;padding-top:15px;border-top:1px solid #252a35}.question-detail-head{color:#a0a4ae;font-size:16px;font-weight:500;margin-bottom:10px}.quetion-detail-item span{color:#797d88;font-size:14px}.user-qrcode{width:340px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.user-qrcode-img{padding:10px;margin:30px 0;background-color:#fff}.video-loading{display:flex;flex-direction:column;align-items:center;justify-content:center}.video-loading i{font-size:40px;margin-bottom:10px}.foot{width:100%;height:230px;display:flex;align-items:flex-end;position:relative}.foot-bg{width:100%;height:190px;background-color:#171b24}.foot-panel{display:flex;position:relative}.foot-download{margin-top:-48px;position:relative}.foot-platform{width:240px;height:240px;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.foot-platform a{display:flex;align-items:center;justify-content:center;width:168px;height:45px;border-radius:5px;background-color:#242831;color:#a0a4ae}.foot-platform a img{margin-right:8px}.foot-right{width:100%;margin-top:30px}.foot-right .top{width:100%;display:flex;justify-content:space-around}.foot-item{padding:20px 30px;display:flex;align-items:center}.foot-item:hover{background-color:#1e232f}.foot-item img{width:50px;height:50px;margin-right:10px}.foot-item>div{display:flex;flex-direction:column;color:#a0a4ae}.foot-item>div p{margin:0;font-size:20px}.foot-bottom,.foot-item>div span{font-size:12px}.foot-bottom{position:absolute;bottom:20px;left:240px;right:0;display:flex;align-items:center;justify-content:center;color:#a0a4ae}.foot-bottom>div{margin:0 10px}.foot-bottom .left span{display:inline-flex;align-items:center}.foot-bottom .left span:first-child:after{content:"";width:1px;background-color:#686c75;height:12px;margin:0 20px;display:inline-block}