/*! CSS Used from: https://fi.woo.org/_nuxt/aa9d14a33fb71ef4e7a1.css */
.account .connect button[data-v-75ff9439]{height:auto;height:44px;padding:0 15px;}
.account .connect button img[data-v-75ff9439]{vertical-align:text-top;display:inline;margin-left:8px;width:16px;}
.mobile .account .connect-with-icon[data-v-75ff9439]{font-size:16px;}
.mobile .account .connect button[data-v-75ff9439]{margin:0 auto;display:block;}
.switch-network[data-v-77822bbe]{position:relative;}
.switch-network .selected[data-v-77822bbe]{height:44px;border:2px solid hsla(0,0%,100%,.1);border-radius:10px;padding:0 10px;margin-right:10px;}
.switch-network .logo[data-v-77822bbe]{width:18px;}
.switch-network .down[data-v-77822bbe]{width:10px;margin-top:3px;}
.switch-network span[data-v-77822bbe]{font-size:16px;margin:0 5px;}
.mobile .switch-network .selected[data-v-77822bbe]{margin-right:10px;border:3px solid hsla(0,0%,100%,.1);}
.mobile .switch-network .selected span[data-v-77822bbe]{display:none;}
.mobile .switch-network .selected .logo[data-v-77822bbe]{margin-right:5px;}
.add-woo[data-v-56ac3774]{margin-right:10px;height:44px;border:2px solid hsla(0,0%,100%,.1);border-radius:10px;padding:0 12px;}
.add-woo .inner img[data-v-56ac3774]{width:28px;height:28px;margin-top:1.5px;}
.add-woo .inner span[data-v-56ac3774]{margin-left:4px;font-size:16px;font-weight:700;}
.mobile .add-woo[data-v-56ac3774]{position:fixed;top:15px;right:50px;height:40px;border-width:3px;padding:0 8px;}
.mobile .add-woo .inner img[data-v-56ac3774]{width:26px;height:26px;}
header[data-v-203c2e94]{padding:0;}
header .logo[data-v-203c2e94]{cursor:pointer;transition:all .5s;}
header .logo img[data-v-203c2e94]{width:135px;}
header .nav[data-v-203c2e94]{margin-left:30px;font-size:18px;color:#fefefe;font-weight:400;padding:8px 0;position:relative;}
header .nav .item[data-v-203c2e94]{padding:10px 14px;cursor:pointer;color:#a8a8a8;display:flex;align-items:center;}
header .nav .item img[data-v-203c2e94]{width:20px;display:inline-block;margin-right:5px;}
header .nav .item span[data-v-203c2e94]{font-size:18px;font-weight:700;}
header .nav .item.active[data-v-203c2e94]{background:hsla(0,0%,100%,.07);border-radius:26px;color:#fff;}
header .nav .item .link[data-v-203c2e94]{padding-left:6px;}
.mobile header[data-v-203c2e94]{background:#15181d;padding:15px;z-index:12;position:fixed;left:0;top:0;right:0;}
.mobile header .logo img[data-v-203c2e94]{height:25px;width:138px;}
.mobile header .nav-switch img[data-v-203c2e94]{height:40px;}
.mobile header .nav[data-v-203c2e94]{position:fixed;top:70px;left:0;right:0;background:#15181d;margin:0;padding:0;z-index:12;}
.mobile header .nav .item[data-v-203c2e94]{padding:20px 0;justify-content:center;background:#262a35;font-size:16px;text-align:left;font-weight:700;border-bottom:1px solid #343843;}
.mobile header .nav .item.active[data-v-203c2e94]{border-radius:0;-webkit-filter:brightness(1.4);filter:brightness(1.4);}
.mobile header .right[data-v-203c2e94]{position:fixed;bottom:0;background:rgba(21,24,29,.9);height:70px;left:0;right:15px;z-index:10;padding-left:30px;justify-content:flex-end;}
footer[data-v-9c881bac]{margin-top:80px;background:#15181d;padding:60px 0 50px;}
footer .group[data-v-9c881bac]{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;}
footer .group .list .title[data-v-9c881bac]{font-weight:500;font-size:20px;color:#ddd;margin-bottom:25px;}
footer .group .list .logo img[data-v-9c881bac]{width:120px;}
footer .group .sub-item .item[data-v-9c881bac]{opacity:.6;font-size:16px;color:#ddd;margin-bottom:10px;}
footer .group .img-items .item[data-v-9c881bac]{width:30px;margin-right:15px;}
.mobile footer[data-v-9c881bac]{margin-top:0;padding:50px 0;}
.mobile footer .group[data-v-9c881bac]{display:block;padding:0 15px 50px;}
.mobile footer .group .list[data-v-9c881bac]{margin-top:30px;}
.mobile footer .group .list[data-v-9c881bac]:first-child{margin-top:0;}
.mobile footer .group .list .title[data-v-9c881bac]{margin-bottom:15px;}
button,input{outline:none;}
:focus{outline:0;}
.mobile .el-tooltip{pointer-events:auto;}
.bold{font-weight:700;}
*{scrollbar-width:none;}
body{background-size:cover;min-height:100vh;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
button{font-family:DIN;}
body{background-color:#20252f;}
*,:after,:before{box-sizing:border-box;margin:0;}
body,div,footer,h2,header,i,img,input,p,span{font-family:DIN,pingfang;margin:0;padding:0;}
input:focus{outline:none;}
h2{font-weight:inherit;}
img{display:block;max-width:100%;}
.hide{display:none!important;}
.touch:active,.touch:hover{opacity:.7!important;cursor:pointer;}
.flex-all{align-items:center;}
.flex-all{display:flex;justify-content:space-between;}
.flex-align{display:flex;align-items:center;}
.header-container{margin:0 20px;}
.container{max-width:1280px;margin:0 auto;min-height:calc(100vh - 454px);}
.mobile .container{margin-top:80px;}
.el-dialog__wrapper .el-dialog{border-radius:20px;}
input[type=number]{-moz-appearance:textfield;}
.el-notify-error{display:flex;align-items:center;}
.el-notify-error i{font-size:18px;margin-right:10px;}
.el-notify-error span{font-size:18px;color:#252525;}
body .el-dialog{background:#252a36;border-radius:2px;}
body .el-dialog .el-dialog__header{padding:30px 30px 0;}
body .el-dialog .el-dialog__header .el-dialog__title{font-size:20px;color:#fefefe;font-weight:700;}
body .el-button{height:55px;font-weight:700;font-family:Helvetica Neue;}
body .el-button{font-size:20px;border-radius:10px;background:none;color:#73bef4;border:2px solid #73bef4;}
body .el-button.el-button--primary{color:#fefefe;background:#73bef4;border:none;}
body .el-button.el-button--primary:active,body .el-button.el-button--primary:hover{background:#1e627d!important;border:none;}
body .el-dialog{display:flex;flex-direction:column;margin:0!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
body .el-dialog__headerbtn{top:30px;right:30px;font-size:22px;}
body .el-dialog__headerbtn .el-dialog__close{color:#fefefe;font-weight:700;}
body .el-notification{width:400px;opacity:.9;padding:10px 26px 16px 0;border:2px solid hsla(0,0%,100%,.1);background:#212630;box-shadow:0 10px 10px 0 rgba(0,0,0,.1);border-radius:10px;}
body .el-notification span{font-size:18px;color:#fefefe;margin-left:20px;}
body .el-notification .el-notification__closeBtn{background:#15181d;padding:5px;border-radius:0 10px 0 10px;top:0;right:0;color:#fefefe;font-weight:700;}
body .el-notification .el-notify-error:after{background:#ff8a3b;}
body .el-notification .el-notify-error:after{box-shadow:0 10px 10px 0 rgba(0,0,0,.1);border-radius:10px 0 0 10px;width:45px;height:200px;content:"";position:absolute;left:0;}
body .el-notification i{z-index:100;color:#000!important;}
.mobile{background-color:#15181d;}
.mobile .header-container{margin:0;}
.mobile .el-button{height:50px;font-size:16px!important;padding-top:8px;padding-bottom:8px;}
.mobile .el-notification{width:345px;padding:6px 13px 11px 0;}
.mobile .el-dialog{border-radius:10px;}
.mobile .el-dialog .el-dialog__header{padding:30px 20px 0;}
.mobile .el-dialog .el-dialog__header .el-dialog__title{color:#fff;font-size:18px!important;font-weight:700;}
.mobile .el-dialog .el-dialog__headerbtn{top:30px;right:20px;font-size:22px;}
.coin-input[data-v-8b9ff196]{background:#252a36;border-radius:10px;padding:20px 16px;color:#a8a8a8;}
.coin-input .top[data-v-8b9ff196]{position:relative;}
.coin-input .top .tab-name[data-v-8b9ff196]{opacity:.4;font-size:10px;color:#fff;}
.coin-input .top .select img.down[data-v-8b9ff196]{width:10px;margin-top:3px;margin-left:7px;}
.coin-input .top .chain-tab[data-v-8b9ff196]{position:relative;}
.coin-input .top .chain-tab .tab-select .current-chain img.icon[data-v-8b9ff196]{height:20px;width:20px;margin-right:4px;}
.coin-input .top .chain-tab .tab-select .current-chain span[data-v-8b9ff196]{font-size:16px;color:#fff;}
.coin-input .top .coin-tab .coin-icon[data-v-8b9ff196]{margin-right:6px;}
.coin-input .top .coin-tab .coin-icon img[data-v-8b9ff196]{height:20px;width:20px;}
.coin-input .top .coin-tab .coin-right .coin-select .current-coin span[data-v-8b9ff196]{min-width:55px;font-size:16px;color:#fff;}
.coin-input .main[data-v-8b9ff196]{background:#15191e;position:relative;border-radius:10px;padding:10px;margin-top:20px;}
.coin-input .main input[data-v-8b9ff196]{height:30px;width:60%;background:#15191e;border:none;color:#fefefe;font-size:20px;}
.coin-input .main .num[data-v-8b9ff196]{font-size:16px;color:#ddd;font-weight:500;}
.coin-input .main .balance[data-v-8b9ff196]{font-weight:500;font-size:16px;min-width:120px;overflow:hidden;}
.coin-input .main .balance.disabled[data-v-8b9ff196]{opacity:.3;}
.coin-input .main .balance img[data-v-8b9ff196]{width:18px;}
.mobile .coin-input[data-v-8b9ff196]{padding:0;}
.mobile .coin-input .top[data-v-8b9ff196]{font-weight:400;}
.chart[data-v-1bf21d32]{height:100%;background:#15181d;box-shadow:0 4px 10px 0 rgba(0,0,0,.52);border-radius:10px;padding:30px;position:relative;}
.chart .title .token[data-v-1bf21d32]{font-size:18px;color:#fefefe;}
.chart .title .switch .item[data-v-1bf21d32]{font-size:12px;color:#fff;border-radius:10px;padding:6px 10px;}
.chart .title .switch .active[data-v-1bf21d32]{color:#73bef4;background:#252a36;padding:7px 10px;font-weight:700;}
.chart .data-board[data-v-1bf21d32]{margin-top:10px;}
.chart .data-board .num[data-v-1bf21d32]{font-size:24px;color:#fefefe;font-weight:700;margin-bottom:6px;}
.chart .data-board .text[data-v-1bf21d32]{opacity:.5;font-size:16px;color:#fefefe;margin-right:10px;}
.chart .data-board .tag[data-v-1bf21d32]{font-size:16px;margin-right:5px;border-radius:6px;font-weight:700;padding:2px 5px;}
.chart .data-board .fall[data-v-1bf21d32]{background:#3f262a;color:#e95d5d;}
.chart .line[data-v-1bf21d32]{position:absolute;left:30px;bottom:20px;}
.mobile .chart[data-v-1bf21d32]{background:#252a36;margin-top:20px;min-height:300px;padding:20px;}
.mobile .chart .title .token[data-v-1bf21d32]{font-size:22px;font-weight:700;}
.mobile .chart .data-board .tag[data-v-1bf21d32],.mobile .chart .data-board .text[data-v-1bf21d32]{font-size:12px;}
.mobile .chart .line[data-v-1bf21d32]{right:auto;}
.queue[data-v-750f7134]{position:fixed;bottom:30px;right:30px;z-index:11;}
.mobile .queue[data-v-750f7134]{bottom:85px;right:15px;left:15px;}
.cross-address .list[data-v-36dc40f6]{margin:0;}
.cross-address .list.add[data-v-36dc40f6]{justify-content:flex-end;}
.cross-address .list .text[data-v-36dc40f6]{font-weight:500;font-size:14px;color:#a8a8a8;}
.cross-address .list .icon[data-v-36dc40f6]{margin-left:4px;}
.cross-address .list .icon img[data-v-36dc40f6]{width:24px;height:24px;}
.dex[data-v-610702e6]{width:100%;margin:35px 0 0;}
.dex .top .line-a[data-v-610702e6]{font-size:32px;color:#73bef4;text-align:center;}
.dex .top .line-b[data-v-610702e6]{margin-top:10px;font-size:18px;color:#ddd;text-align:center;}
.dex .main[data-v-610702e6]{align-items:stretch;margin-top:20px;margin-bottom:20px;}
.dex .mid[data-v-610702e6]{width:470px;margin-right:16px;}
.dex .mid .block[data-v-610702e6]{background:#15181d;border-radius:10px;padding:30px;box-shadow:0 4px 10px 0 rgba(0,0,0,.52);}
.dex .mid .top[data-v-610702e6]{height:70px;padding-bottom:20px;}
.dex .mid .top .top-left .title[data-v-610702e6]{font-size:18px;color:#fefefe;}
.dex .mid .top .top-right .item[data-v-610702e6]{background:#212630;border-radius:6px;padding:6px;margin-left:5px;}
.dex .mid .top .top-right img[data-v-610702e6]{height:26px;width:26px;}
.dex .mid .coin-select .to[data-v-610702e6]{width:20px;margin:20px auto;}
.dex .mid .action[data-v-610702e6]{margin-top:20px;}
.dex .mid .action .list[data-v-610702e6]{font-weight:500;color:#a8a8a8;font-size:16px;}
.dex .mid .action .submit[data-v-610702e6]{margin-top:20px;}
.dex .mid .action .submit button[data-v-610702e6]{width:100%;}
.dex .right[data-v-610702e6]{width:797px;}
.mobile .dex[data-v-610702e6]{margin-top:20px;}
.mobile .dex .top .line-a[data-v-610702e6]{font-size:18px;}
.mobile .dex .top .line-b[data-v-610702e6]{margin-top:10px;font-size:14px;font-weight:700;}
.mobile .dex .main[data-v-610702e6]{display:flex;flex-direction:column;padding:0 15px;margin:20px auto 0;}
.mobile .dex .main .mid[data-v-610702e6]{margin-left:0;width:100%;}
.mobile .dex .main .mid .block[data-v-610702e6]{padding:20px;background:#252a36;}
.mobile .dex .main .mid .top[data-v-610702e6]{padding-bottom:15px;}
.mobile .dex .main .mid .top .top-right .item[data-v-610702e6]{background:#31343f;}
.mobile .dex .main .mid .top .top-right .item[data-v-610702e6]:first-child{line-height:0;}
.mobile .dex .main .right[data-v-610702e6]{width:100%;}
.mobile .dex .compare[data-v-610702e6]{padding:0 15px;}
.switch{font-size:16px;}
.mobile .switch{padding-left:20px;}
/*! CSS Used from: https://fi.woo.org/_nuxt/4363492acce03f22757e.css */
[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.el-icon-close:before{content:"\e6db";}
.el-icon-warning:before{content:"\e7a3";}
.el-dialog{position:relative;margin:0 auto 50px;background:#fff;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.3);box-sizing:border-box;width:50%;}
.el-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0;}
.el-dialog__header{padding:20px 20px 10px;}
.el-dialog__headerbtn{position:absolute;top:20px;right:20px;padding:0;background:transparent;border:none;outline:none;cursor:pointer;font-size:16px;}
.el-dialog__headerbtn .el-dialog__close{color:#909399;}
.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:#73bef4;}
.el-dialog__title{line-height:24px;font-size:18px;color:#303133;}
.el-notification{display:flex;width:330px;padding:14px 26px 14px 13px;border-radius:8px;box-sizing:border-box;border:1px solid #ebeef5;position:fixed;background-color:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;overflow:hidden;}
.el-notification.right{right:16px;}
.el-notification__group{margin-left:13px;margin-right:8px;}
.el-notification__title{font-weight:700;font-size:16px;color:#303133;margin:0;}
.el-notification__content{font-size:14px;line-height:21px;margin:6px 0 0;color:#606266;text-align:justify;}
.el-notification__content p{margin:0;}
.el-notification__closeBtn{position:absolute;top:18px;right:15px;cursor:pointer;color:#909399;font-size:16px;}
.el-notification__closeBtn:hover{color:#606266;}
.el-notification .el-icon-warning{color:#e6a23c;}
.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing){outline-width:0;}
.el-progress{position:relative;line-height:1;}
.el-progress--circle{display:inline-block;}
.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:none;margin:0;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:4px;}
.el-button:focus,.el-button:hover{color:#73bef4;border-color:#d5ecfc;background-color:#f1f9fe;}
.el-button:active{color:#68abdc;border-color:#68abdc;outline:none;}
.el-button--primary{color:#fff;background-color:#73bef4;border-color:#73bef4;}
.el-button--primary:focus,.el-button--primary:hover{background:#8fcbf6;border-color:#8fcbf6;color:#fff;}
.el-button--primary:active{outline:none;}
.el-button--primary:active{background:#68abdc;border-color:#68abdc;color:#fff;}
/*! CSS Used fontfaces */
@font-face{font-family:DIN;src:url(https://fi.woo.org/fonts/DIN/DINPro-400.otf);}
@font-face{font-family:DIN;src:url(https://fi.woo.org/fonts/DIN/DINPro-Medium.ttf);font-weight:500;}
@font-face{font-family:DIN;src:url(https://fi.woo.org/fonts/DIN/DINPro-Bold.ttf);font-weight:700;}
@font-face{font-family:element-icons;src:url(https://fi.woo.org/_nuxt/fonts/535877f.woff) format("woff"),url(https://fi.woo.org/_nuxt/fonts/732389d.ttf) format("truetype");font-weight:400;font-display:"auto";font-style:normal;}
@media (max-width:1270px) {
    .dex .main[data-v-610702e6]{
      flex-direction: column;
      justify-content: center;
    }
    .mid{
      display: flex;
      width: 100%;
      justify-content: center;
    }
  }