.img[data-v-44e687e7] { width: 611px; margin: 68px auto 0 } .info[data-v-44e687e7] { width: 370px; margin: 0 auto; text-align: center; font-family: Arial } .info h3[data-v-44e687e7] { font-size: 25px; font-weight: 400 } .info h3[data-v-44e687e7], .info p[data-v-44e687e7] { margin: 0; color: #212833 } .info p[data-v-44e687e7] { font-size: 14px; font-family: Arial; line-height: 18px } .info button[data-v-44e687e7] { margin-top: 20px; width: 231px; height: 34px; background: #fff; border: 1px solid #f0b90b; box-sizing: border-box; border-radius: 3px; font-size: 14px; line-height: 16px; color: #f0b90b }   .nuxt-progress { position: fixed; top: 0; left: 0; right: 0; height: 3px; width: 0; opacity: 1; transition: width .1s, opacity .4s; background-color: #f1b80a; z-index: 999999 } .nuxt-progress.nuxt-progress-notransition { transition: none } .nuxt-progress-failed { background-color: red }   .bc-dw-record { margin-bottom: 95px } .bc-dw-record header { display: block; display: flex; flex-direction: row; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; align-items: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; margin: 48px 0 24px } .bc-dw-record header h1 { margin: 0 } .bc-dw-record header>div { text-align: right } .bc-dw-record header>div a { color: #f0b90b; text-decoration: underline } .bc-dw-record header>div .no-email { color: #212833; margin-right: 8px } .bc-back a { color: #848e9c } .bc-back a span { margin-left: 8px } [data-tooltips] { position: relative; display: inline-block } [data-tooltips]:after, [data-tooltips]:before { position: absolute; border-radius: 4px; pointer-events: none; opacity: 0; visibility: hidden; z-index: 1000000; transition: .3s ease; transform: translateZ(0); transition-delay: 0ms } [data-tooltips]:before { content: ""; position: absolute; background: transparent; border: 6px solid transparent; z-index: 1000001 } [data-tooltips]:after { content: attr(data-tooltips); padding: 8px 10px; line-height: 1.5; font-size: 12px; font-weight: 400; color: #212833; background: #fff; box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .2); border-radius: 4px; white-space: pre } [data-tooltips]:hover:after, [data-tooltips]:hover:before { visibility: visible; opacity: 1; transition-delay: .1s } [data-tooltips=""]:after, [data-tooltips=""]:before { display: none !important } .tooltips-top-left:before, .tooltips-top-right:before, .tooltips-top:before { border-top-color: #fff } .tooltips-bottom-left:before, .tooltips-bottom-right:before, .tooltips-bottom:before { border-bottom-color: #fff } .tooltips-left:before { border-left-color: #fff } .tooltips-right:before { border-right-color: #fff } .tooltips-top:after { transform: translateX(-50%) } .tooltips-top:after, .tooltips-top:before { bottom: 100%; left: 50% } .tooltips-top:before { left: calc(50% - 6px); margin-bottom: -11px } .tooltips-top:focus:before, .tooltips-top:hover:before { transform: translateY(-8px) } .tooltips-top:focus:after, .tooltips-top:hover:after { transform: translateX(-50%) translateY(-8px) } .tooltips-bottom:after, .tooltips-bottom:before { top: 100%; left: 50% } .tooltips-bottom:before { left: calc(50% - 6px); margin-top: -11px } .tooltips-bottom:after { transform: translateX(-50%) } .tooltips-bottom:focus:before, .tooltips-bottom:hover:before { transform: translateY(8px) } .tooltips-bottom:focus:after, .tooltips-bottom:hover:after { transform: translateX(-50%) translateY(8px) } .tooltips-right:after, .tooltips-right:before { left: 100%; bottom: 50% } .tooltips-right:before { margin-left: -11px; margin-bottom: -6px } .tooltips-right:after { margin-bottom: -14px } .tooltips-right:focus:after, .tooltips-right:focus:before, .tooltips-right:hover:after, .tooltips-right:hover:before { transform: translateX(8px) } .tooltips-left:after, .tooltips-left:before { right: 100%; bottom: 50% } .tooltips-left:before { margin-right: -11px; margin-bottom: -6px } .tooltips-left:after { margin-bottom: -14px } .tooltips-left:focus:after, .tooltips-left:focus:before, .tooltips-left:hover:after, .tooltips-left:hover:before { transform: translateX(-8px) } .tooltips-top-left:after, .tooltips-top-left:before { bottom: 100%; left: 50% } .tooltips-top-left:before { left: calc(50% - 6px); margin-bottom: -11px } .tooltips-top-left:after { margin-left: 12px; transform: translateX(-100%) } .tooltips-top-left:focus:before, .tooltips-top-left:hover:before { transform: translateY(-8px) } .tooltips-top-left:focus:after, .tooltips-top-left:hover:after { transform: translateX(-100%) translateY(-8px) } .tooltips-top-right:after, .tooltips-top-right:before { bottom: 100%; left: 50% } .tooltips-top-right:before { left: calc(50% - 6px); margin-bottom: -11px } .tooltips-top-right:after { margin-left: -12px; transform: translateX(0) } .tooltips-top-right:focus:after, .tooltips-top-right:focus:before, .tooltips-top-right:hover:after, .tooltips-top-right:hover:before { transform: translateY(-8px) } .tooltips-bottom-left:after, .tooltips-bottom-left:before { bottom: 100%; left: 50% } .tooltips-bottom-left:before { left: calc(50% - 6px); margin-top: -11px } .tooltips-bottom-left:after { margin-left: 12px; transform: translateX(-100%) } .tooltips-bottom-left:focus:before, .tooltips-bottom-left:hover:before { transform: translateY(8px) } .tooltips-bottom-left:focus:after, .tooltips-bottom-left:hover:after { transform: translateX(-100%) translateY(8px) } .tooltips-bottom-right:before { left: calc(50% - 6px); margin-top: -11px } .tooltips-bottom-right:after, .tooltips-bottom-right:before { bottom: 100%; left: 50% } .tooltips-bottom-right:after { margin-left: -12px; transform: translateX(0) } .tooltips-bottom-right:focus:after, .tooltips-bottom-right:focus:before, .tooltips-bottom-right:hover:after, .tooltips-bottom-right:hover:before { transform: translateY(8px) } .tooltips-small:after { width: 200px; line-height: 1.4em; white-space: normal } .tooltips-medium:after { width: 380px; line-height: 1.4em; white-space: normal } .tooltips-large:after { width: 450px; line-height: 1.4em; white-space: normal } .tooltips-w260:after { width: 260px; line-height: 1.4em; white-space: normal } .tooltips-always:after, .tooltips-always:before { opacity: 1; visibility: visible } .tooltips-always.tooltips-top:before { transform: translateY(-8px) } .tooltips-always.tooltips-top:after { transform: translateX(-50%) translateY(-8px) } .tooltips-always.tooltips-top-left:before { transform: translateY(-8px) } .tooltips-always.tooltips-top-left:after { transform: translateX(-100%) translateY(-8px) } .tooltips-always.tooltips-top-right:after, .tooltips-always.tooltips-top-right:before { transform: translateY(-8px) } .tooltips-always.tooltips-bottom:before { transform: translateY(8px) } .tooltips-always.tooltips-bottom:after { transform: translateX(-50%) translateY(8px) } .tooltips-always.tooltips-bottom-left:before { transform: translateY(8px) } .tooltips-always.tooltips-bottom-left:after { transform: translateX(-100%) translateY(8px) } .tooltips-always.tooltips-bottom-right:after, .tooltips-always.tooltips-bottom-right:before { transform: translateY(8px) } .tooltips-always.tooltips-left:after, .tooltips-always.tooltips-left:before { transform: translateX(-8px) } .tooltips-always.tooltips-right:after, .tooltips-always.tooltips-right:before { transform: translateX(8px) } .bc-left-menu { background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, .08), 0 0 4px rgba(0, 0, 0, .08); width: 200px; flex-shrink: 0 } .bc-body { position: relative; padding: 0 32px; min-height: 600px } .bc-body h1 { color: #212833; font-size: 32px; margin: 40px 0 24px } .bc-center { margin: 0 auto } .bc-fixed-w1260 { width: 1260px; margin: 0 auto } .bc-w1260 { max-width: 1260px } .bc-center-w1260 { max-width: 1260px; margin: 0 auto } .bc-center-w1136 { max-width: 1136px; margin: 0 auto } .bc-block-center { justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center } .bc-block-center, .bc-column-center { display: block; display: flex; flex-direction: row; align-items: center; -webkit-align-items: center; -ms-flex-align: center } .bc-column-center { justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start } .bc-popup-bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: block; display: flex; flex-direction: row; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; -webkit-align-items: center; -ms-flex-align: center; background: rgba(0, 0, 0, .5); padding: 0; z-index: 2 } .bc-popup-bg .box { position: relative; background: #1e2026; border-radius: 4px } .futures-date-picker--dark { background-color: #1b1f25 !important; border: 1px solid #1b1f25 !important } .futures-date-picker--dark .mx-btn { color: #fff !important } .futures-date-picker--dark .mx-calendar-content .cell.disabled { color: #474d57 !important; background-color: #1b1f25 !important } .futures-date-picker--dark .cell { color: #fff !important } .futures-date-picker--dark .cell:hover { color: #f0b90b !important; background-color: #1b1f25 !important } .futures-date-picker--dark .cell.active { color: #fff !important; background-color: #76808f !important } .futures-date-picker--dark .cell.active:hover { color: #f0b90b !important; background-color: #474d57 !important } .futures-date-picker--dark .cell.in-range { color: #fff !important; background-color: #474d57 !important } .futures-date-picker--dark .cell.in-range:hover { color: #f0b90b !important } .futures-date-picker--dark .not-current-month { color: #474d57 !important } .futures-date-picker--dark .mx-calendar+.mx-calendar { border: 1px solid #1b1f25 !important } .bc-font-small-ex { font-size: 12px } .bc-font-small { font-size: 13px } .bc-font-base { font-size: 14px } .bc-font-medium { font-size: 16px } .bc-font-large { font-size: 18px } .bc-font-large-ex { font-size: 20px } .bc-font-large-medium { font-size: 24px } .bc-font-large-max { font-size: 32px } .bc-line-height-0 { line-height: 1 } .bc-line-height-small { line-height: 1.3 } .bc-line-height-base { line-height: 1.5 } .bc-line-height-medium { line-height: 1.7 } .bc-bold-500 { font-weight: 500 } .bc-bold-600 { font-weight: 600 } .bc-bold-700 { font-weight: 700 } .bc-bold-800 { font-weight: 800 } .bc-bold-900 { font-weight: 900 } .z-1 { z-index: 1 } .z-2 { z-index: 2 } .z-3 { z-index: 3 } .z-4 { z-index: 4 } .z-5 { z-index: 5 } .z-6 { z-index: 6 } .z-7 { z-index: 7 } .z-8 { z-index: 8 } .z-9 { z-index: 9 } .bc-btn { display: inline-block; background: none; border: 1px solid #e6e8ea; border-radius: 4px; color: #1e2026; cursor: pointer; font-weight: 700; line-height: 1.3; padding: 10px 14px; outline: none; text-align: center } .bc-btn.is-disable { background: #f5f5f5; color: #ccc; cursor: not-allowed !important } .bc-btn-initial { background: none; border: none; cursor: pointer; outline: none } .bc-btn-light-yellow { border: 1px solid #f0b90b; color: #f0b90b } .bc-btn-yellow { background: linear-gradient(180deg, #f8d12f, #f0b90b 99.77%); border: none; color: #212833; padding: 11px 14px } .bc-btn-disable { background: #f5f5f5; color: #ccc; cursor: not-allowed !important } .bc-btn.bc-btn-hover:hover { background-color: #3c2e10; border-color: #6a4c0c } .bc-btn.bc-btn-buy { background: #02c076; border: none; color: #fff; cursor: pointer } .bc-btn.bc-btn-buy:hover { background: #2ed191 } .bc-btn.bc-btn-sell { background: #f84960; border: none; color: #fff; cursor: pointer } .bc-btn.bc-btn-sell:hover { background: #fc6e75 } .bc-border-bottom-gray { border-bottom: 1px solid #eaecef } .bc-border-bottom-dotted span { border-bottom: 1px dotted #848e9c } .bc-card { background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, .08), 0 0 4px rgba(0, 0, 0, .08); border-radius: 4px; padding: 40px } .bc-text-left { text-align: left } .bc-text-right { text-align: right } .bc-text-center { text-align: center } .bc-text-justify { text-align: justify } .error-tips { color: #f84960; font-size: 12px; line-height: 1.5 } .bc-rise-gain { color: #02c076 } .bc-fall-loss { color: #f84960 } .bc-color-rise { color: #02c076 } .bc-color-fall { color: #f84960 } .bc-scrollbar-fluent::-webkit-scrollbar, .bc-scrollbar-fluent::-webkit-scrollbar-track { border-radius: 2.5px; background-color: hsla(0, 0%, 100%, .05) } .bc-scrollbar-fluent::-webkit-scrollbar { width: 5px } .bc-scrollbar-fluent::-webkit-scrollbar-thumb { background-color: hsla(0, 0%, 100%, .2); border-radius: 2.5px } .bc-text-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .bc-text-error { color: #f84960 } .bc-text-error .icon { fill: #f84960 } .bc-shadow { background: #fff; box-shadow: 0 0 10px rgba(11, 14, 17, .1); border-radius: 4px } .bc-border { border: 1px solid #e6e8ea; border-radius: 4px }   .top[data-v-fd8b5c64], header[data-v-fd8b5c64] { height: 64px } header[data-v-fd8b5c64] { top: 0; left: 0; right: 0; background: #12161c; color: #fff } nav[data-v-fd8b5c64] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center; height: 100%; min-width: 1280px; padding: 0 24px } nav .nav-l[data-v-fd8b5c64] { flex: 1 } .nav-logo img[data-v-fd8b5c64] { width: auto; height: 24px } .nav-r .icon[data-v-fd8b5c64] { fill: #fff; margin-right: 5px } .nav-r a[data-v-fd8b5c64] { color: #fff } .nav-r a[data-v-fd8b5c64]:hover { color: #f0b90b } .nav-r a:hover .icon[data-v-fd8b5c64] { fill: #f0b90b }   .modal[data-v-6256f916] { position: fixed; display: block; display: flex; flex-direction: row; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; -webkit-align-items: center; -ms-flex-align: center } .modal[data-v-6256f916], .modal-bg[data-v-6256f916] { top: 0; left: 0; right: 0; bottom: 0 } .modal-bg[data-v-6256f916] { position: absolute; background: rgba(0, 0, 0, .5) } .modal-dialog[data-v-6256f916] { position: relative }   .auth-tips[data-v-cd2bbed0] { position: relative; width: 370px; background: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .08); border-radius: 4px; padding: 30px 24px } .auth-tips>h2[data-v-cd2bbed0] { font-weight: 600px; font-size: 22px; line-height: 29px; text-align: center; color: #212833; margin-bottom: 12px } .auth-tips>p[data-v-cd2bbed0] { text-align: center; margin-top: 12px; margin-bottom: 32px; color: #76808f; line-height: 16px; height: auto } .auth-tips .fa2-tabgroup[data-v-cd2bbed0] { box-sizing: border-box; min-width: 0; display: flex; justify-content: space-between; margin: 0 0 32px } .auth-tips .fa2-tabgroup .auth-type[data-v-cd2bbed0] { width: 148px; display: flex; justify-content: center; align-items: center; flex-direction: column; line-height: 18px; padding: 4px 0 0; border-radius: 4px; border: 1px solid #e6e8ea; cursor: pointer } .auth-tips .fa2-tabgroup .auth-type[data-v-cd2bbed0]:hover { border-color: #f0b90b } .auth-tips .fa2-tabgroup .auth-type .img-wrap[data-v-cd2bbed0] { position: relative } .auth-tips .fa2-tabgroup .auth-type .img-wrap .icon[data-v-cd2bbed0] { box-sizing: border-box; min-width: 0; color: currentcolor; font-size: 64px; fill: currentcolor; position: relative; width: 1em; height: 1em; margin: 0 } .auth-tips .fa2-tabgroup .auth-type .img-wrap .svgwrap[data-v-cd2bbed0] { position: absolute } .auth-tips .fa2-tabgroup .auth-type .auth-text[data-v-cd2bbed0] { margin-top: 12px; font-weight: 500; width: 100px; white-space: break-spaces } .auth-tips .skip[data-v-cd2bbed0] { font-size: 12px; color: #f0b90b; cursor: pointer; align-self: flex-end; text-align: right; text-decoration: none } button.closeBtn[data-v-cd2bbed0] { position: absolute; top: 0; right: 0; background: none; border: none; cursor: pointer; outline: none; padding: 10px } button.closeBtn .icon[data-v-cd2bbed0] { fill: #848e9c } .box-item[data-v-cd2bbed0] { display: block; display: flex; flex-direction: column; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; -webkit-align-items: center; -ms-flex-align: center; color: #212833; width: 150px; height: 140px; border-radius: 4px } .box-item img[data-v-cd2bbed0] { width: 48px; margin-bottom: 12px }   .sub-menu-item-child[data-v-f47fa0ca] { background: #1e2026; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .sub-menu-item-child .sub-menu-row[data-v-f47fa0ca] { display: block; display: flex; flex-direction: column; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; padding: 10px 20px } .sub-menu-item-child .sub-menu-row p[data-v-f47fa0ca] { padding: 0 0 0 14px; line-height: 14px; font-size: 12px; color: hsla(0, 0%, 100%, .3) } .sub-menu-item-child .sub-menu-row[data-v-f47fa0ca]:hover { background: #212833 } .sub-menu-item-child .sub-menu-row:hover span[data-v-f47fa0ca] { color: #f0b90b } .sub-menu-item-child span[data-v-f47fa0ca] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center; color: #fff; font-weight: 700; line-height: 20px } .sub-menu-item-child span .icon[data-v-f47fa0ca] { margin-right: 8px; width: 6px; height: 6px; fill: #f0b90b }   .modal[data-v-36779b57] { position: fixed; display: block; display: flex; flex-direction: row; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; -webkit-align-items: center; -ms-flex-align: center; z-index: 999999 } .modal[data-v-36779b57], .modal-bg[data-v-36779b57] { top: 0; left: 0; right: 0; bottom: 0 } .modal-bg[data-v-36779b57] { position: absolute; background: rgba(0, 0, 0, .5) } .modal-dialog[data-v-36779b57] { width: 840px; position: relative; background: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .08); border-radius: 4px; box-sizing: border-box; margin: 0; min-width: 0; padding: 24px; font-size: 14px; line-height: 20px } @media (max-width:960px) { .modal-dialog[data-v-36779b57] { width: 100%; height: 100%; border-radius: 0 } } .close[data-v-36779b57] { position: absolute; top: 0; right: 0; left: unset; padding-top: 32px; padding-right: 24px; color: #b7bdc6; cursor: pointer } .close[data-v-36779b57], .close .icon[data-v-36779b57] { box-sizing: border-box; margin: 0; min-width: 0 } .close .icon[data-v-36779b57] { color: currentColor; fill: currentColor; width: 14px; height: 14px } .content[data-v-36779b57], .content header[data-v-36779b57] { box-sizing: border-box; margin: 0; min-width: 0 } .content header[data-v-36779b57] { width: 100%; white-space: nowrap; display: flex; flex-direction: row; box-shadow: inset 0 -1px 0 currentcolor; color: #eaecef } .modal-tab[data-v-36779b57] { box-sizing: border-box; margin: 0; cursor: pointer; min-width: auto } .modal-tab .tab-content[data-v-36779b57] { margin: 0 28px 0 0; min-width: 0; padding: 14px 0; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 20px; font-size: 14px; font-weight: 500; color: #707a8a } .modal-tab .tab-content.active[data-v-36779b57] { box-shadow: inset 0 -2px 0 #f0b90b; color: #1e2329 } section[data-v-36779b57] { box-sizing: border-box; margin: 0; min-width: 0; display: block } section .container[data-v-36779b57] { flex-direction: column } .lang-rate-box[data-v-36779b57], section .container[data-v-36779b57] { box-sizing: border-box; margin: 0; min-width: 0; display: flex; overflow-y: auto } .lang-rate-box[data-v-36779b57] { width: 100%; flex-wrap: wrap; max-height: 553px } @media (max-width:960px) { .lang-rate-box[data-v-36779b57] { max-height: calc(100vh - 100px) } } .lang-rate[data-v-36779b57] { min-width: 0; display: flex; position: relative; box-sizing: border-box; white-space: nowrap; overflow: hidden; align-items: center; background-color: transparent; font-size: 14px; line-height: 20px; border-radius: 4px; outline: none; cursor: pointer; padding-left: 12px; padding-right: 12px; height: 40px; width: calc(25% - 16px); margin: 16px 16px 0 0 } .lang-rate a[data-v-36779b57] { flex: 1; color: #212833 } .lang-rate.active[data-v-36779b57] { border: 1px solid #f0b90b; color: #1e2026; font-weight: 700 } .lang-rate>.icon[data-v-36779b57] { display: none; margin-right: 0; margin-left: auto; fill: #f0b90b } @media (max-width:960px) { .lang-rate[data-v-36779b57] { margin: 0; min-width: 0; display: flex; position: relative; box-sizing: border-box; height: 48px; width: 100%; white-space: nowrap; overflow: hidden; align-items: center; background-color: transparent; padding-left: 0; padding-right: 0; color: #1e2026; border: 1px solid transparent } .lang-rate.active[data-v-36779b57] { border: 1px solid transparent; color: #f0b90b } .lang-rate>.icon[data-v-36779b57] { display: inline-block } } .split[data-v-36779b57] { height: 24px; width: 100% }   .modal-box[data-v-2f4aa3cc] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9 } .bg[data-v-2f4aa3cc] { background: rgba(0, 0, 0, .5); width: 100%; height: 100% } .modal[data-v-2f4aa3cc] { position: absolute; top: 50%; left: 50%; background: #fff; border-radius: 4px; padding: 40px; transform: translate(-50%, -50%) } button.closeBtn[data-v-2f4aa3cc] { position: absolute; top: -10px; right: -36px; background: none; border: none; cursor: pointer; outline: none; padding: 10px } button.closeBtn .icon[data-v-2f4aa3cc] { fill: #fff }   .icon-wrap[data-v-82109aa8] { height: 94px; width: 310px; display: flex; flex-direction: row; justify-content: center } @media (max-width:960px) { .icon-wrap[data-v-82109aa8] { width: 260px } } p[data-v-82109aa8] { max-width: 310px; font-weight: 400; font-size: 14px; line-height: 20px; text-align: center; margin: 36px 0 0 } .btn-wrap[data-v-82109aa8], p[data-v-82109aa8] { box-sizing: border-box; min-width: 0 } .btn-wrap[data-v-82109aa8] { display: flex; flex-direction: row; justify-content: center; margin: 32px 0 0 } .btn-wrap[data-v-82109aa8], .btn-wrap button[data-v-82109aa8] { width: 100% }   .server-tip[data-v-f991f1a0] { position: relative; background: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 4px; width: 384px; text-align: center } .server-tip img[data-v-f991f1a0] { width: 78px; height: auto; margin-bottom: 16px } .server-tip .title[data-v-f991f1a0], .server-tip p[data-v-f991f1a0] { margin: 0 0 16px } .server-tip p[data-v-f991f1a0] { text-align: left } @media (max-width:960px) { .server-tip[data-v-f991f1a0] { width: 260px } } .opt[data-v-f991f1a0] { margin-top: 32px } .opt .agree[data-v-f991f1a0] { margin-bottom: 12px } .btn-wrap[data-v-f991f1a0] { display: block; display: flex; flex-direction: row; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch } .btn-wrap button[data-v-f991f1a0] { flex: 1 } .btn-wrap button[data-v-f991f1a0]:nth-child(2) { margin-left: 16px } .link[data-v-f991f1a0] { color: #f0b90b; display: block; margin-bottom: 12px; word-break: break-all }   .inmail-notify-box[data-v-763c14b6] { position: relative } .pop-intro[data-v-763c14b6] { display: none; position: absolute; width: 263px; padding: 5px 10px; top: 50%; left: 50%; background: #4e4e4f; color: #fff; font-weight: 400; font-size: 12px; line-height: 16px; z-index: 1; overflow: hidden } .inmail-notify[data-v-763c14b6] { width: 400px; padding: 10px 16px; display: flex; flex-direction: row; border-bottom: 1px solid #f5f5f5; cursor: pointer } .inmail-notify[data-v-763c14b6]:hover { border-radius: 4px; background: #f5f5f5 } .inmail-notify:hover~.pop-intro[data-v-763c14b6] { display: block } .inmail-notify .icon-type[data-v-763c14b6] { position: relative; align-self: flex-start; width: 16px; height: 16px; margin-right: 8px } .inmail-notify .icon-type .icon[data-v-763c14b6], .inmail-notify .icon-type img[data-v-763c14b6] { width: 16px; height: 16px; fill: #707a8a } .inmail-notify .icon-type .not-read[data-v-763c14b6] { position: absolute; width: 4px; height: 4px; border-radius: 50%; top: 0; right: 0; background-color: #d0980b } .inmail-notify .notify-intro[data-v-763c14b6] { position: relative; width: 344px } .inmail-notify .notify-intro .notify-header[data-v-763c14b6] { font-weight: 500; font-size: 16px; color: #1a1f34; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .inmail-notify .notify-intro .notify-title[data-v-763c14b6] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #707a8a; height: 40px; text-overflow: ellipsis; overflow: hidden } .inmail-notify .notify-intro .notify-date[data-v-763c14b6] { margin-top: 4px; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; color: #707a8a }   .no-data[data-v-24afbc37] { display: flex; height: 324px; flex-direction: column; justify-content: center; align-items: center; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #707a8a } .no-data .icon[data-v-24afbc37] { width: 24px; height: 24px; fill: #76808f; margin-bottom: 16px }   .inmail-notify-content[data-v-69f74504] { position: relative; margin-top: 8px }   [data-v-31ddde0a] .modal { padding: 24px 32px } .notify-detail[data-v-31ddde0a] { position: relative; max-width: 476px; max-height: 100vh } .notify-detail .notify-header[data-v-31ddde0a] { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin: 0; min-width: 0; border-bottom: 1px solid #eaecef; padding-bottom: 24px } .notify-detail .notify-header .next-notify[data-v-31ddde0a], .notify-detail .notify-header .prev-notify[data-v-31ddde0a] { box-sizing: border-box; margin: 0; min-width: 0; opacity: 0; color: #b7bdc6; pointer-events: none } .notify-detail .notify-name[data-v-31ddde0a] { box-sizing: border-box; margin: 24px 0 0; min-width: 0; display: flex } .notify-detail .notify-name .notify-name-fv[data-v-31ddde0a] { position: relative } .notify-detail .notify-name .notify-name-fv .name[data-v-31ddde0a] { box-sizing: border-box; margin: 0; min-width: 0; font-size: 16px; font-weight: 500 } .notify-detail .notify-name .notify-name-fv .date-time[data-v-31ddde0a] { box-sizing: border-box; margin: 4px 0 0; min-width: 0; color: #707a8a; font-size: 12px } .notify-detail .notify-content[data-v-31ddde0a] { box-sizing: border-box; margin: 12px 0; min-width: 0; padding-top: 12px; padding-bottom: 12px; max-height: 290px; overflow-y: auto } .notify-detail .notify-content .content[data-v-31ddde0a] { box-sizing: border-box; margin: 0; min-width: 0; padding-bottom: 4px; line-height: 20px } .notify-detail .notify-content .content .content-text[data-v-31ddde0a] { box-sizing: border-box; margin: 0; min-width: 0; min-height: 1.2em } .notify-detail .notify-content .content a[data-v-31ddde0a] { display: block; margin-top: 5px; color: #f0b90b } .notify-detail .i-know[data-v-31ddde0a] { margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; font-size: 14px; font-family: inherit; font-weight: 500; text-align: center; text-decoration: none; outline: none; padding: 10px 16px; line-height: 20px; min-width: 60px; word-break: keep-all; color: #fff; border-radius: 4px; min-height: 24px; border: none; background-image: none; background-color: #f0b90b; width: 100% }   .bc-inp-select[data-v-972504e8] { position: relative } .bc-inp-select .label[data-v-972504e8] { line-height: 30px; color: #9c9c9c } .bc-inp-select .is-focus[data-v-972504e8] { height: 150px } .select-dropdown[data-v-972504e8] { position: absolute; left: 0; right: 0; top: 100%; height: 0; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, .1); z-index: 10; transition: all .3s } .dropdown-arrow[data-v-972504e8] { position: relative } .dropdown-arrow input[data-v-972504e8]:after { display: none } .select-dropdown__list[data-v-972504e8] { overflow: hidden; overflow-y: auto } .select-dropdown__list .is-select[data-v-972504e8] { color: #fce68d } .select-dropdown__item[data-v-972504e8] { padding: 0 10px; line-height: 30px; font-size: 14px; color: #212833; cursor: pointer } .select-dropdown__item[data-v-972504e8]:hover { color: #fce68d } .info-input[data-v-972504e8] { flex: 1; position: relative; box-sizing: border-box; border: none; background: #f5f5f5; height: 37px; border-radius: 4 } .info-input>div[data-v-972504e8] { display: flex; align-items: center; height: 100%; border-radius: 4 } .info-input input[data-v-972504e8] { position: relative; box-sizing: border-box; flex: 1; border: none; color: #212833; font-size: 16px; height: 100%; outline: none; background: transparent; padding-left: 10px } .info-input .input__icon[data-v-972504e8] { position: absolute; right: 8px; top: 50%; transform: translateY(-50%) rotate(90deg) scale(.7); fill: rgba(0, 0, 0, .5); transition: all .3s } .info-input .is-reverse[data-v-972504e8] { transform: translateY(-50%) rotate(270deg) scale(.7) } .info-input .tips[data-v-972504e8] { box-sizing: border-box; position: absolute; bottom: 10px; left: 10px; background-color: transparent; color: #848e9c; font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; max-width: calc(100% - 16px); white-space: nowrap; letter-spacing: 0; line-height: 20px; pointer-events: none; transform-origin: bottom left; transition: transform .15s cubic-bezier(.4, 0, .2, 1), opacity .15s cubic-bezier(.4, 0, .2, 1), background-color none } .info-input .err[data-v-972504e8] { color: #f23051; font-size: 12px; line-height: 18px } .error[data-v-972504e8] { border-bottom-color: #f23051 } .focus[data-v-972504e8] { border-bottom-color: #f0b90b } .focus .tips[data-v-972504e8] { color: #f0b90b; font-weight: 400; line-height: normal; transform: scale(.9) translatey(-26px) } .focus .require[data-v-972504e8]:after { color: #ff0b0b } .require[data-v-972504e8] { position: relative } .require[data-v-972504e8]:after { content: "*"; position: absolute; right: -4px; top: 0; color: rgba(255, 11, 11, .5) } .filled .tips[data-v-972504e8] { font-weight: 400; line-height: normal; transform: scale(.9) translatey(-26px) }   .top[data-v-b016cbc8], header[data-v-b016cbc8] { height: 64px } header[data-v-b016cbc8] { width: 100vw; background: #12161c; color: #fff; z-index: 100 } @media (min-width:961px) { header[data-v-b016cbc8] { position: fixed; top: 0; left: 0; right: 0 } } nav[data-v-b016cbc8] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center; height: 100%; padding: 0 24px } nav a[data-v-b016cbc8] { color: #fff } nav a[data-v-b016cbc8]:hover { color: #ccc } @media (max-width:960px) { nav[data-v-b016cbc8] { justify-content: space-between } } .nav-logo img[data-v-b016cbc8] { width: auto; height: 24px } @media (max-width:960px) { .nav-logo img[data-v-b016cbc8] { height: 20px } } .nav-list[data-v-b016cbc8] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center; flex: 1; margin-left: 24px } .nav-list a[data-v-b016cbc8] { font-weight: 700; margin-right: 20px } @media (max-width:960px) { .nav-list[data-v-b016cbc8] { display: none } } .phoneMore[data-v-b016cbc8] { display: none; cursor: pointer; margin-left: 8px; margin-right: 16px } .phoneMore .icon[data-v-b016cbc8] { width: 24px; height: 24px; fill: #fff } @media (max-width:960px) { .phoneMore[data-v-b016cbc8] { display: block } } .phoneInfo[data-v-b016cbc8] { display: none; cursor: pointer; margin-left: 8px; margin-right: 16px } .phoneInfo .icon[data-v-b016cbc8] { width: 24px; height: 24px; fill: #fff } @media (max-width:960px) { .phoneInfo[data-v-b016cbc8] { display: block } } .nav-r[data-v-b016cbc8], .user-info[data-v-b016cbc8] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center } .user-info[data-v-b016cbc8] { color: #fff; font-weight: 700 } @media (max-width:960px) { .user-info[data-v-b016cbc8] { display: none } } .menu-order[data-v-b016cbc8], .menu-wallet[data-v-b016cbc8] { position: relative; cursor: pointer; margin-right: 24px; height: 32px; line-height: 32px; padding: 0 20px } .menu-order span[data-v-b016cbc8], .menu-wallet span[data-v-b016cbc8] { display: inline-block; transform: translateY(-2px) } .menu-order[data-v-b016cbc8]:after, .menu-wallet[data-v-b016cbc8]:after { top: 14px; right: 0 } .menu-order:hover .sub-menu-item[data-v-b016cbc8], .menu-wallet:hover .sub-menu-item[data-v-b016cbc8] { display: block } .menu-order:hover a[data-v-b016cbc8], .menu-wallet:hover a[data-v-b016cbc8] { color: #f0b90b } .menu-order[data-v-b016cbc8]:hover:after, .menu-wallet[data-v-b016cbc8]:hover:after { transform: rotate(180deg); border-color: #f0b90b transparent transparent } .menu-wallet[data-v-b016cbc8] { margin-right: 15px } .sub-menu-item[data-v-b016cbc8] { display: none; position: absolute; top: 100%; right: 0; padding-top: 16px; transform: translateX(64px) } .menu-order .sub-menu-item[data-v-b016cbc8] { transform: translateX(25px) } .menu-user[data-v-b016cbc8] { position: relative; border: 1px solid #fff; border-radius: 50%; cursor: pointer; font-weight: 700; width: 32px; height: 32px; line-height: 30px; text-align: center; margin-right: 24px } .menu-user span[data-v-b016cbc8] { display: inline-block; transform: translateY(-2px) } .menu-user[data-v-b016cbc8]:after { bottom: -1px; right: 11px; content: "" } .menu-user[data-v-b016cbc8]:hover { color: #f0b90b; border-color: #f0b90b } .menu-user:hover .sub-menu-user[data-v-b016cbc8] { display: block } .menu-user[data-v-b016cbc8]:hover:after { border-color: #f0b90b transparent transparent; transform: rotate(180deg) } .sub-menu-user[data-v-b016cbc8] { display: none; position: absolute; top: 100%; right: 0; padding-top: 16px; transform: translateX(64px) } .sub-menu-user .sub-user-item-box[data-v-b016cbc8] { background: #1e2026; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .sub-menu-user .sub-user-item-box a[data-v-b016cbc8] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center; color: #fff; font-weight: 700; line-height: 40px; padding: 0 20px } .sub-menu-user .sub-user-item-box a[data-v-b016cbc8]:hover { background: #212833; color: #f0b90b } .sub-menu-user .sub-user-item-box a .icon[data-v-b016cbc8] { margin-right: 8px } .sub-menu-user .sub-user-item-box.log-out[data-v-b016cbc8] { border-top: 1px solid hsla(0, 0%, 100%, .2) } .sub-menu-user .sub-user-item-box .invite-svg[data-v-b016cbc8] { margin-left: 10px; padding-bottom: 5px } .sub-menu-user .usercenter[data-v-b016cbc8] { padding: 20px; height: 70px; border-bottom: 1px solid hsla(0, 0%, 100%, .2) } .sub-menu-user .usercenter>div[data-v-b016cbc8]:first-child { min-width: 140px; flex: 1; line-height: normal; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .sub-menu-user .usercenter>div[data-v-b016cbc8]:last-child { margin-right: 0; margin-left: auto } .sub-menu-user .usercenter>div:last-child .icon[data-v-b016cbc8] { fill: #f0b90b } .sub-menu-user .usercenter .nick[data-v-b016cbc8] { line-height: 24px; margin-bottom: 3px } .sub-menu-user .usercenter .cert[data-v-b016cbc8] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center } .sub-menu-user .usercenter .cert span[data-v-b016cbc8] { margin-right: 6px } .sub-menu-user .usercenter .cert span[data-v-b016cbc8]:first-child { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center; color: #f0b90b } .sub-menu-user .usercenter .cert span:first-child .icon[data-v-b016cbc8] { fill: #f0b90b; margin-right: 6px; width: 14px; height: 14px; transform: translateY(1.5px) } .sub-menu-user .usercenter .cert span[data-v-b016cbc8]:last-child { display: block; background: rgba(132, 142, 156, .3); color: #848e9c; line-height: 18px; padding: 0 6px } .dividers[data-v-b016cbc8] { height: 1px; background-color: hsla(0, 0%, 100%, .2); margin: 0 } .register[data-v-b016cbc8] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center; margin-right: 24px } .register a[data-v-b016cbc8] { display: block; font-weight: 700 } .register a[data-v-b016cbc8]:last-child { border-radius: 2px; color: #212833; height: 32px; line-height: 32px; margin-left: 24px; padding: 0 8px } .register a[data-v-b016cbc8]:last-child:hover { background: #f8d12f } @media (max-width:960px) { .register ._signin[data-v-b016cbc8] { display: none } } .download-app[data-v-b016cbc8] { margin-right: 28px } .download-app .icon[data-v-b016cbc8] { fill: #fff } .exchange-rate[data-v-b016cbc8] { position: relative; border-radius: 2px; cursor: pointer; font-weight: 700; height: 32px; line-height: 32px; padding-right: 16px } .exchange-rate>span[data-v-b016cbc8]:hover { color: #f0b90b } .exchange-rate[data-v-b016cbc8]:hover:after { border-color: #f0b90b transparent transparent; transform: rotate(180deg) } .exchange-rate:hover .rate-list[data-v-b016cbc8] { visibility: visible } @media (max-width:960px) { .exchange-rate[data-v-b016cbc8] { display: none } } .rate-list[data-v-b016cbc8] { visibility: hidden; position: absolute; top: 100%; right: -24px; background: #1e2126; color: #fff; width: 290px } .rate-list>.list-header[data-v-b016cbc8] { width: 100%; height: 40px; display: flex; flex-direction: row; align-items: center; font-size: 12px } .rate-list>.list-header>span[data-v-b016cbc8] { flex: 1; padding-left: 20px; color: hsla(0, 0%, 100%, .6) } .rate-list>.list-body[data-v-b016cbc8] { height: 106px; display: flex; flex-direction: row } .rate-list>.list-body .bc-scrollbar-fluent[data-v-b016cbc8] { flex: 1; position: relative; overflow-y: auto } .rate-list>.list-body .bc-scrollbar-fluent>div[data-v-b016cbc8] { cursor: pointer; height: 32px; line-height: 32px; padding: 0 0 0 20px; display: flex; flex-direction: row; align-items: center } .rate-list>.list-body .bc-scrollbar-fluent>div.active[data-v-b016cbc8] { color: #f0b90b; background: #212833 } .rate-list>.list-body .bc-scrollbar-fluent>div.active>.symbol[data-v-b016cbc8] { border-color: #f0b90b } .rate-list>.list-body .bc-scrollbar-fluent>div.active>a[data-v-b016cbc8] { color: #f0b90b } .rate-list>.list-body .bc-scrollbar-fluent>div>.symbol[data-v-b016cbc8] { border: 1px solid #fff; border-radius: 50%; width: 20px; height: 20px; margin-right: 10px; line-height: 20px; text-align: center; overflow: hidden } .rate-list>.list-body .bc-scrollbar-fluent>div[data-v-b016cbc8]:hover { background: #212833; color: #f0b90b } .rate-list>.list-body .bc-scrollbar-fluent>div:hover>a[data-v-b016cbc8] { color: #f0b90b } .rate-list>.list-body .bc-scrollbar-fluent>div:hover>.symbol[data-v-b016cbc8] { border-color: #f0b90b } .rate[data-v-b016cbc8] { float: left; display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center; cursor: pointer; width: 120px; height: 48px; padding-left: 24px; font-weight: 700 } .rate[data-v-b016cbc8]:hover { background: hsla(0, 0%, 100%, .04); color: #f0b90b } .rate:hover .symbol[data-v-b016cbc8] { border-color: #f0b90b } .rate .symbol[data-v-b016cbc8] { border: 1px solid #fff; border-radius: 50%; width: 30px; height: 30px; margin-right: 10px; line-height: 30px; text-align: center } .theme[data-v-b016cbc8] { background: none; border: none; color: #fff; font-weight: 700; cursor: pointer; margin-left: 28px; outline: none } .market-order a[data-v-b016cbc8] { margin: 0 } .market-order .sub-menu-item[data-v-b016cbc8] { transform: translateX(5px); right: auto; left: 0 } .airdrop[data-v-b016cbc8] { padding: 5px 10px !important; display: flex } .extend-content[data-v-b016cbc8] { position: relative; margin-left: 5px; font-size: 9px; background: #f0b90b; white-space: normal; padding: 3px 0 !important; border-radius: 4px; color: #212833; font-weight: 600; min-width: 35px; text-align: center; margin-right: 0 } .extend-content[data-v-b016cbc8]:after { content: ""; position: absolute; top: 50%; left: -9px; border: 5px solid transparent; border-right-color: #f0b90b; transform: translateY(-5px) } .sideslip-box[data-v-b016cbc8] { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; flex-direction: row-reverse; display: flex } .sideslip-bg[data-v-b016cbc8], .sideslip-box[data-v-b016cbc8] { box-sizing: border-box; margin: 0; min-width: 0 } .sideslip-bg[data-v-b016cbc8] { flex: 1 } .sideslip-content[data-v-b016cbc8] { overflow: auto; height: 100%; transition: all .5s ease 0s; background-color: #12161c } .sideslip-container[data-v-b016cbc8], .sideslip-content[data-v-b016cbc8] { box-sizing: border-box; margin: 0; min-width: 0; width: 240px } .sideslip-container[data-v-b016cbc8] { display: flex; flex-direction: column } ._signin_[data-v-b016cbc8] { box-sizing: border-box; margin: 24px auto 0; min-width: 0; display: flex; font-size: 16px; justify-content: center; color: #fff } ._signup_[data-v-b016cbc8] { margin: 24px } .split-line[data-v-b016cbc8] { box-sizing: border-box; margin: 0; min-width: 0; display: flex; height: 1px; background-color: hsla(0, 0%, 100%, .1) } @-webkit-keyframes slidein-data-v-b016cbc8 { 0% { width: 0 } to { width: 240px } } @keyframes slidein-data-v-b016cbc8 { 0% { width: 0 } to { width: 240px } } @-webkit-keyframes slideout-data-v-b016cbc8 { 0% { width: 240px } to { width: 0 } } @keyframes slideout-data-v-b016cbc8 { 0% { width: 240px } to { width: 0 } } .sideani-enter-active[data-v-b016cbc8] { -webkit-animation: slidein-data-v-b016cbc8 .3s ease; animation: slidein-data-v-b016cbc8 .3s ease } .sideani-leave-active[data-v-b016cbc8] { -webkit-animation: slideout-data-v-b016cbc8 .3s ease; animation: slideout-data-v-b016cbc8 .3s ease } .phone-menu[data-v-b016cbc8] { position: relative } .phone-menu .phone-menu-p[data-v-b016cbc8] { position: relative; box-sizing: border-box; margin: 0; min-width: 0; display: flex; padding: 16px; font-size: 16px; text-decoration: none; align-items: center; flex-shrink: 0; color: #fff } .phone-menu .phone-menu-p .unread-num[data-v-b016cbc8] { width: 20px; height: 20px; border-radius: 50%; background: #f23051; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 12px } .phone-menu .phone-menu-c[data-v-b016cbc8] { box-sizing: border-box; margin: 0; min-width: 0; display: flex; padding: 8px 16px; font-size: 14px; text-decoration: none; align-items: center; flex-shrink: 0; color: #fff } .phone-menu .phone-menu-c>div[data-v-b016cbc8] { box-sizing: border-box; margin: 0 0 0 40px; min-width: 0; display: flex; flex-direction: column } .phone-menu .icon-wap[data-v-b016cbc8] { box-sizing: border-box; margin: 0 16px 0 0; min-width: 0; color: #848e9c; width: 24px; height: 24px; font-size: 24px; display: flex } .phone-menu .icon-wap>.icon[data-v-b016cbc8] { width: 24px; height: 24px; fill: #848e9c } .phone-menu .menu-text[data-v-b016cbc8] { flex: 1; display: flex; color: #fff } .phone-menu .menu-text>span[data-v-b016cbc8] { position: relative; margin-left: 5px; font-size: 9px; background: #f0b90b; white-space: normal; padding: 3px 0 !important; border-radius: 4px; color: #212833; font-weight: 600; min-width: 35px; text-align: center; margin-right: 0 } .phone-menu .menu-text>span[data-v-b016cbc8]:after { content: ""; position: absolute; top: 50%; left: -9px; border: 5px solid transparent; border-right-color: #f0b90b; transform: translateY(-5px) } .phone-menu .fold-icon[data-v-b016cbc8] { box-sizing: border-box; margin: 0; min-width: 0; position: relative; width: 10px; height: 10px; transition: all .2s ease 0s; display: flex } .phone-menu .fold-icon>.icon[data-v-b016cbc8] { width: 10px; height: 10px; fill: #848e9c; transition: all .2s ease 0s } .phone-menu.folded .fold-icon[data-v-b016cbc8] { transform: rotate(180deg) } .phone-usercenter[data-v-b016cbc8] { box-sizing: border-box; margin: 0; min-width: 0; display: flex; text-decoration: none; padding: 12px 16px; -webkit-box-align: center; color: #fff; align-items: center } .phone-usercenter>div[data-v-b016cbc8]:first-child { min-width: 140px; flex: 1; line-height: normal; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .phone-usercenter>div[data-v-b016cbc8]:last-child { margin-right: 0; margin-left: auto } .phone-usercenter>div:last-child .icon[data-v-b016cbc8] { fill: #f0b90b } .phone-usercenter .nick[data-v-b016cbc8] { line-height: 24px; margin-bottom: 3px } .phone-usercenter .cert[data-v-b016cbc8] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center } .phone-usercenter .cert span[data-v-b016cbc8] { margin-right: 6px } .phone-usercenter .cert span[data-v-b016cbc8]:first-child { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center; color: #f0b90b } .phone-usercenter .cert span:first-child .icon[data-v-b016cbc8] { fill: #f0b90b; margin-right: 6px; width: 14px; height: 14px; transform: translateY(1.5px) } .phone-usercenter .cert span[data-v-b016cbc8]:last-child { display: block; background: rgba(132, 142, 156, .3); color: #848e9c; line-height: 18px; padding: 0 6px } .download-icon .icon[data-v-b016cbc8] { fill: #fff } .download-icon[data-v-b016cbc8]:after { opacity: 0 } .download-icon .download[data-v-b016cbc8] { width: 172px; padding: 16px 10px 14px; margin: 0 auto } .download-icon .download .download-qrcode[data-v-b016cbc8] { width: 140px; margin: 0 auto; padding: 10px; background: #fff; border-radius: 4px } .download-icon .download p[data-v-b016cbc8] { font-size: 12px; color: #b7bdc6; text-align: center; line-height: 16px; margin: 8px 16px; padding-bottom: 8px; border-bottom: 1px solid #474d57 } .download-icon .download a[data-v-b016cbc8] { display: block; border-radius: 4px; color: #1e2026; height: 32px; line-height: 16px; padding: 8px 0; margin: 0 8px; font: 400 12px Arial } .download-icon .download a[data-v-b016cbc8]:hover { background: #f8d12f } .pop-title[data-v-b016cbc8] { font-size: 22px; line-height: 26px; text-align: center } .pop-content p[data-v-b016cbc8] { color: #f84960; margin: 12px 0; font-size: 12px; line-height: 16px } .pop-content .nation[data-v-b016cbc8] { margin-bottom: 260px } .pop-content button[data-v-b016cbc8] { width: 100%; border-radius: 4px } .pop-content button.not-allowed[data-v-b016cbc8] { cursor: not-allowed; color: #b7bdc6; background: #eaecef } .menu-notification[data-v-b016cbc8] { position: relative; margin-right: 24px } @media (max-width:960px) { .menu-notification[data-v-b016cbc8] { display: none } } .menu-notification .notify-ding[data-v-b016cbc8] { position: relative } .menu-notification .notify-ding .ding[data-v-b016cbc8] { fill: #fff; width: 24px; height: 24px; cursor: pointer } .menu-notification .notify-ding .notify-num[data-v-b016cbc8] { position: absolute; display: inline-flex; justify-content: center; align-items: center; width: 19px; height: 19px; background: #f23051; color: #fff; font-weight: 500; font-size: 12px; top: -7px; right: -7px; border-radius: 50% } .menu-notification .notify-box[data-v-b016cbc8] { display: none; position: absolute; width: 448px; background: #fff; border-radius: 8px; top: 100%; right: 0; padding: 24px; transform: translateX(110px); box-shadow: 0 4px 8px hsla(0, 0%, 53.7%, .3); z-index: 2 } .menu-notification .notify-box .notify-total[data-v-b016cbc8] { display: flex; flex-direction: row; align-items: center; justify-content: space-between; background: #f5f5f5; border-radius: 4px; height: 44px; padding: 0 20px 0 12px } .menu-notification .notify-box .notify-total .nl[data-v-b016cbc8] { display: flex; align-items: center; font-weight: 400; font-size: 12px; line-height: 16px; color: #707a8a } .menu-notification .notify-box .notify-total .nl .nnum[data-v-b016cbc8] { font-weight: 500; font-size: 20px; line-height: 28px; color: #1a1f34; margin-right: 6px } .menu-notification .notify-box .notify-total .nl .n-clear-all[data-v-b016cbc8] { font-weight: 500; color: #f0b90b; margin-left: 12px; cursor: pointer } .menu-notification .notify-box .notify-total .nr[data-v-b016cbc8] { display: flex; align-items: center; cursor: pointer } .menu-notification .notify-box .notify-total .nr>span[data-v-b016cbc8] { color: #1a1f34; font-weight: 400; font-size: 12px; line-height: 16px; margin-right: 8px } .menu-notification .notify-box .notify-total .nr .viewall[data-v-b016cbc8] { transform: rotate(-90deg); width: 16px; height: 16px; fill: #707a8a } .menu-notification .notify-box .notify-total .nr:hover>span[data-v-b016cbc8] { color: #f0b90b } .menu-notification .notify-box .notify-total .nr:hover .viewall[data-v-b016cbc8], .menu-notification:hover .notify-ding .ding[data-v-b016cbc8] { fill: #f0b90b } .menu-notification:hover .notify-box[data-v-b016cbc8] { display: block }   .title[data-v-25f499eb] { font-weight: 600; font-size: 20px; line-height: 28px; color: #eaecef; margin-bottom: 26px } .community-icons>a[data-v-25f499eb] { margin-right: 25px } .community-icons>a[data-v-25f499eb]:last-child { margin-right: 0 } .icon[data-v-25f499eb] { width: 20px; height: 20px }   .copyright[data-v-b49acc76] { font-size: 14px; line-height: 20px; color: #848e9c; flex-direction: column } .copyright[data-v-b49acc76], .copyright>div[data-v-b49acc76]:first-of-type { display: flex }   .description[data-v-9984be1c] { font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #707a8a } .info[data-v-9984be1c] { margin-bottom: 32px } .email[data-v-9984be1c] { margin-top: 26px } .download img[data-v-9984be1c] { width: 146px } .download>a[data-v-9984be1c]:first-child { margin-right: 16px }   @media screen and (max-width:767px) { .list-view ul[data-v-43ec947b] { display: none } .list-view ul.expand[data-v-43ec947b] { display: block } } .list-view li[data-v-43ec947b] { font-weight: 400; font-size: 16px; line-height: 24px; margin-bottom: 8px } .list-view li a[data-v-43ec947b] { color: #848e9c } .list-view li a[data-v-43ec947b]:hover { color: #eaecef } @media screen and (max-width:767px) { .list-view li .hover-yellow[data-v-43ec947b] { color: #474d57 } } .title[data-v-43ec947b] { font-weight: 600; font-size: 20px; line-height: 28px; margin-bottom: 16px; color: #eaecef } @media screen and (max-width:767px) { .title[data-v-43ec947b] { display: flex; justify-content: space-between } } .fold-icon[data-v-43ec947b] { display: none } @media screen and (max-width:767px) { .fold-icon[data-v-43ec947b] { display: block } } .fold-icon img[data-v-43ec947b] { width: 18px }   .mobile-footer-content[data-v-60a5b622] { padding: 40px 16px; max-width: 375px; width: 100%; margin: 0 auto } [data-v-60a5b622] .description { margin-top: 40px } [data-v-60a5b622] .community { margin-top: 37px } [data-v-60a5b622] .community .title { margin-bottom: 18px } [data-v-60a5b622] .copyright { margin-top: 40px }   .pc-footer-content[data-v-127c4bb1] { padding: 80px 120px; max-width: 1440px; width: 100%; margin: 0 auto } .pc-footer-content>div[data-v-127c4bb1] { display: flex; justify-content: space-between } .pc-footer-content[data-v-127c4bb1] .community-icons { margin-bottom: 25px } .pc-footer-content[data-v-127c4bb1] .copyright { margin-top: 40px; display: flex; justify-content: center; flex-direction: column; align-items: center }   .tablet-footer-content[data-v-2f8e9ca1] { padding: 48px 24px; max-width: 768px; width: 100%; margin: 0 auto } [data-v-2f8e9ca1] .description { width: 224px } [data-v-2f8e9ca1] .download { display: flex; flex-direction: column } [data-v-2f8e9ca1] .community-icons { margin-bottom: 25px } [data-v-2f8e9ca1] .copyright, [data-v-2f8e9ca1] .copyright-p2 { display: flex }   footer[data-v-7ca9cc61] { width: 100%; background: #0b0e11 } footer[data-v-7ca9cc61] .pc-footer-content { display: none } @media screen and (min-width:1440px) { footer[data-v-7ca9cc61] .pc-footer-content { display: block } } footer[data-v-7ca9cc61] .tablet-footer-content { display: none } @media screen and (min-width:768px) and (max-width:1439px) { footer[data-v-7ca9cc61] .tablet-footer-content { display: block } } footer[data-v-7ca9cc61] .mobile-footer-content { display: none } @media screen and (max-width:767px) { footer[data-v-7ca9cc61] .mobile-footer-content { display: block } }   .split[data-v-4e9dd685] { display: none; height: 114px; width: 100%; position: relative } @media (max-width:960px) { .split[data-v-4e9dd685] { display: block } }   #__wrapper>div { min-height: 100vh; display: flex; flex-direction: column } #headerId+div { display: flex; flex-direction: column; flex: 1 } body, html { font-family: BinancePlex, Arial, sans-serif !important }   .top[data-v-3dc66949], header[data-v-3dc66949] { height: 64px } header[data-v-3dc66949] { top: 0; left: 0; right: 0; background: #12161c; color: #fff } nav[data-v-3dc66949] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center; height: 100%; min-width: 1280px; padding: 0 24px } nav a[data-v-3dc66949] { color: #fff } nav a[data-v-3dc66949]:hover { color: #f0b90b } .nav-logo img[data-v-3dc66949] { width: auto; height: 24px } .nav-list[data-v-3dc66949] { flex: 1; margin-left: 24px } .nav-list a[data-v-3dc66949] { font-weight: 700; margin-right: 20px } .nav-r[data-v-3dc66949], .user-info[data-v-3dc66949] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center } .user-info[data-v-3dc66949] { color: #fff; font-weight: 700 } .menu-order[data-v-3dc66949], .menu-wallet[data-v-3dc66949] { position: relative; cursor: pointer; margin-right: 24px; height: 32px; line-height: 32px; padding: 0 20px } .menu-order span[data-v-3dc66949], .menu-wallet span[data-v-3dc66949] { display: inline-block; transform: translateY(-2px) } .menu-order[data-v-3dc66949]:after, .menu-wallet[data-v-3dc66949]:after { top: 14px; right: 0 } .menu-order:hover .sub-menu-item[data-v-3dc66949], .menu-wallet:hover .sub-menu-item[data-v-3dc66949] { display: block } .menu-order:hover a[data-v-3dc66949], .menu-wallet:hover a[data-v-3dc66949] { color: #f0b90b } .menu-order[data-v-3dc66949]:hover:after, .menu-wallet[data-v-3dc66949]:hover:after { transform: rotate(180deg); border-color: #f0b90b transparent transparent } .menu-wallet[data-v-3dc66949] { margin-right: 15px } .menu-wallet .sub-menu-item[data-v-3dc66949] { left: 0; right: auto; transform: none } .sub-menu-item[data-v-3dc66949] { display: none; position: absolute; top: 100%; right: 0; padding-top: 16px; transform: translateX(64px) } .menu-order .sub-menu-item[data-v-3dc66949] { transform: translateX(25px) } .menu-user[data-v-3dc66949] { position: relative; border: 1px solid #fff; border-radius: 50%; cursor: pointer; font-weight: 700; width: 32px; height: 32px; line-height: 30px; text-align: center; margin-right: 24px } .menu-user span[data-v-3dc66949] { display: inline-block; transform: translateY(-2px) } .menu-user[data-v-3dc66949]:after { bottom: -1px; right: 11px; content: "" } .menu-user[data-v-3dc66949]:hover { color: #f0b90b; border-color: #f0b90b } .menu-user:hover .sub-menu-user[data-v-3dc66949] { display: block } .menu-user[data-v-3dc66949]:hover:after { border-color: #f0b90b transparent transparent; transform: rotate(180deg) } .sub-menu-user[data-v-3dc66949] { display: none; position: absolute; top: 100%; right: 0; padding-top: 16px; transform: translateX(64px) } .sub-menu-user .sub-user-item-box[data-v-3dc66949] { background: #1e2026; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .sub-menu-user .sub-user-item-box a[data-v-3dc66949] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center; color: #fff; font-weight: 700; line-height: 40px; padding: 0 20px } .sub-menu-user .sub-user-item-box a[data-v-3dc66949]:hover { background: #212833; color: #f0b90b } .sub-menu-user .sub-user-item-box a .icon[data-v-3dc66949] { margin-right: 8px } .sub-menu-user .sub-user-item-box.log-out[data-v-3dc66949] { border-top: 1px solid hsla(0, 0%, 100%, .2) } .sub-menu-user .sub-user-item-box .invite-svg[data-v-3dc66949] { margin-left: 10px; padding-bottom: 5px } .sub-menu-user .usercenter[data-v-3dc66949] { padding: 20px; height: 70px; border-bottom: 1px solid hsla(0, 0%, 100%, .2) } .sub-menu-user .usercenter>div[data-v-3dc66949]:first-child { min-width: 140px; flex: 1; line-height: normal; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .sub-menu-user .usercenter>div[data-v-3dc66949]:last-child { margin-right: 0; margin-left: auto } .sub-menu-user .usercenter>div:last-child .icon[data-v-3dc66949] { fill: #f0b90b } .sub-menu-user .usercenter .nick[data-v-3dc66949] { line-height: 24px; margin-bottom: 3px } .sub-menu-user .usercenter .cert[data-v-3dc66949] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center } .sub-menu-user .usercenter .cert span[data-v-3dc66949] { margin-right: 6px } .sub-menu-user .usercenter .cert span[data-v-3dc66949]:first-child { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center; color: #f0b90b } .sub-menu-user .usercenter .cert span:first-child .icon[data-v-3dc66949] { fill: #f0b90b; margin-right: 6px; width: 14px; height: 14px; transform: translateY(1.5px) } .sub-menu-user .usercenter .cert span[data-v-3dc66949]:last-child { display: block; background: rgba(132, 142, 156, .3); color: #848e9c; line-height: 18px; padding: 0 6px } .dividers[data-v-3dc66949] { height: 1px; background-color: hsla(0, 0%, 100%, .2); margin: 0 } .register[data-v-3dc66949] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center; margin-right: 24px } .register a[data-v-3dc66949] { display: block; font-weight: 700 } .register a[data-v-3dc66949]:last-child { border-radius: 2px; color: #212833; height: 32px; line-height: 32px; margin-left: 24px; padding: 0 16px } .register a[data-v-3dc66949]:last-child:hover { background: #f8d12f } .download-app[data-v-3dc66949] { margin-right: 28px } .download-app .icon[data-v-3dc66949] { fill: #fff } .exchange-rate[data-v-3dc66949] { position: relative; border-radius: 2px; cursor: pointer; font-weight: 700; height: 32px; line-height: 32px; padding-right: 16px } .exchange-rate[data-v-3dc66949]:after { content: ""; position: absolute; top: 15px; right: 0; border: 4px solid transparent; border-top-color: #fff } .exchange-rate[data-v-3dc66949]:hover { color: #f0b90b } .exchange-rate[data-v-3dc66949]:hover:after { border-color: #f0b90b transparent transparent; transform: rotate(180deg) } .exchange-rate:hover .rate-list[data-v-3dc66949] { visibility: visible } .rate-list[data-v-3dc66949] { visibility: hidden; position: absolute; top: 100%; right: -24px; background: #1e2126; color: #fff; width: 290px } .rate-list>.list-header[data-v-3dc66949] { width: 100%; height: 40px; display: flex; flex-direction: row; align-items: center; font-size: 12px } .rate-list>.list-header>span[data-v-3dc66949] { flex: 1; padding-left: 20px; color: hsla(0, 0%, 100%, .6) } .rate-list>.list-body[data-v-3dc66949] { height: 362px; display: flex; flex-direction: row } .rate-list>.list-body .bc-scrollbar-fluent[data-v-3dc66949] { flex: 1; position: relative; overflow-y: auto } .rate-list>.list-body .bc-scrollbar-fluent>div[data-v-3dc66949] { cursor: pointer; height: 32px; line-height: 32px; padding: 0 0 0 20px; display: flex; flex-direction: row; align-items: center } .rate-list>.list-body .bc-scrollbar-fluent>div.active[data-v-3dc66949] { color: #f0b90b; background: #212833 } .rate-list>.list-body .bc-scrollbar-fluent>div.active>.symbol[data-v-3dc66949] { border-color: #f0b90b } .rate-list>.list-body .bc-scrollbar-fluent>div.active>a[data-v-3dc66949] { color: #f0b90b } .rate-list>.list-body .bc-scrollbar-fluent>div>.symbol[data-v-3dc66949] { border: 1px solid #fff; border-radius: 50%; width: 20px; height: 20px; margin-right: 10px; line-height: 20px; text-align: center; overflow: hidden } .rate-list>.list-body .bc-scrollbar-fluent>div[data-v-3dc66949]:hover { background: #212833; color: #f0b90b } .rate-list>.list-body .bc-scrollbar-fluent>div:hover>a[data-v-3dc66949] { color: #f0b90b } .rate-list>.list-body .bc-scrollbar-fluent>div:hover>.symbol[data-v-3dc66949] { border-color: #f0b90b } .rate[data-v-3dc66949] { float: left; display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center; cursor: pointer; width: 120px; height: 48px; padding-left: 24px; font-weight: 700 } .rate[data-v-3dc66949]:hover { background: hsla(0, 0%, 100%, .04); color: #f0b90b } .rate:hover .symbol[data-v-3dc66949] { border-color: #f0b90b } .rate .symbol[data-v-3dc66949] { border: 1px solid #fff; border-radius: 50%; width: 30px; height: 30px; margin-right: 10px; line-height: 30px; text-align: center } .theme[data-v-3dc66949] { background: none; border: none; color: #fff; font-weight: 700; cursor: pointer; margin-left: 28px; outline: none }   .layout-futures[data-v-4009e502] { background-color: #1b1f25; height: 100%; min-height: 100vh }   .top[data-v-1a0951f4], header[data-v-1a0951f4] { height: 64px } header[data-v-1a0951f4] { top: 0; left: 0; right: 0; background: #12161c; color: #fff; z-index: 100 } nav[data-v-1a0951f4] { display: block; display: flex; flex-direction: row; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; align-items: center; -webkit-align-items: center; -ms-flex-align: center; height: 100%; min-width: 1280px; padding: 0 24px } nav a[data-v-1a0951f4] { color: #fff } nav a[data-v-1a0951f4]:hover { color: #ccc } .nav-logo img[data-v-1a0951f4] { width: auto; height: 24px } .nav-list[data-v-1a0951f4] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center; flex: 1; margin-left: 24px } .nav-list a[data-v-1a0951f4] { font-weight: 700; margin-right: 20px } .nav-r[data-v-1a0951f4], .user-info[data-v-1a0951f4] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center } .user-info[data-v-1a0951f4] { color: #fff; font-weight: 700 } .menu-order[data-v-1a0951f4], .menu-wallet[data-v-1a0951f4] { position: relative; cursor: pointer; margin-right: 24px; height: 32px; line-height: 32px; padding: 0 20px } .menu-order span[data-v-1a0951f4], .menu-wallet span[data-v-1a0951f4] { display: inline-block; transform: translateY(-2px) } .menu-order[data-v-1a0951f4]:after, .menu-wallet[data-v-1a0951f4]:after { top: 14px; right: 0 } .menu-order:hover .sub-menu-item[data-v-1a0951f4], .menu-wallet:hover .sub-menu-item[data-v-1a0951f4] { display: block } .menu-order:hover a[data-v-1a0951f4], .menu-wallet:hover a[data-v-1a0951f4] { color: #f0b90b } .menu-order[data-v-1a0951f4]:hover:after, .menu-wallet[data-v-1a0951f4]:hover:after { transform: rotate(180deg); border-color: #f0b90b transparent transparent } .menu-wallet[data-v-1a0951f4] { margin-right: 15px } .sub-menu-item[data-v-1a0951f4] { display: none; position: absolute; top: 100%; right: 0; padding-top: 16px; transform: translateX(64px) } .menu-order .sub-menu-item[data-v-1a0951f4] { transform: translateX(25px) } .menu-user[data-v-1a0951f4] { position: relative; border: 1px solid #fff; border-radius: 50%; cursor: pointer; font-weight: 700; width: 32px; height: 32px; line-height: 30px; text-align: center; margin-right: 24px } .menu-user span[data-v-1a0951f4] { display: inline-block; transform: translateY(-2px) } .menu-user[data-v-1a0951f4]:after { bottom: -1px; right: 11px; content: "" } .menu-user[data-v-1a0951f4]:hover { color: #f0b90b; border-color: #f0b90b } .menu-user:hover .sub-menu-user[data-v-1a0951f4] { display: block } .menu-user[data-v-1a0951f4]:hover:after { border-color: #f0b90b transparent transparent; transform: rotate(180deg) } .sub-menu-user[data-v-1a0951f4] { display: none; position: absolute; top: 100%; right: 0; padding-top: 16px; transform: translateX(64px) } .sub-menu-user .sub-user-item-box[data-v-1a0951f4] { background: #1e2026; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .sub-menu-user .sub-user-item-box a[data-v-1a0951f4] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center; color: #fff; font-weight: 700; line-height: 40px; padding: 0 20px } .sub-menu-user .sub-user-item-box a[data-v-1a0951f4]:hover { background: #212833; color: #f0b90b } .sub-menu-user .sub-user-item-box a .icon[data-v-1a0951f4] { margin-right: 8px } .sub-menu-user .sub-user-item-box.log-out[data-v-1a0951f4] { border-top: 1px solid hsla(0, 0%, 100%, .2) } .sub-menu-user .sub-user-item-box .invite-svg[data-v-1a0951f4] { margin-left: 10px; padding-bottom: 5px } .sub-menu-user .usercenter[data-v-1a0951f4] { padding: 20px; height: 70px; border-bottom: 1px solid hsla(0, 0%, 100%, .2) } .sub-menu-user .usercenter>div[data-v-1a0951f4]:first-child { min-width: 140px; flex: 1; line-height: normal; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .sub-menu-user .usercenter>div[data-v-1a0951f4]:last-child { margin-right: 0; margin-left: auto } .sub-menu-user .usercenter>div:last-child .icon[data-v-1a0951f4] { fill: #f0b90b } .sub-menu-user .usercenter .nick[data-v-1a0951f4] { line-height: 24px; margin-bottom: 3px } .sub-menu-user .usercenter .cert[data-v-1a0951f4] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center } .sub-menu-user .usercenter .cert span[data-v-1a0951f4] { margin-right: 6px } .sub-menu-user .usercenter .cert span[data-v-1a0951f4]:first-child { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center; color: #f0b90b } .sub-menu-user .usercenter .cert span:first-child .icon[data-v-1a0951f4] { fill: #f0b90b; margin-right: 6px; width: 14px; height: 14px; transform: translateY(1.5px) } .sub-menu-user .usercenter .cert span[data-v-1a0951f4]:last-child { display: block; background: rgba(132, 142, 156, .3); color: #848e9c; line-height: 18px; padding: 0 6px } .dividers[data-v-1a0951f4] { height: 1px; background-color: hsla(0, 0%, 100%, .2); margin: 0 } .register[data-v-1a0951f4] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center; margin-right: 24px } .register a[data-v-1a0951f4] { display: block; font-weight: 700 } .register a[data-v-1a0951f4]:last-child { border-radius: 2px; color: #212833; height: 32px; line-height: 32px; margin-left: 24px; padding: 0 8px } .register a[data-v-1a0951f4]:last-child:hover { background: #f8d12f } .download-app[data-v-1a0951f4] { margin-right: 28px } .download-app .icon[data-v-1a0951f4] { fill: #fff } .exchange-rate[data-v-1a0951f4] { position: relative; border-radius: 2px; cursor: pointer; font-weight: 700; height: 32px; line-height: 32px; padding-right: 16px } .exchange-rate[data-v-1a0951f4]:after { content: ""; position: absolute; top: 15px; right: 0; border: 4px solid transparent; border-top-color: #fff } .exchange-rate[data-v-1a0951f4]:hover { color: #f0b90b } .exchange-rate[data-v-1a0951f4]:hover:after { border-color: #f0b90b transparent transparent; transform: rotate(180deg) } .exchange-rate:hover .rate-list[data-v-1a0951f4] { visibility: visible } .rate-list[data-v-1a0951f4] { visibility: hidden; position: absolute; top: 100%; right: -24px; background: #1e2126; color: #fff; width: 145px } .rate-list>.list-header[data-v-1a0951f4] { width: 100%; height: 40px; display: flex; flex-direction: row; align-items: center; font-size: 12px } .rate-list>.list-header>span[data-v-1a0951f4] { flex: 1; padding-left: 20px; color: hsla(0, 0%, 100%, .6) } .rate-list>.list-body[data-v-1a0951f4] { height: 362px; display: flex; flex-direction: row } .rate-list>.list-body .bc-scrollbar-fluent[data-v-1a0951f4] { flex: 1; position: relative; overflow-y: auto } .rate-list>.list-body .bc-scrollbar-fluent>div[data-v-1a0951f4] { cursor: pointer; height: 32px; line-height: 32px; padding: 0 0 0 20px; display: flex; flex-direction: row; align-items: center } .rate-list>.list-body .bc-scrollbar-fluent>div.active[data-v-1a0951f4] { color: #f0b90b; background: #212833 } .rate-list>.list-body .bc-scrollbar-fluent>div.active>.symbol[data-v-1a0951f4] { border-color: #f0b90b } .rate-list>.list-body .bc-scrollbar-fluent>div.active>a[data-v-1a0951f4] { color: #f0b90b } .rate-list>.list-body .bc-scrollbar-fluent>div>.symbol[data-v-1a0951f4] { border: 1px solid #fff; border-radius: 50%; width: 20px; height: 20px; margin-right: 10px; line-height: 20px; text-align: center; overflow: hidden } .rate-list>.list-body .bc-scrollbar-fluent>div[data-v-1a0951f4]:hover { background: #212833; color: #f0b90b } .rate-list>.list-body .bc-scrollbar-fluent>div:hover>a[data-v-1a0951f4] { color: #f0b90b } .rate-list>.list-body .bc-scrollbar-fluent>div:hover>.symbol[data-v-1a0951f4] { border-color: #f0b90b } .rate[data-v-1a0951f4] { float: left; display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center; cursor: pointer; width: 120px; height: 48px; padding-left: 24px; font-weight: 700 } .rate[data-v-1a0951f4]:hover { background: hsla(0, 0%, 100%, .04); color: #f0b90b } .rate:hover .symbol[data-v-1a0951f4] { border-color: #f0b90b } .rate .symbol[data-v-1a0951f4] { border: 1px solid #fff; border-radius: 50%; width: 30px; height: 30px; margin-right: 10px; line-height: 30px; text-align: center } .theme[data-v-1a0951f4] { background: none; border: none; color: #fff; font-weight: 700; cursor: pointer; margin-left: 28px; outline: none } .market-order a[data-v-1a0951f4] { margin: 0 } .market-order .sub-menu-item[data-v-1a0951f4] { transform: translateX(5px); right: auto; left: 0 }   .copyright[data-v-2fe5d3c6] { box-sizing: border-box; margin: 0; min-width: 0; font-weight: 400; font-size: 12px; line-height: 16px; text-align: center; padding: 12px; color: #474d57; width: 100% }   .tree-menu[data-v-771d32a9] { color: #212833; font-size: 14px } .level1[data-v-771d32a9] { display: flex; align-items: center; background: #fff; color: #212833; cursor: pointer; font-weight: 500; height: 48px; padding: 0 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: pre-wrap; word-break: break-word } .level1 .icon[data-v-771d32a9] { fill: #848e9c; margin-right: 8px } .level1 .icon-dropdown[data-v-771d32a9] { width: 8px; height: 8px; margin: 0 6px; transform-origin: 4px 4px; transition: transform .3s } .level1 .expanded[data-v-771d32a9] { transform: rotate(180deg) } .level1-l[data-v-771d32a9] { flex: 1 } .level1-l[data-v-771d32a9], .level1-r[data-v-771d32a9] { display: flex; align-items: center } .level1-r[data-v-771d32a9] { height: 16px; margin: 0 6px } .expand-wrap[data-v-771d32a9] { overflow: hidden } .level2[data-v-771d32a9] { display: flex; align-items: center; background: #fff; color: #212833; font-weight: 400; min-height: 40px; padding: 12px 16px 12px 32px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: pre-wrap; word-break: break-word } .level2[data-v-771d32a9]:hover { background: #f5f5f5 } .active[data-v-771d32a9], .nuxt-link-active[data-v-771d32a9] { position: relative; background: #f5f5f5; font-weight: 700 } .active .icon[data-v-771d32a9], .nuxt-link-active .icon[data-v-771d32a9] { fill: #f0b90b } .active[data-v-771d32a9]:after, .nuxt-link-active[data-v-771d32a9]:after { content: ""; display: block; position: absolute; top: 0; left: 0; background: #f0b90b; width: 4px; height: 100% } .invite-svg[data-v-771d32a9] { margin-left: 8px }   main[data-v-7d6a958c] { display: flex } .bc-body[data-v-7d6a958c] { flex: 1 }   .loading-box { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; z-index: 99 }   .message { min-width: 380px; box-sizing: border-box; border-radius: 4px; border: 1px solid #ebeef5; position: fixed; right: 10px; top: 64px; background-color: #edf2fc; transition: opacity .3s, transform .4s, top .4s; overflow: hidden; padding: 16px 44px 16px 16px; display: flex; align-items: center; z-index: 9999 } .message .icon { width: 24px; height: 24px; margin-right: 10px; flex-shrink: 0 } .message p { padding: 0; max-width: 500px; font-size: 14px; line-height: 18px } .message span { position: absolute; top: 50%; right: 16px; cursor: pointer; transform: translateY(-50%) } .message span .icon { width: 12px; height: 12px; fill: #848e9c; margin: 0 } @media (max-width:960px) { .message { min-width: 0; max-width: 355px } } .message-info p { color: #909399 } .message-info .icon.type-icon { fill: #909399 } .message-success { background-color: #c3f5e7 } .message-success p { color: #2ebd85 } .message-success .icon.type-icon { fill: #2ebd85 } .message-warning { background-color: #fdf6ec; border-color: #faecd8 } .message-warning p { color: #e6a23c } .message-warning .icon.type-icon { fill: #e6a23c } .message-error { background-color: #fef0f0 } .message-error p { color: #f23051 } .message-error .icon.type-icon { fill: #f23051 } .message-fade-enter { opacity: 0; transform: translate(100%) } .message-fade-leave-active { opacity: 0; transform: translateY(-20%) }   .elegantmsg { min-width: 360px; box-sizing: border-box; border-radius: 4px; border: 1px solid #ebeef5; position: fixed; right: 10px; top: 64px; background-color: #fff; box-shadow: 0 0 1px rgba(20, 21, 26, .1), 0 7px 14px rgba(71, 77, 87, .08), 0 3px 6px rgba(20, 21, 26, .08); transition: opacity .3s, transform .4s, top .4s; overflow: hidden; padding: 16px 48px; z-index: 301 } .elegantmsg .icon { width: 24px; height: 24px; margin-right: 10px; flex-shrink: 0 } .elegantmsg .icon.type-icon { position: absolute; top: 18px; left: 18px } .elegantmsg p { padding: 0; max-width: 264px; font-size: 14px; line-height: 18px; color: #474d57 } .elegantmsg span.close-btn { position: absolute; top: 22px; right: 22px; cursor: pointer } .elegantmsg span.close-btn .icon { width: 12px; height: 12px; fill: #848e9c; margin: 0 } .elegantmsg .elegantmsg-header { font-size: 16px; line-height: 24px; color: #1e2329 } .elegantmsg .elegantmsg-content { min-height: 24px } .elegantmsg-info .icon.type-icon { fill: #909399 } .elegantmsg-success .icon.type-icon { fill: #2ebd85 } .elegantmsg-warning .icon.type-icon { fill: #e6a23c } .elegantmsg-error .icon.type-icon { fill: #f23051 } .elegantmsg-fade-enter { opacity: 0; transform: translate(100%) } .elegantmsg-fade-leave-active { opacity: 0; transform: translateY(-20%) }   label[data-v-1b904ebc] { display: inline-flex; align-items: center; color: #212833; cursor: pointer; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } label input[data-v-1b904ebc] { margin-right: 8px } label i[data-v-1b904ebc] { display: block; border: 1px solid #eaecef; border-radius: 50%; cursor: pointer; width: 14px; height: 14px; margin-right: 10px } label .checked[data-v-1b904ebc] { position: relative; border: none; background: #f0b90b } label .checked[data-v-1b904ebc]:after { content: ""; position: absolute; top: 4px; left: 4px; background: #fff; border-radius: 50%; width: 6px; height: 6px } label .square[data-v-1b904ebc] { border-radius: 0 } label .square.checked[data-v-1b904ebc]:after { top: 3px; left: 2px; background: none; border-color: transparent transparent #fff #fff; border-style: solid; border-width: 1px; border-radius: 0; width: 10px; height: 5px; transform: rotate(-45deg) } .thick-square i[data-v-1b904ebc], .yellow-circle i[data-v-1b904ebc] { border-width: 2px; border-color: #929aa5; width: 16px; height: 16px } .thick-square .checked[data-v-1b904ebc], .yellow-circle .checked[data-v-1b904ebc] { border: 2px solid #f0b90b; background: none } .thick-square .checked[data-v-1b904ebc]:after, .yellow-circle .checked[data-v-1b904ebc]:after { top: 2px; left: 2px; background: #f0b90b; width: 8px; height: 8px } .thick-square .square.checked[data-v-1b904ebc] { background: #f0b90b } .thick-square .square.checked[data-v-1b904ebc]:after { top: 0; left: 0; background: none; border-width: 2px; border-color: transparent transparent #1e2026 #1e2026; width: 13px; height: 8px }   .bc-checkbox-wrapper[data-v-074d51fe] { display: inline-flex; flex-direction: row; cursor: pointer } .bc-checkbox-wrapper .bc-checkbox[data-v-074d51fe] { white-space: nowrap; cursor: pointer; outline: none; display: inline-block; position: relative; line-height: 1; vertical-align: middle; margin-right: 5px } .bc-checkbox-wrapper .bc-checkbox .bc-checkbox-input[data-v-074d51fe] { box-sizing: border-box; padding: 0; position: absolute; left: 0; z-index: 9999; cursor: pointer; opacity: 0; top: 0; bottom: 0; right: 0 } .bc-checkbox-wrapper .bc-checkbox .bc-checkbox-inner[data-v-074d51fe] { position: relative; top: 0; left: 0; display: inline-block; width: 14px; height: 14px; border-radius: 3px; border: 1px solid #848e9c; opacity: .8; background-color: #fff; transition: border-color .3s cubic-bezier(.68, -.55, .27, 1.55), background-color .3s cubic-bezier(.68, -.55, .27, 1.55) } .bc-checkbox-wrapper .bc-checkbox .bc-checkbox-inner[data-v-074d51fe]:after { transform: rotate(45deg); position: absolute; left: 4px; top: 1px; display: table; width: 5px; height: 8px; border: 2px solid #fff; border-top: 0; border-left: 0; content: ""; -webkit-animation-timing-function: cubic-bezier(.68, -.55, .27, 1.55); animation-timing-function: cubic-bezier(.68, -.55, .27, 1.55) } .bc-checkbox-wrapper .bc-checkbox.bc-checkbox-checked .bc-checkbox-inner[data-v-074d51fe] { background-color: #f0b90b; border-color: #f0b90b } .bc-checkbox-wrapper:hover .bc-checkbox-inner[data-v-074d51fe] { border-color: #f0b90b }   .notify-wrap[data-v-348cf7d7] { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2021; display: block; display: flex; flex-direction: row; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; -webkit-align-items: center; -ms-flex-align: center; background: rgba(0, 0, 0, .5) } .small-notify .content[data-v-348cf7d7] { width: 300px; padding: 24px } .content[data-v-348cf7d7] { position: relative; background: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 4px; box-shadow: 0 2px 4px rgba(0, 0, 0, .08), 0 0 4px rgba(0, 0, 0, .08); width: 384px; padding: 32px 24px; text-align: center } .content img[data-v-348cf7d7] { width: 78px; height: auto; margin-bottom: 16px } .content .title[data-v-348cf7d7], .content p[data-v-348cf7d7] { margin: 0 0 16px } .opt[data-v-348cf7d7] { margin-top: 32px } .opt .agree[data-v-348cf7d7] { margin-bottom: 12px } .btn-wrap[data-v-348cf7d7] { display: block; display: flex; flex-direction: row; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch } .btn-wrap button[data-v-348cf7d7] { flex: 1 } .btn-wrap button[data-v-348cf7d7]:nth-child(2) { margin-left: 16px } button.closeBtn[data-v-348cf7d7] { position: absolute; top: -10px; right: -36px; background: none; border: none; cursor: pointer; outline: none; padding: 10px } button.closeBtn .icon[data-v-348cf7d7] { fill: #fff } .notify-fade-enter[data-v-348cf7d7], .notify-fade-leave-active[data-v-348cf7d7] { opacity: 0; transform: translate(-50%, -100%) } @media screen and (max-width:767px) { .content[data-v-348cf7d7] { width: 80% } } .logout[data-v-348cf7d7] { margin-bottom: 10px; font-weight: 500; font-size: 14px; color: #707a8a; display: flex; align-items: center; justify-content: flex-end; cursor: pointer } .logout span[data-v-348cf7d7] { margin-right: 5px; transform: translateY(1px) } .logout img[data-v-348cf7d7] { width: 20px; margin-bottom: 0 } .msg-checkbox-wrapper[data-v-348cf7d7] .bc-checkbox { margin-right: 12px } .msg-checkbox-wrapper .wrapped-msg[data-v-348cf7d7] { text-align: left; font-weight: 400; font-size: 14px }   .gm-scrollbar-disable-selection { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .gm-prevented { -webkit-overflow-scrolling: touch } .gm-prevented>.gm-scrollbar { display: none } .gm-scrollbar-container { position: relative; overflow: hidden !important; width: 100%; height: 100% } .gm-scrollbar { position: absolute; right: 2px; bottom: 2px; z-index: 1; border-radius: 3px } .gm-scrollbar.-vertical { width: 6px; top: 2px } .gm-scrollbar.-horizontal { height: 6px; left: 2px } .gm-scrollbar .thumb { position: relative; display: block; width: 0; height: 0; cursor: pointer; border-radius: inherit; background-color: rgba(0, 0, 0, .2); transform: translateZ(0) } .gm-scrollbar .thumb:active, .gm-scrollbar .thumb:hover { background-color: rgba(0, 0, 0, .3) } .gm-scrollbar.-vertical .thumb { width: 100% } .gm-scrollbar.-horizontal .thumb { height: 100% } .gm-scrollbar-container .gm-scroll-view { width: 100%; height: 100%; overflow: scroll; transform: translateZ(0); -webkit-overflow-scrolling: touch } .gm-scrollbar-container.gm-autoshow .gm-scrollbar { opacity: 0; transition: opacity .12s ease-out } .gm-scrollbar-container.gm-autoshow:active>.gm-scrollbar, .gm-scrollbar-container.gm-autoshow:focus>.gm-scrollbar, .gm-scrollbar-container.gm-autoshow:hover>.gm-scrollbar { opacity: 1; transition: opacity .34s ease-out } .gm-resize-trigger { position: absolute; display: block; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1; opacity: 0 }   img.bc-inline-loading-icon[data-v-3adf0656] { margin: 0 !important }   section[data-v-6408680b] { width: 384px; margin: 0 auto; min-height: 692px; padding-top: 40px } @media (max-width:375px) { section[data-v-6408680b] { width: 100% } } h2[data-v-6408680b] { color: #212833; font-size: 24px; font-size: 1.5rem; font-weight: 400; text-align: center; margin-bottom: 40px } .login-box[data-v-6408680b] { position: relative; background: #fff; box-shadow: 0 0 30px 0 rgba(196, 202, 214, .29); border-radius: 6px; padding: 48px 24px; overflow: hidden } @media (max-width:767px) { .login-box[data-v-6408680b] { box-shadow: none; padding: 25px 40px } } .loading[data-v-6408680b] { position: absolute; top: 0; left: 0; border-radius: 8px; width: 100%; height: 100%; background: hsla(0, 0%, 100%, .4); overflow: hidden; z-index: 1 } .groove[data-v-6408680b] { position: relative; background: #e6e6e6; height: 8px } .groove .bar[data-v-6408680b] { width: 100%; -webkit-animation: load-data-v-6408680b 2s infinite; animation: load-data-v-6408680b 2s infinite } .groove .bar[data-v-6408680b], .groove .bar[data-v-6408680b]:after { position: absolute; top: 0; left: 0; height: 8px } .groove .bar[data-v-6408680b]:after { content: ""; background: #f0b90b; -webkit-animation: zoom-data-v-6408680b 2s infinite; animation: zoom-data-v-6408680b 2s infinite } @-webkit-keyframes load-data-v-6408680b { 0% { transform: translateX(-100%) } to { transform: translateX(100%) } } @keyframes load-data-v-6408680b { 0% { transform: translateX(-100%) } to { transform: translateX(100%) } } @-webkit-keyframes zoom-data-v-6408680b { 0% { width: 100% } 50% { width: 50% } to { width: 100% } } @keyframes zoom-data-v-6408680b { 0% { width: 100% } 50% { width: 50% } to { width: 100% } }   .oauth-btn[data-v-52d66b7f] { display: block; display: flex; flex-direction: row; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; -webkit-align-items: center; -ms-flex-align: center; border: 1.5px solid #f0b90b; font-weight: 400; height: 50px; margin: 20px 0 50px } .oauth-btn img[data-v-52d66b7f] { margin-right: 5px }   .input-model[data-v-0d683522] { position: relative; width: 100%; height: 37px; margin-bottom: 50px } .input-model .dynamic-placeholder[data-v-0d683522] { position: absolute; top: 8px; left: 0; color: #9c9c9c; pointer-events: none; line-height: 20px; transition: all .3s } .input-model input[data-v-0d683522] { position: relative; background: none; border: none; border-bottom: 1px solid #e6e6e6; width: 100%; height: 100%; outline: none; z-index: 1 } .input-model input[data-v-0d683522]:focus { border-bottom-color: #f8d12f } .input-model .icon-wrap[data-v-0d683522] { position: absolute; top: 8px; right: 0 } .input-model .icon-wrap[data-v-0d683522], .input-model .icon-wrap button[data-v-0d683522] { background: none; border: none; height: 20px; padding: 0; outline: none; z-index: 2 } .input-model .icon-wrap button[data-v-0d683522] { width: 20px; cursor: pointer } .input-model .input-error[data-v-0d683522] { position: absolute; top: 100%; left: 0; color: #f23051; font-size: 13px; margin-top: 4px } .pwd-focus .dynamic-placeholder[data-v-0d683522] { top: -20px; color: #f0b90b } .filled .dynamic-placeholder[data-v-0d683522] { top: -20px } .input-mg20[data-v-0d683522] { margin-top: 20px }   .inline-loading[data-v-742809f5] { display: flex; align-items: center; color: #f0b90b; font-size: 12px; height: 20px } .icon[data-v-742809f5] { -webkit-animation: rotating-data-v-742809f5 2s linear infinite; animation: rotating-data-v-742809f5 2s linear infinite; fill: #f0b90b; margin-right: 5px } @-webkit-keyframes rotating-data-v-742809f5 { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } @keyframes rotating-data-v-742809f5 { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } }   .icon-wrap[data-v-51cce118] { height: 94px; width: 336px; display: flex; flex-direction: row; justify-content: center } p[data-v-51cce118] { font-weight: 400; font-size: 14px; line-height: 20px; text-align: center; margin: 16px 0 0 } .btn-wrap[data-v-51cce118], p[data-v-51cce118] { box-sizing: border-box; min-width: 0 } .btn-wrap[data-v-51cce118] { display: flex; flex-direction: row; justify-content: space-between; width: 100%; margin: 32px 0 0 } .btn-wrap button[data-v-51cce118] { width: 164px }   .create-account[data-v-6eb34671], .oauth-title[data-v-6eb34671] { color: #848e9c; line-height: 32px } .create-account[data-v-6eb34671] { padding: 0 0 8px } [data-v-6eb34671] .oauth-btn { margin: 8px 0 30px } main[data-v-6eb34671] { margin-bottom: 100px } [data-v-6eb34671] .tabs ul li { margin-right: 48px } [data-v-6eb34671] .input-box, [data-v-6eb34671] .tabs ul li { padding-bottom: 30px } .init-gt[data-v-6eb34671], button[data-v-6eb34671] { border: none; border-radius: 4px; font-size: 14px; cursor: pointer; font-weight: 700; width: 100%; height: 40px; outline: none; margin: 0 0 24px } .init-gt[data-v-6eb34671] { background: #f0b90b; color: #212833; cursor: not-allowed; justify-content: center; align-items: center; background: #f4f4f5 } .init-gt[data-v-6eb34671], .more[data-v-6eb34671] { display: flex } .more>div[data-v-6eb34671] { flex: 1 } .more>div[data-v-6eb34671]:last-child { text-align: right } .more a[data-v-6eb34671] { color: #f0b90b; font-size: 14px; font-weight: 700 } .signin-header[data-v-6eb34671] { box-sizing: border-box; min-width: 0; color: #848e9c; text-align: center; margin: 0; font-size: 14px } .visit-url[data-v-6eb34671] { box-sizing: border-box; display: flex; border: 1px solid #f5f5f5; border-radius: 23px; margin: 16px auto 40px; width: 65%; padding: 8px 24px; background-color: #fff; justify-content: center } .visit-url>img[data-v-6eb34671] { width: 10px; height: 16px } .visit-url span[data-v-6eb34671] { box-sizing: border-box; margin: 0 0 0 8px; color: #212833; font-family: BinancePlex, Arial, PingFangSC-Regular, Microsoft YaHei, sans-serif !important; font-size: 14px }   #__wrapper, #_nuxt, body, html { min-width: auto !important }   [data-v-3a403149] .tabs ul li { margin-right: 48px } [data-v-3a403149] .input-box, [data-v-3a403149] .tabs ul li { padding-bottom: 30px } .init-gt[data-v-3a403149], button[data-v-3a403149] { border: none; border-radius: 4px; font-size: 14px; cursor: pointer; font-weight: 700; width: 100%; height: 40px; outline: none } .init-gt[data-v-3a403149] { background: #f0b90b; background: linear-gradient(180deg, #f8d12f, #f0b90b 99.77%); color: #212833; cursor: not-allowed; justify-content: center; background: #f4f4f5 } .init-gt[data-v-3a403149], .reset-pwd-header[data-v-3a403149] { display: flex; align-items: center } .reset-pwd-header[data-v-3a403149] { box-sizing: border-box; min-width: 0; color: #dca90a; border-radius: 4px; line-height: 18px; font-size: 14px; background-color: rgba(240, 185, 11, .18824); -webkit-box-pack: justify; width: 100%; padding: 8px 18px; margin: 0 0 25px } .reset-pwd-header img[data-v-3a403149] { width: 20px; height: 20px; margin-top: 8px; margin-right: 15px; align-self: flex-start } .reset-pwd-header .h24-tip[data-v-3a403149] { box-sizing: border-box; margin: 0; min-width: 0; word-break: break-all; padding-top: 8px; padding-bottom: 8px; color: #dca90a; line-height: 18px; font-size: 14px }   .mx-icon-double-left:after, .mx-icon-double-left:before, .mx-icon-double-right:after, .mx-icon-double-right:before, .mx-icon-left:before, .mx-icon-right:before { content: ""; position: relative; top: -1px; display: inline-block; width: 10px; height: 10px; vertical-align: middle; border-color: currentcolor; border-style: solid; border-width: 2px 0 0 2px; border-radius: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-45deg) scale(.7); transform: rotate(-45deg) scale(.7) } .mx-icon-double-left:after { left: -4px } .mx-icon-double-right:before { left: 4px } .mx-icon-double-right:after, .mx-icon-double-right:before, .mx-icon-right:before { -webkit-transform: rotate(135deg) scale(.7); transform: rotate(135deg) scale(.7) } .mx-btn { -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1; font-size: 14px; font-weight: 500; padding: 7px 15px; margin: 0; cursor: pointer; background-color: transparent; outline: none; border: 1px solid rgba(0, 0, 0, .1); border-radius: 4px; color: #73879c; white-space: nowrap } .mx-btn:hover { border-color: #1284e7; color: #1284e7 } .mx-btn.disabled, .mx-btn:disabled { color: #ccc; cursor: not-allowed } .mx-btn-text { border: 0; padding: 0 4px; text-align: left; line-height: inherit } .mx-scrollbar { height: 100% } .mx-scrollbar:hover .mx-scrollbar-track { opacity: 1 } .mx-scrollbar-wrap { height: 100%; overflow-x: hidden; overflow-y: auto } .mx-scrollbar-track { position: absolute; top: 2px; right: 2px; bottom: 2px; width: 6px; z-index: 1; border-radius: 4px; opacity: 0; -webkit-transition: opacity .24s ease-out; transition: opacity .24s ease-out } .mx-scrollbar-track .mx-scrollbar-thumb { position: absolute; width: 100%; height: 0; cursor: pointer; border-radius: inherit; background-color: rgba(144, 147, 153, .3); -webkit-transition: background-color .3s; transition: background-color .3s } .mx-zoom-in-down-enter-active, .mx-zoom-in-down-leave-active { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1); transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1); transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1); transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1); -webkit-transform-origin: center top; transform-origin: center top } .mx-zoom-in-down-enter, .mx-zoom-in-down-enter-from, .mx-zoom-in-down-leave-to { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0) } .mx-datepicker { position: relative; display: inline-block; width: 210px } .mx-datepicker svg { width: 1em; height: 1em; vertical-align: -.15em; fill: currentColor; overflow: hidden } .mx-datepicker-range { width: 320px } .mx-datepicker-inline { width: auto } .mx-input-wrapper { position: relative } .mx-input-wrapper .mx-icon-clear { display: none } .mx-input-wrapper:hover .mx-icon-clear { display: block } .mx-input-wrapper:hover .mx-icon-clear+.mx-icon-calendar { display: none } .mx-input { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 34px; padding: 6px 30px 6px 10px; font-size: 14px; line-height: 1.4; color: #555; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) } .mx-input:focus, .mx-input:hover { border-color: #409aff } .mx-input.disabled, .mx-input:disabled { color: #ccc; background-color: #f3f3f3; border-color: #ccc; cursor: not-allowed } .mx-input:focus { outline: none } .mx-input::-ms-clear { display: none } .mx-icon-calendar, .mx-icon-clear { position: absolute; top: 50%; right: 8px; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; line-height: 1; color: rgba(0, 0, 0, .5); vertical-align: middle } .mx-icon-clear { cursor: pointer } .mx-icon-clear:hover { color: rgba(0, 0, 0, .8) } .mx-datepicker-main { font: 14px/1.5 Helvetica Neue, Helvetica, Arial, Microsoft Yahei, sans-serif; color: #73879c; background-color: #fff; border: 1px solid #e8e8e8 } .mx-datepicker-popup { position: absolute; margin-top: 1px; margin-bottom: 1px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); z-index: 2001 } .mx-datepicker-sidebar { float: left; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100px; padding: 6px; overflow: auto } .mx-datepicker-sidebar+.mx-datepicker-content { margin-left: 100px; border-left: 1px solid #e8e8e8 } .mx-datepicker-body { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .mx-btn-shortcut { display: block; padding: 0 6px; line-height: 24px } .mx-range-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex } @media(max-width:750px) { .mx-range-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .mx-datepicker-header { padding: 6px 8px; border-bottom: 1px solid #e8e8e8 } .mx-datepicker-footer { padding: 6px 8px; text-align: right; border-top: 1px solid #e8e8e8 } .mx-calendar { -webkit-box-sizing: border-box; box-sizing: border-box; width: 248px; padding: 6px 12px } .mx-calendar+.mx-calendar { border-left: 1px solid #e8e8e8 } .mx-calendar-header, .mx-time-header { -webkit-box-sizing: border-box; box-sizing: border-box; height: 34px; line-height: 34px; text-align: center; overflow: hidden } .mx-btn-icon-double-left, .mx-btn-icon-left { float: left } .mx-btn-icon-double-right, .mx-btn-icon-right { float: right } .mx-calendar-header-label { font-size: 14px } .mx-calendar-decade-separator { margin: 0 2px } .mx-calendar-decade-separator:after { content: "~" } .mx-calendar-content { position: relative; height: 224px; -webkit-box-sizing: border-box; box-sizing: border-box } .mx-calendar-content .cell { cursor: pointer } .mx-calendar-content .cell:hover { color: #73879c; background-color: #f3f9fe } .mx-calendar-content .cell.active { color: #fff; background-color: #1284e7 } .mx-calendar-content .cell.hover-in-range, .mx-calendar-content .cell.in-range { color: #73879c; background-color: #dbedfb } .mx-calendar-content .cell.disabled { cursor: not-allowed; color: #ccc; background-color: #f3f3f3 } .mx-calendar-week-mode .mx-date-row { cursor: pointer } .mx-calendar-week-mode .mx-date-row:hover { background-color: #f3f9fe } .mx-calendar-week-mode .mx-date-row.mx-active-week { background-color: #dbedfb } .mx-calendar-week-mode .mx-date-row .cell.active, .mx-calendar-week-mode .mx-date-row .cell:hover { color: inherit; background-color: transparent } .mx-week-number { opacity: .5 } .mx-table { table-layout: fixed; border-collapse: separate; border-spacing: 0; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center } .mx-table th { font-weight: 500 } .mx-table td, .mx-table th { padding: 0; vertical-align: middle } .mx-table-date td, .mx-table-date th { height: 32px; font-size: 12px } .mx-table-date .today { color: #2a90e9 } .mx-table-date .cell.not-current-month { color: #ccc; background: none } .mx-time { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 224px; background: #fff } .mx-time+.mx-time { border-left: 1px solid #e8e8e8 } .mx-calendar-time { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .mx-time-header { border-bottom: 1px solid #e8e8e8 } .mx-time-content { height: 224px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden } .mx-time-columns { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; overflow: hidden } .mx-time-column { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; border-left: 1px solid #e8e8e8; text-align: center } .mx-time-column:first-child { border-left: 0 } .mx-time-column .mx-time-list { margin: 0; padding: 0; list-style: none } .mx-time-column .mx-time-list:after { content: ""; display: block; height: 192px } .mx-time-column .mx-time-item { cursor: pointer; font-size: 12px; height: 32px; line-height: 32px } .mx-time-column .mx-time-item:hover { color: #73879c; background-color: #f3f9fe } .mx-time-column .mx-time-item.active { color: #1284e7; background-color: transparent; font-weight: 700 } .mx-time-column .mx-time-item.disabled { cursor: not-allowed; color: #ccc; background-color: #f3f3f3 } .mx-time-option { cursor: pointer; padding: 8px 10px; font-size: 14px; line-height: 20px } .mx-time-option:hover { color: #73879c; background-color: #f3f9fe } .mx-time-option.active { color: #1284e7; background-color: transparent; font-weight: 700 } .mx-time-option.disabled { cursor: not-allowed; color: #ccc; background-color: #f3f3f3 }   .birth-day[data-v-23a4ff18] { position: relative; display: block; display: flex; flex-direction: row; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; align-items: center; -webkit-align-items: center; -ms-flex-align: center; height: 100%; width: 100% } @media (max-width:768px) { .birth-day[data-v-23a4ff18] { width: 534px; box-sizing: border-box } } .title[data-v-23a4ff18] { bottom: 0; color: #848e9c; font-size: 16px; transform: scale(.9) translateY(-36px) } .err[data-v-23a4ff18], .title[data-v-23a4ff18] { position: absolute; left: 0 } .err[data-v-23a4ff18] { top: 100%; color: #f23051; font-size: 12px; line-height: 18px; margin-top: 6px } .date[data-v-23a4ff18] { position: relative; flex: 1; height: 100% } .date>input[data-v-23a4ff18] { border: none; border-bottom: 1px solid #eaecef; font-size: 16px; width: 100%; height: 100%; padding-left: 1px; padding-right: 10px; text-align: center; outline: none } .date>input[data-v-23a4ff18]:focus { border-bottom-color: #f0b90b } .date .err-input[data-v-23a4ff18] { border-bottom-color: #f23051 } .date .icon[data-v-23a4ff18] { position: absolute; filter: #76808f; width: 6px; top: 10px; right: 2px } .mr16[data-v-23a4ff18] { margin-right: 8px } .mr16[data-v-23a4ff18]:last-child { margin-right: 0 } .list[data-v-23a4ff18] { position: absolute; top: 100%; left: 0; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, .1); width: 100%; height: 0; margin-top: 1px; overflow-y: auto; transition: all .3s; z-index: 2 } ul li[data-v-23a4ff18] { cursor: pointer; color: #212833; font-size: 14px; line-height: 28px; padding: 0 20px } ul .active[data-v-23a4ff18], ul li[data-v-23a4ff18]:hover { background: #f7f7f7 } ul .active[data-v-23a4ff18] { color: #f0b90b } .focus-list .list[data-v-23a4ff18] { height: 156px } [data-v-23a4ff18] .mx-datepicker { width: 30px !important } [data-v-23a4ff18] .mx-datepicker .mx-input { box-shadow: none; border: none !important; border-radius: 0; border-bottom: none; color: #212833; height: 37px; padding: 0 30px 0 0 }   .input-model[data-v-b957c9ec] { position: relative; width: 100% } .input-model .dynamic-placeholder[data-v-b957c9ec] { line-height: 30px; color: #9c9c9c; pointer-events: none; transition: all .3s; text-align: left } .input-model .ipt-box[data-v-b957c9ec] { height: 100%; display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center } .input-model .ipt-box img[data-v-b957c9ec] { width: 24px; margin-right: 5px } .input-model .ipt-box .area-code[data-v-b957c9ec] { margin-right: 10px } .input-model .ipt-box .area-code[data-v-b957c9ec], .input-model .ipt-box .input-wrapper[data-v-b957c9ec] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center } .input-model .ipt-box .input-wrapper[data-v-b957c9ec] { width: 100%; height: 37px; background: #f5f5f5; padding: 0 5px } .input-model .date-picker[data-v-b957c9ec], .input-model input[data-v-b957c9ec] { position: relative; width: 100%; height: 100%; border: none; outline: none; z-index: 1; background: #f5f5f5 !important; border-radius: 4px; padding: 0 8px } .input-model .date-picker[data-v-b957c9ec] { height: 37px; z-index: 9; padding: 0; background: #fff !important } .input-model .icon-wrap[data-v-b957c9ec] { position: absolute; top: 38px; right: 8px } .input-model .icon-wrap[data-v-b957c9ec], .input-model .icon-wrap button[data-v-b957c9ec] { background: none; border: none; height: 20px; padding: 0; outline: none; z-index: 2 } .input-model .icon-wrap button[data-v-b957c9ec] { width: 20px; cursor: pointer } .input-model .input-error[data-v-b957c9ec] { position: absolute; top: 65px; left: 2px; color: #f23051; font-size: 13px; margin-top: 4px }   .ipt-expand .date-picker .mx-input-wrapper { display: none } .ipt-expand .date-picker .mx-input-wrapper .mx-input { background: #f5f5f5 !important; border: none !important; box-shadow: none; padding-left: 0 } .ipt-expand .date-picker .date { background: #f5f5f5 !important; border-color: #f5f5f5; font-size: 14px } .ipt-expand .birth-day .err { margin-top: 0 }   .vfcode[data-v-be028a32] { display: flex; height: 40px; margin-top: 32px } .vfcode input[data-v-be028a32] { border: none; border-bottom: 1px solid #9c9c9c; color: #212833; font-size: 32px; font-weight: 700; width: 15%; height: 100%; outline: none; text-align: center } .vfcode input[data-v-be028a32]:not(:last-child) { margin-right: 2% } .vfcode input[data-v-be028a32]:focus { border-bottom-color: #f8d12f }   .verify[data-v-8c85356a] { width: 100%; padding: 24px 100px 0; z-index: 10; transition: .5s; background: #fff } @media (max-width:1280px) { .verify[data-v-8c85356a] { text-align: center; width: 100vw; padding: 24px 0 0; margin: 0 } } @media (max-width:414px) { .verify[data-v-8c85356a] { padding: 24px 16px } } .verify.normal[data-v-8c85356a] { left: 788px } .verify.active[data-v-8c85356a] { left: 0 } .verify .back[data-v-8c85356a] { font-style: normal; font-weight: 600; font-size: 24px; line-height: 32px; color: #474d57; display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center } .verify .back .icon[data-v-8c85356a] { fill: #4f4f4f; margin-right: 16px } @media (max-width:375px) { .verify .back span[data-v-8c85356a] { font-size: 20px; line-height: 28px } } .verify .verify-code[data-v-8c85356a] { margin-top: 60px } @media (max-width:375px) { .verify .verify-code[data-v-8c85356a] { margin-top: 40px } } .verify .verify-code .email-verify[data-v-8c85356a], .verify .verify-code .sms-verify[data-v-8c85356a] { margin-bottom: 32px; display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start } .verify .verify-code .email-verify img[data-v-8c85356a], .verify .verify-code .sms-verify img[data-v-8c85356a] { width: 72px } @media (max-width:414px) { .verify .verify-code .email-verify img[data-v-8c85356a], .verify .verify-code .sms-verify img[data-v-8c85356a] { width: 54px } } .verify .verify-code .email-verify .verify-r[data-v-8c85356a], .verify .verify-code .sms-verify .verify-r[data-v-8c85356a] { width: 100%; margin-left: 32px; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: .16px; color: #212833 } @media (max-width:1280px) { .verify .verify-code .email-verify .verify-r[data-v-8c85356a], .verify .verify-code .sms-verify .verify-r[data-v-8c85356a] { text-align: left; width: 382px } } @media (max-width:414px) { .verify .verify-code .email-verify .verify-r[data-v-8c85356a], .verify .verify-code .sms-verify .verify-r[data-v-8c85356a] { margin-left: 24px } } @media (max-width:375px) { .verify .verify-code .email-verify .verify-r[data-v-8c85356a], .verify .verify-code .sms-verify .verify-r[data-v-8c85356a] { margin-left: 24px; width: calc(100vw - 110px) } } .verify .verify-code .email-verify .verify-r .code-box[data-v-8c85356a], .verify .verify-code .sms-verify .verify-r .code-box[data-v-8c85356a] { width: 100%; margin: 30px 0; display: block; display: flex; flex-direction: row; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; align-items: center; -webkit-align-items: center; -ms-flex-align: center } @media (max-width:375px) { .verify .verify-code .email-verify .verify-r .code-box[data-v-8c85356a], .verify .verify-code .sms-verify .verify-r .code-box[data-v-8c85356a] { margin-top: 0 } } .verify .verify-code .email-verify .verify-r .code-box span[data-v-8c85356a], .verify .verify-code .sms-verify .verify-r .code-box span[data-v-8c85356a] { font-size: 14px; line-height: 20px; letter-spacing: .16px; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #f0b90b } .verify .verify-code .email-verify .verify-r .code-box button[data-v-8c85356a], .verify .verify-code .sms-verify .verify-r .code-box button[data-v-8c85356a] { padding: 6px 12px; background: #eaecef; border-radius: 4px; border: none; height: 32px; min-width: 108px; cursor: pointer } .verify .verify-code .email-verify .verify-r .code-box button.disbld[data-v-8c85356a], .verify .verify-code .sms-verify .verify-r .code-box button.disbld[data-v-8c85356a] { cursor: not-allowed; background: #eaecef; opacity: .3 } @media (max-width:375px) { .verify .verify-code .email-verify .verify-r .code-box button[data-v-8c85356a], .verify .verify-code .sms-verify .verify-r .code-box button[data-v-8c85356a] { display: none } } .verify .verify-code .email-verify .verify-r .vf-code-wrap[data-v-8c85356a], .verify .verify-code .sms-verify .verify-r .vf-code-wrap[data-v-8c85356a] { font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: #474d57 } @media (max-width:375px) { .verify .verify-code .email-verify .verify-r .vf-code-wrap[data-v-8c85356a], .verify .verify-code .sms-verify .verify-r .vf-code-wrap[data-v-8c85356a] { margin-left: -74px; width: calc(100vw - 32px); text-align: center; padding: 0 30px } } .verify .verify-code .email-verify .verify-r .vf-code-wrap .vfcode-title[data-v-8c85356a], .verify .verify-code .sms-verify .verify-r .vf-code-wrap .vfcode-title[data-v-8c85356a] { white-space: nowrap } @media (max-width:375px) { .verify .verify-code .email-verify .verify-r .vf-code-wrap .vfcode-title[data-v-8c85356a], .verify .verify-code .sms-verify .verify-r .vf-code-wrap .vfcode-title[data-v-8c85356a] { text-align: center; display: block; display: flex; flex-direction: row; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; align-items: center; -webkit-align-items: center; -ms-flex-align: center; font-size: 12px; line-height: 16px; margin-left: -50 } } .verify .verify-code .email-verify .verify-r .vf-code-wrap .vfcode-title button[data-v-8c85356a], .verify .verify-code .sms-verify .verify-r .vf-code-wrap .vfcode-title button[data-v-8c85356a] { display: none } @media (max-width:375px) { .verify .verify-code .email-verify .verify-r .vf-code-wrap .vfcode-title button[data-v-8c85356a], .verify .verify-code .sms-verify .verify-r .vf-code-wrap .vfcode-title button[data-v-8c85356a] { padding: 6px 12px; background: #eaecef; border-radius: 4px; border: none; height: 32px; min-width: 108px; display: block } } .verify .verify-code .email-verify .verify-r .vf-code-wrap .vfcode[data-v-8c85356a], .verify .verify-code .sms-verify .verify-r .vf-code-wrap .vfcode[data-v-8c85356a] { margin-top: 24px } .verify .confirm-tips[data-v-8c85356a] { width: 100%; text-align: center; margin-bottom: 30px } @media (max-width:1280px) { .verify .confirm-tips[data-v-8c85356a] { text-align: center; width: 382px } } .verify .confirm-tips button[data-v-8c85356a] { background: #fcd535; border-radius: 6px; width: 358px; height: 48px; border: none; margin: 0 0 30px; cursor: pointer } .verify .confirm-tips button.disbld[data-v-8c85356a] { cursor: not-allowed; background: #fcd535; opacity: .3 } @media screen and (min-width:769px) { .verify .confirm-tips button[data-v-8c85356a] { margin-left: 90px } } @media (max-width:1280px) { .verify .confirm-tips button[data-v-8c85356a] { margin-left: 115px } } @media (max-width:414px) { .verify .confirm-tips button[data-v-8c85356a] { margin: 0 0 30px } } @media (max-width:375px) { .verify .confirm-tips button[data-v-8c85356a] { margin: 0 16px 24px -24px; width: calc(100vw - 32px) } } .verify .confirm-tips p[data-v-8c85356a] { text-align: left; margin-left: 108px; font-style: normal; font-weight: 400; font-size: 12px; line-height: 24px; letter-spacing: .32px; color: #848e9c } @media (max-width:1280px) { .verify .confirm-tips p[data-v-8c85356a] { width: 382px } } @media (max-width:414px) { .verify .confirm-tips p[data-v-8c85356a] { margin: 0 16px 0 0; width: calc(100vw - 32px) } } .verify .confirm-tips p.title[data-v-8c85356a] { color: #212833; font-size: 14px; line-height: 32px } .verify .confirm-tips p span[data-v-8c85356a] { color: #f0b90b; cursor: pointer }   .success[data-v-0c44e52f] { width: 100%; padding: 56px 204px 0; transition: .5s; background: #fff; min-width: 486px } @media (max-width:1280px) { .success[data-v-0c44e52f] { width: 100vw; text-align: center; margin: 0 auto; padding: 56px 0 0 24px } } @media (max-width:414px) { .success[data-v-0c44e52f] { width: 100vw; text-align: center; padding: 24px 0; margin: 0 } } .success h2[data-v-0c44e52f] { width: 486px; margin-bottom: 36px; font-style: normal; font-weight: 600; font-size: 24px; line-height: 32px; text-align: center } @media (max-width:414px) { .success h2[data-v-0c44e52f] { width: 100vw; text-align: center; font-size: 20px; line-height: 28px } } .success .ico-des[data-v-0c44e52f] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center } @media (max-width:414px) { .success .ico-des[data-v-0c44e52f] { width: 100vw; text-align: center; display: block; display: flex; flex-direction: column; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center } } .success .ico-des img[data-v-0c44e52f] { width: 96px } .success .ico-des span[data-v-0c44e52f] { margin-left: 24px; font-size: 16px; line-height: 24px; color: #707a8a; text-align: left; white-space: pre; min-width: 300px } @media (max-width:414px) { .success .ico-des span[data-v-0c44e52f] { margin-left: 0; margin-top: 32px; font-size: 14px; line-height: 20px; width: 100vw; min-width: calc(100vw - 32px); text-align: center; white-space: normal; padding: 0 32px; display: block; display: flex; flex-direction: column; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center } } .success .links[data-v-0c44e52f] { width: 486px !important } @media (max-width:414px) { .success .links[data-v-0c44e52f] { width: 100vw; text-align: center } } .success .links .title[data-v-0c44e52f] { font-size: 16px; color: #5e6673; text-align: left; white-space: nowrap; margin: 36px 0 24px } @media (max-width:414px) { .success .links .title[data-v-0c44e52f] { width: calc(100vw - 80px); white-space: normal; font-size: 14px; line-height: 20px; text-align: left; margin: 32px auto 12px 32px } } .success .links a[data-v-0c44e52f] { border: 1px solid #eaecef; box-sizing: border-box; padding: 12px; border-radius: 8px; display: block; display: flex; flex-direction: row; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; align-items: center; -webkit-align-items: center; -ms-flex-align: center; margin: 5px 0 40px } @media (max-width:414px) { .success .links a[data-v-0c44e52f] { margin-left: 32px; width: calc(100vw - 80px); white-space: normal; font-size: 14px; line-height: 20px; padding-right: 12px } } .success .links a[data-v-0c44e52f]:hover { border: 1px solid #f0b90b } .success .links a span[data-v-0c44e52f] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center; font-size: 16px; color: #76808f; white-space: normal } @media (max-width:414px) { .success .links a span[data-v-0c44e52f] { text-align: left } } .success .links a span img[data-v-0c44e52f] { width: 20px; margin-right: 12px } @media (max-width:414px) { .success .links a span img[data-v-0c44e52f] { margin-left: 12px; margin-right: 12px } } .success .links a .svg-box[data-v-0c44e52f] { width: 20px; height: 20px; border-radius: 50%; border: 1px solid #76808f; text-align: center } .success .links a .svg-box .icon[data-v-0c44e52f] { vertical-align: middle; fill: #76808f } @media (max-width:414px) { .success .links a .svg-box .icon[data-v-0c44e52f] { padding-bottom: 3px } } .success .links a:hover .svg-box[data-v-0c44e52f] { border: 1px solid #f0b90b } .success .links a:hover .svg-box .icon[data-v-0c44e52f] { fill: #f0b90b }   .mg-t-20[data-v-4f612ebe] { margin-top: 20px } .mg-b-50[data-v-4f612ebe] { margin-bottom: 50px } .input-model[data-v-4f612ebe] { position: relative; width: 280px; height: 37px } @media (max-width:768px) { .input-model[data-v-4f612ebe] { width: 255px } } @media (max-width:375px) { .input-model[data-v-4f612ebe] { width: calc(50vw - 20px) } } .input-model .input[data-v-4f612ebe] { display: flex; align-items: center; height: 100%; position: relative } .input-model input[data-v-4f612ebe] { position: relative; background: #f5f5f5 !important; border: none; width: 100%; height: 100%; outline: none; z-index: 1; margin-top: 25px; border-radius: 4px; padding: 0 10px } .input-model input[data-v-4f612ebe]:focus { border-bottom-color: #f8d12f } .input-model .dynamic-placeholder[data-v-4f612ebe] { position: absolute; top: -10px; left: 0; color: #9c9c9c; line-height: 20px; max-width: calc(100% - 16px); white-space: nowrap; letter-spacing: 0; pointer-events: none } .input-model.filled .dynamic-placeholder[data-v-4f612ebe], .input-model.focus .dynamic-placeholder[data-v-4f612ebe] { top: -10px } .input-model .input-tip[data-v-4f612ebe] { position: absolute; top: 50px; left: 0; color: #9c9c9c; font-size: 13px; margin-top: 4px; text-align: left } .input-model .input-tip.err[data-v-4f612ebe] { color: #f23051 } .input-model .icon-wrap[data-v-4f612ebe] { position: absolute; top: 8px; right: 0; flex-direction: row } .input-model .icon-wrap[data-v-4f612ebe], .input-model .icon-wrap button[data-v-4f612ebe] { background: none; border: none; height: 20px; padding: 0; outline: none; z-index: 2; display: flex } .input-model .icon-wrap button[data-v-4f612ebe] { width: 20px; cursor: pointer; justify-content: center; align-items: center } .input-model .icon-wrap button .icon[data-v-4f612ebe] { width: 10px; height: 10px } .input-model .icon-wrap button.password-icon .icon[data-v-4f612ebe] { width: 15px; height: 15px } .input-model.inviteDisable input[data-v-4f612ebe]:disabled { color: #ccc; cursor: not-allowed } .input-model.inviteDisable .dynamic-placeholder[data-v-4f612ebe] { color: #ccc }   main[data-v-bdc26684] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start } @media (max-width:1439px) { main[data-v-bdc26684] { text-align: center; width: 100vw; padding: 0; margin: 0; display: block; display: flex; flex-direction: row; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; -webkit-align-items: center; -ms-flex-align: center } } main .register-l[data-v-bdc26684] { width: 582px; height: 100% } main .register-l img[data-v-bdc26684] { width: 100% } @media (max-width:1439px) { main .register-l[data-v-bdc26684] { display: none } } main .register-r[data-v-bdc26684] { padding-left: 100px; position: relative; z-index: 9; overflow: hidden; width: 788px; box-sizing: border-box; padding-top: 0 } @media (max-width:1439px) { main .register-r[data-v-bdc26684] { width: 534px; text-align: center; margin: 0 auto; padding: 0; overflow: hidden } } main .register-r .title[data-v-bdc26684] { font-style: normal; font-weight: 600; font-size: 24px; line-height: 32px; text-align: center; margin: 24px 0; width: 588px } main .register-r .title .w375[data-v-bdc26684] { display: none } @media (max-width:767px) { main .register-r .title[data-v-bdc26684] { width: 100%; font-size: 20px; line-height: 28px; text-align: center } main .register-r .title .w375[data-v-bdc26684] { display: block; font-size: 14px; text-align: center; margin-top: 12px } main .register-r .title .w375 a[data-v-bdc26684] { color: #f0b90b } } main .register-r form[data-v-bdc26684] { width: 588px } @media (max-width:1439px) { main .register-r form[data-v-bdc26684] { width: 534px } } @media (max-width:767px) { main .register-r form[data-v-bdc26684] { width: 100%; padding: 0 16px } } main .register-r form .label[data-v-bdc26684] { border-bottom: 1px solid #eaecef; padding-bottom: 5px; color: #707a8a } @media (max-width:767px) { main .register-r form .label[data-v-bdc26684] { width: 100%; text-align: left } } main .register-r form .account-form[data-v-bdc26684], main .register-r form .personal-form[data-v-bdc26684] { margin-bottom: 24px; display: block; display: flex; flex-direction: row; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; align-items: normal; -webkit-align-items: normal; -ms-flex-align: normal; flex-wrap: wrap } main .register-r form .account-form .account-item[data-v-bdc26684], main .register-r form .personal-form .account-item[data-v-bdc26684] { box-sizing: border-box; width: 280px; border-bottom: 40px } @media (max-width:1439px) { main .register-r form .account-form .account-item[data-v-bdc26684], main .register-r form .personal-form .account-item[data-v-bdc26684] { width: 255px } } @media (max-width:767px) { main .register-r form .account-form .account-item[data-v-bdc26684], main .register-r form .personal-form .account-item[data-v-bdc26684] { width: 100% } } main .register-r form .account-form .account-item[data-v-bdc26684]:nth-child(2n), main .register-r form .personal-form .account-item[data-v-bdc26684]:nth-child(2n) { margin-left: 24px } @media (max-width:1439px) { main .register-r form .account-form .account-item[data-v-bdc26684]:nth-child(2n), main .register-r form .personal-form .account-item[data-v-bdc26684]:nth-child(2n) { margin-left: 0 } } @media (max-width:767px) { main .register-r form .account-form .account-item[data-v-bdc26684]:nth-child(2n), main .register-r form .personal-form .account-item[data-v-bdc26684]:nth-child(2n) { margin-left: 0 } } @media (max-width:767px) { main .register-r form .account-form .account-item[data-v-bdc26684]:last-child { width: 50% } } main .register-r form .personal-form .account-item[data-v-bdc26684] { width: 180px } @media (max-width:1439px) { main .register-r form .personal-form .account-item[data-v-bdc26684] { text-align: left; width: 162px } } @media (max-width:767px) { main .register-r form .personal-form .account-item[data-v-bdc26684] { text-align: left; width: calc(50vw - 23px) } } main .register-r form .personal-form .account-item[data-v-bdc26684]:nth-child(2n) { margin-left: 0 } @media (max-width:1439px) { main .register-r form .personal-form .account-item[data-v-bdc26684]:nth-child(2n) { margin-left: 0 } } @media (max-width:767px) { main .register-r form .personal-form .account-item[data-v-bdc26684]:nth-child(2n) { margin-left: 0 } } main .register-r .protocol-box[data-v-bdc26684] { margin-bottom: 15px; font-size: 12px; line-height: 16px; color: #474d57 } @media (max-width:1439px) { main .register-r .protocol-box[data-v-bdc26684] { text-align: left; text-align: initial } } main .register-r .protocol-box .protocol>label[data-v-bdc26684] { margin-bottom: 10px } main .register-r .protocol-box .protocol-tip[data-v-bdc26684] { padding-left: 18px } main .register-r .protocol-box .protocol-mark[data-v-bdc26684] { color: #f0b90b; font-weight: 700; cursor: pointer } @media (max-width:1439px) { main .register-r .protocol-box .protocol-content[data-v-bdc26684], main .register-r .protocol-box .protocol-tip[data-v-bdc26684] { text-align: left } } main .register-r .register-btn[data-v-bdc26684] { text-align: center; margin-bottom: 50px } main .register-r .register-btn .vf-btn[data-v-bdc26684] { width: 100%; border-radius: 6px; margin: 0 auto 16px } @media (max-width:767px) { main .register-r .register-btn .vf-btn[data-v-bdc26684] { width: 100% } } main .register-r .register-btn .apply-corporate[data-v-bdc26684] { display: flex; justify-content: center; align-items: center; padding: 12px 24px; background-color: #f2f2f2; border: 1px solid #f0e5e5; font-weight: 500; font-size: 12px; color: #707a8a } main .register-r .register-btn .already[data-v-bdc26684] { margin-bottom: 30px } @media (max-width:767px) { main .register-r .register-btn .already[data-v-bdc26684] { display: none } } main .register-r .register-btn a[data-v-bdc26684] { color: #f0b90b; font-weight: 700; cursor: pointer } main .input-model[data-v-bdc26684] { margin-bottom: 40px !important } main .bc-inp-select .label[data-v-bdc26684] { line-height: 25px !important }   .register-r .input-error { text-align: left !important } .mg-b-30 { margin-bottom: 30px }   .carousel[data-v-0004f9e9] { position: relative; max-width: 1440px; margin: 0 auto; height: 360px; overflow: hidden } @media (max-width:414px) { .carousel[data-v-0004f9e9] { height: 220px } } .carousel img[data-v-0004f9e9] { display: block; width: 100%; height: 360px; position: absolute } @media (max-width:414px) { .carousel img[data-v-0004f9e9] { height: 220px } } .carousel .point-btn[data-v-0004f9e9] { position: absolute; bottom: 40px; width: 100%; display: block; display: flex; flex-direction: row; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; -webkit-align-items: center; -ms-flex-align: center } @media (max-width:768px) { .carousel .point-btn[data-v-0004f9e9] { bottom: 26px } } @media (max-width:375px) { .carousel .point-btn[data-v-0004f9e9] { bottom: 10px } } .carousel .point-btn li[data-v-0004f9e9] { width: 8px; height: 8px; margin-right: 6px; background: #333; float: left; border-radius: 50%; opacity: .8; cursor: pointer } .carousel .point-btn .btncolor[data-v-0004f9e9] { background: #fff } .carousel .carousel-btn[data-v-0004f9e9] { position: absolute; width: 40px; height: 80px; font-size: 40px; line-height: 70px; color: #fff; background: #333; opacity: .5; top: 140px; text-align: center; cursor: pointer } .carousel .rightbtn[data-v-0004f9e9] { right: 0 } .carousel .image-enter-active[data-v-0004f9e9], .carousel .image-leave-active[data-v-0004f9e9] { transition: all .5s ease } .carousel .image-enter[data-v-0004f9e9] { transform: translateX(100%) } .carousel .image-leave-to[data-v-0004f9e9] { transform: translateX(-100%) }   .banner-container[data-v-7da2b810] { background: #0b0e11 }   .slogan[data-v-11d6bf9b] { display: block; display: flex; flex-direction: row; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; align-items: center; -webkit-align-items: center; -ms-flex-align: center; max-width: 1440px; margin: 0 auto; padding: 24px 120px } @media (max-width:768px) { .slogan[data-v-11d6bf9b] { padding: 24px 32px } } @media (max-width:375px) { .slogan[data-v-11d6bf9b] { padding: 24px 16px } .slogan p[data-v-11d6bf9b] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } } .slogan p[data-v-11d6bf9b] { margin-right: 8px } .slogan a[data-v-11d6bf9b] { white-space: nowrap }   .bc-carousel-wrap[data-v-2aacaec5] { position: relative; box-sizing: border-box; min-width: 0; margin: 0 auto 51px } .bc-carousel-wrap .direction[data-v-2aacaec5] { box-sizing: border-box; margin: 0; min-width: 0; top: 0; bottom: 0; width: 32px; cursor: pointer; position: absolute; align-items: center; justify-content: center; color: #1e2026; display: flex } .bc-carousel-wrap .direction[data-v-2aacaec5]:hover .icon { fill: #f0b90b } .bc-carousel-wrap .prev[data-v-2aacaec5] { left: -32px } .bc-carousel-wrap .next[data-v-2aacaec5] { right: -32px } .bc-carousel-box[data-v-2aacaec5] { position: relative; max-width: 1440px; margin: 0 auto; height: 100%; overflow: hidden; box-sizing: border-box; padding: 0 120px } @media (max-width:768px) { .bc-carousel-box[data-v-2aacaec5] { padding: 0 32px } } @media (max-width:375px) { .bc-carousel-box[data-v-2aacaec5] { padding: 0 16px } } .bc-carousel-box .slide-wrapper[data-v-2aacaec5] { display: flex; width: 100%; height: 100%; box-sizing: border-box; justify-content: flex-start; overflow-x: scroll } .bc-carousel-box .slide-wrapper .slide[data-v-2aacaec5] { margin-right: 24px; width: 282px; flex: none; height: auto; box-sizing: border-box } .bc-carousel-box .slide-wrapper .slide[data-v-2aacaec5]:last-child { margin-right: 0 } .bc-carousel-box .slide-wrapper .slide .slide-link[data-v-2aacaec5] { height: 133px; box-sizing: border-box; margin: 0; min-width: 0; position: relative; overflow: hidden; display: block; min-height: 100px; border-radius: 4px } .bc-carousel-box .slide-wrapper .slide a[data-v-2aacaec5], .bc-carousel-box .slide-wrapper .slide a[data-v-2aacaec5]:active, .bc-carousel-box .slide-wrapper .slide a[data-v-2aacaec5]:visited { text-decoration: none; background-color: transparent } .bc-carousel-box .slide-wrapper .slide img[data-v-2aacaec5] { display: block; width: 100%; height: 133px; box-sizing: border-box; margin: 0; min-width: 0 }   .slide-wrapper { scrollbar-width: none } .slide-wrapper::-webkit-scrollbar { display: none }   .horn-container[data-v-593141c7] { width: 100vw; padding: 0 120px } @media (max-width:768px) { .horn-container[data-v-593141c7] { padding: 0 32px } } @media (max-width:375px) { .horn-container[data-v-593141c7] { padding: 0 16px } } .messages[data-v-593141c7] { justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; font-weight: 500; margin-bottom: 32px } .horn[data-v-593141c7], .messages[data-v-593141c7] { display: block; display: flex; flex-direction: row; align-items: center; -webkit-align-items: center; -ms-flex-align: center } .horn[data-v-593141c7] { justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; height: 20px } .horn .icon[data-v-593141c7] { fill: #212833; margin-right: 8px } .horn>div[data-v-593141c7] { height: 100%; overflow: hidden } .horn ul li a[data-v-593141c7] { display: flex; align-items: center; color: #212833; height: 20px } .horn ul li a[data-v-593141c7]:hover { color: #f0b90b } .horn .scroll-notice[data-v-593141c7] { transition: transform .3s } .horn .title[data-v-593141c7] { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .horn .time[data-v-593141c7] { margin-left: 8px } .more[data-v-593141c7] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; -webkit-align-items: center; -ms-flex-align: center; border-left: 1px solid #d8d8d8; text-align: right; padding-left: 25px; margin-left: 24px; height: 20px } .more[data-v-593141c7], .more a[data-v-593141c7] { align-items: center } .more a[data-v-593141c7] { display: inline-flex; color: #848e9c } .more a .icon[data-v-593141c7] { width: 8px; height: 8px; fill: #848e9c; margin-left: 8px } .more a[data-v-593141c7]:hover { color: #f0b90b } .more a:hover .icon[data-v-593141c7] { fill: #f0b90b } .title[data-v-593141c7] { max-width: 320px } @media (max-width:768px) { .title[data-v-593141c7] { max-width: 120 !important } } @media (max-width:414px) { .title[data-v-593141c7] { max-width: 100px !important } }   .market-url[data-v-ea3e8d40] { justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; margin-bottom: 85px } .market-url[data-v-ea3e8d40], .market-url a[data-v-ea3e8d40] { display: block; display: flex; flex-direction: row; align-items: center; -webkit-align-items: center; -ms-flex-align: center } .market-url a[data-v-ea3e8d40] { justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; color: #848e9c } .market-url a .icon[data-v-ea3e8d40] { fill: #848e9c; width: 10px; height: 10px; margin-left: 8px }   .kline-img[data-v-9d1c68d6] { width: 127px; height: 38px }   .mainstream-currency[data-v-0326161c] { max-width: 1440px; margin: 0 auto; padding: 0 120px 24px } @media (max-width:768px) { .mainstream-currency[data-v-0326161c] { padding: 0 32px } } @media (max-width:375px) { .mainstream-currency[data-v-0326161c] { padding: 0 16px } } .market-table[data-v-0326161c] { background: #fff; box-shadow: 0 0 40px rgba(0, 0, 0, .08); border-radius: 5px; width: 100%; padding-bottom: 12px; margin-bottom: 24px } .market-table .w200-flex200-1-0[data-v-0326161c] { flex-direction: row; -ms-flex-pack: flex-start; -ms-flex-align: center; width: 200px; flex: 200 1 0% } .market-table .w120-flex120-1-0[data-v-0326161c], .market-table .w200-flex200-1-0[data-v-0326161c] { display: block; display: flex; justify-content: flex-start; -webkit-justify-content: flex-start; align-items: center; -webkit-align-items: center } .market-table .w120-flex120-1-0[data-v-0326161c] { flex-direction: row; -ms-flex-pack: flex-start; -ms-flex-align: center; width: 120px; flex: 120 1 0% } @media (max-width:768px) { .market-table .w120-flex120-1-0[data-v-0326161c] { flex: 220 1 0%; width: 220px !important } } .market-table .mw157-flex157-1-0[data-v-0326161c] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center; min-width: 100px; flex: 157 1 0% } @media (max-width:768px) { .market-table .mw157-flex157-1-0 .svg-color[data-v-0326161c] { display: none } } @media (max-width:640px) { .market-table .mw157-flex157-1-0[data-v-0326161c] { display: none } } .market-table .mw80-flex77-1-0[data-v-0326161c] { flex-direction: row; -ms-flex-pack: flex-start; -ms-flex-align: center; min-width: 80px; flex: 77 1 0% } .market-table .mw80-flex77-1-0[data-v-0326161c], .market-table .mw100-flex130-1-0[data-v-0326161c] { display: block; display: flex; justify-content: flex-start; -webkit-justify-content: flex-start; align-items: center; -webkit-align-items: center } .market-table .mw100-flex130-1-0[data-v-0326161c] { flex-direction: row; -ms-flex-pack: flex-start; -ms-flex-align: center; min-width: 100px; flex: 130 1 0% } .market-table .market-table-header[data-v-0326161c] { width: 100%; padding: 16px 0 16px 32px; display: flex; margin: 0; align-items: center; justify-content: space-between; border-bottom: 1px solid #eaecef; line-height: 18px; color: #848e9c; font-size: 14px } .market-table .market-table-header>[data-area=left][data-v-0326161c] { text-align: left; justify-content: flex-start } @media (max-width:768px) { .market-table .market-table-header[data-v-0326161c] { padding: 16px 0 16px 24px } } @media (max-width:375px) { .market-table .market-table-header[data-v-0326161c] { padding: 16px 0 16px 16px } } .market-table .market-table-row[data-v-0326161c] { width: 100%; padding: 16px 0 16px 32px; display: flex; margin: 0; align-items: center; justify-content: space-between; border-bottom: 1px solid #eaecef; line-height: 18px; color: #000; font-size: 18px; height: 72px; cursor: pointer } @media (max-width:768px) { .market-table .market-table-row[data-v-0326161c] { font-size: 16px; padding: 16px 0 16px 24px } } @media (max-width:640px) { .market-table .market-table-row[data-v-0326161c] { padding: 16px 0 16px 16px; font-size: 14px } } @media (max-width:375px) { .market-table .market-table-row[data-v-0326161c] { padding: 16px 0 16px 16px; font-size: 14px } } .market-table .market-table-row[data-v-0326161c]:hover { background: #fafafa } .market-table .market-table-row>[data-area=left][data-v-0326161c] { text-align: left; justify-content: flex-start } .market-table .market-table-row .icon-wrap[data-v-0326161c] { width: 32px; height: 32px } @media (max-width:375px) { .market-table .market-table-row .icon-wrap[data-v-0326161c] { width: 24px; height: 24px } } .market-table .market-table-row .icon-wrap img[data-v-0326161c] { width: 32px; height: 32px } @media (max-width:375px) { .market-table .market-table-row .icon-wrap img[data-v-0326161c] { width: 24px; height: 24px } } .market-table .market-table-row .coin-des[data-v-0326161c] { display: flex; flex: 1 } .market-table .market-table-row .coin-des span[data-v-0326161c] { box-sizing: border-box; min-width: 0; margin: 0 0 0 16px } @media (max-width:375px) { .market-table .market-table-row .coin-des span[data-v-0326161c] { margin-left: 8px } } .market-table .market-table-row .coin-des span[data-v-0326161c]:last-child { color: #848e9c } @media (max-width:414px) { .market-table .market-table-row .coin-des .coin-name[data-v-0326161c] { display: none } } .market-buy-btn[data-v-0326161c] { background-color: #02c076; margin-right: 32px; color: #fff; font-size: 14px; padding: 0; width: 64px; height: 32px; line-height: 32px; position: absolute; right: 0 } .flex-between[data-v-0326161c] { position: relative; justify-content: space-between !important } .th4-txt[data-v-0326161c] { display: block } @media (max-width:768px) { .th4-txt[data-v-0326161c] { display: none } } @media (max-width:375px) { .th4-txt[data-v-0326161c] { display: none } } .market-url[data-v-0326161c] { justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; margin-top: 30px } .market-url[data-v-0326161c], .market-url a[data-v-0326161c] { display: block; display: flex; flex-direction: row; align-items: center; -webkit-align-items: center; -ms-flex-align: center } .market-url a[data-v-0326161c] { justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; color: #848e9c } .market-url a .icon[data-v-0326161c] { fill: #848e9c; width: 10px; height: 10px; margin-left: 8px } .view-more[data-v-0326161c] { margin-bottom: 24px }   .content[data-v-1ac52da5] { background-color: #fff; width: 100vw } .content .steps[data-v-1ac52da5] { max-width: 1440px; margin: 0 auto; padding: 80px 120px 134px } @media (max-width:768px) { .content .steps[data-v-1ac52da5] { padding: 14px 0 80px; text-align: center } } @media (max-width:375px) { .content .steps[data-v-1ac52da5] { padding: -8px 16px; text-align: center } } .content .steps .title[data-v-1ac52da5] { font-weight: 600; font-size: 40px; padding: 0; margin: 0 0 105px } @media (max-width:768px) { .content .steps .title[data-v-1ac52da5] { width: 100vw; text-align: center; white-space: pre; font-size: 32px; margin-bottom: 28px } } @media (max-width:640px) { .content .steps .title[data-v-1ac52da5] { width: 100vw; white-space: normal; font-size: 20px; line-height: 32px; text-align: center; margin-top: 6px } } @media (max-width:360px) { .content .steps .title[data-v-1ac52da5] { font-size: 20px } } .content .steps .step-list[data-v-1ac52da5] { display: block; display: flex; flex-direction: row; justify-content: space-around; -webkit-justify-content: space-around; -ms-flex-pack: space-around; align-items: center; -webkit-align-items: center; -ms-flex-align: center } @media (max-width:768px) { .content .steps .step-list[data-v-1ac52da5] { width: 100vw; flex-wrap: wrap; padding: 0 104px } } @media (max-width:640px) { .content .steps .step-list[data-v-1ac52da5] { padding: 0 32px } } @media (max-width:375px) { .content .steps .step-list[data-v-1ac52da5] { padding-top: 30px } } .content .steps .step-list .step-i[data-v-1ac52da5] { cursor: pointer; display: block; display: flex; flex-direction: column; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; -webkit-align-items: center; -ms-flex-align: center } @media (max-width:768px) { .content .steps .step-list .step-i[data-v-1ac52da5] { width: 50% } .content .steps .step-list .step-i[data-v-1ac52da5]:nth-child(-n+2) { margin-bottom: 54px } } @media (max-width:375px) { .content .steps .step-list .step-i[data-v-1ac52da5] { width: 100% } .content .steps .step-list .step-i[data-v-1ac52da5]:nth-child(-n+3) { margin-bottom: 54px } } .content .steps .step-list .step-i span[data-v-1ac52da5] { display: flex; align-items: center; margin-bottom: 34px } @media (max-width:768px) { .content .steps .step-list .step-i span[data-v-1ac52da5] { margin-bottom: 26px } } .content .steps .step-list .step-i span img[data-v-1ac52da5] { height: 58px } .content .steps .step-list .step-i .step-num[data-v-1ac52da5] { font-size: 20px; line-height: 24px; font-weight: 500; margin-bottom: 16px } @media (max-width:768px) { .content .steps .step-list .step-i .step-num[data-v-1ac52da5] { font-size: 16px; margin-bottom: 12px } } .content .steps .step-list .step-i .step-des[data-v-1ac52da5] { font-size: 14px; line-height: 20px }   .faq[data-v-1b6bceba] { padding: 80px 120px; max-width: 1440px; margin: 0 auto } @media (max-width:768px) { .faq[data-v-1b6bceba] { padding: 54px 32px } } @media (max-width:375px) { .faq[data-v-1b6bceba] { padding: 32px } } .faq span[data-v-1b6bceba] { font-size: 40px; font-weight: 700 } @media (max-width:768px) { .faq span[data-v-1b6bceba] { font-size: 32px } } @media (max-width:375px) { .faq span[data-v-1b6bceba] { margin-left: 0 } } .faq .des[data-v-1b6bceba] { margin-top: 16px; margin-bottom: 24px; line-height: 24px } @media (max-width:768px) { .faq .des[data-v-1b6bceba] { margin-bottom: 12px; width: calc(100vw - 64px); white-space: normal } } @media (max-width:375px) { .faq .des[data-v-1b6bceba] { margin-left: 0 } } .faq .questions[data-v-1b6bceba] { max-width: 1440px } @media (max-width:768px) { .faq .questions[data-v-1b6bceba] { width: 100% } } .faq .questions ul[data-v-1b6bceba] { width: 100%; margin: 0 auto; -moz-column-count: 2; column-count: 2; -moz-column-gap: 8px; -webkit-column-gap: 8px; grid-column-gap: 8px; column-gap: 8px } @media (max-width:768px) { .faq .questions ul[data-v-1b6bceba] { margin-left: 0; -moz-column-count: 1; column-count: 1; grid-column-gap: 0; -moz-column-gap: 0; column-gap: 0; padding-right: 0 } } @media (max-width:375px) { .faq .questions ul[data-v-1b6bceba] { width: 100vw; padding-right: 64px } } .faq .questions ul li[data-v-1b6bceba] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; max-width: 712px; margin-bottom: 8px; padding: 20px 24px; flex: 0 1 auto; page-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid } @media (max-width:768px) { .faq .questions ul li[data-v-1b6bceba] { padding: 16px; width: 100%; min-width: 100%; max-width: 100% } } @media (max-width:375px) { .faq .questions ul li[data-v-1b6bceba] { padding-right: 0 } } .faq .questions ul li img[data-v-1b6bceba] { width: 24px; margin-right: 16px } .faq .questions ul li .q-a[data-v-1b6bceba] { display: block; display: flex; flex-direction: column; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; margin-right: 0; font-size: 16px; line-height: 12px } @media (max-width:768px) { .faq .questions ul li .q-a[data-v-1b6bceba] { font-size: 14px; margin-right: 16px; width: 100% } } @media (max-width:640px) { .faq .questions ul li .q-a[data-v-1b6bceba] { margin-right: 48px; width: calc(100vw - 78px) } } @media (max-width:414px) { .faq .questions ul li .q-a[data-v-1b6bceba] { margin-right: 0; width: calc(100vw - 108px) } } @media (max-width:375px) { .faq .questions ul li .q-a[data-v-1b6bceba] { margin-right: 0; width: calc(100vw - 132px) } } @media (max-width:360px) { .faq .questions ul li .q-a[data-v-1b6bceba] { margin-right: 16px } } .faq .questions ul li .q-a p[data-v-1b6bceba] { line-height: 24px; white-space: pre-wrap; color: #1e2026 } .faq .questions ul li .q-a .answer[data-v-1b6bceba] { max-width: 624px; margin-top: 8px; line-height: 24px; white-space: pre-wrap; color: #474d57 } @media (max-width:768px) { .faq .questions ul li .q-a .answer[data-v-1b6bceba] { width: calc(100vw - 140px) } } @media (max-width:414px) { .faq .questions ul li .q-a .answer[data-v-1b6bceba] { margin-right: 0; width: calc(100vw - 140px) } } @media (max-width:375px) { .faq .questions ul li .q-a .answer[data-v-1b6bceba] { margin-right: 0 } } .faq .questions ul li .q-a .answer a[data-v-1b6bceba] { color: #f0b90b; line-break: anywhere }   .bg[data-v-6b2bc116] { background: #fff; width: 100vw } .bg .support[data-v-6b2bc116] { padding: 80px 120px; max-width: 1440px; margin: 0 auto } @media (max-width:768px) { .bg .support[data-v-6b2bc116] { padding: 40px 0 } } .bg .support .title[data-v-6b2bc116] { font-weight: 600; font-size: 40px; line-height: 60px; width: 100vw } @media (max-width:768px) { .bg .support .title[data-v-6b2bc116] { font-size: 32px; line-height: 40px; text-align: center } } @media (max-width:375px) { .bg .support .title[data-v-6b2bc116] { font-size: 24px; line-height: 32px } } .bg .support .suplist[data-v-6b2bc116] { width: 100%; display: block; display: flex; flex-direction: row; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start } @media (max-width:768px) { .bg .support .suplist[data-v-6b2bc116] { padding-right: 0 } } @media (max-width:640px) { .bg .support .suplist[data-v-6b2bc116] { display: block; display: flex; flex-direction: column; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; -webkit-align-items: center; -ms-flex-align: center } } .bg .support .suplist .sup-i[data-v-6b2bc116] { cursor: pointer; margin: 66px 66px 0 } .bg .support .suplist .sup-i a[data-v-6b2bc116] { display: block; display: flex; flex-direction: column; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; -webkit-align-items: center; -ms-flex-align: center } .bg .support .suplist .sup-i span[data-v-6b2bc116] { height: 78px; display: flex; align-items: center; margin-bottom: 32px } .bg .support .suplist .sup-i .supname[data-v-6b2bc116] { font-size: 20px; line-height: 23px; color: #000; margin-bottom: 16px } .bg .support .suplist .sup-i .sup-des[data-v-6b2bc116] { width: 235px; font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: #48515d; text-align: center }   .start-trade[data-v-c7132b44] { background: #0b0e11; padding: 48px 0 24px; width: 100vw } .start-trade div[data-v-c7132b44] { color: #fff; text-align: center; margin: 0 0 24px } .start-trade .trade-btns[data-v-c7132b44] { display: block; display: flex; flex-direction: row; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; -webkit-align-items: center; -ms-flex-align: center } .start-trade .trade-btns a[data-v-c7132b44] { display: block; border-radius: 4px; font-weight: 700; min-width: 150px; line-height: 40px; text-align: center; font-size: 16px; padding: 0 20px } .start-trade .trade-btns a[data-v-c7132b44]:first-child { background-image: linear-gradient(180deg, #f8d12f, #f0b90b 99.77%); color: #212833 } .start-trade .trade-btns a[data-v-c7132b44]:nth-child(2) { border: 1px solid #f8d12f; color: #f0b90b; margin-left: 24px } @media (max-width:360px) { .start-trade .trade-btns a[data-v-c7132b44] { min-width: 120px } }   .layout-fix[data-v-11128652] { display: none } @media (max-width:768px) { .layout-fix[data-v-11128652] { display: block; width: 100vw; background: #292d33; padding: 14px 32px } .layout-fix .main[data-v-11128652] { justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between } .layout-fix .main[data-v-11128652], .layout-fix .main .img-text[data-v-11128652] { display: block; display: flex; flex-direction: row; align-items: center; -webkit-align-items: center; -ms-flex-align: center } .layout-fix .main .img-text[data-v-11128652] { justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start } .layout-fix .main .img-text .img-binance[data-v-11128652] { margin-right: 12px } .layout-fix .main .img-text .img-binance img[data-v-11128652] { width: 40px } .layout-fix .main .img-text .text[data-v-11128652] { color: #fff } .layout-fix .main .img-text .text h1[data-v-11128652] { margin: 0; font-size: 14px; line-height: 20px } .layout-fix .main .img-text .text p[data-v-11128652] { font-size: 12px; line-height: 16px } .layout-fix .main .img-text .text .install[data-v-11128652] { margin-top: 12px; padding: 4px 8px; background: #fff; border: 1px solid #e6e8ea; box-sizing: border-box; border-radius: 4px; font-size: 12px; line-height: 16px; color: #c99400 } .layout-fix .main .btn-close[data-v-11128652] { display: block; display: flex; flex-direction: row; justify-content: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; align-items: center; -webkit-align-items: center; -ms-flex-align: center } .layout-fix .main .btn-close .download[data-v-11128652] { width: 40px } .layout-fix .main .btn-close .close[data-v-11128652] { width: 12px; margin-left: 22px } } @media (max-width:768px) and (max-width:375px) { .layout-fix[data-v-11128652] { padding: 12px 16px } }   main[data-v-62722fd2] { width: 100vw; overflow-x: hidden; background: #fafafa }   body { margin: 0; max-width: 100% }   .tabs[data-v-1ff2cab4] { position: relative; color: #212833; font-weight: 700; width: 100% } .tabs .border-bottom[data-v-1ff2cab4] { border-bottom: 1px solid #d7d7d7 } .tabs .list>li[data-v-1ff2cab4] { float: left; display: flex; align-items: center; cursor: pointer; padding-bottom: 8px; margin-right: 32px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .tabs .list>li span[data-v-1ff2cab4]:nth-child(2) { margin-left: 4px } .tabs .active[data-v-1ff2cab4] { color: #f0b90b } .tabs .line[data-v-1ff2cab4] { background-color: #f0b90b; height: 2px; margin-top: -2px; transition: transform .3s cubic-bezier(.645, .045, .355, 1) } .sub[data-v-1ff2cab4] { position: relative; display: flex; align-items: center; border: 1px solid #eaecef; border-radius: 4px; color: #848e9c; font-weight: 500; min-width: 76px; height: 20px; margin-left: 8px; padding: 0 18px; line-height: normal } .sub[data-v-1ff2cab4]:after { content: ""; position: absolute; top: 7px; right: 10px; border: 4px solid transparent; border-top-color: #848e9c } .sub-list[data-v-1ff2cab4] { display: none; position: absolute; top: 100%; left: 0; background: #fff; box-shadow: 0 2px 6px 0 rgba(166, 169, 178, .43); border-radius: 3px; min-width: 100px; transform: translateY(4px); padding: 10px 0 } .sub-list .sub-list-wrap[data-v-1ff2cab4] { flex: 1; display: flex; flex-direction: row } .sub-list ul[data-v-1ff2cab4] { width: 100px } .sub-list li[data-v-1ff2cab4] { display: flex; align-items: center; color: #212833; padding: 10px 24px; line-height: 18px } .sub-list li[data-v-1ff2cab4]:hover { background: #f4f4f4 } .sub-list li span[data-v-1ff2cab4]:last-child { margin-left: 10px } .sub-list li .all[data-v-1ff2cab4] { position: relative; display: block; border-top: 1px solid #212833; width: 10px } .sub-list li .all[data-v-1ff2cab4]:after, .sub-list li .all[data-v-1ff2cab4]:before { content: ""; position: absolute; left: 0; width: 10px; border-top: 1px solid #212833 } .sub-list li .all[data-v-1ff2cab4]:before { top: -5px } .sub-list li .all[data-v-1ff2cab4]:after { top: 3px } .sub-list .active-sub[data-v-1ff2cab4] { color: #f0b90b } .sub-list .active-sub .all[data-v-1ff2cab4], .sub-list .active-sub .all[data-v-1ff2cab4]:after, .sub-list .active-sub .all[data-v-1ff2cab4]:before { border-top-color: #f0b90b }   .no-data[data-v-538e2dd4] { color: #212833; padding: 50px 0 } .no-data img[data-v-538e2dd4] { width: 100px; height: auto } .no-data p[data-v-538e2dd4] { margin-top: 16px }   main[data-v-0cef6eb8] { background: #fafafa; padding: 20px 0 } .mainstream4[data-v-0cef6eb8] { display: flex; margin-bottom: 20px } .mainstream4 a[data-v-0cef6eb8] { display: block; background: #fff; border-radius: 3px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .04); color: #848e9c; width: 300px; padding: 15px } .mainstream4 a[data-v-0cef6eb8]:not(:last-child) { margin-right: 20px } .mainstream4 a[data-v-0cef6eb8]:hover { box-shadow: 0 0 30px 0 rgba(196, 202, 214, .5) } .mainstream4 .pair[data-v-0cef6eb8] { color: #333; margin-bottom: 6px } .mainstream4 .pos-middle[data-v-0cef6eb8] { position: relative; font-weight: 700; line-height: 30px } .mainstream4 .pos-middle .price[data-v-0cef6eb8] { color: #333; margin-right: 3px } .mainstream4 .pos-middle .kline[data-v-0cef6eb8] { position: absolute; bottom: -5px; right: 0 } .mainstream4 .pos-middle .kline img[data-v-0cef6eb8] { width: 100px; height: 30px } .mainstream4 .volume[data-v-0cef6eb8] { display: flex; margin-top: 6px } .mainstream4 .volume span[data-v-0cef6eb8]:first-child { flex: 1 } .markets-list[data-v-0cef6eb8] { background: #fff; box-shadow: 0 0 30px 0 0 0 20px 0 rgba(0, 0, 0, .04); border-radius: 6px; padding: 16px 30px; margin-bottom: 20px; min-height: 360px } .markets-list header[data-v-0cef6eb8] { position: -webkit-sticky; position: sticky; top: 64px; display: flex; align-items: center; background: #fff; border-bottom: 1px solid #f3f3f3; height: 50px; z-index: 1 } .markets-list header[data-v-0cef6eb8] .tabs>ul { border: none } .markets-list header[data-v-0cef6eb8] .tabs>ul>li { line-height: 50px; padding: 0 } .markets-list header .search[data-v-0cef6eb8] { display: flex; align-items: center; border: 1px solid #eaecef; border-radius: 4px; height: 30px; padding: 0 16px } .markets-list header .search input[data-v-0cef6eb8] { border: none; outline: none; font-size: 14px } .markets-list header .search .icon[data-v-0cef6eb8] { width: 20px; height: 20px } .markets-list .is-mobile[data-v-0cef6eb8] { top: 0 } .markets-table .markets-table-header[data-v-0cef6eb8] { box-sizing: border-box; margin: 0; min-width: 0; display: flex; padding-left: 0; padding-right: 16px; align-items: center; justify-content: space-between; border-bottom: 1px solid; border-color: #eaecef } .markets-table .markets-table-header>div[data-v-0cef6eb8] { color: #848e9c; font-size: 12px; font-weight: 400; height: 44px; display: flex; align-items: center } .markets-table .markets-table-header>div span[data-v-0cef6eb8] { position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .markets-table .markets-table-header>div span[data-v-0cef6eb8]:before { content: ""; position: absolute; top: -2px; right: -15px; border: 4px solid transparent; border-bottom-color: #9c9c9c } .markets-table .markets-table-header>div span[data-v-0cef6eb8]:after { content: ""; position: absolute; bottom: -2px; right: -15px; border: 4px solid transparent; border-top-color: #9c9c9c } .markets-table .markets-table-header>div .asc[data-v-0cef6eb8]:before { border-bottom-color: #f8d12f } .markets-table .markets-table-header>div .des[data-v-0cef6eb8]:after { border-top-color: #f8d12f } .markets-table .markets-table-body[data-v-0cef6eb8] { box-sizing: border-box; margin: 0; min-width: 0; position: relative; flex: 1 } .markets-table .markets-table-body .markets-table-row[data-v-0cef6eb8] { box-sizing: border-box; margin: 0; min-width: 0; display: flex; cursor: pointer } .markets-table .markets-table-body .markets-table-row[data-v-0cef6eb8]:hover { background: #fafafa } .markets-table .markets-table-body .flex1>span[data-v-0cef6eb8] { border-bottom: 1px solid #f3f3f3; color: #212833; height: 44px; display: flex; align-items: center } .markets-table .markets-table-body .flex1>span.td4[data-v-0cef6eb8] { color: #848e9c } .markets-table .markets-table-body .flex1>span.td4 span[data-v-0cef6eb8] { color: #212833 } .markets-table .flex1[data-v-0cef6eb8], .markets-table .markets-table-body .middle[data-v-0cef6eb8] { display: flex; align-items: center } .markets-table .flex1[data-v-0cef6eb8] { justify-content: space-between; flex: 1 } .markets-table .flex1 .tb-r[data-v-0cef6eb8] { padding-right: 16px } .markets-table [data-area=left][data-v-0cef6eb8] { text-align: left; justify-content: flex-start } .markets-table [data-area=right][data-v-0cef6eb8] { text-align: right; justify-content: flex-end } .markets-table .td1 .icon[data-v-0cef6eb8] { fill: #f1b80a } .markets-table .td2 [data-rename=a] span:first-child+span[data-v-0cef6eb8] { font-size: .75rem; color: #848e9c } .markets-table .w40-flex40-1-0[data-v-0cef6eb8] { width: 40px } .markets-table .w110-flex110-1-0[data-v-0cef6eb8] { width: 110px; flex: 110 1 0% } .markets-table .w130-flex-130-1-0[data-v-0cef6eb8] { width: 130px; flex: 130 1 0% } .markets-table .w220-flex0-0-auto[data-v-0cef6eb8] { width: 220px; flex: 0 0 auto } .markets-table .w70-flex70-1-0[data-v-0cef6eb8] { width: 70px; flex: 70 1 0% } .markets-table .w90-flex90-1-0[data-v-0cef6eb8] { width: 90px; flex: 90 1 0% } .markets-table .w100-flex100-1-0[data-v-0cef6eb8] { width: 100px; flex: 100 1 0% } [data-v-0cef6eb8] .kline-img { width: 100px; height: 30px; transform: translateY(-6px) }   .nav-tabs[data-v-a8e8309e] { display: flex; align-items: center; border-bottom: 1px solid #eaecef; margin-bottom: 24px; padding-bottom: 7px } a[data-v-a8e8309e] { position: relative; color: #848e9c; margin-right: 51px; line-height: 24px } a[data-v-a8e8309e]:not(:first-child):before { content: ""; position: absolute; top: 4px; left: -25px; height: 16px; border-left: 1px solid #848e9c } .active[data-v-a8e8309e] { color: #0b0e11 } .active[data-v-a8e8309e]:after { content: ""; position: absolute; bottom: -8px; left: 0; width: 100%; border-top: 2px solid #f0b90b }   .pd-32[data-v-275175ce] { padding: 32px } .header[data-v-275175ce] { position: relative; display: flex; margin-bottom: 10px } .fiat-card[data-v-275175ce] { margin-bottom: 40px } .fiat-card h3[data-v-275175ce] { font-style: normal; font-weight: 500; font-size: 18px; line-height: 23px; display: flex; align-items: center; letter-spacing: .16px; margin-bottom: 20px } .fiat-card .fiat-card-content[data-v-275175ce] { display: flex; flex-direction: row } .fiat-card .fiat-card-content .l[data-v-275175ce] { width: 648px } .fiat-card .fiat-card-content .r[data-v-275175ce] { flex: 1 } .fiat-card.notCard .bc-card[data-v-275175ce] { box-shadow: none; border: none }   .fiat-list[data-v-396a6307] { display: flex; flex-direction: row; justify-content: space-between; margin-top: 16px } .fiat-list[data-v-396a6307]:first-child { margin-top: 0 } .fiat-list .fiat-val[data-v-396a6307] { display: flex; flex-direction: row } .fiat-list .fiat-val .copy[data-v-396a6307] { position: relative; cursor: pointer; margin-left: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fiat-list .fiat-val .copied[data-v-396a6307] { top: 24px; z-index: 10 } .fiat-list .fiat-val .icon[data-v-396a6307] { fill: #000 } .clear-flex[data-v-396a6307] { display: block !important } .text-right[data-v-396a6307] { text-align: right } .split-line-horizontal[data-v-396a6307] { width: 100%; height: 1px; background: #f0f0f0; margin: 24px 0 } .fiat-dep-tips[data-v-396a6307] { display: flex; flex-direction: row; margin: 24px auto 0; background: rgba(242, 48, 81, .06); padding: 8px } .fiat-dep-tips .tip-icon[data-v-396a6307] { width: 16px; height: 16px; margin-right: 7px } .fiat-dep-tips .tip-icon .icon[data-v-396a6307] { fill: #f23051 } .fiat-dep-tips .tip[data-v-396a6307] { flex: 1; font-style: normal; font-weight: 400; font-size: 12px; line-height: 20px; color: #f23051 } .fiat-dep-btn-box[data-v-396a6307] { margin-top: 24px; display: flex; flex-direction: row; justify-content: center } .fiat-dep-btn-box .fiat-dep-btn[data-v-396a6307] { width: 408px; height: 40px } .tips-wrap[data-v-396a6307] { width: 385px; padding: 20px; margin-left: 88px; background: rgba(240, 185, 11, .06); font-style: normal; color: #dca90a } .tips-wrap h3[data-v-396a6307] { font-weight: 500; font-size: 16px; line-height: 21px; margin-bottom: 8px } .tips-wrap p[data-v-396a6307] { font-weight: 400; font-size: 14px; line-height: 20px } .tips-wrap p[data-v-396a6307], .tips-wrap p span[data-v-396a6307] { position: relative } .tips-wrap p span .icon[data-v-396a6307] { fill: #dca90a } .tips-wrap p span:hover .hover-tips[data-v-396a6307] { display: block } .tips-wrap p .hover-tips[data-v-396a6307] { display: none; position: absolute; bottom: 100%; left: 50%; background: #fff; box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .2); font-size: 12px; width: 246px; line-height: 1.5; padding: 10px; transform: translate(-50%, -5px); color: #212833 } .tips-wrap p .hover-tips[data-v-396a6307]:after { content: ""; position: absolute; top: 100%; left: 50%; border: 5px solid transparent; border-top-color: #fff; transform: translateX(-5px) } .kyc[data-v-396a6307] { min-height: 309px } .kyc img[data-v-396a6307] { width: 78px; height: auto; margin: 2px 0 36px } .kyc .title[data-v-396a6307] { color: #000; margin-bottom: 36px } .kyc p[data-v-396a6307] { color: #848e9c; margin-bottom: 36px } .kyc a[data-v-396a6307] { width: 336px } .bank-list[data-v-396a6307] { position: relative; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap } .bank-chs[data-v-396a6307] { margin-left: -32px } .bank-item[data-v-396a6307] { position: relative; width: 300px; height: 60px; border: 1px solid #e6e8ea; border-radius: 4px; cursor: pointer; margin-bottom: 20px; padding-right: 20px; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center } .bank-item[data-v-396a6307], .bank-item.mb-0[data-v-396a6307] { display: block; display: flex; flex-direction: row; align-items: center; -webkit-align-items: center; -ms-flex-align: center } .bank-item.mb-0[data-v-396a6307] { margin-bottom: 0; cursor: default; width: 608px; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; padding-left: 18px } .bank-item .img-wrap[data-v-396a6307] { height: 100%; display: flex; justify-content: flex-end; align-items: center; position: relative } .bank-item .img-wrap img[data-v-396a6307] { width: 100px; height: auto; max-height: 22px } .bank-item .bank-line[data-v-396a6307] { width: 1px; background: #252930; height: 24px; margin: 0 10px } .bank-item .bank-content[data-v-396a6307] { width: 120px; color: #212833 } .bank-item .bank-content>div[data-v-396a6307] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .bank-item .bank-content .direct-text[data-v-396a6307] { font-size: 14px } .bank-item .bank-content .strong[data-v-396a6307] { color: #f0b90b } .bank-item .bank-tip[data-v-396a6307] { position: absolute; top: 60px; left: 12px; font-size: 12px; line-height: 14px } .bank-item .bank-arrow[data-v-396a6307] { position: absolute; right: 0; top: 0; height: 100%; line-height: 58px; width: 20px } .bank-item .bank-arrow .icon[data-v-396a6307] { fill: #caced3; width: 10px } .prev-page-btn[data-v-396a6307] { margin: 0 5px; color: #212833; min-width: 30px; border-radius: 2px; cursor: pointer; border: none; display: inline-block; font-size: 12px; height: 28px; line-height: 28px; vertical-align: top; box-sizing: border-box; background: none; align-self: center } .prev-page-btn i[data-v-396a6307] { font-size: 12px } .prev-page-btn[data-v-396a6307]:focus { outline: none }   table[data-v-c29b590c] { border: 1px solid #eaecef; border-collapse: collapse; width: 100%; text-align: left; table-layout: fixed } table thead tr th[data-v-c29b590c] { background: #f7f7f7; border: 1px solid #eaecef; color: #848e9c; font-size: 12px; font-weight: 400; padding: 10px 18px } table thead tr .infos[data-v-c29b590c] { border-right: none; width: 500px } table thead tr .tool[data-v-c29b590c] { border-left: none; width: 50px } table tbody tr.gray td[data-v-c29b590c] { opacity: .3 } table tbody tr.gray .memotag[data-v-c29b590c] { color: #48515d; background-color: #e6e8ea } table tbody tr td[data-v-c29b590c] { border-bottom: 1px solid #eaecef; padding: 15px 18px; line-height: 1.3; vertical-align: top } table tbody tr td a[data-v-c29b590c] { color: #212833; text-decoration: underline } table tbody tr .explorer-addr[data-v-c29b590c] { width: 361px; display: flex } table tbody tr .explorer-addr .des-title[data-v-c29b590c] { min-width: 60px; text-align: right } table tbody tr .explorer-addr a[data-v-c29b590c], table tbody tr .explorer-addr span[data-v-c29b590c]:not(.des-title) { width: 280px; word-wrap: break-word } table tbody tr button[data-v-c29b590c] { background: none; border: none; outline: none; cursor: pointer } table tbody tr button i[data-v-c29b590c] { display: block; border: 5px solid transparent; border-top-color: #212833; transform-origin: 5px 2.5px; transition: transform .3s } table tbody tr button .flip[data-v-c29b590c] { transform: rotate(180deg) } table .nodata tr td[data-v-c29b590c] { border: none } table .nodata tr[data-v-c29b590c]:hover { background: none } .address-item[data-v-c29b590c] { position: relative } .address-item .option[data-v-c29b590c] { position: absolute; top: 0; right: 0; padding: 15px 0 } .address-item .option>span[data-v-c29b590c] { width: 20px; height: 20px; cursor: pointer } .address-item .option>span.cancel[data-v-c29b590c] { padding: 4px 10px; margin-left: 10px; border: 1px solid #f0b90b; border-radius: 4px; color: #f0b90b } .address-item .option>span img[data-v-c29b590c] { width: 20px; height: 20px } .address-item .memotag[data-v-c29b590c] { position: absolute; top: 15px; right: 66px; padding: 0 5px; font-size: 12px; color: #fff; background-color: #f0b90b; border-radius: 7px } .transfer[data-v-c29b590c] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center } .transfer span[data-v-c29b590c] { color: #848e9c; margin-right: 16px } .s-transfer span[data-v-c29b590c] { width: 120px } .fiat-detail[data-v-c29b590c] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; margin-top: 20px; line-height: 1.6 } .fiat-detail .key[data-v-c29b590c] { color: #848e9c; width: 120px; margin-right: 16px } .fiat-detail .val[data-v-c29b590c] { flex: 1 } .fiat-detail .re-code[data-v-c29b590c] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center } .fiat-detail .re-code span[data-v-c29b590c] { flex: 1 } .fiat-detail .re-code a[data-v-c29b590c] { color: #f0b90b }   .page-turning[data-v-fad24f16] { display: flex } .page-turning button[data-v-fad24f16] { background: #fff; border: 1px solid #eaecef; border-radius: 4px; color: #848e9c; cursor: pointer; font-size: 14px; min-width: 100px; height: 40px; outline: none; padding: 0 15px; text-align: center } .page-turning button .icon[data-v-fad24f16] { width: 12px; height: 12px; fill: #848e9c } .page-turning button[data-v-fad24f16]:last-child { margin-left: 20px } .page-turning .enable-btn[data-v-fad24f16]:hover { background: #fffcef; border-color: #f0b90b; color: #f0b90b } .page-turning .enable-btn:hover .icon[data-v-fad24f16] { fill: #f0b90b } .page-turning .disable-btn[data-v-fad24f16] { color: #848e9c; cursor: not-allowed; border-color: #ebeef5 } .page-turning .disable-btn .icon[data-v-fad24f16] { fill: #848e9c }   .kyc[data-v-65c5efe1] { min-height: 309px } .kyc img[data-v-65c5efe1] { width: 78px; height: auto; margin: 10px 0 50px } .kyc .title[data-v-65c5efe1] { color: #000; margin-bottom: 36px } .kyc p[data-v-65c5efe1] { color: #848e9c; margin-bottom: 36px } .kyc a[data-v-65c5efe1] { width: 336px }   .loading-container[data-v-06f74fc1] { min-height: 309px; display: flex; flex-direction: row; justify-content: center; align-items: center } .loading-container img[data-v-06f74fc1] { width: 50px; height: auto }   .list-opt[data-v-79fff8ae] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center } .list-opt .not-receive-email[data-v-79fff8ae] { position: relative; border-bottom: 1px dotted #848e9c; cursor: pointer; margin-right: 16px } .list-opt .not-receive-email:hover .not-receive-des[data-v-79fff8ae] { display: block } .list-opt .not-receive-des[data-v-79fff8ae] { display: none; position: absolute; top: 100%; right: 0; background: #fafafa; width: 216px; padding: 8px } .pagination-wrap[data-v-79fff8ae] { display: flex; justify-content: flex-end; margin-top: 40px }   .iban-form-item[data-v-126e9dbd], .iban-form-item input[data-v-126e9dbd] { height: 32px; width: 100% } .iban-form-item input[data-v-126e9dbd] { border: none; outline: none }   .fiat-wd-container[data-v-7b093174] { position: relative } .fiat-wd-container .wd-to[data-v-7b093174] { line-height: 18px; color: #48515d } .fiat-wd-container .wd-to-name[data-v-7b093174] { font-size: 16px; line-height: 24px; font-weight: 700 } .fiat-wd-container .amount-input[data-v-7b093174] { height: 76px; margin-top: 28px } .fiat-wd-container .amount-input .title[data-v-7b093174] { font-size: 14px; line-height: 18px } .fiat-wd-container .amount-input p[data-v-7b093174] { margin-top: 8px } .fiat-wd-container .amount[data-v-7b093174] { position: relative; color: #212833 } .fiat-wd-container .amount .name[data-v-7b093174] { display: inline-block; margin-right: 8px } .fiat-wd-container .amount input[data-v-7b093174] { border: 0; color: #212833; width: 100%; height: 32px; outline: none } .fiat-wd-container .available[data-v-7b093174] { position: absolute; top: 0; right: 0; height: 32px; cursor: pointer; display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center } .fiat-wd-container .available .unit[data-v-7b093174] { margin-left: 4px } .fiat-wd-container .available .yellow[data-v-7b093174] { color: #f0b90b } .fiat-wd-container .error .title[data-v-7b093174] { color: #f84960 } .fiat-wd-container .error .amount[data-v-7b093174], .fiat-wd-container .error .ibanval[data-v-7b093174] { border-bottom-color: #f84960 } .fiat-wd-container .error .err[data-v-7b093174], .fiat-wd-container .error .input[data-v-7b093174] { color: #f84960 } .fiat-wd-container .iban-input[data-v-7b093174] { position: relative; height: 65px; margin-top: 30px } .fiat-wd-container .iban-input .title[data-v-7b093174] { position: relative; font-size: 14px; line-height: 18px } .fiat-wd-container .iban-input .title .saveaddr[data-v-7b093174] { display: inline-block; position: absolute; right: 0; top: -10px; color: #f0b90b; cursor: pointer } .fiat-wd-container .iban-input .ibanval[data-v-7b093174] { display: flex; flex-direction: row; align-items: center } .fiat-wd-container .iban-input .ibanval input[data-v-7b093174] { border: 0; color: #212833; height: 32px; outline: none; flex: 1 } .fiat-wd-container .iban-input .ibanval i[data-v-7b093174] { font-size: 12px; margin-left: 5px; right: 0; top: 0; color: #848e9c; cursor: pointer } .fiat-wd-container .iban-input .scroll-wrap[data-v-7b093174] { position: absolute; width: 544px; height: 204px; top: 54px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1); border-radius: 4px; z-index: 1 } .fiat-wd-container .iban-input .memory-addr[data-v-7b093174] { width: 542px; max-height: 200px; min-height: 50px; padding-top: 1px; margin: 1px auto 0; z-index: 10 } .fiat-wd-container .iban-input .memory-addr li[data-v-7b093174] { height: 60px; display: flex; flex-direction: row; align-items: center } .fiat-wd-container .iban-input .memory-addr li[data-v-7b093174]:first-child { margin-top: 20px } .fiat-wd-container .iban-input .memory-addr li .addr-li[data-v-7b093174] { flex: 1; height: 60px; padding-left: 24px } .fiat-wd-container .iban-input .memory-addr li .addr-li .addr-code[data-v-7b093174] { height: 50%; font-weight: 700; font-size: 14px; line-height: 30px } .fiat-wd-container .iban-input .memory-addr li .addr-li .addr-name[data-v-7b093174] { font-size: 14px; height: 50%; color: #848e9c } .fiat-wd-container .iban-input .memory-addr li .addr-img[data-v-7b093174] { visibility: hidden; width: 29px; height: 24px; margin-right: 29px; margin-left: auto; cursor: pointer } .fiat-wd-container .iban-input .memory-addr li[data-v-7b093174]:hover { background: #f2f2f2 } .fiat-wd-container .iban-input .memory-addr li:hover .addr-img[data-v-7b093174] { visibility: visible } .fiat-wd-container .iban-input p[data-v-7b093174] { color: #f84960 } .fiat-wd-container .trans-fee[data-v-7b093174], .fiat-wd-container .u-get[data-v-7b093174] { color: #848e9c; line-height: 18px; margin-top: 16px } .fiat-wd-container .trans-fee b[data-v-7b093174], .fiat-wd-container .u-get b[data-v-7b093174] { font-size: 16px; line-height: 20px; color: #0b0e11 } .fiat-wd-container .trans-fee[data-v-7b093174] { margin-top: 32px } .fiat-wd-container .wd-btn[data-v-7b093174] { display: block; margin: 37px auto 0; width: 388px; height: 40px } .tips-wrap[data-v-7b093174] { width: 385px; padding: 20px; margin-left: 88px; background: rgba(240, 185, 11, .06); font-style: normal; color: #dca90a } .tips-wrap h3[data-v-7b093174] { font-weight: 500; font-size: 16px; line-height: 21px; margin-bottom: 8px } .tips-wrap p[data-v-7b093174] { font-weight: 400; font-size: 14px; line-height: 20px } .tips-wrap p[data-v-7b093174], .tips-wrap p span[data-v-7b093174] { position: relative } .tips-wrap p span .icon[data-v-7b093174] { fill: #dca90a } .tips-wrap p span:hover .hover-tips[data-v-7b093174] { display: block } .tips-wrap p .hover-tips[data-v-7b093174] { display: none; position: absolute; bottom: 100%; left: 50%; background: #fff; box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .2); font-size: 12px; width: 246px; line-height: 1.5; padding: 10px; transform: translate(-50%, -5px); color: #212833 } .tips-wrap p .hover-tips[data-v-7b093174]:after { content: ""; position: absolute; top: 100%; left: 50%; border: 5px solid transparent; border-top-color: #fff; transform: translateX(-5px) } .kyc[data-v-7b093174] { min-height: 406px } .kyc img[data-v-7b093174] { width: 78px; height: auto; margin: 30px 0 36px } .kyc .title[data-v-7b093174] { color: #000; margin-bottom: 40px } .kyc p[data-v-7b093174] { color: #848e9c; margin-bottom: 50px } .kyc a[data-v-7b093174] { width: 336px } .bank-list[data-v-7b093174] { position: relative; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap } .bank-list .bank-item[data-v-7b093174] { width: 260px; height: 60px; border: 1px solid #e6e8ea; border-radius: 4px; display: flex; align-items: center; cursor: pointer } .bank-list .bank-item .img-wrap[data-v-7b093174] { height: 100%; width: 58px; display: flex; justify-content: center; align-items: center; position: relative } .bank-list .bank-item .img-wrap img[data-v-7b093174] { max-width: 50px; max-height: 50px } .bank-list .bank-item .bank-content[data-v-7b093174] { width: calc(100% - 58px); height: 100%; padding: 14px 0; color: #212833 } .bank-list .bank-item .bank-content>div[data-v-7b093174] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .bank-list .bank-item .bank-content .bank-name[data-v-7b093174] { font-size: 14px; line-height: 18px } .bank-list .bank-item .bank-content .direct-text[data-v-7b093174] { font-size: 12px; line-height: 14px } .bank-list .bank-item .bank-content .strong[data-v-7b093174] { color: #f0b90b } .fiat-list[data-v-7b093174] { display: flex; flex-direction: row; justify-content: space-between; margin-top: 16px } .fiat-list[data-v-7b093174]:first-child { margin-top: 0 } .fiat-list .fiat-val[data-v-7b093174] { display: flex; flex-direction: row } .fiat-list .fiat-val .copy[data-v-7b093174] { position: relative; cursor: pointer; margin-left: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fiat-list .fiat-val .copied[data-v-7b093174] { top: 24px; z-index: 10 } .fiat-list .fiat-val .icon[data-v-7b093174] { fill: #000 } .clear-flex[data-v-7b093174] { display: block !important } .text-right[data-v-7b093174] { text-align: right } .split-line-horizontal[data-v-7b093174] { width: 100%; height: 1px; background: #f0f0f0; margin: 24px 0 }   .save-wd-address[data-v-309bf6a9] { position: absolute; width: 506px; top: 50%; left: 50%; background: #fff; border-radius: 4px; transform: translate(-50%, -50%) } .save-wd-address h3[data-v-309bf6a9] { height: 60px; line-height: 60px; text-align: center; font-weight: 600; font-size: 16px; border-bottom: 1px solid #f0b90b } .save-wd-address .form-container[data-v-309bf6a9] { padding: 16px 40px; position: relative } .save-wd-address .label-input[data-v-309bf6a9] { height: 76px } .save-wd-address .label-input .title[data-v-309bf6a9] { font-size: 14px; line-height: 18px } .save-wd-address .label-input p[data-v-309bf6a9] { color: #48515d; margin-top: 8px } .save-wd-address .label[data-v-309bf6a9] { position: relative; color: #212833 } .save-wd-address .label .name[data-v-309bf6a9] { display: inline-block; margin-right: 8px } .save-wd-address .label input[data-v-309bf6a9] { border: 0; color: #212833; width: 100%; height: 32px; outline: none; font-size: 16px; font-weight: 700; border-bottom: 1px solid #eaecef } .save-wd-address .label input[data-v-309bf6a9]:focus { border-bottom-color: #f0b90b } .save-wd-address .error .title[data-v-309bf6a9] { color: #f84960 } .save-wd-address .error .label[data-v-309bf6a9], .save-wd-address .error .label input[data-v-309bf6a9] { border-bottom-color: #f84960 } .save-wd-address .error p[data-v-309bf6a9] { color: #f84960 !important } .save-wd-address .iban-input[data-v-309bf6a9] { position: relative; height: 65px; margin-top: 30px } .save-wd-address .iban-input .title[data-v-309bf6a9] { position: relative; font-size: 14px; line-height: 18px } .save-wd-address .iban-input p[data-v-309bf6a9] { color: #48515d; margin-top: 8px } .save-wd-address .iban-input .err[data-v-309bf6a9] { color: #f84960 } .save-wd-address .iban-input .ibanval[data-v-309bf6a9] { display: flex; flex-direction: row; align-items: center; position: relative; padding-left: 18px; border-bottom: 1px solid #eaecef } .save-wd-address .iban-input .ibanval.focus[data-v-309bf6a9] { border-bottom-color: #f0b90b } .save-wd-address .iban-input .ibanval input[data-v-309bf6a9] { border: 0; color: #212833; height: 32px; outline: none; flex: 1; font-size: 16px; font-weight: 700 } .save-wd-address .iban-input .ibanval .iban-prefix[data-v-309bf6a9] { position: absolute; left: 0; top: 8px } .save-wd-address .save-addr-btn[data-v-309bf6a9] { width: 388px; display: block; margin: 38px auto 26px } button.closeBtn[data-v-309bf6a9] { position: absolute; top: -10px; right: -36px; background: none; border: none; cursor: pointer; outline: none; padding: 10px } button.closeBtn .icon[data-v-309bf6a9] { fill: #fff }   .withdrawal-confirm[data-v-707e47bc] { position: absolute; width: 506px; top: 50%; left: 50%; background: #fff; border-radius: 4px; transform: translate(-50%, -50%) } .withdrawal-confirm h3[data-v-707e47bc] { height: 60px; line-height: 60px; text-align: center; font-weight: 600; font-size: 16px; border-bottom: 1px solid #f0b90b } .withdrawal-confirm .wdconfirm-container[data-v-707e47bc] { padding: 16px 40px; position: relative } .withdrawal-confirm .form-info[data-v-707e47bc] { position: relative; margin-top: 16px } .withdrawal-confirm .form-info .form-info-list[data-v-707e47bc] { display: flex; flex-direction: row; justify-content: space-between; margin-top: 16px } .withdrawal-confirm .form-info .form-info-list[data-v-707e47bc]:first-child { margin-top: 0 } .withdrawal-confirm .form-info .form-info-list .form-info-key[data-v-707e47bc] { color: #48515d } .withdrawal-confirm .form-info .form-info-list .form-info-val[data-v-707e47bc] { color: #0b0e11; display: flex; flex-direction: row } .withdrawal-confirm .form-info .form-info-list .split-line[data-v-707e47bc] { width: 100%; height: 1px; margin-top: 4px; margin-bottom: 4px; background: #eaecef } .withdrawal-confirm .note-wrap[data-v-707e47bc] { margin-top: 53px; position: relative } .withdrawal-confirm .note-wrap h4[data-v-707e47bc] { font-weight: 700; font-size: 14px; line-height: 18px } .withdrawal-confirm .note-wrap div[data-v-707e47bc] { font-size: 14px; line-height: 18px; color: #48515d; margin-top: 10px } .withdrawal-confirm .confirm-withdrawal[data-v-707e47bc] { position: relative; margin-top: 40px } .withdrawal-confirm .confirm-withdrawal .error-text[data-v-707e47bc] { position: absolute; left: 50%; transform: translateX(-50%); top: calc(100% + 20px); font-weight: 400; font-size: 14px; color: #e33b54 } .withdrawal-confirm .form-op[data-v-707e47bc] { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 63px; margin-bottom: 26px } .withdrawal-confirm .form-op button[data-v-707e47bc] { height: 40px; width: 176px } .withdrawal-confirm .form-op button.disabled[data-v-707e47bc] { cursor: not-allowed; box-shadow: none; color: #b7bdc6; background: #f5f5f5 } .withdrawal-confirm button.closeBtn[data-v-707e47bc] { position: absolute; top: -10px; right: -36px; background: none; border: none; cursor: pointer; outline: none; padding: 10px } .withdrawal-confirm button.closeBtn .icon[data-v-707e47bc] { fill: #fff }   .bc-verify-input-box[data-v-edadb4a0] { box-sizing: border-box; min-width: 0; max-width: 100%; margin: 0 } .bc-verify-input-box .bc-verify-input-content[data-v-edadb4a0] { box-sizing: border-box; min-width: 0; display: flex; align-items: flex-end; margin: 0 } .bc-verify-input-box .bc-verify-input-content .email-box-l[data-v-edadb4a0] { height: 40px; box-sizing: border-box; min-width: 0; display: inline-flex; position: relative; align-items: center; line-height: 1.6; margin: 24px 0 0; border: none; flex: 1 1 0%; width: 100% } .bc-verify-input-box .bc-verify-input-content .email-box-l .ipt[data-v-edadb4a0] { width: 100%; height: 40px; -o-border-image: none; border-image: none; -o-border-image: initial; border-image: initial; border: 1px solid #e6e8ea; border-radius: 4px; display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center } .bc-verify-input-box .bc-verify-input-content .email-box-l .ipt input[data-v-edadb4a0] { flex: 1; padding-left: 12px; padding-right: 12px; color: #1e2026; font-size: 14px; box-sizing: border-box; min-width: 0; width: 100%; height: 100%; background-color: inherit; outline: none; border: none; border-color: initial; -o-border-image: none; border-image: none; -o-border-image: initial; border-image: initial } .bc-verify-input-box .bc-verify-input-content .email-box-l .ipt .bc-input-label[data-v-edadb4a0] { font-size: 12px; box-sizing: border-box; min-width: 0; position: absolute; top: -24px; left: 0; line-height: 24px; transition-property: top, font-size; transition-duration: .3s; transition-timing-function: ease; z-index: 1; cursor: text; color: #474d57 } .bc-verify-input-box .bc-verify-input-content .email-box-l .ipt .bc-emial-btn[data-v-edadb4a0] { height: 40px; margin-left: 8px; min-width: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; font-family: inherit; text-align: center; font-weight: 500; font-size: 14px; line-height: 20px; color: #d0980b; background-color: transparent; min-height: 32px; padding: 3px 7px; box-shadow: none; overflow: hidden; text-decoration: none; outline: none; border: none } .bc-verify-input-box .bc-verify-input-content .email-box-l .ipt .bc-emial-btn .icon[data-v-edadb4a0] { vertical-align: middle; cursor: default; position: relative } .bc-verify-input-box .bc-verify-input-content .email-box-l .ipt .bc-emial-btn .popup[data-v-edadb4a0] { z-index: 9999; position: absolute; width: 260px; top: -60px; right: 0; font-weight: 400; font-size: 12px; line-height: 16px; text-align: left; white-space: normal; color: #fff; background-color: #5e6673; border-radius: 4px; padding: 8px 12px; text-indent: 0; filter: drop-shadow(rgba(20, 21, 26, .08) 0 3px 6px) drop-shadow(rgba(71, 77, 87, .08) 0 7px 14px) drop-shadow(rgba(20, 21, 26, .1) 0 0 1px) } .bc-verify-input-box .bc-verify-input-content .email-box-l .ipt .bc-emial-btn .popup[data-v-edadb4a0]:after { content: ""; position: absolute; bottom: -4px; right: 12px; border-top: 4px solid #5e6673; border-left: 4px solid transparent; border-right: 4px solid transparent } .bc-verify-input-box .bc-verify-input-content .email-box-l .ipt.fouse[data-v-edadb4a0] { border-color: #f0b90b } .bc-verify-input-box.error .err-tip[data-v-edadb4a0] { color: #f84960 } .bc-verify-input-box.error .email-box-l[data-v-edadb4a0] { border-color: #f84960 } .err-tip[data-v-edadb4a0] { margin-top: 4px; margin-bottom: 20px; line-height: 16px; color: #76808f; height: auto; box-sizing: border-box; min-width: 0; font-size: 12px; text-align: left }   .bc-verify-input-box[data-v-98aa385e] { box-sizing: border-box; min-width: 0; max-width: 100%; margin: 0 } .bc-verify-input-box .bc-verify-input-content[data-v-98aa385e] { box-sizing: border-box; min-width: 0; display: flex; align-items: flex-end; margin: 0 } .bc-verify-input-box .bc-verify-input-content .email-box-l[data-v-98aa385e] { height: 40px; flex: 1 1 0%; box-sizing: border-box; min-width: 0; display: inline-flex; position: relative; align-items: center; line-height: 1.6; margin: 24px 0 0; -o-border-image: none; border-image: none; -o-border-image: initial; border-image: initial; border: 1px solid #e6e8ea; border-radius: 4px } .bc-verify-input-box .bc-verify-input-content .email-box-l input[data-v-98aa385e] { padding-left: 12px; padding-right: 12px; color: #1e2026; font-size: 14px; box-sizing: border-box; min-width: 0; width: 100%; height: 100%; background-color: inherit; outline: none; border: none; border-color: initial; -o-border-image: none; border-image: none; -o-border-image: initial; border-image: initial } .bc-verify-input-box .bc-verify-input-content .email-box-l .bc-input-label[data-v-98aa385e] { font-size: 12px; box-sizing: border-box; min-width: 0; position: absolute; top: -24px; left: 0; line-height: 24px; transition-property: top, font-size; transition-duration: .3s; transition-timing-function: ease; z-index: 1; cursor: text; color: #474d57 } .bc-verify-input-box .bc-verify-input-content .email-box-l.fouse[data-v-98aa385e] { border-color: #f0b90b } .bc-verify-input-box .bc-emial-btn[data-v-98aa385e] { width: 104px; height: 40px; margin-left: 8px; min-width: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; font-family: inherit; text-align: center; font-weight: 500; font-size: 14px; line-height: 20px; color: #d0980b; background-color: transparent; min-height: 32px; padding: 3px 7px; box-shadow: none; overflow: hidden; text-decoration: none; outline: none; border-radius: 4px; -o-border-image: none; border-image: none; -o-border-image: initial; border-image: initial; border: 1px solid #e6e8ea } .bc-verify-input-box.error .err-tip[data-v-98aa385e] { color: #f84960 } .bc-verify-input-box.error .email-box-l[data-v-98aa385e] { border-color: #f84960 } .err-tip[data-v-98aa385e] { margin-top: 4px; margin-bottom: 20px; line-height: 16px; color: #76808f; height: auto; box-sizing: border-box; min-width: 0; font-size: 12px; text-align: left }   .security-verication-box[data-v-33676b48] { position: relative; width: 370px; background: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .08); border-radius: 4px; padding: 30px 24px } .security-verication-box>h2[data-v-33676b48] { font-weight: 600px; font-size: 22px; line-height: 29px; text-align: left; color: #212833; margin-bottom: 12px } .security-verication-box>p[data-v-33676b48] { font-size: 12px; line-height: 16px; color: #848e9c; margin-bottom: 32px } .security-verication-box .submit[data-v-33676b48] { border: none; border-radius: 4px; cursor: pointer; font-size: 14px; font-weight: 700; width: 100%; height: 40px; outline: none } button.closeBtn[data-v-33676b48] { position: absolute; top: 0; right: 0; background: none; border: none; cursor: pointer; outline: none; padding: 10px } button.closeBtn .icon[data-v-33676b48] { fill: #848e9c }   .list-opt[data-v-f64b0086] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center } .list-opt .not-receive-email[data-v-f64b0086] { position: relative; border-bottom: 1px dotted #848e9c; cursor: pointer; margin-right: 16px } .list-opt .not-receive-email:hover .not-receive-des[data-v-f64b0086] { display: block } .list-opt .not-receive-des[data-v-f64b0086] { display: none; position: absolute; top: 100%; right: 0; background: #fafafa; width: 216px; padding: 8px } .pagination-wrap[data-v-f64b0086] { margin-top: 20px } .more-page[data-v-f64b0086] { display: flex; justify-content: flex-end; margin-top: 40px }   .sel-coin[data-v-51aa97c8] { width: 384px; height: 464px; display: block; display: flex; flex-direction: column; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start } @media (max-width:414px) { .sel-coin[data-v-51aa97c8] { width: calc(100vw - 96px); margin: 0 auto } } .sel-coin .sel-top[data-v-51aa97c8] { font-size: 16px; line-height: 24px; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between } .sel-coin .search[data-v-51aa97c8], .sel-coin .sel-top[data-v-51aa97c8] { width: 100%; display: block; display: flex; flex-direction: row; align-items: center; -webkit-align-items: center; -ms-flex-align: center } .sel-coin .search[data-v-51aa97c8] { background: #f5f5f5; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; margin: 20px 0 0; padding: 0 18px; border-radius: 8px } .sel-coin .search .icon[data-v-51aa97c8] { fill: #b7bdc6; width: 16px; height: 16px; margin-right: 8px } .sel-coin .search input[data-v-51aa97c8] { flex: 1; border: none; outline: none; background: #f5f5f5; height: 40px; font-size: 14px } .sel-coin .search .clear[data-v-51aa97c8] { fill: #b7bdc6; width: 16px; height: 16px } .sel-coin .coins[data-v-51aa97c8] { width: 100%; color: #1e2329; height: 400px; overflow-y: scroll; padding-top: 20px } .sel-coin .coins .item[data-v-51aa97c8] { display: flex; justify-content: flex-start; align-items: center; padding: 14px 0 } .sel-coin .coins .item[data-v-51aa97c8]:hover { background: #f5f5f5 } .sel-coin .coins .item .name[data-v-51aa97c8] { flex: 1 } .sel-coin .coins .item .name .asset[data-v-51aa97c8] { font-size: 14px; line-height: 20px } .sel-coin .coins .item .name .asset-full-name[data-v-51aa97c8] { font-size: 12px; color: #707a8a; line-height: 16px } .sel-coin .coins .item .price[data-v-51aa97c8] { font-size: 14px } .sel-coin .coins .item img[data-v-51aa97c8] { width: 32px; height: 32px; margin-right: 16px }   .tabs[data-v-55bf00f6] { margin: 0 auto; position: relative; color: #707a8a; font-weight: 700; width: 310px } .tabs .list[data-v-55bf00f6] { display: block; display: flex; flex-direction: row; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; align-items: center; -webkit-align-items: center; -ms-flex-align: center } .tabs .list li[data-v-55bf00f6] { width: 100%; display: flex; align-items: center; cursor: pointer; padding-bottom: 8px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; border-bottom: 2px solid #f5f5f5 } .tabs .list li span[data-v-55bf00f6] { width: 100% } .tabs .active[data-v-55bf00f6] { color: #212833 } .tabs .line[data-v-55bf00f6] { width: 100%; background-color: #f0b90b; height: 2px; margin-top: -2px; transition: transform .3s cubic-bezier(.645, .045, .355, 1) }   .buy-sell[data-v-5a5a24b2] { width: 100vw; background: #f5f5f5; padding: 48px 0 } @media (max-width:414px) { .buy-sell[data-v-5a5a24b2] { padding: 0 } } .buy-sell .content[data-v-5a5a24b2] { background: #fff; max-width: 432px; margin: 0 auto; text-align: center; border-radius: 20px; position: relative; padding: 40px 60px } @media (max-width:414px) { .buy-sell .content[data-v-5a5a24b2] { margin: 0 auto; border-radius: 0; padding: 40px 32px } } .buy-sell .content .help[data-v-5a5a24b2] { position: absolute; width: 24px; right: 24px; top: 24px } .buy-sell .content .sel[data-v-5a5a24b2] { background: #f5f5f5; border-radius: 42px; font-size: 16px; margin: 0 auto 4px; width: 115px; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; padding: 5px 8px } .buy-sell .content .sel[data-v-5a5a24b2], .buy-sell .content .sel span[data-v-5a5a24b2] { display: block; display: flex; flex-direction: row; align-items: center; -webkit-align-items: center; -ms-flex-align: center } .buy-sell .content .sel span[data-v-5a5a24b2] { justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start } .buy-sell .content .sel span img[data-v-5a5a24b2] { width: 20px; margin-right: 8px } .buy-sell .content .sel .icon[data-v-5a5a24b2] { width: 5.6px; fill: #212833 } .buy-sell .content .curr-price[data-v-5a5a24b2] { font-size: 20px; line-height: 28px } .buy-sell .content .curr-change[data-v-5a5a24b2] { font-size: 14px; line-height: 16px } .buy-sell .content .svg[data-v-5a5a24b2] { margin-left: -60px; margin-right: -60px } .buy-sell .content .ipt[data-v-5a5a24b2] { display: block; display: flex; flex-direction: row; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; -webkit-align-items: center; -ms-flex-align: center; width: 100%; margin: 40px 0 } .buy-sell .content .ipt input[data-v-5a5a24b2] { font-size: 48px; width: 240px; outline: none; border: none; border-bottom: 1px solid #f0b90b; text-align: left } .buy-sell .content .ipt input[data-v-5a5a24b2]::-webkit-inner-spin-button, .buy-sell .content .ipt input[data-v-5a5a24b2]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 } .buy-sell .content .ipt input[data-v-5a5a24b2]::-webkit-input-placeholder { position: relative; left: 3px } .buy-sell .content .ipt .unit[data-v-5a5a24b2] { font-size: 18px } .buy-sell .content .val[data-v-5a5a24b2] { font-size: 14px; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between } .buy-sell .content .val[data-v-5a5a24b2], .buy-sell .content .val span[data-v-5a5a24b2] { display: block; display: flex; flex-direction: row; align-items: center; -webkit-align-items: center; -ms-flex-align: center } .buy-sell .content .val span[data-v-5a5a24b2] { justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start } .buy-sell .content .val span img[data-v-5a5a24b2] { width: 24px; margin-right: 8px } .buy-sell .content .val .avai[data-v-5a5a24b2] { color: #707a8a; cursor: pointer } .buy-sell .content .protocol[data-v-5a5a24b2] { font-size: 12px; color: #1e2329; text-align: left; margin: 32px 0 12px; line-height: 16px; align-items: center } .buy-sell .content .err[data-v-5a5a24b2] { font-size: 12px; color: #f6465d; text-align: left; white-space: normal; margin-bottom: 12px } .buy-sell .content .btn[data-v-5a5a24b2] { width: 100%; color: #fff } .buy-sell .content .tips[data-v-5a5a24b2] { margin-top: 16px; list-style: disc; font-size: 12px; line-height: 16px; color: #707a8a; padding-left: 20px } .buy-sell .content .tips li[data-v-5a5a24b2] { text-align: left } .buy-sell .content .tips li a[data-v-5a5a24b2] { color: #f0b90b } .buy-sell .content .unlog[data-v-5a5a24b2] { text-align: center; margin: 40px 0 } .buy-sell .content .unlog .tip[data-v-5a5a24b2] { font-size: 16px; line-height: 24px; margin-bottom: 40px } .buy-sell .content .unlog .line[data-v-5a5a24b2] { height: 1px; background: #eaecef; margin: 24px 0; line-height: 42px; position: relative; text-align: center } .buy-sell .content .unlog .line span[data-v-5a5a24b2] { position: absolute; font-size: 16px; top: -24px; background: #fff; width: 24px; left: calc(50% - 12px); color: #707a8a; white-space: nowrap } .buy-sell .content .unlog .bc-btn[data-v-5a5a24b2] { width: 100% } .buy-sell .content .unlog .btn-yellow[data-v-5a5a24b2] { background: #fcd535 } .buy-sell .content .unlog .btn-gray[data-v-5a5a24b2] { background: #eaecef } .new-tips ul[data-v-5a5a24b2] { margin-top: 16px; list-style: disc; font-size: 14px; line-height: 24px; color: #707a8a; padding-left: 20px } .new-tips ul li[data-v-5a5a24b2] { text-align: left } .new-tips ul li a[data-v-5a5a24b2] { color: #f0b90b } .new-tips .understant[data-v-5a5a24b2] { display: flex; justify-content: center; padding: 24px 0 0 }   header[data-v-1f38d5b8] { top: 0; left: 0; right: 0; background: #12161c; color: #fff; height: 64px; z-index: 100 } nav[data-v-1f38d5b8] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: center; -webkit-align-items: center; -ms-flex-align: center; height: 100%; padding: 0 24px } nav a[data-v-1f38d5b8] { color: #fff } nav a[data-v-1f38d5b8]:hover { color: #ccc } .nav-logo img[data-v-1f38d5b8] { width: auto; height: 24px } .download-content[data-v-1f38d5b8] { min-height: 600px; background: #0b0e11; font-family: BinancePlex, PingFangSC-Regular, Arial, Microsoft YaHei, sans-serif; padding-top: 1px } .download-content .download .layout-fix[data-v-1f38d5b8] { display: none } .download-content .download .layout-top[data-v-1f38d5b8] { position: relative; padding-top: 60px } .download-content .download .layout-top .content[data-v-1f38d5b8] { position: absolute; top: 0; left: 0; right: 0; z-index: 99 } .download-content .download .layout-top .content .layout-l-f[data-v-1f38d5b8] { display: block; display: flex; flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; align-items: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; padding-top: 60px } .download-content .download .layout-top .content .layout-l-f .left[data-v-1f38d5b8] { margin-top: 20px } .download-content .download .layout-top .content .layout-l-f .left p[data-v-1f38d5b8] { width: 248px; margin: 66px 0 0 86px } .download-content .download .layout-top .content .layout-l-f .left p img[data-v-1f38d5b8] { width: 100%; height: auto } .download-content .download .layout-top .content .layout-l-f .right[data-v-1f38d5b8] { margin-left: 114px; margin-top: 60px } .download-content .download .layout-top .content .layout-l-f .right .moblie-show[data-v-1f38d5b8] { display: none } .download-content .download .layout-top .content .layout-l-f .right h1[data-v-1f38d5b8] { font-size: 48px; color: #fff !important; line-height: 48px; margin-bottom: 24px } .download-content .download .layout-top .content .layout-l-f .right h2[data-v-1f38d5b8] { max-width: 600px; font-size: 20px; color: #fff !important; line-height: 24px; margin-bottom: 48px } .download-content .download .layout-top .content .layout-l-f .right p[data-v-1f38d5b8] { max-width: 600px; font-size: 12px; color: #fff !important; line-height: 16px; margin-bottom: 50px } .download-content .download .layout-top .content .layout-l-f .right .down-list[data-v-1f38d5b8] { margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: flex-start } .download-content .download .layout-top .content .layout-l-f .right .down-list a[data-v-1f38d5b8] { width: 172px; display: flex; align-items: center; position: relative; padding: 12px 16px; border-radius: 4px; border: 1px solid hsla(0, 0%, 100%, .4); transition: all .3s ease-in-out 0s; overflow: hidden; margin-right: 24px } .download-content .download .layout-top .content .layout-l-f .right .down-list a[data-v-1f38d5b8]:last-child { margin-right: 0 } .download-content .download .layout-top .content .layout-l-f .right .down-list a>div[data-v-1f38d5b8] { line-height: 100%; margin-left: 10px } .download-content .download .layout-top .content .layout-l-f .right .down-list a>div span[data-v-1f38d5b8] { font-size: 12px; font-weight: 400; color: #fff; display: inline-block; margin-bottom: 2px } .download-content .download .layout-top .content .layout-l-f .right .down-list a>div strong[data-v-1f38d5b8] { font-size: 16px; font-weight: 500; color: #fff } .download-content .download .layout-top .content .layout-l-f .right .down-list a[data-v-1f38d5b8], .download-content .download .layout-top .content .layout-l-f .right .down-list a[data-v-1f38d5b8]:focus, .download-content .download .layout-top .content .layout-l-f .right .down-list a[data-v-1f38d5b8]:visited { color: #333; outline: none; text-decoration: none } .download-content .download .layout-top .content .layout-l-f .right .down-list a[data-v-1f38d5b8]:hover { border-color: #fff } .download-content .download .layout-top .content .layout-l-f .right .down-list i[data-v-1f38d5b8] { color: #fff; font-size: 32px } .download-content .download .layout-mid[data-v-1f38d5b8] { width: 100%; min-height: 1960px; background: url(/images/turkey/download/combine.png) no-repeat 50%; background-size: cover } .download-content .download .layout-mid .features[data-v-1f38d5b8] { width: 100%; min-height: 916px } .download-content .download .layout-mid .features h1[data-v-1f38d5b8] { font-size: 40px; color: #fff !important; line-height: 48px; text-align: center; padding-top: 210px } .download-content .download .layout-mid .features ul[data-v-1f38d5b8] { display: flex } .download-content .download .layout-mid .features ul li[data-v-1f38d5b8] { width: 33.3%; display: flex; flex-direction: column; margin: 40px 0; padding: 30px 24px 24px 38px; box-sizing: border-box } .download-content .download .layout-mid .features ul li .pic[data-v-1f38d5b8] { width: 72px; height: 72px; margin: 0 auto } .download-content .download .layout-mid .features ul li .pic img[data-v-1f38d5b8] { width: 100%; height: auto } .download-content .download .layout-mid .features ul li .discript .title[data-v-1f38d5b8] { font-size: 24px; line-height: 28px; color: #fff; padding-top: 32px; padding-bottom: 16px; font-weight: 600; text-align: center } .download-content .download .layout-mid .features ul li .discript .des[data-v-1f38d5b8] { font-size: 16px; line-height: 24px; color: #fff } .download-content .download .layout-mid .app[data-v-1f38d5b8] { margin-top: -146px } .download-content .download .layout-mid .app h1[data-v-1f38d5b8] { font-size: 24px; line-height: 28px; text-align: center; color: #fff; padding-bottom: 16px } .download-content .download .layout-mid .app p[data-v-1f38d5b8] { width: 594px; margin: 0 auto } .download-content .download .layout-mid .app p img[data-v-1f38d5b8] { width: 100%; height: auto } .download-content .download .layout-mid .app .download-group[data-v-1f38d5b8] { margin-top: 84px; display: block; display: flex; flex-direction: row; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; -webkit-align-items: center; -ms-flex-align: center } .download-content .download .layout-mid .app .download-group img[data-v-1f38d5b8] { width: auto; height: 46px; margin-right: 15px } .download-content .download .layout-mid .start-now[data-v-1f38d5b8] { margin-top: 262px } .download-content .download .layout-mid .start-now p[data-v-1f38d5b8] { width: 728px; margin: 0 auto } .download-content .download .layout-mid .start-now p img[data-v-1f38d5b8] { width: 100%; height: auto } .download-content .download .layout-mid .start-now h1[data-v-1f38d5b8] { font-size: 32px; line-height: 40px; text-align: center; color: #fff; margin: 38px 0 16px } .download-content .download .layout-mid .start-now h2[data-v-1f38d5b8] { font-size: 16px; line-height: 24px; text-align: center; color: #fff; margin-bottom: 40px } .download-content .download .layout-mid .start-now .btn[data-v-1f38d5b8] { padding-bottom: 62px; text-align: center } .download-content .download .layout-mid .start-now .btn .bc-btn-yellow[data-v-1f38d5b8] { padding: 11px 24px; border-radius: 4px; font-weight: 600; font-size: 14px; line-height: 18px; color: #1e2026; font-family: BinancePlex, PingFangSC-Regular, Arial, Microsoft YaHei, sans-serif } .download-content .download .layout-bot[data-v-1f38d5b8] { display: none } .download-content .styles-autoBox[data-v-1f38d5b8] { position: relative; width: 100%; overflow: hidden } .download-content .styles-autoBox .styles-autoContent[data-v-1f38d5b8] { width: -webkit-max-content; width: -moz-max-content; width: max-content; -webkit-animation-name: styles_ltr-data-v-1f38d5b8; animation-name: styles_ltr-data-v-1f38d5b8; -webkit-animation-duration: 20s; animation-duration: 20s; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; border: 1px solid transparent } .download-content .styles-autoBox .styles-autoContent .styles-firstChild[data-v-1f38d5b8] { float: left; width: -webkit-max-content; width: -moz-max-content; width: max-content; display: flex } .download-content .styles-autoBox .styles-autoContent .styles-secondChild[data-v-1f38d5b8] { float: left; display: flex } .download-content .styles-autoBox .styles-autoContent .css-vurnku[data-v-1f38d5b8] { box-sizing: border-box; margin: 0; min-width: 0 } .download-content .styles-autoBox .styles-autoContent .css-vurnku img[data-v-1f38d5b8] { width: 750px } @-webkit-keyframes styles_ltr-data-v-1f38d5b8 { 0% { transform: translate(0) } to { transform: translate(-50%) } } @keyframes styles_ltr-data-v-1f38d5b8 { 0% { transform: translate(0) } to { transform: translate(-50%) } } @media screen and (min-width:768px) and (max-width:1135px) { .download-content[data-v-1f38d5b8] { min-width: 768px; width: 100%; flex-direction: column } .download-content .bc-center-w1136[data-v-1f38d5b8] { min-width: 564px } .download-content .download[data-v-1f38d5b8] { position: relative } .download-content .download .layout-top[data-v-1f38d5b8] { min-height: 454px } .download-content .download .layout-top .bg-show[data-v-1f38d5b8] { width: 380px } .download-content .download .layout-top .bg-show img[data-v-1f38d5b8] { width: 100%; height: auto } .download-content .download .layout-top .content .layout-l-f .left p[data-v-1f38d5b8] { width: 176px; margin: 0 0 0 86px } .download-content .download .layout-top .content .layout-l-f .right[data-v-1f38d5b8] { margin-left: 58px; margin-top: 0 } .download-content .download .layout-top .content .layout-l-f .right .moblie-show[data-v-1f38d5b8] { display: none } .download-content .download .layout-top .content .layout-l-f .right h2[data-v-1f38d5b8] { max-width: 428px; margin-bottom: 24px } .download-content .download .layout-top .content .layout-l-f .right p[data-v-1f38d5b8] { max-width: 400px; margin-bottom: 36px } .download-content .download .layout-mid[data-v-1f38d5b8] { background-size: 130% 100% } .download-content .download .layout-mid .features[data-v-1f38d5b8] { min-height: 580px } .download-content .download .layout-mid .features h1[data-v-1f38d5b8] { padding-top: 180px } .download-content .download .layout-mid .features ul[data-v-1f38d5b8] { padding: 0 24px } .download-content .download .layout-mid .features ul li[data-v-1f38d5b8] { margin: 60px 0; padding: 0 24px 0 38px } .download-content .download .layout-mid .features ul li .discript[data-v-1f38d5b8] { padding-right: 20px } .download-content .download .layout-mid .features ul li .discript .title[data-v-1f38d5b8] { padding-top: 22px; font-size: 20px; line-height: 24px; margin-bottom: 8px } .download-content .download .layout-mid .app[data-v-1f38d5b8] { margin-top: 220px } .download-content .download .layout-mid .app h1[data-v-1f38d5b8] { padding-bottom: 32px } .download-content .download .layout-mid .app .download-group[data-v-1f38d5b8] { margin-top: 104px } .download-content .download .layout-mid .start-now[data-v-1f38d5b8] { display: none } .download-content .download .layout-bot[data-v-1f38d5b8] { display: block; position: absolute; bottom: -289px; background: #0b0e11; width: 100% } .download-content .download .layout-bot .start-now[data-v-1f38d5b8] { margin-top: 20px } .download-content .download .layout-bot .start-now .crypto-img[data-v-1f38d5b8] { display: block } .download-content .download .layout-bot .start-now .mobile-crypto-img[data-v-1f38d5b8] { display: none } .download-content .download .layout-bot .start-now p[data-v-1f38d5b8] { width: 96%; margin: 0 auto } .download-content .download .layout-bot .start-now p img[data-v-1f38d5b8] { width: 100%; height: auto } .download-content .download .layout-bot .start-now h1[data-v-1f38d5b8] { font-size: 32px; line-height: 48px; text-align: center; color: #fff; margin: 55px 0 16px } .download-content .download .layout-bot .start-now h2[data-v-1f38d5b8] { font-size: 16px; line-height: 24px; text-align: center; color: #fff; margin-bottom: 40px } .download-content .download .layout-bot .start-now .btn[data-v-1f38d5b8] { padding-bottom: 62px; text-align: center } .download-content .download .layout-bot .start-now .btn .bc-btn-yellow[data-v-1f38d5b8] { padding: 11px 24px; border-radius: 4px; font-weight: 600; font-size: 14px; line-height: 18px; color: #1e2026; font-family: BinancePlex, PingFangSC-Regular, Arial, Microsoft YaHei, sans-serif } } @media screen and (min-width:375px) and (max-width:766px) { header[data-v-1f38d5b8] { position: fixed } .download-content[data-v-1f38d5b8] { min-width: 375px; width: 100%; flex-direction: column } .download-content .bc-center-w1136[data-v-1f38d5b8] { min-width: 343px } .download-content .download[data-v-1f38d5b8] { width: 100%; position: relative } .download-content .download .layout-fix[data-v-1f38d5b8] { display: block; width: 100%; background: #fafafa; padding: 20px 20px 20px 24px; position: fixed; z-index: 999 } .download-content .download .layout-fix .main[data-v-1f38d5b8] { justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between } .download-content .download .layout-fix .main[data-v-1f38d5b8], .download-content .download .layout-fix .main .img-text[data-v-1f38d5b8] { display: block; display: flex; flex-direction: row; align-items: center; -webkit-align-items: center; -ms-flex-align: center } .download-content .download .layout-fix .main .img-text[data-v-1f38d5b8] { justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start } .download-content .download .layout-fix .main .img-text .img-binance[data-v-1f38d5b8] { width: 56px; margin-right: 24px } .download-content .download .layout-fix .main .img-text .img-binance img[data-v-1f38d5b8] { width: 100% } .download-content .download .layout-fix .main .img-text .text h1[data-v-1f38d5b8] { margin: 0; font-size: 14px; line-height: 20px; color: #000 } .download-content .download .layout-fix .main .img-text .text p[data-v-1f38d5b8] { font-size: 12px; line-height: 16px; color: #474d57 } .download-content .download .layout-fix .main .img-text .text .install[data-v-1f38d5b8] { margin-top: 12px; padding: 4px 8px; background: #fff; border: 1px solid #e6e8ea; box-sizing: border-box; border-radius: 4px; font-size: 12px; line-height: 16px; color: #c99400 } .download-content .download .layout-fix .main .btn-close[data-v-1f38d5b8] { width: 16px; height: 16px } .download-content .download .layout-fix .main .btn-close img[data-v-1f38d5b8] { width: 100% } .download-content .download .layout-top[data-v-1f38d5b8] { min-height: 660px } .download-content .download .layout-top .bg-show[data-v-1f38d5b8] { display: none } .download-content .download .layout-top .content .layout-l-f[data-v-1f38d5b8] { padding-top: 0 } .download-content .download .layout-top .content .layout-l-f .left[data-v-1f38d5b8] { display: none } .download-content .download .layout-top .content .layout-l-f .right[data-v-1f38d5b8] { margin-left: 0; margin-top: 0 } .download-content .download .layout-top .content .layout-l-f .right .moblie-show[data-v-1f38d5b8] { display: block; width: 175px; margin: 16px auto 32px } .download-content .download .layout-top .content .layout-l-f .right .moblie-show img[data-v-1f38d5b8] { width: 100%; height: auto } .download-content .download .layout-top .content .layout-l-f .right h1[data-v-1f38d5b8] { font-size: 24px; color: #fff !important; line-height: 28px; margin: 16px 0; text-align: center } .download-content .download .layout-top .content .layout-l-f .right h2[data-v-1f38d5b8] { width: 100%; padding: 0 20px; font-size: 16px; color: #fff !important; line-height: 24px; text-align: center } .download-content .download .layout-top .content .layout-l-f .right p[data-v-1f38d5b8] { display: none } .download-content .download .layout-top .content .layout-l-f .right .down-list[data-v-1f38d5b8] { width: 100%; padding: 0 10px } .download-content .download .layout-top .content .layout-l-f .right .down-list a[data-v-1f38d5b8] { width: 48%; margin-right: 12px } .download-content .download .layout-mid[data-v-1f38d5b8] { background: none; background-size: 130% 100% } .download-content .download .layout-mid .features[data-v-1f38d5b8] { min-height: 990px; padding: 40px 0 0 } .download-content .download .layout-mid .features h1[data-v-1f38d5b8] { padding-top: 0; margin: 0 } .download-content .download .layout-mid .features ul[data-v-1f38d5b8] { padding: 0 24px; flex-direction: column } .download-content .download .layout-mid .features ul li[data-v-1f38d5b8] { width: 94%; margin: 65px 0 0; padding: 0 24px 0 38px } .download-content .download .layout-mid .features ul li>p.pic[data-v-1f38d5b8] { margin: 0 auto } .download-content .download .layout-mid .features ul li p.title[data-v-1f38d5b8] { text-align: center } .download-content .download .layout-mid .features ul li .discript[data-v-1f38d5b8] { padding-right: 20px } .download-content .download .layout-mid .features ul li .discript .title[data-v-1f38d5b8] { padding-top: 25px; padding-bottom: 8px; font-size: 20px; line-height: 24px; margin-bottom: 0 } .download-content .download .layout-mid .app[data-v-1f38d5b8] { background: url(/images/turkey/download/app-bg.png) no-repeat 50%; background-size: 200%; margin-top: 0; padding-bottom: 260px } .download-content .download .layout-mid .app h1[data-v-1f38d5b8] { padding-top: 72px; padding-bottom: 24px; font-size: 16px; line-height: 24px } .download-content .download .layout-mid .app p[data-v-1f38d5b8] { width: 304px } .download-content .download .layout-mid .app .download-group[data-v-1f38d5b8] { margin-top: 48px } .download-content .download .layout-mid .app .download-group a[data-v-1f38d5b8] { width: 140px; margin-right: 24px } .download-content .download .layout-mid .app .download-group a[data-v-1f38d5b8]:last-child { margin-right: 0 } .download-content .download .layout-mid .app .download-group a img[data-v-1f38d5b8] { width: 100%; height: auto } .download-content .download .layout-mid .start-now[data-v-1f38d5b8] { display: none } .download-content .download .layout-bot[data-v-1f38d5b8] { display: block; position: absolute; bottom: 64px; background: #0b0e11; width: 100% } .download-content .download .layout-bot .start-now[data-v-1f38d5b8] { margin-top: 20px } .download-content .download .layout-bot .start-now .crypto-img[data-v-1f38d5b8] { display: none } .download-content .download .layout-bot .start-now .mobile-crypto-img[data-v-1f38d5b8] { display: block } .download-content .download .layout-bot .start-now p[data-v-1f38d5b8] { width: 100%; margin: 0 auto } .download-content .download .layout-bot .start-now p img[data-v-1f38d5b8] { width: 100%; height: auto } .download-content .download .layout-bot .start-now h1[data-v-1f38d5b8] { font-size: 16px; line-height: 24px; text-align: center; color: #fff; margin: 50px 0 16px } .download-content .download .layout-bot .start-now h2[data-v-1f38d5b8] { font-size: 12px; line-height: 16px; text-align: center; color: #fff; margin-bottom: 24px } .download-content .download .layout-bot .start-now .btn[data-v-1f38d5b8] { padding-bottom: 0; text-align: center } .download-content .download .layout-bot .start-now .btn .bc-btn-yellow[data-v-1f38d5b8] { padding: 11px 24px; border-radius: 4px; font-weight: 600; font-size: 14px; line-height: 18px; color: #1e2026; font-family: BinancePlex, PingFangSC-Regular, Arial, Microsoft YaHei, sans-serif } }