.by-breadcrumb[data-v-02ff47cc]{display:flex}.by-breadcrumb .by-breadcrumb-item[data-v-02ff47cc]{display:inline-flex}.by-breadcrumb .by-breadcrumb-item a[data-v-02ff47cc],.by-breadcrumb .by-breadcrumb-item span[data-v-02ff47cc]{display:inline;cursor:pointer;font-size:13px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#777;line-height:20px}.by-breadcrumb .by-breadcrumb-item a[data-v-02ff47cc]:hover,.by-breadcrumb .by-breadcrumb-item span[data-v-02ff47cc]:hover{color:#0046b9}.by-breadcrumb .by-breadcrumb-item .by-breadcrumb-item__active[data-v-02ff47cc]{cursor:default;color:#0046b9}.by-type-select[data-v-428db2bd]{position:relative}.by-type-select .by-select-input[data-v-428db2bd]{display:flex;align-items:center}.by-type-select .by-select-input i[data-v-428db2bd]{margin-left:16px;display:block;font-size:15px;cursor:pointer}.by-type-select .by-select-input .icon-rotate-open[data-v-428db2bd]{transition:transform .3s;transform:rotate(180deg)}.by-type-select .by-select-input .icon-rotate-close[data-v-428db2bd]{transition:transform .3s;transform:rotate(0deg)}.by-type-select .by-select-input input[data-v-428db2bd]{outline:none;border:none;width:88px;height:22px;background:transparent;position:relative;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#333;line-height:22px}.by-type-select .by-select-input input[data-v-428db2bd]::-webkit-input-placeholder{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#aaa;line-height:22px}.by-type-select .by-panel[data-v-428db2bd]{position:absolute;top:43px;left:-24px;width:192px;background:#fff;box-shadow:0 2px 8px 0 rgba(0,0,0,.08);border-radius:4px}.by-type-select .by-panel .by-panel-list[data-v-428db2bd]{padding:8px 14px 8px 16px;margin-right:2px;box-sizing:border-box;height:auto;max-height:300px;overflow-x:hidden;overflow-y:auto}.by-type-select .by-panel .by-panel-list .by-panel-item[data-v-428db2bd]{width:100%;height:32px;padding:4px 0 4px 32px;box-sizing:border-box;background:#fff;border-radius:4px}.by-type-select .by-panel .by-panel-list .by-panel-item[data-v-428db2bd]:hover{cursor:pointer;background:#f7f8fa}.by-type-select .by-panel .by-panel-list .by-panel-item span[data-v-428db2bd]{font-size:13px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#333;line-height:24px}.by-type-select .by-panel .by-panel-list .by-panel-item .active-color[data-v-428db2bd]{color:#0046b9}.by-type-select[data-v-428db2bd] .by-panel-list::-webkit-scrollbar{width:4px;height:1px}.by-type-select[data-v-428db2bd] .by-panel-list::-webkit-scrollbar-thumb{border-radius:4px;box-shadow:inset 0 2px 8px 0 rgba(0,0,0,.08);-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.08) inset;background:#e0e0e0}.by-type-select[data-v-428db2bd] .by-panel-list::-webkit-scrollbar-track{border-radius:4px;background:#fff}.exchange-rate[data-v-4c3100f1]{width:1200px;margin-top:-20px}.exchange-rate .exchange-rate-top[data-v-4c3100f1]{margin:25px 0 18px}.exchange-rate .exchange-rate-main[data-v-4c3100f1]{width:1200px;padding:24px;box-sizing:border-box;background:#fff!important;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.08)}.exchange-rate .exchange-rate-main .exchange-rate-main__title[data-v-4c3100f1]{width:100%;padding:0 0 24px;border-bottom:1px solid #f0f0f0}.exchange-rate .exchange-rate-main .exchange-rate-main__title .exchange-rate-main__title-icon[data-v-4c3100f1]{display:inline-block;width:16px;height:16px;background:#97b6ff;border-radius:2px;transform:rotate(45deg)}.exchange-rate .exchange-rate-main .exchange-rate-main__title .exchange-rate-main__title-text[data-v-4c3100f1]{padding-left:4px;font-size:20px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#333;line-height:28px}.exchange-rate .exchange-rate-main .exchange-rate-main__center[data-v-4c3100f1]{margin-top:24px;display:flex}.exchange-rate .exchange-rate-main .exchange-rate-main__center .label-style[data-v-4c3100f1]{width:56px;margin-right:8px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#333;line-height:20px;text-shadow:0 2px 8px rgba(0,0,0,.08)}.exchange-rate .exchange-rate-main .exchange-rate-main__center .exchange-rate-form[data-v-4c3100f1]{display:flex;width:980px}.exchange-rate .exchange-rate-main .exchange-rate-main__center .exchange-rate-form .exchange-rate-form__item[data-v-4c3100f1]{flex:1;display:flex;align-items:center}.exchange-rate .exchange-rate-main .exchange-rate-main__center .exchange-rate-form .exchange-rate-form__item .exchange-rate-form__input[data-v-4c3100f1]{width:240px;height:40px;padding:10px 16px;box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:4px;transition:border .2s ease-in-out,background .2s ease-in-out}.exchange-rate .exchange-rate-main .exchange-rate-main__center .exchange-rate-form .exchange-rate-form__item .exchange-rate-form__input[data-v-4c3100f1]:hover{border-color:#aaa}.exchange-rate .exchange-rate-main .exchange-rate-main__center .exchange-rate-form .exchange-rate-form__item .exchange-rate-form__input[data-v-4c3100f1]:focus{border-color:#0046b9}.exchange-rate .exchange-rate-main .exchange-rate-main__center .exchange-rate-form .exchange-rate-form__item .exchange-rate-form__input[data-v-4c3100f1]::-webkit-input-placeholder{font-size:13px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#aaa;line-height:20px;text-shadow:0 2px 8px rgba(0,0,0,.08)}.exchange-rate .exchange-rate-main .exchange-rate-main__center .exchange-rate-form .exchange-rate-form__item .exchange-rate-type[data-v-4c3100f1]:hover{border-color:#aaa}.exchange-rate .exchange-rate-main .exchange-rate-main__center .exchange-rate-form .exchange-rate-form__item .form-input-style-focus[data-v-4c3100f1]{border-color:#0046b9!important}.exchange-rate .exchange-rate-main .exchange-rate-main__center .exchange-rate-form .exchange-rate-form__item-error .exchange-rate-form__input[data-v-4c3100f1]{border-color:#d83f3f;background:rgba(216,63,63,.08)}.exchange-rate .exchange-rate-main .exchange-rate-main__center .exchange-rate-form .exchange-rate-form__item-error .exchange-rate-form__input[data-v-4c3100f1]::-webkit-input-placeholder{color:#d83f3f}.exchange-rate .exchange-rate-main .exchange-rate-main__center .exchange-rate-form .exchange-rate-form__item-error .exchange-rate-form__input[data-v-4c3100f1]:focus,.exchange-rate .exchange-rate-main .exchange-rate-main__center .exchange-rate-form .exchange-rate-form__item-error .exchange-rate-form__input[data-v-4c3100f1]:hover{border-color:#d83f3f;background:rgba(216,63,63,.08)}.exchange-rate .exchange-rate-main .exchange-rate-main__center .exchange-rate-btn[data-v-4c3100f1]{outline:none;border:none;width:160px;height:48px;background:#0046b9;box-shadow:0 2px 8px 0 rgba(0,0,0,.08);border-radius:8px}.exchange-rate .exchange-rate-main .exchange-rate-main__center .exchange-rate-btn span[data-v-4c3100f1]{font-size:16px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#fff;line-height:24px;text-shadow:0 2px 8px rgba(0,0,0,.08)}.exchange-rate .exchange-rate-table[data-v-4c3100f1]{width:1200px;padding:24px;margin-top:16px;background:#fff;border-radius:8px;box-sizing:border-box;box-shadow:0 2px 8px 0 rgba(0,0,0,.08)}.exchange-rate .exchange-rate-table .exchange-rate-table__title[data-v-4c3100f1]{margin-bottom:16px;font-size:16px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#333;line-height:22px}.exchange-rate .exchange-rate-table .exchange-rate-table__result[data-v-4c3100f1]{width:100%;height:80px;display:inline-flex;justify-content:center;align-items:center;background:rgba(246,248,252,.5);border-radius:8px}.exchange-rate .exchange-rate-table .exchange-rate-table__result .result-text[data-v-4c3100f1]{font-size:16px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#0046b9;line-height:22px;text-shadow:0 2px 8px rgba(0,0,0,.08)}.exchange-rate .exchange-rate-table .exchange-rate-table__result .result-unit[data-v-4c3100f1]{font-size:16px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#333;line-height:22px;text-shadow:0 2px 8px rgba(0,0,0,.08)}.exchange-rate .exchange-rate-table .exchange-rate-table__empty[data-v-4c3100f1]{width:100%;height:80px;display:grid;align-items:center;justify-items:center;place-items:center;background:rgba(246,248,252,.5);border-radius:8px}.exchange-rate .exchange-rate-table .exchange-rate-table__empty .exchange-rate-table__empty-text[data-v-4c3100f1]{font-size:13px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#aaa;line-height:22px}.table-info-main[data-v-4c3100f1]{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:24px}.table-info-main .table-info-text[data-v-4c3100f1]{font-size:13px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#aaa;line-height:20px}.exchange-rate[data-v-4c3100f1] .by-type-select .by-select-input{width:240px;height:40px;padding:10px 16px;box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:4px;transition:border .2s ease-in-out,background .2s ease-in-out}.exchange-rate[data-v-4c3100f1] .by-type-select .by-select-input:hover{border-color:#aaa}.exchange-rate[data-v-4c3100f1] .by-type-select .by-select-input input{width:175px}.exchange-rate[data-v-4c3100f1] .by-type-select .by-panel{width:240px;left:0}.exchange-rate .form-input-style-focus[data-v-4c3100f1] .by-select-input{border-color:#0046b9!important}