.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}li{list-style:none}ul{padding:0;margin:0}@media (max-width: 767px){.header-tt,.progress{display:none}}@media (max-width: 374px){.st-click .more-down{width:120px}}.divTabBox{padding-top:50px}.divApp{background-color:#fff}.header{height:42px;border-top:solid 1px #6a6a6a;line-height:42px;background:#535353;border-bottom:solid 1px #282828;position:fixed;left:0;top:0;width:100%;z-index:100}.logo-txt{cursor:pointer;font-size:17px;color:#e65e03;font-weight:700;background:#535353}.logo-txt img{width:32px;height:32px}.header-tt{font-size:12px;color:#fff;margin-left:30px}.at-wrap{background-color:#fff;width:100vw;height:100vh;margin:0 auto;border:1px solid rgba(20,20,20,.12);display:flex;flex-direction:column;overflow:hidden;position:relative;margin-top:40px!important}.at-viewport{overflow-y:auto;position:absolute;top:0;left:0;right:0;bottom:0}.at-cursor-bar{background:#98a9e440;border:1px solid rgba(44,56,97,.12)}.at-selection div{background:#4040ff1a}.at-cursor-beat{background:#e65e03;width:3px}.at-highlight *{fill:#e65e03;stroke:#e65e03}.at-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1002;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;display:flex;justify-content:center;align-items:flex-start}.at-overlay-content{margin-top:50vh;padding:10px}.float-left{float:left}.float-right{float:right}.at-cursors{z-index:79!important}.header-right{background-color:#535353!important;height:42px;color:#bdb8b8}.header-right span{color:#bdb8b8}.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item:hover:after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu:hover:after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-active:after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-active:after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-open:after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-open:after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-selected:after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-selected:after{border-bottom:0px solid #ffffff!important}.ant-menu-submenu-selected{color:#bdb8b8!important}.footer{position:fixed;width:100%;left:0;bottom:0;right:0;z-index:100;height:50px}.play-btns{background-color:#e65e03!important;color:#fff!important;box-shadow:0 12px 8px #f165074d,0 6px 20px #00000030!important}.play-btns.active{background-color:#04915b!important}.play-btns[disabled]{color:#00000040!important;border-color:#d9d9d9!important;background:#f5f5f5!important}.track-list-box{background-color:#535353}.yg-s{width:19px;height:18px;text-align:center;line-height:15px;font-size:12px;color:#fff;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGfWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDMgNzkuMTY0NTI3LCAyMDIwLzEwLzE1LTE3OjQ4OjMyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIyLTAzLTExVDE5OjU1OjAzKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIyLTAzLTExVDE5OjU1OjAzKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0wMy0xMVQxOTo1NTowMyswODowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpiOGE4MTgxNy00NzViLWZhNDYtYmNlNy01OTRhN2E4MTc2ZjYiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo2OThkNTM1Zi1lNDUyLWIwNDItOGU1Yy0zNGFlNTZkY2Q1MjgiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkM2Y5YTAzNS1hMDg3LTM5NDAtOWRhMi1mYWYyZTYwMGViZDUiIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmQzZjlhMDM1LWEwODctMzk0MC05ZGEyLWZhZjJlNjAwZWJkNSIgc3RFdnQ6d2hlbj0iMjAyMi0wMy0xMVQxOTo1NTowMyswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjEgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpiOGE4MTgxNy00NzViLWZhNDYtYmNlNy01OTRhN2E4MTc2ZjYiIHN0RXZ0OndoZW49IjIwMjItMDMtMTFUMTk6NTU6MDMrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi4xIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPHBob3Rvc2hvcDpEb2N1bWVudEFuY2VzdG9ycz4gPHJkZjpCYWc+IDxyZGY6bGk+eG1wLmRpZDo5NUUwMjE3MUI4MTExMUU3QjQzOENBOUVGQzNCQkRCMzwvcmRmOmxpPiA8L3JkZjpCYWc+IDwvcGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po3a1qYAAACaSURBVDiNzdQ9CoUwEEbRO5oguBNxGamTxboAV2ItVmlFDYyFzwW8mCIfTHuYHxhRVUIIysdM0yTivdd933HO0ff9X0BKieu6mOeZruswAMMwEGMkxpjV1TiOLMvyYNZaVPMnbdsW4MFE5BP2xgBFoLqxpojyiwE4jqMcVuXOKj9A0THP88QYk428zTQA27ahqtm1risAUvI53q+Re12HbNm+AAAAAElFTkSuQmCC) center no-repeat;margin-bottom:2px;cursor:pointer}.yg-s.active{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAIAAABm5AhFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxNThlZmYyYS0xNjhjLTMzNDgtYjRmZS0wZjM5MGJkNzIzZjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUNBRjg0NDFCODExMTFFNzk2RjM4Mzg5MTU5RTMyRjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUNBRjg0NDBCODExMTFFNzk2RjM4Mzg5MTU5RTMyRjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk2NWI2MDgwLWFiNDItYmY0My05NGZlLTMzOWNlNzZjZGVlNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNThlZmYyYS0xNjhjLTMzNDgtYjRmZS0wZjM5MGJkNzIzZjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5oi0azAAAAsklEQVR42pSSPQ7DIAyFC3hBqURyMO5/AFaGZuYvllxZlpuU5A0RxO+zwcbEGFNKr4eCnLP33hhjre2942KMQV820ZYMuC2lQK01hMA+iSmYhZUsohgmgBcUVoy0AZeeirLQKcA511pTDi6oMPqPCFyZfiVt8P9Il9iju/Ek7GmLp12B6TUUQyHgcckwZ1W5KPQdwM1OyiyAwvd1kyRhR+C9LJ99x4nzOzwdsWS2dT0EGADgPXjB3Z0/mAAAAABJRU5ErkJggg==) center no-repeat;color:#f77f45}.yg-c{width:260px;padding:5px;border-bottom:#222121 solid 1px}.yg-c.active{background-color:#474545}.yg-c.active img{filter:grayscale(100%)}.eye{margin-left:5px;font-size:12px;color:#888585;margin-bottom:5px;cursor:pointer}.speed-box span{color:#f5f5f5}.ant-drawer-close,.ant-drawer-title{color:#f5f5f5!important}.speed-box-body{display:inline-block;height:90%;text-align:center;padding-right:5px}.speed-box .ant-slider-track,.speed-box .ant-slider-rail{width:10px!important}.speed-box .ant-slider-rail{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.ant-slider-track{background-color:#e65e03!important}.ant-slider-handle{border:#f87925 1px solid!important;background-color:#e65e03!important;box-shadow:0 8px 16px #6b2c01,0 6px 20px #793101}.speed-box .ant-slider-handle{width:20px!important;height:20px!important}.speed-reset{background-color:#e65e03;margin-top:20px;box-shadow:0 8px 16px #6b2c01,0 6px 20px #793101;border-radius:5px;cursor:pointer}.file-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;display:flex;justify-content:center;align-items:center;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.file-picker-box{background:#fff;border-radius:16px;padding:48px 60px;cursor:pointer;text-align:center;box-shadow:0 12px 40px #0003;transition:all .2s ease;border:3px dashed #d0d0d0;max-width:500px;width:90%}.file-picker-box:hover,.file-picker-box.drag-active{border-color:#e65e03;background:#fff8f2;transform:scale(1.02)}.file-picker-icon{font-size:56px;margin-bottom:16px}.file-picker-title{font-size:20px;font-weight:600;color:#333;margin-bottom:8px}.file-picker-hint{font-size:14px;color:#888;margin-bottom:20px}.file-picker-formats{font-size:12px;color:#aaa;line-height:1.8}.track-playing{position:relative;display:none;justify-content:space-between;width:13px;height:20px;margin-top:15px}.track-playing span{width:3px;height:100%;background-color:orange;border-radius:3px;transform-origin:bottom;animation:bounce 2.2s ease infinite alternate;content:""}.track-playing span:nth-of-type(2){animation-delay:-2.2s}.track-playing span:nth-of-type(3){animation-delay:-3.7s}@keyframes bounce{10%{transform:scaleY(.3)}30%{transform:scaleY(1)}60%{transform:scaleY(.5)}80%{transform:scaleY(.75)}to{transform:scaleY(.6)}}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}