/* ==UserStyle==
@name:en Flat-Style Netease Music 网易云音乐扁平风格
@description:en A stylesheet for Netease Music website. 一个用于网易云音乐网站的样式表。
@name:zh-CN 网易云音乐扁平风格
@description:zh-CN 一个用于网易云音乐网站的样式表。
@name 网易云音乐扁平风格
@description 一个用于网易云音乐网站的样式表。
@namespace wTonyChen.flatnmusic
@version 0.7.12
@author wTonyChen (https://wtonychen.github.io)
@homepageURL https://wtonychen.github.io/flatnmusic/
@supportURL https://github.com/wTonyChen/flatnmusic/issues
@compatible chrome 83+
@compatible edge 83+
@compatible opera 67+
@compatible firefox 78+
@license Apache-2.0
@preprocessor uso
@var select font-1st "\u9996\u9009\u5b57\u4f53"["Segoe UI","Arial","Avenir Next","Bahnschrift","Calibri","Century Gothic","Comic Sans MS","Corbel","Lucida Sans","Noto Sans","Roboto","Tahoma","Trebuchet MS","Tw Cen MT","Ubuntu","Verdana","Cambria","Century","Times New Roman"]
@var select font-2nd "\u5907\u9009\u5b57\u4f53"{"\u5fae\u8f6f\u96c5\u9ed1":"local('Microsoft YaHei UI'),local('Microsoft YaHei'),","\u5fae\u8f6f\u6b63\u9ed1":"local('Microsoft JhengHei UI'),local('Microsoft JhengHei'),","\u7b49\u7ebf":"local('FZDengXian'),local('DengXian'),","\u9ed1\u4f53":"local('Heiti SC'),local('Heiti TC'),local('SimHei'),","\u5706\u4f53":"local('Yuanti SC'),local('Yuanti TC'),local('YouYuan'),","\u534e\u6587\u4eff\u5b8b":"local('STFangSong'),","\u534e\u6587\u6977\u4f53":"local('STKaiTi'),","\u534e\u6587\u96b6\u4e66":"local('STLiTi'),","\u534e\u6587\u5b8b\u4f53":"local('STSong'),","\u534e\u6587\u7ec6\u9ed1":"local('STXiHei'),","\u534e\u6587\u65b0\u9b4f":"local('STXinWei'),","\u534e\u6587\u4e2d\u5b8b":"local('STZhongSong'),","Hiragino Sans":"local('Hiragino Sans GB'),local('Hiragino Sans CNS'),local('Hiragino Sans'),","Noto Sans CJK":"local('Noto Sans CJK SC'),local('Noto Sans CJK TC'),","PingFang":"local('PingFang SC'),local('PingFang TC'),local('PingFang HK'),"}
@var range letter-spacing "\u5b57\u95f4\u8ddd"[0,-20,20,1]
@var select animation "\u8fc7\u6e21\u52a8\u753b"{"\u542f\u7528":" ","\u7981\u7528":"*,*::before,*::after{animation-timing-function:step-start !important;transition-timing-function:step-start !important;--alt-aa:all .1s step-start !important;scroll-behavior:initial !important}"}
@var color color "\u4e3b\u9898\u8272" #c20c0c
@var color bg-color "\u80cc\u666f\u8272" #fff
@var select app-download "\u9690\u85cf\u5ba2\u6237\u7aef\u4e0b\u8f7d"{"\u53ef\u89c1":" ","\u9690\u85cf":".n-ban .download,.m-multi{display:none !important}.n-ban .ban img{margin:0 auto !important}.n-ban .ban .btnl{left:10px !important}.n-ban .ban .btnr{right:10px !important}.n-ban .dots{width:100% !important}"}
@var select fixed-topbar "\u9876\u680f\u6eda\u52a8\u72b6\u6001"{"\u56fa\u5b9a\u4e8e\u9876\u90e8":".g-topbar{top:0 !important}","\u8ddf\u968f\u9875\u9762\u6eda\u52a8":" "}
@var select topbar-bg-style "\u9876\u680f\u80cc\u666f\u989c\u8272"{"\u4e3b\u9898\u8272":" ","\u754c\u9762\u80cc\u666f\u8272":"body{background:#fff}.m-top{background:#fff}.m-nav a{color:grey}.m-nav a:hover{color:#333}.m-nav a.z-slt{color:var(--gc-aa)}.m-srch .parent input{background:rgba(0,0,0,.1)}.m-srch .parent input:hover{background:rgba(0,0,0,.2)}.m-srch .parent input:focus{background:#fff;box-shadow:inset 0 1px 0 rgba(0,0,0,.1)}.m-topvd{border-color:grey;color:grey}.m-topvd:hover{border-color:#333;color:#333}.m-tlist{border-color:#ccc;background:#f2f2f2}.m-tlist a:hover{background:#dadada}.m-tlist a,.m-tlist a:hover,.m-tophead .link,.m-tophead .link:hover,.m-tophead:hover .link{color:#000}"}
@var select topbar-nav-style "\u9876\u680f\u5bfc\u822a\u98ce\u683c"{"\u5706\u89d2":" ","\u76f4\u89d2":".m-nav a.z-slt{border-radius:0}","\u5927\u5706\u89d2":".m-nav a,.m-nav a.z-slt{transform:scale(.8);border-radius:99vw}"}
@var select global-radius "\u754c\u9762\u5706\u89d2\u5143\u7d20"{"\u542f\u7528":" ","\u7981\u7528":"*,*::before,*::after{border-radius:0 !important}"}
@var select helper-integration "\u8f85\u52a9\u811a\u672c\u96c6\u6210"{"\u542f\u7528":".wk-fnm-hi-cfg{--wkhi-a:'0.7.12';--wkhi-b:1;--wkhi-c:'/6f/73/3d/70/63|/61/70/70/76/65/72/3d/32/2e/37/2e/31/2e/31/39/38/32/34/32';--wkhi-d:'/2f/77/65/61/70/69/2f/76/36/2f/70/6c/61/79/6c/69/73/74/2f/64/65/74/61/69/6c|/2f/70/6c/61/79/6c/69/73/74'}","\u7981\u7528":" "}
@var text custom-style "\u81ea\u5b9a\u4e49\u6837\u5f0f" " "
==/UserStyle== */
@-moz-document regexp("\\S*\\://music\\.163\\.com/(#/?)?((discover|playlist|my|friend|user|song|artist|search|msg|member|topic|album|program|outchain|dj|download|mv|video|event|activity|lyric|login|prime|series|404)[\\s\\S]*)?") {
/*[[helper-integration]]*/
@font-face {
font-family: Arial;
src: local("/*[[font-1st]]*/"), local("Arial");
}
@font-face {
font-family: simsun;
src: local("/*[[font-1st]]*/"), local("Arial");
}
@font-face {
font-family: "Microsoft Yahei";
src: local("/*[[font-1st]]*/"), local("Arial");
}
@font-face {
font-family: Tahoma;
src: local("/*[[font-1st]]*/"), local("Arial");
}
@font-face {
font-family: Georgia;
src: local("/*[[font-1st]]*/"), local("Arial");
}
@font-face {
font-family: "Times New Roman";
src: local("/*[[font-1st]]*/"), local("Arial");
}
@font-face {
font-family: Helvetica;
src:/*[[font-2nd]]*/ local("Segoe UI");
}
@font-face {
font-family: \5b8b\4f53;
src:/*[[font-2nd]]*/ local("Segoe UI");
}
@font-face {
font-family: Geneva;
src:/*[[font-2nd]]*/ local("Segoe UI");
} /*[[fixed-topbar]]*/
@font-face {
font-family: Times;
src:/*[[font-2nd]]*/ local("Segoe UI");
} /*[[animation]]*/
* {
--gc-aa:/*[[color]]*/ !important;
} /*[[app-download]]*/
body {
background:/*[[bg-color]]*/ no-repeat !important;
} /*[[global-radius]]*/
@media all {
/*[[ui-color-schema]]*/
}
/*
Flat-Style Netease Music by wTonyChen 0.7.12 (20201011)
https://wtonychen.github.io/flatnmusic/
License: Apache License 2.0
*/
@font-face {
font-family: nmdl2;
src: url("data:application/font-woff2;base64,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")
format("woff2");
}
* {
--gs-ab: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1873 1282"><path fill="grey" d="M1072.4,1275.7H886.2h-151H548.8c-14.1,0-25.2-11.1-25.2-25.2s11.1-25.2,25.2-25.2h186.3v-80.6h151v80.6h186.3 c14.1,0,25.2,11.1,25.2,25.2S1086.5,1275.7,1072.4,1275.7z"/><path d="M10.1,6.9h1601.1c6,0,10.1,4,10.1,10.1v1117.8c0,6-4,10.1-10.1,10.1H10.1c-6,0-10.1-4-10.1-10.1V17 C0,10.9,4,6.9,10.1,6.9z"/><rect x="29" y="34" fill="lightblue" width="1563" height="1076.1"/><path d="M1520.6,450h322.2c17.1,0,30.2,13.1,30.2,30.2v745.2c0,17.1-13.1,30.2-30.2,30.2h-322.2c-17.1,0-30.2-13.1-30.2-30.2V480.2 C1490.3,463.1,1503.4,450,1520.6,450z"/><path fill="pink" d="M1540.7,500.3h282c17.1,0,30.2,13.1,30.2,30.2V1175c0,17.1-13.1,30.2-30.2,30.2h-282 c-17.1,0-30.2-13.1-30.2-30.2V530.5C1510.5,513.4,1523.6,500.3,1540.7,500.3z"/></svg>');
--gs-ac: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>path{animation:a 1s linear infinite normal both;transform-origin:8px 8px}@keyframes a{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}</style><path fill="none" d="M 8,1.125 A 6.875,6.875 0 1 1 1.125,8" stroke-width="1" stroke="grey"/></svg>');
--gc-aa: #c20c0c;
--gc-ab: #fff;
--gc-ac: #000;
--gc-ad: #328ad4;
--gc-ae: #c2c2c2;
--gc-af: var(--gc-ac);
--gc-ag: #747474;
--gc-ah: #919191;
--gc-ai: #ccc;
--gc-aj: #7a7a7a;
--gc-ak: var(--gc-aa);
--gc-al: #fff;
--gc-am: #fff;
--gc-an: var(--gc-aa);
--gc-ao: #f5f5f5;
--gb-aa: translate(-50%, -50%);
--gb-ab: rgba(255, 255, 255, 0.8);
--gb-ad: cubic-bezier(0.16, 1, 0.29, 0.99);
--gb-ae: translateY(-10px);
--gb-af: translateY(10px);
--gb-ag: translateY(-50%);
--gb-ah: translate(50%, -50%);
--gb-ai: translateZ(0);
--gb-aj: translateY(0);
--gb-ak: translateX(-10px);
--gb-al: cubic-bezier(0.71, 0.01, 0.84, 0);
--gb-am: translateX(-50%);
--gb-an: translateX(-100%);
--gb-ao: translateY(50%);
--alt-aa: var(--_alt-aa);
scroll-behavior: smooth;
}
input[type="checkbox"],
input[type="radio"] {
width: 20px;
height: 20px;
line-height: 20px;
position: relative;
vertical-align: middle;
margin-right: 5px;
}
input[type="checkbox"]::before,
input[type="radio"]::before {
content: "";
border: 2px solid #333;
background: #fff;
display: block;
height: 20px;
width: 20px;
box-sizing: border-box;
}
input[type="checkbox"]::before {
font-size: 16px;
line-height: 16px;
text-align: center;
font-family: nmdl2;
}
input[type="checkbox"]:not(:disabled):checked::before {
border-color: rgba(0, 0, 0, 0);
background: var(--gc-aa);
color: #fff;
}
input[type="checkbox"]:not(:disabled):hover::before {
border-color: #000;
}
input[type="checkbox"]:not(:disabled):active::before {
border-color: rgba(0, 0, 0, 0);
background: #666;
}
input[type="checkbox"]:disabled::before {
border-color: #999;
}
input[type="checkbox"]:disabled:checked::before {
color: #999;
}
input[type="checkbox"]:checked::before {
content: "\e02a";
}
input[type="radio"]::before {
border-radius: 100%;
}
input[type="radio"]:not(:disabled):hover::before {
border-color: #000;
}
input[type="radio"]:not(:disabled):active::before {
border-color: #666;
}
input[type="radio"]:not(:disabled):checked::before {
border-color: var(--gc-aa);
}
input[type="radio"]:disabled::before {
border-color: #999;
}
input[type="radio"]::after {
content: "";
background: none;
position: absolute;
top: 50%;
left: 50%;
display: block;
height: 10px;
width: 10px;
border-radius: 100%;
transform: var(--gb-aa);
}
input[type="radio"]:not(:disabled):checked::after {
background: #333;
}
input[type="radio"]:not(:disabled):checked:hover::after {
background: #000;
}
input[type="radio"]:not(:disabled):checked:active::after {
background: #666;
}
input[type="radio"]:disabled:checked::after {
background: #999;
}
body {
animation: fade-in 0.2s ease 0.1s backwards;
}
img {
object-fit: cover;
object-position: center;
animation: fade-in-ph 0.2s ease backwards 0.5s;
transition: all 0.2s ease;
border-radius: 5px;
}
table {
border-collapse: initial;
}
*::before,
*::after,
a:hover {
text-decoration: none;
}
.m-dlist .src {
border-radius: 10px;
}
.m-dlist .ficon::after,
.m-dlist .pics .pic::after,
.m-dlist .src .cover::after,
.m-dlist .src-mv .mv::after,
.m-dlist .activity::after,
.m-dlist .hotrecmt .cover::after {
content: none;
}
.m-table {
border-color: rgba(0, 0, 0, 0);
}
.m-table td {
padding: 0 10px;
}
.m-table td,
.m-table .hd {
height: 30px;
line-height: 30px;
}
.m-table .hd .ply {
float: none;
}
.m-table .hd {
display: flex;
justify-content: space-between;
align-items: center;
overflow: hidden;
}
.m-table .hd * {
order: 2;
}
.m-table .hd .num {
order: 1;
}
.m-table .txt {
height: 100%;
line-height: 1.4;
}
.m-table th {
background: #fff;
}
.m-table .soil {
display: none;
visibility: hidden;
user-select: none;
}
.u-txtwrap {
padding-right: 0;
}
.m-table th .wp {
background: none;
font-size: 16px;
font-weight: 400;
padding: 10px 10px 20px 10px;
overflow: hidden;
text-overflow: emphasis;
white-space: nowrap;
}
.m-nav a.z-slt .cor,
.m-tophead .head .mask,
.m-nav .hot,
.m-tlist .arr,
.m-subnav .shadow {
display: none;
}
.m-top {
background: var(--gc-aa);
top: 0;
width: 100%;
border: 0;
}
.m-top .logo {
background: none;
padding-top: 0;
margin-top: 0;
color: #fff;
font-size: 20px;
font-weight: 400;
max-height: 100%;
height: 70px;
width: 70px;
}
.m-top .logo a {
width: inherit;
padding-right: 0;
}
.m-subnav:not(#g_nav) {
width: 100%;
background: #fff;
border-bottom: 1px solid #e6e6e6;
}
.m-subnav .nav {
float: initial;
padding-left: 0;
display: flex;
justify-content: center;
}
.m-subnav .nav a {
background: none;
color: #666;
text-shadow: none;
}
.m-subnav .nav a:hover {
color: #000;
}
.m-subnav .nav a em {
white-space: nowrap;
}
.m-subnav .nav a.z-slt,
.m-subnav .nav a.z-slt em {
color: var(--gc-aa);
font-weight: 700;
-webkit-text-stroke: currentColor 0.3px;
text-stroke: currentColor 0.3px;
}
.m-subnav .nav a em {
color: inherit !important;
background: rgba(0, 0, 0, 0) !important;
text-shadow: none !important;
}
.m-topvd {
border: #fff 1px solid;
border-radius: 30px;
padding: 0;
line-height: 30px;
text-align: center;
color: #fff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.m-topvd:hover {
background: rgba(255, 255, 255, 0.2);
}
.m-topvd:active {
background: #fff !important;
color: #000;
}
.m-nav a {
color: #fff;
font-weight: 400;
transition: opacity 0.2s ease;
padding: 0;
margin: 0;
transition: all 0.3s ease;
}
.m-nav a:hover {
background: rgba(255, 255, 255, 0.2);
padding: 0;
margin: 0;
}
.m-nav a.z-slt {
background: #fff;
color: #000;
margin: 0;
-webkit-text-stroke: 0.2px currentColor;
text-stroke: 0.2px currentColor;
font-weight: 700;
border-radius: 10px 10px 0 0;
}
.m-nav a em {
padding: 0 20px;
font-size: 16px;
font-weight: inherit;
}
.m-nav a[data-module="discover"] em {
padding-left: 0;
}
.m-nav
a:not([data-module="discover"]):not([data-module="my"]):not([data-module="friend"]) {
opacity: 0;
}
.m-nav:hover
a:not([data-module="discover"]):not([data-module="my"]):not([data-module="friend"]) {
visibility: visible;
opacity: 0.5;
}
.m-nav:hover
a:not([data-module="discover"]):not([data-module="my"]):not([data-module="friend"]):hover {
opacity: 1;
}
.m-nav a[data-module="discover"] em,
.m-nav a[data-module="my"] em,
.m-nav a[data-module="friend"] em {
padding-left: 70px;
}
.m-nav a[data-module="discover"],
.m-nav a[data-module="my"],
.m-nav a[data-module="friend"] {
position: relative;
}
.m-nav a[data-module="discover"]::before {
content: "\e01f";
}
.m-nav a[data-module="my"]::before {
content: "\e01e";
}
.m-nav a[data-module="friend"]::before {
content: "\e00c";
}
.m-nav a[data-module="discover"]::before,
.m-nav a[data-module="my"]::before,
.m-nav a[data-module="friend"]::before {
font-family: nmdl2;
font-weight: 400;
color: inherit;
font-size: 30px;
line-height: 70px;
text-align: center;
width: 70px;
height: inherit;
display: block;
position: absolute;
top: 0;
left: 0;
}
.m-nav a[data-module="download"].z-slt {
opacity: 1;
}
.m-srch .srchbg {
overflow: hidden;
}
.m-srch .parent {
margin: 0;
display: block;
height: 100%;
width: 100%;
position: relative;
}
.m-srch .parent input {
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.85);
border-radius: 99vh;
padding: 0 20px;
box-sizing: border-box;
position: relative;
z-index: 999999;
}
.m-srch .parent input:hover {
background: rgba(255, 255, 255, 0.9);
}
.m-srch .parent input:focus {
background: #fff;
}
.m-srch .parent label {
white-space: nowrap;
position: absolute;
box-sizing: border-box;
padding: 0 20px;
top: 50%;
left: 50%;
width: 100%;
transform: var(--gb-aa);
pointer-events: none;
z-index: 999999;
display: block !important;
transition: all 0.2s ease;
}
.m-srch .parent label[style*="none"] {
opacity: 0;
pointer-events: none;
}
.m-srch,
.m-srch .srchbg {
float: left;
width: 200px;
}
.m-tophead .name {
max-width: 180px;
}
.m-nav li.lst a em,
.m-nav li.lst a.z-slt em {
padding: 0 20px;
}
.m-back {
display: block !important;
transition: all 0.3s var(--gb-ad);
width: 50px;
height: 50px;
background: #f4f4f4;
overflow: hidden;
left: 50vw;
border: 1px solid #a9a9a9;
}
.m-back[style*="none"] {
transition: all 0.3s var(--gb-al);
pointer-events: none;
opacity: 0;
transform: var(--gb-af) var(--gb-ai);
}
.m-back:hover {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0);
text-decoration: none;
}
.m-back::before {
content: "\e027";
display: block;
font-family: nmdl2;
font-weight: 400;
text-align: center;
width: 20px;
height: 20px;
line-height: 20px;
font-size: 20px;
margin: 15px;
color: #333;
transform: rotate(-90deg);
text-indent: 0;
}
.m-srch {
margin-left: 10px;
}
.m-playbar .bg {
margin: 0;
background: #313131;
}
.m-playbar .imgbg {
width: 424px;
left: initial;
right: 2px;
}
.m-playbar .upload a {
color: #000;
background: #fff;
}
.m-tlist {
display: block !important;
right: -1px;
overflow: hidden;
border: 1px solid #767676;
padding: 0 2px;
transform: var(--gb-ai);
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
transition: all 0.5s var(--gb-ad) 0.3s;
top: 100%;
background: #2b2b2b;
border-radius: 10px;
}
.m-tlist[style*="none"] {
pointer-events: none;
box-shadow: none;
transform: translateY(-10px) var(--gb-ai);
transition: all 0.5s var(--gb-al) 0s;
opacity: 0;
}
a.s-fc3[data-action="login"] + .m-tlist {
visibility: hidden;
display: none !important;
}
.m-tlist .ltb {
border: 0;
}
.m-tlist .inner {
border: 0;
border-radius: 5px;
}
.m-tlist a {
padding: 0;
margin: 1px 0;
height: 32px;
line-height: 32px;
color: #fff;
}
.m-tlist a:hover {
background: #404040;
color: #fff;
}
.m-tlist .lt,
.m-tlist .ltb {
border-top: 0;
}
.g-ft {
padding-bottom: 30px;
border: 0;
}
.m-playbar .head {
position: absolute;
margin: 5.2px;
bottom: 0;
left: 0;
height: 52px;
width: 52px;
box-sizing: border-box;
padding: 0;
background: #666;
transform: scale(0.8);
transform-origin: right bottom;
transition: all 0.2s ease 0.2s;
overflow: hidden;
border-radius: 7px;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1), 0 0 20px rgba(0, 0, 0, 0.3);
}
.m-playbar .head:hover {
transform: scale(1.5);
}
.m-playbar .head img,
.m-playbar .head .mask {
width: 100%;
height: 100%;
}
.m-playbar .btns {
position: absolute;
left: 60px;
width: auto;
padding: 0;
}
.m-playbar .play {
margin-left: 210px;
width: 500px;
}
.m-pbar .rdy {
background: rgba(0, 0, 0, 0.3);
transition: width 0.3s var(--gb-al);
border-radius: 99px;
}
.m-pbar .cur {
background: var(--gc-aa);
}
.m-playbar .updn .left,
.m-playbar .updn .right {
background: none;
height: 54px;
line-height: 54px;
top: 0;
}
.m-playbar .updn .btn {
display: inline-block;
margin-top: 0;
position: relative;
top: 5px;
}
.m-playbar .list {
bottom: 53px;
animation: side-in-l 0.5s var(--gb-ad) backwards;
opacity: 0.97;
min-height: 301px;
height: 60vh;
border-radius: 20px 20px 0 0;
overflow: hidden;
}
.m-msg {
width: 22px;
height: 27px;
margin-right: 20px;
}
.u-cover .bottom {
background: rgba(0, 0, 0, 0.5);
border-radius: 99vw;
transform: scale(0.9) translateY(-10px);
border: 1px solid rgba(255, 255, 255, 0.3);
transition: all 0.2s ease;
}
li:hover .u-cover .bottom {
transform: scale(1.1) translateY(5px);
}
.n-bilst {
box-shadow: 0 0 0 1px #ccc, 0 0 50px rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding: 0;
overflow: hidden;
}
.n-bilst .top,
.n-bilst dd {
background: #f4f4f4;
border-right: 1px solid #e2e2e2;
}
.n-bilst .blk {
overflow: hidden;
}
.n-bilst .blk-1 {
width: 229px;
}
.n-bilst .blk-1:last-child .top,
.n-bilst .blk-1:last-child dd {
border-right: 0;
}
.n-bilst ol li,
.n-bilst ol li .no {
background: var(--gb-ab);
}
.n-bilst ol .no {
width: 50px;
margin-left: -50px;
}
.n-bilst .more {
background: #fff;
margin: 0;
padding-right: 32px;
}
.m-tophead {
padding: 0 0 10px 0;
width: 32px;
height: 32px;
}
.m-tophead .head {
margin: 0;
width: 32px;
height: 32px;
}
.m-tophead .head img {
border: 2px solid #fff;
height: 28px;
width: 28px;
background: #fff;
}
.g-topbar {
height: 70px;
min-width: 100%;
}
.g-top .m-top {
padding: 0 40px;
box-sizing: border-box;
}
div.m-top[data-module],
.m-subnav#g_nav {
opacity: 0;
pointer-events: none;
height: 0;
}
div.m-top[data-module] {
height: 76px;
}
div.m-top[data-module="discover"] {
height: 104px;
}
.u-btn2,
.u-btn2.other,
.u-btn-g,
.m-proifo .name .btn,
.u-btn-2 {
background: #c2c2c2;
border: 2px solid rgba(0, 0, 0, 0);
box-sizing: border-box;
border-radius: 5px;
color: #000;
transition: all 0.1s ease;
}
.u-btn2:hover,
.u-btn2.other:hover,
.m-proifo .name .btn:hover,
.u-btn-2:hover {
border: 2px solid #747474;
}
.u-btn2:active,
.u-btn2.other:active,
.m-proifo .name .btn:active,
.u-btn-2:active {
background: #919191;
border: 2px solid rgba(0, 0, 0, 0);
}
.m-proifo .name .btn,
.u-btn-2 {
padding: 0;
text-align: center;
min-width: 99px;
text-indent: 0;
}
.m-proifo .name .btn > i {
padding: 0;
display: block;
text-align: center;
color: inherit;
white-space: nowrap;
}
.u-btn2.u-btn2-dis {
color: rgba(0, 0, 0, 0.3);
background: #c2c2c2;
border: 2px solid rgba(0, 0, 0, 0);
transform: none;
}
.m-playbar .listhd,
.m-playbar .listbd {
background: #020202;
}
.m-playbar .listbd {
height: calc(100% - 41px);
}
.m-playbar .listbd .bline,
.m-playbar .listbdc,
.m-playbar .listlyric,
.m-playbar .imgbg,
.m-playbar .msk {
height: 100%;
}
div.m-emts {
animation: side-in 0.2s var(--gb-ad) backwards;
}
div.m-layer {
animation: window-in 0.5s var(--gb-ad) backwards;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}
div.m-layer div.zcnt {
border: 0;
}
div.m-layer .zttl,
div.m-layer .zbar {
border-radius: 5px;
cursor: default;
height: 31px;
line-height: 31px;
box-sizing: border-box;
font-size: 12px;
font-weight: 400;
border: 0;
color: #000;
background: #fff;
}
div.m-layer .zttl {
padding-left: 13px;
}
div.m-layer .zcls {
position: absolute;
top: 0;
right: 0;
display: block;
background: none;
width: 46px;
height: 31px;
color: #000;
border-radius: 5px;
}
div.m-layer .zcls:hover {
color: #fff;
background: #e81123;
}
div.m-layer .zcls::after {
content: "\e021";
display: block;
width: 13px;
height: 13px;
line-height: 13px;
text-align: center;
background: none;
position: absolute;
top: 50%;
left: 50%;
color: inherit;
font-family: nmdl2;
transform: var(--gb-aa);
text-indent: 0;
}
.m-vol {
transition: all 0.3s var(--gb-al);
top: calc(-119px + 20px);
opacity: 0;
}
.m-vol .curr {
background: var(--gc-aa);
border-radius: 99vw;
}
.m-vol[style*="visible"] {
transition: all 0.3s var(--gb-ad);
opacity: 1;
top: -119px;
}
.m-vol .btn {
width: 18px;
height: 18px;
background: var(--gc-aa);
box-sizing: border-box;
border: 5px solid #fff;
border-radius: 99vh;
box-shadow: 0 0 3px #000;
}
.m-plshare .full,
.u-atlist {
animation: side-in 0.3s var(--gb-ad);
transition: all 0.3s var(--gb-ad);
display: block !important;
border-radius: 5px;
}
.m-plshare .full[style*="none"],
.u-atlist[style*="none"] {
transition: all 0.3s var(--gb-al);
pointer-events: none;
transform: var(--gb-ae);
opacity: 0;
}
.u-atlist p {
opacity: 0.5;
}
.m-playbar .upload {
animation: side-in 0.2s var(--gb-ad);
border-radius: 5px;
overflow: hidden;
}
.m-table tbody > * {
animation: fade-in 0.2s ease 0.3s backwards;
}
.m-pbar .btn {
top: -9px;
background: #fff;
height: 22px;
transform: scale(0.7);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.m-pbar .btn i {
background: var(--gc-aa);
visibility: visible;
transform: scale(0.6);
}
.m-pbar .btn.z-load > i {
animation: scale-in-out 1s ease-in-out infinite;
}
.m-playbar[style*="hidden"] .m-pbar .btn i {
visibility: hidden;
}
.m-pbar .barbg {
margin-top: 2px;
background: rgba(255, 255, 255, 0.7);
}
.m-pbar .barbg,
.m-pbar .cur,
.m-pbar .rdy {
height: 5px;
border-radius: 5px;
}
.m-pbar .time {
top: -25px;
right: 0;
transform: scale(0.7);
transform-origin: right;
}
.g-wrap {
animation: side-in-x 0.2s var(--gb-ad) backwards;
}
.n-minelst .left {
overflow: visible;
}
.n-minelst ul.j-flag.f-cb {
display: block !important;
overflow: hidden;
transition: all 0.3s ease;
max-height: initial;
animation: cnt-show-alt 0.4s ease backwards;
}
.n-minelst-hide ul.j-flag.f-cb {
transition: all 0.3s ease;
max-height: 0;
pointer-events: none;
animation: none;
animation: cnt-hide 0.3s ease backwards;
}
.n-minelst li {
animation: fade-in 0.2s ease backwards;
}
.n-minelst .tri1 {
height: 14px;
width: 14px;
margin: -3px 5px 0 0;
border: 0;
}
.n-minelst .tri1::before {
content: "\e027";
font-family: nmdl2;
font-size: 14px;
line-height: 14px;
font-weight: 400;
display: block;
text-align: center;
transform: rotate(90deg);
transition: all 0.2s ease;
}
.n-minelst-hide .tri1::before {
transform: rotate(0);
}
.m-playbar .tip,
.m-vol .barbg {
display: block !important;
transition: all 0.3s var(--gb-ad);
border: 1px solid #151515;
background: #2a2a2a;
border-radius: 5px;
}
.m-playbar .tip[style*="none"] {
transition: all 0.3s var(--gb-al);
transform: var(--gb-af);
opacity: 0;
pointer-events: none;
}
.m-playbar .tip {
top: -44px;
height: 37px;
}
.m-vol .vbg::before {
content: "";
position: absolute;
top: 4px;
bottom: 4px;
width: 100%;
background: #848484;
border-radius: 5px;
}
.m-playbar .tip-1 {
top: -40px;
height: 33px;
}
.m-vol .barbg {
top: -1px;
}
.n-sltlyr .hd,
.n-sltlyr .ft {
background: none;
display: none;
}
.n-sltlyr .bd {
background: #fff;
padding: 20px 10px;
box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.5);
border-radius: 10px;
}
.n-sltlyr {
display: block !important;
transition: all 0.3s var(--gb-al);
opacity: 0;
pointer-events: none;
transform: var(--gb-ae);
border: 0;
}
.n-sltlyr-show {
transition: all 0.3s var(--gb-ad);
opacity: 1;
pointer-events: auto;
transform: var(--gb-aj);
}
.n-sltlyr dt,
.n-sltlyr dd,
.n-sltlyr dd.last {
padding-bottom: 16px;
}
.n-sltlyr dd .z-slt {
border-radius: 99vh;
}
.n-sltlyr .f-cb {
border-bottom: 1px solid #e6e6e6;
}
.n-sltlyr .f-cb:last-child {
border: 0;
}
.g-iframe {
top: 0;
}
.m-nav a em,
.m-tophead .name {
color: inherit;
}
.n-chat .itemleft .main {
animation: side-in 0.2s var(--gb-ad) backwards;
}
.n-chat .ava img,
.u-cover-3 img {
width: 100%;
height: 100%;
}
.m-table {
transform: translateX(1px);
}
.u-cover-rank {
padding: 0;
border: 0;
}
.n-iconpoint div.tip i.t,
.n-iconpoint div.tip i.b {
display: none;
}
.n-iconpoint div.tip {
transition: all 0.3s var(--gb-al);
display: block;
pointer-events: none;
opacity: 0;
transform: var(--gb-ae);
box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
background: #fff;
border-radius: 5px;
border: 2px solid #ccc;
left: 0;
top: 150%;
}
.n-iconpoint:hover div.tip {
transition: all 0.3s var(--gb-ad);
pointer-events: auto;
opacity: 1;
transform: var(--gb-aj);
}
.m-playbar .listlyric p {
line-height: 20px;
padding: 5px 0;
}
.m-tophead .link,
.m-tophead:hover .link,
.m-tophead .link:hover {
color: #fff;
}
.u-btn.f-fr.d-flag {
background: none;
}
.u-btn.f-fr.d-flag a {
background: none;
color: #333;
}
.u-btn.f-fr.u-btn-new.d-flag a:nth-child(2),
.u-btn.f-fr.u-btn-hot.d-flag a:first-child {
background: var(--gc-aa);
color: #fff;
border-radius: 5px;
}
.m-dlist .doper .u-dicn-4 ~ .j-flag {
color: var(--gc-aa);
}
.m-srch .u-lstlay {
display: block !important;
width: 200px;
text-shadow: none;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
top: 60px;
box-sizing: content-box;
border-radius: 0 0 10px 10px;
left: calc(50% - 101px);
border: 1px solid #bebebe;
opacity: 1;
transition: all 0.2s ease;
}
.m-srch .u-lstlay[style*="none"] {
opacity: 0;
pointer-events: none;
}
.m-srch .u-lstlay::before {
content: "";
position: absolute;
bottom: 100%;
left: -1px;
height: 42px;
width: 100%;
pointer-events: none;
background: #fff;
border: 1px solid #bebebe;
border-bottom: none;
box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.1);
border-radius: 16px 16px 0 0;
}
.m-srch .u-lstlay::after {
content: "";
border-bottom: none;
position: absolute;
bottom: 100%;
left: 0;
right: 0;
margin: 0 10px 9px 10px;
height: 1px;
box-sizing: border-box;
background: rgba(0, 0, 0, 0.3);
}
.m-schlist {
max-height: calc(99vh - 123px);
overflow: auto;
}
.m-schlist .note {
border: 0;
}
.m-schlist .hd {
float: none;
width: auto;
display: block;
margin: 0;
border: 0;
line-height: 17px;
padding: 5px 10px;
overflow: hidden;
border-top: 1px solid #bebebe;
}
.m-schlist ul {
margin: 0;
border: 0;
padding: 5px 10px 10px 5px;
background: none !important;
}
.m-schlist .rap {
overflow: hidden;
}
.u-date .head {
background: var(--gc-aa);
color: #fff;
border-radius: 15px 15px 0 0;
text-shadow: none;
}
.u-date .bd {
position: relative;
z-index: 1;
}
.u-date .mask {
width: 100%;
background: #f2f2f2;
border: 1px solid #bebebe;
border-top: 0;
box-sizing: border-box;
border-radius: 0 0 15px 15px;
}
.m-nav .dot {
border: 2px solid #fff;
left: initial;
right: 5px;
}
.n-srch .pgsrch {
position: relative;
}
.n-srch .pgsrch .srch {
margin: 0;
padding: 12px 70px 12px 20px;
box-sizing: border-box;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.1);
border-radius: 20px;
border: 1px solid rgba(0, 0, 0, 0);
float: none;
}
.n-srch .pgsrch .srch:hover {
background: rgba(0, 0, 0, 0.2);
}
.n-srch .pgsrch .srch:focus {
border: 1px solid #999;
background: #fff;
}
.n-srch .pgsrch .u-lstlay {
border-radius: 5px;
top: 40px;
border: 1px solid #999;
border-top: 0;
width: 420px;
box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
}
.n-srch .pgsrch .u-lstlay::before {
content: "";
width: 20px;
height: 20px;
background: #fff;
border: 1px solid #999;
border-right: 0;
border-top: 0;
position: absolute;
bottom: 100%;
left: -1px;
border-radius: 5px 20px 0 0;
pointer-events: none;
}
.n-srch .pgsrch .u-lstlay::after {
content: "";
width: 20px;
height: 20px;
background: #fff;
border: 1px solid #999;
border-left: 0;
border-top: 0;
position: absolute;
bottom: 100%;
right: -1px;
border-radius: 20px 0 0 0;
pointer-events: none;
}
.n-srch .pgsrch .btn {
float: none;
position: absolute;
top: 0;
right: 0;
background: none;
color: rgba(0, 0, 0, 0);
z-index: 99999999999;
}
.n-srch .pgsrch .btn::after {
content: "\e00b";
display: block;
height: 16px;
width: 16px;
font-family: nmdl2;
font-weight: 400;
font-size: 14px;
text-align: center;
line-height: 16px;
color: #000;
position: absolute;
top: calc(50% - 8px);
left: calc(50% - 8px);
text-indent: 0;
}
.n-hotdj .cver img,
.n-enter li {
border-radius: 31px;
overflow: hidden;
}
.n-enter li {
border: 1px solid #e9e9e9;
}
.n-enter .itm {
background: #fafafa;
}
.n-enter .itm:hover {
background: #f4f4f4;
}
.n-enter .itm:active {
background: #bbb;
}
.n-enter li:active {
box-shadow: 0 0 0 5px #bbb;
border: 1px solid #bbb;
}
.n-enter .ifo {
border: 0;
}
.n-ban .download .btn {
color: #fff;
background: #328ad4;
text-indent: 0;
font-size: 20px;
text-align: center;
line-height: 52px;
letter-spacing: 2px;
border: 2px solid rgba(0, 0, 0, 0);
box-sizing: border-box;
border-radius: 10px;
}
.n-ban .download .btn:hover {
border: 2px solid rgba(255, 255, 255, 0.3);
}
.n-ban .download .btn:active {
border: 2px solid rgba(0, 0, 0, 0);
background: #fff;
color: #000;
}
.n-dncnt .down .btn {
background: #c2c2c2;
color: #000;
border: 2px solid rgba(0, 0, 0, 0);
text-align: center;
padding: 0;
line-height: 23px;
transition: all 0.1s ease;
}
.n-dncnt .down .btn:hover {
border: 2px solid #747474;
}
.n-dncnt .down .btn:active {
background: #919191;
border: 2px solid rgba(0, 0, 0, 0);
transform: scale(0.95);
}
.m-top .user .img,
.m-top .user .img img,
.m-cmmt .cmmts .head img,
.m-proifo dt img,
.m-fans .ava img,
.m-info .user .face img,
.m-piclist li img,
.n-singer .itm .cvr img,
.m-cmmt .head img,
.n-enter .head img,
.n-msgnt-1 .ava img,
.n-msgnt .ava img,
.m-hdlist .hd img,
.n-frduser .face img,
.n-frdlist-1 li img,
.m-lysearch .srchlist [data-type="20"] .u-cover img,
.m-plshare .full [data-userid] img,
.m-proifo dt,
.n-myinfo .head,
.m-dlist .ficon,
#update_form .n-base .avatar,
.u-cover-5 img,
.u-cover-3 a[href^="/user/home"] img,
.n-chat .ava img,
.n-head .avatar,
.n-head .avatar::before,
.n-head .avatar::after,
.n-head .avatar img,
.n-apply .user .head,
.m-timeline .dsup a[href^="/user/home"] img,
.m-gz li img {
border-radius: 100%;
box-shadow: 0 0 0 1px #dadada;
overflow: hidden;
}
.u-icn-5,
.u-icn-5::before,
.u-icn2-quaver,
.n-myinfo .head img,
.u-icn2-music2,
.m-back,
.m-pbar .btn,
.m-pbar .btn i,
.u-slg {
border-radius: 100%;
}
.m-top .user .name {
color: #fff;
}
.n-head .info .btn {
background: #328ad4;
color: #fff;
border: 2px solid rgba(0, 0, 0, 0);
text-align: center;
}
.n-head .info .btn:hover {
border: 2px solid rgba(255, 255, 255, 0.3);
color: #fff;
}
.n-head .info .btn:active {
border: 2px solid rgba(0, 0, 0, 0);
color: #000;
background: #fff;
}
.m-top .user .entr,
.m-top .login .entr,
.n-head .info .btn-gray {
background: #c2c2c2;
color: #000;
border: 2px solid rgba(0, 0, 0, 0);
text-align: center;
transition: all 0.1s ease;
}
.m-top .user .entr:hover,
.m-top .login .entr:hover,
.n-head .info .btn-gray:hover {
border: 2px solid #747474;
color: #000;
background: #c2c2c2;
}
.m-top .user .entr:active,
.m-top .login .entr:active,
.n-head .info .btn-gray:active {
background: #919191;
border: 2px solid rgba(0, 0, 0, 0);
color: #000;
transform: scale(0.95);
}
.m-info .cover {
background: #747474;
padding: 0;
}
html.has-mib .g-wrap > .m-info {
position: relative;
}
html.has-mib .g-wrap > .m-info::before {
content: "";
display: block;
position: absolute;
height: 250px;
width: 250px;
pointer-events: none;
background: var(--mib) no-repeat top/cover;
transform: translate(-25px, -25px);
filter: blur(30px) saturate(5) opacity(0.4);
animation: fade-in 0.5s ease 1.5s backwards;
}
html.has-mib .g-wrap > .m-info-rank::before {
height: 200px;
width: 200px;
}
.u-cover img,
.n-minelst .avatar img,
.n-special .songlist img {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.m-info .cover {
border-radius: 10px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
perspective: 1000px;
transition: all 0.2s ease;
}
.m-info .cover img {
border-radius: 10px;
transform-style: preserve-3d;
transition: all 0.2s ease;
background: inherit;
}
.g-wrap:hover .m-info .cover img {
transform: rotateX(-15deg) translateZ(20px) scale(1.1);
}
.g-wrap:hover .m-info .cover {
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
}
.m-info .cover::before {
content: "";
display: block;
width: 80%;
height: 5px;
background: #b8b8b8;
position: absolute;
bottom: 100%;
pointer-events: none;
left: 10%;
transition: all 0.2s ease;
border-radius: 5px 5px 0 0;
}
.m-info .cover::after {
content: "";
display: block;
width: 60%;
height: 3px;
background: #d8d8d8;
position: absolute;
bottom: calc(100% + 5px);
pointer-events: none;
left: 20%;
transition: all 0.2s ease;
border-radius: 3px 3px 0 0;
}
.g-wrap:hover .m-info .cover::before {
height: 10px;
}
.g-wrap:hover .m-info .cover::after {
bottom: calc(100% + 10px);
height: 5px;
}
.m-cvrlst li,
.p-prf .m-cvrlst li {
overflow: visible;
}
div.u-page .zbtn,
div.u-page .zpgi {
background: #c2c2c2;
color: #000;
border: 2px solid rgba(0, 0, 0, 0);
padding: 3px 10px;
text-align: center;
border-radius: 5px;
transition: all 0.1s ease;
}
div.u-page .zbtn:hover,
div.u-page .zpgi:hover {
background: #c2c2c2;
color: #000;
border: 2px solid #747474;
}
div.u-page .zbtn:active,
div.u-page .zpgi:active {
background: #919191;
color: #000;
border: 2px solid rgba(0, 0, 0, 0);
transform: scale(0.95);
}
div.u-page a.js-selected {
background: var(--gc-aa);
color: #fff;
border: 2px solid rgba(0, 0, 0, 0);
}
div.u-page a.js-selected:hover {
background: var(--gc-aa);
border: 2px solid rgba(255, 255, 255, 0.3);
color: #fff;
}
div.u-page a.js-selected:active {
background: #fff;
border: 2px solid rgba(0, 0, 0, 0);
color: #000;
}
div.u-page a.zprv.js-disabled,
div.u-page a.zprv.js-disabled:hover,
div.u-page a.zprv.js-disabled:active,
div.u-page a.znxt.js-disabled,
div.u-page a.znxt.js-disabled:hover,
div.u-page a.znxt.js-disabled:active {
background: #ccc;
color: #7a7a7a;
border: 2px solid rgba(0, 0, 0, 0);
padding: 3px 10px;
text-align: center;
border-radius: 5px;
transform: none;
}
.m-cmmt {
min-height: 400px;
}
.m-tabs {
border: 0;
}
.m-tabs em {
font-size: 22px;
font-weight: 400;
color: rgba(0, 0, 0, 0.6);
text-align: left;
width: auto;
margin-right: 20px;
}
.m-tabs a.z-slt em {
color: var(--gc-aa);
font-weight: 700;
}
.n-bind .delete .btn {
background: var(--gc-aa);
border: 2px solid rgba(0, 0, 0, 0);
color: #fff;
border-radius: 5px;
}
.n-bind .delete .btn:hover {
background: var(--gc-aa);
border: 2px solid rgba(255, 255, 255, 0.3);
color: #fff;
}
.n-bind .delete .btn:active {
background: #fff;
border: 2px solid rgba(0, 0, 0, 0);
color: #000;
}
.n-frduser ul {
left: 0;
right: 0;
text-align: center;
}
.n-frduser li {
float: none;
display: inline-block;
}
.n-frduser li:nth-child(1) {
border: 0;
}
.n-frduser li em {
text-align: center;
}
[data-module="store"] .m-select li a em {
display: none;
}
.m-item.m-back {
border: 0;
width: 100%;
}
.m-item.m-back::before {
margin: 15px auto;
border-color: #333;
}
.n-ban .download {
background: var(--gb-ab) var(--gs-ab) no-repeat center 72px/150px;
right: 1px;
width: 251px;
}
.n-myinfo .dny {
margin: 22px 0;
text-align: center;
}
.n-myinfo .dny li {
float: none;
display: inline-block;
}
.m-srch .parent label::after {
content: "\e00b";
display: block;
height: 16px;
width: 16px;
color: #9b9b9b;
position: absolute;
top: calc(50% - 8px);
right: 14px;
font-family: nmdl2;
font-weight: 400;
font-size: 14px;
text-align: center;
line-height: 16px;
pointer-events: none;
z-index: 9999999;
}
.m-srch .parent label[style*="none"]::before,
.m-srch .parent label[style*="none"]::after {
display: none;
}
.m-info .hd .type {
top: 0;
}
.m-info .hd .type::before,
.u-icn-93::before,
.u-icn-13::before,
.u-icn2-7::before,
.u-icn-16::before,
.u-icn-37::before {
content: "";
background: var(--gc-aa);
color: #fff;
height: 24px;
line-height: 24px;
box-sizing: border-box;
display: inline-block;
padding: 0 10px;
font-size: 12px;
font-weight: 400;
}
.m-info .hd .type::after,
.u-icn-93::after,
.u-icn-13::after,
.u-icn2-7::after,
.u-icn-16::after,
.u-icn-37::after {
content: "";
background: none;
border: 12px solid rgba(0, 0, 0, 0);
border-right: 0;
border-left: 8px solid var(--gc-aa);
position: absolute;
}
.m-info .hd .type::before,
.u-icn-13::before {
content: "\6b4c\5355";
}
.u-icn-93::before {
content: "\7535\53f0";
}
.u-icn2-7::before {
content: "\7535\53f0\8282\76ee";
}
.u-icn-16::before {
content: "\4e13\8f91";
}
.u-icn-37::before {
content: "\5355\66f2";
}
.u-icn2-mvtag::before,
.u-icn2-smvtag::before {
content: "MV";
line-height: 16px;
font-size: 13px;
color: var(--gc-aa);
border: 1px solid currentColor;
font-weight: 400;
display: block;
text-align: center;
transform: scale(0.8);
}
.u-icn2-smvtag::before {
line-height: 14px;
font-size: 12px;
}
.n-myinfo .info .tip {
animation: side-in 0.3s var(--gb-ad) backwards,
fade-out 0.2s ease 1s forwards;
color: #000;
background: #f2f2f2;
border: 1px solid #cecece;
border-radius: 5px;
padding: 8px;
line-height: 1;
width: auto;
height: auto;
pointer-events: none;
}
.u-icn-53 {
position: relative;
}
.u-icn-53::before {
content: "\7535\53f0\8282\76ee";
font-size: 12px;
color: var(--gc-aa);
white-space: nowrap;
transform: var(--gb-aa) scale(0.65);
transform-origin: center;
display: block;
position: absolute;
top: 50%;
left: 50%;
}
.u-icn-53::after {
content: "";
border: 1px solid var(--gc-aa);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.n-nmusic .u-icn-22 {
width: 14px;
height: 14px;
background: none;
position: relative;
vertical-align: text-top;
}
.n-nmusic .u-icn-22::before {
content: "\e004";
font-size: 14px;
color: var(--gc-aa);
white-space: nowrap;
transform: var(--gb-aa);
transform-origin: center;
display: block;
position: absolute;
top: 50%;
left: 50%;
font-family: nmdl2;
}
.n-myinfo .btn {
background: var(--gc-aa);
color: #fff;
box-shadow: none;
border: 2px solid rgba(0, 0, 0, 0);
text-shadow: none;
border-radius: 5px;
}
.n-myinfo .btn:hover {
background: var(--gc-aa);
color: #fff;
box-shadow: none;
border: 2px solid rgba(255, 255, 255, 0.3);
}
.n-myinfo .btn:active {
background: #fff;
color: #000;
box-shadow: none;
border: 2px solid rgba(0, 0, 0, 0);
}
.u-icn-5 {
background: var(--gc-aa);
position: relative;
height: 17px;
width: 17px;
}
.n-disk {
border-radius: 10px;
overflow: hidden;
}
.n-disk .pre,
.n-disk .nxt {
background: none;
}
.u-icn-5::before,
.n-disk .pre::before,
.n-disk .nxt::before {
content: "\e027";
height: 17px;
line-height: 17px;
width: 17px;
font-family: nmdl2;
font-size: 12px;
font-weight: 400;
text-align: center;
display: block;
color: #666;
}
.n-disk .pre::before {
transform: rotate(180deg);
}
.u-icn-5::before {
content: "\e018";
transform: scale(0.7);
color: #fff;
}
.u-dicn-38,
.u-dicn-40 {
border: 1px solid #ccc;
border-radius: 50px;
text-align: center;
}
.u-dicn-38::before,
.u-dicn-40::before {
line-height: 24px;
font-family: nmdl2;
font-weight: 900;
font-size: 14px;
vertical-align: middle;
margin-right: 5px;
}
.u-dicn-38::before {
content: "\e016";
}
.u-dicn-40::before {
content: "\e01d";
}
.u-dicn-38::after,
.u-dicn-40::after {
content: attr(title);
line-height: 24px;
vertical-align: middle;
}
.u-dicn-38:hover,
.u-dicn-40:hover {
border: 1px solid #000;
}
.u-icn2-srch::before {
content: "\e00b";
line-height: 16px;
font-family: nmdl2;
font-weight: 900;
font-size: 15px;
text-align: center;
color: #bfbfbf;
height: 16px;
width: 16px;
position: absolute;
top: calc(50% - 8px);
left: calc(50% - 8px);
display: block;
}
.m-top .channel {
color: #fff;
border-left: 1px solid #fff;
}
.m-tophead .name:hover,
.m-tophead:hover .name {
color: #fff;
}
.v-hd2,
.v-hd3,
.u-title:not(.u-title-2) {
border-bottom: 2px solid var(--gc-aa);
padding-bottom: 7px;
}
.s-bg-6,
.v-hd2 .more .cor.s-bg-6 {
position: relative;
vertical-align: middle;
height: 16px;
width: 16px;
}
.s-bg-6::before {
content: "\e025";
display: block;
height: 16px;
width: 16px;
line-height: 16px;
font-family: nmdl2;
font-weight: 900;
font-size: 15px;
text-align: center;
color: var(--gc-aa);
}
.m-schlist .s-fc3 {
white-space: nowrap;
}
.v-hd2 .more .s-fc3 {
vertical-align: middle;
color: var(--gc-aa);
}
.v-hd2 .more .s-fc3:hover {
color: #666;
}
.s-fc3:hover ~ .s-bg-6::before {
color: #666;
}
.n-rcmd .m-cvrlst-idv .idv .btn {
background: #c2c2c2;
color: #000;
border: 2px solid rgba(0, 0, 0, 0);
text-align: center;
border-radius: 5px;
display: block !important;
transition: all 0.1s ease;
position: static !important;
margin-top: 16px;
}
.n-rcmd .m-cvrlst-idv .idv .btn:hover {
background: #c2c2c2;
color: #000;
border: 2px solid #747474;
}
.n-rcmd .m-cvrlst-idv .idv .btn:active {
background: #919191;
color: #000;
border: 2px solid rgba(0, 0, 0, 0);
transform: scale(0.95);
}
.n-rcmd .m-cvrlst-idv .idv em {
display: block !important;
visibility: visible !important;
}
.u-title .menu i {
color: #000 !important;
}
.u-icn-38 {
position: relative;
}
.u-icn-38::before {
content: "";
display: block;
position: absolute;
width: 5px;
height: 5px;
border: 1px solid #000;
border-top: 0;
border-left: 0;
right: 50%;
bottom: 0;
transform: rotate(45deg);
transform-origin: bottom right;
}
.n-sltlyr,
.n-ltlst li a.z-slt,
.n-ltlst li a.z-slt:hover,
.n-singer .u-btn2 {
border-radius: 5px;
}
.n-sltlyr .f-cb:hover {
background: rgba(0, 0, 0, 0.05);
}
.u-cover-tiny .ply,
.u-cover-alb2 .icon-play,
.u-cover-alb3 .icon-play,
.u-cover-9 .icon-play,
.u-cover-0 .icon-play,
.u-cover-alb1 .icon-play,
.u-cover-10 .icon-play,
.u-cover-11 .icon-play,
.u-cover-12 .icon-pla,
.u-icn-38,
.s-bg-6,
.u-icn-1,
.u-icn2-srch,
.u-icn2-srch::before,
.u-dicn-38,
.u-dicn-40,
.u-icn-53::after,
.u-icn-53,
.m-item.m-back,
.m-tabs a.z-slt em,
.m-tabs,
.n-srch .pgsrch,
.m-playbar .list,
.m-nav li span,
.m-srch .srchbg,
.m-topvd,
.u-icn-84,
.u-slt .btn,
.u-slt,
.u-icn2-music2,
.u-icn-68,
.m-info .hd .typ,
.m-tabs a,
.m-tabs em:hover,
.u-date,
.u-date .mask,
.n-bilst ol li:nth-child(2n),
.n-bilst ol li:nth-child(2n) .no,
.u-icn-93,
.u-icn-13,
.u-icn2-7,
.u-icn-16,
.u-icn-37,
.n-myinfo,
.n-frduser,
.m-tabs1 a,
.m-tabs1 em,
.m-nav li,
.m-nav a em,
.m-tophead,
.m-playbar .head .mask,
.u-cover-1 .msk,
.u-date .mask,
.u-cover-4 .msk,
.n-bilst,
.u-cover-alb1 .msk,
.n-disk li,
.n-ban .download .shadow,
.n-ban .download .shadowr,
.u-cover .msk,
.m-nav a,
.n-special .songlist .mask,
.u-icn2-mvtag,
.u-icn2-smvtag,
.n-artist .mask {
background: none;
text-shadow: none;
}
.u-cover-tiny .ply::before,
.u-cover-alb2 .icon-play::before,
.u-cover-alb3 .icon-play::before,
.u-cover-9 .icon-play::before,
.u-cover-0 .icon-play::before,
.u-cover-alb1 .icon-play::before,
.u-cover-10 .icon-play::before,
.u-cover-11 .icon-play::before,
.u-cover-12 .icon-pla::before {
content: "\e000";
font-family: nmdl2;
font-weight: 400;
font-size: 13px;
line-height: 14px;
color: #fff;
text-align: center;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: var(--gb-aa);
filter: drop-shadow(0 0 5px #000);
}
.m-cvrlst li .u-cover {
perspective: 1000px;
}
.m-cvrlst li,
.m-cvrlst li .u-cover img {
transition: all 0.2s ease;
}
.m-cvrlst li .u-cover img {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.2);
transform-style: preserve-3d;
background: inherit;
}
.m-cvrlst li:hover .u-cover img {
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.m-cvrlst li:hover .u-cover:not(.u-cover-5):not(.u-cover-7) img {
transform: rotateX(-20deg) scaleY(1.05) translateY(1px) scale(1.13);
}
.m-cvrlst li:active {
transition: all 0.1s ease;
transform: scale(0.97) var(--gb-ai);
}
.m-cvrlst li:active .u-cover img {
box-shadow: none;
}
.m-cvrlst li:active .u-cover:not(.u-cover-5):not(.u-cover-7) img,
li:active .u-cover .bottom {
transform: none;
}
.n-ban .ban .btnl,
.n-ban .ban .btnr {
background: #000;
border: 2px solid rgba(0, 0, 0, 0);
margin-top: -18.5px;
width: 37px;
height: 37px;
border-radius: 100%;
opacity: 0.5;
}
.n-ban .ban .btnl:hover,
.n-ban .ban .btnr:hover {
border: 2px solid rgba(255, 255, 255, 0.3);
opacity: 0.7;
}
.n-ban .ban .btnl:active,
.n-ban .ban .btnr:active {
border: 2px solid rgba(0, 0, 0, 0);
opacity: 0.9;
}
.n-ban .ban .btnl::after,
.n-ban .ban .btnr::after {
--_ac: calc(50% - 14px);
content: "\e027";
height: 28px;
width: 28px;
text-align: center;
line-height: 28px;
font-family: nmdl2;
font-weight: 400;
font-size: 18px;
color: #fff;
display: block;
box-sizing: border-box;
position: absolute;
text-indent: 0;
left: var(--_ac);
top: var(--_ac);
}
.n-ban .ban .btnl::after {
transform: rotate(180deg);
}
.n-ban .ban .btnl {
left: 16px;
}
.n-ban .ban .btnr {
right: calc(251px + 16px);
}
.n-ban .ban img {
border-radius: 20px;
transform: scale(0.8);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.n-artist .btn-rz,
.n-artist .btnfav {
background: rgba(0, 0, 0, 0.7);
color: #fff;
border: 2px solid rgba(0, 0, 0, 0);
text-align: center;
border-radius: 5px;
text-indent: 0;
line-height: 32px;
text-decoration: none;
transition: all 0.1s ease;
}
.n-artist .btnfav-0::before {
content: "\5df2";
}
.n-artist .btn-rz:hover,
.n-artist .btnfav:hover {
background: rgba(0, 0, 0, 0.7);
color: #fff;
border: 2px solid rgba(255, 255, 255, 0.3);
}
.n-artist .btn-rz:active,
.n-artist .btnfav:active {
background: #fff;
color: #000;
border: 2px solid rgba(0, 0, 0, 0);
transform: scale(0.95);
}
.n-artist {
margin: 0 0 30px 0;
}
html[wk-style-assist] .n-artist img {
position: absolute;
top: -60px;
left: -39px;
right: -30px;
width: calc(100% + 69px);
height: calc(100% + 60px);
}
.n-artist .btm {
overflow: hidden;
transform: translateY(-15px);
}
html[wk-style-assist] .n-artist .btm {
position: relative;
z-index: 3;
filter: drop-shadow(0 0 20px #000) drop-shadow(0 0 30px #000);
}
html[wk-style-assist] .n-artist .sname,
html[wk-style-assist] .n-artist .salias {
color: #fff;
}
html[wk-style-assist] .n-artist .salias {
opacity: 0.8;
}
.g-wrap6 {
padding-top: 60px;
min-height: 99vh;
}
.m-radio .rditype a {
background: none;
border: 2px solid rgba(0, 0, 0, 0);
border-radius: 10px;
}
.m-radio .rditype a:hover {
background: #eee;
border: 2px solid rgba(0, 0, 0, 0.1);
}
.m-radio .rditype a:active {
border: 2px solid rgba(0, 0, 0, 0);
}
.m-cmmt .cmmts .rp a {
color: #0c73c2;
}
.m-cmmt .cmmts .rp a[data-type="unlike"] {
color: var(--gc-aa);
}
.u-btni,
.u-btn-crt {
background: #c2c2c2;
color: #000;
border: 2px solid rgba(0, 0, 0, 0);
box-sizing: border-box;
text-align: center;
border-radius: 5px;
}
.u-btni {
padding: 0 8px 0 5px;
}
.u-btn-crt i {
padding: 0;
height: 18px;
line-height: 18px;
color: inherit;
}
.u-btni:hover,
.u-btn-crt:hover {
background: #c2c2c2;
border-color: #747474;
color: #000;
}
.u-btni:active,
.u-btn-crt:active {
background: #919191;
border-color: rgba(0, 0, 0, 0);
color: #000;
}
.m-vdtool .btn,
.m-lyshare .u-txtwrap {
border-radius: 5px;
}
.u-btni-cmmt::before {
content: "\e015";
}
.u-btni-share::before {
content: "\e006";
}
.u-btni-fav::before {
content: "\e004";
}
.u-btni-dl::before {
content: "\e022";
}
.u-btni-unfav::before {
content: "\e011";
}
.u-btni-subed::before,
.u-btni-sub::before,
.u-btni-dy .u-icn2::before {
content: "\e033";
}
.u-btni-playall::before {
content: "\e000";
}
.u-btn2 .icn-praise::before,
.u-btn2 .icn-praised::before {
content: "\e014";
}
.u-btn-crt::before {
content: "\e016";
}
.u-btn2 .icn-praise,
.u-btn2 .icn-praised {
margin-top: 5px;
}
.u-btn2 .icn-praised,
.u-btni-subed,
.u-icn2-ydy {
color: var(--gc-aa);
}
.u-btni-sub {
color: #fff;
background: #328ad4;
}
.u-btni-cmmt i,
.u-btni-share i,
.u-btni-fav i,
.u-btni-dl i,
.u-btni-unfav i,
.u-btn2 .icn-praise,
.u-btn2 .icn-praised,
.u-btni-subed i,
.u-btni-sub i,
.u-btni-playall i,
.m-info-program .rdiname .u-btni-dy i,
.u-btni-dy .u-icn2 {
background: none !important;
padding: 0;
line-height: 27px;
}
.u-btni-dy .u-icn2 {
margin-top: 4.5px;
}
.u-btni-play-dis,
.u-btni-fav-dis,
.u-btni-fav-dis2,
.u-btni-share-dis,
.u-btni-dl-dis,
.u-btni-cmmt-dis,
.u-btni-play-dis:hover,
.u-btni-fav-dis:hover,
.u-btni-fav-dis2:hover,
.u-btni-share-dis:hover,
.u-btni-dl-dis:hover,
.u-btni-cmmt-dis:hover {
background: #ccc !important;
color: #7a7a7a !important;
border: 2px solid rgba(0, 0, 0, 0) !important;
}
.u-btni-play-dis i,
.u-btni-fav-dis i,
.u-btni-fav-dis2 i,
.u-btni-share-dis i,
.u-btni-dl-dis i,
.u-btni-cmmt-dis i {
color: #7a7a7a !important;
}
.u-btn-1,
.u-btn-1:hover,
.u-btn2-2,
.u-btn2-2:hover,
.u-btni-add,
.u-btni-add:hover,
.u-btni-play,
.u-btni-play:hover {
background: var(--gc-aa);
border: 2px solid rgba(0, 0, 0, 0);
color: #fff;
border-radius: 5px;
}
.u-btni-add,
.u-btn2-2 {
box-sizing: border-box;
position: relative;
}
.u-btni-add,
.u-btni-add:hover {
padding: 0;
border-radius: 0 5px 5px 0;
}
.u-btn-1:hover,
.u-btn2-2:hover,
.u-btni-add:hover,
.u-btni-play:hover {
border-color: rgba(255, 255, 255, 0.3);
}
.u-btn-1:active,
.u-btn2-2:active,
.u-btni-add:active,
.u-btni-play:active {
background: #fff;
color: #000;
border-color: rgba(0, 0, 0, 0);
}
.u-btni-addply,
.u-btni-addply:hover {
border-radius: 5px 0 0 5px;
}
.u-icn-68 {
height: 12px;
width: 12px;
}
.u-icn-68::before {
content: "";
width: 12px;
height: 12px;
border-radius: 100%;
display: block;
border: 2px solid #fff;
background: var(--gc-aa);
box-sizing: border-box;
}
.m-fans .ava .dot {
top: 2px;
right: 2px;
}
.m-lyvideo .upload .cover .loading,
.m-dlist .pics .pic-loading,
.m-dlist .showpic .slide-loading,
.u-load .icn {
background: var(--gs-ac) no-repeat center/35px;
}
.u-load .icn {
background-size: 15px;
}
.m-dlist .type .u-icn-1 {
margin-left: 3px;
}
.u-icn-1,
.u-icn2-music2,
.u-icn-84 {
width: 13px;
height: 13px;
border-radius: 100%;
}
.u-icn-1 {
background: #f4512e;
}
.u-icn2-music2 {
background: #cc4a3d;
}
.u-icn-84 {
background: #ec7b05;
}
.u-icn-1::before {
content: "\e02a";
}
.u-icn2-music2::before {
content: "\e012";
}
.u-icn-84::before {
content: "\e02c";
}
.u-icn-1::before,
.u-icn2-music2::before,
.u-icn-84::before {
height: 13px;
width: 13px;
display: block;
font-family: nmdl2;
font-weight: 400;
font-size: 12px;
text-align: center;
line-height: 13px;
color: #fff;
transform: scale(0.7);
}
.n-frdlist .name .u-icn2 {
margin-left: 3px;
}
.u-slt {
border: 2px solid #999;
color: #000;
border-radius: 5px;
}
.u-slt:hover {
border: 2px solid #666;
}
.u-slt .btn {
width: 28px;
height: 28px;
}
.u-slt .btn::before {
content: "";
display: block;
height: 8.49px;
width: 8.49px;
box-sizing: border-box;
border: 1px solid #878787;
border-top: 0;
border-left: 0;
position: absolute;
bottom: calc(50% - 4.25px);
right: 50%;
transform: rotate(45deg);
transform-origin: bottom right;
}
.g-sd3-1,
.g-sd6,
.g-sd2 {
overflow: auto;
overflow-x: hidden;
height: calc(99vh - 105px);
position: fixed;
overscroll-behavior: contain;
}
.g-sd6 {
height: calc(99vh - 70px);
background: #fff;
box-shadow: 0 -100px 0 #fff, 0 0 50px rgba(0, 0, 0, 0.1);
}
.g-sd3-1::after,
.g-sd6::after,
.g-sd2::after {
content: "";
height: 180px;
display: block;
}
.m-cmmtipt .area {
box-sizing: border-box;
}
.n-base .txt,
.n-base .area,
.m-cmmtipt .area,
.u-txt,
.m-lyshare .area,
.m-plshare .txt,
.n-log2 .u-txt,
.m-lysearch .txt {
border: 2px solid #999;
color: #000;
border-radius: 5px;
}
.n-msgnt-1 .cont {
border-radius: 10px;
}
.n-log2 .u-txt {
box-sizing: border-box;
width: 100%;
height: 35px;
}
.n-base .txt:hover,
.n-base .area:hover,
.m-cmmtipt .area:hover,
.u-txt:hover,
.m-lyshare .area:hover,
.m-plshare .txt:hover,
.m-lysearch .txt:hover {
border: 2px solid #666;
}
.n-base .txt:focus,
.n-base .area:focus,
.m-cmmtipt .area:focus,
.u-txt:focus,
.m-lyshare .area:focus,
.m-plshare .txt:focus,
.m-lysearch .txt:focus {
border: 2px solid var(--gc-aa);
}
.n-msgnt .item .dlt {
visibility: visible;
}
.n-msgtab,
.n-msgtab li {
border: 0;
}
.n-msgtab li a {
height: 48px;
line-height: 48px;
box-sizing: border-box;
padding-left: 48px;
width: 100%;
border: 0;
position: relative;
background: #fff;
color: #000;
}
.n-msgtab li i {
margin-top: 0;
position: absolute;
top: 50%;
left: 24px;
transform: var(--gb-aa);
background: inherit;
}
.u-icn-44,
.u-icn-45,
.u-icn-46,
.u-icn-47 {
background: none;
text-align: center;
line-height: 15px;
width: 15px;
height: 15px;
color: inherit;
}
.u-icn-44::before {
content: "\e01a";
}
.u-icn-45::before {
content: "\e017";
}
.u-icn-46::before {
content: "\e015";
}
.u-icn-47::before {
content: "\e019";
}
.u-icn-44::before,
.u-icn-45::before,
.u-icn-46::before,
.u-icn-47::before {
font-family: nmdl2;
font-weight: 900;
display: block;
color: inherit;
line-height: 15px;
text-align: center;
font-size: 14px;
}
.n-msgtab li span {
margin: 0;
}
.n-msgtab li.z-slt a {
border: 0;
background: #fff;
color: var(--gc-aa);
}
.n-msgtab li.z-slt a::before {
content: "";
display: block;
height: 24px;
width: 4px;
background: var(--gc-aa);
position: absolute;
top: 50%;
left: 0;
transform: var(--gb-ag);
}
.n-msgtab li a:hover {
background: #e6e6e6;
}
.n-msgtab li a:active {
background: #ccc;
}
.u-icn2-pfv {
background: #f4512e;
border-radius: 99px;
}
.u-icn2-pfyyr {
background: #f0493c;
border-radius: 99px;
}
.u-icn2-pfdr {
background: #ffbd21;
border-radius: 99px;
}
.u-icn2-pfv::before {
content: "\e02a";
}
.u-icn2-pfyyr::before {
content: "\e012";
}
.u-icn2-pfdr::before {
content: "\e02c";
}
.u-icn2-pfv::before,
.u-icn2-pfyyr::before,
.u-icn2-pfdr::before {
font-family: nmdl2;
font-weight: 400;
font-size: 14px;
margin-left: 8px;
color: #fff;
line-height: 20px;
vertical-align: top;
}
.u-icn2-pfv::after {
content: "\8ba4\8bc1";
}
.u-icn2-pfyyr::after {
content: "\97f3\4e50\4eba";
}
.u-icn2-pfdr::after {
content: "\8fbe\4eba";
}
.u-icn2-pfv::after,
.u-icn2-pfyyr::after,
.u-icn2-pfdr::after {
line-height: 20px;
margin-left: 6px;
font-size: 12px;
font-weight: 400;
vertical-align: top;
color: #fff;
}
.n-frdlist .name .u-icn2 {
margin-left: 3px;
}
.m-top .nav li a {
border-color: rgba(0, 0, 0, 0);
border-width: 0 0 3px 0;
color: rgba(255, 255, 255, 0.7);
}
.m-top .nav li a.z-slt {
border-color: #fff;
}
.n-sgernav li,
.n-sgernav li a {
margin: 0;
width: 100%;
float: none;
display: block;
height: 48px;
padding: 0;
box-sizing: border-box;
line-height: 48px;
background: none;
text-decoration: none;
position: relative;
}
.n-sgernav li a {
padding: 0 0 0 16.5px;
color: #000;
}
.n-sgernav li a.z-slt {
color: var(--gc-aa);
}
.n-sgernav li a.z-slt::before {
content: "";
display: block;
height: 24px;
width: 4px;
background: currentColor;
color: inherit;
position: absolute;
top: 50%;
left: 0;
transform: var(--gb-ag);
}
.n-sgernav li a:hover {
background: #e6e6e6;
}
.n-sgernav li a:active {
background: #ccc;
}
.g-wrap4 {
padding: 0;
margin: 0;
}
.g-sd2 {
background: #fff;
}
.n-sgernav .tit {
padding: 50px 14px 14px 14px;
}
.n-sgernav .blk {
padding: 0;
margin: 0;
border: 0;
}
.n-pglg .btn,
.n-pglg2 .btn {
text-indent: 0;
box-sizing: border-box;
border: 2px solid rgba(0, 0, 0, 0);
background: #1c6ebe;
color: #fff;
text-decoration: none;
font-size: 20px;
text-align: center;
line-height: 40px;
border-radius: 5px;
}
.n-pglg2 .btn {
width: 158px;
height: 49px;
}
.n-pglg .btn:hover,
.n-pglg2 .btn:hover {
border: 2px solid rgba(255, 255, 255, 0.3);
}
.n-pglg .btn:active,
.n-pglg2 .btn:active {
border: 2px solid rgba(0, 0, 0, 0);
background: #fff;
color: #000;
}
.u-phonewrap {
border: 0;
border-radius: 5px;
height: auto;
}
.u-phonewrap .txt {
width: calc(100% - 70px);
margin-left: 70px;
height: 35px;
border-radius: 0 5px 5px 0;
box-sizing: border-box !important;
}
.u-phonewrap .current {
width: 70px;
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
height: 35px;
line-height: 31px;
border: 2px solid #999;
border-right: 0;
border-radius: 5px 0 0 5px;
}
.u-phonewrap .options {
display: block !important;
border: 1px solid #ccc;
box-sizing: border-box;
left: 0;
top: 50%;
background: #f2f2f2;
color: #000;
transform: var(--gb-ag);
transition: all 0.3s var(--gb-ad);
min-height: calc(100% + 4px);
border-radius: 5px;
}
.u-phonewrap .options.f-hide {
height: 0;
opacity: 0;
visibility: hidden;
transition: all 0.3s var(--gb-al);
}
.f-mgt10 {
overflow: hidden;
}
.n-log2 .u-fill {
display: block;
visibility: visible !important;
border: 1px solid #ccc;
box-sizing: border-box;
left: 0;
top: 100%;
background: #f2f2f2;
color: #000;
transition: all 0.3s var(--gb-ad);
min-height: 100%;
width: 100%;
transform: var(--gb-ai);
}
.n-log2 .u-fill[style*="hidden"] {
pointer-events: none;
transform: var(--gb-ae) var(--gb-ai);
opacity: 0;
transition: all 0.3s var(--gb-al);
}
.n-log2 .u-fill li,
.n-log2 .u-fill a {
height: 32px;
line-height: 32px;
}
.n-log2 .u-fill a:hover {
background: #dadada;
}
.n-log2 .u-fill a:active {
background: #c2c2c2;
}
.n-log2 .u-fill li.js-selected {
outline: 1px dashed #666;
}
.n-log2 .u-fill li.js-selected:hover {
outline: 0;
}
.m-frm .itm {
z-index: initial !important;
}
.u-slt ul {
border: 1px solid #ccc;
box-sizing: border-box;
background: #f2f2f2;
color: #000;
top: 50%;
left: -2px;
transform: var(--gb-ag);
min-width: calc(100% + 4px);
min-height: calc(100% + 4px);
z-index: 99999;
display: block !important;
transition: all 0.3s var(--gb-ad);
animation: fade-in 0.2s ease;
opacity: 1;
border-radius: 5px;
}
.u-slt ul[style*="none"] {
display: block !important;
animation: none;
opacity: 0;
max-height: calc(100% + 4px);
pointer-events: none;
transition: all 0.3s var(--gb-al);
}
.u-slt ul a,
.u-phonewrap .options .itm {
color: #000;
}
.u-phonewrap .options .itm:hover,
.u-slt ul a:hover {
background: #dadada;
color: #000;
}
.u-phonewrap .options .itm:active,
.u-slt ul a:active {
background: #c2c2c2;
color: #000;
}
.m-cmmtipt .corr {
display: none;
}
.m-lyshare .u-txtwrap,
.m-lyshare .info .text {
border: 0;
}
.m-lyshare .area {
display: block;
box-sizing: border-box;
}
.m-plshare .txt,
span.holder-parent {
float: none;
display: block;
width: 100%;
}
.m-plshare .u-txtwrap .txtwrap {
height: auto !important;
line-height: 35px;
display: flex;
padding: 0;
flex-wrap: wrap;
}
.m-plshare .txt {
height: 35px;
line-height: 35px;
width: 100% !important;
margin: 0;
box-sizing: border-box;
padding: 0 10px;
}
.m-plshare .u-txt {
margin: 10px 0 0 0;
}
.m-plshare .blk {
margin: 0 5px 5px 0;
line-height: 2;
white-space: nowrap;
}
.m-plshare .blk .cls {
margin-left: 5px;
}
.m-plshare span.holder-parent label.holder {
height: 31px;
line-height: 31px;
padding: 0 10px;
}
.m-plshare .ct {
margin: 0;
}
.m-lyshare .u-txtwrap {
padding: 0;
margin-bottom: 1px;
}
.m-plshare .u-txtwrap .area {
box-sizing: border-box;
}
.m-lysearch .u-txtwrap {
padding: 0;
}
.m-lysearch .txt {
padding-left: 38px;
box-sizing: border-box;
height: 38px;
}
.m-lysearch .box,
.m-timeline .head {
border: 0;
border-radius: 5px;
}
.m-lysearch .srchtab .tab,
.m-lysearch .srchtab li:last-child .tab {
border: 0;
font-size: 20px;
text-align: left;
width: auto;
height: auto;
font-weight: 400;
color: #747474;
}
.m-lysearch .srchtab li {
width: auto;
height: auto;
margin: 20px 20px 20px 0;
}
.m-lysearch .srchtab li .tab.z-curr {
color: var(--gc-aa);
font-weight: 700;
border: 0;
}
.m-emts .emtitm img,
.m-cmmt .cmmts img {
box-shadow: none;
border-radius: 5px;
max-width: 100%;
}
.m-dlist .activity .btn {
color: var(--gc-aa);
box-shadow: none;
border-radius: 99vw;
max-width: 100%;
}
.m-dlist .pics img,
.m-timeline .m-dlist .showpic .slide .thepic,
.m-timeline .m-dlist .src-video .video {
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.2),
0 0 10px rgba(0, 0, 0, 0.2);
}
.m-dynamic .dbox {
border-radius: 10px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.m-dynamic .dbox-cmt .darr {
display: none;
}
.n-minelst .rtitle {
white-space: nowrap;
width: calc(100% - 60px);
display: block;
text-overflow: ellipsis;
overflow: hidden;
}
.n-msgnt .cont-1 .corr {
color: rgba(0, 0, 0, 0);
width: 0;
height: 0;
border: 7px solid rgba(0, 0, 0, 0);
border-right: 7px solid #f2f2f2;
left: unset;
right: 100%;
text-indent: 9999px;
}
.m-tabs1 {
height: auto;
overflow: hidden;
}
.n-disk .inner,
.m-tabs1,
.m-tabs1 li {
border-color: rgba(0, 0, 0, 0);
}
.m-tabs1 a {
font-weight: 400;
font-size: 20px;
}
.m-tabs1 li,
.m-tabs1 a {
height: auto;
}
.m-tabs1 em {
width: auto;
white-space: nowrap;
margin: 0 20px 15px 0;
}
.m-lyshare .info {
margin: 0;
}
.m-lyshare .info.z-dis {
background-color: #eee !important;
box-sizing: border-box;
max-width: 100%;
border-radius: 10px;
}
.m-tabs1 .z-slt a {
font-weight: 700;
color: var(--gc-aa);
}
.m-table .icn {
margin-left: 1px;
}
.m-sysmsg {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
animation: window-in 0.3s var(--gb-ad) backwards,
window-in 0.3s var(--gb-ad) 1s forwards reverse;
width: 350px;
height: 200px;
box-sizing: border-box;
padding: 25px;
text-align: left;
top: calc(50% - 100px) !important;
left: calc(50% - 175px) !important;
position: fixed;
border-radius: 15px;
}
.m-sysmsg::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #f2f2f2;
border: 1px solid var(--gc-aa);
z-index: -1;
border-radius: 15px;
}
.m-sysmsg .sysmsg {
border: 0;
background: none;
padding: 0;
font-size: 20px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.m-sysmsg .sysmsg * {
font-weight: 400;
}
.u-date-2 .mask {
background: #f2f2f2;
height: calc(114px - 26px);
}
.m-lycifo .f-cb .u-cover.u-cover-6.f-fl > img {
transform: scale(1.5);
}
.m-playbar .words,
.m-pbar .time {
text-shadow: none;
}
.m-playbar .words {
display: flex;
padding-right: 90px;
}
.m-playbar .words .src,
.m-playbar .words .mv {
flex: none;
}
.m-playbar .words .name,
.m-playbar .words .by {
max-width: initial;
}
.m-playbar .words .by {
margin-left: 10px;
}
.m-playbar .words .by::before {
content: "-";
margin-right: 10px;
}
.m-playbar .words .by > span {
color: rgba(255, 255, 255, 0.15);
}
.m-playbar .words .by > span > * {
color: rgba(155, 155, 155, 0.6);
margin: 0 5px;
}
.m-table .text > span > * {
margin: 0 3px;
}
.m-playbar .words .by > span > *:first-child,
.m-table .text > span > *:first-child {
margin-left: 0;
}
.m-playbar .words .by > span > *:last-child,
.m-table .text > span > *:last-child {
margin-right: 0;
}
.m-playbar .words .by > span a {
color: #9b9b9b;
}
.m-cmmt .cmmts .que {
white-space: initial;
border-radius: 5px;
}
.n-disk ul {
--_alt-aa: all 0.3s var(--gb-ad);
transition: var(--alt-aa) !important;
opacity: 0;
transform: translateZ(0);
}
.n-disk ul[style*="none"] {
transition: none !important;
}
.n-disk ul[style*="0px"] {
opacity: 1;
}
.m-playbar .head .mask {
width: initial;
height: initial;
top: 0;
bottom: 0;
left: 0;
right: 0;
max-width: initial;
max-height: initial;
transform: none;
}
#m-disc-pl-c .u-title > h3 > span.f-ff2 {
display: inline-block;
min-width: 70px;
}
#cateListBox[style*="0;"] {
left: 120px !important;
}
div#index-banner {
transform: translateZ(1px);
overflow: hidden;
}
.g-mn3,
.g-mn5c {
min-height: calc(99vh - 95px);
box-sizing: border-box;
}
.g-wrap10,
.g-wrap11 {
padding: 10px 13px 10px 12px;
}
.g-bd > .n-apply {
padding: 50px;
}
.has-upb .m-proifo {
position: relative;
}
.has-upb .m-proifo::before {
content: "";
display: block;
position: absolute;
pointer-events: none;
background: var(--upb) center no-repeat/contain;
top: 0;
left: 0;
height: 188px;
width: 188px;
border-radius: 99vh;
filter: blur(15px) saturate(2);
animation: fade-in 1s ease backwards 1s;
}
.has-upb .g-wrap {
position: relative;
}
.has-upb .m-fans,
.has-upb .m-record {
background: #fff;
}
.has-upb .u-icn2-5 {
border-radius: 100%;
}
.g-bd,
.g-bd1,
.g-bd2,
.g-bd3,
.g-bd4,
.g-bd5,
.g-bd6,
.g-bd7 {
background: #fff;
box-shadow: 0 0 70px rgba(0, 0, 0, 0.1);
border: 0;
}
div#index-banner,
#g_nav2,
.g-topbar {
box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1);
}
.m-playbar,
.g-ft {
box-shadow: 0 -10px 50px rgba(0, 0, 0, 0.1);
}
.n-ban .download,
.m-radio .toplist,
.g-sd2,
.g-mn3,
.p-mymusic .m-table,
.g-mn5c,
.n-disk,
.m-fans,
.g-mn4c,
.g-mn1c,
.m-record,
.m-create,
.m-back {
box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}
.m-radio .toplist .tag {
border-radius: 99vh;
}
.m-radio .rditype .box.z-show {
animation: side-in-x 0.5s var(--gb-ad);
}
.m-cmmt .cmmts .que .darr {
display: none;
}
.m-record .more {
box-sizing: border-box;
padding: 0 20px;
}
.u-icn2-lev {
background: none;
color: #e03a24;
border-radius: 50px;
border: 1px solid currentColor;
padding: 0 10px;
font-size: 16px;
}
.u-icn2-lv {
background: none;
border-radius: 50px;
border: 1px solid currentColor;
padding: 0 7px;
}
.n-level-big > i,
.n-level > i,
.u-btn2-2 i {
background: none;
}
.u-icn2-lev::before,
.u-icn2-lv::before,
.n-level-big > i::before,
.n-level > i::before {
content: "Lv. ";
font-style: italic;
font-size: inherit;
color: inherit;
}
.u-icn2-lev > i,
.u-icn2-lv > i {
display: none;
}
.m-timeline .m-dlist .src-video .mv-full {
display: block !important;
transition: all 0.3s var(--gb-ad);
background: #000;
max-width: 565px;
max-height: 317.813px;
min-width: 565px;
min-height: 317.813px;
}
div[data-module="activity"]
~ div.g-bd
.m-timeline
.m-dlist
.src-video
.mv-full:not(.f-hide) {
max-width: 685px;
max-height: 385.313px;
min-width: 685px;
min-height: 385.313px;
}
.m-timeline .m-dlist .src-video .mv-full.f-hide {
display: block !important;
pointer-events: none;
opacity: 0;
max-width: 338px;
max-height: 189px;
min-width: 338px;
min-height: 189px;
transition: all 0.3s var(--gb-al);
}
.m-timeline .m-dlist .src-video .video {
display: block !important;
position: absolute;
top: 0;
left: 0;
transition: all 0.3s var(--gb-al);
}
.m-timeline .m-dlist .src-video .video.f-hide {
display: block !important;
transform: translateY(22px);
opacity: 0;
pointer-events: none;
transition: all 0.3s var(--gb-ad);
}
.m-timeline .m-dlist .src-video .fold {
display: block !important;
transition: all 0.3s var(--gb-ad);
overflow: hidden;
max-height: 15px;
}
.m-timeline .m-dlist .src-video .fold.f-hide {
display: block !important;
opacity: 0;
pointer-events: none;
transition: all 0.3s var(--gb-al);
margin: 0;
max-height: 0;
}
.m-timeline .m-dlist .showpic .slide .thepic {
animation: none;
}
.n-ban .dots {
cursor: default;
}
.n-ban .dots .pg {
background: none;
position: relative;
color: #fff;
opacity: 0.5;
}
.n-ban .dots .pg:hover {
color: var(--gc-aa);
opacity: 0.7;
}
.n-ban .dots .pg.z-slt {
color: var(--gc-aa);
opacity: 1;
}
.n-ban .dots .pg::before {
content: "";
position: absolute;
display: block;
top: 50%;
left: 50%;
width: 6px;
height: 6px;
transition: all 0.3s var(--gb-al) 0.5s, color 0.3s var(--gb-al);
color: inherit;
background: currentColor;
transform: var(--gb-aa);
border-radius: 50px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.n-ban .dots .pg:hover::before {
transition: all 0.3s var(--gb-ad);
width: 9px;
height: 9px;
}
.n-ban .dots .pg.z-slt::before {
transition: all 0.3s var(--gb-ad);
border: 1px solid #fff;
width: 12px;
height: 12px;
}
.n-daily .bg {
position: relative;
}
.n-daily .bg::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: inherit;
filter: blur(20px);
}
.n-daily .bg::after {
content: "\6bcf\65e5\6b4c\66f2\63a8\8350\a\6839\636e\4f60\7684\97f3\4e50\53e3\5473\751f\6210\ff0c\6bcf\5929\36\3a\30\30\66f4\65b0";
white-space: pre-line;
position: absolute;
top: 40px;
left: 200px;
font-size: 22px;
line-height: 40px;
color: rgba(255, 255, 255, 0.8);
text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.n-daily .regards {
position: relative;
margin: 125px 0 0 32px;
}
.m-timeline {
overflow: hidden;
min-height: 700px;
}
.m-ctvideo.z-fullscreen {
animation: window-in var(--gb-ad) 0.3s backwards;
}
.m-ctvideo .controls::before {
background: rgba(0, 0, 0, 0.4);
height: 120%;
}
.m-ctvideo .player .opbar::before {
background: rgba(0, 0, 0, 0.4);
height: 100%;
}
.m-ctvideo .controls .wrap .brs {
margin-top: 0;
padding-top: 9px;
}
.m-ctvideo .controls .wrap .volume .sliderbg,
.m-ctvideo .controls .wrap .brs .options {
display: block !important;
top: initial;
bottom: calc(100% + 2px);
transform: var(--gb-af);
transition: all 0.3s var(--gb-al);
opacity: 0;
pointer-events: none;
}
.m-ctvideo .controls .wrap .volume:hover .sliderbg,
.m-ctvideo .controls .wrap .brs:hover .options {
transition: all 0.3s var(--gb-ad);
transform: var(--gb-aj);
opacity: 1;
pointer-events: initial;
}
.m-ctvideo .controls,
.m-ctvideo .controls .wrap {
transition: all 0.3s var(--gb-al);
}
.m-ctvideo.z-active .controls,
.m-ctvideo.z-active .controls .wrap {
transition: all 0.3s var(--gb-ad);
}
.m-ctvideo .controls .wrap {
opacity: 0;
}
.m-ctvideo.z-active .controls .wrap {
opacity: 1;
}
.m-timeline .m-timeact.j-flag {
display: block;
animation: tl-act 0.3s var(--gb-ad) 1.8s backwards;
}
.m-timeline .m-timeact.j-flag::before {
content: "";
display: block;
animation: tl-act-pos 0.3s var(--gb-ad) 1.5s backwards;
}
.m-timeline .m-dlist .showpic:not(.f-hide) {
animation: side-in-x 0.3s var(--gb-ad) backwards;
}
.m-dlist .src,
.m-dlist .card,
.m-dlist .hotrecmt .bar,
.m-dlist .showpic,
.m-dlist .activity,
.m-timeline .m-dlist .src-video .video {
border-radius: 10px;
overflow: hidden;
}
.m-timeline .m-dlist .showpic .slide .thepic {
animation: fade-in 0.2s ease backwards;
}
.u-btn2.u-btn2-1.sltbtn:not(.u-btni-addply) {
overflow: visible;
position: relative;
}
.u-btn2.u-btn2-1.sltbtn:not(.u-btni-addply):active {
transform: none;
}
.n-top50 .filter {
display: block !important;
transform: var(--gb-ag);
max-height: 0;
transition: all 0.3s var(--gb-al);
pointer-events: none;
overflow: hidden;
width: calc(100% + 4px);
top: 50%;
left: -2px;
background: #f2f2f2;
border: 1px solid #ccc;
box-sizing: border-box;
box-shadow: none;
border-radius: 5px;
opacity: 0;
height: 113px;
}
.n-top50 .filter::before,
.n-top50 .filter::after,
.u-slt ul::before,
.u-slt ul::after,
.u-phonewrap .options::before,
.u-phonewrap .options::after,
.m-tlist::before,
.m-tlist::after {
content: "";
display: block;
padding: 4px;
}
.n-top50 .sltbtn:hover .filter {
max-height: 113px;
transition: all 0.3s var(--gb-ad);
pointer-events: auto;
opacity: 1;
}
.n-top50 .choose {
border-color: rgba(0, 0, 0, 0);
color: #000;
background: none;
}
.n-top50 .choose:hover {
background: #dadada;
}
.n-top50 .choose:active {
background: #c2c2c2;
}
.n-top50 .choose.z-dis,
.n-top50 .choose.z-dis:hover {
background: none;
cursor: default;
}
.n-top50 .choose.z-select {
background: #85caff;
}
.n-top50 .choose.z-select:hover {
background: #5fb2f2;
}
.n-top50 .choose.z-select:active {
background: #85caff;
}
.m-cmmt .cmmts .cntwrap .f-brk > .icn,
.m-cmmt .cmmts .cnt.f-brk > .icn {
margin-left: 3px;
}
.n-minelst li img {
animation: none;
}
.u-cover .ci,
.m-mvlist .tr,
.m-mvlist .bl {
width: auto;
text-shadow: none;
background: rgba(0, 0, 0, 0.5);
padding: 0 5px;
margin: 5px;
border-radius: 99vw;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.n-ban .wrap,
.g-bd,
.g-bd1:not(.g-bd1-1),
.g-bd2,
.g-bd3,
.g-bd4,
.g-bd5,
.g-bd6,
.g-bd7 {
position: relative;
left: calc(50vw - 50%);
}
.n-chatipt {
margin: 0 -40px -40px;
}
.g-mn1 .g-mn1c {
min-height: 720px;
}
.gcnt .m-dynamic {
animation: cnt-show-alt 1s var(--gb-ad) backwards;
}
.m-info .intr#desc-dot {
display: none !important;
}
.m-info .intr#desc-more {
display: block !important;
overflow: hidden;
max-height: initial;
animation: desc-show 1s ease backwards;
}
.m-info .intr#desc-more.f-hide {
--a: linear-gradient(to bottom, #000 80%, rgba(0, 0, 0, 0) 100%);
max-height: 99px;
animation: desc-col 0.3s var(--gb-ad) backwards;
-webkit-mask: var(--a);
mask: var(--a);
}
.m-info .edit {
background: none;
padding: 0;
}
.m-lycifo .bd-open #flag_more {
display: block !important;
overflow: hidden;
animation: cnt-show-alt 1s ease backwards;
}
.m-lycifo .bd-open #flag_more.f-hide {
max-height: 0;
animation: cnt-hide 0.5s ease backwards;
}
.cntc.m-info .s-fc7,
.cntc.m-info .s-fc7:hover,
.m-lycifo .bd-open .s-fc7,
.m-lycifo .bd-open .s-fc7:hover {
color: #aaa;
}
.cntc.m-info .s-fc7 i,
.m-lycifo .bd-open .s-fc7 i {
margin-left: 5px;
}
.n-plist-1 {
margin-top: 0;
}
.n-base .frm {
width: 400px;
}
.m-frm .lab {
width: 92px;
}
.m-frm .itm {
padding-left: 92px;
}
html[wk-style-assist]
.m-dlist
.pics
.pic-high
img.wk-hires-loaded:not([style*="width:"]):hover,
html[wk-style-assist] .n-artist:hover img.wk-hires-loaded {
animation: img-overview 20s ease-in-out both infinite;
}
.m-top .wrap {
display: flex;
width: 97%;
max-width: 1100px;
}
.m-top .wrap > *:not(.m-srch) {
flex: none;
}
.m-top .logo {
display: none;
}
.m-top .m-nav {
order: 0;
}
.m-top .m-srch {
order: 1;
flex: 1 0 auto;
display: flex;
justify-content: center;
}
.m-top .m-topvd {
order: 2;
}
.m-top .m-tophead {
order: 3;
}
.g-topbar {
width: 100% !important;
}
.m-subnav .wrap {
width: 100%;
}
.m-timeline .m-dlist .src-video .mv-full,
.n-mv .mv {
border-radius: 10px;
overflow: hidden;
}
.m-ctvideo .player .loading {
background: var(--gs-ac) no-repeat center;
animation: none;
}
.u-cover .icon-headset {
background: none;
margin: 7px 5px 7px 10px;
height: 14px;
width: 14px;
}
.u-cover .icon-play {
background: none;
right: 7px;
bottom: 7px;
width: 14px;
height: 14px;
text-decoration: none;
border-radius: 100%;
}
.u-cover-alb2 .icon-play,
.u-cover-alb3 .icon-play {
background: #000;
left: 50%;
bottom: 50%;
width: 14px;
height: 14px;
box-shadow: 0 0 0 7px #000, 0 0 0 8px #fff;
opacity: 0.5;
transform: translate(-50%, 50%);
}
.u-cover .icon-headset::before {
content: "\e024";
}
.u-cover .icon-play::before {
content: "\e000";
}
.u-cover .icon-headset::before,
.u-cover .icon-play::before {
font-family: nmdl2;
line-height: 14px;
font-size: 13px;
font-weight: 400;
color: #fff;
opacity: 0.7;
text-align: center;
}
.u-cover .icon-play:hover::before {
opacity: 1;
}
.u-cover-alb3 .icon-play {
width: 28px;
height: 28px;
}
.u-cover-alb3 .icon-play::before {
width: 28px;
height: 28px;
font-size: 27px;
line-height: 28px;
}
.u-cover-alb1 .icon-play {
width: 22px;
height: 22px;
box-shadow: 0 0 0 5px #000, 0 0 0 7px #fff;
background: #000;
opacity: 0.5;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.u-cover-alb1 .icon-play:hover {
opacity: 0.7;
}
.u-cover-alb1 .icon-play::before {
width: 22px;
height: 22px;
font-size: 21px;
line-height: 22px;
}
.u-cover-7 .icon-play {
width: 44px;
height: 44px;
}
.u-cover-7 .icon-play::before {
width: 44px;
height: 44px;
font-size: 43px;
line-height: 44px;
}
.m-playbar .oper,
.m-playbar .ctrl,
.m-playbar .add {
width: auto;
white-space: nowrap;
background: none;
padding: 0;
}
.m-playbar .add {
max-width: 78px;
}
.m-playbar .icn,
.m-playbar .btns a,
.m-playbar .updn .btn {
background: none;
height: 47px;
width: 47px;
border-radius: 99px;
position: relative;
text-indent: 0;
color: rgba(0, 0, 0, 0) !important;
margin: 0;
text-indent: -99vw;
}
.m-playbar .icn::before,
.m-playbar .btns a::before,
.m-playbar .updn .btn::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
border-radius: 99px;
transform: scale(0.7);
transition: all var(--gb-ad) 0.3s;
pointer-events: none;
}
.m-playbar .icn:hover::before,
.m-playbar .btns a:not(.ply):hover::before,
.m-playbar .updn .btn:hover::before {
transform: scale(0.8);
background: rgba(255, 255, 255, 0.1);
}
.m-playbar .icn:active::before,
.m-playbar .btns a:not(.ply):active::before,
.m-playbar .updn .btn:active::before {
background: rgba(255, 255, 255, 0.2);
}
.m-playbar .icn::after,
.m-playbar .btns a::after,
.m-playbar .updn .btn::after {
position: absolute;
transition: all var(--gb-ad) 0.3s;
color: #fff;
font-family: nmdl2;
font-weight: 400;
top: 0;
left: 0;
width: 47px;
height: 47px;
line-height: 47px;
font-size: 14px;
text-align: center;
text-indent: 0;
}
.m-playbar .icn-add::after {
content: "\e004";
}
.m-playbar .icn-share::after {
content: "\e006";
}
.m-playbar .icn-vol::after {
content: "\e007";
}
.m-playbar .icn-volno::after {
content: "\e008";
}
.m-playbar .icn-shuffle::after {
content: "\e00d";
}
.m-playbar .icn-one::after {
content: "\e00e";
}
.m-playbar .icn-loop::after {
content: "\e00f";
}
.m-playbar .icn-list::after {
content: "\e005";
}
.m-playbar .btns .prv::after {
content: "\e002";
}
.m-playbar .btns .nxt::after {
content: "\e003";
}
.m-playbar .btns .ply::after {
content: "\e000";
font-size: 20px;
}
.m-playbar-lock .updn .btn::after {
content: "\e00a";
}
.m-playbar-unlock .updn .btn::after {
content: "\e009";
}
.m-playbar .btns .ply:active::after {
color: #000;
}
.m-playbar .btns .pas::after {
content: "\e001";
}
.m-playbar .btns .ply::before {
border: 2px solid #fff;
box-sizing: border-box;
transform: scale(0.8);
}
.m-playbar .btns .ply:hover::before {
background: rgba(255, 255, 255, 0.1);
}
.m-playbar .btns .ply:active::before {
background: #fff;
}
.m-playbar .btns .ply {
width: 47px;
height: 47px;
}
.m-playbar .icn-list,
.m-playbar .icn-list:hover {
padding: 0 10px 0 37px;
color: #fff !important;
text-align: left;
text-shadow: none;
line-height: 47px;
width: auto;
max-width: 27px;
text-indent: 0;
}
.m-playbar .icn-list::before {
width: calc(100% + 10px);
}
.m-playbar .words .src,
.m-playbar .words .mv {
height: 14px;
width: 14px;
background: none;
}
.m-playbar .words .src::before,
.m-playbar .words .mv::before {
font-family: nmdl2;
font-weight: 400;
font-size: 13px;
line-height: 14px;
text-align: center;
color: #aaa;
display: block;
}
.m-playbar .words .src::before {
content: "\e013";
}
.m-playbar .words .mv::before {
content: "\e010";
}
.m-playbar .words .src:hover::before,
.m-playbar .words .mv:hover::before {
color: #fff;
}
.u-cover-11 {
width: 60px;
}
.v-hd2 .tit {
position: relative;
}
.n-rcmd .v-hd2 .tit::before,
.n-new .v-hd2 .tit::before,
.n-bill .v-hd2 .tit::before {
content: "\e035";
font-size: 24px;
height: 28px;
width: 28px;
font-family: nmdl2;
font-weight: 400;
text-align: center;
line-height: 28px;
left: -32px;
position: absolute;
background: #fff;
color: var(--gc-aa);
}
#personalRec .v-hd2 .tit::before {
content: "\e036";
}
.n-new .v-hd2 .tit::before {
content: "\e038";
}
.n-bill .v-hd2 .tit::before {
content: "\e037";
}
.u-btni-addply .ply {
height: 18px;
width: 18px;
background: none;
margin-top: 5px;
}
.u-btn2 i {
height: 27px;
line-height: 27px;
background: none;
color: inherit !important;
margin-top: 0;
}
.u-btn2-2:active i {
color: #000;
}
.u-btni-addply .ply::after {
content: "";
background: #fff;
height: 17px;
width: 1px;
display: block;
position: absolute;
right: 1px;
top: 5px;
}
.u-btni-play i {
padding: 0 5px;
height: 100%;
line-height: 27px;
color: inherit !important;
}
.u-btni-addply .ply::before,
.u-btni-add::before,
.u-btni::before,
.u-btn2 .icn-praise::before,
.u-btn2 .icn-praised::before,
.u-btn-crt::before,
.u-btni-play i::before,
.u-btni-dy .u-icn2::before {
height: 18px;
width: 18px;
line-height: 18px;
display: block;
font-family: nmdl2;
font-weight: 400;
text-align: center;
color: inherit;
font-size: 12px;
}
.u-btni-play i::before {
display: initial;
float: left;
height: 27px;
line-height: 27px;
margin-right: 6px;
}
.u-btni::before {
float: left;
height: 27px;
line-height: 27px;
margin-right: 6px;
}
.u-btn-crt::before {
display: inline;
font-size: 12px;
margin-right: 5px;
vertical-align: top;
}
.u-btni-addply .ply::before,
.u-btni-play i::before {
content: "\e000";
}
.u-btni-add::before {
content: "\e016";
height: 27px;
width: 27px;
line-height: 27px;
}
.n-base .avatar,
.u-cover-1 {
background: #666;
}
.u-cover-1,
.u-cover-1 img {
border-radius: 15px;
}
.u-icn-s-01,
.u-icn-s-02,
.u-icn-01,
.u-icn-02,
.u-btni-play i {
background: none;
}
.u-icn-s-01::before,
.u-icn-s-02::before,
.u-icn-02::before,
.u-icn-01::before {
font-size: 13px;
width: 14px;
height: 14px;
line-height: 14px;
text-align: center;
font-family: nmdl2;
display: block;
}
.u-icn-02::before,
.u-icn-01::before {
font-size: 19px;
width: 20px;
height: 20px;
line-height: 20px;
}
.u-icn-s-01::before,
.u-icn-01::before {
content: "\e02f";
color: skyblue;
}
.u-icn-s-02::before,
.u-icn-02::before {
content: "\e02e";
color: pink;
}
.m-table .ply,
.m-table .mv,
.m-table .u-icn-81,
.m-table .icn-fav,
.m-table .icn-share,
.m-table .icn-dl,
.m-table .icn-del,
.n-srchrst .srchsongst .hd .ply,
.n-srchrst .srchsongst .mv,
.n-srchrst .srchsongst .u-icn-81,
.n-srchrst .srchsongst .icn-fav,
.n-srchrst .srchsongst .icn-share,
.n-srchrst .srchsongst .icn-dl {
background: none;
height: 16px;
width: 16px;
opacity: 0.6;
margin-right: 3px;
}
.n-srchrst .srchsongst .u-icn-81,
.n-srchrst .srchsongst .icn-fav,
.n-srchrst .srchsongst .icn-share,
.n-srchrst .srchsongst .icn-dl {
margin: 0 10px 0 0;
}
.m-table .ply:hover,
.m-table .mv:hover,
.m-table .u-icn-81:hover,
.m-table .icn-fav:hover,
.m-table .icn-share:hover,
.m-table .icn-dl:hover,
.m-table .icn-del:hover,
.n-srchrst .srchsongst .hd .ply:hover,
.n-srchrst .srchsongst .mv:hover,
.n-srchrst .srchsongst .u-icn-81:hover,
.n-srchrst .srchsongst .icn-fav:hover,
.n-srchrst .srchsongst .icn-share:hover,
.n-srchrst .srchsongst .icn-dl:hover {
opacity: 1;
}
.m-table .ply::before,
.m-table .mv::before,
.m-table .u-icn-81::before,
.m-table .icn-fav::before,
.m-table .icn-share::before,
.m-table .icn-dl::before,
.m-table .icn-del::before,
.n-srchrst .srchsongst .hd .ply::before,
.n-srchrst .srchsongst .mv::before,
.n-srchrst .srchsongst .u-icn-81::before,
.n-srchrst .srchsongst .icn-fav::before,
.n-srchrst .srchsongst .icn-share::before,
.n-srchrst .srchsongst .icn-dl::before {
font-family: nmdl2;
font-size: 16px;
height: 16px;
line-height: 16px;
width: 16px;
text-align: center;
display: block;
text-indent: 0;
color: #666;
}
.m-table .u-icn-81::before,
.n-srchrst .srchsongst .u-icn-81::before {
content: "\e016";
}
.m-table .icn-fav::before,
.n-srchrst .srchsongst .icn-fav::before {
content: "\e004";
}
.m-table .icn-share::before,
.n-srchrst .srchsongst .icn-share::before {
content: "\e006";
}
.m-table .icn-dl::before,
.n-srchrst .srchsongst .icn-dl::before {
content: "\e022";
}
.m-table .icn-del::before {
content: "\e011";
}
.m-table .ply::before,
.n-srchrst .srchsongst .hd .ply::before {
content: "\e000";
background: var(--gc-aa);
color: #fff;
border-radius: 99px;
font-size: 12px;
box-shadow: 0 0 0 3px var(--gc-aa);
}
.m-table .mv::before,
.n-srchrst .srchsongst .mv::before {
content: "\e010";
color: var(--gc-aa);
}
.m-table .opt {
min-width: 80px;
white-space: nowrap;
height: inherit;
display: flex !important;
align-items: center;
position: absolute;
}
.m-table .opt[style*="none"],
.m-table .opt.hshow {
visibility: hidden;
}
.m-table .opt[style*="block"],
.m-table tr:hover .opt.hshow {
visibility: visible;
}
.m-table tr.js-dis .opt.hshow {
display: none !important;
}
.m-table .opt > * {
float: none;
}
.n-mv .deny-copy {
pointer-events: none;
}
.m-timeline .dsup a[id^="likeduser"] img {
max-width: 30px;
clip-path: circle(40%);
transition: all 0.2s ease;
}
.m-timeline .dsup a[id^="likeduser"]:hover img {
clip-path: circle(100%);
transform: scale(1.5);
}
.m-table-program tr.z-hover .tt {
width: 150px;
}
.m-topmsg {
border: 1px solid #fff;
}
.u-tag {
background: #e6e6e6;
border-radius: 99px;
padding: 0 10px;
text-shadow: none;
transition: all 0.2s ease;
}
.m-prointr .cat,
.n-songtb .prohead {
border-radius: 99px;
}
.u-tag:hover {
background: #a8a8a8;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.u-tag i {
background: none;
padding: 0;
color: #000;
}
.g-mymusic .p-mymusic .g-sd3 {
animation: fade-in 0.3s ease 2s backwards;
}
.m-tlist .icn::before,
.u-icn-36::before,
.u-icn-41::before,
.u-icn-97::before,
.s-bg-9::before,
.s-bg-10::before,
.s-bg-11::before,
.n-bilst ol .oper .u-icn-81::before,
.s-bg-12::before,
.u-icn-33::before,
.u-icn2-share::before,
.u-icn-95::before,
.u-icn2-plus::before,
.u-icn-61::before,
.u-icn-69::before,
.u-icn-70::before,
.m-dlist .src .cover .ply::before,
.m-sglist .opr .play::before,
.m-sglist .opr .add::before,
.u-icn2-12::before,
.u-icn2-13::before,
.u-dicn-3::before,
.u-dicn-4::before,
.u-icn-50::before,
.u-btn-prv::before,
.u-btn-nxt::before,
.u-icn-67::before,
.u-icn-81::before,
.u-icn-81::before,
.m-record span.icn-fav::before,
.m-record span.icn-share::before,
.m-record span.icn-dl::before,
.u-icn2-5::before,
.m-record .ply::before,
.m-record .ply-z-slt::before,
.u-icn-80::before,
.m-playbar .col .ico-src::before,
.m-playbar .ico-add::before,
.m-playbar .ico-share::before,
.m-playbar .ico-dl::before,
.m-playbar .icn-del::before,
.m-playbar .playicn::before,
.m-playbar .listhdc .close::before,
.m-playbar .ico-ask::before,
.u-icn2-1::before,
.u-icn2-2::before,
.u-icn2-3::before,
.u-icn2-4::before,
.u-icn-57::before,
.u-icn-10::before,
.u-icn-11::before,
.u-dicn-42::before,
.u-dicn-43::before,
.u-dicn-44::before,
.u-icn2-arr::before,
.u-dicn-46::before,
.u-dicn-47::before {
width: 100%;
height: 100%;
display: block;
text-align: center;
font-family: nmdl2;
text-indent: 0;
}
.m-tlist .icn {
background: none;
color: inherit;
position: relative;
width: 16px;
height: 16px;
margin: 8px 12px;
}
.m-tlist .icn::before {
content: "\e02c";
line-height: 16px;
font-size: 16px;
color: inherit;
}
.m-tlist .icn-hm::before {
content: "\e018";
}
.m-tlist .icn-msg::before {
content: "\e017";
}
.m-tlist .icn-lv::before {
content: "\e028";
}
.m-tlist .icn-mbr::before {
content: "\e02b";
}
.m-tlist .icn-st::before {
content: "\e01b";
}
.m-tlist .icn-verify::before {
content: "V";
font-family: "Segoe UI", sans-serif;
color: #fff;
position: absolute;
font-size: 12px;
font-weight: 700;
top: 0;
left: 0;
mix-blend-mode: difference;
}
.m-tlist .icn-verify::after {
content: "";
background: currentColor;
border-radius: 99vh;
width: 100%;
height: 100%;
display: block;
color: inherit;
}
.m-tlist .icn-topic::before {
content: "\e026";
}
.m-tlist .icn-ex::before {
content: "\e029";
}
.m-tlist em {
color: inherit;
}
.u-icn-36 > div {
position: absolute;
top: initial;
bottom: 20px;
}
div.m-emts {
background: #fff;
padding: 10px;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
height: 145px;
top: 30px;
border-radius: 10px;
}
div.m-emts::before,
div.m-emts::after {
content: "";
border: 6px solid rgba(0, 0, 0, 0);
border-top: 0;
border-bottom: 8px solid rgba(0, 0, 0, 0.1);
position: absolute;
box-sizing: border-box;
height: 0;
width: 0;
display: block;
bottom: 100%;
left: 13px;
}
div.m-emts::after {
border-bottom: 8px solid #fff;
bottom: calc(100% - 1px);
}
.u-icn-36,
.u-icn-41,
.u-icn-97 {
background: none;
width: 18px;
height: 18px;
}
.u-icn-36::before,
.u-icn-41::before,
.u-icn-97::before {
color: #999;
font-size: 18px;
line-height: 18px;
}
.u-icn-36:hover::before,
.u-icn-41:hover::before,
.u-icn-97:hover::before {
color: #666;
}
.u-icn-36::before {
content: "\e023";
}
.u-icn-41::before {
content: "\e01a";
}
.u-icn-97::before {
content: "\e03b";
}
.n-bilst .btn a {
overflow: hidden;
color: rgba(0, 0, 0, 0);
}
.s-bg-9,
.s-bg-10,
.u-dicn-46,
.u-dicn-47 {
background: none;
width: 22px;
height: 22px;
}
.s-bg-9::before,
.s-bg-10::before,
.u-dicn-46::before,
.u-dicn-47::before {
font-size: 22px;
line-height: 22px;
color: #c0c0c0;
}
.s-bg-9:hover::before,
.s-bg-10:hover::before {
color: #9b9b9b;
}
.s-bg-9::before {
content: "\e000";
}
.s-bg-10::before {
content: "\e004";
}
.u-dicn-46::before,
.u-dicn-47::before {
content: "\e032";
color: var(--gc-aa);
}
.u-dicn-47::before {
content: "\e01d";
}
.s-bg-11,
.n-bilst ol .oper .u-icn-81,
.s-bg-12,
.u-icn2-arr {
background: none;
width: 17px;
height: 17px;
margin-top: 0;
}
.s-bg-11::before,
.n-bilst ol .oper .u-icn-81::before,
.s-bg-12::before,
.u-icn2-arr::before {
font-size: 17px;
line-height: 17px;
color: #787878;
}
.s-bg-11:hover::before,
.n-bilst ol .oper .u-icn-81:hover::before,
.s-bg-12:hover::before {
color: #636363;
}
.s-bg-11::before {
content: "\e000";
}
.n-bilst ol .oper .u-icn-81::before {
content: "\e016";
}
.s-bg-12::before {
content: "\e004";
}
.u-icn2-arr::before {
content: "\e027";
}
.m-favgd .u-icn-33 {
transform: scale(0.5);
}
.u-icn-33 {
background: none;
width: 35px;
height: 35px;
}
.u-icn-33::before {
content: "\e016";
font-size: 30px;
line-height: 35px;
color: #787878;
}
.u-icn-95 {
margin-right: 5px;
}
.m-playbar .col .ico {
margin: 5px 0 0 5px;
}
.m-playbar .listhdc .ico {
margin: 0 5px 0 0;
}
.u-icn2-share,
.u-icn-95,
.m-playbar .ico-add,
.m-playbar .ico-share,
.m-playbar .ico-dl,
.m-playbar .icn-del {
background: none;
width: 16px;
height: 16px;
margin-top: 0;
}
.u-icn2-share::before,
.u-icn-95::before,
.m-playbar .ico-add::before,
.m-playbar .ico-share::before,
.m-playbar .ico-dl::before,
.m-playbar .icn-del::before {
content: "\e006";
font-size: 16px;
line-height: 16px;
color: #999;
}
.u-icn2-share:hover::before {
color: #555;
}
.u-icn-95::before {
content: "\e01e";
color: #0c73c2;
}
.m-playbar .ico-add::before {
content: "\e004";
}
.m-playbar .ico-dl::before {
content: "\e022";
}
.m-playbar .icn-del::before {
content: "\e011";
}
.m-playbar .ico-add:hover::before,
.m-playbar .ico-share:hover::before,
.m-playbar .ico-dl:hover::before,
.m-playbar .icn-del:hover::before {
color: #fff;
}
.m-dynamic .dtoggle i {
margin-left: 5px;
}
.u-icn2-plus,
.u-icn-61,
.u-icn-69,
.u-icn-70 {
background: none;
width: 12px;
height: 12px;
margin-left: 5px;
}
.u-icn2-plus::before,
.u-icn-61::before,
.u-icn-69::before,
.u-icn-70::before {
content: "\e016";
font-size: 12px;
line-height: 12px;
color: #999;
}
.u-icn-61::before,
.u-icn-69::before,
.u-icn-70::before {
content: "\e027";
color: #6d6d6d;
transform: rotate(-90deg);
}
.u-icn-69::before {
transform: rotate(90deg);
}
.m-dlist .src .cover {
border-radius: 5px;
overflow: hidden;
}
.m-dlist .src .cover .ply {
background: rgba(0, 0, 0, 0.4);
width: 40px;
height: 40px;
}
.m-dlist .src .cover .ply::before {
content: "\e000";
font-size: 25px;
line-height: 40px;
color: #fff;
filter: drop-shadow(0 0 10px #000);
}
.m-table .cls {
top: calc(50% - 5px);
}
.m-sglist .opr .play,
.m-sglist .opr .add,
.u-icn-80,
.u-dicn-43,
.u-dicn-44 {
background: none;
width: 10px;
height: 10px;
}
.m-sglist .opr .play::before,
.m-sglist .opr .add::before,
.u-icn-80::before,
.u-dicn-43::before,
.u-dicn-44::before {
font-size: 12px;
line-height: 12px;
height: 12px;
width: 12px;
color: #7c7c7c;
transform: scale(0.83);
transform-origin: top left;
}
.m-sglist .opr .play:hover::before,
.m-sglist .opr .add:hover::before,
.u-icn-800:hover::before {
color: #5e5e5e;
}
.m-sglist .opr .play::before,
.u-dicn-43::before {
content: "\e000";
}
.m-sglist .opr .add::before {
content: "\e016";
}
.u-icn-80::before {
content: "\e021";
}
.u-dicn-44::before {
content: "\e031";
}
.u-dicn-43::before,
.u-dicn-44::before {
color: #fff;
}
.u-icn2-12,
.u-icn2-13,
.u-dicn-3,
.u-dicn-4,
.u-icn-50,
.m-playbar .col .ico-src {
background: none;
width: 14px;
height: 14px;
}
.u-icn2-12::before,
.u-icn2-13::before,
.u-dicn-3::before,
.u-dicn-4::before,
.u-icn-50::before,
.m-playbar .col .ico-src::before {
content: "\e014";
font-size: 14px;
line-height: 14px;
color: #0c73c2;
}
.u-icn2-13::before,
.u-dicn-4::before {
color: var(--gc-aa);
}
.u-icn-50::before {
content: "\e021";
color: #333;
font-size: 12px;
transform: scale(0.7);
}
.u-icn-50:hover::before {
color: red;
}
.m-playbar .col .ico-src::before {
content: "\e013";
color: #aaa;
}
.m-playbar .col .ico-src:hover::before {
color: #fff;
}
.u-btn-prv,
.u-btn-nxt {
background: none;
width: 9px;
height: 9px;
}
.u-btn-prv::before,
.u-btn-nxt::before {
content: "\e027";
font-size: 12px;
line-height: 12px;
height: 12px;
width: 12px;
color: #6d6d6d;
transform: scale(0.75);
transform-origin: top left;
}
.u-btn-prv::before {
transform: scale(0.75) scaleX(-1) translateX(-12px);
}
.m-playbar .col-1 {
padding-left: 5px;
width: 13px;
}
.u-icn-67,
.m-playbar .playicn,
.u-icn-57,
.u-icn-10,
.u-icn-11 {
background: none;
width: 13px;
height: 13px;
}
.u-icn-67::before,
.u-icn-81::before,
.m-playbar .playicn::before,
.u-icn-57::before,
.u-icn-10::before,
.u-icn-11::before {
content: "\e02a";
font-size: 13px;
line-height: 13px;
color: #a2a2a2;
}
.m-playbar .playicn::before {
content: "\e000";
color: var(--gc-aa);
}
.u-icn-57::before {
content: "\e031";
}
.u-icn-10::before {
content: "\e032";
}
.u-icn-11::before {
content: "\e011";
}
.u-icn-10:hover::before,
.u-icn-11:hover::before {
color: #555;
}
.m-record .icn-add {
margin-top: 0;
}
.u-icn-81,
.m-record span.icn-fav,
.m-record span.icn-share,
.m-record span.icn-dl,
.u-icn2-5 {
background: none;
width: 18px;
height: 18px;
margin-top: 0;
margin-left: 4px;
}
.u-icn-81::before,
.m-record span.icn-fav::before,
.m-record span.icn-share::before,
.m-record span.icn-dl::before,
.u-icn2-5::before {
font-size: 18px;
line-height: 18px;
color: #a2a2a2;
}
.u-icn-81:hover::before,
.m-record span.icn-fav:hover::before,
.m-record span.icn-share:hover::before,
.m-record span.icn-dl:hover::before {
color: #6e6e6e;
}
.u-icn-81::before {
content: "\e016";
transform: scale(0.8);
}
.m-record span.icn-fav::before {
content: "\e004";
}
.m-record span.icn-share::before {
content: "\e006";
}
.m-record span.icn-dl::before {
content: "\e022";
}
.u-icn2-5::before {
content: "\e02d";
color: #aaa;
}
.m-record .ply,
.m-record .ply-z-slt {
background: none;
width: 17px;
height: 17px;
}
.m-record .ply::before,
.m-record .ply-z-slt::before {
content: "\e000";
font-size: 17px;
line-height: 17px;
color: #a2a2a2;
transform: scale(0.8);
}
.m-record .ply:hover::before {
color: #6e6e6e;
}
.m-record .ply-z-slt::before {
color: var(--gc-aa);
}
.m-playbar .listhdc .close {
background: none;
width: 30px;
height: 30px;
}
.m-playbar .listhdc .close::before {
content: "\e021";
font-size: 12px;
line-height: 30px;
color: #aaa;
}
.m-playbar .listhdc .close:hover::before {
color: #fff;
}
.m-playbar .ico-ask {
background: none;
width: 21px;
height: 21px;
}
.m-playbar .ico-ask::before {
content: "\e020";
font-size: 21px;
line-height: 21px;
color: #fff;
opacity: 0.4;
}
.m-playbar .ico-ask:hover::before {
opacity: 0.6;
}
.u-icn2-1,
.u-icn2-2,
.u-icn2-3,
.u-icn2-4 {
background: none;
width: 22px;
height: 22px;
}
.u-icn2-1::before,
.u-icn2-2::before,
.u-icn2-3::before,
.u-icn2-4::before {
content: "\e020";
font-size: 22px;
line-height: 22px;
color: var(--gc-aa);
}
.u-icn2-2::before,
.u-icn2-3::before,
.u-icn2-4::before {
content: "\e000";
color: #aaa;
}
.u-icn2-3::before {
content: "\e034";
}
.u-icn2-4::before {
content: "\e004";
}
.u-dicn-42 {
background: none;
width: 40px;
height: 40px;
}
.u-dicn-42:before {
content: "\e000";
font-size: 22px;
line-height: 40px;
color: #fff;
background: #000;
border-radius: 99vh;
opacity: 0.6;
}
.u-dicn-30,
.u-dicn-18,
.u-dicn-31,
.u-dicn-35 {
width: 13px;
height: 13px;
background: none;
position: relative;
color: inherit;
}
.u-dicn-30::before,
.u-dicn-18::before,
.u-dicn-31::before,
.u-dicn-35::before {
font-family: nmdl2;
font-size: 13px;
color: inherit;
display: block;
}
.u-dicn-36 {
width: 12px;
height: 12px;
background: none;
}
.u-dicn-30::before {
content: "\e00b";
}
.u-dicn-18::before {
content: "\e027";
transform: rotate(-90deg);
}
.u-dicn-31::before {
content: "\e022";
}
.u-dicn-35::before {
content: "\e025";
}
.u-dicn-36::before {
content: "\00b7";
width: 12px;
height: 12px;
display: block;
text-align: center;
line-height: 12px;
color: var(--gc-aa);
font-weight: 900;
font-family: sans-serif;
}
.u-dicn-23 {
background: none;
}
.u-type-red,
a.u-type-red:hover {
color: var(--gc-aa);
border-color: var(--gc-aa);
}
.s-fc6,
a.s-fc6:hover,
.n-bilst ol .no-top,
.m-radio .toplist .rank .red {
color: var(--gc-aa);
}
.m-ctvideo .controls .progress .out-1 {
background: var(--gc-aa) !important;
}
.m-ctvideo .controls .progress .dot {
background: none !important;
}
.m-ctvideo .controls .progress .dot::before {
content: "";
width: 5px;
height: 5px;
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: var(--gc-aa);
border: 5px solid #fff;
border-radius: 99vw;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.user-info .user-head .avatar,
.user-info .user-head .avatar-img {
border-radius: 99vw;
}
.m-edtimg .right .bpre,
.m-edtimg .right .spre {
border-radius: 99vw;
}
#viewDiv {
height: calc(100% - 80px) !important;
}
.m-dlist .src-alb .scnt {
left: 60px;
}
.m-dlist .src .cover-alb {
width: 40px;
}
.m-ctvideo .controls .wrap .arrow {
display: none;
}
.m-ctvideo .controls .wrap .volume .sliderbg,
.m-ctvideo .controls .wrap .brs .options {
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 5px;
overflow: hidden;
}
.m-ctvideo .controls .wrap .volume .slider .dot {
background: none !important;
}
.m-ctvideo .controls .wrap .volume .slider .dot::before {
content: "";
display: block;
height: 3px;
width: 3px;
background: var(--gc-aa);
border-radius: 99vw;
border: 5px solid #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.m-ctvideo .controls .wrap .volume .slider .out {
background: var(--gc-aa);
border-radius: 99vw;
}
.m-ctvideo .controls .wrap .volume {
padding: 9px 10px;
color: rgba(255, 255, 255, 0.5);
}
.m-ctvideo .controls .wrap .volume:hover {
color: #fff;
}
.m-ctvideo .controls .wrap .volume .mute,
.m-ctvideo .controls .wrap .volume.z-mute .mute {
background: none !important;
width: 16px;
height: 16px;
color: inherit;
}
.m-ctvideo .controls .wrap .volume .mute::before,
.m-ctvideo .controls .wrap .full::before {
font-family: nmdl2;
font-size: 16px;
line-height: 16px;
color: inherit;
}
.m-ctvideo .controls .wrap .volume .mute::before {
content: "\e007";
}
.m-ctvideo .controls .wrap .volume.z-mute .mute::before {
content: "\e008";
}
.m-ctvideo .controls .wrap .full::before {
content: "\e039";
}
.m-ctvideo.z-fullscreen .controls .wrap .full::before {
content: "\e03a";
}
.m-ctvideo .controls .wrap .full {
height: 34px;
width: 34px;
background: none !important;
position: relative;
color: rgba(255, 255, 255, 0.5);
}
.m-ctvideo .controls .wrap .full:hover {
color: #fff;
}
.m-ctvideo .controls .wrap .full::before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.m-ctvideo .controls .progress-2 .j-ht .hovertime {
border-radius: 5px;
}
.m-proifo .name > .f-cb,
.m-proifo .name > .f-cb > * {
display: flex;
order: 2;
}
.m-proifo .name #j-name-wrap {
order: 0;
flex-grow: 1;
width: 0;
}
.m-proifo .name #j-name-wrap > * {
flex-shrink: 0;
}
.m-proifo .name #j-name-wrap > .tit {
flex-shrink: 1;
}
.m-proifo .name #head-oper {
order: 1;
margin-right: 15px;
}
.wk-full-username {
position: relative;
}
.wk-full-username[data-wk-username-full]::after {
content: attr(data-wk-username-full);
pointer-events: none;
position: absolute;
color: inherit;
height: 100%;
display: block;
width: 100%;
z-index: 99999;
font-family: inherit;
visibility: visible;
margin-top: 3px;
font-size: 22px;
font-weight: normal;
line-height: 30px;
background: var(--gc-ab);
opacity: 0;
transition: opacity 0.2s ease;
height: 30px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
top: 0;
left: 0;
}
.m-proifo dd:hover .wk-full-username[data-wk-username-full]::after {
opacity: 1 !important;
}
#j-app-v2 .g-top .m-top {
height: 60px;
margin: 0;
}
#j-app-v2 .m-top .logo {
height: 60px;
padding: 0;
position: relative;
}
#j-app-v2 .m-top .logo::before {
line-height: 60px;
}
#j-app-v2 .m-top .logo a {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: none;
}
#j-app-v2 .m-top .logo .channel {
position: absolute;
top: 50%;
left: 100%;
white-space: nowrap;
display: block;
border: 0;
color: #fff;
margin-top: 0;
transform: translateY(-50%);
line-height: initial;
height: auto;
}
#j-app-v2 .m-top .logo .channel::before {
position: absolute;
top: 50%;
right: 100%;
transform: translateY(-50%);
}
#j-app-v2 .m-top .user .msg {
border: 0;
}
#j-app-v2 .g-doc {
min-height: 99vh;
}
#j-app-v2 .g-ft {
padding: 0;
}
#j-app-v2 .g-bd {
left: 0;
}
@media (max-width: 1100px) {
.m-nav a[data-module="discover"],
.m-nav a[data-module="my"],
.m-nav a[data-module="friend"] {
min-width: 70px;
position: relative;
}
.m-nav a[data-module="discover"]::before,
.m-nav a[data-module="my"]::before,
.m-nav a[data-module="friend"]::before,
.m-nav a[data-module="discover"] em,
.m-nav a[data-module="my"] em,
.m-nav a[data-module="friend"] em {
transition: transform 0.3s ease, opacity 0.3s ease;
}
.m-nav a[data-module="discover"] em,
.m-nav a[data-module="my"] em,
.m-nav a[data-module="friend"] em {
opacity: 0;
display: none;
}
.m-top .logo {
opacity: 0;
}
.m-nav a[data-module="discover"].z-slt em,
.m-nav a[data-module="my"].z-slt em,
.m-nav a[data-module="friend"].z-slt em {
opacity: 0;
display: none;
}
.m-nav a[data-module="discover"].z-slt::before,
.m-nav a[data-module="my"].z-slt::before,
.m-nav a[data-module="friend"].z-slt::before {
transform: translateY(0px);
}
.m-top .m-srch .u-lstlay {
left: 50%;
transform: var(--gb-am);
}
.n-ban .ban .btnl {
left: 10px;
}
.n-ban .ban .btnr {
right: 261px;
}
.m-playbar .updn {
right: -10px;
}
.m-playbar .head:hover {
transform: scale(1.1);
}
}
@media (max-width: 1100px) {
.n-ban .download {
display: none;
}
.n-ban .ban {
width: 730px;
margin: 0 auto;
}
.n-ban .ban .btnl {
left: 10px;
}
.n-ban .ban .btnr {
right: 10px;
}
#discover-module {
display: flex;
float: none;
flex-direction: column;
align-items: center;
}
#discover-module > * {
float: none;
width: 100%;
}
#discover-module > .g-mn1 {
order: 1;
}
#discover-module > .g-sd1 {
order: 0;
padding: 20px 20px 40px;
width: 729px;
box-sizing: border-box;
margin: 0 auto;
}
#discover-module .n-myinfo {
display: flex;
flex-direction: row;
height: auto;
justify-content: space-around;
}
#discover-module .n-singer .u-btn2 {
display: block;
}
.m-playbar .wrap {
display: flex;
width: calc(100vw - 60px);
margin: 0 !important;
left: 0;
transform: none;
}
.m-playbar .wrap > * {
flex-shrink: 0;
}
.m-pbar,
.m-pbar .barbg {
display: none;
}
.m-playbar .play {
width: 0;
flex-grow: 1;
}
.m-playbar .words {
padding: 0;
margin-top: 8px;
}
.m-playbar .list {
width: 562px;
left: calc(50vw - 281px);
margin: 0 !important;
}
.m-playbar .listhdc > .addall,
.m-playbar .listhdc > .line,
.m-playbar .listhdc > .clear {
transform: translateX(-50px);
}
.m-ft .enter {
display: none;
}
.m-ft {
width: auto;
}
.m-ft .copy {
position: sticky;
left: 20px;
}
}
@media (max-width: 900px) {
.m-nav
a:not([data-module="discover"]):not([data-module="my"]):not([data-module="friend"]) {
display: none;
}
}
@keyframes side-in {
0% {
opacity: 0;
transform: var(--gb-ae) var(--gb-ai);
}
}
@keyframes side-in-l {
0% {
opacity: 0;
transform: var(--gb-af) var(--gb-ai);
}
}
@keyframes side-in-x {
0% {
opacity: 0;
transform: var(--gb-ak) var(--gb-ai);
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
}
@keyframes fade-in-ph {
0% {
filter: contrast(0) opacity(0.3);
}
}
@keyframes fade-out {
0% {
opacity: 1;
visibility: visible;
}
to {
opacity: 0;
visibility: visible;
}
}
@keyframes tl-act {
0% {
opacity: 0;
overflow: hidden;
transform: scale(0.95) translateZ(0);
}
}
@keyframes tl-act-pos {
0% {
margin-top: -100%;
}
}
@keyframes window-in {
0% {
transform: scale(0.9) var(--gb-ai);
opacity: 0;
}
}
@keyframes cnt-show-alt {
0% {
max-height: 0;
clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
opacity: 0;
transform: translateZ(0);
}
to {
max-height: 99vh;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
transform: translateZ(0);
}
}
@keyframes cnt-hide {
0% {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
transform: var(--gb-ai);
max-height: 99vh;
}
to {
clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
transform: var(--gb-ai);
max-height: 0;
}
}
@keyframes desc-show {
0% {
transform: var(--gb-ai);
max-height: 99px;
}
to {
transform: var(--gb-ai);
max-height: 99vh;
}
}
@keyframes desc-col {
0% {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
transform: var(--gb-ai);
max-height: 99vh;
}
to {
clip-path: polygon(0 0, 100% 0, 100% 99px, 0 99px);
transform: var(--gb-ai);
max-height: 99px;
}
}
@keyframes img-overview {
25% {
object-position: top;
}
75% {
object-position: bottom;
}
}
@keyframes bg-overview {
50% {
background-position: bottom;
}
}
@keyframes scale-in-out {
50% {
transform: scale(1.2);
}
}
@supports (-moz-orient: inline) {
input[type="checkbox"]::before,
.m-nav a[data-module="discover"]::before,
.m-nav a[data-module="my"]::before,
.m-nav a[data-module="friend"]::before,
div.m-layer .zcls::after,
.n-minelst .tri1::before,
.n-srch .pgsrch .btn::after,
.m-srch .parent label::after,
.u-icn-5::before,
.n-disk .pre::before,
.n-disk .nxt::before,
.u-dicn-38::before,
.u-dicn-40::before,
.u-icn2-srch::before,
.s-bg-6::before,
.u-cover-tiny .ply::before,
.u-cover-alb2 .icon-play::before,
.u-cover-alb3 .icon-play::before,
.u-cover-9 .icon-play::before,
.u-cover-0 .icon-play::before,
.u-cover-alb1 .icon-play::before,
.u-cover-10 .icon-play::before,
.u-cover-11 .icon-play::before,
.u-cover-12 .icon-pla::before,
.n-ban .ban .btnl::after,
.n-ban .ban .btnr::after,
.u-icn-1::before,
.u-icn2-music2::before,
.u-icn-84::before,
.u-icn-44::before,
.u-icn-45::before,
.u-icn-46::before,
.u-icn-47::before,
.u-icn2-pfv::before,
.u-icn2-pfyyr::before,
.u-icn2-pfdr::before,
.u-cover .icon-headset::before,
.u-cover .icon-play::before,
.m-playbar .icn::after,
.m-playbar .btns a::after,
.m-playbar .updn .btn::after,
.m-playbar .words .src::before,
.m-playbar .words .mv::before,
.n-rcmd .v-hd2 .tit::before,
.n-new .v-hd2 .tit::before,
.n-bill .v-hd2 .tit::before,
.u-btni-addply .ply::before,
.u-btni-add::before,
.u-btni::before,
.u-btn2 .icn-praise::before,
.u-btn2 .icn-praised::before,
.u-btn-crt::before,
.u-btni-play i::before,
.u-btni-dy .u-icn2::before,
.u-icn-s-01::before,
.u-icn-s-02::before,
.u-icn-02::before,
.u-icn-01::before,
.m-table .ply::before,
.m-table .mv::before,
.m-table .u-icn-81::before,
.m-table .icn-fav::before,
.m-table .icn-share::before,
.m-table .icn-dl::before,
.m-table .icn-del::before,
.n-srchrst .srchsongst .hd .ply::before,
.n-srchrst .srchsongst .mv::before,
.n-srchrst .srchsongst .u-icn-81::before,
.n-srchrst .srchsongst .icn-fav::before,
.n-srchrst .srchsongst .icn-share::before,
.n-srchrst .srchsongst .icn-dl::before,
.m-tlist .icn::before,
.u-icn-36::before,
.u-icn-41::before,
.u-icn-97::before,
.s-bg-9::before,
.s-bg-10::before,
.s-bg-11::before,
.n-bilst ol .oper .u-icn-81::before,
.s-bg-12::before,
.u-icn-33::before,
.u-icn2-share::before,
.u-icn-95::before,
.u-icn2-plus::before,
.u-icn-61::before,
.u-icn-69::before,
.u-icn-70::before,
.m-dlist .src .cover .ply::before,
.m-sglist .opr .play::before,
.m-sglist .opr .add::before,
.u-icn2-12::before,
.u-icn2-13::before,
.u-dicn-3::before,
.u-dicn-4::before,
.u-icn-50::before,
.u-btn-prv::before,
.u-btn-nxt::before,
.u-icn-67::before,
.u-icn-81::before,
.u-icn-81::before,
.m-record span.icn-fav::before,
.m-record span.icn-share::before,
.m-record span.icn-dl::before,
.u-icn2-5::before,
.m-record .ply::before,
.m-record .ply-z-slt::before,
.u-icn-80::before,
.m-playbar .col .ico-src::before,
.m-playbar .ico-add::before,
.m-playbar .ico-share::before,
.m-playbar .ico-dl::before,
.m-playbar .icn-del::before,
.m-playbar .playicn::before,
.m-playbar .listhdc .close::before,
.m-playbar .ico-ask::before,
.u-icn2-1::before,
.u-icn2-2::before,
.u-icn2-3::before,
.u-icn2-4::before,
.u-icn-57::before,
.u-icn-10::before,
.u-icn-11::before,
.u-dicn-42::before,
.u-dicn-43::before,
.u-dicn-44::before,
.u-icn2-arr::before,
.u-dicn-46::before,
.u-dicn-47::before {
padding-top: 2px;
}
}
body {
letter-spacing: calc(0.00625em * /*[[letter-spacing]]*/);
} /*[[topbar-bg-style]]*/
@media all {
/*[[topbar-nav-style]]*/
} /*[[custom-style]]*/
}
