.module{margin-bottom:30px}.mod-slider .slider-container{position:relative;height:520px;background:#333;border-radius:3px;overflow:hidden}.mod-slider .slider-container .slider-item{float:left;position:relative;width:100%;height:520px}.mod-slider .slider-container .slider-item img{width:100%;height:420px;object-fit:cover}.mod-slider .slider-container .slider-item .summary{position:relative;display:block;width:100%;padding:20px 20% 20px 20px;background:#1c3f57;line-height:30px;color:#fff;box-sizing:border-box}.mod-slider .slider-container .slider-item .summary::before{position:absolute;left:0;top:-100px;z-index:0;width:100%;height:100px;content:"";background:linear-gradient(to top, #1c3f57 0, rgba(28, 63, 87, 0) 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/www3/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/www3/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:#deb39d}.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:hsla(0,0%,100%,.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:hsla(0,0%,100%,.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(222, 179, 157, 0.4) 0, rgba(222, 179, 157, 0.0666666667) 100%);border-top-left-radius:4px;border-bottom-left-radius:4px}.mod-list{display:flex;gap:30px}.mod-list .hd{padding:15px 0 0;line-height:40px}.mod-list .hd .title{font-size:24px;font-weight:bold;color:#fff}.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 10px;line-height:28px;vertical-align:middle;white-space:nowrap;color:hsla(0,0%,100%,.8)}.mod-list .panel-left .hd .category a:hover{font-weight:bold;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 .bd{padding:20px 0}.mod-list .panel-left .list{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px}.mod-list .panel-left .item{position:relative;min-width:0;height:370px}.mod-list .panel-left .item .item-inner{width:200px;margin:0 auto;transition:all .1s ease-in-out}.mod-list .panel-left .item .cover{width:100%;height:300px;background:#f8f8f8;transition:all .1s linear}.mod-list .panel-left .item .cover img{width:100%;height:100%;object-fit:cover;background:url("/static/www3/image/public/loading.gif") center center/48px 48px no-repeat}.mod-list .panel-left .item .cover .mask{position:absolute;left:0;top:0;content:"";width:100%;height:100%;background:linear-gradient(to top, rgb(0, 0, 0) 0, rgb(0, 0, 0) 20%, rgba(0, 0, 0, 0) 90%);opacity:0;transition:all .1s linear;text-align:center;align-content:center}.mod-list .panel-left .item .cover .mask .icon{position:relative;z-index:9;top:-60px;display:inline-block;width:48px;height:48px;background:url("/static/www3/image/public/icon-play.png") center center/48px 48px no-repeat;opacity:.8}.mod-list .panel-left .item .summary{margin:0 auto;padding:15px 0}.mod-list .panel-left .item .summary p{line-height:20px;color:#999}.mod-list .panel-left .item .summary p.title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:16px;font-weight:bold;color:#fff}.mod-list .panel-left .item .summary p.desc,.mod-list .panel-left .item .summary p.actor{display:none}.mod-list .panel-left .item:hover{position:relative;background:#000}.mod-list .panel-left .item:hover .item-inner{position:absolute;left:-20px;right:-20px;top:-20px;bottom:-20px;z-index:98;width:240px;height:410px;border-radius:4px;overflow:hidden}.mod-list .panel-left .item:hover .cover{width:100%;height:340px}.mod-list .panel-left .item:hover .cover .mask{opacity:1}.mod-list .panel-left .item:hover .cover .mask .icon:hover{opacity:1}.mod-list .panel-left .item:hover .summary{position:absolute;left:0;bottom:0;z-index:9;width:100%;padding:10px;box-sizing:border-box}.mod-list .panel-left .item:hover .summary p.title{padding:6px 0;white-space:normal;line-height:24px;font-size:18px}.mod-list .panel-left .item:hover .summary p.desc,.mod-list .panel-left .item:hover .summary p.actor{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2}.mod-list .panel-right{width:310px}.mod-list .panel-right .bd{padding:20px;background:rgba(37,37,43,.8);border-radius:4px}.mod-list .panel-right .item{position:relative;display:flex;gap:10px;padding:10px 0;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{display:inline-block;font-family:Impact;padding-top:18px;font-size:30px;font-weight:bold;transform:skew(-10deg)}.mod-list .panel-right .item .number::after{color:hsla(0,0%,100%,.12);position:absolute;left:8px;top:0;content:"NO.";font-family:Impact;font-size:20px;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 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))}@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-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 8px;margin:0}.mod-list .panel-left .bd{padding:10px}.mod-list .panel-left .list{grid-template-columns:repeat(3, 1fr);gap:5px}.mod-list .panel-left .item{height:auto}.mod-list .panel-left .item .item-inner{position:static;width:auto}.mod-list .panel-left .item .cover{max-width:120px;max-height:160px}.mod-list .panel-left .item .summary{max-width:120px;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-left .item:hover .item-inner{position:static;left:0;top:0;width:auto;height:auto}.mod-list .panel-left .item:hover .cover{height:auto}.mod-list .panel-left .item:hover .summary{position:static;width:auto;padding:5px 0}.mod-list .panel-left .item:hover .summary p.title{white-space:nowrap;line-height:20px;font-size:16px}.mod-list .panel-left .item:hover .summary p.desc,.mod-list .panel-left .item:hover .summary p.actor{display:none}.mod-list .panel-right{width:auto}}