.farm-home{width:100%;height:100%;min-width:1150px}.farm-home .content-item{width:100%;display:flex}.farm-home .content-item .stat-item{width:calc(20% - 12.8px);height:112px;background:#fff;box-shadow:0 0 4px 0 #ccc;padding:16px;display:flex;align-items:center;justify-content:space-between}.farm-home .content-item .stat-item:not(:last-child){margin-right:16px}.farm-home .content-item .stat-item img{width:72px;height:72px}.farm-home .content-item .stat-item .count{width:50%;text-align:center}.farm-home .content-item .stat-item .count .num{font-size:22px}.farm-home .content-item .model-box{width:25%;height:360px;margin-top:16px;padding:16px;background:#fff;box-shadow:0 0 4px 0 #ccc}.farm-home .content-item .model-box .title-box{display:flex;align-items:center;justify-content:space-between}.farm-home .content-item .model-box .title-box .title{font-size:16px;font-weight:700}.farm-home .content-item .model-box .title-box .consult-model{cursor:pointer;color:#999;display:flex;align-items:center}.farm-home .content-item .model-box .estimate-use-water{width:100%;display:flex;align-items:center;padding-top:16px}.farm-home .content-item .model-box .estimate-use-water img{width:54px;height:54px}.farm-home .content-item .model-box .estimate-use-water .water-num{flex-shrink:1;flex-grow:1;text-align:center}.farm-home .content-item .model-box .estimate-use-water .water-num .num{color:#06baa1;font-size:24px;border:1px solid #06baa1;padding:6px 4px;margin-right:8px}.farm-home .content-item .model-box .estimate-use-water .water-num .dot{padding-right:8px;font-size:20px;font-weight:700}.farm-home .content-item .model-box .estimate-use-water .water-num .unit{font-size:20px}.farm-home .content-item .model-box .label{text-align:center;color:#666}.farm-home .content-item .model-box .stat-count-box{display:flex;align-items:center;width:100%;padding:20px 0}.farm-home .content-item .model-box .stat-count-box .stat-count-item{width:50%;display:flex;justify-content:center;align-items:center;flex-direction:column}.farm-home .content-item .model-box .stat-count-box .stat-count-item .num{color:#06baa1;font-size:24px}.farm-home .content-item .model-box .line{width:100%;height:1px;background:#e6e6e6}.farm-home .content-item .model-box .alarm-msg-box .alarm-msg-item{padding-top:10px}.farm-home .content-item .model-box .alarm-msg-box .alarm-msg-item .date{display:flex;justify-content:space-between;align-items:center;color:#999;padding-top:5px}.farm-home .content-item .model-box .alarm-msg-box .alarm-msg-item p:first-child{display:flex;align-items:center;flex-wrap:nowrap}.farm-home .content-item .model-box .alarm-msg-box .alarm-msg-item p:first-child .alarm-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.farm-home .content-item .farm-map{width:calc(50% - 32px);height:360px;margin:16px 16px 0 16px;background:#fff;box-shadow:0 0 4px 0 #ccc;position:relative}.farm-home .content-item .farm-map .sel-box{position:absolute;top:10px;right:10px;z-index:10000}.farm-home .content-item .farm-map .sel-box /deep/ .ivu-select-selection{background-color:rgba(23,34,60,.6);border:none;box-shadow:none}.farm-home .content-item .farm-map .sel-box /deep/ .ivu-select-dropdown{background-color:#17223c}.farm-home .content-item .farm-map .sel-box /deep/ .ivu-select-arrow,.farm-home .content-item .farm-map .sel-box /deep/ .ivu-select-item,.farm-home .content-item .farm-map .sel-box /deep/ .ivu-select-placeholder,.farm-home .content-item .farm-map .sel-box /deep/ .ivu-select-selected-value{color:#fff}.farm-home .content-item .farm-map .sel-box /deep/ .ivu-select-item-focus,.farm-home .content-item .farm-map .sel-box /deep/ .ivu-select-item:hover{background:rgba(61,90,94,.78)}.farm-home .content-item .video-panel{width:25%;height:340px;background:#fff;box-shadow:0 0 4px 0 #ccc;margin-top:16px;padding:16px}.farm-home .content-item .video-panel .video-title{display:flex;justify-content:space-between;align-items:center}.farm-home .content-item .video-panel .video-title>span{font-weight:700;font-size:16px}.farm-home .content-item .no-data,.farm-home .content-item .video-panel .video-play{height:266px;width:100%;margin-top:10px}.farm-home .content-item .no-data{display:flex;justify-content:center;align-items:center;flex-direction:column}.farm-home .content-item .no-data img{width:120px;height:80px}.farm-home .content-item .monitor-panel{width:calc(75% - 16px);height:340px;background:#fff;box-shadow:0 0 4px 0 #ccc;margin:16px 0 0 16px;padding:16px}.farm-home .content-item .monitor-panel .head-box{width:100%;display:flex;align-items:center;justify-content:space-between;padding-bottom:10px}.farm-home .content-item .monitor-panel .head-box .title{font-size:16px;font-weight:700}.farm-home .content-item .monitor-panel .head-box .filter-box{display:flex;align-items:center}.farm-home .content-item .monitor-panel .head-box .filter-box .filter-item{padding-right:10px;cursor:pointer}.farm-home .content-item .monitor-panel .head-box .filter-box .filter-item-active,.farm-home .content-item .monitor-panel .head-box .filter-box .filter-item:hover{color:#06baa1}.farm-home .content-item .monitor-panel .monitor-data{width:100%;height:266px;display:flex;justify-content:space-between}.farm-home .content-item .monitor-panel .monitor-data .data-block-box{width:35%;height:100%;display:flex;justify-content:space-between;flex-wrap:wrap;overflow:auto}.farm-home .content-item .monitor-panel .monitor-data .data-block-box::-webkit-scrollbar{display:none}.farm-home .content-item .monitor-panel .monitor-data .data-block-box .data-block{width:calc(50% - 8px);height:78px;border:1px solid #e2e2e2;border-radius:4px;margin-top:10px;display:flex;align-items:center;cursor:pointer}.farm-home .content-item .monitor-panel .monitor-data .data-block-box .data-block img{width:78px;height:78px}.farm-home .content-item .monitor-panel .monitor-data .data-block-box .data-block>div{width:calc(100% - 78px);height:78px;display:flex;justify-content:center;align-items:center;flex-direction:column}.farm-home .content-item .monitor-panel .monitor-data .data-block-box .data-block>div .value{font-size:22px}.farm-home .content-item .monitor-panel .monitor-data .data-block-box .data-block>div .value-name{width:100%;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.farm-home .content-item .monitor-panel .monitor-data .data-block-box .data-block-active{border:1px solid #4dcbb9}.farm-home .content-item .monitor-panel .monitor-data .chart{width:calc(65% - 16px);height:100%}