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: 50; 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%; position: relative; z-index: 99; cursor: pointer; } .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%; padding-top: .40625rem; } .div-skip { width: 0; height: 0; opacity: 0; overflow: hidden; background-image: url("../images/tc1.png"); background-size: 100% 100%; position: fixed; z-index: 5; transition: all .5s cubic-bezier(0.68, -0.55, 0.27, 1.55) } .div-skip-active { height: .625rem; opacity: 1; top: 0.35rem; margin-left: 0.1rem; width: 1.458333rem; } .div-skip div { height: .3125rem; line-height: .3125rem; color: rgb(179, 223, 251); text-align: center; font-size: 0.1rem; } .div-skip div a{ color:rgba(213, 230, 255); } .div-skip div a:hover { color: rgb(4, 128, 211) } .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; padding-left: 0.26rem; line-height: 0.198rem; } .title>span { cursor: pointer; } /* 表格样式 */ th >div{ height: .208333rem; overflow: hidden; line-height: 0.208333rem } td >div{ height: .166667rem; overflow: hidden; line-height: 0.166667rem } td { text-align: center; border: 1px solid #019dff; } th { text-align: center; background: url(../images/mjzfwqktoubukuang.png) no-repeat; background-size: 100% 100%; } td img { margin-right: .026042rem; width: 12px; } .w60 { width: .3125rem } .w193 { width: 1.005208rem } .w188 { width: .979167rem } /* 左边样式 */ .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 } .sanjiao { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .sanjiao:checked~img { transform: rotate(180deg) } /* boottSelect样式修改 */ .Mapselect { position: absolute; top: .114583rem; width: .677083rem; left: 0.46875rem; } .map #dropdownMenu1 { background: url(../images/mjzfwqktoubukuang.png) center center / 100% 100% no-repeat; height: 34px; padding: 6px 35px; margin-top: 0.1rem; } .diqu-label{ position: absolute; top: 0.135rem; left: -0.21rem; font-size: 0.073rem; } .btn.focus, .btn:focus, .btn:hover { color: #fff } .dropdown-menu { background: url(../images/mjzfwqktoubukuang.png) no-repeat no-repeat; background-size: 100% 100%; }