.sq-room-state-diagram-content{height:calc(100% - 24px)}.sq-room-state-diagram-content .total-num{border:1px solid #eee;padding-top:8px;padding-bottom:8px;margin-bottom:12px;background-color:#f4fafd}.sq-room-state-diagram-content .total-num ul li{width:20%;border-left:1px solid #ddd;padding-left:2%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sq-room-state-diagram-content .total-num ul li:first-child{border-left:0}.sq-room-state-diagram-content .total-num ul li span:first-child{margin-right:16px;color:#000}.sq-room-state-diagram-content .total-num ul li .label{font-size:15px}.sq-room-state-diagram-content .total-num ul li .value{font-size:28px;margin-right:5px}.sq-room-state-diagram-content .established{background:#c5e1a5;background:#07c160}.sq-room-state-diagram-content .near-end{background:#ffab91}.sq-room-state-diagram-content .vacant{background:#57c3c2}.sq-room-state-diagram-content .ant-select-dropdown .ant-select-dropdown-list{overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap;max-width:100%}.sq-room-state-diagram-content .ant-select-dropdown-item{display:inline-block!important;margin-right:8px!important;width:auto!important}.sq-room-state-diagram-content .operation-bar{margin-top:0;margin-bottom:4px}.sq-room-state-diagram-content .operation-bar .operation-bar-content{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0;height:40px}.sq-room-state-diagram-content .operation-bar .operation-bar-content,.sq-room-state-diagram-content .operation-bar .operation-bar-content .operation-bar-content-left,.sq-room-state-diagram-content .operation-bar .operation-bar-content .operation-bar-content-left a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sq-room-state-diagram-content .operation-bar .operation-bar-content .operation-bar-content-left a{padding:0 8px;height:32px;margin-right:15px}.sq-room-state-diagram-content .operation-bar .operation-bar-content .operation-bar-content-left a.active{background:#f3f6ff;border-radius:2px;border:1px solid #c7d1ff}.sq-room-state-diagram-content .operation-bar .operation-bar-content .operation-bar-content-left a i{width:16px;height:16px;border-radius:1px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sq-room-state-diagram-content .operation-bar .operation-bar-content .operation-bar-content-left a span{font-size:12px;color:rgba(0,0,0,.6);line-height:32px;margin-left:8px}.sq-room-state-diagram-content .ant-spin-container{overflow:auto}.sq-room-state-diagram-content .ant-spin-container .ant-list-items .ant-list-item-meta{margin-bottom:0}.sq-room-state-diagram-content .ant-spin-container .ant-list-items .ant-list-item{border-bottom:none;padding:6px 0}.sq-room-state-diagram-content .ant-spin-container .ant-list-items .ant-list-item .scroll-container{display:-webkit-box;display:-ms-flexbox;display:flex}.sq-room-state-diagram-content .ant-spin-container .ant-list-items .ant-list-item .scroll-container .left-fixed{width:125px;min-width:125px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:10px 0 3px 10px;background:#f7f7f7;margin-right:5px}.sq-room-state-diagram-content .ant-spin-container .ant-list-items .ant-list-item .scroll-container .left-fixed .h2{font-size:14px;font-weight:border;line-height:16px}.sq-room-state-diagram-content .ant-spin-container .ant-list-items .ant-list-item .scroll-container .left-fixed .h3{font-size:11px;color:rgba(0,0,0,.6);line-height:16px}.sq-room-state-diagram-content .ant-spin-container .ant-list-items .ant-list-item .scroll-container .sq-room-list{-ms-flex-wrap:nowrap;flex-wrap:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.sq-room-state-diagram-content .ant-spin-container .ant-list-items .ant-list-item .scroll-container .sq-room-list .sq-room-item{width:240px;min-height:100px;padding:10px;margin-right:6px;float:left;position:relative}.sq-room-state-diagram-content .ant-spin-container .ant-list-items .ant-list-item .scroll-container .sq-room-list .sq-room-item.add-room-item{border:1px solid #e8e8e8;cursor:pointer}.sq-room-state-diagram-content .ant-spin-container .ant-list-items .ant-list-item .scroll-container .sq-room-list .sq-room-item.add-room-item .add-icon{margin-top:10px;width:100%;color:#419683;font-size:25px;text-align:center}.sq-room-state-diagram-content .ant-spin-container .ant-list-items .ant-list-item .scroll-container .sq-room-list .sq-room-item.add-room-item .add-txt{color:#419683;font-size:18px;text-align:center}.sq-room-state-diagram-content .ant-spin-container .ant-list-items .ant-list-item .scroll-container .sq-room-list .sq-room-item .sq-room-info{width:100%;height:80px}.sq-room-state-diagram-content .ant-spin-container .ant-list-items .ant-list-item .scroll-container .sq-room-list .sq-room-item .sq-room-tenant{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:16px}.sq-room-state-diagram-content .ant-spin-container .ant-list-items .ant-list-item .scroll-container .sq-room-list .sq-room-item .sq-room-info-expand{color:#fff;position:absolute;right:10px;top:75px}.sq-room-state-diagram-content .ant-spin-container .ant-list-items .ant-list-item .scroll-container .sq-room-list .sq-room-item .item-content{margin-top:8px;padding-top:8px;border-top:1px dashed #e8e8e8;-webkit-transition:height .3s ease,opacity .3s ease;transition:height .3s ease,opacity .3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;height:auto;background:#fff;margin:8px -10px -10px;border:1px solid #e8e8e8;padding:8px;height:100px}.sq-room-state-diagram-content .ant-spin-container .ant-list-items .ant-list-item .scroll-container .sq-room-list .sq-room-item .item-content .item-content-children{padding:3px;color:#fff;width:25%;height:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}.sq-room-state-diagram-content .ant-spin-container .ant-list-items .ant-list-item .scroll-container .children-list-content{padding:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:calc(100% - 5px)}.sq-room-state-diagram-content .ant-spin-container .ant-list-items .ant-list-item .scroll-container .children-list-content .children-item{padding:3px;color:#fff;width:100px;height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sq-room-state-diagram-content .pagination{margin-top:15px;text-align:right}