#chart-stock{height:100vh;display:flex;flex-flow:column;box-sizing:border-box}#chart-stock button{height:24px;margin-right:1em;padding:0 .5em;border:0;border-radius:3px;box-sizing:border-box;outline:none}#chart-stock button i{width:1em;display:none}#chart-stock .quote{height:84px;display:flex;flex-flow:row wrap;margin:0 0 5px 0;padding:5px 0 10px 0;box-sizing:border-box;font-size:.875rem;color:#333;background:#fff}#chart-stock .quote h3{width:100%;margin:0;padding-left:10px;box-sizing:border-box;font-weight:400}#chart-stock .quote h3 b{display:inline-block;padding-right:10px;font-size:1.5rem}#chart-stock .quote label{width:14%;padding-left:10px;box-sizing:border-box;color:#a9a9a9}#chart-stock .quote span{width:17%;padding-right:10px;box-sizing:border-box;text-align:right}#chart-stock .tips{height:40px;display:flex;align-items:center;padding:0 10px;border-top:1px solid #e8e8e9;box-sizing:border-box;background:#fff}#chart-stock .tips b{display:inline-block;margin-right:10px;font-size:.875rem}#chart-stock .tips button{margin-right:10px;color:#fff;background:#3c9ef9}#chart-stock .kline{flex:auto}#chart-stock .analysis{height:40px;display:flex;align-items:center;padding:0 10px;border-top:1px solid #e8e8e9;box-sizing:border-box;background:#fff}#chart-stock .analysis button{border:1px solid #d9d9d9;color:#666;background:#fff}#chart-stock .analysis button i{width:0;display:inline-block}#chart-stock .analysis button.active{color:#fff;border-color:#ff4540;background:#ff4540}