.spot-order-book{
    position:relative;
    display:none;
}
.spot-order-book .hide-show{
    position:absolute;
    right: 10px;
    top: -38px;
    cursor:pointer;
}
.spot-order-book .hide-show:hover{
    color:#fff;
}

.spot-order-book .order-book{
    height:530px;
    background-color:#131722;
    padding:10px;
    display:none;
}
.spot-order-book .order-book .market{
    font-size: 20px;
    padding: 16px 0;
}
.spot-order-book .order-book .head{
    display:flex;
    margin-bottom: 8px;
    color: #888;
}
.spot-order-book .order-book .price{
    flex-basis: 34%;
}
.spot-order-book .order-book .quantity{
    flex-basis: 33%;
}
.spot-order-book .order-book .igoto{
    flex-basis: 33%;
}
.spot-order-book .order-book .asks .ask{
    display:flex;
}
.spot-order-book .order-book .asks .ask .price {
    color:#f6465d;
}
.spot-order-book .order-book .bids .bid{
    display:flex;
}
.spot-order-book .order-book .bids .bid .price{
    color:#0ecb81;
}
.spot-order-book .order-book .balance-quantity{
    display:flex;
    align-items:center;
    margin-top:10px;
}
.spot-order-book .order-book .balance-quantity .b{
    width:5%;
}
.spot-order-book .order-book .balance-quantity .s{
    width:5%;
    text-align:right;
}
.spot-order-book .order-book .balance-quantity .b-progress{
    background-color:#0ecb81;
    height:100%;
}
.spot-order-book .order-book .balance-quantity .s-progress{
    width:90%;
    height:8px;
    background-color:#f6465d;
}