html { font-size: 192px; } body { overflow: hidden; color: #b5e1fc; font-size: .072917rem; } #app{ height: 100%; background-size: 100% 100%; background: url(../images/BG.png) no-repeat; overflow-y: auto; overflow-x: hidden; /* overflow: hidden; */ } p{ margin: 0; padding: 0 } .div-header { background: url(../images/biaoti_bg_img.png) no-repeat; width: 100%; height: 0.39rem; background-size: 100% 100%; z-index: 100; position: fixed; top: 0; } .div-title{ height: 0.271rem; line-height: 0.271rem; text-align: center; font-size: .104167rem; color: #fff; width: 1.453125rem; background: url(../images/dashujuyingyongfuwupingtai.png) no-repeat; background-size: 100% 100%; } .div-bottom { background: url(../images/logo_bg_img.png) no-repeat; width: 100%; height: 0.2rem; background-size: 100% 100%; position: fixed; bottom: 0; } .div-body{ height: 100%; margin-top: .40625rem; } .div-body>.right{ width: 2.3rem; margin-right: .104167rem } .contentBox{ background: url(../images/mjzrcdibu.png) no-repeat; background-size: 100% 100%; width: 2.307292rem } .contentBox2{ background: url(../images/tuoyuan.png) no-repeat; background-size: 100% 100%; } .contentBox2 .right,.contentBox2 .left{ padding-top: .09375rem; width: .625rem; } .contentBox2 .left{ padding-right: .104167rem; } .contentBox2 .right{ padding-left: .104167rem; } .contentBox2 .middle .sub{ color:rgba(213, 230, 255, 0.5) } .contentBox3{ background: url(../images/mzrcyuequshi.png) no-repeat; background-size: 100% 100%; width: 2.307292rem } .boxTitle{ background: url(../images/icon_biaoti.png) no-repeat; background-size: 100% 100%; height: .260417rem; color: #fff; font-weight: bold; line-height: .260417rem; padding-left: .130208rem } .title >span{ cursor: pointer; } /* 左边样式 */ .div-body>.left{ width: 2.3rem; margin-left: .104167rem } .bigData{ height: 2.307292rem; width: 2.307292rem; padding-left: .078125rem; padding-right: .078125rem; } .bigData .title{ height: .234375rem; } .title >span{ display: inline-block; width: .3125rem; text-align: center; height: .114583rem; line-height: .114583rem; font-size: .072917rem; color: #0fa5f2; } .title >span.active{ background:#0fa5f2; color: #fff; border-radius: .078125rem } .bigData .menJiZhen{ height: .911458rem; text-align: center } .jiuZhen .contentBox3{ height: 1.15625rem; } .h234{ height: 1.21875rem; } .h165{ height: .859375rem; } /* 中间样式 */ .div-body>.middle{ flex-grow:1; background: url(../images/ditudibu.png) no-repeat; background-size: 100% 100%; margin: 0 .104167rem; width: 4.84375rem; height: 5.125rem; color: rgba(213, 230, 255) } .middle .map{ height: 3.34375rem; position: relative; } .middle .bottom{ background: url(../images/kuang.png) no-repeat; background-size:100% 100% ; background-position: center; margin: 0 .453125rem .328125rem .453125rem ; width: 4.020833rem; height:1.380208rem ; } .middle .bottom .left,.middle .bottom .right{ width: 1.302083rem; margin:.3125rem 0; } .middle .yellow_number { font-size: 16px } .middle .title{ color: #00e7f3; font-size: 18px } .middle .bottom .left { padding-left: .234375rem; } .middle .bottom .right { padding-left: .078125rem } /* boottSelect样式修改 */ .Mapselect{ position: absolute; top: .114583rem; width: .677083rem; left: .125rem; } .map #dropdownMenu1{ background: url(../images/mjzfwqktoubukuang.png) no-repeat no-repeat; background-size: 100% 100%; height: 34px; } .btn.focus, .btn:focus, .btn:hover{ color: #fff } .dropdown-menu{ background: url(../images/mjzfwqktoubukuang.png) no-repeat no-repeat; background-size: 100% 100%; }