.flexstart[data-v-d9f801e0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.headerBox[data-v-d9f801e0]{padding:20px 24px;margin-bottom:16px;background:#fff}.headerBox .title[data-v-d9f801e0]{color:#2e3458;font-size:15px;padding-bottom:10px;border-bottom:1px solid #f0f0f0;margin-bottom:20px}.headerBox .fgLine[data-v-d9f801e0]{width:1px;height:42px;background:#d8d8d8;margin-right:50px}.headerBox .dataBox[data-v-d9f801e0]{min-width:180px;margin-right:40px}.headerBox .dataBox .titlt[data-v-d9f801e0]{color:#a7a7a7;font-size:14px}.headerBox .dataBox .line[data-v-d9f801e0]{width:1px;height:24px;border-left:2px solid #1064ff;margin-right:5px}.headerBox .dataBox .newBox[data-v-d9f801e0]{color:#333;font-size:26px;font-weight:700}.headerBox .dataBox .remark[data-v-d9f801e0]{color:#7d7d7d;font-size:14px}.headerBox .dataBox .rateBox[data-v-d9f801e0]{padding:5px;margin-left:7px;background:#f7f8fa}.headerBox .dataBox .rateBox img[data-v-d9f801e0]{width:8px;height:14px;margin-left:5px}.headerBox .conversionBoxAsk[data-v-d9f801e0]{position:absolute;left:42%;top:25%}.headerBox .conversionBoxAsk .lineBox[data-v-d9f801e0]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-right:20px}.headerBox .conversionBoxAsk .lineBox .lines[data-v-d9f801e0]{width:15px;height:2px;border-bottom:1px dashed silver;margin-left:5px}.headerBox .conversionBoxAsk .lineBox .line[data-v-d9f801e0]{width:30px;height:60px;border:1px dashed silver;-webkit-transform:skew(-20deg);transform:skew(-20deg);border-left:0}.headerBox .conversionBoxAsk .lineBox .icons[data-v-d9f801e0]{position:absolute;bottom:-7px;left:-10px}.headerBox .conversionBoxAdd[data-v-d9f801e0]{position:absolute;left:38%;top:45%}.headerBox .conversionBoxAdd .lineBox[data-v-d9f801e0]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-right:20px}.headerBox .conversionBoxAdd .lineBox .lines[data-v-d9f801e0]{width:20px;height:2px;border-bottom:1px dashed silver}.headerBox .conversionBoxAdd .lineBox .line[data-v-d9f801e0]{width:50px;height:50px;border:1px dashed silver;-webkit-transform:skew(-20deg);transform:skew(-20deg);border-left:0}.headerBox .conversionBoxAdd .lineBox .icons[data-v-d9f801e0]{position:absolute;bottom:-7px;left:-10px}.headerBox .conversionBoxBuy[data-v-d9f801e0]{position:absolute;left:35%;top:64%}.headerBox .conversionBoxBuy .lineBox[data-v-d9f801e0]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-right:20px}.headerBox .conversionBoxBuy .lineBox .lines[data-v-d9f801e0]{width:10px;height:2px;border-bottom:1px dashed silver}.headerBox .conversionBoxBuy .lineBox .line[data-v-d9f801e0]{width:70px;height:40px;border:1px dashed silver;-webkit-transform:skew(-20deg);transform:skew(-20deg);border-left:0}.headerBox .conversionBoxBuy .lineBox .icons[data-v-d9f801e0]{position:absolute;bottom:-7px;left:-10px}.headerBox .conversionBoxOut[data-v-d9f801e0]{position:absolute;left:33%;top:20%}.headerBox .conversionBoxOut .lineBox[data-v-d9f801e0]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-right:20px}.headerBox .conversionBoxOut .lineBox .line[data-v-d9f801e0]{width:200px;height:240px;border:1px dashed silver;border-left:0;-webkit-transform:skew(-20deg);transform:skew(-20deg)}.headerBox .conversionBoxOut .lineBox .lines[data-v-d9f801e0]{width:120px;height:2px;border-bottom:1px dashed silver}.headerBox .conversionBoxOut .lineBox .icons[data-v-d9f801e0]{position:absolute;bottom:-7px;left:-10px}.headerBox .coversionBox .nums[data-v-d9f801e0],.headerBox .coversionBox .titles[data-v-d9f801e0]{color:#333;font-size:14px}.flex-container[data-v-d9f801e0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tristate-button-group[data-v-d9f801e0]{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #ccc;border-radius:5px;overflow:hidden}.button[data-v-d9f801e0]{cursor:pointer;-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#f9f9f9;border:none;outline:none;padding:8px 16px;-webkit-transition:background-color .3s;transition:background-color .3s}.button[data-v-d9f801e0]:not(:first-child){border-left:1px solid #ccc}.button[data-v-d9f801e0]:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.button[data-v-d9f801e0]:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.button.active[data-v-d9f801e0]{background-color:#1890ff;color:#fff}.button[data-v-d9f801e0]:hover{background-color:#bebebe}