html .record-nav-bar[data-v-f3c4d77e]{display:flex;align-items:center;justify-content:flex-start;color:var(--hui);font-size:3.2vw;line-height:3.7333vw;margin-bottom:1.0667vw;color:#fff;margin-bottom:2.6667vw}html .record-nav-bar .record-nav-bar-item[data-v-f3c4d77e]{margin:0 1.0667vw;justify-content:center;align-items:center;display:flex;padding:2.6667vw;border-radius:5.8667vw;background-color:hsla(0,0%,39.2%,.4117647058823529)}html .record-nav-bar .on[data-v-f3c4d77e]{color:#fff;border-radius:5.8667vw;background-color:var(--m-c--)}html .record-nav-bar-loading .on[data-v-f3c4d77e]{background-color:#9ebffc}.record .head[data-v-26c72928]{display:flex;align-items:center;justify-content:space-around;height:10.6667vw;color:var(--hui)}.record .head .on[data-v-26c72928]{color:var(--m-c--)}.record .list .currencyIcon[data-v-26c72928]{width:10.6667vw;height:10.6667vw;border-radius:5.3333vw;margin-right:1.3333vw}.record .list .item[data-v-26c72928]{margin-bottom:2.6667vw;padding:2.6667vw;border-radius:2.6667vw;background:var(--background)}.record .list .li[data-v-26c72928]{display:flex;align-items:center;justify-content:space-between;height:8vw;font-size:3.2vw;color:var(--hui)}.record .list .li span[data-v-26c72928]{color:var(--input-c--)}.left[data-v-36b0c31e]{font-size:3.2vw;margin-top:.8vw}.right[data-v-36b0c31e]{font-size:4.2667vw;line-height:5.3333vw}.container[data-v-3e6f1d3c]{padding:2.6667vw;background-color:var(--background);border:1px solid hsla(0,0%,100%,.3843137254901961);width:94.6667vw;border-radius:1.6vw;overflow:hidden;margin:2.6667vw auto}.container .chat[data-v-3e6f1d3c]{overflow:hidden}.tabs[data-v-3e6f1d3c]{height:8vw;display:flex;align-items:bottom;font-size:3.7333vw;color:#687186;margin-bottom:2.6667vw}.tabs .tab[data-v-3e6f1d3c]{margin-right:2.6667vw}.tabs .on[data-v-3e6f1d3c]{font-size:4.2667vw;color:var(--m-c--)}.trade-bar[data-v-3e6f1d3c]{padding:2.6667vw 0;width:100%;background:transparent;color:#000}.trade-bar .currency[data-v-3e6f1d3c]{background-color:#485a96;border-radius:1.0667vw;padding:2.6667vw;display:flex;justify-content:space-between;margin-bottom:2.6667vw;align-items:center}.trade-bar .currency .symbol[data-v-3e6f1d3c]{width:26.6667vw;display:flex;align-items:center}.trade-bar .currency .symbol .icon[data-v-3e6f1d3c]{margin-right:2.6667vw;width:10.6667vw}.trade-bar .currency .symbol .name[data-v-3e6f1d3c]{font-size:3.4667vw}.trade-bar .currency .type[data-v-3e6f1d3c]{text-overflow:ellipsis;overflow:hidden;color:#fff;line-height:9.6vw;border-radius:1.0667vw;width:20.2667vw;height:9.6vw;text-align:center}.trade-bar .top[data-v-3e6f1d3c]{display:flex;justify-content:space-between}.trade-bar .top .cancel[data-v-3e6f1d3c]{color:#fa1e22}.trade-bar .cycle .bu-wrp[data-v-3e6f1d3c]{display:flex;margin-bottom:2.6667vw;padding:2.6667vw 0}.trade-bar .cycle .button[data-v-3e6f1d3c]{line-height:8vw;font-size:3.7333vw;text-align:center;color:#687186;margin-right:2.6667vw}.trade-bar .cycle .button.on[data-v-3e6f1d3c]{color:#3764ff;font-size:4.2667vw}.trade-bar .box[data-v-3e6f1d3c]{overflow:hidden;border-radius:1.3333vw}.trade-bar .balance[data-v-3e6f1d3c],.trade-bar .main[data-v-3e6f1d3c]{display:flex;justify-content:space-between}.trade-bar .balance[data-v-3e6f1d3c]{margin-bottom:2.6667vw}.trade-bar .time[data-v-3e6f1d3c]{width:27.4667vw;height:32vw;color:#000;background:var(--background2);border-radius:1.3333vw}.trade-bar .time .wrp[data-v-3e6f1d3c]{overflow:hidden;width:27.4667vw;height:32vw}.trade-bar .time .time-swipe[data-v-3e6f1d3c]{overflow:visible;width:27.4667vw;height:8vw;line-height:8vw}.trade-bar .time .time-swipe .time-swipe-item[data-v-3e6f1d3c]{text-align:center}.trade-bar .time .time-swipe .time-swipe-item.on[data-v-3e6f1d3c]{color:var(--m-c--)}.trade-bar .quantity[data-v-3e6f1d3c]{width:59.7333vw;height:39.4667vw}.trade-bar .quantity .input[data-v-3e6f1d3c]{background-color:#cacaca;border-radius:1.3333vw;width:100%;height:9.6vw;background-color:#fff;color:#2d385d;text-indent:2.6667vw;caret-color:#2c2c2c}.trade-bar .quantity .bu-wrp[data-v-3e6f1d3c]{text-align:center;color:#b0b0b0;margin-top:2.6667vw;display:grid;width:100%;grid-template-columns:repeat(5,1fr);justify-content:space-between;grid-gap:1.6vw}.trade-bar .quantity .bu-wrp .button[data-v-3e6f1d3c]{border-radius:1.3333vw;text-align:center;width:10.6667vw;height:7.4667vw;line-height:7.4667vw;font-size:3.2vw;color:#fff;background-color:#bec8db}.trade-bar .quantity .bu-wrp .button.on[data-v-3e6f1d3c]{background-color:#fff;color:var(--m-c--)}.trade-bar .title[data-v-3e6f1d3c]{font-size:3.2vw;line-height:5.3333vw;margin-bottom:1.3333vw}.trade-bar .comfirm[data-v-3e6f1d3c]{margin-top:2.6667vw;border-radius:1.3333vw;width:94.6667vw;height:11.7333vw;line-height:11.7333vw;text-align:center;background-color:#fff;color:#6579bb}.trade-bar .bottons[data-v-3e6f1d3c]{margin-top:2.6667vw;color:#fff;justify-content:space-between}.trade-bar .bottons .buy[data-v-3e6f1d3c],.trade-bar .bottons .sell[data-v-3e6f1d3c]{width:42.6667vw;height:10.6667vw;border-radius:1.3333vw;line-height:10.6667vw;text-align:center}