.video-center-page{min-width:1180px}.video-center-page *{box-sizing:border-box}.video-center-page .video-header{box-sizing:border-box;width:100%;height:64px;position:relative;padding:0 100px;display:flex;justify-content:space-between;align-items:center;background-color:#fbfbfb}.video-center-page .video-header .video-header-left{font-size:16px;font-weight:800;width:120px;height:40px;text-align:center;line-height:40px}.video-center-page .video-header .video-header-right{display:flex;align-items:center}.video-center-page .video-header .video-header-right .video-filter{width:104px;height:40px;border:1px solid #ece8e8;position:relative;font-size:14px;display:flex;justify-content:center;align-items:center;border-radius:10px;color:#646464;margin-right:77px;user-select:none}.video-center-page .video-header .video-header-right .video-filter .filter-icon{transform:translateY(5px);margin-left:10px}.video-center-page .video-header .video-header-right .video-filter .filter-icon.rotate{transform:translateY(-3px) rotate(180deg) translateX(3px)}.video-center-page .video-header .video-header-right .video-search{position:relative;width:232px;height:37px;border:1px solid #ece8e8;border-radius:18.5px;overflow:hidden}.video-center-page .video-header .video-header-right .video-search input{width:100%;height:100%;border:none;outline:none;padding:0 10px;text-align:center}.video-center-page .video-header .video-header-right .video-search .video-icon{position:absolute;top:8px;right:10px;font-size:18px}.video-center-page .video-header .filter-bottom-box{position:absolute;right:0;top:100%;width:586px;height:0;overflow:hidden;transition:all .3s ease;z-index:1;border-radius:0 0 30px 30px}.video-center-page .video-header .filter-bottom-box .cover{position:fixed;width:100%;height:100%;left:0;top:0;display:none}.video-center-page .video-header .filter-bottom-box .filter-bottom-box-content{display:flex;flex-direction:column;position:absolute;left:0;top:-296px;width:586px;height:296px;background-color:#fbfbfb;padding:0 50px;transition:all .3s ease}.video-center-page .video-header .filter-bottom-box .filter-bottom-box-content .filter-bottom-box-content-item p{font-size:16px;margin:20px 0}.video-center-page .video-header .filter-bottom-box .filter-bottom-box-content .filter-bottom-box-content-item .radio-box,.video-center-page .video-header .filter-bottom-box .filter-bottom-box-content .filter-bottom-box-content-item .checkbox-box{display:flex;align-items:center;justify-content:space-between;font-size:14px}.video-center-page .video-header .filter-bottom-box .filter-bottom-box-content .filter-bottom-box-content-item .radio-box label,.video-center-page .video-header .filter-bottom-box .filter-bottom-box-content .filter-bottom-box-content-item .checkbox-box label{width:90px;height:42px;border-radius:8px;overflow:hidden}.video-center-page .video-header .filter-bottom-box .filter-bottom-box-content .filter-bottom-box-content-item .radio-box label span,.video-center-page .video-header .filter-bottom-box .filter-bottom-box-content .filter-bottom-box-content-item .checkbox-box label span{display:block;width:100%;height:100%;line-height:42px;font-size:14px;text-align:center;background-color:#f2f2f2}.video-center-page .video-header .filter-bottom-box .filter-bottom-box-content .filter-bottom-box-content-item .radio-box input,.video-center-page .video-header .filter-bottom-box .filter-bottom-box-content .filter-bottom-box-content-item .checkbox-box input{display:none}.video-center-page .video-header .filter-bottom-box .filter-bottom-box-content .filter-bottom-box-content-item .radio-box input:checked+span,.video-center-page .video-header .filter-bottom-box .filter-bottom-box-content .filter-bottom-box-content-item .checkbox-box input:checked+span{background-color:#81d3f8;color:#fff}.video-center-page .video-header .filter-bottom-box .filter-bottom-box-content .filter-bottom-box-content-footer{display:flex;align-items:center;justify-content:space-between;font-size:14px;flex:1;margin-top:20px;border-top:2px solid #e6e6e6}.video-center-page .video-header .filter-bottom-box .filter-bottom-box-content .filter-bottom-box-content-footer div{width:90px;height:42px}.video-center-page .video-header .filter-bottom-box .filter-bottom-box-content .filter-bottom-box-content-footer .btn{border-radius:8px;line-height:42px;font-size:14px;text-align:center;background-color:#f2f2f2;cursor:pointer}.video-center-page .video-header .filter-bottom-box .filter-bottom-box-content .filter-bottom-box-content-footer .btn-sure{background-color:#81d3f8;color:#fff}.video-center-page .video-header .filter-bottom-box.show-box{height:296px}.video-center-page .video-header .filter-bottom-box.show-box .filter-bottom-box-content{top:0}.video-center-page .video-main{background-color:#fff;padding:0 200px}.video-center-page .video-main .video-category-box{display:flex;align-items:center;color:#aaa;padding:20px 0}.video-center-page .video-main .video-category-box .video-category-item{position:relative;margin-right:100px;cursor:pointer;user-select:none}.video-center-page .video-main .video-category-box .video-category-item.category-active{color:#000;font-size:20px}.video-center-page .video-main .video-category-box .video-category-item.category-active::before{content:"";position:absolute;left:-30px;top:-3px;width:12px;height:30px;border-radius:2px;background-image:linear-gradient(-180deg, #02a7f0 59.0625%, #eae6e6 88.1161848904%)}.video-center-page .video-main .video-content{max-width:1400px;margin:0 auto}.video-center-page .video-main .video-content ul{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;justify-items:center}.video-center-page .video-main .video-content ul li{width:285px;height:270px;display:flex;margin:20px 0;flex-direction:column;transition:all .3s ease}.video-center-page .video-main .video-content ul li:hover{box-shadow:0 0 7px 0 rgba(0,0,0,.15);transform:scale(1.02);cursor:pointer}.video-center-page .video-main .video-content ul li:hover .video-poster .img-masker{display:flex}.video-center-page .video-main .video-content ul li .video-poster{width:100%;height:190px;position:relative;background-color:#c5c5c5}.video-center-page .video-main .video-content ul li .video-poster img{width:100%;height:100%}.video-center-page .video-main .video-content ul li .video-poster .img-masker{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.45);display:none;justify-content:center;align-items:center}.video-center-page .video-main .video-content ul li .video-poster .img-masker .icon-play{color:#fff}.video-center-page .video-main .video-content ul li .video-text{background-color:#f9f9f9;padding:10px 10px;flex:1}.video-center-page .video-main .video-content ul li .video-text .video-title{font-size:14px;height:48px;font-weight:400;line-height:24px;color:gray;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.video-center-page .video-main .video-content .page-number{width:100%;display:flex;justify-content:center}.video-center-page .video-main .video-content .page-number .page-item{width:40px;height:40px;text-align:center;line-height:40px;margin:30px 15px;border-radius:5px;cursor:pointer}.video-center-page .video-main .video-content .page-number .page-item.page-active{background-color:#02a7f0;color:#fff}.video-center-page .video-main .video-content .video-content-null{display:none;height:500px;width:100%;text-align:center;padding-top:100px;color:gray}.video-center-page .video-mask{width:100vw;height:100vh;position:fixed;top:0;left:0;background:#232526;display:none;z-index:99999;justify-content:center;align-items:center}.video-center-page .video-mask video{position:absolute;z-index:101;height:640px}.video-center-page .video-mask .video-close{background-color:rgba(0,0,0,.2);width:48px;height:48px;cursor:pointer;border-radius:50%;transition:all .3s ease;background-size:16px auto;background-repeat:no-repeat;background-position:center;position:absolute;top:16px;right:30px;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTc3MTY2MTI4MTk5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI2MzMiIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUyMS42OTM4NjcgNDQ5LjI5NzA2N0wxMTEuNDExMiAzOS4wMTQ0YTUxLjIgNTEuMiAwIDEgMC03Mi40MzA5MzMgNzIuMzYyNjY3bDQxMC4yODI2NjYgNDEwLjMxNjgtNDEwLjI4MjY2NiA0MTAuMzE2OGE1MS4yIDUxLjIgMCAxIDAgNzIuMzk2OCA3Mi4zOTY4bDQxMC4zMTY4LTQxMC4yODI2NjcgNDEwLjMxNjggNDEwLjI4MjY2N2E1MS4yIDUxLjIgMCAxIDAgNzIuMzk2OC03Mi4zNjI2NjdsLTQxMC4yODI2NjctNDEwLjM1MDkzMyA0MTAuMjgyNjY3LTQxMC4yODI2NjdhNTEuMiA1MS4yIDAgMSAwLTcyLjM5NjgtNzIuMzk2OGwtNDEwLjI4MjY2NyA0MTAuMjgyNjY3eiIgcC1pZD0iMjYzNCIgZmlsbD0iI2U2ZTZlNiI+PC9wYXRoPjwvc3ZnPg==)}.video-center-page .video-mask .video-close:hover{background-color:rgba(0,0,0,.4)}

/*# sourceMappingURL=video-center-en.css.map*/