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

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