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: 10rem; height: 0.39rem; background-size: 10rem 0.39rem; z-index: 50; position: relative; 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: 10rem; height: 0.2rem; background-size: 10rem 0.2rem; margin-top: -37px; } .div-body { /*height: 100%;*/ padding-top: 0; } .div-skip { width: 0; height: 0; opacity: 0; overflow: hidden; background-image: url("../images/tc1.png"); background-size: 100% 100%; position: fixed; top: 0.271rem; 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 { width: 100%; background: url(../images/icon_biaoti.png) no-repeat; background-size: 100% 100%; height: .260417rem; color: #fff; font-weight: bold; line-height: 0.198rem; font-size: 0.104rem; position: absolute; top: -0.4375rem; left: -0.1302rem; } .ml50{ margin-left: 0.26rem; } .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%; } .c-pr{ position: relative; } td img { /*margin-right: .026042rem;*/ width: 12px; } .w60 { width: .3125rem } .w40{ width:0.2083rem } .w193 { width: 1.005208rem } .w-90{ width: 0.46875rem; } .w-115{ width: 0.5989583rem; } .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;*/ } .no-result-h234 { height: 1.245rem; } .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: 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.2rem; } .no-result-img>img{ width: 100%; height: 100%; } .no-result-text{ text-align: center; margin-top: 0.1rem; font-size: 0.08rem; color: #b5e1fc; } .no-result-img-chart{ width: 0.5rem; object-fit: fill; padding-top: 0.2rem; margin: 0 0.05rem 0 0.625rem; display: inline-block; } .no-result-img-chart>img{ width: 100%; height: 100%; } .no-result-text-chart{ text-align: center; margin-top: 0.1rem; font-size: 0.08rem; color: #b5e1fc; display: inline-block; } .div-header-title{ text-align: center; font-size: 0.08rem; font-weight: bold; color: #b5e1fc; padding-top: 0.03125rem; } .div-menzhenfenleibei{ background: url(../images/mzrcyuequshi-nodata.png) no-repeat; } .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; } @media screen and (max-width: 1919px) { #app .div-bottom { bottom: 18px; } .div-body>.middle{ margin: 0 0.15625rem; } }