html {
font-size: 192px;
}
body {
width: 100%;
height: 100%;
background-image: url(../images/BG.png);
background-repeat: no-repeat;
background-size: 100% 100%;
overflow: hidden;
}
#main {
height: 100%;
}
.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-bottom {
background: url(../images/logo_bg_img.png) no-repeat;
width: 100%;
height: 0.2rem;
background-size: 100% 100%;
position: fixed;
bottom: 0;
}
.div-title {
background: url(../images/dashujuyingyongfuwupingtai.png) no-repeat;
width: 1.45rem;
height: 0.26rem;
line-height: 0.26rem;
background-size: 1.45rem 0.26rem;
text-align: center;
font-size: 0.1rem;
margin-top: 0.08rem;
color: #ffffff;
margin-left: 0.1rem;
}
.content {
width: 100%;
height: -moz-calc(100% - 0.65rem);
height: -webkit-calc(100% - 0.65rem);
height: calc(100% - 0.65rem);
/*padding: 0.12rem;*/
position: relative;
}
.left-panel {
position: absolute;
width: 2.29rem;
height: 2.92rem;
top: 0;
left: 0.2rem;
right: 0.18rem;
/*padding: 0.05rem;*/
}
.center-panel{
position: relative;
width: 4.286rem;
height: 3.11rem;
background: url(../images/ditudibu1.png) no-repeat;
background-size: 4.286rem 3.11rem;
margin-left: 2.8rem;
margin-top: 0.1rem;
color: rgba(213, 230, 255)
}
.right-panel {
position: absolute;
width: 2.677rem;
height: 3.1rem;
background: url(../images/fengexian.png) no-repeat;
background-size: 2.677rem 3.1rem;
right: 0.1rem;
}
.center-panel .map{
width: 4.286rem;
height: 3.11rem;
}
.bottom-left-panel {
position: absolute;
width: 7rem;
height: 1.63rem;
background: url(../images/zdfwrqzengjiaqushi.png) no-repeat;
background-size: 7rem 1.63rem;
left: 0.1rem;
bottom: 0.1rem;
}
.bottom-right-panel {
position: absolute;
width: 2.677rem;
height: 1.64rem;
background: url(../images/shiwangyuanyin.png) no-repeat;
background-size: 2.677rem 1.64rem;
right: 0.1rem;
bottom: 0.1rem;
}
.div-disease-item {
width: 2.29rem;
height: 0.73rem;
background: url(../images/weixuanzhong.png) no-repeat;
background-size: 2.29rem 0.73rem;
position: relative;
}
.div-disease-item.active,.div-disease-item:hover {
width: 2.41rem;
height: 0.81rem;
background: url(../images/xuanzhong.png) no-repeat;
background-size: 2.41rem 0.81rem;
position: relative;
}
.c-f16 {
font-size: 0.08rem;
}
.c-f26 {
font-size: 0.14rem;
}
.c-b5e1fc {
color: #b5e1fc;
}
.c-fff71a {
color: #fff71a;
}
.c-257fb7 {
color: #257FB7;
}
h4 {
margin: 0;
padding: 0 0 0.05rem;
}
.div-disease-item .div-disease-title,
.div-common-title {
line-height: 0.18rem;
position: relative;
}
.div-disease-item.active .div-disease-title, .div-disease-item:hover .div-disease-title{
line-height: 0.23rem;
position: relative;
}
.div-disease-item .div-disease-title,.div-disease-item .icon-img,.div-disease-item .c-row{
opacity: 0.5;
}
.div-disease-item.active .div-disease-title,.div-disease-item.active .icon-img,.div-disease-item.active .c-row,
.div-disease-item:hover .div-disease-title,.div-disease-item:hover .icon-img,.div-disease-item:hover .c-row{
opacity: 1;
}
.div-disease-item .c-row {
margin-top: 0.05rem;
}
.div-disease-item.active .c-row {
margin-top: 0;
}
.mt10 {
margin-top: 0.05rem;
}
.ml20 {
margin-left: 0.1rem;
}
.c-bold {
font-weight: bold;
}
.mt0 {
margin-top: 0;
}
.mr40 {
margin-right: 0.2rem;
}
.mlr30 {
margin-left: 0.16rem;
margin-right: 0.16rem;
}
.mt30 {
margin-top: 0.16rem;
}
.ml20 {
margin-left: 0.1rem;
}
.ml30 {
margin-left: 0.16rem;
}
.mr30 {
margin-right: 0.16rem;
}
.ml10 {
margin-left: 0.05rem;
}
.absolute-content {
position: absolute;
width: 100%;
text-align: center;
top: 50%;
-webkit-transform: translateY(-18%);
-o-transform: translateY(-18%);
transform: translateY(-18%);
}
.bg-icon {
object-fit: fill;
position: relative;
height: -moz-calc(100% - 0.34rem);
height: -webkit-calc(100% - 0.34rem);
height: calc(100% - 0.34rem);
}
.bg-icon .zengzhang-img {
width: 0.09rem;
height: 0.09rem;
vertical-align: middle;
position: absolute;
top: 0.2rem;
}
.icon-img {
width: 0.16rem;
height: 0.16rem;
position: absolute;
right: 0.08rem;
top: 0.026rem;
}
.div-disease-item .icon-img {
width: 0.16rem;
height: 0.16rem;
position: absolute;
right: 0.08rem;
top: 0.026rem;
}
.div-disease-item.active .icon-img {
width: 0.16rem;
height: 0.16rem;
position: absolute;
right: 0.18rem;
top: 0.0625rem;
}
.c-row {
height: -moz-calc(100% - 0.34rem);
height: -webkit-calc(100% - 0.34rem);
height: calc(100% - 0.34rem);
}
#div-gaofa-disease-chart{
height: -moz-calc(100% - 0.53125rem);
height: -webkit-calc(100% - 0.53125rem);
height:calc(100% - 0.53125rem)
}
#div-zhongidan-echart{
width: 100%;
height: -moz-calc(100% - 0.26rem);
height: -webkit-calc(100% - 0.26rem);
height:calc(100% - 0.26rem)
}
.btn-default.active,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open .dropdown-toggle.btn-default {
background-color: #009DFE;
border-color: #009DFE;
}
.btn-default:hover,
.btn-default.active:hover {
color: #fff;
background-color: #009DFE;
border-color: #009DFE;
}
.btn-default {
background: #051829;
border-color: #009DFE;
color: #009DFE;
}
.btn-group {
margin-left: 0.16rem;
margin-top: 0.12rem;
}
.mr20 {
margin-right: 0.1rem;
}
.fr {
float: right;
}
#div-shiwang-echart {
width: 0.75rem;
height: 0.75rem;
position: absolute;
top: 50%;
margin-top: -0.375rem;
}
.div-webkit-box {
display: -webkit-box;
}
.div-webkit-box-flex1 {
-webkit-box-flex: 1;
}
.c-f14 {
font-size: 0.07rem;
}
.mt20 {
margin-top: 0.1rem;
}
.div-siwang-type {
width: calc(100% - 0.9375rem);
position: absolute;
top: 0.3rem;
right: 0.05rem;
}
.bgc-00e6f3 {
background: #00e6f3;
}
.bgc-03fa6c {
background: #03fa6c;
}
.bgc-ff616f {
background: #ff616f;
}
.bgc-0fa5f2 {
background: #0fa5f2;
}
.bgc-6576e0 {
background: #6576e0;
}
.bgc-da0ff2 {
background: #da0ff2;
}
.bgc-f24a0f {
background: #f24a0f;
}
.bgc-ebff61 {
background: #ebff61;
}
.bgc-fea92f {
background: #fea92f;
}
.bar-a {
display: inline-block;
width: 0.05rem;
height: 0.05rem;
position: relative;
top: 0.03rem;
}
/* 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%;
}