html,body{height:100%;padding:0;margin:0}[v-clock]{display:none}.hide{display:none!important}#container{height:100%;overflow:hidden}.search-layout{position:relative;width:100%;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.5rem .6rem}.search-layout .search-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1.9rem;background-color:#f5f7f9;border-radius:.35rem;line-height:1.9rem;font-size:.8rem;color:#767675;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:1.1rem}.search-layout .search-container .search-icon{width:.8rem;height:.8rem;vertical-align:middle;margin:0 .475rem 0 .625rem}.search-layout .search-container .search-text{outline:0;border:0;font-size:.8rem;color:#767675;background-color:#f5f7f9;-webkit-box-flex:1;-ms-flex:1;flex:1}.search-layout .search-list-container{position:absolute;top:2.9rem;left:0;width:100%;background:rgba(0,0,0,.3);z-index:998;border-radius:0 0 .25rem .25rem;overflow:hidden}.search-layout .search-list-container .search-list{position:relative;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 1.7rem;line-height:2rem;font-size:.7rem;background:#fff}.search-layout .search-list-container .no-search{text-align:center;height:5rem;line-height:5rem;color:#fdf5e6}.aside-select-layout{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff}.aside-container{width:4.5rem;background-color:#f3f4f5;height:100%;overflow:hidden}.scroll-box{height:100%;overflow-y:scroll}.content-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;overflow-y:scroll;padding-top:2.75rem;position:relative;z-index:1}.aside-item{position:relative;height:2.5rem;text-align:center;line-height:2.5rem;color:#333;font-size:.7rem;-webkit-box-sizing:border-box;box-sizing:border-box}.aside-tap{color:#000;font-size:.775rem;font-weight:600;background-color:#fff}.aside-tap::before{position:absolute;content:"";width:.25rem;height:.85rem;top:.85rem;left:0;background-color:#307fe2}.border-r::after{position:absolute;content:"";width:.025rem;right:.025rem;top:0;height:100%;background-color:#f3f4f5;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transform-origin:right center;transform-origin:right center}.border-t::after{position:absolute;content:"";width:100%;left:0;top:0;height:.025rem;background-color:#ebebeb;-webkit-transform:scale(1,.5);transform:scale(1,.5);-webkit-transform-origin:center top;transform-origin:center top}.border-b::after{position:absolute;content:"";width:100%;left:0;top:0;height:.025rem;background-color:#ebebeb;-webkit-transform:scale(1,.5);transform:scale(1,.5);-webkit-transform-origin:center bottom;transform-origin:center bottom}.content{padding-bottom:3rem}.item{position:relative;margin-bottom:0;width:100%;overflow:hidden;border-bottom:2px solid #fafafa;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.625rem .125rem .625rem .5rem}.item::after{position:absolute;content:"";width:100%;height:100%;top:0;left:0;z-index:99}.video-cover{width:100%;height:100%}.data-title{width:100%;color:#666;font-size:.7rem;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.data-title .left-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.data-title .right-area{margin-top:-.125rem}.data-title .avatar-img{width:2rem;margin-right:.3rem;border-radius:.25rem}.data-title .nick-name{font-weight:600}.data-title .title-1{margin-left:-.25rem}.data-title .look-more{color:#307fe2;margin-left:.1rem;font-size:.5rem;font-weight:600;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.data-title .icon{margin-top:-.1rem;display:inline-block;margin-left:.05rem}.video-play-icon{position:absolute;width:2.4rem;height:2.4rem;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.play{width:100%;height:100%}.second-container{z-index:10;position:absolute;left:4.5rem;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;height:2.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:14.25rem;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-shadow:0 .375rem .75rem rgba(0,0,0,.1);box-shadow:0 .375rem .75rem rgba(0,0,0,.1);-webkit-transform:translate3d(0,-.05rem,0);transform:translate3d(0,-.05rem,0)}.second-container .second-item{width:3.5rem;height:.75rem;color:#848484;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;font-size:.7rem;color:#666;width:4.05rem;line-height:.825rem;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-right:1px solid #e5e5e5;-webkit-transition:all ease-in .2s;transition:all ease-in .2s;font-weight:600}.second-container .second-item:last-child{border-right:1px solid transparent}.second-container .second-item.active{color:#307fe2}