app-big-data/page/bigData/css/home.css

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: 100%;
	height: 0.39rem;
	background-size: 100% 100%;
	z-index: 50;
	position: relative;
	/* 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;
	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;
	-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: rgb(4, 128, 211)
}

.div-skip div a:hover {
	color:rgba(213, 230, 255);
}

.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.18rem;
	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;
}

.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.2rem;
	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 {
	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: 34px;
	padding: 6px 35px;
    margin-top: 0.1rem;
}

.diqu-label{
	position: absolute;
    top: 0.26rem;
    left: 0.26rem;
    font-size: 0.073rem;
}

.dropdown-menu {
	background: url(../images/mjzfwqktoubukuang.png) center center / 100% 100% no-repeat;
	background-size: 100% 100%;
}

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