body,html{width:100vw;font-size:62.5%;overflow-x:hidden}.videoList-container{background-color:#f5f5f5;padding-bottom:6rem}.videoList-topBanner{width:100vw;height:32rem;text-align:center;background:url(../images/new/newBack-5a11a6208b.png) no-repeat;background-size:100% 100%}.videoList-topBanner>p{font-size:5rem;line-height:32rem;font-weight:600;color:#fff}.videoList-navBar{width:100vw;height:8rem;line-height:8rem;font-size:1.6rem;font-weight:400;background-color:#fff;color:gray}.videoList-navBarContent{padding-left:18rem}.videoList-navArrow{display:inline-block;width:1rem;height:1rem;border-top:.1rem solid #666;border-right:.1rem solid #666;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin:0 1.5rem}.videoList-navTitle{color:#fe4854}.videoList-grid{width:1300px;max-width:90%;margin:4rem auto 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:3rem}.videoList-item{width:calc(33.333% - 2rem);cursor:pointer;background:#fff;border-radius:8px;overflow:hidden;-webkit-transition:-webkit-box-shadow .3s ease,-webkit-transform .3s ease;transition:box-shadow .3s ease,transform .3s ease;transition:box-shadow .3s ease,transform .3s ease,-webkit-box-shadow .3s ease,-webkit-transform .3s ease}.videoList-item:hover{-webkit-box-shadow:0 4px 20px rgba(0,0,0,.15);box-shadow:0 4px 20px rgba(0,0,0,.15);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.videoList-itemCover{position:relative;width:100%;overflow:hidden}.videoList-itemCover img{width:100%;height:20rem;-o-object-fit:cover;object-fit:cover;display:block}.videoList-playIcon,.videoList-playIcon::after{position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.videoList-playIcon{left:50%;width:5rem;height:5rem;background:rgba(0,0,0,.5);border-radius:50%;-webkit-transition:background .3s ease;transition:background .3s ease}.videoList-playIcon::after{content:'';left:55%;width:0;height:0;border-left:1.5rem solid #fff;border-top:1rem solid transparent;border-bottom:1rem solid transparent}.videoList-item:hover .videoList-playIcon{background:rgba(254,72,84,.8)}.videoList-itemTitle{font-size:1.6rem;font-weight:600;color:#1f1f1f;padding:1.5rem 1.5rem 2rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width:1301px){.videoList-grid{max-width:1300px}}@media screen and (max-width:768px){.videoList-grid{gap:2rem}.videoList-item{width:calc(50% - 1rem)}.videoList-itemCover img{height:15rem}.videoList-navBarContent{padding-left:5rem}}