"\u4e00\u4e2a\u7528\u4e8e\u7f51\u6613\u4e91\u97f3\u4e50\u7f51\u7ad9\u7684\u6837\u5f0f\u8868\u3002"
目前为
/* ==UserStyle==
@name "\u7f51\u6613\u4e91\u97f3\u4e50\u6241\u5e73\u98ce\u683c"
@description "\u4e00\u4e2a\u7528\u4e8e\u7f51\u6613\u4e91\u97f3\u4e50\u7f51\u7ad9\u7684\u6837\u5f0f\u8868\u3002"
@namespace wTonyChen.flatnmusic
@version 0.5.2
@author wTonyChen (https://github.com/wTonyChen)
@homepageURL https://github.com/wTonyChen/flatnmusic
@supportURL https://github.com/wTonyChen/flatnmusic/issues
@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;-webkit-mask:-webkit-linear-gradient(left,transparent 0%,#000 5%,#000 95%,transparent 100%) !important;mask:-moz-linear-gradient(left,transparent 0%,#000 5%,#000 95%,transparent 100%) !important;mask:linear-gradient(to right,transparent 0%,#000 5%,#000 95%,transparent 100%) !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-style "\u9876\u680f\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 text custom-style "\u81ea\u5b9a\u4e49\u6837\u5f0f" " "
==/UserStyle== */
@-moz-document regexp("\\S*\\://music\\.163\\.com/(#/?)?((discover|playlist|my|friend|user|song|artist|search|msg|member|topic|album|program|outchain|dj|download|mv|video|event|activity|lyric|login)[\\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
}
/*
Flat Netease Music by wTonyChen 0.5.2 (20200709)
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-ae: #ccc;
--gc-ae: #7a7a7a;
--gc-ai: var(--gc-aa);
--gc-ai: #fff;
--gc-ai: #fff;
--gc-ai: var(--gc-aa);
--gc-ab: #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
}
table {
border-collapse: initial
}
::after,
::before,
a:hover {
text-decoration: none
}
.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
}
.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[data-module=discover]::before {
background: inherit
}
.m-nav a[data-module=discover]::after,
.m-nav a[data-module=discover]::before {
content: "";
position: absolute;
top: 0;
right: 100%
}
.m-nav a[data-module=discover]::after,
.m-top .logo::before {
content: "\e01f"
}
.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=friend] em,
.m-nav a[data-module=my] em {
padding-left: 70px
}
.m-nav a[data-module=friend],
.m-nav a[data-module=my] {
position: relative
}
.m-nav a[data-module=my]::before {
content: "\e01e"
}
.m-nav a[data-module=friend]::before {
content: "\e00c"
}
.m-nav a[data-module=discover]::after,
.m-nav a[data-module=discover]::before,
.m-nav a[data-module=friend]::before,
.m-nav a[data-module=my]::before,
.m-top .logo::before {
font-family: nmdl2;
font-weight: 400;
color: inherit;
font-size: 30px;
line-height: 70px;
text-align: center;
width: 70px;
height: inherit;
display: block
}
.m-nav a[data-module=friend]::before,
.m-nav a[data-module=my]::before {
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;
border-radius: 0;
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
}
.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: 0
}
.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: 0;
bottom: 0;
left: 0;
height: 52px;
width: 52px;
box-sizing: border-box;
padding: 0;
background: #666
}
.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;
overflow: visible;
animation: side-in-l .5s var(--gb-ad) backwards;
opacity: .97;
min-height: 301px;
height: 60vh
}
.m-msg {
width: 22px;
height: 27px;
margin-right: 20px
}
.u-cover .bottom {
background: rgba(0, 0, 0, .5)
}
.n-bilst {
padding: 0
}
.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: 0;
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: 0;
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: 0;
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[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
}
.m-plshare .full[style*=none],
.u-atlist[style*=none] {
transition: all .3s var(--gb-al);
pointer-events: none;
transform: var(--gb-ae);
opacity: 0
}
.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)
}
.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 .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
}
.m-dlist .doper .u-dicn-4~.j-flag {
color: var(--gc-aa)
}
.m-srch .u-lstlay {
display: block !important;
width: 200px;
text-shadow: none;
box-shadow: 0 8px 24px rgba(0, 0, 0, .5);
top: 60px;
box-sizing: content-box;
border-radius: 0;
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
}
.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
}
.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: 0;
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: 0 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
}
.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, -25apx);
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::before {
content: "";
display: block;
width: 80%;
height: 5px;
background: #b8b8b8;
position: absolute;
bottom: 100%;
pointer-events: none;
left: 10%;
transition: all .2s ease
}
.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
}
.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: 0;
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: 0;
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: #d13131;
font-weight: 700
}
.n-bind .delete .btn {
background: var(--gc-aa);
border: 2px solid transparent;
color: #fff
}
.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: 0;
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 .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: 0;
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: 0
}
.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,
.m-cvrlst li .u-cover img {
transition: all .2s ease
}
.m-cvrlst li:hover .u-cover img {
box-shadow: 0 -10px 30px rgba(0, 0, 0, .2), 0 0 25px rgba(0, 0, 0, .2), -10px 0 20px rgba(194, 12, 12, .1), 10px 0 20px rgba(194, 12, 12, .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 img {
--a: linear-gradient(to right, transparent 0%, #000 5%);
-webkit-mask: var(--a);
mask: var(--a)
}
.n-artist .btn-rz,
.n-artist .btnfav {
background: rgba(0, 0, 0, .7);
color: #fff;
border: 2px solid transparent;
text-align: center;
border-radius: 0;
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 30px #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
}
.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
}
.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: 0
}
.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
}
.u-btn2-2,
.u-btni-add {
box-sizing: border-box;
position: relative
}
.u-btni-add {
padding: 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
}
.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
}
.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: 0
}
.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: 0;
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
}
.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: 0
}
.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: 0;
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%
}
.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
}
.n-bilst {
outline: 1px solid #ccc
}
.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,
.g-sd6,
.m-back,
.m-create,
.m-fans,
.m-radio .toplist,
.m-record,
.n-ban .download,
.n-bilst,
.n-disk,
.p-mymusic .m-table {
box-shadow: 0 0 50px rgba(0, 0, 0, .1)
}
.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: 0;
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
}
.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:not([style*="width:"]):hover,
html[wk-style-assist] .n-artist:hover img {
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,
.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 .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;
background: #000;
opacity: .5
}
.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-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
}
.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
}
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=friend],
.m-nav a[data-module=my] {
min-width: 70px;
position: relative
}
.m-nav a[data-module=discover] {
position: relative
}
.m-nav a[data-module=discover] em,
.m-nav a[data-module=discover]::after,
.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.z-slt {
background: #fff
}
.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::after,
.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 img {
--a: linear-gradient(to right, transparent 0%, #000 5%, #000 95%, transparent 100%);
margin: 0 auto;
-webkit-mask: var(--a);
mask: var(--a)
}
.n-ban .ban .btnl {
left: 10px
}
.n-ban .ban .btnr {
right: 10px
}
}
@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]::after,
.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,
.m-top .logo::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
}
}
@media all {
/*[[topbar-style]]*/
}
/*[[custom-style]]*/
}