/* ==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.0
@author wTonyChen (https://github.com/wTonyChen)
@homepageURL https://github.com/wTonyChen/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","Bahnschrift","Calibri","Century Gothic","Comic Sans MS","Corbel","Lucida Sans","Tahoma","Trebuchet MS","Tw Cen MT","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('SimHei'),","\u5e7c\u5706":"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'),","Malgun Gothic":"local('Malgun Gothic'),","MS Gothic":"local('MS UI Gothic'),local('MS Gothic'),","Yu Gothic":"local('Yu Gothic UI'),local('Yu Gothic'),"}
@var range letter-spacing "\u5b57\u95f4\u8ddd"[0,-10,15,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 "\u4e3b\u9875\u4e0b\u8f7d\u9009\u9879"{"\u53ef\u89c1":" ","\u9690\u85cf":".n-ban .download{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 ui-color-schema "\u754c\u9762\u989c\u8272\u6a21\u5f0f"{"\u6d45\u8272":" "}
@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.0';--wkhi-b:1}","\u7981\u7528":" "}
@var text custom-style "\u81ea\u5b9a\u4e49\u6837\u5f0f" " "
@downloadURL none
==/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)[\\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 Netease Music by wTonyChen 0.7.0 (20200728)
https://github.com/wTonyChen/flatnmusic
*/
@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,.8);
--gb-ad:cubic-bezier(.16,1,.29,.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(.71,.01,.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:transparent;
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:transparent;
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:0 0;
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 .2s ease .1s backwards
}
img {
object-fit:cover;
object-position:center;
animation:fade-in-ph .2s ease backwards .5s;
transition:all .2s ease;
border-radius:5px
}
table {
border-collapse:initial
}
::after,
::before,
a:hover {
text-decoration:none
}
.m-dlist .src {
border-radius:10px
}
.m-dlist .activity::after,
.m-dlist .ficon::after,
.m-dlist .hotrecmt .cover::after,
.m-dlist .pics .pic::after,
.m-dlist .src .cover::after,
.m-dlist .src-mv .mv::after {
content:none
}
.m-table {
border-color:transparent
}
.m-table td {
padding:0 10px
}
.m-table .hd,
.m-table td {
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:0 0;
font-size:16px;
font-weight:lighter;
padding:10px 10px 20px 10px;
overflow:hidden;
text-overflow:emphasis;
white-space:nowrap
}
.m-nav .hot,
.m-nav a.z-slt .cor,
.m-subnav .shadow,
.m-tlist .arr,
.m-tophead .head .mask {
display:none
}
.m-top {
background:var(--gc-aa);
top:0;
width:100%;
border:0
}
.m-top .logo {
background:0 0;
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:0 0;
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 .3px;
text-stroke:currentColor .3px
}
.m-subnav .nav a em {
color:inherit !important;
background: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,.2)
}
.m-topvd:active {
background:#fff !important;
color:#000
}
.m-nav a {
color:#fff;
font-weight:lighter;
transition:opacity .2s ease;
padding:0;
margin:0;
transition:all .3s ease
}
.m-nav a:hover {
background:rgba(255,255,255,.2);
padding:0;
margin:0
}
.m-nav a.z-slt {
background:#fff;
color:#000;
margin:0;
-webkit-text-stroke:.2px currentColor;
text-stroke:.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:.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=friend] em,
.m-nav a[data-module=my] em {
padding-left:70px
}
.m-nav a[data-module=discover],
.m-nav a[data-module=friend],
.m-nav a[data-module=my] {
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=friend]::before,
.m-nav a[data-module=my]::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,.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,.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 .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 .3s var(--gb-ad);
width:50px;
height:50px;
background:#f4f4f4;
overflow:hidden;
left:50vw;
border:1px solid #a9a9a9
}
.m-back[style*=none] {
transition:all .3s var(--gb-al);
pointer-events:none;
opacity:0;
transform:var(--gb-af) var(--gb-ai)
}
.m-back:hover {
background:#fff;
border:1px solid transparent;
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,.3);
transition:all .5s var(--gb-ad) .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 .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(.8);
transform-origin:right bottom;
transition:all .2s ease .2s;
overflow:hidden;
border-radius:7px;
box-shadow:0 0 0 1px rgba(255,255,255,.1),0 0 20px rgba(0,0,0,.3)
}
.m-playbar .head:hover {
transform:scale(1.5)
}
.m-playbar .head .mask,
.m-playbar .head img {
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,.3);
transition:width .3s var(--gb-al);
border-radius:99px
}
.m-pbar .cur {
background:var(--gc-aa)
}
.m-playbar .updn .left,
.m-playbar .updn .right {
background:0 0;
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 .5s var(--gb-ad) backwards;
opacity:.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,.5);
border-radius:99vw;
transform:scale(.9) translateY(-10px);
border:1px solid rgba(255,255,255,.3);
transition:all .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,.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
}
.g-topbar {
height:70px;
min-width:100%
}
.g-top .m-top {
padding:0 40px;
box-sizing:border-box
}
.m-subnav#g_nav,
div.m-top[data-module] {
opacity:0;
pointer-events:none;
height:0
}
div.m-top[data-module] {
height:76px
}
div.m-top[data-module=discover] {
height:104px
}
.m-proifo .name .btn,
.u-btn-2,
.u-btn-g,
.u-btn2,
.u-btn2.other {
background:#c2c2c2;
border:2px solid transparent;
box-sizing:border-box;
border-radius:5px;
color:#000;
transition:all .1s ease
}
.m-proifo .name .btn:hover,
.u-btn-2:hover,
.u-btn2.other:hover,
.u-btn2:hover {
border:2px solid #747474
}
.m-proifo .name .btn:active,
.u-btn-2:active,
.u-btn2.other:active,
.u-btn2:active {
background:#919191;
border:2px solid transparent;
transform:scale(.95)
}
.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,.3);
background:#c2c2c2;
border:2px solid transparent;
transform:none
}
.m-playbar .listbd,
.m-playbar .listhd {
background:#020202
}
.m-playbar .listbd {
height:calc(100% - 41px)
}
.m-playbar .imgbg,
.m-playbar .listbd .bline,
.m-playbar .listbdc,
.m-playbar .listlyric,
.m-playbar .msk {
height:100%
}
div.m-emts {
animation:side-in .2s var(--gb-ad) backwards
}
div.m-layer {
animation:window-in .5s var(--gb-ad) backwards;
border:1px solid rgba(0,0,0,.1);
border-radius:5px;
box-shadow:0 10px 40px rgba(0,0,0,.3)
}
div.m-layer div.zcnt {
border:0
}
div.m-layer .zbar,
div.m-layer .zttl {
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:0 0;
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:0 0;
position:absolute;
top:50%;
left:50%;
color:inherit;
font-family:nmdl2;
transform:var(--gb-aa);
text-indent:0
}
.m-vol {
transition:all .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 .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 .3s var(--gb-ad);
transition:all .3s var(--gb-ad);
display:block !important;
border-radius:5px
}
.m-plshare .full[style*=none],
.u-atlist[style*=none] {
transition:all .3s var(--gb-al);
pointer-events:none;
transform:var(--gb-ae);
opacity:0
}
.u-atlist p {
opacity:.5
}
.m-playbar .upload {
animation:side-in .2s var(--gb-ad)
}
.m-table tbody>* {
animation:fade-in .2s ease .3s backwards
}
.m-pbar .btn {
top:-9px;
background:#fff;
height:22px;
transform:scale(.7);
box-shadow:0 0 10px rgba(0,0,0,.5)
}
.m-pbar .btn i {
background:var(--gc-aa);
visibility:visible;
transform:scale(.6)
}
.m-playbar[style*=hidden] .m-pbar .btn i {
visibility:hidden
}
.m-pbar .barbg {
margin-top:2px;
background:rgba(255,255,255,.7)
}
.m-pbar .barbg,
.m-pbar .cur,
.m-pbar .rdy {
height:5px;
border-radius:5px
}
.m-pbar .time {
top:-25px;
right:0;
transform:scale(.7);
transform-origin:right
}
.g-wrap {
animation:side-in-x .2s var(--gb-ad) backwards
}
.n-minelst .left {
overflow:visible
}
.n-minelst ul.j-flag.f-cb {
display:block !important;
overflow:hidden;
transition:all .3s ease;
max-height:initial;
animation:cnt-show-alt .4s ease backwards
}
.n-minelst-hide ul.j-flag.f-cb {
transition:all .3s ease;
max-height:0;
pointer-events:none;
animation:none;
animation:cnt-hide .3s ease backwards
}
.n-minelst li {
animation:fade-in .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 .2s ease
}
.n-minelst-hide .tri1::before {
transform:rotate(0)
}
.m-playbar .tip,
.m-vol .barbg {
display:block !important;
transition:all .3s var(--gb-ad);
border:1px solid #151515;
background:#2a2a2a;
border-radius:5px
}
.m-playbar .tip[style*=none] {
transition:all .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 .ft,
.n-sltlyr .hd {
background:0 0;
display:none
}
.n-sltlyr .bd {
background:#fff;
padding:20px 10px;
box-shadow:0 8px 24px 0 rgba(0,0,0,.5);
border-radius:10px
}
.n-sltlyr {
display:block !important;
transition:all .3s var(--gb-al);
opacity:0;
pointer-events:none;
transform:var(--gb-ae);
border:0
}
.n-sltlyr-show {
transition:all .3s var(--gb-ad);
opacity:1;
pointer-events:auto;
transform:var(--gb-aj)
}
.n-sltlyr dd,
.n-sltlyr dd.last,
.n-sltlyr dt {
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 .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 {
transition:all .3s var(--gb-al);
display:block;
pointer-events:none;
opacity:0;
transform:var(--gb-ae)
}
.n-iconpoint:hover div.tip {
transition:all .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 .link:hover,
.m-tophead:hover .link {
color:#fff
}
.u-btn.f-fr.d-flag {
background:0 0
}
.u-btn.f-fr.d-flag a {
background:0 0;
color:#333
}
.u-btn.f-fr.u-btn-hot.d-flag a:first-child,
.u-btn.f-fr.u-btn-new.d-flag a:nth-child(2) {
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,.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 .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,.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,.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:0 0 !important
}
.m-schlist .rap {
overflow:hidden
}
.u-date .head {
background:var(--gc-aa);
color:#fff;
border-radius:10px 10px 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 10px 10px
}
.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,.1);
border-radius:20px;
border:1px solid transparent;
float:none
}
.n-srch .pgsrch .srch:hover {
background:rgba(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,.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:0 0;
color:transparent;
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-enter li,
.n-hotdj .cver img {
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 transparent;
box-sizing:border-box;
border-radius:10px
}
.n-ban .download .btn:hover {
border:2px solid rgba(255,255,255,.3)
}
.n-ban .download .btn:active {
border:2px solid transparent;
background:#fff;
color:#000
}
.n-dncnt .down .btn {
background:#c2c2c2;
color:#000;
border:2px solid transparent;
text-align:center;
padding:0;
line-height:23px;
transition:all .1s ease
}
.n-dncnt .down .btn:hover {
border:2px solid #747474
}
.n-dncnt .down .btn:active {
background:#919191;
border:2px solid transparent;
transform:scale(.95)
}
#update_form .n-base .avatar,
.m-cmmt .cmmts .head img,
.m-cmmt .head img,
.m-dlist .ficon,
.m-fans .ava img,
.m-gz li img,
.m-hdlist .hd img,
.m-info .user .face img,
.m-lysearch .srchlist [data-type="20"] .u-cover img,
.m-piclist li img,
.m-plshare .full [data-userid] img,
.m-proifo dt,
.m-proifo dt img,
.m-timeline .dsup a[href^="/user/home"] img,
.m-top .user .img,
.m-top .user .img img,
.n-apply .user .head,
.n-chat .ava img,
.n-enter .head img,
.n-frdlist-1 li img,
.n-frduser .face img,
.n-head .avatar,
.n-head .avatar img,
.n-head .avatar::after,
.n-head .avatar::before,
.n-msgnt .ava img,
.n-msgnt-1 .ava img,
.n-myinfo .head,
.n-singer .itm .cvr img,
.u-cover-3 a[href^="/user/home"] img,
.u-cover-5 img {
border-radius:100%;
box-shadow:0 0 0 1px #dadada;
overflow:hidden
}
.m-back,
.m-pbar .btn,
.m-pbar .btn i,
.n-myinfo .head img,
.u-icn-5,
.u-icn-5::before,
.u-icn2-music2,
.u-icn2-quaver,
.u-slg {
border-radius:100%
}
.m-top .user .name {
color:#fff
}
.n-head .info .btn {
background:#328ad4;
color:#fff;
border:2px solid transparent;
text-align:center
}
.n-head .info .btn:hover {
border:2px solid rgba(255,255,255,.3);
color:#fff
}
.n-head .info .btn:active {
border:2px solid transparent;
color:#000;
background:#fff
}
.m-top .login .entr,
.m-top .user .entr,
.n-head .info .btn-gray {
background:#c2c2c2;
color:#000;
border:2px solid transparent;
text-align:center;
transition:all .1s ease
}
.m-top .login .entr:hover,
.m-top .user .entr:hover,
.n-head .info .btn-gray:hover {
border:2px solid #747474;
color:#000;
background:#c2c2c2
}
.m-top .login .entr:active,
.m-top .user .entr:active,
.n-head .info .btn-gray:active {
background:#919191;
border:2px solid transparent;
color:#000;
transform:scale(.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(.4);
animation:fade-in .5s ease 1.5s backwards
}
html.has-mib .g-wrap>.m-info-rank::before {
height:250px;
width:250px
}
.n-minelst .avatar img,
.n-special .songlist img,
.u-cover img {
box-shadow:0 0 0 1px rgba(0,0,0,.1)
}
.m-info .cover {
border-radius:10px;
box-shadow:0 0 20px rgba(0,0,0,.2);
perspective:1000px;
transition:all .2s ease
}
.m-info .cover img {
border-radius:10px;
transform-style:preserve-3d;
transition:all .2s ease;
background:inherit
}
.g-wrap:hover .m-info .cover img {
transform:rotateX(-20deg) translateZ(20px) scale(1.1)
}
.g-wrap:hover .m-info .cover {
box-shadow:0 20px 50px rgba(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 .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 .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 transparent;
padding:3px 10px;
text-align:center;
border-radius:5px;
transition:all .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 transparent;
transform:scale(.95)
}
div.u-page a.js-selected {
background:var(--gc-aa);
color:#fff;
border:2px solid transparent
}
div.u-page a.js-selected:hover {
background:var(--gc-aa);
border:2px solid rgba(255,255,255,.3);
color:#fff
}
div.u-page a.js-selected:active {
background:#fff;
border:2px solid transparent;
color:#000
}
div.u-page a.znxt.js-disabled,
div.u-page a.znxt.js-disabled:active,
div.u-page a.znxt.js-disabled:hover,
div.u-page a.zprv.js-disabled,
div.u-page a.zprv.js-disabled:active,
div.u-page a.zprv.js-disabled:hover {
background:#ccc;
color:#7a7a7a;
border:2px solid transparent;
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:lighter;
color:rgba(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 transparent;
color:#fff;
border-radius:5px
}
.n-bind .delete .btn:hover {
background:var(--gc-aa);
border:2px solid rgba(255,255,255,.3);
color:#fff
}
.n-bind .delete .btn:active {
background:#fff;
border:2px solid transparent;
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]::after,
.m-srch .parent label[style*=none]::before {
display:none
}
.m-info .hd .type {
top:0
}
.m-info .hd .type::before,
.u-icn-13::before,
.u-icn-16::before,
.u-icn-37::before,
.u-icn-93::before,
.u-icn2-7::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:lighter
}
.m-info .hd .type::after,
.u-icn-13::after,
.u-icn-16::after,
.u-icn-37::after,
.u-icn-93::after,
.u-icn2-7::after {
content:"";
background:0 0;
border:12px solid transparent;
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:lighter;
display:block;
text-align:center;
transform:scale(.8)
}
.u-icn2-smvtag::before {
line-height:14px;
font-size:12px
}
.n-myinfo .info .tip {
animation:side-in .3s var(--gb-ad) backwards,fade-out .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(.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-myinfo .btn {
background:var(--gc-aa);
color:#fff;
box-shadow:none;
border:2px solid transparent;
text-shadow:none
}
.n-myinfo .btn:hover {
background:var(--gc-aa);
color:#fff;
box-shadow:none;
border:2px solid rgba(255,255,255,.3)
}
.n-myinfo .btn:active {
background:#fff;
color:#000;
box-shadow:none;
border:2px solid transparent
}
.u-icn-5 {
background:var(--gc-aa);
position:relative;
height:17px;
width:17px
}
.n-disk {
border-radius:10px;
overflow:hidden
}
.n-disk .nxt,
.n-disk .pre {
background:0 0
}
.n-disk .nxt::before,
.n-disk .pre::before,
.u-icn-5::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(.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
}
.u-title:not(.u-title-2),
.v-hd2,
.v-hd3 {
border-bottom:1px 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 transparent;
text-align:center;
border-radius:5px;
display:block !important;
transition:all .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 transparent;
transform:scale(.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-ltlst li a.z-slt,
.n-ltlst li a.z-slt:hover,
.n-singer .u-btn2,
.n-sltlyr {
border-radius:5px
}
.n-sltlyr .f-cb:hover {
background:rgba(0,0,0,.05)
}
.m-info .hd .typ,
.m-item.m-back,
.m-nav a,
.m-nav a em,
.m-nav li,
.m-nav li span,
.m-playbar .head .mask,
.m-playbar .list,
.m-srch .srchbg,
.m-tabs,
.m-tabs a,
.m-tabs a.z-slt em,
.m-tabs em:hover,
.m-tabs1 a,
.m-tabs1 em,
.m-tophead,
.m-topvd,
.n-artist .mask,
.n-ban .download .shadow,
.n-ban .download .shadowr,
.n-bilst,
.n-bilst ol li:nth-child(2n),
.n-bilst ol li:nth-child(2n) .no,
.n-disk li,
.n-frduser,
.n-myinfo,
.n-special .songlist .mask,
.n-srch .pgsrch,
.s-bg-6,
.u-cover .msk,
.u-cover-0 .icon-play,
.u-cover-1 .msk,
.u-cover-10 .icon-play,
.u-cover-11 .icon-play,
.u-cover-12 .icon-pla,
.u-cover-4 .msk,
.u-cover-9 .icon-play,
.u-cover-alb1 .icon-play,
.u-cover-alb1 .msk,
.u-cover-alb2 .icon-play,
.u-cover-alb3 .icon-play,
.u-cover-tiny .ply,
.u-date,
.u-date .mask,
.u-dicn-38,
.u-dicn-40,
.u-icn-1,
.u-icn-13,
.u-icn-16,
.u-icn-37,
.u-icn-38,
.u-icn-53,
.u-icn-53::after,
.u-icn-68,
.u-icn-84,
.u-icn-93,
.u-icn2-7,
.u-icn2-music2,
.u-icn2-mvtag,
.u-icn2-smvtag,
.u-icn2-srch,
.u-icn2-srch::before,
.u-slt,
.u-slt .btn {
background:0 0;
text-shadow:none
}
.u-cover-0 .icon-play::before,
.u-cover-10 .icon-play::before,
.u-cover-11 .icon-play::before,
.u-cover-12 .icon-pla::before,
.u-cover-9 .icon-play::before,
.u-cover-alb1 .icon-play::before,
.u-cover-alb2 .icon-play::before,
.u-cover-alb3 .icon-play::before,
.u-cover-tiny .ply::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 .2s ease
}
.m-cvrlst li .u-cover img {
box-shadow:0 0 10px rgba(0,0,0,.2),0 0 0 1px rgba(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,.4),0 0 0 1px rgba(0,0,0,.2)
}
.m-cvrlst li:hover .u-cover:not(.u-cover-5):not(.u-cover-7) img {
transform:rotateX(-20deg) translateZ(20px) translateY(-3px) scale(1.1)
}
.m-cvrlst li:active {
transition:all .1s ease;
transform:scale(.97) var(--gb-ai)
}
.m-cvrlst li:active .u-cover img {
box-shadow:none
}
.n-ban .ban .btnl,
.n-ban .ban .btnr {
background:#000;
border:2px solid transparent;
margin-top:-18.5px;
width:37px;
height:37px;
border-radius:100%;
opacity:.5
}
.n-ban .ban .btnl:hover,
.n-ban .ban .btnr:hover {
border:2px solid rgba(255,255,255,.3);
opacity:.7
}
.n-ban .ban .btnl:active,
.n-ban .ban .btnr:active {
border:2px solid transparent;
opacity:.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(.8);
box-shadow:0 0 20px rgba(0,0,0,.3)
}
.n-artist .btn-rz,
.n-artist .btnfav {
background:rgba(0,0,0,.7);
color:#fff;
border:2px solid transparent;
text-align:center;
border-radius:5px;
text-indent:0;
line-height:32px;
text-decoration:none;
transition:all .1s ease
}
.n-artist .btnfav-0::before {
content:"\5df2"
}
.n-artist .btn-rz:hover,
.n-artist .btnfav:hover {
background:rgba(0,0,0,.7);
color:#fff;
border:2px solid rgba(255,255,255,.3)
}
.n-artist .btn-rz:active,
.n-artist .btnfav:active {
background:#fff;
color:#000;
border:2px solid transparent;
transform:scale(.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 .salias,
html[wk-style-assist] .n-artist .sname {
color:#fff
}
html[wk-style-assist] .n-artist .salias {
opacity:.8
}
.g-wrap6 {
padding-top:60px;
min-height:99vh
}
.m-radio .rditype a {
background:0 0;
border:2px solid transparent;
border-radius:10px
}
.m-radio .rditype a:hover {
background:#eee;
border:2px solid rgba(0,0,0,.1)
}
.m-radio .rditype a:active {
border:2px solid transparent
}
.m-cmmt .cmmts .rp a {
color:#0c73c2
}
.m-cmmt .cmmts .rp a[data-type=unlike] {
color:var(--gc-aa)
}
.u-btn-crt,
.u-btni {
background:#c2c2c2;
color:#000;
border:2px solid transparent;
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-btn-crt:hover,
.u-btni:hover {
background:#c2c2c2;
border-color:#747474;
color:#000
}
.u-btn-crt:active,
.u-btni:active {
background:#919191;
border-color:transparent;
color:#000
}
.m-lyshare .u-txtwrap,
.m-vdtool .btn {
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-dy .u-icn2::before,
.u-btni-sub::before,
.u-btni-subed::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
}
.m-info-program .rdiname .u-btni-dy i,
.u-btn2 .icn-praise,
.u-btn2 .icn-praised,
.u-btni-cmmt i,
.u-btni-dl i,
.u-btni-dy .u-icn2,
.u-btni-fav i,
.u-btni-playall i,
.u-btni-share i,
.u-btni-sub i,
.u-btni-subed i,
.u-btni-unfav i {
background:0 0 !important;
padding:0;
line-height:27px
}
.u-btni-dy .u-icn2 {
margin-top:4.5px
}
.u-btni-cmmt-dis,
.u-btni-cmmt-dis:hover,
.u-btni-dl-dis,
.u-btni-dl-dis:hover,
.u-btni-fav-dis,
.u-btni-fav-dis2,
.u-btni-fav-dis2:hover,
.u-btni-fav-dis:hover,
.u-btni-play-dis,
.u-btni-play-dis:hover,
.u-btni-share-dis,
.u-btni-share-dis:hover {
background:#ccc !important;
color:#7a7a7a !important;
border:2px solid transparent !important
}
.u-btni-cmmt-dis i,
.u-btni-dl-dis i,
.u-btni-fav-dis i,
.u-btni-fav-dis2 i,
.u-btni-play-dis i,
.u-btni-share-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 transparent;
color:#fff;
border-radius:5px
}
.u-btn2-2,
.u-btni-add {
box-sizing:border-box;
position:relative
}
.u-btni-add {
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,.3)
}
.u-btn-1:active,
.u-btn2-2:active,
.u-btni-add:active,
.u-btni-play:active {
background:#fff;
color:#000;
border-color:transparent
}
.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-dlist .pics .pic-loading,
.m-dlist .showpic .slide-loading,
.m-lyvideo .upload .cover .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-icn-84,
.u-icn2-music2 {
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-icn-84::before,
.u-icn2-music2::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(.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-sd2,
.g-sd3-1,
.g-sd6 {
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,.1)
}
.g-sd2::after,
.g-sd3-1::after,
.g-sd6::after {
content:"";
height:180px;
display:block
}
.m-cmmtipt .area {
box-sizing:border-box
}
.m-cmmtipt .area,
.m-lysearch .txt,
.m-lyshare .area,
.m-plshare .txt,
.n-base .area,
.n-base .txt,
.n-log2 .u-txt,
.u-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
}
.m-cmmtipt .area:hover,
.m-lysearch .txt:hover,
.m-lyshare .area:hover,
.m-plshare .txt:hover,
.n-base .area:hover,
.n-base .txt:hover,
.u-txt:hover {
border:2px solid #666
}
.m-cmmtipt .area:focus,
.m-lysearch .txt:focus,
.m-lyshare .area:focus,
.m-plshare .txt:focus,
.n-base .area:focus,
.n-base .txt:focus,
.u-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:0 0;
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-pfdr::before,
.u-icn2-pfv::before,
.u-icn2-pfyyr::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-pfdr::after,
.u-icn2-pfv::after,
.u-icn2-pfyyr::after {
line-height:20px;
margin-left:6px;
font-size:12px;
font-weight:lighter;
vertical-align:top;
color:#fff
}
.n-frdlist .name .u-icn2 {
margin-left:3px
}
.m-top .nav li a {
border-color:transparent;
border-width:0 0 3px 0;
color:rgba(255,255,255,.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:0 0;
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 transparent;
background:#1c6ebe;
color:#fff;
text-decoration:none;
font-size:20px;
text-align:center;
line-height:40px
}
.n-pglg .btn:hover,
.n-pglg2 .btn:hover {
border:2px solid rgba(255,255,255,.3)
}
.n-pglg .btn:active,
.n-pglg2 .btn:active {
border:2px solid transparent;
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
}
.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
}
.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 .3s var(--gb-ad);
min-height:calc(100% + 4px)
}
.u-phonewrap .options.f-hide {
height:0;
opacity:0;
visibility:hidden;
transition:all .3s var(--gb-al)
}
.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 .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 .3s var(--gb-al)
}
.n-log2 .u-fill a,
.n-log2 .u-fill li {
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 .3s var(--gb-ad);
animation:fade-in .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 .3s var(--gb-al)
}
.u-phonewrap .options .itm,
.u-slt ul a {
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 .info .text,
.m-lyshare .u-txtwrap {
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:lighter;
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-cmmt .cmmts img,
.m-emts .emtitm img {
box-shadow:none;
border-radius:5px;
max-width:100%
}
.m-dlist .activity .btn {
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,.2),0 0 0 1px rgba(0,0,0,.2),0 0 10px rgba(0,0,0,.2)
}
.m-dynamic .dbox {
border-radius:10px;
box-shadow:0 0 5px rgba(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:transparent;
width:0;
height:0;
border:7px solid transparent;
border-right:7px solid #f2f2f2;
left:unset;
right:100%;
text-indent:9999px
}
.m-tabs1 {
height:auto;
overflow:hidden
}
.m-tabs1,
.m-tabs1 li,
.n-disk .inner {
border-color:transparent
}
.m-tabs1 a {
font-weight:lighter;
font-size:20px
}
.m-tabs1 a,
.m-tabs1 li {
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,.3);
animation:window-in .3s var(--gb-ad) backwards,window-in .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
}
.m-sysmsg::before {
content:"";
position:fixed;
background:#fff;
opacity:.7;
pointer-events:none;
top:0;
left:0;
right:0;
bottom:0;
z-index:-1
}
.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
}
.m-sysmsg .sysmsg {
border:0;
background:0 0;
padding:0;
font-size:20px;
height:100%;
display:flex;
justify-content:center;
align-items:center
}
.m-sysmsg .sysmsg * {
font-weight:lighter
}
.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-pbar .time,
.m-playbar .words {
text-shadow:none
}
.m-playbar .words {
display:flex;
padding-right:90px
}
.m-playbar .words .mv,
.m-playbar .words .src {
flex:none
}
.m-playbar .words .by,
.m-playbar .words .name {
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,.15)
}
.m-playbar .words .by>span>* {
color:rgba(155,155,155,.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 .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,.1);
border:0
}
#g_nav2,
.g-topbar,
div#index-banner {
box-shadow:0 10px 50px rgba(0,0,0,.1)
}
.g-ft,
.m-playbar {
box-shadow:0 -10px 50px rgba(0,0,0,.1)
}
.g-mn1c,
.g-mn3,
.g-mn4c,
.g-mn5c,
.g-sd2,
.m-back,
.m-create,
.m-fans,
.m-radio .toplist,
.m-record,
.n-ban .download,
.n-disk,
.p-mymusic .m-table {
box-shadow:0 0 50px rgba(0,0,0,.1)
}
.m-radio .toplist .tag {
border-radius:99vh
}
.m-radio .rditype .box.z-show {
animation:side-in-x .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:0 0;
color:#e03a24;
border-radius:50px;
border:1px solid currentColor;
padding:0 10px;
font-size:16px
}
.u-icn2-lv {
background:0 0;
border-radius:50px;
border:1px solid currentColor;
padding:0 7px
}
.n-level-big>i,
.n-level>i,
.u-btn2-2 i {
background:0 0
}
.n-level-big>i::before,
.n-level>i::before,
.u-icn2-lev::before,
.u-icn2-lv::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 .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 .3s var(--gb-al)
}
.m-timeline .m-dlist .src-video .video {
display:block !important;
position:absolute;
top:0;
left:0;
transition:all .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 .3s var(--gb-ad)
}
.m-timeline .m-dlist .src-video .fold {
display:block !important;
transition:all .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 .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:0 0;
position:relative;
color:#fff;
opacity:.5
}
.n-ban .dots .pg:hover {
color:var(--gc-aa);
opacity:.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 .3s var(--gb-al) .5s,color .3s var(--gb-al);
color:inherit;
background:currentColor;
transform:var(--gb-aa);
border-radius:50px;
box-shadow:0 0 10px rgba(0,0,0,.3)
}
.n-ban .dots .pg:hover::before {
transition:all .3s var(--gb-ad);
width:9px;
height:9px
}
.n-ban .dots .pg.z-slt::before {
transition:all .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,.8);
text-shadow:0 0 20px rgba(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) .3s backwards
}
.m-ctvideo .controls::before {
background:rgba(0,0,0,.4);
height:120%
}
.m-ctvideo .player .opbar::before {
background:rgba(0,0,0,.4);
height:100%
}
.m-ctvideo .controls .wrap .brs {
margin-top:0;
padding-top:9px
}
.m-ctvideo .controls .wrap .brs .options,
.m-ctvideo .controls .wrap .volume .sliderbg {
display:block !important;
top:initial;
bottom:calc(100% + 2px);
transform:var(--gb-af);
transition:all .3s var(--gb-al);
opacity:0;
pointer-events:none
}
.m-ctvideo .controls .wrap .brs:hover .options,
.m-ctvideo .controls .wrap .volume:hover .sliderbg {
transition:all .3s var(--gb-ad);
transform:var(--gb-aj);
opacity:1;
pointer-events:initial
}
.m-ctvideo .controls,
.m-ctvideo .controls .wrap {
transition:all .3s var(--gb-al)
}
.m-ctvideo.z-active .controls,
.m-ctvideo.z-active .controls .wrap {
transition:all .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 .3s var(--gb-ad) 1.8s backwards
}
.m-timeline .m-timeact.j-flag::before {
content:"";
display:block;
animation:tl-act-pos .3s var(--gb-ad) 1.5s backwards
}
.m-timeline .m-dlist .showpic:not(.f-hide) {
animation:side-in-x .3s var(--gb-ad) backwards
}
.m-dlist .activity,
.m-dlist .card,
.m-dlist .hotrecmt .bar,
.m-dlist .showpic,
.m-dlist .src,
.m-timeline .m-dlist .src-video .video {
border-radius:10px;
overflow:hidden
}
.m-timeline .m-dlist .showpic .slide .thepic {
animation:fade-in .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 .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
}
.m-tlist::after,
.m-tlist::before,
.n-top50 .filter::after,
.n-top50 .filter::before,
.u-phonewrap .options::after,
.u-phonewrap .options::before,
.u-slt ul::after,
.u-slt ul::before {
content:"";
display:block;
padding:4px
}
.n-top50 .sltbtn:hover .filter {
max-height:113px;
transition:all .3s var(--gb-ad);
pointer-events:auto;
opacity:1
}
.n-top50 .choose {
border-color:transparent;
color:#000;
background:0 0
}
.n-top50 .choose:hover {
background:#dadada
}
.n-top50 .choose:active {
background:#c2c2c2
}
.n-top50 .choose.z-dis,
.n-top50 .choose.z-dis:hover {
background:0 0;
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 .cnt.f-brk>.icn,
.m-cmmt .cmmts .cntwrap .f-brk>.icn {
margin-left:3px
}
.n-minelst li img {
animation:none
}
.m-mvlist .bl,
.m-mvlist .tr,
.u-cover .ci {
width:auto;
text-shadow:none;
background:rgba(0,0,0,.5);
padding:0 5px;
margin:5px;
border-radius:99vw;
border:1px solid rgba(255,255,255,.2)
}
.g-bd,
.g-bd1:not(.g-bd1-1),
.g-bd2,
.g-bd3,
.g-bd4,
.g-bd5,
.g-bd6,
.g-bd7,
.n-ban .wrap {
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%,transparent 100%);
max-height:99px;
animation:desc-col .3s var(--gb-ad) backwards;
-webkit-mask:var(--a);
mask:var(--a)
}
.m-info .edit {
background:0 0;
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 .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-ctvideo .player .loading {
background:var(--gs-ac) no-repeat center;
animation:none
}
.u-cover .icon-headset {
background:0 0;
margin:7px 5px 7px 10px;
height:14px;
width:14px
}
.u-cover .icon-play {
background:0 0;
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:.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:.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:.5;
top:50%;
left:50%;
transform:translate(-50%,-50%)
}
.u-cover-alb1 .icon-play:hover {
opacity:.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 .add,
.m-playbar .ctrl,
.m-playbar .oper {
width:auto;
white-space:nowrap;
background:0 0;
padding:0
}
.m-playbar .add {
max-width:78px
}
.m-playbar .btns a,
.m-playbar .icn,
.m-playbar .updn .btn {
background:0 0;
height:47px;
width:47px;
border-radius:99px;
position:relative;
text-indent:0;
color:transparent;
margin:0
}
.m-playbar .btns a::before,
.m-playbar .icn::before,
.m-playbar .updn .btn::before {
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
border-radius:99px;
transform:scale(.7);
transition:all var(--gb-ad) .3s;
pointer-events:none
}
.m-playbar .btns a:not(.ply):hover::before,
.m-playbar .icn:hover::before,
.m-playbar .updn .btn:hover::before {
transform:scale(.8);
background:rgba(255,255,255,.1)
}
.m-playbar .btns a:not(.ply):active::before,
.m-playbar .icn:active::before,
.m-playbar .updn .btn:active::before {
background:rgba(255,255,255,.2)
}
.m-playbar .btns a::after,
.m-playbar .icn::after,
.m-playbar .updn .btn::after {
position:absolute;
transition:all var(--gb-ad) .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
}
.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(.8)
}
.m-playbar .btns .ply:hover::before {
background:rgba(255,255,255,.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;
text-align:left;
text-shadow:none;
line-height:47px;
width:auto;
max-width:27px
}
.m-playbar .icn-list::before {
width:calc(100% + 10px)
}
.m-playbar .words .mv,
.m-playbar .words .src {
height:14px;
width:14px;
background:0 0
}
.m-playbar .words .mv::before,
.m-playbar .words .src::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 .mv:hover::before,
.m-playbar .words .src:hover::before {
color:#fff
}
.u-cover-11 {
width:60px
}
.v-hd2 .tit {
position:relative
}
.n-bill .v-hd2 .tit::before,
.n-new .v-hd2 .tit::before,
.n-rcmd .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:0 0;
margin-top:5px
}
.u-btn2 i {
height:27px;
line-height:27px;
background:0 0;
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-btn-crt::before,
.u-btn2 .icn-praise::before,
.u-btn2 .icn-praised::before,
.u-btni-add::before,
.u-btni-addply .ply::before,
.u-btni-dy .u-icn2::before,
.u-btni-play i::before,
.u-btni::before {
height:18px;
width:18px;
line-height:18px;
display:block;
font-family:nmdl2;
font-weight:800;
text-align:center;
color:inherit;
font-size:12px
}
.u-btni-play i::before {
display:initial;
margin-right:10px;
vertical-align:middle
}
.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:10px
}
.u-btni-play i,
.u-icn-01,
.u-icn-02,
.u-icn-s-01,
.u-icn-s-02 {
background:0 0
}
.u-icn-01::before,
.u-icn-02::before,
.u-icn-s-01::before,
.u-icn-s-02::before {
font-size:13px;
width:14px;
height:14px;
line-height:14px;
text-align:center;
font-weight:800;
font-family:nmdl2;
display:block
}
.u-icn-01::before,
.u-icn-02::before {
font-size:19px;
width:20px;
height:20px;
line-height:20px
}
.u-icn-01::before,
.u-icn-s-01::before {
content:"\e02f";
color:#87ceeb
}
.u-icn-02::before,
.u-icn-s-02::before {
content:"\e02e";
color:pink
}
.m-table .icn-del,
.m-table .icn-dl,
.m-table .icn-fav,
.m-table .icn-share,
.m-table .mv,
.m-table .ply,
.m-table .u-icn-81,
.n-srchrst .srchsongst .hd .ply,
.n-srchrst .srchsongst .icn-dl,
.n-srchrst .srchsongst .icn-fav,
.n-srchrst .srchsongst .icn-share,
.n-srchrst .srchsongst .mv,
.n-srchrst .srchsongst .u-icn-81 {
background:0 0;
height:16px;
width:16px;
opacity:.6;
margin-right:3px
}
.n-srchrst .srchsongst .icn-dl,
.n-srchrst .srchsongst .icn-fav,
.n-srchrst .srchsongst .icn-share,
.n-srchrst .srchsongst .u-icn-81 {
margin:0 10px 0 0
}
.m-table .icn-del:hover,
.m-table .icn-dl:hover,
.m-table .icn-fav:hover,
.m-table .icn-share:hover,
.m-table .mv:hover,
.m-table .ply:hover,
.m-table .u-icn-81:hover,
.n-srchrst .srchsongst .hd .ply:hover,
.n-srchrst .srchsongst .icn-dl:hover,
.n-srchrst .srchsongst .icn-fav:hover,
.n-srchrst .srchsongst .icn-share:hover,
.n-srchrst .srchsongst .mv:hover,
.n-srchrst .srchsongst .u-icn-81:hover {
opacity:1
}
.m-table .icn-del::before,
.m-table .icn-dl::before,
.m-table .icn-fav::before,
.m-table .icn-share::before,
.m-table .mv::before,
.m-table .ply::before,
.m-table .u-icn-81::before,
.n-srchrst .srchsongst .hd .ply::before,
.n-srchrst .srchsongst .icn-dl::before,
.n-srchrst .srchsongst .icn-fav::before,
.n-srchrst .srchsongst .icn-share::before,
.n-srchrst .srchsongst .mv::before,
.n-srchrst .srchsongst .u-icn-81::before {
font-family:nmdl2;
font-weight:800;
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.hshow,
.m-table .opt[style*=none] {
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 .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 .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,.2)
}
.u-tag i {
background:0 0;
padding:0;
color:#000
}
.g-mymusic .p-mymusic .g-sd3 {
animation:fade-in .3s ease 2s backwards
}
.m-dlist .src .cover .ply::before,
.m-playbar .col .ico-src::before,
.m-playbar .icn-del::before,
.m-playbar .ico-add::before,
.m-playbar .ico-ask::before,
.m-playbar .ico-dl::before,
.m-playbar .ico-share::before,
.m-playbar .listhdc .close::before,
.m-playbar .playicn::before,
.m-record .ply-z-slt::before,
.m-record .ply::before,
.m-record span.icn-dl::before,
.m-record span.icn-fav::before,
.m-record span.icn-share::before,
.m-sglist .opr .add::before,
.m-sglist .opr .play::before,
.m-tlist .icn::before,
.n-bilst ol .oper .u-icn-81::before,
.s-bg-10::before,
.s-bg-11::before,
.s-bg-12::before,
.s-bg-9::before,
.u-btn-nxt::before,
.u-btn-prv::before,
.u-dicn-3::before,
.u-dicn-42::before,
.u-dicn-43::before,
.u-dicn-44::before,
.u-dicn-46::before,
.u-dicn-47::before,
.u-dicn-4::before,
.u-icn-10::before,
.u-icn-11::before,
.u-icn-33::before,
.u-icn-36::before,
.u-icn-41::before,
.u-icn-50::before,
.u-icn-57::before,
.u-icn-61::before,
.u-icn-67::before,
.u-icn-69::before,
.u-icn-70::before,
.u-icn-80::before,
.u-icn-81::before,
.u-icn-95::before,
.u-icn-97::before,
.u-icn2-12::before,
.u-icn2-13::before,
.u-icn2-1::before,
.u-icn2-2::before,
.u-icn2-3::before,
.u-icn2-4::before,
.u-icn2-5::before,
.u-icn2-arr::before,
.u-icn2-plus::before,
.u-icn2-share::before {
width:100%;
height:100%;
display:block;
text-align:center;
font-family:nmdl2;
text-indent:0
}
.m-tlist .icn {
background:0 0;
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,.1);
box-shadow:0 5px 10px rgba(0,0,0,.3);
height:145px;
top:30px;
border-radius:10px
}
div.m-emts::after,
div.m-emts::before {
content:"";
border:6px solid transparent;
border-top:0;
border-bottom:8px solid rgba(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:0 0;
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:transparent
}
.s-bg-10,
.s-bg-9,
.u-dicn-46,
.u-dicn-47 {
background:0 0;
width:22px;
height:22px
}
.s-bg-10::before,
.s-bg-9::before,
.u-dicn-46::before,
.u-dicn-47::before {
font-size:22px;
line-height:22px;
color:silver
}
.s-bg-10:hover::before,
.s-bg-9: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"
}
.n-bilst ol .oper .u-icn-81,
.s-bg-11,
.s-bg-12,
.u-icn2-arr {
background:0 0;
width:17px;
height:17px;
margin-top:0
}
.n-bilst ol .oper .u-icn-81::before,
.s-bg-11::before,
.s-bg-12::before,
.u-icn2-arr::before {
font-size:17px;
line-height:17px;
color:#787878
}
.n-bilst ol .oper .u-icn-81:hover::before,
.s-bg-11: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(.5)
}
.u-icn-33 {
background:0 0;
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
}
.m-playbar .icn-del,
.m-playbar .ico-add,
.m-playbar .ico-dl,
.m-playbar .ico-share,
.u-icn-95,
.u-icn2-share {
background:0 0;
width:16px;
height:16px;
margin-top:0
}
.m-playbar .icn-del::before,
.m-playbar .ico-add::before,
.m-playbar .ico-dl::before,
.m-playbar .ico-share::before,
.u-icn-95::before,
.u-icn2-share::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 .icn-del:hover::before,
.m-playbar .ico-add:hover::before,
.m-playbar .ico-dl:hover::before,
.m-playbar .ico-share:hover::before {
color:#fff
}
.m-dynamic .dtoggle i {
margin-left:5px
}
.u-icn-61,
.u-icn-69,
.u-icn-70,
.u-icn2-plus {
background:0 0;
width:12px;
height:12px;
margin-left:5px
}
.u-icn-61::before,
.u-icn-69::before,
.u-icn-70::before,
.u-icn2-plus::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,.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 .add,
.m-sglist .opr .play,
.u-dicn-43,
.u-dicn-44,
.u-icn-80 {
background:0 0;
width:10px;
height:10px
}
.m-sglist .opr .add::before,
.m-sglist .opr .play::before,
.u-dicn-43::before,
.u-dicn-44::before,
.u-icn-80::before {
font-size:12px;
line-height:12px;
height:12px;
width:12px;
color:#7c7c7c;
transform:scale(.83);
transform-origin:top left
}
.m-sglist .opr .add:hover::before,
.m-sglist .opr .play: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
}
.m-playbar .col .ico-src,
.u-dicn-3,
.u-dicn-4,
.u-icn-50,
.u-icn2-12,
.u-icn2-13 {
background:0 0;
width:14px;
height:14px
}
.m-playbar .col .ico-src::before,
.u-dicn-3::before,
.u-dicn-4::before,
.u-icn-50::before,
.u-icn2-12::before,
.u-icn2-13::before {
content:"\e014";
font-size:14px;
line-height:14px;
color:#0c73c2
}
.u-dicn-4::before,
.u-icn2-13::before {
color:var(--gc-aa)
}
.u-icn-50::before {
content:"\e021";
color:#333;
font-size:12px;
transform:scale(.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-nxt,
.u-btn-prv {
background:0 0;
width:9px;
height:9px
}
.u-btn-nxt::before,
.u-btn-prv::before {
content:"\e027";
font-size:12px;
line-height:12px;
height:12px;
width:12px;
color:#6d6d6d;
transform:scale(.75);
transform-origin:top left
}
.u-btn-prv::before {
transform:scale(.75) scaleX(-1) translateX(-12px)
}
.m-playbar .col-1 {
padding-left:5px;
width:13px
}
.m-playbar .playicn,
.u-icn-10,
.u-icn-11,
.u-icn-57,
.u-icn-67 {
background:0 0;
width:13px;
height:13px
}
.m-playbar .playicn::before,
.u-icn-10::before,
.u-icn-11::before,
.u-icn-57::before,
.u-icn-67::before,
.u-icn-81::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
}
.m-record span.icn-dl,
.m-record span.icn-fav,
.m-record span.icn-share,
.u-icn-81,
.u-icn2-5 {
background:0 0;
width:18px;
height:18px;
margin-top:0;
margin-left:4px
}
.m-record span.icn-dl::before,
.m-record span.icn-fav::before,
.m-record span.icn-share::before,
.u-icn-81::before,
.u-icn2-5::before {
font-size:18px;
line-height:18px;
color:#a2a2a2
}
.m-record span.icn-dl:hover::before,
.m-record span.icn-fav:hover::before,
.m-record span.icn-share:hover::before,
.u-icn-81:hover::before {
color:#6e6e6e
}
.u-icn-81::before {
content:"\e016";
transform:scale(.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:0 0;
width:17px;
height:17px
}
.m-record .ply-z-slt::before,
.m-record .ply::before {
content:"\e000";
font-size:17px;
line-height:17px;
color:#a2a2a2;
transform:scale(.8)
}
.m-record .ply:hover::before {
color:#6e6e6e
}
.m-record .ply-z-slt::before {
color:var(--gc-aa)
}
.m-playbar .listhdc .close {
background:0 0;
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:0 0;
width:21px;
height:21px
}
.m-playbar .ico-ask::before {
content:"\e020";
font-size:21px;
line-height:21px;
color:#fff;
opacity:.4
}
.m-playbar .ico-ask:hover::before {
opacity:.6
}
.u-icn2-1,
.u-icn2-2,
.u-icn2-3,
.u-icn2-4 {
background:0 0;
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:0 0;
width:40px;
height:40px
}
.u-dicn-42:before {
content:"\e000";
font-size:22px;
line-height:40px;
color:#fff;
background:#000;
border-radius:99vh;
opacity:.6
}
.u-type-red,
a.u-type-red:hover {
color:var(--gc-aa);
border-color:var(--gc-aa)
}
.m-radio .toplist .rank .red,
.n-bilst ol .no-top,
.s-fc6,
a.s-fc6:hover {
color:var(--gc-aa)
}
.m-ctvideo .controls .progress .out-1 {
background:var(--gc-aa) !important
}
.m-ctvideo .controls .progress .dot {
background:0 0 !important
}
.m-ctvideo .controls .progress .dot::before {
content:"";
width:3px;
height:3px;
display:block;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
background:var(--gc-aa);
border:6px solid #fff;
border-radius:99vw;
box-shadow:0 0 5px rgba(0,0,0,.5)
}
.user-info .user-head .avatar,
.user-info .user-head .avatar-img {
border-radius:99vw
}
#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:0 0
}
#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=friend],
.m-nav a[data-module=my] {
min-width:70px;
position:relative
}
.m-nav a[data-module=discover] em,
.m-nav a[data-module=discover]::before,
.m-nav a[data-module=friend] em,
.m-nav a[data-module=friend]::before,
.m-nav a[data-module=my] em,
.m-nav a[data-module=my]::before {
transition:transform .3s ease,opacity .3s ease
}
.m-nav a[data-module=discover] em,
.m-nav a[data-module=friend] em,
.m-nav a[data-module=my] em {
position:absolute;
bottom:0;
pointer-events:none;
padding:7px 5px;
white-space:nowrap;
right:0;
line-height:1;
height:auto;
width:70px;
overflow:hidden;
text-overflow:ellipsis;
text-align:center;
font-size:12px;
box-sizing:border-box;
z-index:9;
opacity:0;
transform:translateY(-10px)
}
.m-top .logo {
opacity:0
}
.m-nav a[data-module=discover].z-slt em,
.m-nav a[data-module=friend].z-slt em,
.m-nav a[data-module=my].z-slt em {
opacity:1;
transform:translateY(0)
}
.m-nav a[data-module=discover].z-slt::before,
.m-nav a[data-module=friend].z-slt::before,
.m-nav a[data-module=my].z-slt::before {
transform:translateY(-10px)
}
.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 {
display:none
}
.m-playbar .head:hover {
transform:scale(1.1)
}
}
@media (max-width:990px) {
.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:100vw;
margin:0 !important;
left:0
}
.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>.clear,
.m-playbar .listhdc>.line {
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(.3)
}
}
@keyframes fade-out {
0% {
opacity:1;
visibility:visible
}
to {
opacity:0;
visibility:visible
}
}
@keyframes tl-act {
0% {
opacity:0;
overflow:hidden;
transform:scale(.95) translateZ(0)
}
}
@keyframes tl-act-pos {
0% {
margin-top:-100%
}
}
@keyframes window-in {
0% {
transform:scale(.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
}
}
@supports(-moz-orient:inline) {
.m-dlist .src .cover .ply::before,
.m-nav a[data-module=discover]::before,
.m-nav a[data-module=friend]::before,
.m-nav a[data-module=my]::before,
.m-playbar .btns a::after,
.m-playbar .col .ico-src::before,
.m-playbar .icn-del::before,
.m-playbar .icn::after,
.m-playbar .ico-add::before,
.m-playbar .ico-ask::before,
.m-playbar .ico-dl::before,
.m-playbar .ico-share::before,
.m-playbar .listhdc .close::before,
.m-playbar .playicn::before,
.m-playbar .updn .btn::after,
.m-playbar .words .mv::before,
.m-playbar .words .src::before,
.m-record .ply-z-slt::before,
.m-record .ply::before,
.m-record span.icn-dl::before,
.m-record span.icn-fav::before,
.m-record span.icn-share::before,
.m-sglist .opr .add::before,
.m-sglist .opr .play::before,
.m-srch .parent label::after,
.m-table .icn-del::before,
.m-table .icn-dl::before,
.m-table .icn-fav::before,
.m-table .icn-share::before,
.m-table .mv::before,
.m-table .ply::before,
.m-table .u-icn-81::before,
.m-tlist .icn::before,
.n-ban .ban .btnl::after,
.n-ban .ban .btnr::after,
.n-bill .v-hd2 .tit::before,
.n-bilst ol .oper .u-icn-81::before,
.n-disk .nxt::before,
.n-disk .pre::before,
.n-minelst .tri1::before,
.n-new .v-hd2 .tit::before,
.n-rcmd .v-hd2 .tit::before,
.n-srch .pgsrch .btn::after,
.n-srchrst .srchsongst .hd .ply::before,
.n-srchrst .srchsongst .icn-dl::before,
.n-srchrst .srchsongst .icn-fav::before,
.n-srchrst .srchsongst .icn-share::before,
.n-srchrst .srchsongst .mv::before,
.n-srchrst .srchsongst .u-icn-81::before,
.s-bg-10::before,
.s-bg-11::before,
.s-bg-12::before,
.s-bg-6::before,
.s-bg-9::before,
.u-btn-crt::before,
.u-btn-nxt::before,
.u-btn-prv::before,
.u-btn2 .icn-praise::before,
.u-btn2 .icn-praised::before,
.u-btni-add::before,
.u-btni-addply .ply::before,
.u-btni-dy .u-icn2::before,
.u-btni-play i::before,
.u-btni::before,
.u-cover .icon-headset::before,
.u-cover .icon-play::before,
.u-cover-0 .icon-play::before,
.u-cover-10 .icon-play::before,
.u-cover-11 .icon-play::before,
.u-cover-12 .icon-pla::before,
.u-cover-9 .icon-play::before,
.u-cover-alb1 .icon-play::before,
.u-cover-alb2 .icon-play::before,
.u-cover-alb3 .icon-play::before,
.u-cover-tiny .ply::before,
.u-dicn-38::before,
.u-dicn-3::before,
.u-dicn-40::before,
.u-dicn-42::before,
.u-dicn-43::before,
.u-dicn-44::before,
.u-dicn-46::before,
.u-dicn-47::before,
.u-dicn-4::before,
.u-icn-01::before,
.u-icn-02::before,
.u-icn-10::before,
.u-icn-11::before,
.u-icn-1::before,
.u-icn-33::before,
.u-icn-36::before,
.u-icn-41::before,
.u-icn-44::before,
.u-icn-45::before,
.u-icn-46::before,
.u-icn-47::before,
.u-icn-50::before,
.u-icn-57::before,
.u-icn-5::before,
.u-icn-61::before,
.u-icn-67::before,
.u-icn-69::before,
.u-icn-70::before,
.u-icn-80::before,
.u-icn-81::before,
.u-icn-84::before,
.u-icn-95::before,
.u-icn-97::before,
.u-icn-s-01::before,
.u-icn-s-02::before,
.u-icn2-12::before,
.u-icn2-13::before,
.u-icn2-1::before,
.u-icn2-2::before,
.u-icn2-3::before,
.u-icn2-4::before,
.u-icn2-5::before,
.u-icn2-arr::before,
.u-icn2-music2::before,
.u-icn2-pfdr::before,
.u-icn2-pfv::before,
.u-icn2-pfyyr::before,
.u-icn2-plus::before,
.u-icn2-share::before,
.u-icn2-srch::before,
div.m-layer .zcls::after,
input[type=checkbox]::before {
padding-top:2px
}
}
body {
letter-spacing:calc(
/*[[letter-spacing]]*/
.0*.00625em)
}
/*[[topbar-bg-style]]*/
@media all {
/*[[topbar-nav-style]]*/
}
/*[[custom-style]]*/
}