/* ==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.6.1
@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 "\u5b57\u4f53"{"\u5fae\u8f6f\u96c5\u9ed1":"local('Microsoft YaHei UI'),local('Microsoft YaHei'),","\u5fae\u8f6f\u6b63\u9ed1":"local('Microsoft JhengHei UI'),local('Microsoft JhengHei'),","\u9ed1\u4f53":"local('SimHei'),","\u5e7c\u5706":"local('YouYuan'),","\u534e\u6587\u7ec6\u9ed1":"local('STXihei'),"}
@var select animation "\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}"}
@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 "\u56fa\u5b9a\u9876\u680f"{"\u542f\u7528":".g-topbar{top:0 !important}","\u7981\u7528":" "}
@var select topbar-bg-style "\u9876\u680f\u80cc\u666f\u98ce\u683c"{"\u9ed8\u8ba4":" ","\u7eaf\u767d":"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 "\u5168\u5c40\u5706\u89d2"{"\u542f\u7528":" ","\u7981\u7528":"*,*::before,*::after{border-radius:0 !important}"}
@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)[\\s\\S]*)?"){
@font-face{
font-family:Arial;
src:local("Segoe UI"),local("Arial")
}
@font-face{
font-family:simsun;
src:local("Segoe UI"),local("Arial")
}
@font-face{
font-family:"Microsoft Yahei";
src:local("Segoe UI"),local("Arial")
}
@font-face{
font-family:Tahoma;
src:local("Segoe UI"),local("Arial")
}
@font-face{
font-family:Georgia;
src:local("Segoe UI"),local("Arial")
}
@font-face{
font-family:"Times New Roman";
src:local("Segoe UI"),local("Arial")
}
@font-face{
font-family:Helvetica;
src:
/*[[font]]*/
local('Segoe UI')
}
@font-face{
font-family:\5b8b\4f53;
src:
/*[[font]]*/
local('Segoe UI')
}
@font-face{
font-family:Geneva;
src:
/*[[font]]*/
local('Segoe UI')
}
/*[[fixed-topbar]]*/
@font-face{
font-family:Times;
src:
/*[[font]]*/
local('Segoe UI')
}
/*[[animation]]*/
*{
--gc-aa:
/*[[color]]*/
 !important
}
/*[[app-download]]*/
body{
background:
/*[[bg-color]]*/
no-repeat !important
}
@media all{
/*[[global-radius]]*/
}
/*
	Flat Netease Music by wTonyChen 0.6.1 (20200720)
	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)
}
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;
letter-spacing:-.3px
}
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
}
.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:10px 10px 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
}
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
}
.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:5px;
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:#9b0909;
color:#fff;
border-radius:10px 10px 0 0
}
.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
}
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:#0c73c2;
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-dlist .activity .btn,
.m-emts .emtitm img{
box-shadow:none;
border-radius:5px;
max-width:100%
}
.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
}
.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-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 .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
}
#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
}
}
@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-playbar .head:hover{
transform:scale(1.1)
}
.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
}
}
/*[[topbar-bg-style]]*/
@media all{
/*[[topbar-nav-style]]*/
}
/*[[custom-style]]*/
}