.root-container[data-v-c56c8338]{height:500px;width:500px;border:1px solid #888;padding:5px;display:flex}.orderbook-container[data-v-c56c8338]{width:500px;flex:1;padding:5px;display:flex;flex-direction:column}.orderbook-header[data-v-c56c8338]{width:100%;height:30px;line-height:30px;font-weight:600;font-size:1.0769230769rem;background:#eee;border:1px solid #bbb;margin:0 auto;padding:0 8px 0}.orderbook-body[data-v-c56c8338]{flex:1;display:flex;flex-direction:column;margin-top:5px;background:#fff}.orderbook-body .row-container[data-v-c56c8338]{flex:1;display:flex;flex-direction:column;border-top:1px solid #bbb;border-bottom:1px solid #bbb;border-left:1px solid #bbb;border-right:1px solid #bbb}.orderbook-body .column-container[data-v-c56c8338]{height:100%;display:flex;flex-direction:column;position:relative}.orderbook-body .row-header[data-v-c56c8338]{background:#eee;border-bottom:1px solid #bbb;padding:0 8px 0}.orderbook-body .row-header .text[data-v-c56c8338]{display:block}.orderbook-body .data-header[data-v-c56c8338],.orderbook-body .data-row-action[data-v-c56c8338],.orderbook-body .data-row[data-v-c56c8338]{display:flex;position:relative;height:16px;line-height:16px;padding:0 4px;width:100%}.orderbook-body .data-header .data-column[data-v-c56c8338]{font-weight:500}.orderbook-body .data-row[data-v-c56c8338]:nth-child(odd){background-color:#f3f3f3}.orderbook-body .data-row[data-v-c56c8338]:nth-child(2n){background-color:#fff}.orderbook-body .data-header .data-column[data-v-c56c8338],.orderbook-body .data-row-action .data-column[data-v-c56c8338],.orderbook-body .data-row .data-column[data-v-c56c8338]{flex:1;white-space:nowrap;font-size:12.5px}.orderbook-body .data-column .select-option[data-v-c56c8338]{padding:0 2px 1px 2px;margin:0 2px 2px 2px;border-bottom:1px solid #6da1ef;display:block;width:calc(100% - 5px);outline:none;box-shadow:1px 1px 2px hsla(0,0%,50.2%,.61);height:16px}.orderbook-body .row-container[data-v-c56c8338]{position:relative}.orderbook-body .data-row-action[data-v-c56c8338]{position:absolute;bottom:5px}.orderbook-body .data-row-action .data-column-btn[data-v-c56c8338]{font-size:13.5px;margin-left:2px;margin-right:2px;padding:1px 2px 1px;background-color:#c0d2df;border-radius:2px;font-weight:500}.orderbook-body .data-column-action .data-column-btn:hover i[data-v-c56c8338]{color:brown}.orderbook-body .data-row-action .data-column-btn[data-v-c56c8338]:hover{background-color:#b3d3ea;color:#273180}.root-container[data-v-f7f7063a]{height:500px;width:1000px;border:1px solid #888;padding:5px;display:flex}.orderbook-container[data-v-f7f7063a]{width:500px;flex:1;padding:5px;display:flex;flex-direction:column}.orderbook-header[data-v-f7f7063a]{width:100%;height:30px;line-height:30px;font-weight:600;font-size:1.0769230769rem;background:#eee;border:1px solid #bbb;margin:0 auto;padding:0 8px 0}.orderbook-body[data-v-f7f7063a]{flex:1;display:flex;flex-direction:row;margin-top:5px;background:#fff}.orderbook-body .column[data-v-f7f7063a]{flex:1;display:flex;flex-direction:column;border-top:1px solid #bbb;border-bottom:1px solid #bbb}.orderbook-body .bids[data-v-f7f7063a]{border-left:1px solid #bbb;border-right:1px solid #bbb}.orderbook-body .bids .color[data-v-f7f7063a]{color:#3e8654}.orderbook-body .asks[data-v-f7f7063a]{border-right:1px solid #bbb}.orderbook-body .asks .color[data-v-f7f7063a]{color:#ae543b}.orderbook-body .column-header[data-v-f7f7063a]{background:#eee;border-bottom:1px solid #bbb;padding:0 8px 0}.orderbook-body .column-header .text[data-v-f7f7063a]{display:block}.orderbook-body .data-header[data-v-f7f7063a],.orderbook-body .data-row[data-v-f7f7063a]{display:flex;position:relative;height:16px;line-height:16px;padding:0 4px}.orderbook-body .data-header .data-column[data-v-f7f7063a],.orderbook-body .data-row .data-column[data-v-f7f7063a]{flex:1;white-space:nowrap;font-size:12.5px}.orderbook-body .data-header .data-column[data-v-f7f7063a]{font-weight:500}.orderbook-body .data-row .data-column.price[data-v-f7f7063a]{font-weight:700}.orderbook-body .data-row[data-v-f7f7063a]:nth-child(odd){background-color:#f3f3f3}.orderbook-body .data-row[data-v-f7f7063a]:nth-child(2n){background-color:#fff}.root-container[data-v-2031ed1a]{margin:0 auto;align-self:flex-start}.pannel-container[data-v-2031ed1a]{display:flex}
/*# sourceMappingURL=chunk-1d6d02f4.06d9b154.css.map */