.logo{-webkit-app-region:no-drag;cursor:pointer}.logo-macos{opacity:0}.push-shift{margin-left:20px}.push-shift .button{padding:4px!important;background-color:rgba(0,0,0,.10980392156862745)}button.button.push-shift-disabled{cursor:auto;opacity:.3}.push-shift button.button.button-is-disabled{cursor:auto}.setting{height:24px;padding-right:20px}.setting-windows{border-right:.5px solid hsla(0,0%,100%,.7098039215686275)}.setting .button{margin-right:10px}.setting .button:focus{outline:none}li.qq-song strong.keyword{color:#31c27c}.search{-webkit-app-region:no-drag;margin-left:10px}.search-popper{height:240px;font-size:13px}.search-popper-more{padding:10px 20px;cursor:pointer}.search-popper-title{padding:4px 10px;background-color:#e7e7e7}.search-popper-group li{height:30px;padding:0 20px;overflow:hidden;line-height:30px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.search-popper-group li:hover{background-color:#eaeaea}.search-popper-last{margin-bottom:10px!important}div.search-input input{font-size:13px;color:#fff;background-color:rgba(0,0,0,.058823529411764705);border:none;border-radius:8px}div.search-input input:focus{box-shadow:none}div.auto-complete-template{width:300px;padding:0;border-radius:4px;box-shadow:0 0 2px 0 #c7c7c7}div.auto-complete-template ul{max-height:-webkit-max-content;max-height:-moz-max-content;max-height:max-content}.header{padding:0 16px;-webkit-user-select:none;background-color:var(--base-color);-webkit-app-region:drag}.header,.header-right{display:flex;align-items:center}.header-right{flex:1;justify-content:space-between;height:100%;margin-left:32px}.header-right-left{display:flex;align-items:center}.header-right-right{cursor:auto}.header-right-right,.header-window{display:flex;align-items:center;height:100%}.header-window{padding-left:20px}.header button{-webkit-app-region:no-drag}button.v-easy-button.header-window-btn{padding:0 10px;margin:0!important;border-radius:0;outline:none;opacity:.6;transition:all .2s;-webkit-app-region:no-drag}button.v-easy-button.header-window-btn:hover{opacity:1}button.v-easy-button.header-window-btn:focus{outline:none;box-shadow:none}.container-sm .header{display:none}.container-md .header{cursor:-webkit-grab;cursor:grab}.container-lg .header{cursor:auto!important}.v-color-bottom .v-easy-input-middle{width:200px}.sidebar-profile{position:absolute;top:0;left:100%;z-index:99;width:320px;height:400px;padding:4px 0;background:#fff;border-radius:4px;box-shadow:0 0 6px 0 #dcdcdc}.sidebar-nav-login{padding:10px 0}.sidebar-nav-loginbox{position:relative;display:flex;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:var(--secondary-text)}.sidebar-nav-loginbox:after{display:block;width:0;height:0;margin-right:10px;margin-left:6px;content:"";border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #8e8e8e}.sidebar-nav-loginbox>span{padding-left:8px}.sidebar-nav-loginbox>span:hover{color:var(--secondary-text-hover);cursor:default}.sidebar-hr{width:100%;height:1px;margin:4px 0;background:#ededed}.sidebar-x__info{margin:20px 0}.sidebar-x__info,.sidebar-x__item{display:flex;justify-content:center}.sidebar-x__item{flex-direction:column;align-items:center;width:94px;height:56px}.sidebar-x__item:not(:last-child){border-right:1px solid #f2f2f2}.sidebar-x__item>div:first-child{font-size:24px;font-weight:500;color:#000}.sidebar-x__item>div:nth-child(2){font-size:12px;color:#6b6b6b}.sidebar-x__item:hover{cursor:pointer}.sidebar-x__item:hover>div:nth-child(2){color:#4c4c4c}.sidebar-x__signin,.sidebar-x__unsignin{display:flex;align-items:center;justify-content:center;width:96px;height:32px;margin-bottom:14px;border-radius:32px}.sidebar-x__signin{color:#b7bdb7;border:1px solid #cfcfcf}.sidebar-x__signin:hover{cursor:default}.sidebar-x__unsignin{color:#6b6b6b;border:1px solid #f2f2f2}.sidebar-x__unsignin:hover{color:#4c4c4c;cursor:pointer;border-color:#afafaf}.x-cell{display:flex;justify-content:space-between;width:100%;height:36px;padding-right:10px;padding-left:20px}.x-cell__left,.x-cell__right{display:flex;align-items:center}.x-cell__left .icon{margin-right:10px}.x-cell__right{font-size:12px;color:#afafaf}.x-cell__rightarrow{margin-left:10px}.x-cell:hover{cursor:pointer;background:#f2f2f2}.sidebar{padding:10px;border-right:.5px solid #dcdfe6}.sidebar-nav-contanier{height:calc(100% - 72px);overflow-x:hidden;overflow-y:auto}.sidebar-nav-name{display:block;height:40px;padding:0 6px;margin:2px 0;font-size:15px;line-height:40px;color:var(--secondary-text)}.sidebar-nav-name:hover{color:var(--secondary-text-hover);background-color:#f3f3f3}.sidebar-nav-active .sidebar-nav-name{color:var(--active-color);background-color:#f3f3f3}.sidebar-nav-active .sidebar-nav-name:hover{color:var(--active-color)}.sidebar-nav-header{padding:0 6px;margin-top:16px;margin-bottom:10px;color:#c8c8c8}.van-button.auth-button{height:auto;padding:10px 0;font-size:16px;color:#fff;background-color:var(--base-color);border:none;border-radius:4px}.van-button.auth-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;content:" ";background-color:#000;border:inherit;border-color:#000;border-radius:inherit;opacity:0;transform:translate(-50%,-50%)}.van-button.auth-button:hover:before{opacity:.05}.link-auth__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #c8c8c8;border-radius:50%}.link-line,.link-line:hover{color:#333;text-decoration:underline}.link-line:hover{cursor:pointer}.link-light,.link-light:hover{color:#507daf}.link-normal,.link-normal:hover{color:#a9a9a9}.link-auth{display:flex;flex-direction:column;align-items:center;width:36px}.link-auth span{padding-top:4px;color:#b8b8b8;word-break:keep-all}.link-auth:hover{cursor:pointer}.link-auth:hover span{color:#333}.link-auth:hover .link-auth__icon{background-color:#f5f5f5}.ra-inputfield{display:flex;align-items:center}.ra-inputfield input{width:100%;height:38px;padding:0 6px 0 10px;font-size:14px;border:none}.ra-inputfield input::-webkit-input-placeholder{font-size:12px;font-weight:400;color:#b8b8b8}.ra-inputfield svg{display:block}.ra-inputfield__box{flex:1}.auth-view{position:relative;width:350px;height:530px;padding:10px;font-size:12px;color:#999;background:#fff;border-radius:6px}.auth-view__close{display:block}.auth-view__close:hover{cursor:pointer}.auth-view__box{padding:0 42px}.auth-view__icon{margin-top:30px}.auth-view__icon svg{fill:var(--base-color-background)!important}.auth-view__smscode{display:flex}.auth-view__smscode>div{flex:1;overflow:hidden;border:1px solid #dedede;border-radius:4px}.auth-view__smscode>div:first-child{margin-right:10px}.auth-view__smscode>div:nth-child(2){display:flex;align-items:center;justify-content:center;background:#dedede}.auth-view__smscode>div:nth-child(2).actived{border:none}.auth-view__smscode>div:nth-child(2) .van-count-down{color:#9d9d9d}.auth-view__inputbox{margin:30px 0 0;overflow:hidden;font-size:12px;color:#a9a9a9;border:1px solid #dedede;border-radius:4px}.auth-view__inputbox>div:not(:last-child){border-bottom:1px solid #dedede}.auth-view__submit{background:var(--base-color)}.auth-view__clause{display:flex;align-items:center;justify-content:center;font-size:10px}.auth-view__clause .vchj{flex:1}.auth-view__error{display:flex;align-items:center;justify-content:flex-end;height:38px;font-size:12px;color:#d33a31}.auth-view__error svg{fill:#d33a31!important}.auth-view .register{margin:12px 0 24px;text-align:center}.auth-view .others{display:flex;justify-content:center;margin-bottom:30px}.auth-view__tiptext{height:38px;padding-top:4px;font-size:.72rem;color:#a9a9a9}.auth-view__tipstrong{margin:30px 0;font-size:.72rem;color:#333;text-align:center}.country-code{display:flex;align-items:center;align-self:stretch;padding:0 8px;border-right:1px solid #dedede}.country-code__num{padding-top:2px;padding-left:8px;font-size:10px;color:#333}.signup-others{margin-top:50px}.signup-others__label{display:flex;align-items:center;justify-content:center;margin-bottom:10px;color:#333}.signup-others__label span{padding:0 8px}.signup-others__label:after{flex:1;height:1px;content:"";background:linear-gradient(45deg,#ccc,#f8f8f8)}.signup-others__label:before{flex:1;height:1px;content:"";background:linear-gradient(-45deg,#ccc,#f8f8f8)}.auth-back{position:absolute;bottom:10px;left:50%;color:#333;text-align:center;transform:translateX(-50%)}.absolutefill,.mask-wrapper{position:fixed;top:0;right:0;bottom:0;left:0}.mask-wrapper{z-index:999;background:rgba(0,0,0,.5)}.main-container{position:relative;display:grid;grid-template-rows:100%;grid-template-columns:var(--sidebar-width) minmax(calc(100% - var(--sidebar-width)),1fr);height:100%}.main-container .content{position:relative;height:100%;overflow:auto}.main-container .content>div{height:100%}.buffer-block{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.buffer-block>div{position:absolute;height:100%;background-color:#d4d4d4}.buffer-block>div:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.buffer-block>div:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.progress{display:flex;align-items:center;width:100%}.progress-command{position:relative;flex:1;height:4px;margin:0 10px;background-color:var(--background-darken);border-radius:4px}.progress-command:hover{height:8px}.progress-command:hover .progress-command--indicator>button{display:block}.progress-command-active{height:8px}.progress-command-active .progress-command--indicator>button{display:block}.progress-command--indicator{position:relative;width:0;height:100%;background-color:var(--base-color);border-radius:8px}.progress-command--indicator>button{position:absolute;top:-2px;right:-6px;display:none;width:12px;height:12px;padding:0;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;border:1.5px solid var(--base-color);border-radius:50%}.progress-command--indicator>button:focus{outline:none}.progress-tip{min-width:40px;text-align:center}.music-command{display:flex;flex:1;justify-content:center}.music-command-center{display:flex;flex-wrap:wrap;justify-content:center;width:440px}.music-command-group{display:flex;align-items:center;justify-content:space-between;width:80%;margin-bottom:10px}.music-command-group--function{display:flex;flex:1;align-items:center;justify-content:space-around}.music-command-bottom{display:flex;align-items:center;width:100%;height:12px}.music-command .audio-background{display:none}.music-time{font-size:12px}@-webkit-keyframes loading{to{transform:rotate(1turn)}}@keyframes loading{to{transform:rotate(1turn)}}.theme-btn-color{color:var(--base-color)}.theme-btn-color svg{fill:#5a5a5a!important}.theme-btn-color--loading{-webkit-animation:loading 2s linear infinite;animation:loading 2s linear infinite}.history-music{width:420px;height:100%;padding:10px;margin-left:auto;background-color:#fff;box-shadow:-2px 0 6px 0 #dfdfdf}.history-music-control{width:40%;margin:0 auto;margin-bottom:10px}.history-music-content{height:calc(100% - 50px);overflow:auto}.history-music-content .active-play{color:#fff;background-color:#9faaaf}.history-music-content .active-play:hover td{background-color:#9faaaf!important}.visible-right-bottom-enter-active,.visible-right-bottom-leave-active{transition:transform .3s;transform-origin:right bottom}.visible-right-bottom-enter-from{transform:scale(0)}.visible-right-bottom-enter-to,.visible-right-bottom-leave-from{transform:scale(1)}.visible-right-bottom-leave-to{transform:scale(0)}.volume{justify-content:space-between;width:180px;margin-right:20px}.volume,.volume-bar{display:flex;align-items:center}.volume-bar{width:140px}@-webkit-keyframes playing{to{transform:rotate(1turn)}}@keyframes playing{to{transform:rotate(1turn)}}.song-details{width:100%;height:100%;padding:0 40px;background-color:#fafafa}.song-details .v-easy-scroll-wrap--view{height:100%}.song-details-center{display:flex;align-items:center;width:800px;height:100%;margin:0 auto}.song-details-left{min-width:270px;height:100%;margin-top:50px;margin-right:80px}div.song-details-left-pic{display:flex;align-items:center;justify-content:center;width:270px;max-width:100%;height:270px;background-color:transparent!important;background-image:url(../img/vinyl.e4142e77.svg);-webkit-animation:playing 10s linear infinite;animation:playing 10s linear infinite}div.song-details-left-pic--playing{-webkit-animation-play-state:running;animation-play-state:running}div.song-details-left-pic--pause{-webkit-animation-play-state:paused;animation-play-state:paused}div.song-details-left-pic img{position:inherit;width:60%;height:60%;border-radius:50%}.song-details-left-extra{display:flex;align-items:center;justify-content:center;margin-top:20px}.song-details-left-extra button.button-is-circle{margin-right:20px;background-color:var(--background-darken)}.song-details-left-extra button.button-is-circle:hover{background-color:var(--background-darken-hover)}.song-details-right{display:flex;flex:1;flex-direction:column;height:100%}.song-details-right--title{padding:0 10px;margin-top:30px;margin-bottom:20px;font-size:24px}.song-details-right--lyrics{flex:1;width:100%;overflow:hidden}.song-details-right--lyrics-contanier{height:100%;padding:0 10px}.song-details-right--lyrics-contanier .placeholder,.song-details-right--lyrics-contanier:after,.song-details-right--lyrics-contanier:before{display:block;height:50%;content:""}.song-details-right--lyrics-contanier div{height:50px;overflow:hidden;line-height:50px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.song-details-right--lyrics-contanier .lyrics-active{font-size:16px;font-weight:700;color:var(--primary-theme-text)}.song-details-right--lyrics-contanier .lyrics-placeholder{height:50%}.song-details-right--lyrics .v-easy-scroll,.song-details-right--lyrics .v-easy-scroll-wrap{height:100%}.visible-left-bottom-enter-active,.visible-left-bottom-leave-active{transition:transform .3s;transform-origin:left bottom}.visible-left-bottom-enter-from{transform:scale(0)}.visible-left-bottom-enter-to,.visible-left-bottom-leave-from{transform:scale(1)}.visible-left-bottom-leave-to{transform:scale(0)}.effect-trigger{margin-right:20px;cursor:pointer}.effect-trigger,.footer{display:flex;align-items:center}.footer{position:relative;background-color:var(--background-lighter)}.footer-left{z-index:1;width:var(--sidebar-width);padding:0 20px}.footer-left,.footer-right{display:flex;align-items:center;height:100%}.footer-right{flex:1}.footer-reduction{position:absolute;top:-38px;right:10px;display:none}.footer-music-thumbnail{display:flex;align-items:center;width:100%}.footer-music-thumbnail .music-pic{width:62px;min-width:62px;height:62px;margin-right:10px;background-size:contain;border-radius:4px}.footer-music-thumbnail .music-pic-active{cursor:pointer}.footer-music-des>div{white-space:nowrap}.footer-music-des--title{font-size:16px}.footer-music-des--author{display:flex;align-items:center;font-size:13px}.footer-music-des--author div{margin-right:4px;cursor:pointer}.footer-music-des--author div:not(:last-child):after{content:"/"}.container-sm .footer-reduction{display:block}.schedule{position:relative}.schedule-percentage{position:absolute;top:0;left:0;z-index:4;width:100%;height:4px;overflow:hidden}.schedule-percentage>div{height:100%;background-color:var(--success-color);transition:width .2s,opacity 2s}.auto{position:fixed;right:10px;bottom:10px;z-index:9999;min-width:180px;overflow:hidden;background-color:#fff;border-radius:4px}.auto-header{padding:10px;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--base-color);border-radius:4px 4px 0 0}.auto-body{padding:10px;background-color:var(--background-darken)}.container{position:relative;display:grid;grid-template-rows:60px minmax(360px,calc(100% - 120px)) 80px;grid-template-columns:100%;width:100%;height:100%;box-shadow:-1px 2px 6px 2px #dcdcdc;transition:width .2s,height .2s,transform .2s;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.container-offline{grid-template-rows:60px 40px minmax(360px,calc(100% - 120px)) 80px}.container-sm{position:absolute;bottom:0;grid-template-rows:80px;width:100%;height:80px;transform:matrix(1,0,0,1,0,0)!important}.container-sm .schedule{display:none}.container-md{width:1024px;height:700px}.container-lg{transform:matrix(1,0,0,1,0,0)!important}.container-draging{transition:none}.container-electron{width:100%;height:100%;box-shadow:none}#app,body,html{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}