/* ==UserStyle== @name 网易云音乐扁平风格 Flat-Style Netease Music @description 一个用于网易云音乐网站的样式表。 A stylesheet for Netease Music website. @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 @compatible chrome 推荐 83+ 版本 @compatible edge 推荐 83+ 版本 @compatible opera 推荐 67+ 版本 @compatible firefox 推荐 78+ 版本 @license Apache-2.0 @preprocessor uso @var select font "\u5b57\u4f53"{"\u5fae\u8f6f\u96c5\u9ed1":"local('Microsoft YaHei UI'),local('Microsoft YaHei'),","\u5fae\u8f6f\u6b63\u9ed1":"local('Microsoft JhengHei UI'),local('Microsoft JhengHei'),","\u9ed1\u4f53":"local('SimHei'),","\u5e7c\u5706":"local('YouYuan'),","\u534e\u6587\u7ec6\u9ed1":"local('STXihei'),"} @var select animation "\u52a8\u753b"{"\u542f\u7528":" ","\u7981\u7528":"*,*::before,*::after{animation-timing-function:step-start !important;transition-timing-function:step-start !important;--alt-aa:all .1s step-start !important}"} @var color color "\u4e3b\u9898\u8272" #c20c0c @var color bg-color "\u80cc\u666f\u8272" #fff @var select app-download "\u4e3b\u9875\u4e0b\u8f7d\u9009\u9879"{"\u53ef\u89c1":" ","\u9690\u85cf":".n-ban .download{display:none !important}.n-ban .ban img{margin:0 auto !important;-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" " " @downloadURL none ==/UserStyle== */ @-moz-document regexp("\\S*\\://music\\.163\\.com/(#/?)?((discover|playlist|my|friend|user|song|artist|search|msg|member|topic|album|program|outchain|dj|download|mv|video|event|activity|lyric|login)[\\s\\S]*)?") { @font-face { font-family: Arial; src: local("Segoe UI"), local("Arial") } @font-face { font-family: simsun; src: local("Segoe UI"), local("Arial") } @font-face { font-family: "Microsoft Yahei"; src: local("Segoe UI"), local("Arial") } @font-face { font-family: Tahoma; src: local("Segoe UI"), local("Arial") } @font-face { font-family: Georgia; src: local("Segoe UI"), local("Arial") } @font-face { font-family: "Times New Roman"; src: local("Segoe UI"), local("Arial") } @font-face { font-family: Helvetica; src: /*[[font]]*/ local('Segoe UI') } @font-face { font-family: \5b8b\4f53; src: /*[[font]]*/ local('Segoe UI') } @font-face { font-family: Geneva; src: /*[[font]]*/ local('Segoe UI') } /*[[fixed-topbar]]*/ @font-face { font-family: Times; src: /*[[font]]*/ local('Segoe UI') } /*[[animation]]*/ * { --gc-aa: /*[[color]]*/ !important } /*[[app-download]]*/ body { background: /*[[bg-color]]*/ no-repeat !important } /* 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,'); --gs-ac: url('data:image/svg+xml;charset=utf-8,'); --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]]*/ }