@charset "UTF-8";#app{min-height:100vh;position:relative}#app .video-center-title{font-family:SourceHanSansCN-Regular;font-size:1.4vw;text-align:center;margin-top:1vw;margin-bottom:1vw}#app .video-center-body .productLv3-tagList{width:20vw;position:fixed;height:80vh;overflow-x:hidden;overflow-y:auto;left:2vw;transform:translateY(3.3vw)}#app .video-center-body .productLv3-tagList::-webkit-scrollbar{display:none;-moz-appearance:none;scrollbar-width:none;-ms-overflow-style:none}#app .video-center-body .productLv3-tagList .tag-item{background-color:#f5f5f5;padding:1vw 2vw;margin-left:2vw;margin-right:2vw;margin-bottom:.8vw}#app .video-center-body .productLv3-tagList .tag-item .tag-name{font-size:.9vw;font-family:SourceHanSansCN-Bold;padding-bottom:.3vw;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}#app .video-center-body .productLv3-tagList .tag-item .tag-name img{width:1.1vw}#app .video-center-body .productLv3-tagList .tag-item .tag-value-box .tag-value{padding-top:.5vw;padding-bottom:.5vw;border-bottom:1px solid #d9d9d9;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;font-size:.8vw;font-family:SourceHanSansCN-Regular}#app .video-center-body .productLv3-tagList .tag-item .tag-value-box .tag-value .tag-value-filter{width:.8vw;height:.8vw;background:url(https://media.tp-link.com.cn/webresource/www_data/pc/header/uncheck.png) no-repeat;background-size:100%;margin-right:.5vw}#app .video-center-body .productLv3-tagList .tag-item .tag-value-box .tag-value .active{background:url(https://media.tp-link.com.cn/webresource/www_data/pc/header/checked.png) no-repeat;background-size:100%}#app .video-center-body .productLv3-tagList .reset-box{border:1px solid #d9d9d9;height:2vw;margin-left:2vw;margin-right:2vw;font-family:SourceHanSansCN-Regular;line-height:2vw;font-size:.8vw;text-align:center}#app .video-center-body .video-center-body-main{margin-left:23vw}#app .video-center-body .video-center-body-main .video-center-input-box{border:1px solid #eee;border-radius:1.2vw;height:1.8vw;margin-left:.2vw;margin-right:5vw;margin-bottom:1.5vw;width:16vw;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}#app .video-center-body .video-center-body-main .video-center-input-box .input-icon{margin-left:.8vw;width:1vw}#app .video-center-body .video-center-body-main .video-center-input-box .video-center-input{height:1.8vw;margin-left:.8vw;margin-right:0;width:100%;font-family:SourceHanSansCN-Regular;font-size:.7vw}#app .video-center-body .video-center-body-main .video-center-video-box{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start;padding-right:3vw}#app .video-center-body .video-center-body-main .video-center-video-box .video-item{width:23%;height:16vw;border:2px solid #EEE;margin-bottom:.5vw;margin-right:1.2%}#app .video-center-body .video-center-body-main .video-center-video-box .video-item .video-border{width:100%;position:relative;height:9.7vw;overflow:hidden}#app .video-center-body .video-center-body-main .video-center-video-box .video-item .video-border .start-icon{width:5vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block}#app .video-center-body .video-center-body-main .video-center-video-box .video-item .video-border .video-cover{width:100%;display:block}#app .video-center-body .video-center-body-main .video-center-video-box .video-item .text-box{padding:.4vw;width:100%;height:6vw;font-family:SourceHanSansCN-Regular;font-size:.9vw;line-height:1.4vw;box-sizing:border-box}#app .video-center-body .video-center-body-main .video-center-video-box .video-item .text-box .text-box-content{width:100%;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;display:-webkit-box;height:6em}#app .video-center-body .video-center-body-main .loading-more{font-family:SourceHanSansCN-Regular;font-size:1.3vw;line-height:4vw;text-align:center;color:#666;width:18vw;height:4vw;border:1px solid #666;margin:2vw auto 1vw;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}#app .video-center-body .video-center-body-main .loading-more .loader{border:.04vw solid #666;border-top:.04vw solid transparent;border-radius:50%;width:1.2vw;height:1.2vw;animation:spin 1.2s linear infinite;display:inline-block;margin-right:1vw}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}input{background:0 0;outline:0;border:0}