@charset "UTF-8";@-webkit-keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.side-wrap{height:100vh;width:300px;background:#fff;position:relative;z-index:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.side-wrap .side-top-bg{background:linear-gradient(169deg,#fff8f8 .87%,rgba(255,255,255,0) 91.79%);height:470px;width:100%;position:absolute;z-index:-1}.side-wrap,.side-wrap .side-title{display:-webkit-box;display:-ms-flexbox;display:flex}.side-wrap .side-title{padding:24px 30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-decoration:none;color:#222;font-size:18px;font-weight:700;line-height:26px;background:linear-gradient(169deg,#fff8f8 100%,rgba(255,255,255,0) 100%)}.side-wrap .side-title:hover{cursor:pointer}.side-wrap .side-title .logo{padding-right:7px}.side-wrap .side-main-wrap{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;padding:0 16px 20px;z-index:3}.side-wrap .side-main-wrap::-webkit-scrollbar{display:block;width:4px;background-color:rgba(34,34,34,.1);border-radius:2px}.side-wrap .side-main-wrap::-webkit-scrollbar-thumb{display:block;background-color:#b6b6b6;width:4px;border-radius:2px}.side-wrap .side-main-wrap .side-main-item{font-size:14px;line-height:20px}.side-wrap .side-main-wrap .side-main-item .side-main-content{padding:10px 40px 10px 50px;position:relative;border-radius:20px}.side-wrap .side-main-wrap .side-main-item .side-main-content.home{display:block;color:#222;text-decoration:none}.side-wrap .side-main-wrap .side-main-item .side-main-content .left{position:absolute;left:20px;font-size:18px;top:6px}.side-wrap .side-main-wrap .side-main-item .side-main-content .icon-down{font-size:18px;line-height:20px;position:absolute;right:0;top:0;z-index:2;width:38px;-webkit-transform-origin:center center;transform-origin:center center;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.side-wrap .side-main-wrap .side-main-item .side-main-content .icon-down::before{-webkit-transition:all .2s;transition:all .2s}.side-wrap .side-main-wrap .side-main-item .side-main-content .icon-down:hover{background:#e0e0e0;border-radius:0 20px 20px 0}.side-wrap .side-main-wrap .side-main-item .side-main-content:hover{background:#f2f2f2;cursor:pointer}.side-wrap .side-main-wrap .side-main-item .side-main-content.active .icon-down::before{-webkit-transition:all .2s;transition:all .2s;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.side-wrap .side-main-wrap .side-main-item .side-main-content.select,.side-wrap .side-main-wrap .side-main-item .side-main-content.select-child{background:#ffe5e5;font-weight:700}.side-wrap .side-main-wrap .side-main-item .side-main-content.select-child.active{font-weight:400;background:0 0}.side-wrap .side-main-wrap .side-main-item .side-sub-wrap{display:none}.side-wrap .side-main-wrap .side-main-item .side-sub-wrap.open{display:block}.side-wrap .side-main-wrap .side-main-item .side-sub-wrap .side-sub-item{border-radius:20px;padding:10px 5px 10px 50px}.side-wrap .side-main-wrap .side-main-item .side-sub-wrap .side-sub-item:hover{background:#f2f2f2;cursor:pointer}.side-wrap .side-main-wrap .side-main-item .side-sub-wrap .side-sub-item.select{background:#ffe5e5;font-weight:700}.side-wrap .side-main-wrap .side-main-item .side-sub-wrap .side-sub-item .m-select{display:none}@media screen and (max-width:1024px){.side-wrap .side-top-bg{display:none}.side-wrap .side-title{padding:20px 15px;background:#fff}.side-wrap .side-main-wrap .side-main-item .side-main-content{padding:7px 30px 7px 40px}.side-wrap .side-main-wrap .side-main-item .side-main-content .left{left:0;top:4px}.side-wrap .side-main-wrap .side-main-item .side-main-content .icon-down{padding-top:8px}.side-wrap .side-main-wrap .side-main-item .side-main-content .icon-down:hover,.side-wrap .side-main-wrap .side-main-item .side-main-content:hover{background:0 0;cursor:none;-webkit-tap-highlight-color:transparent}.side-wrap .side-main-wrap .side-main-item .side-main-content.select,.side-wrap .side-main-wrap .side-main-item .side-main-content.select-child{background:0 0;color:#e64545}.side-wrap .side-main-wrap .side-main-item .side-main-content.select-child.active{font-weight:400;background:0 0;color:#222}.side-wrap .side-main-wrap .side-main-item .side-sub-wrap .side-sub-item{line-height:20px;padding:7px 20px 7px 40px}.side-wrap .side-main-wrap .side-main-item .side-sub-wrap .side-sub-item:hover{background:0 0;cursor:none;-webkit-tap-highlight-color:transparent}.side-wrap .side-main-wrap .side-main-item .side-sub-wrap .side-sub-item.select{background:0 0;color:#e64545;position:relative}.side-wrap .side-main-wrap .side-main-item .side-sub-wrap .side-sub-item.select .m-select{display:inline-block;width:20px;position:absolute;right:8px;top:5px}}.search-top-container,.side-top-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.search-top-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.side-top-wrap{width:270px;color:#222;font-size:18px;font-weight:700;line-height:26px;-webkit-box-flex:0;-ms-flex:none;flex:none}.side-top-wrap.is-hidden{display:none}.side-top-wrap,.side-top-wrap .category-btn{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.side-top-wrap .category-btn{width:40px;height:40px;border-radius:20px;background:#fff;font-size:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.side-top-wrap .category-btn .icon-category2{line-height:1}.side-top-wrap .category-btn .icon-category{display:none}.side-top-wrap .category-btn:hover{background:#ececec;cursor:pointer}.search-wrap,.side-top-wrap .category-btn,.side-top-wrap .logo-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.side-top-wrap .logo-wrap{color:#222;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-decoration:none}.side-top-wrap .logo-wrap .logo{padding:0 5px 0 12px}.search-wrap{border:1px solid #d9d9d9;border-radius:220px;width:600px}.search-wrap .search-input{position:relative;-webkit-box-flex:1;-ms-flex:auto;flex:auto}.search-wrap .search-input:hover .icon-delete{display:block}.search-wrap .search-input input{-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 30px 10px 20px;width:100%;line-height:20px;font-size:14px;border:0;border-radius:20px 0 0 20px}.search-wrap .search-btn .icon-search,.search-wrap .search-input .icon-delete{position:absolute;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.search-wrap .search-input .icon-delete{display:none;right:12px;cursor:pointer;color:#888}.search-wrap .search-btn{border-radius:0 20px 20px 0;width:70px;background:#edeef0;border-left:1px solid #d9d9d9;position:relative;cursor:pointer}.search-wrap .search-btn .icon-search{font-size:18px;left:23px}.cat-drawer{width:auto}.cat-drawer .side-wrap{height:100%}.cat-drawer .ft-drawer-header{display:none}.cat-drawer .ft-drawer-body{padding:0}@media screen and (max-width:1280px){.search-wrap{width:460px}}@media screen and (max-width:1023px){.search-wrap{width:100%}}.video-item-wrap{margin-bottom:30px;position:relative}.video-item-wrap .show-wrap{position:relative;width:100%}.video-item-wrap .show-content,.video-item-wrap .show-content-detail{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.video-item-wrap .show-content{background:#fff;cursor:pointer;left:0;overflow:hidden;position:absolute;top:0;border-radius:16px}.video-item-wrap .show-content-detail{position:relative}.video-item-wrap .show-content-detail img{color:#161722;max-height:100%;max-width:100%;position:relative;-webkit-transition:all .3s linear;transition:all .3s linear;-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.video-item-wrap .video-img{background:0 0;z-index:2}.video-item-wrap .video-img,.video-item-wrap .video-player{position:absolute;width:100%;height:100%}.video-item-wrap .time-tag{position:absolute;bottom:10px;right:10px;padding:2px 6px;color:#fff;font-size:12px;line-height:16px;border-radius:4px;background:rgba(0,0,0,.75)}.video-item-wrap .video-title-wrap{padding-bottom:10px}.video-item-wrap .video-title{margin:12px 0 0;color:#222;font-size:16px;font-weight:700;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;cursor:pointer}@media screen and (max-width:1440px){.video-item-wrap .video-title{font-size:14px}}.video-list-wrap{padding:0 32px}.search-loading-wrap{text-align:center}@media screen and (max-width:1440px){.video-list-wrap{padding:0 20px}}.skeleton{background-color:rgba(190,190,190,.2)}.rectangle,.square{width:200px;height:200px;border-radius:16px}.rectangle{width:100%;height:50px}.circle{width:100px;height:100px;border-radius:50%}.skeleton-animated{background:-webkit-gradient(linear,left top,right top,color-stop(25%,rgba(190,190,190,.2)),color-stop(37%,rgba(129,129,129,.24)),color-stop(63%,rgba(190,190,190,.2)));background:linear-gradient(90deg,rgba(190,190,190,.2) 25%,rgba(129,129,129,.24) 37%,rgba(190,190,190,.2) 63%);background-size:400% 100%;-webkit-animation:skeleton-loading 1.4s ease infinite;animation:skeleton-loading 1.4s ease infinite}.search-side-skeleton .search-side-item{margin:16px 0}.search-side-skeleton .search-side-item:first-of-type{margin-top:6px}.search-side-skeleton .side-item{width:100%;height:21px}.search-side-wrap{width:268px;background:#fff;margin-left:32px;padding:20px 0;border-radius:16px;height:calc(100vh - 123px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.search-side-wrap .filter-title{color:#222;font-size:18px;font-weight:700;line-height:24px;margin-bottom:20px;padding:0 16px}.search-side-wrap .filter-title .icon-filter{display:none}.search-side-wrap .side-content-wrap{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;padding:0 16px}.search-side-wrap .side-content-wrap .cate-item{margin-bottom:4px;padding-right:30px;position:relative;z-index:1}.search-side-wrap .side-content-wrap .cate-item:hover{border-radius:20px;background:#f2f2f2}.search-side-wrap .side-content-wrap .cate-item .icon-down{position:absolute;right:0;top:0;bottom:0;width:30px;cursor:pointer;font-size:18px}.search-side-wrap .side-content-wrap .cate-item .icon-down.open::before{-webkit-transform:translate(0,-50%) rotate(180deg);transform:translate(0,-50%) rotate(180deg);-webkit-transition:all .2s;transition:all .2s}.search-side-wrap .side-content-wrap .cate-item .icon-down::before{top:50%;position:absolute;left:0;right:0;text-align:center;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);-webkit-transition:all .2s;transition:all .2s}.search-side-wrap .side-content-wrap .cate-item .icon-down:hover{background:#e0e0e0;border-radius:0 20px 20px 0}.search-side-wrap .side-content-wrap .cate-item .ft-radio{cursor:pointer;padding:6px 4px;-webkit-box-sizing:border-box;box-sizing:border-box}.search-side-wrap .side-content-wrap .cate-item .ft-radio .ft-radio-front{position:absolute;top:8px}.search-side-wrap .side-content-wrap .cate-item .ft-radio .ft-radio-label{font-weight:700;margin-left:24px;color:#222}.search-side-wrap .side-content-wrap .cate-item.sub{padding-right:0}.search-side-wrap .side-content-wrap .cate-item.sub .ft-radio{padding:6px 4px 6px 28px}.search-side-wrap .side-content-wrap .cate-item.sub .ft-radio-label{font-weight:400}.search-side-wrap .side-content-wrap .cate-item.sub:last-child{margin-bottom:0}.search-side-wrap .side-content-wrap .cate-sub-wrap{margin-bottom:4px;font-size:14px;line-height:20px;display:none}.search-side-wrap .side-content-wrap .cate-sub-wrap.is-open{display:block}.category-nav-drawer{position:fixed;z-index:1;top:0;left:0;right:0;bottom:0}.category-nav-drawer .nav-drawer-mask{position:absolute;top:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
/*# sourceMappingURL=../../../../__sources__/mic-extra/videoChannel/dist/css/common_f5a50b46.css.map */