body{min-height:100vh;font-size:13px;color:var(--color-plain-1);background:linear-gradient(var(--color-dark-a), var(--color-blue-a)),radial-gradient(ellipse at top, var(--color-red-a), var(--color-dark-a)),linear-gradient(135deg, var(--color-blue-a), var(--color-dark-3) 50%)}a{cursor:pointer;text-decoration:none;color:inherit}input[type=text],input[type=password]{padding:0 12px;color:inherit}button{cursor:pointer}.flex-center{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.wrapper{position:relative;width:980px}.topbar{position:relative;width:100%;height:80px;background:rgba(0,0,0,.3);box-shadow:0 0 20px rgba(0,0,0,.05)}.topbar .wrapper{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;height:80px}.topbar .logo{display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;font-size:32px;color:var(--color-teal-1)}.topbar img{width:52px;height:52px}.topbar .search{width:230px;height:32px;border:1px solid var(--color-grey-a);border-radius:4px;background:rgba(0,0,0,.2)}.topbar .search::-webkit-input-placeholder{color:var(--color-grey-2)}.topbar .search::-moz-placeholder{color:var(--color-grey-2)}.topbar .search:-ms-input-placeholder{color:var(--color-grey-2)}.topbar .search::placeholder{color:var(--color-grey-2)}.topbar .nav{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;width:400px;height:48px;font-size:14px}.topbar a:hover{color:var(--color-teal-1)}.topbar a.login,.topbar a.register{padding:2px 8px;font-size:12px;border-radius:4px;background:var(--color-teal-1);color:#fff}.topbar a.register{background:var(--color-grey-1)}.aside{width:260px;margin-left:64px}.aside .title{line-height:52px;font-size:24px}.aside .music-rank{margin-top:32px}.aside .list{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.aside .song{display:block;margin-bottom:8px}.aside .song a{display:-webkit-flex;display:flex;padding:6px;border-radius:4px;transition:background .3s ease-in-out}.aside .song a::before{width:18px;height:18px;line-height:18px;text-align:center;font-size:12px;border-radius:50%;background:var(--color-plain-1);color:var(--color-grey-3);content:attr(key)}.aside .song a:hover{background:var(--color-plain-a)}.aside .song .cover{display:block;width:48px;height:48px}.aside .song section{-webkit-flex:1;flex:1;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:0 8px}.aside .song section span:last-child{font-size:12px;color:var(--color-grey-2)}.aside .song:first-child a::before{display:none}.aside .song:first-child section{-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-direction:column;flex-direction:column;padding:4px 8px}.aside .song:nth-child(2) a::before{background:var(--color-red-a);color:#fff}.aside .song:nth-child(3) a::before{background:var(--color-teal-a);color:#fff}.index-container{width:100%}.index-container .banner{display:block;width:100%;margin:32px 0 0}.index-container .content{display:-webkit-flex;display:flex;margin-top:32px}.index-container .hot-center{-webkit-flex:1;flex:1}.index-container .hot-center .title{line-height:52px;font-size:24px}.index-container .hot-center .list{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}.index-container .hot-center .list.hot .song{transition:box-shadow .3s ease-in-out}.index-container .hot-center .list.hot .song:hover{box-shadow:0 0 16px rgba(0,0,0,.3)}.index-container .hot-center .list.hot .song:hover .cover{-webkit-transform:scale(1.1);transform:scale(1.1)}.index-container .hot-center .list.hot .song:hover .ico{opacity:1}.index-container .hot-center .list.hot .cover{transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out}.index-container .hot-center .list.all .song{width:320px;height:80px;border-radius:3px;background:rgba(255,255,255,.1);transition:background .3s ease-in-out}.index-container .hot-center .list.all .song:hover{background:var(--color-plain-a)}.index-container .hot-center .list.all .song:hover .info{color:var(--color-teal-1)}.index-container .hot-center .list.all a{display:-webkit-flex;display:flex}.index-container .hot-center .list.all .cover{width:80px;height:80px}.index-container .hot-center .list.all .ico{display:none}.index-container .hot-center .list.all .info{position:relative;-webkit-flex:1;flex:1;background:none;color:var(--color-plain-1);transition:color .3s ease-in-out}.index-container .hot-center .list.all .singer{color:var(--color-grey-2)}.index-container .hot-center .song{overflow:hidden;position:relative;width:192px;margin:0 0 32px;border-radius:2px}.index-container .hot-center .song a{display:block}.index-container .hot-center .song .cover{display:block;width:100%;height:100%}.index-container .hot-center .song .info{position:absolute;left:0;bottom:0;z-index:1;width:100%;height:64px;padding:6px 12px;background:rgba(0,0,0,.5);color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.index-container .hot-center .song .info span{display:block}.index-container .hot-center .song .name{font-size:18px}.index-container .hot-center .song .singer{color:#cecece}.index-container .hot-center .song .ico{position:absolute;left:50%;top:50%;z-index:2;width:48px;height:48px;margin-top:-24px;margin-left:-24px;background:url(//static.zhiyuedev.cn/penzai/2021/songguo-music/img/icon-bf.png) no-repeat;background-size:cover;opacity:0;transition:opacity 1s ease-in-out}.index-container .aside .login-tips{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;width:100%;padding:24px 32px;border-radius:3px;background:rgba(255,255,255,.1);color:var(--color-plain-3)}.index-container .aside .login-tips a{width:128px;height:32px;margin-top:16px;line-height:32px;border-radius:4px;text-align:center;color:#fff;background:var(--color-teal-1)}.crumbs-nav{height:80px;-webkit-align-items:center;align-items:center;background:var(--color-dark-a);color:#fff}.crumbs-nav .pipe{margin:0 4px;color:var(--color-plain-3)}.crumbs-nav span{color:var(--color-grey-1)}.crumbs-nav a{color:#fff}.crumbs-nav a:hover{color:var(--color-teal-1)}.recharge-form,.login-container{padding:64px 0}.recharge-form .wrapper,.login-container .wrapper{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.recharge-form .field,.login-container .field{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:640px;min-height:64px;margin-top:32px}.recharge-form .field .label,.login-container .field .label{width:144px;font-size:16px;font-weight:bold;color:var(--color-grey-1)}.recharge-form .field .radio,.login-container .field .radio{margin-right:64px}.recharge-form .field .red,.login-container .field .red{color:var(--color-red-1)}.recharge-form .field a,.login-container .field a{color:var(--color-teal-1);text-decoration:underline}.recharge-form .field input[type=text],.recharge-form .field input[type=password],.login-container .field input[type=text],.login-container .field input[type=password]{-webkit-flex:1;flex:1;height:48px;border:0;border-radius:6px;font-size:16px;background:rgba(0,0,0,.2)}.recharge-form .field input[type=text]::-webkit-input-placeholder, .recharge-form .field input[type=password]::-webkit-input-placeholder, .login-container .field input[type=text]::-webkit-input-placeholder, .login-container .field input[type=password]::-webkit-input-placeholder{color:var(--color-grey-2)}.recharge-form .field input[type=text]::-moz-placeholder, .recharge-form .field input[type=password]::-moz-placeholder, .login-container .field input[type=text]::-moz-placeholder, .login-container .field input[type=password]::-moz-placeholder{color:var(--color-grey-2)}.recharge-form .field input[type=text]:-ms-input-placeholder, .recharge-form .field input[type=password]:-ms-input-placeholder, .login-container .field input[type=text]:-ms-input-placeholder, .login-container .field input[type=password]:-ms-input-placeholder{color:var(--color-grey-2)}.recharge-form .field input[type=text]::placeholder,.recharge-form .field input[type=password]::placeholder,.login-container .field input[type=text]::placeholder,.login-container .field input[type=password]::placeholder{color:var(--color-grey-2)}.recharge-form .field .verify,.login-container .field .verify{margin-left:16px}.recharge-form .field .submit,.login-container .field .submit{width:280px;height:48px;margin-top:32px;line-height:48px;border:0;border-radius:6px;font-size:18px;text-align:center;background:var(--color-teal-2);color:#fff}.recharge-form .field .submit:hover,.login-container .field .submit:hover{background:var(--color-teal-1)}.recharge-form .field .submit:active,.login-container .field .submit:active{background:var(--color-teal-3)}.recharge-form .field.tips,.login-container .field.tips{min-height:0;margin-top:0}.contact-container .title{line-height:128px;font-size:32px;text-align:center}.contact-container content{display:-webkit-flex;display:flex;padding:64px 0}.contact-container content img{width:640px;height:auto}.contact-container content summary{padding:32px;line-height:2;font-size:16px}.contact-container content p{margin-top:32px}.center-banner{display:block;width:100%;height:260px;object-fit:cover}.center-container{padding:16px 0}.center-container .title{line-height:52px;font-size:32px}.center-container .list{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;margin-top:32px}.center-container .list.all .song{width:480px;height:80px;transition:background .3s ease-in-out}.center-container .list.all .song:hover{background:var(--color-plain-a)}.center-container .list.all .song:hover .info{color:var(--color-teal-1)}.center-container .list.all a{display:-webkit-flex;display:flex}.center-container .list.all .cover{width:80px;height:80px}.center-container .list.all .info{position:relative;-webkit-flex:1;flex:1;background:none;color:var(--color-plain-1);transition:color .3s ease-in-out}.center-container .song{overflow:hidden;position:relative;width:192px;margin:0 0 32px;border-radius:2px;background:rgba(255,255,255,.2)}.center-container .song a{display:block}.center-container .song .cover{display:block;width:100%;height:100%}.center-container .song .info{position:absolute;left:0;bottom:0;z-index:1;width:100%;height:64px;padding:6px 12px;background:rgba(0,0,0,.5);color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.center-container .song .info span{display:block}.center-container .song .info .name{font-size:18px}.center-container .song .info .singer{color:#cecece}.aboutus-container,.copy-container{width:100%}.aboutus-container .title,.copy-container .title{line-height:128px;font-size:32px;text-align:center}.aboutus-container .summary,.copy-container .summary{white-space:pre-wrap;line-height:1.5}.copy-container .list{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}.copy-container .list img{width:460px;margin-bottom:32px}.play-container .wrapper{display:-webkit-flex;display:flex;padding:64px 0}.play-container .current-play{-webkit-flex:1;flex:1}.play-container .current-play .song{display:-webkit-flex;display:flex}.play-container .current-play .cover{width:170px;height:170px}.play-container .current-play .info{-webkit-flex:1;flex:1;margin-left:16px}.play-container .current-play .name{font-size:18px}.play-container .current-play section{margin-top:8px;color:var(--color-grey-3)}.play-container .current-play .operate{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;height:64px}.play-container .current-play .audio{height:48px}.play-container .current-play .download{display:block;width:128px;height:48px;line-height:46px;border:1px solid var(--color-teal-1);border-radius:24px;font-size:18px;text-align:center;color:var(--color-teal-1);transition:background .2s ease-in-out,color .2s ease-in-out}.play-container .current-play .download:hover{background:var(--color-teal-1);color:#fff}.play-container .current-play .download:active{background:var(--color-teal-3)}.play-container .lyrics-box{margin-top:16px}.play-container .lyrics-box .title{line-height:52px;font-size:24px}.play-container .lyrics-box .lyrics{margin-top:20px;font-size:15px;white-space:pre-wrap;line-height:2}.footer{width:100%;margin-top:30px;padding:20px 0;line-height:2;font-size:14px;text-align:center;color:#fff;background:rgba(0,0,0,.2)}.footer a{color:#fff;padding:0 15px}.footer a:hover{color:var(--color-teal-1)}.layer-toast{display:none;position:fixed;left:0;top:150px;z-index:9;width:100%}.layer-toast .msg{padding:8px 16px;border-radius:6px;color:#fff;background:rgba(0,0,0,.6)}