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

.div-header {
	background: url(../images/jumingjiankang.png) no-repeat;
	width: 100%;
	height: 0.39rem;
	background-size: 100% 100%;
	z-index: 50;
	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;
	z-index: 99;
	position: relative;
	cursor: pointer;
}

.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:rgba(213, 230, 255);
}

.div-skip div a:hover {
	color: rgb(4, 128, 211)
}

.content {
	width: 100%;
	height: calc(100% - 0.65rem);
	/*padding: 0.12rem;*/
	position: relative;
}

.left-panel {
	position: absolute;
	width: 2.62rem;
	height: 3.53rem;
	background: url(../images/dibu.png) no-repeat;
	background-size: 2.62rem 3.53rem;
	top: 0;
	left: 0.1rem;
	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;
	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;
	-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;
}

.mr20 {
	margin-right: 0.1rem;
}

.fr {
	float: right;
}

#div-shiwang-echart {
	width: 1.042rem;
	height: 1.042rem;
	position: absolute;
	top: 50%;
	margin-top: -0.521rem;
}

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

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

.btn.focus,
.btn:focus,
.btn:hover {
	color: #fff
}

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