html,body{height:100%;margin:0;padding:0;font-family:"Microsoft Yahei"}body{background:url("../img/bg.jpg") no-repeat;background-size:100% 100%;overflow:hidden;padding:0 10px}.sy-col{display:flex;flex-flow:row;margin:2px 0}.sy-col>.sy-row{height:100%;flex:1}.sy-row{display:flex;flex-flow:column;margin:0 2px}.sy-row>.sy-col{width:100%;flex:1}.sy-panel{display:flex;flex-flow:column;position:relative;background:rgba(95,105,148,0.2)}.sy-panel .sy-panel-border{position:absolute;left:0;top:0;right:0;bottom:0;border-style:solid;border-image-width:initial;border-image-outset:initial;border-image-repeat:initial;background:0;border-width:32px 37px;border-image-source:url("../img/panel-border.png");border-image-slice:32 37 fill}.sy-panel .sy-panel-border.border-map{border-width:71px 23px;border-image-source:url("https://img.alicdn.com/tps/TB1DjqJMpXXXXclXXXXXXXXXXXX-126-154.png");border-image-slice:71 23}.sy-panel .sy-panel-title{position:absolute;right:10px;top:0;height:35px;font-size:16px;display:flex;align-items:center;background-color:rgba(1,1,1,0);color:#599ce8;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-left:20px}.sy-panel .sy-panel-content{width:100%;flex:1}#sy-map-grid{position:absolute;bottom:150px;right:20px;width:150px;height:150px;color:#47d0bf}#sy-map-grid table{background-color:rgba(255,255,255,0.2)}#sy-map-grid table tr:hover{background-color:rgba(255,255,255,0.2)}#sy-map-grid table caption{background-color:rgba(255,255,255,0.2);font-size:18px;font-weight:bolder;padding:5px}#sy-map-grid td,#sy-map-grid th{padding:5px}#chart5{padding:30px 15px;color:indianred;position:relative}#chart5 ul,#chart5 li{margin:0;padding:0}#chart5 ul.sort{position:absolute;top:40px;bottom:15px;left:15px;right:45px;overflow:auto}#chart5 ul.sort li{height:45px;margin-bottom:3px;background-color:rgba(34,40,54,0.8);color:rgba(176,176,176,0.78);line-height:45px;font-size:16px;text-indent:1em;display:flex;flex-flow:row}#chart5 ul.sort li .sort-num{height:100%;width:50px}#chart5 ul.sort li .sort-area{text-align:center;height:100%;flex:1}#chart5 ul.sort li .sort-value{height:100%;width:100px;color:#2fc9ce}#chart5 ul.sort li.header{background-color:#2f3243}#chart5 ul.sort li.content:hover{background-color:#183a5d;color:#2fc9ce}.sy-panel-btns{position:absolute;left:10px;top:10px;height:35px;z-index:1992}::-webkit-scrollbar-track-piece{width:10px;background-color:#000}::-webkit-scrollbar-thumb{background:#4e4e5a;cursor:pointer}