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