.page[data-v-548ddc3a]{padding-bottom:50px}.page .currency-option[data-v-548ddc3a]{width:95vw;margin:0 auto}.page .page-top[data-v-548ddc3a]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:95vw;margin:10px auto;gap:10px}.page .page-top .pageTop-right .pageTopRight-tit[data-v-548ddc3a]{display:flex;justify-content:space-between;padding-right:10px;color:#aeb6bb;font-size:10px;font-weight:400;margin-bottom:10px}.page .page-top .pageTop-right .pageTopRight-list .pageTopRightList-item[data-v-548ddc3a]{position:relative;display:flex;justify-content:flex-end;height:24px;margin-bottom:2px}.page .page-top .pageTop-right .pageTopRight-list .pageTopRightList-item .dmi-cell-bg[data-v-548ddc3a]{height:100%}.page .page-top .pageTop-right .pageTopRight-list .pageTopRightList-item .item-pos[data-v-548ddc3a]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:space-between;padding-right:10px;color:#aeb6bb;font-size:11px;font-weight:400;line-height:24px}.page .page-top .pageTop-right .pageTopRight-list .redImage[data-v-548ddc3a]{background-color:rgba(250,82,82,.1)}.page .page-top .pageTop-right .pageTopRight-list .greenImage[data-v-548ddc3a]{background-color:rgba(18,184,134,.1)}.page .page-top .exchange .tradeorder-type[data-v-548ddc3a]{display:flex;background:#f7f8fa;border-radius:8px;padding:4px;margin-bottom:15px}.page .page-top .exchange .tradeorder-type .type-item[data-v-548ddc3a]{flex:1;text-align:center;padding:8px 0;font-size:14px;font-weight:700;color:#999;border-radius:6px;transition:all .3s;background:transparent}.page .page-top .exchange .tradeorder-type .type-item.typeActive[data-v-548ddc3a]{background:#fff;color:#333;box-shadow:0 2px 8px rgba(0,0,0,.05)}.page .page-top .exchange .tradeorder-from[data-v-548ddc3a]{display:flex;align-items:center;background:#f7f8fa;border-radius:8px;padding:0 15px;height:50px;border:none}.page .page-top .exchange .tradeorder-from input[data-v-548ddc3a]{flex:1;border:none;background:transparent;font-size:16px;font-weight:700;color:#333;height:100%}.page .page-top .exchange .tradeorder-from input[data-v-548ddc3a]::-moz-placeholder{color:#ccc;font-weight:400;font-size:14px}.page .page-top .exchange .tradeorder-from input[data-v-548ddc3a]:-ms-input-placeholder{color:#ccc;font-weight:400;font-size:14px}.page .page-top .exchange .tradeorder-from input[data-v-548ddc3a]::placeholder{color:#ccc;font-weight:400;font-size:14px}.page .page-top .exchange .tradeorder-from .text[data-v-548ddc3a]{font-size:14px;color:#333;font-weight:500;padding-right:0}.page .page-top .exchange .tradeorder-quantity[data-v-548ddc3a]{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:15px}.page .page-top .exchange .tradeorder-quantity div[data-v-548ddc3a]{height:30px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#666;border:1px solid #f0f0f0;border-radius:4px;background:#fff;transition:all .2s}.page .page-top .exchange .tradeorder-quantity div.active[data-v-548ddc3a]{border-color:#00c087;background:#f0f9f6;color:#00c087;font-weight:700}.page .page-top .exchange .tradeorder-btn[data-v-548ddc3a]{margin-top:10px}.page .page-top .exchange .tradeorder-btn .tit-balance[data-v-548ddc3a]{display:flex;justify-content:space-between;font-size:12px;color:#999;margin-bottom:8px}.page .page-top .exchange .tradeorder-btn .tit-balance .balance-money[data-v-548ddc3a]{color:#333;font-weight:700}.page .page-top .exchange .tradeorder-btn button[data-v-548ddc3a]{width:100%;height:45px;border-radius:8px;font-size:16px;font-weight:700;color:#fff;border:none;margin-top:10px}.page .page-top .exchange .tradeorder-btn button.greenBackgroudColor[data-v-548ddc3a]{background:#00c087;box-shadow:0 4px 12px rgba(0,192,135,.3)}.page .page-top .exchange .tradeorder-btn button.redBackgroudColor[data-v-548ddc3a]{background:#d85656;box-shadow:0 4px 12px rgba(216,86,86,.3)}.page .hostiy-section[data-v-548ddc3a]{box-sizing:border-box;width:95vw;margin:20px auto 0}.page .hostiy-section .hostiy-select[data-v-548ddc3a]{width:100%;display:flex;background:#f7f8fa;border-radius:8px;padding:4px}.page .hostiy-section .hostiy-select div[data-v-548ddc3a]{flex:1;text-align:center;padding:10px 0;font-size:14px;font-weight:700;color:#999;border-radius:6px;transition:all .3s}.page .hostiy-section .hostiy-select div.active[data-v-548ddc3a]{background:#fff;color:#333;box-shadow:0 2px 8px rgba(0,0,0,.05)}.page .hostiy-section .hostiy-list[data-v-548ddc3a]{width:100%;margin:10px auto 0;overflow:hidden;overflow-y:auto;height:70vh;box-sizing:border-box}.page .hostiy-section .hostiy-list .hostiy-item[data-v-548ddc3a]{border:1px solid #f3f3f3;border-radius:8px;padding:15px;margin-bottom:15px;display:flex;flex-direction:column}.page .hostiy-section .hostiy-list .hostiy-item .card-header[data-v-548ddc3a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.page .hostiy-section .hostiy-list .hostiy-item .card-header .header-left[data-v-548ddc3a]{display:flex;align-items:center}.page .hostiy-section .hostiy-list .hostiy-item .card-header .header-left .symbol[data-v-548ddc3a]{font-size:16px;font-weight:600;color:#000;margin-right:10px}.page .hostiy-section .hostiy-list .hostiy-item .card-header .header-left .direction-tag[data-v-548ddc3a]{font-size:12px;padding:2px 6px;border-radius:4px}.page .hostiy-section .hostiy-list .hostiy-item .card-header .header-left .direction-tag.buy[data-v-548ddc3a]{background-color:rgba(14,203,129,.2);color:#0ecb81}.page .hostiy-section .hostiy-list .hostiy-item .card-header .header-left .direction-tag.sell[data-v-548ddc3a]{background-color:rgba(246,70,93,.2);color:#f6465d}.page .hostiy-section .hostiy-list .hostiy-item .card-header .header-right .time[data-v-548ddc3a]{font-size:12px;color:#848e9c}.page .hostiy-section .hostiy-list .hostiy-item .card-body[data-v-548ddc3a]{margin-bottom:0}.page .hostiy-section .hostiy-list .hostiy-item .card-body .info-row[data-v-548ddc3a]{display:flex;justify-content:space-between;margin-bottom:0}.page .hostiy-section .hostiy-list .hostiy-item .card-body .info-row .info-col[data-v-548ddc3a]{display:flex;flex-direction:column}.page .hostiy-section .hostiy-list .hostiy-item .card-body .info-row .info-col.align-right[data-v-548ddc3a]{align-items:flex-end}.page .hostiy-section .hostiy-list .hostiy-item .card-body .info-row .info-col .label[data-v-548ddc3a]{font-size:12px;color:#858585;margin-bottom:4px}.page .hostiy-section .hostiy-list .hostiy-item .card-body .info-row .info-col .value[data-v-548ddc3a]{font-size:14px;color:#000;font-weight:500}.greenColor[data-v-548ddc3a]{color:#0ecb81!important}.redColor[data-v-548ddc3a]{color:#f6465d!important}.page-container[data-v-432f85c2]{min-height:100vh;background-color:#f8f9fa;padding:20px 16px 100px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.content-card[data-v-432f85c2]{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 16px rgba(0,0,0,.04);margin-bottom:24px}.exchange-group[data-v-432f85c2]{position:relative;display:flex;flex-direction:column;gap:16px}.exchange-group .exchange-item[data-v-432f85c2]{background:#f5f7fa;border-radius:12px;padding:16px}.exchange-group .exchange-item .label[data-v-432f85c2]{font-size:14px;color:#666;margin-bottom:12px}.exchange-group .exchange-item .input-row[data-v-432f85c2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.exchange-group .exchange-item .input-row .amount-input[data-v-432f85c2]{flex:1;background:transparent;border:none;font-size:24px;font-weight:600;color:#333;outline:none;width:100%}.exchange-group .exchange-item .input-row .amount-input[data-v-432f85c2]::-moz-placeholder{color:#ccc}.exchange-group .exchange-item .input-row .amount-input[data-v-432f85c2]:-ms-input-placeholder{color:#ccc}.exchange-group .exchange-item .input-row .amount-input[data-v-432f85c2]::placeholder{color:#ccc}.exchange-group .exchange-item .input-row .amount-display[data-v-432f85c2]{font-size:24px;font-weight:600;color:#333}.exchange-group .exchange-item .input-row .coin-selector[data-v-432f85c2]{display:flex;align-items:center;background:#fff;padding:6px 12px;border-radius:20px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.exchange-group .exchange-item .input-row .coin-selector .coin-name[data-v-432f85c2]{font-size:14px;font-weight:600;color:#333;margin-right:4px}.exchange-group .exchange-item .balance-info[data-v-432f85c2]{font-size:12px;color:#999;text-align:right}.exchange-group .swap-wrapper[data-v-432f85c2]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.exchange-group .swap-wrapper .swap-btn[data-v-432f85c2]{width:40px;height:40px;border-radius:50%;background:#00c087;border:4px solid #fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.1)}.exchange-group .swap-wrapper .swap-btn img[data-v-432f85c2]{width:20px;height:20px;filter:brightness(0) invert(1)}.record-section .section-title[data-v-432f85c2]{font-size:16px;font-weight:700;color:#333;margin-bottom:12px;padding-left:4px}.record-section .record-list .record-item[data-v-432f85c2]{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 2px 8px rgba(0,0,0,.02)}.record-section .record-list .record-item .item-header[data-v-432f85c2]{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f5f5f5}.record-section .record-list .record-item .item-header .pair[data-v-432f85c2]{font-size:16px;font-weight:600;color:#333;display:flex;align-items:center;gap:8px}.record-section .record-list .record-item .item-body .info-row[data-v-432f85c2]{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px}.record-section .record-list .record-item .item-body .info-row[data-v-432f85c2]:last-child{margin-bottom:0}.record-section .record-list .record-item .item-body .info-row .label[data-v-432f85c2]{color:#999}.record-section .record-list .record-item .item-body .info-row .value[data-v-432f85c2]{color:#333}.record-section .record-list .record-item .item-body .info-row .value.highlight[data-v-432f85c2]{color:#00c087;font-weight:600}.action-bar[data-v-432f85c2]{position:fixed;bottom:0;left:0;width:100%;padding:16px 20px;background:#fff;box-shadow:0 -2px 10px rgba(0,0,0,.05);box-sizing:border-box;z-index:100}.action-bar .submit-btn[data-v-432f85c2]{width:100%;height:48px;background:#00c087;color:#fff;font-size:16px;font-weight:600;border:none;border-radius:24px}.action-bar .submit-btn[data-v-432f85c2]:active{opacity:.9}.showBox[data-v-432f85c2]{position:fixed;width:100vw;bottom:0;background-color:#fff;box-sizing:border-box;padding:20px;border-radius:20px 20px 0 0}.showBox .showBox-title[data-v-432f85c2]{text-align:center;font-size:18px;font-weight:600;margin-bottom:30px;color:#333}.showBox .from-input[data-v-432f85c2]{margin-bottom:30px;width:100%;height:50px;background:#f5f7fa;border-radius:8px;display:flex;align-items:center;box-sizing:border-box;padding:0 15px}.showBox .from-input input[data-v-432f85c2]{width:100%;height:100%;background:none;border:none;font-size:16px;outline:none}.showBox .showBox-btn[data-v-432f85c2]{width:100%;height:48px;background:#00c087;color:#fff;font-size:16px;font-weight:600;border-radius:24px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.showBox .showBox-btn[data-v-432f85c2]:active{opacity:.9}.popBox[data-v-432f85c2]{width:100%;background:#fff;border-radius:20px 20px 0 0;position:absolute;bottom:0;left:0}.popBox .popBox-tit[data-v-432f85c2]{padding:16px;text-align:center;font-size:18px;font-weight:600;border-bottom:1px solid #f5f5f5}.popBox .popBox-list[data-v-432f85c2]{max-height:50vh;overflow-y:auto}.popBox .popBox-list .popBox-list-item[data-v-432f85c2]{padding:16px 20px;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;align-items:center;font-size:16px;color:#333}.popBox .popBox-list .popBox-list-item[data-v-432f85c2]:active{background:#f9f9f9}.popBox .popBox-list .popBox-list-item .item-right[data-v-432f85c2]{color:#999;font-size:14px}.coinListType[data-v-dd233050]{display:flex;background:#f7f8fa;border-radius:8px;padding:4px;width:95vw;margin:0 auto}.coinListType div[data-v-dd233050]{flex:1;text-align:center;padding:10px 0;font-size:14px;font-weight:700;color:#999;border-radius:6px;transition:all .3s}.coinListType div.is_li[data-v-dd233050]{background:#fff;color:#333;box-shadow:0 2px 8px rgba(0,0,0,.05)}.coinListContent[data-v-dd233050]{overflow:auto;height:calc(100vh - 100px)}