.module{margin-bottom:30px}.mod-slider{margin-bottom:20px}.mod-slider .slider-container{position:relative;height:440px;overflow:hidden}.mod-slider .slider-container::before{position:absolute;left:0;top:0;z-index:1;width:10%;height:100%;content:"";background:linear-gradient(to right, rgb(18, 18, 18) 0, rgba(18, 18, 18, 0) 100%)}.mod-slider .slider-container::after{position:absolute;right:0;top:0;z-index:1;width:10%;height:100%;content:"";background:linear-gradient(to left, rgb(18, 18, 18) 0, rgba(18, 18, 18, 0) 100%)}.mod-slider .slider-container .slider-item{float:left;position:relative;width:100%;height:440px;background:rgba(255,255,255,.1)}.mod-slider .slider-container .slider-item img{width:100%;height:100%;object-fit:contain;object-position:center top}.mod-slider .slider-container .slider-item .player{position:absolute;left:12%;bottom:48px;padding:0 30px 0 48px;background:rgba(255,255,255,.1) url("/static/www2/image/index/icon-play.png") 16px center/24px 24px no-repeat;backdrop-filter:blur(10px);line-height:48px;border-radius:30px;font-size:18px;font-weight:bold;color:#fff}.mod-slider .slider-container .slider-pagination{position:absolute;right:20px;top:0;z-index:90;width:300px;height:100%;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.6) 15%, rgba(0, 0, 0, 0.6) 85%, rgba(0, 0, 0, 0.1) 100%);align-content:center}.mod-slider .slider-container .slider-pagination .item{padding:5px 20px;animation:all .3s ease}.mod-slider .slider-container .slider-pagination .item .title{display:none;line-height:32px;font-size:24px;font-weight:bold;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;animation:all .3s ease}.mod-slider .slider-container .slider-pagination .item .description{display:block;line-height:24px;font-size:14px;color:rgba(255,255,255,.65);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;animation:all .3s ease}.mod-slider .slider-container .slider-pagination .item.active{padding:10px 20px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px)}.mod-slider .slider-container .slider-pagination .item.active .title{display:block}.mod-category .bd{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px 20px;background:linear-gradient(to right, rgba(37, 37, 43, 0.8) 0, #25252b 20%, #25252b 80%, rgba(37, 37, 43, 0.8) 100%);padding:15px;border-radius:6px}.mod-category .bd .group{flex:1;min-width:0;height:24px;line-height:24px;overflow:hidden}.mod-category .bd a{color:rgba(255,255,255,.6)}.mod-category .bd a.link{margin:0 3px;white-space:nowrap}.mod-category .bd a.title{position:relative;display:inline-block;min-width:60px;font-size:18px;font-weight:bold;color:rgba(255,255,255,.9)}.mod-category .bd a.title span{position:relative;z-index:9}.mod-category .bd a.title::after{position:absolute;left:6px;bottom:0;z-index:0;content:"";width:40px;height:16px;background:linear-gradient(to right, rgba(252, 60, 130, 0.2) 0, rgba(252, 60, 130, 0.0666666667) 100%);border-top-left-radius:4px;border-bottom-left-radius:4px}.mod-list{display:flex;background:#25252b;border-radius:6px}.mod-list .hd{padding:15px 20px 0;line-height:40px}.mod-list .hd .title{font-size:24px;font-weight:bold;color:#fff}.mod-list .bd{padding:20px}.mod-list .panel-left{flex:1;min-width:0}.mod-list .panel-left .hd{display:flex;height:40px;overflow:hidden}.mod-list .panel-left .hd .title{min-width:100px}.mod-list .panel-left .hd .category{flex:1;min-width:0;margin-left:15px}.mod-list .panel-left .hd .category a{display:inline-block;height:28px;padding:0 14px;line-height:28px;vertical-align:middle;background-color:rgba(255,255,255,.1);border-radius:14px;white-space:nowrap;color:rgba(255,255,255,.9)}.mod-list .panel-left .hd .category a:hover{background-color:rgba(255,255,255,.15);color:#fff}.mod-list .panel-left .hd .more a{position:relative;display:inline-block;padding:0 20px;color:#999}.mod-list .panel-left .hd .more a::after{width:8px;height:8px;content:"";border-right:1px solid #999;border-bottom:1px solid #999;transform:rotate(-45deg);position:absolute;right:6px;top:50%;margin-top:-5px}.mod-list .panel-left .list{display:grid;grid-template-columns:repeat(5, 1fr);gap:20px}.mod-list .panel-left .item{min-width:0}.mod-list .panel-left .item .cover{position:relative;max-width:174px;max-height:261px;aspect-ratio:2/3;margin:0 auto;background:#f8f8f8;border-radius:4px;overflow:hidden}.mod-list .panel-left .item .cover img{width:100%;height:100%;object-fit:cover;background:url("/static/www2/image/public/loading.gif") center center/48px 48px no-repeat}.mod-list .panel-left .item .cover .type{position:absolute;top:8px;right:0;height:20px;padding:0 4px 0 10px;background:rgba(0,0,0,.51);border-top-left-radius:10px;border-bottom-left-radius:10px;font-size:13px;color:#c2c6d0;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}.mod-list .panel-left .item .cover .status{position:absolute;bottom:0;left:0;width:100%;padding:5px 10px;line-height:20px;box-sizing:border-box;text-align:right;font-size:12px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;background-repeat:no-repeat;background-image:linear-gradient(transparent, rgba(0, 0, 0, 0.5));color:#fff}.mod-list .panel-left .item .cover .mask{position:absolute;left:0;top:0;content:"";width:100%;height:100%;background:rgba(0,0,0,.4);opacity:0;transition:all .3s linear;transform:scale(1.5);text-align:center;align-content:center}.mod-list .panel-left .item .cover .mask .icon{display:inline-block;width:40px;height:40px;background:rgba(0,0,0,.5) url("/static/www2/image/public/icon-play.png") center center/24px 24px no-repeat;border-radius:50%}.mod-list .panel-left .item .summary{margin:0 auto;padding:15px 0}.mod-list .panel-left .item .summary p{line-height:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.mod-list .panel-left .item .summary p.title{font-size:16px;font-weight:bold;color:#fff}.mod-list .panel-left .item .summary p.actor{color:#999}.mod-list .panel-left .item:hover .cover .mask{opacity:1;transform:scale(1)}.mod-list .panel-left .item:hover .cover .mask .icon:hover{background-color:#ff4081}.mod-list .panel-right{width:300px}.mod-list .panel-right .item{position:relative;display:flex;gap:10px;padding:12px 10px;border-bottom:1px solid #32323c}.mod-list .panel-right .item:last-child{border-bottom:none}.mod-list .panel-right .item .number{position:relative;width:50px;line-height:36px;text-align:center;color:#f0f0f0}.mod-list .panel-right .item .number span{font-family:Impact;font-size:30px;font-weight:bold;transform:skew(-10deg)}.mod-list .panel-right .item .number::after{color:rgba(255,255,255,.12);position:absolute;left:8px;bottom:0;content:"NO";font-family:Impact;font-size:32px;line-height:1;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(180deg, #ffffff, transparent);opacity:.14}.mod-list .panel-right .item .cover{display:none;position:absolute;top:7px;left:14px}.mod-list .panel-right .item .cover img{width:auto;height:60px;aspect-ratio:2/3;object-fit:cover;border-radius:3px}.mod-list .panel-right .item .summary{flex:1;min-width:0}.mod-list .panel-right .item .summary p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mod-list .panel-right .item .summary p.title{line-height:30px;font-size:16px;font-weight:bold}.mod-list .panel-right .item .summary p.title a{color:#fff}.mod-list .panel-right .item .summary p.desc{line-height:20px;font-size:13px;color:#6c6c6c}.mod-list .panel-right .item:nth-child(1) .number{color:#ff4f34}.mod-list .panel-right .item:nth-child(2) .number{color:#fa6400}.mod-list .panel-right .item:nth-child(3) .number{color:#ffb802}.mod-list .panel-right .item:hover{background:linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.035))}.mod-list .panel-right .item:hover .cover{display:block}@media screen and (max-width: 799px){.module{margin-bottom:15px}.mod-slider .slider-container{height:auto;border-radius:0}.mod-slider .slider-container::before,.mod-slider .slider-container::after{display:none}.mod-slider .slider-container .slider-item{height:210px}.mod-slider .slider-container .slider-item .player{bottom:20px;height:32px;padding:0 20px 0 32px;background-position:10px center;background-size:16px 16px;line-height:32px;font-size:15px;border-radius:18px}.mod-slider .slider-container .slider-pagination{position:static;width:100%;height:auto;text-align:left}.mod-slider .slider-container .slider-pagination .item{position:relative}.mod-slider .slider-container .slider-pagination .item .title{line-height:24px;font-size:18px}.mod-slider .slider-container .slider-pagination .item .description{line-height:20px;font-size:14px}.mod-slider .slider-container .slider-pagination .item.active{padding:8px 15px}.mod-slider .slider-container .slider-pagination .item.active::before{position:absolute;left:0;top:0;width:4px;height:100%;content:"";background:#ff4081;transition:all .3s ease}.mod-category .bd{grid-template-columns:1fr;gap:5px;padding:10px}.mod-category .bd a.title{font-size:16px}.mod-category .bd a.title::after{width:30px;height:12px}.mod-category .bd a.link{margin:0 2px;font-size:14px}.mod-list{flex-direction:column}.mod-list .hd{flex-direction:column;padding:10px 15px 0;margin-bottom:5px;line-height:36px}.mod-list .hd .title{font-size:18px}.mod-list .hd .more{position:absolute;right:10px;top:10px}.mod-list .bd{padding:10px 15px}.mod-list .panel-left .hd{position:relative;height:auto}.mod-list .panel-left .hd .category{margin-left:0;line-height:30px;white-space:nowrap;overflow-x:auto}.mod-list .panel-left .hd .category a{padding:0 12px;margin:0}.mod-list .panel-left .list{grid-template-columns:repeat(3, 1fr);gap:5px}.mod-list .panel-left .item .cover{max-width:100px;max-height:150px}.mod-list .panel-left .item .summary{max-width:100px;padding:5px 0}.mod-list .panel-left .item .summary p{line-height:18px}.mod-list .panel-left .item .summary p.title{font-size:15px}.mod-list .panel-left .item .summary p.actor{font-size:12px}.mod-list .panel-right{width:auto}.mod-list .panel-right .item{padding:10px 0}.mod-list .panel-right .item .cover{display:block;position:static;margin:-5px 0}}