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