body { width: 100%; height: 100%; background-image: url(../images/BG.png); background-repeat: no-repeat; background-size: 100% 100%; overflow: hidden; } #main { height: 100%; overflow-y: auto; } .div-header { background: url(../images/jumingjiankang.png) no-repeat; width: 10rem; height: 0.39rem; background-size: 10rem 0.39rem; z-index: 50; position: relative; } .div-bottom { background: url(../images/logo_bg_img.png) no-repeat; width: 10rem; height: 0.2rem; background-size: 10rem 0.2rem; margin-top: 10px; } .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; z-index: 99; position: absolute; cursor: pointer; top: 10px; } .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; top: 0.271rem; -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.27, 1.55); -o-transition: all .5s cubic-bezier(0.68, -0.55, 0.27, 1.55); 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); } .content { width: 100%; position: relative; display: -webkit-box; display: box; margin-top: 0.1rem; } .left-panel { position: relative; width: 2.62rem; /* height: 3.53rem; */ background: url(../images/dibu.png) no-repeat; background-size: 2.62rem 3.53rem; margin-left: 0.1rem; margin-right: 0.1rem; padding: 0.05rem; } .left-panel-img{ position: absolute; width: 2.29rem; height: 2.92rem; top: 0; left: 0.13rem; right: 0.18rem; } .center-panel { position: relative; width: 4.286rem; height: 3.11rem; background: url(../images/ditudibu1.png) no-repeat; background-size: 4.286rem 3.11rem; color: rgba(213, 230, 255); -webkit-box-flex: 0; } .right-panel { width: 2.677rem; height: 3.1rem; background: url(../images/fengexian.png) no-repeat; background-size: 2.677rem 3.1rem; margin-left: 0.1rem; position: relative; } .center-panel .map { width: 4.286rem; height: 3.11rem; } .bottom-left-panel { position: relative; width: 7rem; height: 1.63rem; background: url(../images/zdfwrqzengjiaqushi.png) no-repeat; background-size: 7rem 1.63rem; margin-left: 0.1rem; margin-top: 0.1rem; } .bottom-right-panel { position: relative; width: 2.677rem; height: 1.64rem; background: url(../images/shiwangyuanyin.png) no-repeat; background-size: 2.677rem 1.64rem; margin-left: 0.1rem; margin-top: 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; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .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%); -ms-transform: translateY(-18%); transform: translateY(-18%); } .bg-icon { -o-object-fit: fill; object-fit: fill; position: relative; 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; cursor: pointer; } .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,.div-disease-item:hover .icon-img { width: 0.16rem; height: 0.16rem; position: absolute; right: 0.18rem; top: 0.0625rem; } .c-row { height: calc(100% - 0.34rem); } #div-gaofa-disease-chart { width: 100%; height: calc(100% - 0.53125rem) } #div-zhongidan-echart { width: 100%; 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; } .btn.focus, .btn:focus, .btn:hover { color: #fff } .btn{ padding: 3px 12px; } .mr20 { margin-right: 0.1rem; } .fr { float: right; } #div-shiwang-echart { width: 1.3rem; height: 1.3rem; position: absolute; top: 50%; margin-top: -0.65rem; } .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; } .pt20 { padding-top: 0.1rem; } .div-siwang-type { width: 50%; 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; border-radius: 0.01rem; } .sanjiao { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .sanjiao:checked~img { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); 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: 30px; line-height: 30px; padding: 0; margin-top: 0.1rem; width: 100px; text-align: left; border: 1px solid #009dfe; border-radius: 0; padding-left: 7px; } .dropdown-menu{ min-width: 140px; } .btn .caret{ float: right; margin-right: 7px; margin-top: 12px; } .dropdown-menu li a:hover{ background: #009DFE; color: #FFFFFF; } .diqu-label{ position: absolute; top: 0.26rem; left: 0.26rem; font-size: 0.073rem; } .dropdown-menu { background: rgba(5,31,51, 0.6); border: 1px solid #009dfe; } .div-mask-layer{ width: 100%;height: 100%;background: black;opacity: 0.5;position: absolute;z-index: 200;overflow: hidden; } .ibox-content{ position: absolute;top:50%;margin-top: -117.5px;background-color: transparent;left: 50%;margin-left: -45px;border: 0; } .sk-spinner-fading-circle .sk-circle:before{ background-color:white; } .no-result-img{ width: 0.5rem; margin: 0 auto; object-fit: fill; padding-top: 0.3125rem; } .no-result-img>img{ width: 100%; height: 100%; } .no-result-text{ text-align: center; margin-top: 0.1rem; font-size: 0.08rem; color: #b5e1fc; } .div-bottom-content{ display: -webkit-box; display: box; } @media screen and (max-width: 1919px) { #main .div-bottom { bottom: 18px; } }