.module{margin-bottom:30px}.module .hd{margin-bottom:10px;line-height:30px}.module .hd .title{font-size:20px;font-weight:bold}.module .hd .more{float:right;position:relative;padding:0 20px;color:#999}.module .hd .more::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}@media screen and (max-width: 799px){.module{margin-bottom:15px}.module .hd{padding:0 10px;margin-bottom:0}.module .hd .title{font-size:18px}.module .bd{padding:10px}}.mod-recommend .list{display:grid;grid-template-columns:repeat(5, 1fr);gap:10px}.mod-recommend .item{min-width:0}.mod-recommend .item .cover{position:relative;max-width:160px;max-height:240px;aspect-ratio:2/3;margin:0 auto;background:#f8f8f8;border-radius:4px;overflow:hidden}.mod-recommend .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-recommend .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-recommend .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-recommend .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-recommend .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-recommend .item .summary{width:160px;margin:0 auto;padding:15px 0}.mod-recommend .item .summary p{line-height:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.mod-recommend .item .summary p.title{font-size:16px;font-weight:bold;color:#333}.mod-recommend .item .summary p.actor{color:#999}.mod-recommend .item:hover .cover .mask{opacity:1;transform:scale(1)}.mod-recommend .item:hover .cover .mask .icon:hover{background-color:#ff4081}@media screen and (max-width: 799px){.mod-recommend .bd{padding:0}.mod-recommend .list{grid-template-columns:repeat(3, 1fr);gap:5px;padding:0 5px}.mod-recommend .item .cover{max-width:100px;max-height:150px}.mod-recommend .item .summary{max-width:100px;padding:5px 0}.mod-recommend .item .summary p{line-height:18px}.mod-recommend .item .summary p.title{font-size:15px}.mod-recommend .item .summary p.actor{font-size:12px}}.mod-rank .item{position:relative;display:flex;gap:10px;padding:12px 10px;border-bottom:1px solid #32323c}.mod-rank .item:last-child{border-bottom:none}.mod-rank .item .number{position:relative;width:50px;line-height:36px;text-align:center;color:#f0f0f0}.mod-rank .item .number span{font-family:Impact;font-size:30px;font-weight:bold;transform:skew(-10deg)}.mod-rank .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-rank .item .cover{display:none;position:absolute;top:7px;left:14px}.mod-rank .item .cover img{width:auto;height:60px;aspect-ratio:2/3;object-fit:cover;border-radius:3px}.mod-rank .item .summary{flex:1;min-width:0}.mod-rank .item .summary p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mod-rank .item .summary p.title{line-height:30px;font-size:16px;font-weight:bold}.mod-rank .item .summary p.title a{color:#fff}.mod-rank .item .summary p.desc{line-height:20px;font-size:13px;color:#6c6c6c}.mod-rank .item:nth-child(1) .number{color:#ff4f34}.mod-rank .item:nth-child(2) .number{color:#fa6400}.mod-rank .item:nth-child(3) .number{color:#ffb802}.mod-rank .item:hover{background:linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.035))}.mod-rank .item:hover .cover{display:block}@media screen and (max-width: 799px){.mod-rank .item{padding:10px 0}.mod-rank .item .cover{display:block;position:static;margin:-5px 0}}.mod-player{background:#000}.mod-player .bd{display:flex}.mod-player .player-container{flex:1;min-width:0;position:relative}.mod-player .player-container .player{height:506px}.mod-player .player-container .warning{position:absolute;left:0;top:0;padding:0 10px;line-height:30px;text-shadow:0 0 3px rgba(0,0,0,.8);color:#fff}.mod-player .player-side{width:300px;height:506px;box-sizing:border-box;overflow:auto;background:#333}.mod-player .panel-container{display:flex;flex-direction:column;height:100%}.mod-player .panel-container .panel-head{padding:10px 0;background:rgba(0,0,0,.1);line-height:30px}.mod-player .panel-container .panel-head ul{display:flex}.mod-player .panel-container .panel-head li{flex:1;min-width:0}.mod-player .panel-container .panel-head li a{display:block;padding:0 15px;text-align:center;font-size:18px;color:rgba(255,255,255,.6)}.mod-player .panel-container .panel-head li.active a{font-weight:bold;color:#fff}.mod-player .panel-container .panel-body{flex:1;min-height:0;padding:0 15px;overflow:auto}.mod-player .panel-container .panel-body::-webkit-scrollbar{width:6px;height:6px;background:none}.mod-player .panel-container .panel-body::-webkit-scrollbar-thumb{background:#666;border-radius:3px}.mod-player .tabs-container{position:relative;display:flex;flex-direction:column;height:100%}.mod-player .tabs-container .tabs-head{position:sticky;left:0;top:0;width:101%;background:#333;border-bottom:1px solid rgba(255,255,255,.05)}.mod-player .tabs-container .tabs-head .tabs-pagination{display:flex;flex-wrap:wrap}.mod-player .tabs-container .tabs-head li a{display:block;padding:0 8px;line-height:32px;font-size:15px;color:#fff;opacity:.6}.mod-player .tabs-container .tabs-head li.active a{position:relative;font-weight:bold;opacity:1}.mod-player .tabs-container .tabs-head li.active a::after{position:absolute;left:50%;bottom:-1px;content:"";width:20px;height:3px;margin-left:-10px;background:#ff4081;border-radius:2px}.mod-player .tabs-container .tabs-body{flex:1;min-height:0;padding:10px 0;overflow:auto}.mod-player .tabs-container .tabs-body .tabs-panel{display:none}.mod-player .tabs-container .tabs-body ul{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2px}.mod-player .tabs-container .tabs-body li{min-width:0}.mod-player .tabs-container .tabs-body li a{display:block;padding:0 10px;background:#181818;line-height:40px;border-radius:3px;text-align:center;color:rgba(255,255,255,.8);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mod-player .tabs-container .tabs-body li a:hover{background:#000}.mod-player .tabs-container .tabs-body li.active a{background:rgba(255,64,129,.2666666667);color:#fff}.mod-player .list{padding:10px 0}.mod-player .item{display:flex;margin-bottom:8px}.mod-player .item:last-child{margin-bottom:0}.mod-player .item .cover{position:relative;width:120px;height:67.5px;aspect-ratio:16/9;margin:0 auto;background:#f8f8f8;border-radius:4px;overflow:hidden}.mod-player .item .cover img{width:100%;height:100%;object-fit:cover}.mod-player .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-player .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-player .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-player .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-player .item .summary{flex:1;min-width:0;padding-left:10px}.mod-player .item .summary p{line-height:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.mod-player .item .summary p.title{font-size:16px;font-weight:bold;color:#333}.mod-player .item .summary p.actor{color:#999}.mod-player .item:hover .cover .mask{opacity:1;transform:scale(1)}.mod-player .item:hover .cover .mask .icon:hover{background-color:#ff4081}@media screen and (max-width: 799px){.mod-player .bd{flex-direction:column;padding:0}.mod-player .player-container .player{height:240px}.mod-player .tabs-container .tabs-head{width:100vw;overflow-x:auto}.mod-player .tabs-container .tabs-head .tabs-pagination{display:block;white-space:nowrap;font-size:0}.mod-player .tabs-container .tabs-head li{display:inline-block;min-width:0}.mod-player .tabs-container .tabs-head li a{font-size:14px}.mod-player .tabs-container .tabs-head li.active a::after{bottom:0}.mod-player .tabs-container .tabs-body ul{grid-template-columns:repeat(3, 1fr)}.mod-player .player-side{width:auto;height:auto}}