.tran-analysis{width:100%;height:100%;background-color:#fff;overflow:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tran-analysis,.tran-analysis .gird{display:-webkit-box;display:-ms-flexbox;display:flex}.tran-analysis .gird{margin-left:24px;margin-right:24px;margin-top:20px}.tran-analysis .gird .grid-item{height:380px;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tran-analysis .gird .grid-item .bottom-desc{width:100%;position:relative;bottom:-50px;padding-left:44px;padding-right:44px;color:#5a5f66}.tran-analysis .gird .grid-item .bottom-desc .left{text-align:left;margin-top:10px}.tran-analysis .gird .grid-item .bottom-desc .dot{display:inline-block;width:16px;height:16px;border-radius:100%;position:relative;top:2px;margin-right:5px}.tran-analysis .gird .grid-item .bottom-desc .color1{background-color:#fc044c}.tran-analysis .gird .grid-item .bottom-desc .color2{background-color:#0cc66d}.tran-analysis .gird .grid-item .bottom-desc .color3{background-color:#016cff}.tran-analysis .gird .grid-item .bottom-desc .color4{background-color:#fa0}.tran-analysis .gird .grid-item .bottom-desc .count{float:right;font-size:14px;font-weight:500}.tran-analysis .gird .left-border{border-left:1px solid #eeeff1}.tran-analysis .content{background-color:#fff;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto}.tran-analysis .content .title{margin:24px;font-size:16px;font-weight:500;color:#24272b;line-height:24px}.tran-analysis .table-wrap{margin:30px 24px}.tran-analysis .footer{margin:24px}.tran-analysis .line{height:16px;background-color:#eeeff1}.tran-analysis .vertical{height:100%;width:16px;background-color:#eeeff1}.tran-analysis .sketch{-webkit-box-flex:1;-ms-flex:1;flex:1;border-radius:10px}.tran-analysis .sketch .name{margin-top:28px;margin-left:20px;font-size:14px;font-weight:500;color:#5a5f66}.tran-analysis .sketch .value{margin-top:16px;margin-left:20px;font-size:32px;font-weight:700;color:#24272b}.tran-analysis .top-tab{height:136px;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex}