html{line-height: 1.15;text-size-adjust: 100%;} body{width:100vw;height:100vh;background:#f5f5f5;min-height: 100vh;overflow-y: auto;overflow-x: hidden !important;font-family: BinancePlex,Arial,sans-serif!important;} ::-webkit-input-placeholder { /* WebKit browsers */ color: #424852; font-size: 14px; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #424852; font-size: 14px; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #424852; font-size: 14px; } input:focus{background:#1b1e25;outline: 1px solid #1b1e25;} select:focus{background:#1b1e25;outline: 1px solid #1b1e25;} textarea:focus{background:#1b1e25;outline: 1px solid #1b1e25;} input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;} .App{ width: 100vw;height: 100vh;overflow: hidden auto;box-sizing: border-box;-webkit-tap-highlight-color: transparent;} .css-tq0shg{ box-sizing: border-box; margin: 0; min-width: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; } .css-jmskxt{ padding-left: 26px; padding-right: 26px; box-sizing: border-box; margin: 0; min-width: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #181A20; height: 64px; width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; as: header; height: 64px; } .css-jmskxt >div { height: 100%; } .css-1mvf8us { box-sizing: border-box; margin: 0; min-width: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 14px; outline: none; cursor: pointer; color: #EAECEF; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-text-decoration: none; text-decoration: none; margin-left: 8px; margin-right: 8px; height: 100%; color: #F0B90B; -webkit-flex: none; -ms-flex: none; flex: none; } .css-1jgk2rg { box-sizing: border-box; margin: 0; min-width: 0; color: currentColor; width: 24px; height: 24px; font-size: 24px; fill: #EAECEF; fill: currentColor; width: 64px; height: 24px; } .css-jmskxt a, .css-jmskxt a:active, .css-jmskxt a:visited { -webkit-text-decoration: none; text-decoration: none; } .css-1tp5kus { box-sizing: border-box; margin: 0; min-width: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #EAECEF; overflow: hidden; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: auto; visibility: visible; margin-left:25px; } .css-1tp5kus > div, .css-1tp5kus > a { -webkit-flex: none; -ms-flex: none; flex: none; height: 100%; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .css-1smf7ma { box-sizing: border-box; margin: 0; min-width: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 14px; outline: none; cursor: pointer; color: #EAECEF; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-text-decoration: none; text-decoration: none; margin-left: 8px; margin-right: 8px; height: 100%; } a { background-color: transparent; } .css-1smf7ma.active, .css-1smf7ma:hover { color: #F0B90B; } .css-wu6zme { box-sizing: border-box; margin: 0; min-width: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: none; -ms-flex: none; flex: none; } .css-11y6cix { box-sizing: border-box; margin: 0; min-width: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .css-mu7imd { box-sizing: border-box; margin: 0; min-width: 0; position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; height: 100%; } .css-15owl46 { box-sizing: border-box; margin: 0; min-width: 0; position: relative; } .css-vurnku { box-sizing: border-box; margin: 0; min-width: 0; } .css-1ql2hru { box-sizing: border-box; margin: 0; min-width: 0; position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .css-1x1srvk { box-sizing: border-box; margin: 0; min-width: 0; color: currentColor; width: 18px; height: 18px; font-size: 18px; fill: #EAECEF; fill: currentColor; color: #848E9C; -webkit-transition: all 0.1s; transition: all 0.1s; -webkit-transform: rotateX(0); -ms-transform: rotateX(0); transform: rotateX(0); } .css-1rch7es { box-sizing: border-box; margin: 0px; display: flex; padding-left: 4px; padding-right: 4px; background-color: rgb(246, 70, 93); font-size: 12px; color: rgb(255, 255, 255); height: 15px; min-width: 15px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 99999px; top: 0px; right: 8px; z-index: 9; position: absolute; transform: translate(50%); } .css-6px2js { box-sizing: border-box; margin: 0; min-width: 0; color: currentColor; width: 24px; height: 24px; font-size: 24px; fill: #EAECEF; fill: currentColor; } .css-gv1gi9 { box-sizing: border-box; margin: 0; min-width: 0; display: none; pointer-events: none; visibility: hidden; z-index: 1100; } .css-1ox6s0y { box-sizing: border-box; margin: 0; min-width: 0; background-color: #1E2329; position: relative; box-shadow: 0px 0px 20px rgb(0 0 0 / 8%); overflow: hidden; min-width: 200px; max-width: 400px; border-radius: 0 0 8px 8px; } .css-1xbszl8 { box-sizing: border-box; margin: 0px; min-width: 0px; display: flex; font-size: 14px; outline: none; cursor: pointer; color: rgb(234, 236, 239); -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; padding: 16px; } .css-165cxtr { box-sizing: border-box; margin: 0px; min-width: 0px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 24px; height: 24px; color: rgb(132, 142, 156); } .css-9pwsq { box-sizing: border-box; margin: 0; min-width: 0; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-left: 12px; } .css-1xbszl8 .menu-ctx { font-size: 14px; margin-left: 12px; } .css-10nf7hq { box-sizing: border-box; margin: 0; min-width: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .css-1iqe90x { box-sizing: border-box; margin: 0; min-width: 0; color: #EAECEF; } .order_navlist{ position: fixed; /*inset: 0px auto auto 50px;*/ /*transform: translate(1031px, 64px);*/ /*-ms-transform: translate(1031px, 64px);*/ /*-moz-transform: translate(1031px, 64px);*/ /*-webkit-transform:translate(1031px, 64px);*/ /*-o-transform:translate(1031px, 64px);*/ min-height:220px; min-width:160px; background:#181A20; border-bottom-left-radius:10px; border-bottom-right-radius:10px; z-index:999999;} .optionli{width:100%;height:50px;line-height:50px;text-align:left;padding:0px 15px;} .css-4qtnb6 { box-sizing: border-box; margin: 0; min-width: 0; background-color: #181A20; padding-top: 24px; width: 100vw; } .fcc{color:#707A8A;} .fch{color:#000;} .fcf{color:#fff;} .fcy{color:#F0B90B;} .fred{color:#CF304A} .fgreen{color:#03A66D;} .f12{font-size:12px;} .f14{font-size:14px;} .f16{font-size:16px;} .f18{font-size:18px;} .f20{font-size:20px;} .f22{font-size:22px;} .famy{font-family: DINNext,BinancePlex,Arial,PingFangSC-Regular,Microsoft YaHei,sans-serif;} .fw{font-weight:bold;} .fl{float:left;} .fl{float:left;} .fr{float:right;} .tcl{text-align:left;} .tcc{text-align:center;} .tcr{text-align:right;} ::-webkit-input-placeholder { /* WebKit browsers */ color: #424852; font-size: 14px; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #424852; font-size: 14px; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #424852; font-size: 14px; } input:focus{background:#fff;outline: 1px solid #1b1e25;} select:focus{background:#fff;outline: 1px solid #1b1e25;} textarea:focus{background:#fff;outline: 1px solid #1b1e25;} fgreen{color:#0ecb81;} fred{color:#f5465c;}