.j-input .ant-input-affix-wrapper .ant-input:hover{border:none}.color-primary{color:#fff}.color-light{color:#fff9}.color-lightest{color:#fff6}.color-bg{background-color:#31333a}.en-US,.en-US div,.en-US span{font-family:Avenir Next}.postfix{margin-left:4px}.items-center{align-items:center}.learn-more{color:#9195fb}.learn-more:hover{color:#9195fb;opacity:.7}.section-title{display:flex;margin:20px 0;position:relative}.section-title span{font-size:16px;font-weight:600;line-height:22px}.section-title .decoration{background-color:#4d54ff;border-radius:1px;display:inline-block;height:16px;margin:2px 10px 3px 0;width:6px}.section-title .decoration.energy{background-color:#18c19f}.market-data-section{background:#31333a;border-radius:10px;box-shadow:0 10px 20px #0000001a;display:flex;height:268px;justify-content:space-between;padding:26px 26px 26px 30px;position:relative}.market-data-section .divider-v{border-right:.5px dashed #ffffff0f;bottom:0;height:100%;left:0;margin:auto;mix-blend-mode:normal;position:absolute;right:0;top:0;width:0}.market-data-section .divider-h{background:#ffffff0f;border-radius:10px;height:1px;margin:24px 0;width:100%}.market-data-section .chart-wrap,.market-data-section .data-wrap{width:calc(50% - 40px)}.market-data-section .data-wrap{display:flex;justify-content:space-between}.market-data-section .data-wrap .summary{display:flex;flex-direction:column;position:relative}.market-data-section .data-wrap .summary .title{font-size:12px;line-height:22px;margin-bottom:8px}.market-data-section .data-wrap .summary .value .num{font-size:20px;font-weight:700;line-height:27px}.market-data-section .data-wrap .summary .value .postfix{font-size:18px;line-height:27px;margin-left:4px}.market-data-section .data-wrap .summary .sumary-tip{font-size:12px}.market-data-section .data-wrap .info-wrap{display:flex;flex-wrap:wrap;width:100%}.market-data-section .data-wrap .info-wrap .info-item{display:flex;flex-direction:column;width:50%}.market-data-section .data-wrap .info-wrap .info-item .title{font-size:12px;font-weight:500;line-height:22px;margin-bottom:8px}.market-data-section .data-wrap .info-wrap .info-item .value,.market-data-section .data-wrap .info-wrap .info-item span{font-size:18px;font-weight:600;line-height:27px}.market-data-section .data-wrap .info-wrap .info-item .exchange{align-items:center;display:flex}.market-data-section .data-wrap .info-wrap .info-item .exchange .icon{background:url("exchange.eeaa777091bdbe1e59bd.svg") no-repeat 50%/contain;cursor:pointer;display:inline-block;height:14px;margin-left:6px;width:14px}.market-data-section .data-wrap .info-wrap .info-item .exchange .icon:hover{background-image:url("exchange-hover.a779bad41fc1e9fc3829.svg")}.market-data-section .chart-wrap .title-wrap{align-items:center;display:flex;justify-content:space-between}.market-data-section .chart-wrap .title-wrap .title{font-size:16px;font-weight:600;line-height:22px}.market-data-section .chart-wrap .title-wrap .desc{display:flex;font-size:12px;line-height:16px}.market-data-section .chart-wrap .title-wrap .desc .y{margin-left:10px}.market-data-section .chart-wrap .chart{position:relative}.market-data-section .chart-wrap .chart .fake-label{font-size:12px;line-height:14px;position:absolute;z-index:2}.market-data-section .chart-wrap .chart .x{bottom:-2px;left:0}.market-data-section .chart-wrap .chart .y{left:0;top:20px}.market-data-section .chart-wrap .tooltip{background-color:#40414a;border-radius:5px;box-shadow:0 10px 20px #0000001a;overflow:hidden;width:310px}.market-data-section .chart-wrap .tooltip.energy{padding:15px 0}.market-data-section .chart-wrap .tooltip.energy .item{flex-wrap:wrap;margin-bottom:0;padding:0 15px}.market-data-section .chart-wrap .tooltip .item{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px;padding:0 10px 0 15px}.market-data-section .chart-wrap .tooltip .item .title,.market-data-section .chart-wrap .tooltip .item .value,.market-data-section .chart-wrap .tooltip .item .value span{font-size:12px;line-height:17px}.market-data-section .chart-wrap .tooltip .item .value .num{font-size:12px;font-weight:600}.market-data-section .chart-wrap .tooltip .item .value .purple{color:#9195fb}.market-data-section .chart-wrap .tooltip .item .value .green{color:#18c19f}.market-data-section .chart-wrap .tooltip .item .value-wrap{display:flex;flex-direction:column;text-align:right}.market-data-section .chart-wrap .tooltip .item .value-wrap:first-child{margin-bottom:2px}.market-data-section .chart-wrap .tooltip .item .value-extra{display:flex;flex:0 0 100%;flex-wrap:wrap;justify-content:flex-end;width:100%}.market-data-section .chart-wrap .tooltip .header{align-items:center;border-bottom:1px solid #ffffff0f;height:42px}.market-data-section .chart-wrap .tooltip .header .title,.market-data-section .chart-wrap .tooltip .header .value{font-size:14px;line-height:20px}.market-data-section .energy-data .summary .title{font-size:16px;font-weight:500;margin-bottom:16px}.market-data-section .energy-data .summary .value{line-height:36px}.market-data-section .energy-data .summary .value .num{font-size:26px;font-weight:700}.market-data-section .energy-data .summary .value .postfix{font-size:14px}.market-data-section .energy-data .info-wrap .info-item .title{font-size:14px;font-weight:500;line-height:20px;margin-bottom:10px;opacity:.6}.market-data-section .energy-data .info-wrap .info-item .value{display:flex;line-height:27px}.market-data-section .energy-data .info-wrap .info-item .value .num{font-size:20px;font-weight:600}.market-data-section .energy-data .info-wrap .info-item .value .postfix{font-size:14px;font-weight:400;margin-left:6px}@media(min-width:800px){.market-data-section.stake{background:#31333a url("market-bg.4f102af13ade49a492e5.png") no-repeat 100% 100%/contain;height:109px;padding-left:0;padding-right:0}.market-data-section.stake .data-wrap{display:flex;width:100%}.market-data-section.stake .data-wrap .summary{padding-left:30px;width:25%}.market-data-section.stake .data-wrap .info-wrap{flex-wrap:nowrap;padding-left:12%}.market-data-section.stake .data-wrap .info-wrap .info-item{justify-content:center}.market-data-section.stake .data-wrap .info-wrap .info-item:nth-child(-n+2){margin-bottom:0}.market-data-section.stake .divider-h{background-color:#0000;border-right:.5px dashed #ffffff0f;bottom:0;height:100%;left:25%;margin:0;position:absolute;top:0;width:1px}}.white .color-primary{color:#22232b}.white .color-light{color:#22232b99}.white .color-lightest{color:#22232b66}.white .color-bg{background-color:#fff}.white .section-title .decoration.energy{background-color:#18c19f}.white .market-data-section{background-color:#fff;box-shadow:0 10px 20px #0000000d}.white .market-data-section .divider-v{border-right:.5px dashed #22232b1a}.white .market-data-section .divider-h{background-color:#22232b1a}.white .market-data-section .tooltip{background:#fff;box-shadow:0 10px 20px #0000001a}.white .market-data-section .tooltip .item .value .purple{color:#4d54ff}.white .market-data-section .tooltip .header{border-bottom:1px solid #22232b0f}.white .market-data-section .data-wrap .info-wrap .info-item .exchange .icon{background-color:#4b52df14;background-image:url("")}.white .market-data-section .data-wrap .info-wrap .info-item .exchange .icon:hover{background-image:url("")}@media(min-width:800px){.white .market-data-section.stake{background:#fff url("market-bg.4f102af13ade49a492e5.png") no-repeat 100% 100%/contain}.white .market-data-section.stake .divider-h{background-color:#0000;border-right:.5px dashed #22232b1a}}@media(max-width:798px){.tooltip-text-wrap .j-tooltip-icon{display:none}.j-wrapper .j-main{overflow-y:hidden}.section-title span{font-size:14px;line-height:19px}.section-title .decoration{height:14px;margin:2px 8px 3px 0;width:4px}.market-data-section{background-color:#0000;border-radius:0;flex-direction:column;height:auto;padding:0}.market-data-section .chart-wrap,.market-data-section .data-wrap{background:#31333a;border-radius:10px;box-shadow:0 10px 20px #0000001a;padding:20px 15px;width:100%}.market-data-section .divider-v{display:none}.market-data-section .data-wrap{flex-direction:column;margin-bottom:20px}.market-data-section .data-wrap .summary .title{font-size:14px;line-height:20px}.market-data-section .data-wrap .summary .value .postfix{font-size:14px;line-height:19px}.market-data-section .data-wrap .divider-h{margin:20px 0}.market-data-section .data-wrap .info-wrap{flex-direction:column}.market-data-section .data-wrap .info-wrap .info-item{flex-direction:row;justify-content:space-between;margin-bottom:20px;width:100%}.market-data-section .data-wrap .info-wrap .info-item:nth-child(-n+2){margin-bottom:15px}.market-data-section .data-wrap .info-wrap .info-item:last-child{margin-bottom:0}.market-data-section .data-wrap .info-wrap .info-item .title{font-size:12px;line-height:17px;margin-bottom:0}.market-data-section .data-wrap .info-wrap .info-item .value .num{font-size:14px;line-height:19px}.market-data-section .data-wrap .info-wrap .info-item .value .postfix{font-size:12px;font-weight:400;line-height:17px;margin-left:4px}.market-data-section .data-wrap .info-wrap .info-item .exchange .icon{background-color:#4b52df14;transform:translateY(-1px)}.market-data-section .data-wrap .info-wrap .info-item .exchange .icon,.market-data-section .data-wrap .info-wrap .info-item .exchange .icon:hover{background-image:url("exchange.eeaa777091bdbe1e59bd.svg")}.market-data-section .energy-data .summary .value{line-height:33px}.market-data-section .energy-data .summary .value .num{font-size:24px;line-height:33px}.market-data-section .energy-data .summary .value .postfix{font-size:14px;font-weight:400;line-height:19px}.market-data-section .energy-data .info-wrap .info-item{margin-bottom:15px}.market-data-section .energy-data .divider-h{margin:20px 0}.market-data-section .chart-wrap .title-wrap .title{font-size:14px;line-height:20px}.market-data-section .chart-wrap .tooltip{width:300px}.market-data-section .chart-wrap .fake-label{display:none}.market-data-section .chart-wrap.energy .title-wrap .desc{flex-direction:column;justify-content:flex-end;text-align:right}.white .chart-wrap,.white .data-wrap{background:#fff;box-shadow:0 10px 20px #0000000d}.white .market-data-section .data-wrap .info-wrap .info-item .exchange .icon{background-color:#4b52df14;background-image:url("")}.white .market-data-section .data-wrap .info-wrap .info-item .exchange .icon:hover{background-image:url("")}.white .market-data-section{background-color:#0000;box-shadow:none}}@media(max-width:400px){.market-data-section .chart-wrap .tooltip{width:270px}}