html{font-size:16px;background:#000;color:#fff}@media screen and (max-width:768px){html{font-size:calc(16px * (100vw/768))}}@media screen and (max-width:480px){html{font-size:calc(16px * (100vw/480))}}body{margin:0;font-family:Arial,sans-serif;box-sizing:border-box;overflow-y:auto;padding-top:66px}a,a:link,a:visited,a:hover,a:active{text-decoration:none;color:inherit}.topBox{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#212121;position:fixed;top:0;left:0;width:100%;z-index:99}.navBtn{display:flex;align-items:center;justify-content:center}.navBtn .moreIcon{width:30px;height:30px}.logo{width:auto;height:30px}.searchIcon{width:24px;height:24px;margin-left:27px}.header{width:100%;padding:12px 20px 0;box-sizing:border-box;text-align:center}.header .title{font-size:18px;line-height:24px;margin-bottom:12px}.header .desc{font-size:12px;line-height:18px}.navBox{padding:10px 16px;box-sizing:border-box;display:flex;align-items:center;width:375px;overflow-x:auto;height:48px;background:#212121;position:relative}.navList{display:flex;align-items:center;gap:14px}.navItem{flex-shrink:0;position:relative;color:#9e9e9e;font-size:16px}.navItem:last-child{padding-right:64px}.navBox::-webkit-scrollbar{display:none}.acitveNav{font-size:18px;font-weight:600;color:#fff;position:relative}.acitveNav::after{content:'';position:absolute;bottom:-8px;left:50%;width:13px;height:3px;border-radius:12px;background:linear-gradient(90deg,#FF813A 0%,#FE0032 56.73%,#F60077 100%);transform:translateX(-50%)}.moreBox{width:60px;height:48px;background:#212121;position:fixed;top:48px;right:0;display:flex;align-items:center;justify-content:center}.moreBtn{width:28px;height:24px}.main{padding-top:18px}.videoList{margin-bottom:40px;padding:0 10px;box-sizing:border-box;width:100%}.videoList>article{width:100%}.videoBox{width:100%;height:174.77px;margin-bottom:12px;position:relative;overflow:hidden;border-radius:5px}.videoCardLink{position:absolute;inset:0;z-index:1}.videoMask{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;background:rgba(0,0,0,.3);pointer-events:none}.adv{width:100%;height:150px;margin-bottom:18px;border-radius:5px;overflow:hidden}.videoBox .videoCover{width:100%;height:100%;background:url(/static/images/placeholder.png)no-repeat 50%/cover;pointer-events:none}.hot{position:absolute;top:6px;right:6px;width:50px;height:26px;z-index:3;pointer-events:none;object-fit:contain}.videoInfoBox{position:absolute;top:0;left:0;z-index:4;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:30px 12px 0;width:100%;height:100%;box-sizing:border-box;text-align:center;pointer-events:none}.videoInfoBox a{position:relative;z-index:3;font-size:12px;line-height:18px;pointer-events:auto}.videoTitle{width:100%;line-height:22px;color:#fafafa;font-size:18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;overflow:hidden;font-family:PingFang SC;font-weight:400}.videoInfo{font-size:14px;color:#fff;line-height:18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;overflow:hidden;margin-top:6px}.paginationBox{display:flex;align-items:center;justify-content:center;gap:9px;padding:0 13px;box-sizing:border-box;margin-bottom:18px}.pageBtn{width:60px;height:30px;border-radius:4px;border:1px solid rgb(255 255 255/.3);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}.placeholderBtn{width:66px;height:40px}.paginationContent{display:flex;align-items:center;justify-content:center;gap:10px}.pageBox{font-size:12px}.jumpBtn{display:flex;align-items:center;justify-content:center;border:1px solid rgb(255 255 255/.3);border-radius:4px;width:48px;height:30px;font-size:12px}input:focus{outline:none;border:1px solid #bdbdbd}.paginationInp{width:60px;height:30px;border-radius:4px;border:1px solid rgb(255 255 255/.3);background:#000;color:#fff;font-size:16px;text-align:center}.advList{display:flex;flex-direction:column;gap:10px;padding:0 13px;box-sizing:border-box}@media screen and (min-width:768px){body{padding-top:140px}body main{max-width:774px;margin:0 auto}.header{padding-bottom:12px;background:#212121}.header .title{font-size:36px;line-height:36px}.videoList{padding:0;width:774px}.hot{top:10px;right:10px;width:90px;height:44px}.videoBox{height:344.615px;margin-bottom:24px}.adv{height:344px}.videoInfoBox a{font-size:18px;line-height:24px}.videoTitle{padding:0 24px;font-size:24px;font-weight:500;line-height:32px}.videoInfo{padding:0 24px;font-size:18px;margin-top:12px;line-height:24px}.topBox{display:none}.advList{padding:0}.bannerAdv{height:90px!important}}