@charset "UTF-8";*{padding:0;border:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}body,html{font-size:16px;font-family:'微软雅黑 Light'}li,ol,ul{list-style:none}body,html{width:100%;height:100%;overflow:hidden}.screen{width:100%;height:100%;background-color:#041846;color:#fff;border:2px solid #183b89;padding:20px}.screen-title{width:100%;height:10%;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;font-size:1.4rem;position:relative}.screen-title:after{content:'';width:100%;height:1px;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(#1f46a1),to(transparent));background:linear-gradient(to right,transparent,#1f46a1,transparent);position:absolute;bottom:0;left:0}.screen-content{width:100%;height:90%}.icon-box{width:100%;height:50px;line-height:50px;text-align:right}.icon-item{margin-left:10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-indent:5px}.icon-item:before{content:'';width:8px;height:8px;background-color:#fff}.icon-item:first-child::before{background-color:#f5a71e}.region-distribution-list{width:100%;height:calc(100% - 50px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.list-item{width:100%;height:12.5%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.region{width:100px}.bg-bar{-webkit-box-flex:1;-ms-flex:1;flex:1}.bg-bar span{width:100%;height:6px;display:block;background-color:#010d30;margin-bottom:8px}.bg-bar span:last-child{margin-bottom:0}.num-box{width:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.policeNum{padding-right:10px;color:#f5a71e;width:50%;text-align:right}.criminalNum{padding-left:10px;width:50%}.bar-graph{width:100%;height:100%;position:absolute;top:0;left:0;padding:0 100px}.bar-graph #regionBar{width:100%;height:100%}