[data-v-837871d4]:root{--theme-color: #2a313c;--section-color: #2a313c;--title-color: #444;--text-color: #e2e8e3;--desc-color: #acacac;--navigator-color: rgb(157, 170, 188);--navigator-highlight-color: rgb(245, 214, 88);--nav-bar: white;--button-color: #e7e8ef;--tab-color: #e7e8ef;--tab-highligh-color: #333;--border-color: #2f415b;--border-color-top: #ddd;--section-color-lighten: #e7e8ef;--slider-color: #999;--background-color: #f8f7fc;--color: #62759a;--section-color-2: #353e4c}.app-header-content[data-v-837871d4]{z-index:99;min-height:50px;position:fixed;width:100%;top:0;left:0;padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);margin-top:0;background-color:var(--section-color);color:var(--title-color)}.app-header-content .page-header[data-v-837871d4]{background-color:inherit;background-image:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:50px}.app-header-content .page-header .btn-back[data-v-837871d4]{position:absolute;left:8px;color:var(--text-color);background-color:transparent;font-size:20px;display:-webkit-box;display:-ms-flexbox;display:flex}.app-header-content .page-header .btn-back span[data-v-837871d4]{padding:0 10px}.app-header-content .page-header .btn-back .icon[data-v-837871d4]{width:18px;height:18px}.app-header-content .page-header .page-title[data-v-837871d4]{color:inherit;font-size:16px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center;color:var(--text-color)}.app-header-content .page-header .btn-option[data-v-837871d4]{color:inherit;position:absolute;background-color:transparent;width:auto;padding:4px 0;font-size:20px;top:4px;top:calc(4px + constant(safe-area-inset-top));top:calc(4px + env(safe-area-inset-top))}.app-header-content .page-header .btn-right[data-v-837871d4]{right:13px;color:var(--text-color)}.app-header-content .page-header .btn-right .icon[data-v-837871d4]{width:18px;height:18px}.app-header-content .page-header .btn-left[data-v-837871d4]{left:13px}.app-header-content .page-header .btn-left+.btn-left[data-v-837871d4]{left:50px}.app-header-content .page-header button[data-v-837871d4]{-webkit-box-shadow:none;box-shadow:none;outline:none}

[data-v-2e2f877c]:root{--theme-color: #2a313c;--section-color: #2a313c;--title-color: #444;--text-color: #e2e8e3;--desc-color: #acacac;--navigator-color: rgb(157, 170, 188);--navigator-highlight-color: rgb(245, 214, 88);--nav-bar: white;--button-color: #e7e8ef;--tab-color: #e7e8ef;--tab-highligh-color: #333;--border-color: #2f415b;--border-color-top: #ddd;--section-color-lighten: #e7e8ef;--slider-color: #999;--background-color: #f8f7fc;--color: #62759a;--section-color-2: #353e4c}.product-content[data-v-2e2f877c]{height:100%;background-color:#101C31;padding-bottom:50px;padding-bottom:calc(50px + cosnt(safe-area-inset-bottom));padding-bottom:calc(50px + env(safe-area-inset-bottom));padding-top:50px;padding-top:calc(50px + cosnt(safe-area-inset-top));padding-top:calc(50px + env(safe-area-inset-top));overflow:auto;-webkit-overflow-scrolling:touch;position:relative;scroll-behavior:smooth}input[data-v-2e2f877c]{background-color:transparent;border:none;color:#ddd;text-align:center}.tab-group[data-v-2e2f877c]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--section-color);border-bottom:1px solid #ddd;height:50px;position:fixed;left:0;top:50px;top:calc(50px + cosnt(safe-area-inset-top));top:calc(50px + env(safe-area-inset-top));z-index:1}.tab-group .tab-item[data-v-2e2f877c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px 15px;height:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-group .tab-item.active[data-v-2e2f877c]{border-bottom:1px solid var(--navigator-highlight-color);color:var(--text-color);font-weight:bold}.sub-tab[data-v-2e2f877c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:15px;border-bottom:1px solid #ddd}.sub-tab .price[data-v-2e2f877c],.sub-tab .bill[data-v-2e2f877c]{padding:0 8px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center;padding-top:10px;padding-bottom:10px}.sub-tab .price.active[data-v-2e2f877c],.sub-tab .bill.active[data-v-2e2f877c]{color:var(--navigator-highlight-color);border-bottom:2px solid var(--navigator-highlight-color)}.sub-tab .price.active[data-v-2e2f877c]::after,.sub-tab .bill.active[data-v-2e2f877c]::after{content:"";display:block;width:24px;height:39px;position:absolute}.page-body[data-v-2e2f877c]{padding:10px 20px 20px;background-color:#101C31}.page-body .body[data-v-2e2f877c]{background-color:var(--section-color);-webkit-box-shadow:none;box-shadow:none;border-radius:10px;padding:20px 0px}.page-body .level[data-v-2e2f877c]{background-color:var(--section-color);-webkit-box-shadow:none;box-shadow:none;border-radius:10px}.simple-body[data-v-2e2f877c]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding-bottom:10px;background-color:var(--theme-color);color:#fff}.simple-body .left[data-v-2e2f877c]{padding-top:10px;text-align:left;padding-left:14px;display:inline-block;width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.simple-body .left .product[data-v-2e2f877c]{font-size:15px;text-align:left;text-transform:uppercase;font-weight:600}.simple-body .left .rate[data-v-2e2f877c]{font-size:25px;width:110px;font-weight:600}.simple-body .left .rate1[data-v-2e2f877c]{font-size:12px}.simple-body .left .rate1 span+span[data-v-2e2f877c]{margin-left:5px}.simple-body .left .rate1 .red[data-v-2e2f877c]{color:#cd4e65}.simple-body .left .rate1 .green[data-v-2e2f877c]{color:#1cad90}.simple-body .right[data-v-2e2f877c]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:inline-block;display:-webkit-box;display:-ms-flexbox;display:flex;width:50%;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.simple-body .right .info-group[data-v-2e2f877c]{-webkit-box-flex:1;-ms-flex:1;flex:1}.simple-body .right .info-group .title[data-v-2e2f877c]{color:#7b9ca7}.fixed-page-footer[data-v-2e2f877c]{position:fixed;width:100%;bottom:0;left:0;padding:10px;width:100%;height:60px;height:calc(60px + cosnt(safe-area-inset-bottom));height:calc(60px + env(safe-area-inset-bottom));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;z-index:9999;background-color:#101C31}.fixed-page-footer .buy-sell[data-v-2e2f877c],.fixed-page-footer .level-footer[data-v-2e2f877c]{width:100%}.fixed-page-footer .bottom[data-v-2e2f877c]{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:13px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.fixed-page-footer .bottom .btn-submit[data-v-2e2f877c]{background-color:var(--navigator-highlight-color);color:#fff;padding:10px 20px;text-align:center;height:40px}.fixed-page-footer .bottom .sell[data-v-2e2f877c]{border:1px solid #cd4e65;text-align:center;background-color:#cd4e65;color:#fff;border-radius:4px;padding:0px 20px 0px 20px;width:40%;display:inline-block;height:40px}.fixed-page-footer .bottom .sell span[data-v-2e2f877c]{display:inline-block;width:100%}.fixed-page-footer .bottom .index[data-v-2e2f877c]{font-size:10px;text-align:center;width:10%;color:#fff}.fixed-page-footer .bottom .buy[data-v-2e2f877c]{border:1px solid #1cad90;text-align:center;background-color:#1cad90;color:#fff;border-radius:4px;padding:0px 20px 0px 20px;float:left;width:40%;height:40px}.fixed-page-footer .bottom .buy span[data-v-2e2f877c]{display:inline-block;width:100%}.wrapper[data-v-2e2f877c]{position:relative;padding:10px 10px 10px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.wrapper .trade-left[data-v-2e2f877c]{width:50%;font-size:14px;margin:0;float:left;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding-left:10px}.wrapper .trade-right[data-v-2e2f877c]{width:100%;font-size:14px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;float:right}.wrapper .trade-right .one_unit[data-v-2e2f877c],.wrapper .trade-right .five_unit[data-v-2e2f877c],.wrapper .trade-right .ten_unit[data-v-2e2f877c],.wrapper .trade-right .twenty_unit[data-v-2e2f877c]{background-color:transparent;color:var(--text-color);border:1px solid var(--navigator-highlight-color);margin-right:10px;text-align:center;height:24px;padding:1px 0px;margin:auto;width:20%;border-radius:4px}.wrapper .trade-right .one_unit.active[data-v-2e2f877c],.wrapper .trade-right .five_unit.active[data-v-2e2f877c],.wrapper .trade-right .ten_unit.active[data-v-2e2f877c],.wrapper .trade-right .twenty_unit.active[data-v-2e2f877c]{background-color:var(--navigator-highlight-color);color:#fff}.wrapper .trade-right .plus[data-v-2e2f877c]{font-size:15px;width:10%;color:var(--navigator-highlight-color)}.wrapper .trade-right .minus[data-v-2e2f877c]{font-size:15px;width:10%;color:var(--navigator-highlight-color)}.wrapper .trade-right .input[data-v-2e2f877c]{font-size:15px;width:78%;text-align:center;outline:none;-webkit-box-shadow:none;box-shadow:none;border:none}.wrapper .trade-right .money-btn[data-v-2e2f877c]{background-color:transparent;color:var(--text-color);border:1px solid var(--navigator-highlight-color);text-align:center;height:24px;margin:auto;width:33%;margin-right:4px;border-radius:2px;font-size:12px}.wrapper .trade-right .money-btn.active[data-v-2e2f877c]{color:#fff;background-color:var(--navigator-highlight-color)}.wrapper .trade-right .gearing[data-v-2e2f877c]{background-color:var(--navigator-highlight-color);color:#fff;border:1px solid var(--navigator-highlight-color);text-align:center;height:24px;margin:auto;width:100%;margin-right:3px;border-radius:4px;font-size:12px}.wrapper .trade-right .grad[data-v-2e2f877c]{color:#999;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;font-size:12px;width:100%}.sub-body[data-v-2e2f877c]{position:relative}.sub-body .con[data-v-2e2f877c]{width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow-x:scroll;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:16px}.sub-body .con .title-wrapper[data-v-2e2f877c]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border-bottom:1px solid #444;height:45px}.sub-body .con .title-wrapper .bill1[data-v-2e2f877c]{background-color:var(--section-color);color:var(--text-color);border:1px solid var(--navigator-highlight-color);font-size:13px;margin-right:2%;width:23%;padding:0;border-radius:4px;padding:5px;outline:none}.sub-body .con .title-wrapper .bill1.active[data-v-2e2f877c]{background-color:var(--navigator-highlight-color);color:#fff;border-color:var(--navigator-highlight-color)}.sub-body .con .level-wrapper[data-v-2e2f877c]{width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border-bottom:1px solid #ddd;padding-bottom:16px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:left;height:70px;margin-top:16px;-webkit-margin-before:16px;margin-block-start:16px}.sub-body .con .level-wrapper[data-v-2e2f877c]:last-of-type{border:none;padding-bottom:0}.sub-body .con .level-wrapper .level-trade-left[data-v-2e2f877c]{width:30%;font-size:14px;margin:0;float:left;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding-left:10px}.sub-body .con .level-wrapper .level-trade-left .trans[data-v-2e2f877c]{padding-top:5px;font-size:14px}.sub-body .con .level-wrapper .level-trade-left .quantity[data-v-2e2f877c]{font-size:14px;padding-top:12px}.sub-body .con .level-wrapper .level-trade-left .gear[data-v-2e2f877c]{text-align:center;padding-top:5px}.sub-body .con .level-wrapper .level-trade-right[data-v-2e2f877c]{width:70%;font-size:14px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;float:right;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sub-body .con .level-wrapper .level-trade-right[data-v-2e2f877c]  #datetime-picker-wrapper label{display:none}.sub-body .con .level-wrapper .level-trade-right[data-v-2e2f877c]  #datetime-picker-wrapper #datetime-picker-input{color:var(--text-color);background:none;padding-top:0;border:1px solid #444}.sub-body .con .level-wrapper .level-trade-right[data-v-2e2f877c]  #datetime-picker-wrapper .field-clear-button{display:none}.sub-body .con .level-wrapper .level-trade-right .val[data-v-2e2f877c]{width:20%;text-align:center;font-size:10px;padding:5px 10px}.sub-body .con .level-wrapper .level-trade-right .level-sell[data-v-2e2f877c]{color:#cd4e65;border:1px solid #cd4e65}.sub-body .con .level-wrapper .level-trade-right .level-sell.active[data-v-2e2f877c]{color:#fff;background-color:#cd4e65}.sub-body .con .level-wrapper .level-trade-right .level-buy[data-v-2e2f877c]{color:#1cad90;border:1px solid #1cad90}.sub-body .con .level-wrapper .level-trade-right .level-buy.active[data-v-2e2f877c]{color:#fff;background-color:#1cad90}.sub-body .con .level-wrapper .level-trade-right .level-sell[data-v-2e2f877c],.sub-body .con .level-wrapper .level-trade-right .level-buy[data-v-2e2f877c]{font-size:12px;border-radius:2px;padding:0 5px;width:100%;height:50px;padding:5px;text-align:center}.sub-body .con .level-wrapper .level-trade-right .money-btn[data-v-2e2f877c]{background-color:transparent;color:var(--text-color);border:1px solid var(--navigator-highlight-color);padding:3% 3%;border-radius:2px;margin-right:4px;font-size:12px;width:33%;text-align:center}.sub-body .con .level-wrapper .level-trade-right .money-btn.active[data-v-2e2f877c]{background-color:var(--navigator-highlight-color);color:#fff}.sub-body .con .level-wrapper .level-trade-right .grad[data-v-2e2f877c]{text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:10px;padding-top:3%}.sub-body .con .level-wrapper .level-trade-right .plus[data-v-2e2f877c]{width:10%;color:var(--navigator-highlight-color)}.sub-body .con .level-wrapper .level-trade-right .input[data-v-2e2f877c]{width:80%;text-align:center;outline:none;-webkit-box-shadow:none;box-shadow:none;border:none;color:var(--text-color)}.sub-body .con .level-wrapper .level-trade-right .minus[data-v-2e2f877c]{width:10%;color:var(--navigator-highlight-color)}.sub-body .con .level-wrapper .level-trade-right .get_money[data-v-2e2f877c],.sub-body .con .level-wrapper .level-trade-right .estimate-loss[data-v-2e2f877c],.sub-body .con .level-wrapper .level-trade-right .estimate-profit[data-v-2e2f877c]{font-size:10px;color:var(--text-color);padding-top:3%}.sub-body .con .level-wrapper .level-trade-right .gearing[data-v-2e2f877c]{width:100%;background-color:var(--navigator-highlight-color);padding-top:5px 20px;border:1px solid var(--navigator-highlight-color);border-radius:2px;color:#fff}.sub-body .con .level-wrapper .level-trade-right .date-title[data-v-2e2f877c]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:90%;text-align:center}.sub-body .con .level-wrapper .level-trade-right .picker[data-v-2e2f877c]{color:var(--navigator-highlight-color);margin-left:0;width:10%}


/*# sourceMappingURL=chunk-22ffd040.9a2454f9.css.map*/