.log-setting .log-toolbar .x-btn,.loginmenu .x-btn,.mainfunctions .x-btn,.media-win .x-btn,.sg-window .top-bar .x-btn,.sg-window .x-toolbar .x-btn,.upload-lrc-field .x-btn{box-shadow:none!important;padding:0 10px;height:30px;min-width:100px}*{font-family:segoe ui,Arila,Helvetica,Microsoft YaHei,Heiti TC,LiHei Pro,WenQuanYi Zen Hei!important;font-weight:400!important}body[data-appearance=light] .setting-body-default,body[data-appearance=light] .x-column-header,body[data-appearance=light] .x-grid-item,body[data-appearance=light] .x-panel-body-default,body[data-appearance=light] .x-panel-header-default,body[data-appearance=light] .x-toolbar-default{background-color:#fff;color:#1c1c1c}body[data-appearance=dark] .setting-body-default,body[data-appearance=dark] .x-column-header,body[data-appearance=dark] .x-grid-item,body[data-appearance=dark] .x-panel-body-default,body[data-appearance=dark] .x-panel-header-default,body[data-appearance=dark] .x-toolbar-default{background-color:#141414;color:rgba(255,255,255,.7)}body[data-appearance=light] .x-form-display-field-default,body[data-appearance=light] .x-form-item-label-inner-default,body[data-appearance=light] .x-title-text-default,body[data-appearance=light] .x-toolbar-text{color:#1c1c1c}body[data-appearance=dark] .x-form-display-field-default,body[data-appearance=dark] .x-form-item-label-inner-default,body[data-appearance=dark] .x-title-text-default,body[data-appearance=dark] .x-toolbar-text{color:rgba(255,255,255,.7)}.x-grid .x-grid-header-ct{background-color:transparent;border-color:transparent}.x-grid .x-column-header-over{background-color:transparent!important}body[data-appearance=light] .x-grid .x-grid-item{border-bottom:1px solid #fff}body[data-appearance=dark] .x-grid .x-grid-item{border-bottom:1px solid #141414}body[data-appearance=light] .x-grid .x-grid-item.x-grid-item-alt{background-color:rgba(151,151,151,.08)}body[data-appearance=dark] .x-grid .x-grid-item.x-grid-item-alt{background-color:rgba(151,151,151,.08)}body[data-appearance=light] .x-grid .x-grid-item.x-grid-item-over{background-color:rgba(138,138,138,.26)}body[data-appearance=dark] .x-grid .x-grid-item.x-grid-item-over{background-color:rgba(138,138,138,.26)}body[data-appearance=light] .x-grid .x-grid-item.x-grid-item-selected{background-color:rgba(209,80,80,.3)}body[data-appearance=dark] .x-grid .x-grid-item.x-grid-item-selected{background-color:rgba(209,80,80,.3)}body[data-appearance=light] .x-grid .x-toolbar-separator-horizontal{border-color:#1c1c1c}body[data-appearance=dark] .x-grid .x-toolbar-separator-horizontal{border-color:rgba(255,255,255,.7)}.x-grid .x-grid-checkcolumn{width:16px;height:16px;background:url("../images/checkbox.png") no-repeat}.x-grid .x-grid-checkcolumn.x-grid-checkcolumn-checked{background-position:-16px 0!important}body[data-appearance=light] .x-column-header,body[data-appearance=light] .x-panel-body-default,body[data-appearance=light] .x-toolbar-default{border-color:#dbdbdb}body[data-appearance=dark] .x-column-header,body[data-appearance=dark] .x-panel-body-default,body[data-appearance=dark] .x-toolbar-default{border-color:#606060}.x-menu-item-separator{border:none!important;margin-top:8px!important}body[data-appearance=light] .x-menu-item-separator{background:#b9b9b9}body[data-appearance=dark] .x-menu-item-separator{background:#3d3d3d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:5px}body[data-appearance=light] ::-webkit-scrollbar-thumb{background:#e5e5e5}body[data-appearance=dark] ::-webkit-scrollbar-thumb{background:#6a6a6a}body[data-appearance=light] ::-webkit-scrollbar-thumb:hover{background:#c8c8c8}body[data-appearance=dark] ::-webkit-scrollbar-thumb:hover{background:#8a8a8a}:-ms-input-placeholder,::-moz-placeholder,::-webkit-input-placeholder{opacity:1}body[data-appearance=light] :-ms-input-placeholder,body[data-appearance=light] ::-moz-placeholder,body[data-appearance=light] ::-webkit-input-placeholder{color:rgba(0,0,0,.3)}body[data-appearance=dark] :-ms-input-placeholder,body[data-appearance=dark] ::-moz-placeholder,body[data-appearance=dark] ::-webkit-input-placeholder{color:rgba(255,255,255,.3)}.x-form-radio-default{width:16px;height:16px;background:url("../images/radio.png") no-repeat}.x-form-checkbox-default{width:16px;height:16px;background:url("../images/checkbox.png") no-repeat}.x-form-cb-checked .x-form-checkbox-default,.x-form-cb-checked .x-form-radio-default{background-position:-16px 0!important}.x-form-item .x-form-item-label-default .x-form-item-label-inner{text-align:right;padding-right:16px}body[data-appearance=light] .x-form-item .x-form-item-label-default .x-form-item-label-inner{color:rgba(0,0,0,.8)}body[data-appearance=dark] .x-form-item .x-form-item-label-default .x-form-item-label-inner{color:#fff}body[data-appearance=light] .x-form-item .x-form-cb-label,body[data-appearance=light] .x-form-item .x-form-display-field{color:rgba(0,0,0,.8)}body[data-appearance=dark] .x-form-item .x-form-cb-label,body[data-appearance=dark] .x-form-item .x-form-display-field{color:rgba(255,255,255,.8)}body[data-appearance=light] .x-form-item .x-form-radio-group .x-form-type-radio .x-form-cb-label-default{color:rgba(0,0,0,.5)}body[data-appearance=dark] .x-form-item .x-form-radio-group .x-form-type-radio .x-form-cb-label-default{color:rgba(255,255,255,.5)}body[data-appearance=light] .x-form-item .x-form-radio-group .x-form-type-radio.x-form-cb-checked .x-form-cb-label-default{color:rgba(0,0,0,.8)}body[data-appearance=dark] .x-form-item .x-form-radio-group .x-form-type-radio.x-form-cb-checked .x-form-cb-label-default{color:rgba(255,255,255,.8)}.x-form-item .x-form-item-body-default{height:32px}.x-form-item .x-form-item-body-default .x-field-form-focus{padding-top:3px;padding-left:5px}.x-form-item .x-form-textarea-body{height:100%}.x-form-item .x-form-textarea-body .x-form-trigger-wrap-default{padding-right:0}.x-form-item .x-form-trigger-wrap-default{border:1px solid;border-radius:4px;padding-right:8px}body[data-appearance=light] .x-form-item .x-form-trigger-wrap-default{background-color:#f2f2f2;border-color:#d6d6d6}body[data-appearance=dark] .x-form-item .x-form-trigger-wrap-default{background-color:#565656;border-color:#646464}.x-form-item .x-form-trigger-wrap-default.x-form-trigger-wrap-focus{border-width:2px;border-color:#d15050!important}body[data-appearance=light] .x-form-item .x-form-trigger-wrap-default.x-form-trigger-wrap-focus{background-color:#fff}body[data-appearance=dark] .x-form-item .x-form-trigger-wrap-default.x-form-trigger-wrap-focus{background-color:#141414}.x-form-item .x-form-trigger-wrap-default.x-form-trigger-wrap-invalid{border-width:2px;border-color:#ff7f7f!important}.x-form-item .x-form-trigger-wrap-default .x-form-text-default{background-color:transparent}body[data-appearance=light] .x-form-item .x-form-trigger-wrap-default .x-form-text-default{color:#000}body[data-appearance=dark] .x-form-item .x-form-trigger-wrap-default .x-form-text-default{color:#fff}.x-form-item .x-form-trigger-wrap-default .x-form-trigger-default{width:16px;background-image:url("../images/ic_text_arrow.png");background-repeat:no-repeat;background-color:transparent}.x-form-item .x-form-trigger-wrap-default .x-form-trigger-default.x-form-trigger-focus,.x-form-item .x-form-trigger-wrap-default .x-form-trigger-default.x-form-trigger-over{background-position:0 center}.x-boundlist{border-radius:4px;border:0;box-shadow:0 3px 6px rgba(0,0,0,.5)}body[data-appearance=light] .x-boundlist{color:rgba(0,0,0,.8);background-color:#fff}body[data-appearance=dark] .x-boundlist{color:rgba(255,255,255,.56);background-color:#3b3b3b}.x-boundlist li{border:0;height:30px;padding-left:16px;line-height:30px}body[data-appearance=light] .x-boundlist li.x-boundlist-item-over,body[data-appearance=light] .x-boundlist li.x-boundlist-selected{color:rgba(0,0,0,.89);background-color:#dbdbdb}body[data-appearance=dark] .x-boundlist li.x-boundlist-item-over,body[data-appearance=dark] .x-boundlist li.x-boundlist-selected{color:#fff;background-color:#606060}.x-tip{border-radius:2px}body[data-appearance=light] .x-tip{border-color:#b7b7b7;background-color:#d2d2d2}body[data-appearance=dark] .x-tip{border-color:#707070;background-color:#6b6b6b}body[data-appearance=light] .x-tip .x-tip-body{color:rgba(0,0,0,.67)}body[data-appearance=dark] .x-tip .x-tip-body{color:rgba(255,255,255,.67)}.x-tip .x-tip-body-form-invalid{padding:4px 3px 3px 28px}.x-dd-drag-proxy{background:0 0!important;border:none!important;opacity:1!important}.x-dd-drag-proxy .x-dd-drop-icon{top:7px}body[data-appearance=light] .x-dd-drag-proxy .x-dd-drag-ghost{border-color:#b7b7b7;background-color:#d2d2d2;color:rgba(0,0,0,.67)}body[data-appearance=dark] .x-dd-drag-proxy .x-dd-drag-ghost{border-color:#707070;background-color:#6b6b6b;color:rgba(255,255,255,.67)}.x-css-shadow{box-shadow:none!important}body[data-appearance=light] .x-mask{background-color:rgba(255,255,255,.3)}body[data-appearance=dark] .x-mask{background-color:rgba(25,25,25,.5)}.x-mask-msg{height:64px;width:fit-content;border-radius:8px;padding:0;left:50%!important;top:50%!important;transform:translate(-50%,-50%)}body[data-appearance=light] .x-mask-msg{background-color:#fff;border:1px solid #f0f0f0;box-shadow:0 3px 6px rgba(0,0,0,.2)}body[data-appearance=dark] .x-mask-msg{background-color:#191919;border:1px solid #303030;box-shadow:0 3px 6px rgba(0,0,0,.5)}.x-mask-msg .x-mask-msg-text{padding:40px 10px 5px 15px;text-align:center;font-size:14px}body[data-appearance=light] .x-mask-msg .x-mask-msg-text{background:url(../images/loading_light.gif) no-repeat center 10px;color:#707070}body[data-appearance=dark] .x-mask-msg .x-mask-msg-text{background:url(../images/loading_dark.gif) no-repeat center 10px;color:rgba(255,255,255,.56)}body[data-appearance=light] .x-grid-resize-marker{background-color:#dbdbdb}body[data-appearance=dark] .x-grid-resize-marker{background-color:#606060}.x-btn-disabled{pointer-events:none}:focus{outline:0}::-moz-focus-inner{border:0}.x-box-scroller-toolbar-default{opacity:1}.x-box-scroller-toolbar-default.x-box-scroller{top:15px;height:24px;width:14px;background-position:-14px 0}.x-box-scroller-toolbar-default.x-box-scroller-right{background-image:url(../images/scroll-right.gif)}.x-box-scroller-toolbar-default.x-box-scroller-left{background-image:url(../images/scroll-left.gif)}.x-box-scroller-toolbar-default.x-box-scroller-disabled{background-position:0 0!important;opacity:.5}.x-box-scroller-toolbar-default.x-box-scroller-hover{background-position:0 0!important;opacity:1}.x-form-invalid-icon-default{height:16px;width:16px;background:url("../images/ui_information_icon.png") no-repeat}.x-tip-body-form-invalid{background:4px 6px url("../images/ui_information_icon.png") no-repeat}.sg-viewer{padding:20px 30px}.sg-viewer .sg-iconView{margin:1px;display:inline-block;padding:10px 13px;border:1px solid;border-color:transparent;transition-duration:.3s;box-sizing:border-box}.sg-viewer .sg-iconView .cover{width:140px;height:140px;position:relative;-webkit-filter:none;filter:none;overflow:hidden}.sg-viewer .sg-iconView .cover img{max-height:100%;max-width:100%;width:auto;height:auto;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sg-viewer .sg-iconView .cover.artist{width:140px;height:140px;position:relative;-webkit-filter:none;filter:none;border-radius:50%;overflow:hidden}.sg-viewer .sg-iconView .ctl-play{position:absolute;display:none;border:none;background:0 0;width:40px;height:40px;top:50px;left:50px;background-image:url("../images/post_play.png")}.sg-viewer .sg-iconView .ctl-pause{position:absolute;display:none;border:none;background:0 0;width:40px;height:40px;top:50px;left:50px;background-image:url("../images/post_pause.png")}.sg-viewer .sg-iconView:hover{border-radius:5px}body[data-appearance=light] .sg-viewer .sg-iconView:hover{background-color:rgba(138,138,138,.26)}body[data-appearance=dark] .sg-viewer .sg-iconView:hover{background-color:rgba(138,138,138,.26)}.sg-viewer .sg-iconView .artwork{position:relative;border:1px solid}body[data-appearance=light] .sg-viewer .sg-iconView .artwork{border-color:#909090}body[data-appearance=dark] .sg-viewer .sg-iconView .artwork{border-color:#3d3d3d}.sg-viewer .sg-iconView .artwork:hover .cover{transition:.5s filter,.5s -webkit-filter;-webkit-filter:brightness(0.5) opacity(0.9);filter:brightness(.5) opacity(.9)}.sg-viewer .sg-iconView .artwork:hover .ctl-play{display:block;background-position:0}.sg-viewer .sg-iconView .artwork:hover .ctl-play:hover{background-position:-40px}.sg-viewer .sg-iconView .artwork:hover .ctl-play:active{background-position:-80px}.sg-viewer .sg-iconView .artwork:hover .ctl-pause{display:block;background-position:0}.sg-viewer .sg-iconView .artwork:hover .ctl-pause:hover{background-position:-40px}.sg-viewer .sg-iconView .artwork:hover .ctl-pause:active{background-position:-80px}.sg-viewer .sg-iconView .artwork.artist{position:relative;overflow:hidden;border-radius:50%;border:1px solid transparent;filter:brightness(.99)}.sg-viewer span.title{display:inline-block;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:140px;font-size:15px;line-height:24px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body[data-appearance=light] .sg-viewer span.title{color:rgba(0,0,0,.8)}body[data-appearance=dark] .sg-viewer span.title{color:rgba(255,255,255,.89)}.sg-viewer span.subTitle{display:inline-block;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:140px;font-size:13px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body[data-appearance=light] .sg-viewer span.subTitle{color:rgba(0,0,0,.5)}body[data-appearance=dark] .sg-viewer span.subTitle{color:rgba(255,255,255,.56)}.sg-viewer .sg-iconView.x-item-selected{border-radius:5px}body[data-appearance=light] .sg-viewer .sg-iconView.x-item-selected{background-color:rgba(209,80,80,.3)}body[data-appearance=dark] .sg-viewer .sg-iconView.x-item-selected{background-color:rgba(209,80,80,.3)}.sg-viewer div.footer{width:140px;margin-top:5px}.x-view-item-focused{outline:0!important}.listview .x-grid-header-ct .x-column-header-sort-DESC.x-column-header-first .x-column-header-text{background-image:none}.listview .x-grid-header-ct .x-column-header-sort-ASC.x-column-header-first .x-column-header-text{background-image:none}.listview .x-column-header-last{border-right:none}.listview .x-grid-body{border-left:none}.listview .x-grid-item{border:none}.listview .x-grid-row{height:40px}.listview .x-grid-row .column-track .x-grid-cell-inner{padding:0 0;width:36px;margin:0 auto;line-height:16px}.listview .x-grid-row .column-track .ctl-play{display:none;border:none;background:0 0;width:36px;height:36px;background-size:cover;background-image:url("../images/list_play.png")}.listview .x-grid-row .x-grid-cell-inner{width:100%;vertical-align:middle;line-height:24px}.listview .x-grid-row .x-grid-cell-inner .outter-wrapper{height:40px;width:40px;display:inline-block;text-align:center;vertical-align:middle}.listview .x-grid-row .x-grid-cell-inner .outter-wrapper .inner-wrapper{height:40px;padding:2px}.listview .x-grid-row .x-grid-cell-inner .inner-wrapper img{width:36px;height:36px}.listview .x-grid-row .x-grid-cell-inner .inner-wrapper button{position:absolute;display:none;border:none;background:0 0;width:36px;height:36px;background-size:cover;background-image:url("../images/list_play.png");top:0;left:0;right:0;bottom:0}.listview .x-grid-row .x-grid-cell-inner .inner-wrapper button:hover{background-position:-36px}.listview .x-grid-row .x-grid-cell-inner .inner-wrapper button:active{background-position:-72px}.listview .x-grid-row .x-grid-cell-inner .inner-wrapper:hover img{transition:.5s filter,.5s -webkit-filter;-webkit-filter:brightness(0.5) opacity(0.9);filter:brightness(.5) opacity(.9)}.listview .x-grid-row .x-grid-cell-inner .inner-wrapper:hover .playlist{opacity:0}.listview .x-grid-row .x-grid-cell-inner .inner-wrapper:hover .favorite{opacity:0}.listview .x-grid-row .x-grid-cell-inner .inner-wrapper:hover button{display:block}.listview .x-grid-row .x-grid-cell-inner .text{vertical-align:middle;padding-left:5px}.listview .x-grid-row .columns .x-grid-cell-inner .inner-wrapper{position:relative;padding:0;height:36px;width:36px;overflow:hidden;margin:2px}.listview .x-grid-row .columns .x-grid-cell-inner .inner-wrapper.artist{width:36px;height:36px}.listview .x-grid-row .columns .x-grid-cell-inner .inner-wrapper.artist img{transition:none}.listview .x-grid-row .columns .x-grid-cell-inner .inner-wrapper.artist img.mic-img{border-radius:50%}.listview .x-grid-row .columns-title .x-grid-cell-inner .inner-wrapper .favorite{background:url("../images/column_fav.png");background-repeat:no-repeat;display:block;background-position:-20px;width:20px;height:40px;margin:0 auto}.listview .x-grid-row:hover .column-track .x-grid-cell-inner .track{display:none}.listview .x-grid-row:hover .column-track .x-grid-cell-inner .ctl-play{display:inline-block;background-position:0}.listview .x-grid-row:hover .column-track .x-grid-cell-inner .ctl-play:hover{background-position:-36px}.listview .x-grid-row:hover .column-track .x-grid-cell-inner .ctl-play:active{background-position:-72px}.listview .x-grid-td{vertical-align:middle}.listview .x-grid-cell-inner{padding:0 0 0 2px}.listview .x-grid-item.x-grid-item-over{border:none;border-bottom:0}.listview .x-grid-item.x-grid-item-selected{border:none;border-bottom:0}.listview .x-grid-row.playing .column-track .x-grid-cell-inner .ctl-play{display:inline-block;background-image:none}.listview .x-grid-row.playing .column-track .x-grid-cell-inner .ctl-play:before{content:'';background:0 0;width:30px;height:30px;display:inline-block;background-image:url("../images/list_song_play.gif");position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.listview .x-grid-row.playing .column-track .x-grid-cell-inner .ctl-play:hover{background:0 0;width:36px;height:36px;background:url("../images/list_pause.png") no-repeat center;background-size:cover;background-position:0}.listview .x-grid-row.playing .column-track .x-grid-cell-inner .ctl-play:hover:before{display:none}.listview .x-grid-row.playing .column-track .x-grid-cell-inner .ctl-play:hover:active{background-position:-72px}.listview .x-grid-row.playing .column-track .x-grid-cell-inner .track{display:none}.listview .x-grid-row.paused .column-track .x-grid-cell-inner .ctl-play{display:inline-block;background-image:none}.listview .x-grid-row.paused .column-track .x-grid-cell-inner .ctl-play:before{content:'';background:0 0;width:30px;height:30px;display:inline-block;background-image:url("../images/list_song_pause.gif");top:0;left:0;right:0;bottom:0;margin:auto}.listview .x-grid-row.paused .column-track .x-grid-cell-inner .ctl-play:hover{width:36px;height:36px;background:url("../images/list_play.png") no-repeat center;background-size:cover;background-position:0}.listview .x-grid-row.paused .column-track .x-grid-cell-inner .ctl-play:hover:before{display:none}.listview .x-grid-row.paused .column-track .x-grid-cell-inner .ctl-play:hover:active{background-position:-72px}.listview .x-grid-row.paused .column-track .x-grid-cell-inner .track{display:none}.rating{display:flex;flex-direction:row-reverse;justify-content:flex-end;width:100px}.rating label{display:inline-block;position:relative;height:20px;width:20px}.rating label:before{content:'';background:url("../images/column_rating.png");background-repeat:no-repeat;position:absolute;display:inline-block;background-position:-20px;width:20px;height:20px}.rating label:hover:before{background-position:0}.rating label:hover~label:before{background-position:0}.rating input{display:none}.rating input:checked+label:before{background-position:0}.rating input:checked~label:before{background-position:0}.header-favorite .x-column-header-inner .x-column-header-text{background:url("../images/column_fav.png");background-repeat:no-repeat;display:block;background-position:-20px;width:20px;height:20px;margin:0 auto}.favorite{text-align:center}.favorite label{display:inline-block;position:relative;width:20px;height:20px;vertical-align:middle}.favorite label:before{content:'';background:url("../images/column_fav.png");background-repeat:no-repeat;display:inline-block;background-position:0;width:20px;height:20px}.favorite input{display:none}.favorite input:checked+label:before{background-position:-20px}.settinglist{border-right:1px solid}.settinglist .general .x-btn-inner:before{width:40px;height:40px;background-image:url("../images/setting_general.png");background-repeat:no-repeat;display:inline-block;vertical-align:middle;content:'';background-position:0}.settinglist .general:hover .x-btn-inner:before{background-position:-40px}.settinglist .multimedia .x-btn-inner:before{width:40px;height:40px;background-image:url("../images/setting_source.png");background-repeat:no-repeat;display:inline-block;vertical-align:middle;content:'';background-position:0}.settinglist .multimedia:hover .x-btn-inner:before{background-position:-40px}.settinglist .permission .x-btn-inner:before{width:40px;height:40px;background-image:url("../images/setting_premission.png");background-repeat:no-repeat;display:inline-block;vertical-align:middle;content:'';background-position:0}.settinglist .permission:hover .x-btn-inner:before{background-position:-40px}.settinglist .lyric-plugin .x-btn-inner:before{width:40px;height:40px;background-image:url("../images/setting_lyric.png");background-repeat:no-repeat;display:inline-block;vertical-align:middle;content:'';background-position:0}.settinglist .lyric-plugin:hover .x-btn-inner:before{background-position:-40px}.settinglist .log .x-btn-inner:before{width:40px;height:40px;background-image:url("../images/setting_log.png");background-repeat:no-repeat;display:inline-block;vertical-align:middle;content:'';background-position:0}.settinglist .log:hover .x-btn-inner:before{background-position:-40px}body[data-appearance=light] .settinglist{border-color:#dbdbdb}body[data-appearance=dark] .settinglist{border-color:#606060}.settinglist .x-btn-inner{font-size:14px;display:inline-block;padding:0 8px 0 8px}body[data-appearance=light] .settinglist .x-btn-inner{color:rgba(28,28,28,.8)}body[data-appearance=dark] .settinglist .x-btn-inner{color:rgba(255,255,255,.8)}.settinglist .x-btn-wrap{height:40px}.settinglist .x-btn-wrap:hover .x-btn-inner{color:#ff7f7f}.settinglist .x-btn-pressed .x-btn-wrap{border-color:#ff7f7f!important}.settinglist .x-btn-pressed .x-btn-wrap .x-btn-inner{color:#ff7f7f}.settinglist .general.x-btn-pressed .x-btn-inner:before{background-position:-40px}.settinglist .multimedia.x-btn-pressed .x-btn-inner:before{background-position:-40px}.settinglist .permission.x-btn-pressed .x-btn-inner:before{background-position:-40px}.settinglist .lyric-plugin.x-btn-pressed .x-btn-inner:before{background-position:-40px}.settinglist .log.x-btn-pressed .x-btn-inner:before{background-position:-40px}body[data-appearance=light] .setting-grid .x-grid-header-ct{border-color:#dbdbdb}body[data-appearance=dark] .setting-grid .x-grid-header-ct{border-color:#606060}.setting-grid>.x-toolbar-docked-bottom{border-top-width:1px!important}.setting-grid .x-column-header-last{border-right:none}.setting-grid .x-grid-row{height:40px}.setting-grid .x-grid-td{vertical-align:middle}.setting-grid .x-grid-item.x-grid-item-over{border:none;border-bottom:0}.setting-grid .x-grid-item.x-grid-item-selected{border:none;border-bottom:0}.general-setting,.log-setting{padding:40px 30px}.general-setting label.x-component,.log-setting label.x-component{font-size:16px}body[data-appearance=light] .general-setting label.x-component,body[data-appearance=light] .log-setting label.x-component{color:rgba(0,0,0,.8)}body[data-appearance=dark] .general-setting label.x-component,body[data-appearance=dark] .log-setting label.x-component{color:#fff}.general-setting .x-form-item .x-form-item-label-default .x-form-item-label-inner{text-align:left}.general-setting .x-anchor-form-item{margin-bottom:0;padding-top:16px;padding-bottom:16px}.setting-grid.lyric-plugin .x-grid-header-ct,.setting-grid.media .x-grid-header-ct,.setting-grid.permission .x-grid-header-ct{border-top:none;border-left:none;border-right:none}.setting-grid.lyric-plugin .x-grid-body,.setting-grid.media .x-grid-body,.setting-grid.permission .x-grid-body{border-left:none;border-right:none}.log-setting .log-toolbar{border:none;margin-top:8px!important}.log-setting .log-toolbar .x-btn{border:1px solid;border-radius:6px}body[data-appearance=light] .log-setting .log-toolbar .x-btn{background-color:#f2f2f2;border-color:#c1c1c1}body[data-appearance=dark] .log-setting .log-toolbar .x-btn{background-color:#5e5e5e;border-color:#7d7d7d}body[data-appearance=light] .log-setting .log-toolbar .x-btn .x-btn-inner{color:rgba(28,28,28,.8)}body[data-appearance=dark] .log-setting .log-toolbar .x-btn .x-btn-inner{color:rgba(255,255,255,.8)}body[data-appearance=light] .log-setting .log-toolbar .x-btn.x-btn-over .x-btn-inner{color:#d15050!important}body[data-appearance=dark] .log-setting .log-toolbar .x-btn.x-btn-over .x-btn-inner{color:#d15050!important}.log-setting .log-toolbar .x-btn.x-btn-pressed{border-color:#ff7f7f!important;background-color:#d15050!important}body[data-appearance=light] .log-setting .log-toolbar .x-btn.x-btn-pressed .x-btn-inner{color:rgba(255,255,255,.8)!important}body[data-appearance=dark] .log-setting .log-toolbar .x-btn.x-btn-pressed .x-btn-inner{color:rgba(255,255,255,.8)!important}.log-setting .log-toolbar .x-box-inner{height:34px!important}.log-setting .log-toolbar .type{top:0!important}.log-setting .setting-grid{margin-top:30px}.log-setting .setting-grid .x-grid-body{border-right-width:1px!important;border-right-style:solid}.log-setting .setting-grid .log-type{vertical-align:middle}.log-setting .setting-grid .log-type .x-grid-cell-inner{padding:0 0;width:20px;height:28px;margin:0 auto}.paging-toolbar .x-btn{height:28px;padding:0 10px;border:0;border-radius:6px;box-shadow:none!important;background-color:transparent!important}.paging-toolbar .x-btn.x-btn-pressed{background-color:rgba(255,127,127,.5)!important}.paging-toolbar .x-tbar-page-number{padding-top:0}.paging-toolbar .x-tbar-page-number .number-field{border:1px solid;border-radius:0}.paging-toolbar .x-btn-default-toolbar-small-icon .x-btn-icon{top:calc(50% - 8px)}.paging-toolbar .x-btn-icon-el-default-toolbar-small{width:24px;height:24px;background-image:url(../images/ui_grid_page_control.png)!important}body[data-appearance=light] .paging-toolbar .x-btn-icon-el-default-toolbar-small{background-position-x:0px}body[data-appearance=dark] .paging-toolbar .x-btn-icon-el-default-toolbar-small{background-position-x:-72px}.paging-toolbar .x-btn-icon-el-default-toolbar-small:active{background-position-x:-48px!important}.paging-toolbar .x-btn-icon-el-default-toolbar-small.x-btn-disabled{opacity:.7}.paging-toolbar .x-tbar-loading{background-position-y:-96px}.paging-toolbar .x-tbar-page-last{background-position-y:-72px}.paging-toolbar .x-tbar-page-next{background-position-y:-48px}.paging-toolbar .x-tbar-page-prev{background-position-y:-0px}.paging-toolbar .x-tbar-page-first{background-position-y:-24px}.paging-toolbar .x-form-trigger-wrap-default{border-radius:0}.paging-toolbar .x-form-trigger-wrap-default .x-field-form-focus{padding-left:5px}.lyric-page .x-panel-body-default{border:0}.lyric-page lyric{text-align:center}.lyric-page lyric p{line-height:60px;font-size:26px}.lyric-page .no-lyric-text{position:absolute;top:50%;width:100%;text-align:center}.lyric-page .x-autocontainer-innerCt{position:absolute;overflow-y:auto;width:100%}.sharelink-grid .x-grid-row{height:40px}.sharelink-grid .x-grid-td{vertical-align:middle}.sharelink-grid .x-grid-cell-inner{padding:0}.c-panel .x-panel-body-default{border-bottom-width:0;border-right:none}.c-panel .x-panel-body-default .x-grid-body{border-right-width:0}.playpanel.local .prevbtn{width:40px;height:40px;background-repeat:no-repeat;background-position:0;background-image:url("../images/playpanel_prev_blue.png")}.playpanel.local .prevbtn:hover{background-position:-40px}.playpanel.local .prevbtn:active{background-position:-80px}.playpanel.local .nextbtn{width:40px;height:40px;background-repeat:no-repeat;background-position:0;background-image:url("../images/playpanel_next_blue.png")}.playpanel.local .nextbtn:hover{background-position:-40px}.playpanel.local .nextbtn:active{background-position:-80px}.playpanel.local .playbtn{width:70px;height:70px;background-repeat:no-repeat;background-position:0;background-image:url("../images/playpanel_pause_blue-04.png")}.playpanel.local .playbtn:hover{background-position:-70px}.playpanel.local .playbtn:active{background-position:-140px}.playpanel.local .pausebtn{width:70px;height:70px;background-repeat:no-repeat;background-position:0;background-image:url("../images/playpanel_pause_blue.png")}.playpanel.local .pausebtn:hover{background-position:-70px}.playpanel.local .pausebtn:active{background-position:-140px}.playpanel .prevbtn{width:40px;height:40px;background-repeat:no-repeat;background-position:0;background-image:url("../images/playpanel_prev.png")}.playpanel .prevbtn:hover{background-position:-40px}.playpanel .prevbtn:active{background-position:-80px}.playpanel .nextbtn{width:40px;height:40px;background-repeat:no-repeat;background-position:0;background-image:url("../images/playpanel_next.png")}.playpanel .nextbtn:hover{background-position:-40px}.playpanel .nextbtn:active{background-position:-80px}.playpanel .playbtn{width:70px;height:70px;background-repeat:no-repeat;background-position:0;background-image:url("../images/playpanel_pause-03.png")}.playpanel .playbtn:hover{background-position:-70px}.playpanel .playbtn:active{background-position:-140px}.playpanel .pausebtn{width:70px;height:70px;background-repeat:no-repeat;background-position:0;background-image:url("../images/playpanel_pause.png")}.playpanel .pausebtn:hover{background-position:-70px}.playpanel .pausebtn:active{background-position:-140px}.seek-bar-group{padding:5px 10px}.seek-bar{width:calc(100% - 90px);display:inline-block;vertical-align:middle}.seek-bar-outer{min-width:250px;width:100%;height:40px;background-color:#333;position:relative}.seek-bar-outer~.x-mask{background-color:transparent!important}.seek-bar-draggable-body{position:absolute;top:50%;width:100%;height:25px;transform:translateY(-50%)}.seek-bar-inner{background-color:#141414;height:5px;border-radius:2px;position:absolute;top:50%;width:100%;transform:translateY(-50%)}.seek-bar-current{position:absolute;background-color:#ff7f7f;height:100%}.seek-bar-buffered{position:absolute;background-color:#ff7f7f;height:100%;opacity:.1}.volume-seekbar .seek-bar-current{background-color:#7d7d7d!important}.local .seek-bar-current{background-color:#2cb7f8}.seek-bar-dragger{position:absolute;background-image:url("../images/playpanel_track_control_line.png");background-position:-4px;height:24px;width:8px;top:-10px}.seekbar-time{display:inline-block;text-align:center;padding-top:5px;color:rgba(255,255,255,.5)}.playpanel.local .lyric:hover .x-btn-inner{color:#fff;background-color:#2cb7f8;border-color:#2cb7f8}.playpanel.local .lyric.x-btn-pressed .x-btn-inner{color:#fff;background-color:#2cb7f8;border-color:#2cb7f8}.playpanel.local .queuebtn{width:40px;height:40px;background-repeat:no-repeat;background-position:0 0;background-image:url("../images/playpanel_Opengenre_blue.png")}.playpanel.local .queuebtn:hover{background-position:-40px 0}.playpanel.local .queuebtn:active{background-position:-120px 0}.playpanel.local .repeat-local{width:40px;height:40px;background-repeat:no-repeat;background-position:0 0;background-image:url("../images/playpanel_replayall_blue.png")}.playpanel.local .repeat-local:hover{background-position:-40px 0}.playpanel.local .repeat-local:active{background-position:-80px 0}.playpanel.local .repeat-local.repeat-all{width:40px;height:40px;background-repeat:no-repeat;background-position:-120px 0;background-image:url("../images/playpanel_replayall_blue.png")}.playpanel.local .repeat-local.repeat-all:hover{background-position:-80px 0}.playpanel.local .repeat-local.repeat-all:active{background-position:-120px 0}.playpanel.local .repeat-local.repeat-one{width:40px;height:40px;background-repeat:no-repeat;background-position:-120px -40px;background-image:url("../images/playpanel_replayall_blue.png")}.playpanel.local .repeat-local.repeat-one:hover{background-position:-80px -40px}.playpanel.local .repeat-local.repeat-one:active{background-position:-120px -40px}.playpanel.local .shuffle-local{width:40px;height:40px;background-repeat:no-repeat;background-position:0;background-image:url("../images/random_all_blue.png")}.playpanel.local .shuffle-local:hover{background-position:-40px}.playpanel.local .shuffle-local:active{background-position:-80px}.playpanel.local .volume{width:16px;height:16px;background-repeat:no-repeat;display:inline-block;vertical-align:top;margin-top:14px;margin-right:3px;background-position:0;background-image:url("../images/playpanel_sound_control_ball_blue.png")}.playpanel.local .volume:hover{background-position:-16px}.playpanel.local .volume:active{background-position:-32px!important}.playpanel.local .queuebtn.x-btn-pressed{background-position:-120px 0}.playpanel.local .queuebtn.x-btn-pressed:hover{background-position:-80px 0}.playpanel.local .queuebtn.x-btn-pressed:active{background-position:-120px 0}.playpanel.local .shuffle-local.x-btn-pressed{background-position:-120px}.playpanel.local .volume.muted{background-image:url("../images/playpanel_sound_control_ball_blue_muted.png");background-position:0}.playpanel.local .volume.muted:hover{background-position:-16px}.playpanel.local .volume.muted:active{background-position:-32px}.playpanel .lyric .x-btn-inner{line-height:22px;color:rgba(255,255,255,.56);width:84px;height:24px;border:1px solid #7c7c7c;border-radius:4px;background-color:#5e5e5e}.playpanel .lyric:hover .x-btn-inner{color:#000;background-color:#ff7f7f;border-color:#ff7f7f}.playpanel .lyric.x-btn-pressed .x-btn-inner{color:#000;background-color:#ff7f7f;border-color:#ff7f7f}.playpanel .queuebtn{width:40px;height:40px;background-repeat:no-repeat;background-position:0 0;background-image:url("../images/playpanel_Opengenre.png")}.playpanel .queuebtn:hover{background-position:-40px 0}.playpanel .queuebtn:active{background-position:-120px 0}.playpanel .repeat{width:40px;height:40px;background-repeat:no-repeat;background-position:0 0;background-image:url("../images/playpanel_replayall.png")}.playpanel .repeat:hover{background-position:-40px 0}.playpanel .repeat:active{background-position:-80px 0}.playpanel .repeat.repeat-all{width:40px;height:40px;background-repeat:no-repeat;background-position:-120px 0;background-image:url("../images/playpanel_replayall.png")}.playpanel .repeat.repeat-all:hover{background-position:-80px 0}.playpanel .repeat.repeat-all:active{background-position:-120px 0}.playpanel .repeat.repeat-one{width:40px;height:40px;background-repeat:no-repeat;background-position:-120px -40px;background-image:url("../images/playpanel_replayall.png")}.playpanel .repeat.repeat-one:hover{background-position:-80px -40px}.playpanel .repeat.repeat-one:active{background-position:-120px -40px}.playpanel .shuffle{width:40px;height:40px;background-repeat:no-repeat;background-position:0;background-image:url("../images/random_all.png")}.playpanel .shuffle:hover{background-position:-40px}.playpanel .shuffle:active{background-position:-80px}.playpanel .shuffle.x-btn-pressed{width:40px;height:40px;background-repeat:no-repeat;background-position:-80px}.playpanel .volume{width:16px;height:16px;background-repeat:no-repeat;display:inline-block;vertical-align:top;margin-top:14px;margin-right:3px;background-position:0;background-image:url("../images/playpanel_sound_control_ball.png")}.playpanel .volume:active{width:16px;height:16px;background-repeat:no-repeat;display:inline-block;vertical-align:top;margin-top:14px;margin-right:3px;background-position:-32px!important}.playpanel .volume:hover{background-position:-16px}.playpanel .volume.muted{background-image:url("../images/playpanel_sound_control_ball_muted.png");background-position:0}.playpanel .volume.muted:hover{background-position:-16px}.playpanel .volume.muted:active{background-position:-32px}.playpanel .queuebtn.x-btn-pressed{background-position:-120px 0}.playpanel .queuebtn.x-btn-pressed:hover{background-position:-80px 0}.playpanel .queuebtn.x-btn-pressed:active{background-position:-120px 0}.optgroup{padding:5px 20px;background-color:#262728!important;border-radius:5px}.optgroup .x-panel-body{background-color:#262728!important;border:none}.optgroup .x-panel-body .x-box-inner{background-color:#262728!important}.opttoolbar{padding:0 0;background-color:#262728!important;border:none}.volume-seekbar{width:calc(100% - 20px);display:inline-block;padding-left:10px;padding-top:2px}.volume-seekbar .seek-bar{width:100%}.volume-seekbar .seek-bar-outer{min-width:85px;background-color:transparent}.volume-seekbar .seek-bar-dragger{background-image:url(../images/unnamed.png);width:16px;height:16px;background-position:0 0;top:-6px;margin-left:-8px;border-radius:50%}.device-menu .x-tab-bar-default{position:relative!important}.device-menu .x-tab-bar-default .x-box-inner{border-bottom:1px solid}body[data-appearance=light] .device-menu .x-tab-bar-default .x-box-inner{border-color:#dbdbdb}body[data-appearance=dark] .device-menu .x-tab-bar-default .x-box-inner{border-color:#606060}.device-menu .x-tab-bar-default .x-tab-default{border-top:0;border-left:0;border-right:0;border-bottom:3px solid transparent;border-radius:0;height:40px;background:0 0;box-shadow:none}.device-menu .x-tab-bar-default .x-tab-default .x-tab-inner{font-size:14px;line-height:20px}body[data-appearance=light] .device-menu .x-tab-bar-default .x-tab-default .x-tab-inner{color:rgba(28,28,28,.8)}body[data-appearance=dark] .device-menu .x-tab-bar-default .x-tab-default .x-tab-inner{color:rgba(255,255,255,.48)}.device-menu .x-tab-bar-default .x-tab-default.x-tab-active{border-color:#ff7f7f!important}.device-menu .x-tab-bar-default .x-tab-default.x-tab-active .x-tab-inner{color:#ff7f7f!important}body[data-appearance=dark] .device-menu .x-tab-bar-default .x-tab-default.x-tab-over .x-tab-inner{color:#fff}.device-menu .x-tab-bar-body-default{padding-left:5px;padding-right:5px}.device-menu .x-tab-bar-body-default .x-tab-default{width:100px!important}.device-menu .x-tab-bar-body-default .x-box-target .x-tab:first-child{left:0!important}.device-menu .x-tab-bar-body-default .x-box-target .x-tab:nth-child(2){left:100px!important}.device-menu .x-panel-body-default{border:0;position:absolute}.devicegrid .devicegrid-body{border:0;background-color:transparent}.devicegrid .x-grid-item{border:0!important}body[data-appearance=light] .devicegrid .x-grid-item{background-color:#fff}body[data-appearance=dark] .devicegrid .x-grid-item{background-color:#3b3b3b}body[data-appearance=light] .devicegrid .x-grid-item.x-grid-item-over{background-color:#dbdbdb}body[data-appearance=dark] .devicegrid .x-grid-item.x-grid-item-over{background-color:#606060}body[data-appearance=light] .devicegrid .x-grid-item.x-grid-item-selected{background-color:rgba(209,80,80,.3)}body[data-appearance=dark] .devicegrid .x-grid-item.x-grid-item-selected{background-color:rgba(209,80,80,.3)}.devicegrid .x-grid-td{vertical-align:middle}.togglebutton-label{text-align:right;line-height:30px}.vol-col .dev-enable{width:16px;height:16px;background-image:url("../images/playpanel_sound_control_ball_enable.png");background-repeat:no-repeat;border:none;background-color:transparent}.vol-col .dev-disable{width:16px;height:16px;background-image:url("../images/playpanel_sound_control_ball_disable.png");background-repeat:no-repeat;border:none;background-color:transparent}.dev-col input[type=radio]{-webkit-appearance:none;-moz-appearance:none;width:16px;height:16px;background-image:url("../images/radio.png");background-position:0}.dev-col input[type=radio]:checked{background-position:-16px}.dev-col input[type=checkbox]{-webkit-appearance:none;width:16px;height:16px;background-image:url("../images/checkbox.png");background-position:0}.dev-col input[type=checkbox]:checked{background-position:-16px}.playpanel{border-width:0}.streamplay.btn-normal{width:40px;height:40px;background-image:url("../images/playpanel_streamplay.png");background-repeat:no-repeat;margin:0 10px 0 20px;background-position:0}.streamplay.btn-normal:hover{width:40px;height:40px;background-image:url("../images/playpanel_streamplay.png");background-repeat:no-repeat;margin:0 10px 0 20px;background-position:-40px}.streamplay.btn-pressed{width:40px;height:40px;background-image:url("../images/playpanel_streamplay.png");background-repeat:no-repeat;margin:0 10px 0 20px;background-position:-40px}.localplay.btn-normal{width:40px;height:40px;background-image:url("../images/playpanel_localplay.png");background-repeat:no-repeat;padding-left:10px;margin-left:10px;background-position:0}.localplay.btn-normal:hover{width:40px;height:40px;background-image:url("../images/playpanel_localplay.png");background-repeat:no-repeat;padding-left:10px;margin-left:10px;background-position:-40px}.localplay.btn-normal.x-btn-disabled{width:40px;height:40px;background-image:url("../images/playpanel_localplay.png");background-repeat:no-repeat;padding-left:10px;margin-left:10px;background-position:-120px}.localplay.btn-pressed{width:40px;height:40px;background-image:url("../images/playpanel_localplay.png");background-repeat:no-repeat;padding-left:10px;margin-left:10px;background-position:-40px}.localplay.btn-pressed.x-btn-menu-active{width:40px;height:40px;background-image:url("../images/playpanel_localplay.png");background-repeat:no-repeat;padding-left:10px;margin-left:10px;background-position:-80px}.localplay.btn-pressed.x-btn-menu-active:hover{width:40px;height:40px;background-image:url("../images/playpanel_localplay.png");background-repeat:no-repeat;padding-left:10px;margin-left:10px;background-position:-160px}.navigation{padding:0 0 0 8px;border-width:0;border-bottom-width:1px}.navigation .navibtn .x-btn-inner{height:35px;font-size:14px;line-height:35px;min-width:100px}body[data-appearance=light] .navigation .navibtn .x-btn-inner{color:rgba(0,0,0,.56)}body[data-appearance=dark] .navigation .navibtn .x-btn-inner{color:rgba(255,255,255,.56)}body[data-appearance=light] .navigation .navibtn:hover .x-btn-inner{color:#000}body[data-appearance=dark] .navigation .navibtn:hover .x-btn-inner{color:#fff}.navigation .navibtn.x-btn-pressed .x-btn-inner{border-radius:12px}body[data-appearance=light] .navigation .navibtn.x-btn-pressed .x-btn-inner{color:#000;background-color:#eef0f1}body[data-appearance=dark] .navigation .navibtn.x-btn-pressed .x-btn-inner{color:#fff;background-color:rgba(68,68,68,.8)}.navigation .x-toolbar-separator-horizontal{height:16px!important;border:1px solid #707070!important}.searchfield{width:180px;height:32px;border-radius:15px}body[data-appearance=light] .searchfield{background-color:#eef0f1}body[data-appearance=dark] .searchfield{background-color:#373737}.searchfield .x-form-text-default,.searchfield .x-form-text-wrap-default,.searchfield .x-form-trigger-default{background-color:transparent!important}.searchfield.searchfield-focus{border:2px solid #ff7f7f}.searchfield.searchfield-focus .x-box-inner{top:-2px;left:-2px}body[data-appearance=light] .searchfield.searchfield-focus{background-color:#fff!important}body[data-appearance=dark] .searchfield.searchfield-focus{background-color:#141414!important}.searchfield .searchfield-icon{background-image:url("../images/title_bar_search.png");background-repeat:no-repeat;background-position:0;width:20px;height:20px}.searchfield .searchfield-icon:hover{background-position:-20px}.searchfield-field .x-form-trigger-wrap{background:0 0!important;border:none;width:150px;padding-right:0}.searchfield-field .clear-trigger{width:20px!important;height:20px;background-image:url("../images/title_bar_search_clean.png")!important;background-position:0}.searchfield-field .clear-trigger:hover{background-position:-20px}.searchresult-panel{max-height:90vh;overflow-y:auto}body[data-appearance=light] .searchresult-grid .x-panel-body-default,body[data-appearance=light] .searchresult-grid .x-panel-header-default{background-color:#fff}body[data-appearance=dark] .searchresult-grid .x-panel-body-default,body[data-appearance=dark] .searchresult-grid .x-panel-header-default{background-color:#3b3b3b}.searchresult-grid .x-panel-body-default{border-left:0;border-right:0}.searchresult-grid .x-panel-header-horizontal{border-color:transparent;padding:0}.searchresult-grid .x-grid-item{height:50px!important;border-bottom-width:0!important}.searchresult-grid .x-grid-cell-inner{line-height:16px}.searchresult-grid .x-grid-cell-inner img{vertical-align:middle}.searchresult-grid .x-grid-cell-inner .title{font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}body[data-appearance=light] .searchresult-grid .x-grid-cell-inner .title{color:rgba(0,0,0,.8)}body[data-appearance=dark] .searchresult-grid .x-grid-cell-inner .title{color:rgba(255,255,255,.89)}.searchresult-grid .x-grid-cell-inner .artist{font-size:12px}body[data-appearance=light] .searchresult-grid .x-grid-cell-inner .artist{color:rgba(0,0,0,.5)}body[data-appearance=dark] .searchresult-grid .x-grid-cell-inner .artist{color:rgba(255,255,255,.56)}.searchresult-grid .x-grid-item{background-color:transparent!important;height:100%}.searchresult-grid .x-grid-item .x-grid-td{vertical-align:middle}body[data-appearance=light] .searchresult-grid .x-grid-item.x-grid-item-over{background-color:#dbdbdb!important}body[data-appearance=dark] .searchresult-grid .x-grid-item.x-grid-item-over{background-color:#606060!important}.searchresult-grid .columns .x-grid-cell-inner .outter-wrapper{height:40px;width:40px;display:inline-block;text-align:center;vertical-align:middle}.searchresult-grid .columns .x-grid-cell-inner .outter-wrapper.artist{height:40px;width:40px;padding:4px;display:inline-block;text-align:center;vertical-align:middle}.searchresult-grid .columns .x-grid-cell-inner .inner-wrapper{height:100%;width:100%;border:0;overflow:hidden}.searchresult-grid .columns .x-grid-cell-inner .inner-wrapper img{max-height:100%;max-width:100%;margin:0 auto;vertical-align:middle}.searchresult-grid .columns .x-grid-cell-inner .inner-wrapper.artist{height:100%;width:100%;border:0;border-radius:50%;overflow:hidden}.searchresult-grid .searchresult-text{padding:10px 0 0 16px}body[data-appearance=light] .searchresult-grid .searchresult-text{color:#1c1c1c}body[data-appearance=dark] .searchresult-grid .searchresult-text{color:rgba(255,255,255,.7)}.searchresult-grid .searchresult-more .x-btn-inner{color:#ff7f7f}.remove-history{width:100%;padding:0 0 0 10px;line-height:50px}body[data-appearance=light] .remove-history{background-color:#fff}body[data-appearance=dark] .remove-history{background-color:#3b3b3b}body[data-appearance=light] .remove-history:hover{background-color:#dbdbdb}body[data-appearance=dark] .remove-history:hover{background-color:#606060}.loginsection{display:inline-block;width:172px}.loginsection .x-btn-button-center{text-align:left}.loginsection .x-btn-button:before{width:30px;height:30px;background-image:url("../images/title_bar_id.png");background-repeat:no-repeat;content:'';display:inline-block;vertical-align:middle;background-position:0;margin:0 6px 0 8px}body[data-appearance=light] .loginsection .x-btn-button .x-btn-inner{color:rgba(0,0,0,.56)}body[data-appearance=dark] .loginsection .x-btn-button .x-btn-inner{color:rgba(255,255,255,.56)}body[data-appearance=light] .loginsection:hover{background-color:rgba(138,138,138,.26)}body[data-appearance=dark] .loginsection:hover{background-color:rgba(138,138,138,.26)}.loginsection:hover .x-btn-button:before{background-position:-30px}body[data-appearance=light] .loginsection:hover .x-btn-button .x-btn-inner{color:#ff7f7f}body[data-appearance=dark] .loginsection:hover .x-btn-button .x-btn-inner{color:#ff7f7f}.loginsection .x-btn-inner{padding:5px}.login-user .x-btn-inner{font-size:14px}body[data-appearance=light] .loginmenu .x-toolbar-default{background-color:#fff}body[data-appearance=dark] .loginmenu .x-toolbar-default{background-color:#3b3b3b}.loginmenu .x-form-text-wrap-default{display:flex;flex-direction:row;align-items:center;border-radius:2px;padding-left:10px}.loginmenu .acc-field .x-form-text-wrap-default:before{content:'';width:24px;height:24px;background-image:url("../images/24x24_id.png")}.loginmenu .pwd-field .x-form-text-wrap-default:before{content:'';width:24px;height:24px;background-image:url("../images/24x24_password.png")}.loginmenu .x-panel-body{padding:20px 15px 0 15px;border:0;border-bottom:1px solid}.loginmenu .x-docked-bottom{border:0}.loginmenu .x-btn{border:2px solid;border-radius:15px}body[data-appearance=light] .loginmenu .x-btn{background-color:#f2f2f2;border-color:#959595}body[data-appearance=dark] .loginmenu .x-btn{background-color:#3d3d3d;border-color:#606060}body[data-appearance=light] .loginmenu .x-btn .x-btn-inner{color:rgba(0,0,0,.89)}body[data-appearance=dark] .loginmenu .x-btn .x-btn-inner{color:rgba(255,255,255,.8)}.loginmenu .x-btn.x-btn-over{border-color:#ff7f7f!important;background-color:#ff7f7f!important}body[data-appearance=light] .loginmenu .x-btn.x-btn-over .x-btn-inner{color:#fff}body[data-appearance=dark] .loginmenu .x-btn.x-btn-over .x-btn-inner{color:#fff}.loginmenu .x-btn.x-btn-pressed{background-color:#d15050!important}.logoutmenu .x-panel-body{padding:10px 0;border:0;border-bottom:1px solid}.logoutmenu .setting .x-btn-inner:before{background-image:url("../images/ic_menu_setting.png")}.logoutmenu .logout .x-btn-inner:before{background-image:url("../images/ic_menu_logout.png")}.logoutmenu .logout .x-btn-inner,.logoutmenu .setting .x-btn-inner{height:40px;font-size:14px;display:inline-block}.logoutmenu .logout .x-btn-inner:before,.logoutmenu .setting .x-btn-inner:before{content:'';position:relative;top:calc((100% - 24px)/ 2);width:24px;height:24px;display:inline-block;background-repeat:no-repeat;margin-right:10px}body[data-appearance=light] .logoutmenu .logout .x-btn-inner:before,body[data-appearance=light] .logoutmenu .setting .x-btn-inner:before{background-position:0}body[data-appearance=dark] .logoutmenu .logout .x-btn-inner:before,body[data-appearance=dark] .logoutmenu .setting .x-btn-inner:before{background-position:-24px}.logoutmenu .logout .x-btn-button-center,.logoutmenu .setting .x-btn-button-center{text-align:left}.logoutmenu .logout .x-btn-inner,.logoutmenu .setting .x-btn-inner{padding:0 15px;line-height:40px;width:100%!important}body[data-appearance=light] .logoutmenu .logout .x-btn-inner,body[data-appearance=light] .logoutmenu .setting .x-btn-inner{color:rgba(0,0,0,.89)}body[data-appearance=dark] .logoutmenu .logout .x-btn-inner,body[data-appearance=dark] .logoutmenu .setting .x-btn-inner{color:rgba(255,255,255,.8)}body[data-appearance=light] .logoutmenu .logout:hover .x-btn-inner,body[data-appearance=light] .logoutmenu .setting:hover .x-btn-inner{background-color:#dbdbdb}body[data-appearance=dark] .logoutmenu .logout:hover .x-btn-inner,body[data-appearance=dark] .logoutmenu .setting:hover .x-btn-inner{background-color:#606060}.logoutmenu .x-docked-bottom{border:0}.app-icon{background-image:url("../images/App_titleicon.png");background-repeat:no-repeat;background-position:center center}.toggle-mainfn{width:16;height:16px;background-image:url("../images/playlist_control.png");background-repeat:no-repeat;background-color:initial;background-position:-32px;margin:8px 0 0 8px}.toggle-mainfn:hover{background-position:-48px}.sg-back{width:30px;height:30px;background-image:url("../images/breadcrumb_left.png");background-repeat:repeat-x;background-position:0}.sg-back:hover{width:30px;height:30px;background-image:url("../images/breadcrumb_left.png");background-repeat:repeat-x;background-position:-30px}body[data-appearance=light] .breadcrumbs .x-form-display-field-default{color:#7d7d7d}body[data-appearance=dark] .breadcrumbs .x-form-display-field-default{color:rgba(255,255,255,.5)}.sg-forward{width:30px;height:30px;background-image:url("../images/breadcrumb_right.png");background-repeat:repeat-x;background-position:0}.sg-forward:hover{width:30px;height:30px;background-image:url("../images/breadcrumb_right.png");background-repeat:repeat-x;background-position:-30px}.breadcrumbsbar-btn .x-btn-inner{line-height:18px}body[data-appearance=light] .breadcrumbsbar-btn .x-btn-inner{color:rgba(0,0,0,.8)}body[data-appearance=dark] .breadcrumbsbar-btn .x-btn-inner{color:rgba(255,255,255,.8)}.breadcrumbsbar-btn .x-btn-inner:hover{text-decoration:underline;color:#ff7f7f!important}.breadcrumbsbar-arrow{top:initial!important}.toggle-mainfn-ct .x-box-inner{height:100%}.toggle-mainfn.x-btn-pressed{background-position:0}.toggle-mainfn.x-btn-pressed:hover{background-position:-16px}.mainfunctions{border:none}.mainfunctions .x-btn{border:1px solid;border-radius:6px}body[data-appearance=light] .mainfunctions .x-btn{background-color:#f2f2f2;border-color:#c1c1c1}body[data-appearance=dark] .mainfunctions .x-btn{background-color:#5e5e5e;border-color:#7d7d7d}body[data-appearance=light] .mainfunctions .x-btn .x-btn-inner{color:rgba(28,28,28,.8)}body[data-appearance=dark] .mainfunctions .x-btn .x-btn-inner{color:rgba(255,255,255,.8)}body[data-appearance=light] .mainfunctions .x-btn.x-btn-over .x-btn-inner{color:#d15050!important}body[data-appearance=dark] .mainfunctions .x-btn.x-btn-over .x-btn-inner{color:#d15050!important}.mainfunctions .x-btn.x-btn-pressed{border-color:#ff7f7f!important;background-color:#d15050!important}body[data-appearance=light] .mainfunctions .x-btn.x-btn-pressed .x-btn-inner{color:rgba(255,255,255,.8)!important}body[data-appearance=dark] .mainfunctions .x-btn.x-btn-pressed .x-btn-inner{color:rgba(255,255,255,.8)!important}.mainfunctions .x-btn{height:26px!important}.mainfunctions .x-toolbar-separator-horizontal{top:6px!important;height:16px!important;border:1px solid #707070!important}.mainfunctions .listview{width:30px;height:30px;background-image:url("../images/function_bar_list.png");background-repeat:no-repeat;background-position:0}.mainfunctions .listview:hover{width:30px;height:30px;background-image:url("../images/function_bar_list.png");background-repeat:no-repeat;background-position:-30px}.mainfunctions .x-btn-pressed.listview{width:30px;height:30px;background-image:url("../images/function_bar_list.png");background-repeat:no-repeat;background-position:-30px}.mainfunctions .iconview{width:30px;height:30px;background-image:url("../images/function_bar_post.png");background-repeat:no-repeat;background-position:0}.mainfunctions .iconview:hover{width:30px;height:30px;background-image:url("../images/function_bar_post.png");background-repeat:no-repeat;background-position:-30px}.mainfunctions .x-btn-pressed.iconview{width:30px;height:30px;background-image:url("../images/function_bar_post.png");background-repeat:no-repeat;background-position:-30px}.main-function-playlistmenu{width:40px;height:40px;background-image:url("../images/main_funtion_add.png");background-repeat:no-repeat;background-position:0}.main-function-playlistmenu:hover{background-position:-40px}.main-function-playlistmenu:active{background-position:-80px}.main-function-filemenu{width:40px;height:40px;background-image:url("../images/list_plus.png");background-repeat:no-repeat;background-position:0}.main-function-filemenu:hover{background-position:-40px}.main-function-filemenu:active{background-position:-80px}.main-function-sharemenu{width:40px;height:40px;background-image:url("../images/main_funtion_sharelink.png");background-repeat:no-repeat;background-position:0}.main-function-sharemenu:hover{background-position:-40px}.main-function-sharemenu:active{background-position:-80px}.main-function-playall{width:40px;height:40px;background-image:url("../images/main_funtion_playall.png");background-repeat:no-repeat;background-position:0}.main-function-playall:hover{background-position:-40px}.main-function-playall:active{background-position:-80px}.main-function-edit{width:40px;height:40px;background-image:url("../images/main_funtion_edit.png");background-repeat:no-repeat;background-position:0 center}.main-function-edit:hover{background-position-x:-40px}.main-function-edit:active{background-position-x:-80px}.main-function-delete{width:40px;height:40px;background-image:url("../images/main_funtion_delete.png");background-repeat:no-repeat;background-position:0}.main-function-delete:hover{background-position:-40px}.main-function-delete:active{background-position:-80px}.main-function-selectall{width:40px;height:40px;background-image:url("../images/main_funtion_selectall.png");background-repeat:no-repeat;background-position:0}.main-function-selectall:hover{background-position:-40px}.main-function-selectall:active{background-position:-80px}.main-function-selectnone{width:40px;height:40px;background-image:url("../images/main_funtion_selectnone.png");background-repeat:no-repeat;background-position:0}.main-function-selectnone:hover{background-position:-40px}.main-function-selectnone:active{background-position:-80px}.main_funtion_refresh{width:40px;height:40px;background-image:url("../images/main_funtion_refresh.png");background-repeat:no-repeat;background-position:0}.main_funtion_refresh:hover{background-position:-40px}.main_funtion_refresh:active{background-position:-80px}.main-function-moveup{width:40px;height:40px;background-image:url("../images/main_funtion_sortup.png");background-repeat:no-repeat;background-position:0}.main-function-moveup:hover{background-position:-40px}.main-function-moveup:active{background-position:-80px}.main-function-movedown{width:40px;height:40px;background-image:url("../images/main_funtion_sortdown.png");background-repeat:no-repeat;background-position:0}.main-function-movedown:hover{background-position:-40px}.main-function-movedown:active{background-position:-80px}.main-function-download{width:40px;height:40px;background-image:url("../images/sidebar_download.png");background-repeat:no-repeat;background-position:0}.main-function-download:hover{background-position:-40px}.main-function-download:active{background-position:-80px}.mainfunctions-expand{width:30px;height:30px;background-image:url("../images/function_bar_side_control.png");background-repeat:no-repeat;background-position:0}.mainfunctions-expand:hover{width:30px;height:30px;background-image:url("../images/function_bar_side_control.png");background-repeat:no-repeat;background-position:-30px}.mainfunctions-collapse{width:30px;height:30px;background-image:url("../images/function_bar_side_control.png");background-repeat:no-repeat;background-position:-60px}.mainfunctions-collapse:hover{width:30px;height:30px;background-image:url("../images/function_bar_side_control.png");background-repeat:no-repeat;background-position:-90px}.eastcollection .recent-add .x-btn-inner:before{width:40px;height:40px;background-image:url("../images/sidebar_recentadd.png");background-repeat:no-repeat;display:inline-block;vertical-align:middle;content:'';background-position:0}.eastcollection .recent-add:hover .x-btn-inner:before{background-position:-40px}.eastcollection .recent-play .x-btn-inner:before{width:40px;height:40px;background-image:url("../images/sidebar_recentlyplayed.png");background-repeat:no-repeat;display:inline-block;vertical-align:middle;content:'';background-position:0}.eastcollection .recent-play:hover .x-btn-inner:before{background-position:-40px}.eastcollection .most-play .x-btn-inner:before{width:40px;height:40px;background-image:url("../images/sidebar_mostlyplayed.png");background-repeat:no-repeat;display:inline-block;vertical-align:middle;content:'';background-position:0}.eastcollection .most-play:hover .x-btn-inner:before{background-position:-40px}.eastcollection .random-100 .x-btn-inner:before{width:40px;height:40px;background-image:url("../images/sidebar_random100.png");background-repeat:no-repeat;display:inline-block;vertical-align:middle;content:'';background-position:0}.eastcollection .random-100:hover .x-btn-inner:before{background-position:-40px}.eastcollection .text{width:300px;height:40px;padding-left:5px}.eastcollection .text .x-btn-inner{font-size:14px;line-height:14px;display:inline-block;vertical-align:middle}body[data-appearance=light] .eastcollection .text .x-btn-inner{color:rgba(28,28,28,.8)}body[data-appearance=dark] .eastcollection .text .x-btn-inner{color:rgba(255,255,255,.8)}.eastcollection .text:hover .x-btn-inner{color:#ff7f7f!important}.eastcollection .x-btn-button-center{text-align:left}.eastcollection .text.x-btn-pressed .x-btn-inner{color:#ff7f7f!important}.eastcollection .recent-add.x-btn-pressed .x-btn-inner:before{background-position:-40px}.eastcollection .recent-play.x-btn-pressed .x-btn-inner:before{background-position:-40px}.eastcollection .most-play.x-btn-pressed .x-btn-inner:before{background-position:-40px}.eastcollection .random-100.x-btn-pressed .x-btn-inner:before{background-position:-40px}.eastcollection-header{font-size:12px;padding:10px 15px;height:40px}body[data-appearance=light] .eastcollection-header .x-title-item{color:rgba(28,28,28,.56)}.myplaylist .x-tool-expand-bottom{width:16px;height:16px;background-image:url("../images/playlist_control.png");background-repeat:no-repeat;background-color:initial;background-position:0}.myplaylist .x-tool-expand-bottom:hover{background-position:-16px}.myplaylist .x-tool-collapse-top{width:16px;height:16px;background-image:url("../images/playlist_control.png");background-repeat:no-repeat;background-color:initial;background-position:-32px}.myplaylist .x-tool-collapse-top:hover{background-position:-48px}.myplaylist .playlist.dragover{box-shadow:0 -1px 0 #ff7f7f inset}.myplaylist .x-title-text{font-size:12px}body[data-appearance=light] .myplaylist .x-title-text{color:rgba(28,28,28,.56)}.myplaylist .x-grid-item-container{padding:2px 0 15px 0}.myplaylist .x-grid-item-container .x-grid-item{display:block;padding-left:10px;table-layout:fixed}.myplaylist .x-panel-body,.myplaylist .x-panel-header{border:none}.myplaylist .x-panel-header-default-horizontal{padding:10px 15px;height:40px}.myplaylist .x-grid-item{height:40px;background:0 0!important}body[data-appearance=light] .myplaylist .x-grid-item{color:rgba(28,28,28,.8)}body[data-appearance=dark] .myplaylist .x-grid-item{color:rgba(255,255,255,.8)}.myplaylist .x-grid-item.x-grid-item-over{color:#ff7f7f!important;border:none;border-bottom:0}.myplaylist .x-grid-item.x-grid-item-over .favorite,.myplaylist .x-grid-item.x-grid-item-over .other-playlists{background-position-x:-40px!important}.myplaylist .x-grid-item.x-grid-item-selected{border:none;border-bottom:0;color:#ff7f7f!important}.myplaylist .x-grid-item.x-grid-item-selected .favorite,.myplaylist .x-grid-item.x-grid-item-selected .other-playlists{background-position-x:-40px!important}.myplaylist .status .x-grid-cell-inner{padding:0}.myplaylist .status .x-grid-cell-inner .favorite{background:url("../images/sidebar_favorite.png") no-repeat center;background-position:0 2px;width:40px;height:40px}.myplaylist .status .x-grid-cell-inner .other-playlists{background:url("../images/sidebar_playlist.png") no-repeat center;background-position:0 0;width:40px;height:40px}.myplaylist .status .x-grid-cell-inner img{vertical-align:middle}.myplaylist .name{vertical-align:middle}.myplaylist .name .x-grid-cell-inner{padding:0}.cover-panel .info-panel{border-top:1px solid;box-sizing:border-box;height:80px;position:relative;z-index:5}body[data-appearance=light] .cover-panel .info-panel{background-color:#f5f5f5;border-color:#dbdbdb}body[data-appearance=dark] .cover-panel .info-panel{background-color:#202020;border-color:#606060}.cover-panel .info-panel .small-cover{display:inline-block;height:100%;width:80px;overflow:hidden;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.cover-panel .info-panel .small-cover>img{max-width:100%;width:auto;height:100%;border-right:1px solid;margin:auto}body[data-appearance=light] .cover-panel .info-panel .small-cover>img{border-color:#dbdbdb}body[data-appearance=dark] .cover-panel .info-panel .small-cover>img{border-color:#505050}.cover-panel .info-panel>.right-wrapper{display:inline-block;padding:10px;height:100%;vertical-align:top;position:absolute;right:0;width:calc(100% - 80px);background:0 0;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.cover-panel .info-panel>.right-wrapper .title{font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}body[data-appearance=light] .cover-panel .info-panel>.right-wrapper .title{color:#1c1c1c}body[data-appearance=dark] .cover-panel .info-panel>.right-wrapper .title{color:rgba(255,255,255,.5)}.cover-panel .info-panel>.right-wrapper .artist{display:block;font-size:12px;margin-top:3px}body[data-appearance=light] .cover-panel .info-panel>.right-wrapper .artist{color:#5e5e5e}body[data-appearance=dark] .cover-panel .info-panel>.right-wrapper .artist{color:rgba(255,255,255,.5)}.cover-panel .info-panel .tool-wrapper{position:absolute;bottom:0;right:0}.cover-panel .info-panel .tool-wrapper .toggle-cover{background-image:url("../images/Cover_panel_Cover.png");width:30px;height:30px;background-repeat:no-repeat;background-position:0;display:inline-block}.cover-panel .info-panel .tool-wrapper .toggle-cover:hover{background-position:-30px}.cover-panel .info-panel .tool-wrapper .toggle-lyric{background-image:url("../images/Cover_panel_lyrices_edit.png");visibility:hidden;width:30px;height:30px;background-repeat:no-repeat;background-position:0;display:inline-block}.cover-panel .info-panel .tool-wrapper .toggle-lyric:hover{background-position:-30px}.cover-panel .info-panel .tool-wrapper .toggle-cover.x-btn-pressed{background-position:-60px}.cover-panel .info-panel .tool-wrapper .toggle-cover.x-btn-pressed:hover{background-position:-30px}.cover-panel .info-panel .tool-wrapper .toggle-lyric.x-btn-pressed{background-position:-60px}.cover-panel .info-panel .tool-wrapper .toggle-lyric.x-btn-pressed:hover{background-position:-30px}.cover-panel .big-cover{width:100%;height:300px;position:absolute;z-index:1;bottom:0;background-image:url("../images/music_cover_back.png");background-size:contain;visibility:hidden;overflow-y:hidden}body[data-appearance=light] .cover-panel .big-cover{background-color:#4a4a4a}body[data-appearance=dark] .cover-panel .big-cover{background-color:#4a4a4a}.cover-panel .big-cover>.lyric-mask{visibility:hidden;z-index:5;background-image:url("../images/lyric_mask.png");width:300px!important;height:300px;position:fixed;pointer-events:none;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cover-panel .big-cover>.lyric-panel{visibility:hidden;position:absolute;width:100%;height:auto;min-height:100%;left:0;top:0;z-index:2}.cover-panel .lyric-wrapper{z-index:3;overflow-y:auto}.cover-panel lyric{text-align:center;line-height:30px;font-size:16px}.cover-panel .no-lyric-text{position:absolute;opacity:.4;top:50%;width:100%;text-align:center}.cover-panel.expanded .small-cover{transform:translateX(-80px);-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.cover-panel.expanded .right-wrapper{width:100%;position:absolute;right:0;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.cover-panel.expanded .right-wrapper .title{width:100%}.cover-panel.expanded .right-wrapper .artist{width:100%}.cover-panel.expanded .info-panel .tool-wrapper .toggle-lyric{visibility:visible}.cover-panel.expanded .info-panel .tool-wrapper .toggle-cover{background-position:-60px}.cover-panel.expanded .big-cover{visibility:visible;bottom:80px;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cover-panel.expanded.show-lyric .lyric-mask{visibility:visible}.cover-panel.expanded.show-lyric .lyric-panel{visibility:visible}.cover-panel.expanded.show-lyric .info-panel .tool-wrapper .toggle-lyric{background-position:-60px}.cover-panel.expanded.show-lyric .big-cover{overflow-y:auto}.w-panel .x-autocontainer-outerCt{display:block}.w-panel .x-autocontainer-innerCt{display:flex;flex-direction:column}.w-panel .w-wrap{height:auto;flex:1;overflow-y:auto;overflow-x:hidden}.w-panel .x-panel-body{border-right:none;border-left:none;border-bottom:none}.sg-window{box-shadow:0 3px 6px rgba(0,0,0,.5);border-radius:4px;display:flex;flex-direction:column}body[data-appearance=light] .sg-window{border:0;background-color:#fff}body[data-appearance=dark] .sg-window{border:0;background-color:#3b3b3b}.sg-window .x-panel-body-default,.sg-window .x-panel-body-default-framed,.sg-window .x-panel-default-framed,.sg-window .x-tab-bar-default,.sg-window .x-toolbar-footer,.sg-window .x-window-body-default,.sg-window .x-window-header-default{border:0;background:0 0!important}.sg-window .top-bar{padding-bottom:8px}.sg-window .top-bar .x-btn{border:1px solid;border-radius:6px}body[data-appearance=light] .sg-window .top-bar .x-btn{background-color:#f2f2f2;border-color:#c1c1c1}body[data-appearance=dark] .sg-window .top-bar .x-btn{background-color:#5e5e5e;border-color:#7d7d7d}body[data-appearance=light] .sg-window .top-bar .x-btn .x-btn-inner{color:rgba(28,28,28,.8)}body[data-appearance=dark] .sg-window .top-bar .x-btn .x-btn-inner{color:rgba(255,255,255,.8)}body[data-appearance=light] .sg-window .top-bar .x-btn.x-btn-over .x-btn-inner{color:#d15050!important}body[data-appearance=dark] .sg-window .top-bar .x-btn.x-btn-over .x-btn-inner{color:#d15050!important}.sg-window .top-bar .x-btn.x-btn-pressed{border-color:#ff7f7f!important;background-color:#d15050!important}body[data-appearance=light] .sg-window .top-bar .x-btn.x-btn-pressed .x-btn-inner{color:rgba(255,255,255,.8)!important}body[data-appearance=dark] .sg-window .top-bar .x-btn.x-btn-pressed .x-btn-inner{color:rgba(255,255,255,.8)!important}.sg-window .x-window-header-title-default{text-align:center}.sg-window .x-window-header-default{height:50px;position:relative!important}body[data-appearance=light] .sg-window .x-window-header-default{border-bottom:1px solid #dbdbdb}body[data-appearance=dark] .sg-window .x-window-header-default{border-bottom:1px solid #606060}.sg-window .x-title-text-default{padding-left:24px;font-size:18px;text-align:left;line-height:30px}body[data-appearance=light] .sg-window .x-title-text-default{color:#000}body[data-appearance=dark] .sg-window .x-title-text-default{color:#fff}.sg-window hr{height:1px;border:0}body[data-appearance=light] .sg-window hr{background-color:#dbdbdb}body[data-appearance=dark] .sg-window hr{background-color:#606060}.sg-window .x-window-body{top:initial!important;flex:1}.sg-window .x-toolbar{height:70px;top:initial!important;bottom:0;position:relative!important;padding:20px 25px}.sg-window .x-toolbar .x-btn{border:2px solid;border-radius:15px}body[data-appearance=light] .sg-window .x-toolbar .x-btn{background-color:#f2f2f2;border-color:#959595}body[data-appearance=dark] .sg-window .x-toolbar .x-btn{background-color:#3d3d3d;border-color:#606060}body[data-appearance=light] .sg-window .x-toolbar .x-btn .x-btn-inner{color:rgba(0,0,0,.89)}body[data-appearance=dark] .sg-window .x-toolbar .x-btn .x-btn-inner{color:rgba(255,255,255,.8)}.sg-window .x-toolbar .x-btn.x-btn-over{border-color:#ff7f7f!important;background-color:#ff7f7f!important}body[data-appearance=light] .sg-window .x-toolbar .x-btn.x-btn-over .x-btn-inner{color:#fff}body[data-appearance=dark] .sg-window .x-toolbar .x-btn.x-btn-over .x-btn-inner{color:#fff}.sg-window .x-toolbar .x-btn.x-btn-pressed{background-color:#d15050!important}.taginfo .x-window-header-default{border-bottom-color:transparent!important}.taginfo .tabmenu{display:flex;flex-direction:column;height:380px!important}.taginfo .tabmenu .x-tab-bar-default{position:relative!important}.taginfo .tabmenu .x-tab-bar-default .x-box-inner{border-bottom:1px solid}body[data-appearance=light] .taginfo .tabmenu .x-tab-bar-default .x-box-inner{border-color:#dbdbdb}body[data-appearance=dark] .taginfo .tabmenu .x-tab-bar-default .x-box-inner{border-color:#606060}.taginfo .tabmenu .x-tab-bar-default .x-tab-default{border-top:0;border-left:0;border-right:0;border-bottom:3px solid transparent;border-radius:0;height:40px;background:0 0;box-shadow:none}.taginfo .tabmenu .x-tab-bar-default .x-tab-default .x-tab-inner{font-size:14px;line-height:20px}body[data-appearance=light] .taginfo .tabmenu .x-tab-bar-default .x-tab-default .x-tab-inner{color:rgba(28,28,28,.8)}body[data-appearance=dark] .taginfo .tabmenu .x-tab-bar-default .x-tab-default .x-tab-inner{color:rgba(255,255,255,.48)}.taginfo .tabmenu .x-tab-bar-default .x-tab-default.x-tab-active{border-color:#ff7f7f!important}.taginfo .tabmenu .x-tab-bar-default .x-tab-default.x-tab-active .x-tab-inner{color:#ff7f7f!important}body[data-appearance=dark] .taginfo .tabmenu .x-tab-bar-default .x-tab-default.x-tab-over .x-tab-inner{color:#fff}.taginfo .tabmenu .x-tab-default{width:120px}.taginfo .tabmenu .x-panel-body{top:initial!important}.taginfo .tabmenu .x-panel-body.x-panel-body-default.x-layout-fit.x-panel-body-default{flex:1;overflow-y:auto}.taginfo .tabmenu .x-field.taginfo-title .x-form-display-field{font-size:24px}.taginfo .tabmenu .x-field.taginfo-artist .x-form-display-field{font-size:18px}.taginfo .tabmenu .x-field.taginfo-duration .x-form-display-field{font-size:14px}.taginfo .tabmenu .cover{height:150px;width:150px;overflow:hidden;border:1px solid}body[data-appearance=light] .taginfo .tabmenu .cover{border-color:#909090}body[data-appearance=dark] .taginfo .tabmenu .cover{border-color:#3d3d3d}.taginfo .tabmenu .cover img{max-height:100%;max-width:100%;width:auto;height:auto;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.taginfo .tabmenu .information{text-align:right}.taginfo .x-panel.x-tabpanel-child.x-panel-default{padding:25px!important}.upload-lrc-field{padding:15px}.upload-lrc-field .x-form-text-wrap-default,.upload-lrc-field .x-form-trigger-cmp-default{background:0 0!important;background-image:none}.upload-lrc-field .x-form-trigger-wrap-default{background:0 0!important;border:none}.upload-lrc-field .x-form-trigger-wrap-default .x-form-text{border:1px solid;border-radius:4px}body[data-appearance=light] .upload-lrc-field .x-form-trigger-wrap-default .x-form-text{background-color:#f2f2f2;border-color:#d6d6d6}body[data-appearance=dark] .upload-lrc-field .x-form-trigger-wrap-default .x-form-text{background-color:#565656;border-color:#646464}.upload-lrc-field .x-btn{border:1px solid;border-radius:6px}body[data-appearance=light] .upload-lrc-field .x-btn{background-color:#f2f2f2;border-color:#c1c1c1}body[data-appearance=dark] .upload-lrc-field .x-btn{background-color:#5e5e5e;border-color:#7d7d7d}body[data-appearance=light] .upload-lrc-field .x-btn .x-btn-inner{color:rgba(28,28,28,.8)}body[data-appearance=dark] .upload-lrc-field .x-btn .x-btn-inner{color:rgba(255,255,255,.8)}body[data-appearance=light] .upload-lrc-field .x-btn.x-btn-over .x-btn-inner{color:#d15050!important}body[data-appearance=dark] .upload-lrc-field .x-btn.x-btn-over .x-btn-inner{color:#d15050!important}.upload-lrc-field .x-btn.x-btn-pressed{border-color:#ff7f7f!important;background-color:#d15050!important}body[data-appearance=light] .upload-lrc-field .x-btn.x-btn-pressed .x-btn-inner{color:rgba(255,255,255,.8)!important}body[data-appearance=dark] .upload-lrc-field .x-btn.x-btn-pressed .x-btn-inner{color:rgba(255,255,255,.8)!important}.upload-lrc-field .x-btn{min-width:unset;margin-left:8px!important}.new-playlist .x-window-body{padding:0 25px}.new-playlist .x-autocontainer-innerCt{vertical-align:middle;text-align:right}.edit-win .x-window-body{padding:0 25px}.edit-win .x-autocontainer-innerCt{vertical-align:middle;text-align:right}.confirm-win .x-window-body{padding:0 25px}.confirm-win .x-autocontainer-innerCt{vertical-align:middle;text-align:left}.media-win .x-window-body{padding:0 25px}.media-win .x-autocontainer-innerCt{vertical-align:middle;text-align:right}.media-win .x-autocontainer-innerCt .x-autocontainer-form-item{margin-bottom:8px}.media-win .x-btn{border:1px solid;border-radius:6px}body[data-appearance=light] .media-win .x-btn{background-color:#f2f2f2;border-color:#c1c1c1}body[data-appearance=dark] .media-win .x-btn{background-color:#5e5e5e;border-color:#7d7d7d}body[data-appearance=light] .media-win .x-btn .x-btn-inner{color:rgba(28,28,28,.8)}body[data-appearance=dark] .media-win .x-btn .x-btn-inner{color:rgba(255,255,255,.8)}body[data-appearance=light] .media-win .x-btn.x-btn-over .x-btn-inner{color:#d15050!important}body[data-appearance=dark] .media-win .x-btn.x-btn-over .x-btn-inner{color:#d15050!important}.media-win .x-btn.x-btn-pressed{border-color:#ff7f7f!important;background-color:#d15050!important}body[data-appearance=light] .media-win .x-btn.x-btn-pressed .x-btn-inner{color:rgba(255,255,255,.8)!important}body[data-appearance=dark] .media-win .x-btn.x-btn-pressed .x-btn-inner{color:rgba(255,255,255,.8)!important}.media-win .x-btn{min-width:unset}body[data-appearance=light] .tree-win .x-window-body{background-color:#fff!important}body[data-appearance=dark] .tree-win .x-window-body{background-color:#3b3b3b!important}.tree-win .x-grid-item{border:0!important}body[data-appearance=light] .tree-win .x-grid-item{background-color:#fff}body[data-appearance=dark] .tree-win .x-grid-item{background-color:#3b3b3b}.tree-win .x-grid-row{height:40px}.tree-win .x-grid-row .x-tree-expander{height:40px;background-image:none}.tree-win .x-grid-row .x-tree-icon{margin-right:8px;width:24px;height:40px;background-image:url("../images/folder.png");background-size:contain}.tree-win .x-grid-row .x-tree-node-text{line-height:30px}.x-menu{border:0;box-shadow:0 3px 6px rgba(0,0,0,.5);border-radius:4px}.x-menu .x-panel-body-default,.x-menu .x-tab-bar-default{background-color:transparent!important}body[data-appearance=light] .x-menu .x-menu-body-default{background-color:#fff}body[data-appearance=dark] .x-menu .x-menu-body-default{background-color:#3b3b3b}.x-menu .x-menu-item-default{font-size:13px;height:40px;padding-left:16px;padding-right:16px;line-height:40px}body[data-appearance=light] .x-menu .x-menu-item-default .x-menu-item-text-default{color:rgba(0,0,0,.89)}body[data-appearance=dark] .x-menu .x-menu-item-default .x-menu-item-text-default{color:rgba(255,255,255,.56)}body[data-appearance=light] .x-menu .x-menu-item-default.x-menu-item-active .x-menu-item-text-default{color:rgba(0,0,0,.89)}body[data-appearance=dark] .x-menu .x-menu-item-default.x-menu-item-active .x-menu-item-text-default{color:#fff}body[data-appearance=light] .x-menu .x-menu-item-default.x-menu-item-active{background-color:#dbdbdb}body[data-appearance=dark] .x-menu .x-menu-item-default.x-menu-item-active{background-color:#606060}.x-menu-item-arrow-default{top:0!important;width:16px;height:100%;background:url("../images/ic_menu_arrow.png") no-repeat center}.share-inner-ct{margin:0 25px 25px;height:100%}.share-inner-ct .x-autocontainer-innerCt{height:100%}.share-inner-ct .x-autocontainer-outerCt{height:100%}.share-icons{margin:0 0 25px 25px;width:100%}.share-icons .x-box-item::before{content:'';width:40px;height:40px;position:absolute;transition:all .1s linear;left:25px;opacity:.7;background-image:url("../images/social-media-icon.png");-webkit-transform:scale(.8);transform:scale(.8);cursor:pointer}.share-icons .x-box-item:hover::before{-webkit-transform:scale(1);transform:scale(1);opacity:1}.share-icons .x-box-item.sg-icon-16-facebook::before{background-position:0 0}.share-icons .x-box-item.sg-icon-16-googleplus::before{background-position:-80px 0}.share-icons .x-box-item.sg-icon-16-twitter::before{background-position:-40px 0}.share-icons .x-box-item.sg-icon-16-plurk::before{background-position:-120px 0}.share-icons .x-box-item.sg-icon-16-mail::before{background-position:0 -40px}.copy-to-clipboard{width:40px;height:40px;top:-5px!important;background-image:url("../images/setting_log.png");background-repeat:no-repeat}.copy-to-clipboard:hover{background-position:-40px}