.jh-dialog-box{position:fixed;left:0;right:0;top:0;bottom:0;z-index:1996;background-color:rgba(0,0,0,.5);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;backdrop-filter:blur(6px)}.jh-dialog-box.jh-dialog-fade-enter-active{-webkit-animation:jh-dialog-fadein .3s;animation:jh-dialog-fadein .3s}.jh-dialog-box.jh-dialog-fade-enter-active .jh-dialog-content{-webkit-animation:jh-dialog-zoom .3s;animation:jh-dialog-zoom .3s}.jh-dialog-box .jh-dialog-wrapper{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1996}.jh-dialog-box .jh-dialog-wrapper .jh-dialog-content{width:420px;border-radius:4px;background:rgba(0,0,0,.6)}@media (max-width:767px){.jh-dialog-box .jh-dialog-wrapper .jh-dialog-content{width:270px;border-radius:10px;text-align:center}}.jh-dialog-box .jh-dialog-wrapper .jh-dialog-content .jh-dialog-head{padding:15px;padding-bottom:0;font-size:18px;color:#fff}.jh-dialog-box .jh-dialog-wrapper .jh-dialog-content .jh-dialog-text{padding:20px 15px;line-height:22px;font-size:14px;color:hsla(0,0%,100%,.7)}.jh-dialog-box .jh-dialog-wrapper .jh-dialog-content .jh-dialog-btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 15px 10px;text-align:center;color:hsla(0,0%,100%,.7)}@media (min-width:768px){.jh-dialog-box .jh-dialog-wrapper .jh-dialog-content .jh-dialog-btns{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.jh-dialog-box .jh-dialog-wrapper .jh-dialog-content .jh-dialog-btns div{display:block;padding:8px 15px;border-radius:2px;border:1px solid hsla(0,0%,100%,.6);font-size:14px;cursor:pointer}.jh-dialog-box .jh-dialog-wrapper .jh-dialog-content .jh-dialog-btns div:not(:first-of-type){margin-left:10px}.jh-dialog-box .jh-dialog-wrapper .jh-dialog-content .jh-dialog-btns div:hover{color:#fff;border:1px solid #fff}}@media (max-width:767px){.jh-dialog-box .jh-dialog-wrapper .jh-dialog-content .jh-dialog-btns{padding:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.jh-dialog-box .jh-dialog-wrapper .jh-dialog-content .jh-dialog-btns div{-webkit-box-flex:1;-ms-flex:1;flex:1;line-height:22px;padding:10px 0;border-top:1px solid rgba(0,0,0,.35);font-size:18px}.jh-dialog-box .jh-dialog-wrapper .jh-dialog-content .jh-dialog-btns div:not(:first-of-type){border-left:1px solid rgba(0,0,0,.35)}}@-webkit-keyframes jh-dialog-fadein{0%{opacity:0}to{opacity:1}}@keyframes jh-dialog-fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes jh-dialog-zoom{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes jh-dialog-zoom{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.jh-header{position:absolute;top:0;left:0;width:100%;height:60px}@media (max-width:768px){.jh-header{background:rgba(0,0,0,.3)}}.jh-header .header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:60px;color:#fff;font-size:18px}@media (max-width:768px){.jh-header .header{padding-left:15px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}@media (max-width:414px){.jh-header .header{font-size:14px}}.jh-header .header .visitor{margin-left:6px;height:20px}@media (max-width:414px){.jh-header .header .visitor{display:none}}.jh-header .user{position:absolute;top:50%;right:15px;line-height:30px;text-align:right;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.jh-header .user-info{float:left;margin-right:15px;cursor:pointer}.jh-header .user-info .avatar{width:30px;height:30px;border-radius:50%;vertical-align:middle}.jh-header .user-info span{margin-left:10px;color:#fff}.jh-header .user-btn{float:left;cursor:pointer}.jh-header .user-btn:hover{color:#fff}@media (max-width:768px){.jh-header .user-info{margin-right:10px}.jh-header .user-info span{display:none}}.jh-dialog-text{text-align:left}.jh-dialog-text .jh-dialog-input{width:100%;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 15px;border:1px solid hsla(0,0%,100%,.6);outline:0;background:transparent;color:#fff;font-size:14px;-webkit-box-shadow:inset 0 0 1px 0 #fff;box-shadow:inset 0 0 1px 0 #fff}.jh-dialog-text .jh-dialog-input::-webkit-input-placeholder{color:hsla(0,0%,100%,.6)}.jh-dialog-text .jh-dialog-input::-moz-placeholder{color:hsla(0,0%,100%,.6)}.jh-dialog-text .jh-dialog-input:-ms-input-placeholder{color:hsla(0,0%,100%,.6)}.jh-dialog-text .jh-dialog-input::-ms-input-placeholder{color:hsla(0,0%,100%,.6)}.jh-dialog-text .jh-dialog-input::placeholder{color:hsla(0,0%,100%,.6)}.jh-dialog-text a:hover{color:#d43c33}#app{width:100%;height:100%;color:hsla(0,0%,100%,.6);font-size:14px}#app audio,.jh-toast{position:fixed}.jh-toast{left:50%;z-index:1996;max-width:80%;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;padding:10px 20px;overflow:hidden;text-align:center;min-height:40px;line-height:20px;font-size:14px;color:#fff;background:rgba(0,0,0,.5);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.jh-toast.jh-toast-top{top:10%}.jh-toast.jh-toast-center{top:50%;margin-top:-20px}.jh-toast.jh-toast-bottom{bottom:10%}.toast-fade-enter{opacity:0;-webkit-transform:translate3d(-50%,-10px,0);transform:translate3d(-50%,-10px,0)}.toast-fade-enter-active{will-change:transform;-webkit-transition:all .2s;transition:all .2s}.toast-fade-enter-to{opacity:1;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.iconfont{display:inline-block;font-style:normal;font-weight:400;font-variant:normal;line-height:1;vertical-align:baseline;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-tap-highlight-color:transparent}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;color:inherit}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}#app,body,html{width:100%;height:100%;overflow:hidden}body{min-width:320px;font-family:Arial}#app{position:relative}.cover-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hover,.pointer{cursor:pointer}.hover{color:hsla(0,0%,100%,.6)}.hover:hover{color:#fff}.text-left{text-align:left}.clearfix:after{display:block;content:"";clear:both}.flex,.flex-col{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex-1{-webkit-box-flex:1;-ms-flex:1;flex:1}.overflow-hidden{overflow:hidden}::-webkit-scrollbar{background-color:rgba(0,0,0,.3);width:5px;height:5px;border-radius:10px}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-track{display:none;border-radius:10px}::-webkit-scrollbar-track-piece{border-radius:10px}::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.5);border-radius:10px}::-webkit-resizer,::-webkit-scrollbar-corner{border-radius:10px}.clear:after{content:"";clear:both;display:table}.fl{float:left}.fr{float:right}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;outline:none;border:none;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-decoration:none;background-color:transparent;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;padding:6px 16px;font-size:.875rem;min-width:64px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,border .25s cubic-bezier(.4,0,.2,1) 0ms,-webkit-box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,border .25s cubic-bezier(.4,0,.2,1) 0ms,-webkit-box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border .25s cubic-bezier(.4,0,.2,1) 0ms;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border .25s cubic-bezier(.4,0,.2,1) 0ms,-webkit-box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms;line-height:1.75;border-radius:4px;letter-spacing:.02857em;text-transform:uppercase;color:#fff;background-color:#1976d2}.btn,.strong-text{font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:500}.strong-text{color:#262626}.m10{margin:10px}.s-model{position:relative;width:300px;height:300px;border-radius:4px;overflow:hidden;margin:12px}.s-model .img-bg-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.s-model .img-bg-wrapper img{width:100%;height:100%;-webkit-filter:blur(40px);filter:blur(40px)}.s-model .s-canvas-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background:rgba(0,0,0,.5)}.s-module-fake{width:300px;margin:0 12px}.lyric-wrapper{height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.lyric-wrapper .lyric-content{background:#e6e6e6 -webkit-gradient(linear,left top,right top,from(#7592f1),to(#7592f1)) no-repeat 0 0;background:#e6e6e6 linear-gradient(90deg,#7592f1,#7592f1) no-repeat 0 0;background-size:0 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:24px;font-family:LXGW WenKai Screen;-webkit-filter:drop-shadow(0 0 1px #262626);filter:drop-shadow(0 0 1px #262626);white-space:nowrap}