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

html {
	font-size: 192px;
}

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: 100%;
	height: 0.39rem;
	background-size: 100% 100%;
	z-index: 100;
    position: fixed;
    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%;
}
.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-body{
	height: 100%;
	margin-top: .40625rem;
}


.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{
	background: url(../images/icon_biaoti.png) no-repeat;
	background-size: 100% 100%;
	height: .260417rem;
	color: #fff;
	font-weight: bold;
	line-height: .260417rem;
	padding-left: .130208rem
}


/* 左边样式 */
.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;
	}
	.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;
}
.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
}