#app{min-width:1200px}.header[data-v-76a8d47a]{display:flex;align-items:center;height:60px;text-align:left;background-color:#404854;padding:0 30px}.header .logo[data-v-76a8d47a]{height:30px}@-webkit-keyframes closeAni-data-v-c9895f38{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes closeAni-data-v-c9895f38{0%{opacity:0}50%{opacity:1}to{opacity:0}}.music-list[data-v-c9895f38]{position:relative;display:flex;flex-direction:column;width:320px;height:100%;background:#242a30;padding:0 30px;z-index:1;transition:transform .35s ease-out}.music-list.all .music.remove[data-v-c9895f38]{transition:transform .3s ease-in;transform:translateX(100%)}.music-list.all.is-close[data-v-c9895f38]{transform:translateX(-100%)}.music-list.all.is-close .close[data-v-c9895f38]{transform:translate(94%,-50%);border-radius:0 10px 10px 0;background:rgba(0,0,0,.6);-webkit-animation:closeAni-data-v-c9895f38 2s infinite;animation:closeAni-data-v-c9895f38 2s infinite;border:transparent}.music-list.all.is-close .close[data-v-c9895f38]:hover{background:rgba(0,0,0,.8);-webkit-animation:none;animation:none}.music-list.all .close[data-v-c9895f38]{border-radius:10px 0 0 10px;border-left:1px solid #cecfcf}.music-list.selected .music.remove[data-v-c9895f38]{transition:transform .3s ease-in;transform:translateX(-100%)}.music-list.selected.is-close[data-v-c9895f38]{transform:translateX(100%)}.music-list.selected.is-close .close[data-v-c9895f38]{transform:translate(-94%,-50%);border-radius:10px 0 0 10px;background:rgba(0,0,0,.6);-webkit-animation:closeAni-data-v-c9895f38 2s infinite;animation:closeAni-data-v-c9895f38 2s infinite;border:transparent}.music-list.selected.is-close .close[data-v-c9895f38]:hover{background:rgba(0,0,0,.8);-webkit-animation:none;animation:none}.music-list.selected .close[data-v-c9895f38]{right:auto;left:0;border-radius:0 10px 10px 0;border-right:1px solid #cecfcf}.music-list .close[data-v-c9895f38]{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;right:0;width:20px;height:60px;transform:translateY(-50%);cursor:pointer;transition:background .2s ease-in;border-top:1px solid #cecfcf;border-bottom:1px solid #cecfcf}.music-list .close[data-v-c9895f38]:hover{background:#cecfcf}.music-list .title[data-v-c9895f38]{color:#aab5b7;font-size:18px;margin:20px 0 0}.music-list .scroll[data-v-c9895f38]{flex:1;overflow-x:hidden;overflow-y:scroll}.music-list .music[data-v-c9895f38]{display:flex;justify-content:space-between;align-items:center;height:48px;color:#6c7383;font-size:16px;margin:9px 0}.music-list .music .name[data-v-c9895f38]{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-right:10px}.music-list .music .button .add[data-v-c9895f38]{font-size:30px;color:#aab5b7;cursor:pointer}.player-ctrl[data-v-6f0d1c77]{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.player-ctrl .ctrl[data-v-6f0d1c77]{position:relative;height:70%}.player-ctrl .ctrl .title[data-v-6f0d1c77]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);top:23%;color:#fff;font-size:40px}.player-ctrl .ctrl .bg[data-v-6f0d1c77]{height:100%}.player-ctrl .ctrl .content[data-v-6f0d1c77]{display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;top:0;left:0;width:100%;height:100%}.player-ctrl .ctrl .content .play[data-v-6f0d1c77]{position:relative;display:flex;justify-content:center;align-items:center;width:150px;height:150px;border-radius:50%;border:5px solid #fff;cursor:pointer;z-index:1}.player-ctrl .ctrl .content .play[data-v-6f0d1c77]:hover{opacity:.8}.player-ctrl .ctrl .content .play img[data-v-6f0d1c77]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40%}.player-ctrl .ctrl .content .play img.play-icon[data-v-6f0d1c77]{left:54%}.home[data-v-69239282]{height:100vh;overflow:hidden}.home .content[data-v-69239282]{position:relative;height:calc(100vh - 60px);display:flex;justify-content:space-between}.home .content .mask[data-v-69239282]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(88,96,109,.9)}.home .content .player[data-v-69239282]{position:absolute;width:100%;height:100%;background:url(https://open.saintic.com/api/bingPic) no-repeat;background-size:cover;transition:transform .35s ease-out}.home .content .player.left-show[data-v-69239282]{transform:translate(320px)}.home .content .player.right-show[data-v-69239282]{transform:translate(-320px)}.home .content .player.left-show.right-show[data-v-69239282]{transform:translate(0)}::-webkit-scrollbar{width:0;height:0}*{-ms-scroll-chaining:chained;-ms-content-zooming:zoom;-ms-scroll-rails:none;-ms-content-zoom-limit-min:100%;-ms-content-zoom-limit-max:500%;-ms-scroll-snap-type:proximity;-ms-scroll-snap-points-x:snapList(100%,200%,300%,400%,500%);-ms-overflow-style:none}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;height:100%}body{margin:0;font-size:14px;line-height:1.5;color:#333;background-color:#fff;min-height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background:transparent;text-decoration:none;color:#333}a:active{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;vertical-align:middle;max-width:100%}svg:not(:root){overflow:hidden}pre{overflow:auto;white-space:pre;white-space:pre-wrap;word-wrap:break-word}code,kbd,pre,samp{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;vertical-align:middle}button,input,select{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:border-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto;resize:vertical;vertical-align:top}optgroup{font-weight:700}button,input,select,textarea{outline:0}input,textarea{-webkit-user-modify:read-write-plaintext-only}input::-ms-clear,input::-ms-reveal{display:none}input::-moz-placeholder,textarea::-moz-placeholder{color:#999}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999}.placeholder{color:#999}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}blockquote,figure,form,h1,h2,h3,h4,h5,h6,p{margin:0}dd,dl,li,ol,ul{margin:0;padding:0}ol,ul{list-style:none outside none}h1,h2,h3{line-height:2;font-weight:400}h1{font-size:18px}h2{font-size:16px}h3{font-size:14px}i{font-style:normal}*{box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}