.module{margin-bottom:30px}.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%;object-fit:contain}.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.5) 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:hsla(0,0%,100%,.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:hsla(0,0%,100%,.8)}.mod-slider .slider-container .slider-prev,.mod-slider .slider-container .slider-next{display:none;position:absolute;top:50%;z-index:99;width:48px;height:48px;border-radius:50%;transform:translateY(-50%);text-indent:-33em;overflow:hidden;transition:all .3s ease-in-out}.mod-slider .slider-container .slider-prev{left:20px;background:rgba(0,0,0,0) url("/static/www/image/public/icon-prev.png") center center/24px 21px no-repeat}.mod-slider .slider-container .slider-next{right:20px;background:rgba(0,0,0,0) url("/static/www/image/public/icon-next.png") center center/24px 21px no-repeat}.mod-slider .slider-container:hover .slider-prev,.mod-slider .slider-container:hover .slider-next{display:block}.mod-slider .slider-container:hover .slider-prev:hover,.mod-slider .slider-container:hover .slider-next:hover{background-color:rgba(0,0,0,.5)}.mod-slider .slider-container .slider-pagination{position:absolute;right:20px;bottom:20px}.mod-slider .slider-container .slider-pagination span{display:inline-block;width:12px;height:12px;background:rgba(0,0,0,.5);border-radius:6px;transition:all .3s ease-in-out;cursor:pointer}.mod-slider .slider-container .slider-pagination span.active{width:24px;background:#fc511b}.mod-list .hd{display:flex;position:relative;margin-bottom:12px;line-height:36px}.mod-list .hd .title{position:relative;width:160px;font-size:24px;font-weight:bold}.mod-list .hd .title span,.mod-list .hd .title img{vertical-align:middle}.mod-list .hd .title::after{position:absolute;left:20px;bottom:0;width:160px;height:20px;content:"";background:linear-gradient(to right, rgba(255, 85, 0, 0.1333333333) 0, rgba(255, 136, 0, 0) 100%);border-top-left-radius:4px;border-bottom-left-radius:4px}.mod-list .hd .category{flex:1;min-width:0;margin-left:15px}.mod-list .hd .category a{display:inline-block;padding:0 14px;margin:0 2px;line-height:28px;vertical-align:middle;background-color:#f8f8f8;border-radius:14px}.mod-list .hd .category a:hover{background:linear-gradient(90deg, #f50, #f80);color:#fff}.mod-list .hd .more a{position:relative;display:inline-block;padding:0 20px;color:#999}.mod-list .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 .list{display:grid;grid-template-columns:repeat(6, 1fr);gap:10px}.mod-list .item{min-width:0}.mod-list .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 .item .cover img{width:100%;height:100%;object-fit:cover;background:url("/static/www/image/public/loading.gif") center center/48px 48px no-repeat}.mod-list .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 .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 .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 .item .cover .mask .icon{display:inline-block;width:40px;height:40px;background:rgba(0,0,0,.5) url("/static/www/image/public/icon-play.png") center center/24px 24px no-repeat;border-radius:50%}.mod-list .item .summary{width:175px;margin:0 auto;padding:15px 0}.mod-list .item .summary p{line-height:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.mod-list .item .summary p.title{font-size:16px;font-weight:bold;color:#333}.mod-list .item .summary p.actor{color:#999}.mod-list .item:hover .cover .mask{opacity:1;transform:scale(1)}.mod-list .item:hover .cover .mask .icon:hover{background-color:#fc511b}@media screen and (max-width: 799px){.module{margin-bottom:15px}.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:12px 12px 24px 12px;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;bottom:5px;width:100%;text-align:center}.mod-slider .slider-container .slider-pagination span{width:8px;height:8px;margin:0 1px}.mod-slider .slider-container .slider-pagination span.active{width:16px}.mod-list .hd{margin-bottom:5px;flex-direction:column}.mod-list .hd .title{padding:0 12px;font-size:18px}.mod-list .hd .title img{width:24px;height:24px}.mod-list .hd .title::after{bottom:5px;height:12px}.mod-list .hd .category{margin-left:0;padding:0 10px;white-space:nowrap;overflow-x:auto}.mod-list .hd .category a{padding:0 12px;margin:0;line-height:24px}.mod-list .hd .more{position:absolute;top:0;right:0}.mod-list .list{grid-template-columns:repeat(3, 1fr);gap:5px;padding:0 5px}.mod-list .item .cover{max-width:100px;max-height:150px}.mod-list .item .summary{max-width:100px;padding:5px 0}.mod-list .item .summary p{line-height:18px}.mod-list .item .summary p.title{font-size:15px}.mod-list .item .summary p.actor{font-size:12px}}