.spotkline-wrapper{padding:2.66667vw 4vw;background-color:var(--background-color-4);font-family:Roboto;font-style:normal;text-transform:capitalize}.spotkline-wrapper-newsPrice{display:inline-block;color:var(--main-text-3);font-size:.26667rem;font-weight:400}.spotkline-wrapper-newsPrice img{width:.13333rem;height:.13333rem;vertical-align:middle}.spotkline-wrapper-left,.spotkline-wrapper-right{height:1.70667rem}.spotkline-wrapper-currentWrapper{line-height:.96rem}.spotkline-wrapper .top{height:.96rem}.spotkline-wrapper .color-middle{line-height:.37333rem}.spotkline-wrapper-infoWrapper{color:var(--main-text-3);text-align:right;font-size:.26667rem;font-weight:400}.spotkline-wrapper-infoWrapper .info-right{padding-left:.42667rem}.spotkline-wrapper-infoWrapper .spotkline-wrapper-infoValue{color:var(--main-text-1);text-align:right;font-weight:500;line-height:.37333rem}.spotkline-wrapper-fiatPriceWrapper{color:var(--main-text-1);font-size:.26667rem;font-weight:500}.spotkline-wrapper-fiatPriceWrapper .pricetext-index-text-price{margin-right:.10667rem}.spotkline-wrapper .components-pricepercent-index-neg{color:var(--main-text-3);font-size:.26667rem;font-weight:400;line-height:.37333rem}.spotkline-wrapper .components-pricepercent-index-neg-price{color:var(--main-text-2);margin-left:.10667rem}.spotkline-wrapper .active{color:var(--primary-color)}.spotkline-wrapper-sell{font-size:.64rem;font-weight:500}.trade-spotkline-actions{margin-top:.21333rem;background-color:var(--background-color-4)}.trade-spotkline-actions .trade-spotkline-side-wrapper{display:flex;justify-content:space-between}.trade-spotkline-actions .trade-spotkline-side-wrapper .trade-spotkline-side{width:50%}.trade-spotkline-actions .trade-spotkline-side-wrapper .trade-spotkline-side-marketTitle{margin:.13333rem 0 .10667rem;height:.37333rem;color:var(--main-text-3);font-family:Roboto;font-size:.26667rem;font-style:normal;font-weight:400;line-height:.37333rem}.trade-spotkline-actions .trade-spotkline-side-wrapper .trade-spotkline-side-tableRow{display:flex;justify-content:space-between;line-height:.64rem;position:relative;overflow:hidden;color:var(--main-text-2);font-family:Roboto;font-size:.26667rem;font-style:normal;font-weight:400}.trade-spotkline-actions .trade-spotkline-side-wrapper .trade-spotkline-side-buy{color:var(--up-color)}.trade-spotkline-actions .trade-spotkline-side-wrapper .trade-spotkline-side-sell{color:var(--down-color)}.trade-spotkline-actions .trade-spotkline-side-picker{color:var(--main-text-2);background-color:var(--background-color-1);font-size:.32rem;padding:.05333rem .21333rem;line-height:.37333rem}.trade-spotkline-actions .trade-spotkline-side-picker img{margin-left:.16rem;width:.10667rem;height:.10667rem}.trade-spotkline-actions .trade-spotkline-trades .trade-spotkline-trade-item{color:var(--main-text-2);font-family:Roboto;font-size:.26667rem;font-style:normal;font-weight:400;line-height:.37333rem}.trade-spotkline-actions .trade-spotkline-trades .trade-spotkline-trade-item .trade-spotkline-trade-item-title{margin-bottom:.21333rem;color:var(--main-text-3)}.trade-spotkline-actions .trade-spotkline-trades .trade-spotkline-trade-item .trade-spotkline-trade-item-info{margin-bottom:.10667rem}.trade-spotkline-actions .trade-spotkline-trades .quantity{text-align:right}.trade-spotkline-actions .active{color:var(--primary-color)}.trade-spotkline-actions .van-tab{flex:none;margin-right:.64rem;padding-bottom:1.06667vw;font-size:3.7vw;color:var(--main-text-1)}.trade-spotkline-actions .van-tab--active{position:relative;font-weight:unset}.trade-spotkline-actions .van-tab--active:after{content:"";position:absolute;left:0;top:0;width:200%;height:200%;border-bottom:.16rem solid var(--primary-color);transform:scale(.5);transform-origin:left top;box-sizing:border-box}.trade-spotkline-actions .van-tabs__wrap{padding:0 4vw;height:1.17333rem;border-bottom:.02667rem solid var(--divider-color)}.trade-spotkline-actions .van-tabs__line{background-color:transparent}.trade-spotkline-actions .van-tabs__nav--line{padding:0}.trade-spotkline-actions .van-tabs__content{margin:1.06667vw 0 1.6vw;padding:0 4vw}.trade-spotkline-actions .borderB{position:relative}.trade-spotkline-actions .borderB:after{content:"";position:absolute;left:0;top:0;width:200%;height:200%;border-bottom:.02667rem solid var(--divider-color);transform:scale(.5);transform-origin:left top;box-sizing:border-box}.spotkline-wrapper-spot .spotkline-wrapper-spot-indexWrapper,.spotkline-wrapper-spot .spotkline-wrapper-spot-quotaWrapper{align-items:flex-start;padding:0 4vw}.spotkline-wrapper-spot .spotkline-wrapper-spot-quotaWrapper{border-top:.01333rem solid var(--divider-color);border-bottom:.01333rem solid var(--divider-color)}.spotkline-wrapper-spot .spotkline-wrapper-spot-quotaWrapper-item{color:var(--main-text-3);font-family:Roboto;font-size:.32rem;font-style:normal;font-weight:400;line-height:.64rem;font-weight:500;margin-right:.16rem}.spotkline-wrapper-spot .spotkline-wrapper-spot-quotaWrapper .space{width:.13333rem;padding-right:.10667rem}.spotkline-wrapper-spot .spotkline-wrapper-spot-quotaWrapper .active{color:var(--primary-color)}.spotkline-wrapper-spot .spotkline-wrapper-spot-quotaWrapper img{vertical-align:middle}.spotkline-wrapper-spot .spotkline-wrapper-spot-indexWrapper{padding:.10667rem 4vw .21333rem;margin-bottom:.16rem}.spotkline-wrapper-spot .spotkline-wrapper-spot-indexWrapper-item{flex-direction:column;align-items:flex-start;color:var(--main-text-3);text-align:right;font-family:Roboto;font-size:.26667rem;font-style:normal;font-weight:400;line-height:.37333rem;text-transform:capitalize}.spotkline-wrapper-spot .spotkline-wrapper-spot-indexWrapper-item .percent{font-size:.26667rem;font-style:normal;font-weight:500;line-height:.37333rem}.spotkline-wrapper-spot-features{background-color:var(--background-color-4)}.spotkline-wrapper-spot-features .spotkline-wrapper-spot-tabs{border-bottom:.01333rem solid var(--divider-color)}.charts-wrapper{padding-bottom:.13333rem}.charts-wrapper .time-wrapper{box-sizing:border-box;margin:.05333rem 0 0;width:100vw;display:flex;flex-wrap:wrap;padding:.10667rem .32rem;border-radius:.02667rem;box-shadow:0 0 .10667rem rgba(0,0,0,.15)}.charts-wrapper .time-wrapper .time-item{box-sizing:border-box;margin:0;min-width:0;display:flex;align-items:center;justify-content:center;padding-top:.05333rem;padding-bottom:.05333rem;text-align:center;cursor:pointer;width:20%;font-size:.37333rem}.charts-wrapper .time-wrapper .time-item-active{color:var(--primary-color)}.charts-wrapper .k-line-chart{width:100vw;height:10.24rem}.charts-wrapper .popover .van-popover{left:0!important}.charts-wrapper .tabs{padding:0 4vw;box-sizing:border-box;min-width:0;display:flex;align-items:center;line-height:.64rem}.charts-wrapper .tabs-item{margin-right:.42667rem;display:flex;align-items:center}.charts-wrapper .tabs-item img{margin-left:.10667rem;width:.21333rem;height:.21333rem}.charts-wrapper .tabs-item-text{color:var(--main-text-3);text-align:center;font-size:.32rem;font-weight:400}.charts-wrapper .tabs-item-text-active{color:var(--primary-color)!important;font-weight:500}.charts-wrapper .tabs-item-bar-active{width:.21333rem;background-color:var(--primary-color)}.charts-wrapper .time{box-sizing:border-box;margin:0 0 0 .05333rem;display:flex;align-items:center;justify-content:center;color:var(--main-text-3);cursor:pointer;font-size:.32rem;line-height:.21333rem;padding:.05333rem;border-radius:.02667rem;min-width:.42667rem}.charts-wrapper .van-tab{flex:none;margin-right:9vw;padding-bottom:1.06667vw;font-size:3.7vw;color:var(--main-text-1)}.charts-wrapper .van-tab--active{font-weight:unset;position:relative}.charts-wrapper .van-tab--active:after{content:"";position:absolute;left:0;top:0;width:200%;height:200%;border-bottom:.01333rem solid var(--main-text-1);transform:scale(.5);transform-origin:left top;box-sizing:border-box}.charts-wrapper .van-tabs__wrap{height:inherit}.charts-wrapper .van-tabs__line{background-color:transparent}.charts-wrapper .van-tabs__nav--line{padding:0}.charts-wrapper .van-tabs__content{margin:1.06667vw 0 1.6vw}.charts-wrapper .fullscreen{width:.42667rem;height:.42667rem}.trade-index{color:var(--main-text-1);font-size:4.8vw;background-color:var(--background-color-2)}.trade-index .trade-spotkline-index{padding-bottom:1.70667rem}.trade-index .trade-spotkline-index-button{width:100%;position:fixed;bottom:0;left:0;right:0;text-align:center;z-index:99;background:var(--bg-1)}.trade-index .trade-spotkline-index-button .trade-spotkline-index-button-wrapper{display:flex;justify-content:space-around;padding:.26667rem}.trade-index .trade-spotkline-index-button .trade-spotkline-index-button-wrapper button{width:45%;border-radius:.06667rem}