.container{padding-top:80px}.module{margin-bottom:30px}.mod-slider{margin-bottom:0;padding:50px 0 80px;background:#000}.mod-slider .slider-container{position:relative;height:440px;border-radius:8px;overflow:hidden}.mod-slider .slider-container .slider-item{float:left;position:relative;width:100%;height:440px;background:#f8f8f8}.mod-slider .slider-container .slider-item img{width:100%;height:100%;transition:all .2s ease-in;object-fit:cover}.mod-slider .slider-container .slider-item .summary{position:absolute;left:0;bottom:0;width:100%;padding:20px 40% 20px 20px;line-height:30px;color:#fff;box-sizing:border-box}.mod-slider .slider-container .slider-item .summary::before{position:absolute;left:0;bottom:0;z-index:0;width:100%;height:100%;content:"";background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.75) 100%)}.mod-slider .slider-container .slider-item .summary span{position:relative;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-shadow:1px 1px 4px rgba(0,0,0,.05)}.mod-slider .slider-container .slider-item .summary span.category{display:inline-block;padding:0 12px;line-height:24px;background-color:rgba(0,0,0,.35);border-radius:2px;font-size:14px;color:rgba(255,255,255,.8)}.mod-slider .slider-container .slider-item .summary span.title{font-size:24px;font-weight:bold}.mod-slider .slider-container .slider-item .summary span.description{color:rgba(255,255,255,.8)}.mod-slider .slider-container .slider-pagination{position:absolute;right:20px;top:0;width:120px;height:100%;align-content:center}.mod-slider .slider-container .slider-pagination .item{display:inline-block;width:100%;aspect-ratio:3/2;border:2px solid #f0f0f0;border-radius:4px;cursor:pointer}.mod-slider .slider-container .slider-pagination .item img{width:100%;height:100%;object-fit:cover}.mod-slider .slider-container .slider-pagination .item.active{border-color:#42a47b}.mod-category{margin-top:20px}.mod-category .bd{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px 20px;background:#283848;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(66, 164, 123, 0.4) 0, rgba(66, 164, 123, 0.0666666667) 100%);border-top-left-radius:4px;border-bottom-left-radius:4px}.mod-list{display:flex;flex-direction:row-reverse;gap:25px}.mod-list .hd{padding:10px;background:linear-gradient(51deg, #d1e4ed, rgba(209, 228, 237, 0));border-radius:4px;line-height:30px}.mod-list .hd .title{font-size:22px;font-weight:bold}.mod-list .bd{padding:20px 0}.mod-list .panel-left{flex:1;min-width:0}.mod-list .panel-left .hd{display:flex;overflow:hidden}.mod-list .panel-left .hd .title{min-width:100px}.mod-list .panel-left .hd .category{flex:1;min-width:0;height:30px;margin-left:15px;overflow:hidden}.mod-list .panel-left .hd .category a{position:relative;display:inline-block;height:28px;padding:0 14px;line-height:28px;vertical-align:middle;white-space:nowrap;color:#888}.mod-list .panel-left .hd .category a::before{position:absolute;top:0;left:-4px;content:"/"}.mod-list .panel-left .hd .category a:first-child::after{display:none}.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(4, 1fr);gap:16px}.mod-list .panel-left .item{min-width:0}.mod-list .panel-left .item .cover{position:relative;width:100%;aspect-ratio:3/2;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/www5/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:#efac56;border-top-left-radius:3px;border-bottom-left-radius:3px;font-size:13px;color:#333;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.8));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/www5/image/public/icon-play.png") center center/24px 24px no-repeat;border-radius:30%}.mod-list .panel-left .item .summary{margin:0 auto;padding:10px 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:#42a47b}.mod-list .panel-right{width:300px}.mod-list .panel-right .item{position:relative;display:flex;gap:10px;margin-bottom:4px;background:rgba(0,0,0,.05);border-radius:4px;overflow:hidden}.mod-list .panel-right .item:last-child{border-bottom:none}.mod-list .panel-right .item .number{position:absolute;left:0;bottom:0;min-width:36px;text-align:center;color:#eee;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.mod-list .panel-right .item .number span{font-family:Impact;font-size:30px;font-weight:bold;transform:skew(-10deg)}.mod-list .panel-right .item .cover img{width:auto;height:75px;aspect-ratio:3/2;object-fit:cover}.mod-list .panel-right .item .summary{flex:1;min-width:0;padding:10px 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.desc{line-height:20px;font-size:13px;color:#999}.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 .cover{display:block}@media screen and (max-width: 799px){.module{margin-bottom:15px}.mod-slider{padding:0}.mod-slider .inner{padding:0}.mod-slider .slider-container{height:210px;border-radius:0}.mod-slider .slider-container .slider-item{height:210px}.mod-slider .slider-container .slider-item .summary{padding:10px 10px 15px;line-height:20px}.mod-slider .slider-container .slider-item .summary span.title{font-size:18px}.mod-slider .slider-container .slider-item .summary span.description{font-size:13px}.mod-slider .slider-container .slider-pagination{left:0;right:auto;top:auto;bottom:5px;width:100%;height:8px;line-height:8px;text-align:center}.mod-slider .slider-container .slider-pagination .item{width:8px;height:8px;background:rgba(255,255,255,.8);border:none;border-radius:4px;transition:all .2s ease-in}.mod-slider .slider-container .slider-pagination .item img{display:none}.mod-slider .slider-container .slider-pagination .item.active{width:16px;background:#42a47b}.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;gap:10px}.mod-list .hd{flex-direction:column;padding:10px;border-radius:3px;line-height:20px}.mod-list .hd .title{font-size:18px}.mod-list .hd .more{position:absolute;right:10px;top:10px}.mod-list .bd{padding:15px 0}.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 .type{top:0;padding:0 4px 0 8px;border-top-left-radius:0;font-size:12px}.mod-list .panel-left .item .summary{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}}