.navigator-popper>.download-popover-wrap{display:flex;flex-flow:column nowrap;width:280px}.navigator-popper>.download-popover-wrap>a{color:#fff;display:flex;padding:13px 0;font-size:14px;align-items:center;line-height:22px;justify-content:center}.navigator-popper>.download-popover-wrap>a:hover{color:#24ae8f;background:hsla(0,0%,100%,.04)}.navigator-popper>.download-popover-wrap>img{background:#fff;margin:8px 24px;padding:24px;width:238px}.navigator-popper>.download-popover-wrap>span{color:#fff;padding:21px 24px;font-size:14px;line-height:22px}.navigator-popper>.user-popover-wrap{display:flex;flex-flow:column nowrap}.navigator-popper>.user-popover-wrap>a{color:#fff;cursor:pointer;display:block;padding:13px 28px;font-size:14px;line-height:22px}.navigator-popper>.user-popover-wrap>a:hover{color:#24ae8f;background:hsla(0,0%,100%,.04)}.navigator-popper>.user-popover-wrap>a>div{color:#fff;font-size:24px}.navigator-popper>.user-popover-wrap>a>div:last-child{color:#979797;font-size:12px;margin-top:12px}.navigator-popper>.user-popover-wrap>.el-divider{--el-border-color-base:hsla(0,0%,100%,0.16);margin:5px 28px;width:calc(100% - 56px)}.navigator-popper{background:#151c30!important;border:none!important;box-shadow:0 3px 4px 0 rgba(1,8,30,.16),0 4px 24px 0 rgba(1,8,30,.08)!important;padding:8px 0!important}.navigator-popper>.language-popover-wrap{display:flex;flex-flow:column nowrap}.navigator-popper>.language-popover-wrap>div{align-items:center;color:hsla(0,0%,100%,.6);cursor:pointer;display:flex;flex-flow:row nowrap;font-size:14px;height:48px;line-height:48px;padding-left:18px}.navigator-popper>.language-popover-wrap>div:hover{color:#24ae8f;background:hsla(0,0%,100%,.04)}.navigator-popper>.language-popover-wrap>div.active{color:#24ae8f}.navigator-popper>.language-popover-wrap>div.active>.el-icon{opacity:1}.navigator-popper>.language-popover-wrap>div>.el-icon{margin-right:10px;opacity:0;width:20px}.navigator-popper>.language-popover-wrap>span{color:hsla(0,0%,100%,.6);font-size:12px;height:36px;line-height:36px;padding-left:48px}.popup-symbol{background:#151c30!important;border:none!important;box-shadow:0 3px 4px 0 rgba(1,8,30,.16),0 4px 24px 0 rgba(1,8,30,.08)!important;padding:8px 0!important}.popup-symbol .el-table{--el-table-border-color:#151c30;--el-table-row-hover-bg-color:#1b202c;--el-table-current-row-bg-color:#1b202c;background:#151c30!important}.popup-symbol .el-table tbody tr{background:#1e2538;color:#fff}.popup-symbol .el-table tbody tr:hover{background:#1b202c}.popup-symbol .el-table thead tr{background:transparent}.popup-symbol .el-table .el-table__cell{background:transparent;border-bottom:none!important;cursor:pointer;padding:8px 0}.popup-symbol .el-table .el-table__cell:first-child{padding-left:20px}.popup-symbol .el-table .el-table__cell:last-child{padding-right:20px}.popup-symbol .el-table .el-table__cell .down{color:#c63c4d}.popup-symbol .el-table .el-table__cell .up{color:#01aa78}.trade-wrap{background:#000;display:flex;flex-flow:column nowrap;padding-bottom:4px}.trade-wrap>.content{display:flex;flex-flow:row nowrap;height:calc(70vh - 58px)}.trade-wrap>.content>.charting{background:#01081e;flex:1}.trade-wrap>.content>.trading{background:#01081e;display:flex;flex-flow:column nowrap;margin-left:4px;width:260px}.trade-wrap>.content>.trading .bottom{align-items:center;display:flex;flex-flow:row nowrap;height:32px;justify-content:right;padding:0 10px}.trade-wrap>.content>.trading .bottom>div{margin-right:5px;width:18px;height:14px;border-radius:2px;cursor:pointer}.trade-wrap>.content>.trading .bottom>div.all{background:linear-gradient(180deg,#ed6e72,#ed6e72 50%,#58ccb6 0,#58ccb6)}.trade-wrap>.content>.trading .bottom>div.in{background:linear-gradient(180deg,hsla(0,0%,100%,.38),hsla(0,0%,100%,.38) 50%,#58ccb6 0,#58ccb6)}.trade-wrap>.content>.trading .bottom>div.out{background:linear-gradient(180deg,#ed6e72,#ed6e72 50%,hsla(0,0%,100%,.38) 0,hsla(0,0%,100%,.38))}.trade-wrap>.content>.trading .current{align-items:center;border-top:1px solid hsla(0,0%,100%,.04);border-bottom:1px solid hsla(0,0%,100%,.04);display:flex;flex-flow:row nowrap;height:40px;justify-content:left;padding:0 10px 0 14px}.trade-wrap>.content>.trading .current>em{color:hsla(0,0%,100%,.38);font-size:12px;font-style:normal;margin-left:5px}.trade-wrap>.content>.trading .current>span{color:hsla(0,0%,100%,.87);cursor:pointer;font-size:16px;font-weight:500}.trade-wrap>.content>.trading .list{display:flex;flex:1;flex-flow:column nowrap;overflow:hidden}.trade-wrap>.content>.trading .list .item{color:hsla(0,0%,100%,.87);cursor:pointer;display:flex;flex-flow:row nowrap;font-size:12px;height:20px;justify-content:space-between;line-height:20px;padding:0 14px;position:relative}.trade-wrap>.content>.trading .list .item span:first-child.in{color:#58ccb6}.trade-wrap>.content>.trading .list .item span:first-child.out{color:#ed6e72}.trade-wrap>.content>.trading .list .item .info{height:20px;position:absolute;right:0;top:0;z-index:0}.trade-wrap>.content>.trading .list .item .info.in{background:rgba(88,204,182,.08)}.trade-wrap>.content>.trading .list .item .info.out{background:rgba(237,110,114,.08)}.trade-wrap>.content>.trading .title{border-bottom:1px solid hsla(0,0%,100%,.04);color:#fff;font-size:14px;font-weight:500;height:32px;line-height:32px;padding:0 14px}.trade-wrap>.content>.trading .top{align-items:center;color:hsla(0,0%,100%,.6);display:flex;font-size:12px;justify-content:space-between;line-height:20px;height:20px;padding:0 14px}.trade-wrap>.footer{display:flex;flex:1;flex-flow:row nowrap;margin-top:4px}.trade-wrap>.header{background:#01081e;height:56px;justify-content:space-between;margin-bottom:4px}.trade-wrap>.header,.trade-wrap>.header>div{display:flex;flex-flow:row nowrap}.trade-wrap>.header>div:last-child{align-items:center;color:#fff;font-size:14px}.trade-wrap>.header>div:last-child>a{color:#fff;padding:0 8px;text-decoration:none}.trade-wrap>.header>div:last-child>a:hover{color:#58ccb6}.trade-wrap>.header>div:last-child>a.sign-up{height:32px;line-height:32px;border:1px solid hsla(0,0%,100%,.16);margin:0 8px;padding:0 12px}.trade-wrap>.header>div:last-child>div{align-items:center;cursor:pointer;display:flex;flex-flow:row nowrap;padding:0 8px}.trade-wrap>.header>div:last-child>div.user{border:1px solid #24ae8f;border-radius:20px;height:40px;margin:0 8px;text-align:center;width:40px}.trade-wrap>.header>div:last-child .el-icon{margin-right:10px}.trade-wrap>.header .current{align-items:center;color:#fff;cursor:pointer;display:flex;flex-flow:column nowrap;justify-content:center;padding:0 20px 0 16px;position:relative}.trade-wrap>.header .current.active:after{transform:rotate(180deg)}.trade-wrap>.header .current:after{content:" ";position:absolute;top:50%;right:8px;margin-top:-2px;width:0;height:0;transition:transform .3s;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid hsla(0,0%,100%,.6)}.trade-wrap>.header .logo{align-items:center;border-right:1px solid hsla(0,0%,100%,.04);display:flex;flex-flow:column nowrap;justify-content:center;padding-left:22px;padding-right:22px}.trade-wrap>.header .logo>img{height:30px}.trade-wrap>.header .statistics{align-items:center;display:flex;flex-flow:row nowrap;padding:4px 10px}.trade-wrap>.header .statistics>div{display:flex;flex-flow:column nowrap;justify-content:space-between;margin-right:15px}.trade-wrap>.header .statistics>div>span{color:hsla(0,0%,100%,.6);font-size:12px}.trade-wrap>.header .statistics>div>strong{color:hsla(0,0%,100%,.87);font-size:12px;font-weight:500}.trade-wrap>.header .statistics>div>strong>em{font-style:normal}.trade-wrap>.header .statistics>div>strong>em.down{color:#c63c4d}.trade-wrap>.header .statistics>div>strong>em.up{color:#01aa78}