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%;
}