.module{margin-bottom:30px}.module .hd{padding:10px 0;line-height:36px}.module .hd .title{position:relative;width:160px;padding-left:20px;font-size:24px;font-weight:bold}.module .hd .title::after{position:absolute;left:2px;top:50%;width:4px;height:20px;margin-top:-10px;content:"";background:#4bae4f;border-radius:2px}.module .hd .more{float:right;position:relative;padding:0 24px 0 12px;color:#999}.module .hd .more::before{position:absolute;right:0;top:50%;content:"";width:18px;height:18px;margin-top:-9px;background:#e8e8e8;border-radius:9px}.module .hd .more::after{position:absolute;right:7px;top:50%;content:"";width:6px;height:6px;border-right:1px solid #666;border-bottom:1px solid #666;transform:rotate(-45deg);margin-top:-4px}@media screen and (min-width: 800px)and (max-width: 1199px){.module{margin-bottom:20px}.module .hd{padding:5px 0}.mod-list .hd .title{width:100px;font-size:22px}}@media screen and (max-width: 799px){.module{margin-bottom:15px}.module .hd{padding:0}.module .hd .title{padding:0 12px;font-size:18px}.module .hd .title::after{height:18px;margin-top:-9px}.module .bd{padding:10px}}.mod-recommend .list{display:grid;grid-template-columns:repeat(5, 1fr);gap:15px}.mod-recommend .item{flex:1;min-width:0}.mod-recommend .item .cover{position:relative;aspect-ratio:3/2;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/www4/image/public/loading.gif") center center/48px 48px no-repeat}.mod-recommend .item .cover .type{position:absolute;top:0;right:0;height:24px;padding:0 4px 0 10px;background:#4bae4f;border-bottom-left-radius:10px;line-height:24px;font-size:13px;color:#333;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/www4/image/public/icon-play.png") center center/24px 24px no-repeat;border-radius:30%}.mod-recommend .item .summary{padding:10px 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:#4bae4f}@media screen and (min-width: 1200px)and (max-width: 1599px){.mod-recommend .list{grid-template-columns:repeat(4, 1fr);gap:15px}}@media screen and (min-width: 800px)and (max-width: 1199px){.module{margin-bottom:20px}.mod-recommend .hd .title{width:100px;font-size:22px}.mod-recommend .list{grid-template-columns:repeat(3, 1fr);gap:10px}}@media screen and (max-width: 799px){.mod-recommend .bd{padding:0}.mod-recommend .list{grid-template-columns:repeat(2, 1fr);gap:5px}.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:10px 0;border-bottom:1px dotted #ccc}.mod-rank .item:last-child{border-bottom:none}.mod-rank .item .number{display:inline-block;min-width:36px;margin:0 3px;line-height:50px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mod-rank .item .number.number{font-size:24px;font-weight:bold;font-family:impact;color:#999}.mod-rank .item .number.number-1{color:#fc4274}.mod-rank .item .number.number-2{color:#f96e57}.mod-rank .item .number.number-3{color:#fcb80a}.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:#333}.mod-rank .item .summary p.desc{line-height:20px;font-size:13px;color:#888}.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))}.container{padding-top:60px}.mod-detail{position:relative;overflow:hidden}.mod-detail .bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}.mod-detail .bg img{width:100%;height:100%;object-fit:cover;filter:blur(5px)}.mod-detail .bg::before{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;content:"";background:hsla(0,0%,100%,.5);backdrop-filter:blur(15px)}.mod-detail .bg::after{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;content:"";background:linear-gradient(to right, #d8e6ed 0, #d8e6ed 60%, rgba(255, 255, 255, 0) 100%)}.mod-detail .bd{display:flex;padding:30px 0}.mod-detail .cover{position:relative;width:240px;height:360px;aspect-ratio:2/3;margin:0 auto;background:#f8f8f8;border-radius:6px;overflow:hidden}.mod-detail .cover img{width:100%;height:100%;object-fit:cover;background:url("/static/www4/image/public/placeholder.png") center center/200px 200px no-repeat #f8f8f8}.mod-detail .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-detail .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-detail .summary{position:relative;flex:1;min-width:0;margin:0 25px}.mod-detail .summary h1{margin-bottom:10px;line-height:36px;font-size:24px;font-weight:bold}.mod-detail .summary li{padding:4px 0;line-height:20px}.mod-detail .summary li .name{color:#666}.mod-detail .summary li .value{color:#333}.mod-detail .summary li .text-orange{color:#fc9000}.mod-detail .summary .score{position:absolute;top:0;right:0}.mod-detail .summary .score span{line-height:40px;vertical-align:bottom;margin:0 2px}.mod-detail .summary .score span.name{line-height:30px;color:#666}.mod-detail .summary .score span.value{font-size:36px;font-weight:bold;color:#f80}.mod-detail .summary .action{margin-top:20px;text-align:left}.mod-detail .summary .action .btn{background:#4bae4f;border-radius:20px}.mod-detail .summary .action .btn:hover{background:#429d46}.mod-playlist .tabs-container .tabs-head{border-bottom:1px solid #f0f0f0}.mod-playlist .tabs-container .tabs-head .tabs-pagination{display:flex;flex-wrap:wrap}.mod-playlist .tabs-container .tabs-head li{min-width:12.5%}.mod-playlist .tabs-container .tabs-head li a{display:block;padding:0 12px;line-height:40px;text-align:center;text-overflow:ellipsis;overflow:hidden;font-size:16px;color:#333;opacity:.6}.mod-playlist .tabs-container .tabs-head li a span{display:inline-block;min-width:64px;padding-left:24px;background:url("/static/www4/image/index/icon-video.png") 0 center/20px 20px no-repeat;text-align:left}.mod-playlist .tabs-container .tabs-head li.active a{position:relative;background-color:rgba(0,0,0,.025);font-weight:bold;opacity:1}.mod-playlist .tabs-container .tabs-head li.active a::after{position:absolute;left:50%;bottom:0;content:"";width:20px;height:4px;margin-left:-10px;background:#4bae4f;border-radius:2px}.mod-playlist .tabs-container .tabs-body{padding:15px 0}.mod-playlist .tabs-container .tabs-body .tabs-panel{display:none}.mod-playlist .tabs-container .tabs-body ul{display:grid;grid-template-columns:repeat(8, 1fr);gap:2px}.mod-playlist .tabs-container .tabs-body li{min-width:0}.mod-playlist .tabs-container .tabs-body li a{display:block;padding:0 10px;border:1px solid #f0f0f0;border-radius:3px;line-height:40px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mod-playlist .tabs-container .tabs-body li a:hover{background:#fafafa;border-color:rgba(75,174,79,.5333333333)}.mod-introduction .bd p{margin-bottom:12px;line-height:24px;text-indent:2em;color:#666;word-wrap:break-word;word-break:break-all}@media screen and (min-width: 1200px)and (max-width: 1599px){.mod-playlist .tabs-container .tabs-body ul{grid-template-columns:repeat(6, 1fr)}}@media screen and (min-width: 800px)and (max-width: 1199px){.mod-playlist .tabs-container .tabs-body ul{grid-template-columns:repeat(4, 1fr)}}@media screen and (max-width: 799px){.container{padding-top:90px}.mod-detail .bg::after{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;content:"";background:linear-gradient(to top, #d8e6ed 0, #d8e6ed 45%, rgba(255, 255, 255, 0) 100%)}.mod-detail .bd{flex-direction:column;padding:20px 0}.mod-detail .cover{width:120px;height:180px;margin:0 auto 15px}.mod-detail .summary{margin:0 15px}.mod-detail .summary h1{margin-bottom:5px;line-height:32px;text-align:center;font-size:20px}.mod-detail .summary li{padding:2px 0}.mod-detail .summary .score{top:-200px;line-height:30px}.mod-detail .summary .score span{vertical-align:middle}.mod-detail .summary .score span.value{font-size:20px}.mod-detail .summary .action{text-align:center}.mod-playlist .bd{padding:0}.mod-playlist .tabs-container .tabs-head{width:100vw;overflow-x:auto}.mod-playlist .tabs-container .tabs-head .tabs-pagination{display:block;white-space:nowrap;font-size:0}.mod-playlist .tabs-container .tabs-head li{display:inline-block;min-width:0}.mod-playlist .tabs-container .tabs-head li a{padding:0 10px;background-position:5px center;background-size:16px 16px;font-size:14px}.mod-playlist .tabs-container .tabs-head li a span{min-width:0}.mod-playlist .tabs-container .tabs-head li.active a::after{bottom:0}.mod-playlist .tabs-container .tabs-body ul{grid-template-columns:repeat(3, 1fr)}.mod-playlist .tabs-container .tabs-body li a{padding:0 10px;line-height:36px}}