.index-body {background: #F2F2F2;}
.main{margin:0 auto}
.main .content-left{
	float:left;
	width:400px;

}
.main .content{
	width:1200px;
}


.content .content-item {
  margin-bottom: 20px;
}
.content .wrap {
  border: 1px solid #ccc;
  padding: 15px;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 5px 5px #ccc;
}
.content .content-item .item-title {
  padding-bottom: 15px;
  margin-bottom: 10px;

}

.content .content-item .item-title span {
  display: inline-block;
  padding-left: 5px;
  font-weight: bolder;
  font-size:25px;
  border-bottom:4px solid #4068B2;
	height:40px;
	  padding-top:8px;
}
.data-summary {
	background:#fff;
}
.data-summary li{
	height:55px;
	padding-left:10px;
	line-height:55px;
	border:1px solid #ccc;
}

.main .content-left{
	float:left;
	width:585px;

}


.content-left .content-item {
  margin-bottom: 20px;
}
.content-left .wrap {
  border: 1px solid #ccc;
  padding: 15px;
  #background: #e4e4e4;
  border-radius: 10px;
}
.content-left .content-item .item-title {
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 15px;
}


.content-left .content-item .item-title span {
  display: inline-block;
  padding-left: 5px;
  font-weight: bolder;
  border-left: 3px solid #009999;
    font-size:17px;
}





.main .content-right{
	float:right;
	width:585px;
}
.content-right .content-item {
  margin-bottom: 20px;
}
.content-right .wrap {
  border: 1px solid #ccc;
  padding: 15px;
  #background: #e4e4e4;
  border-radius: 10px;
}
.content-right .content-item .item-title {
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.content-right .content-item ul li {
  padding-bottom: 5px;
}

.content-right .content-item .item-title span {
  display: inline-block;
  padding-left: 5px;
  font-weight: bolder;
  border-left: 3px solid #009999;
  font-size:17px;
}

.feature{
	text-align:center;
}

.feature li{
	height:200px;
}
.feature li .title {
	line-height:40px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


.summary-left{
	width:500px;
	float:left
}
.summary-right{
	width:500px;
	float:right
}
.item-content h4 {
	font-size:23px;
	font-weight:normal;
	color:#006699;
	margin-bottom:15px;
}
.summary-left ul {
	font-weight:normal;
	padding-left:10px;
}
.summary-left ul li {
	height:40px;
	line-height:30px;
}

.summary-right ul li {
	padding-left:10px;
	height:40px;
	line-height:30px;
}

.circle{
	background:#7f7f7f;
	border-radius:50%;
	#box-shadow:0.375em 0.375em 0 0 rgba(15, 28, 63, 0.125);
	height:10px;
	width:10px;
	cursor:pointer;
}
.body-explain li{
	background:#e7e9ec;font-size:11px;height:60px;padding:5px;margin-bottom:5px;border:2px solid #ccc;color:#000;
}
.body-explain li .cancer-type{
	float:left;width:44px;height:50px;line-height:50px;font-weight:bold;background-color:rgba(255,255,255,0.1)
}
.body-explain li .up-down-value {
	float:left;width:194px;padding:0;margin:0
}
.up-down-value .up-title {
	line-height:15px;display:inline-block;height:15px;text-align:right;width:40px
}
.up-down-value .up-value {
	display:inline-block;width:150px;height:17px;
}
.up-value .progress {
	display:inline-block;padding-top:5px;height:10px;background-color:#ff6666;border-radius:4px;line-height:25px;
}
.up-value .progress-down {
	display:inline-block;padding-top:5px;height:10px;background-color:#0066CC;border-radius:4px;line-height:25px;
}

.summary-type {
	padding:0 30px;font-size:18px;font-weight:bold; text-align:center;
}
.summary-type .per-type {
	border-right:1px solid #ccc;display:inline-block;padding-bottom:0;
}
.per-type .icon {
	display:inline-block;width:50px;line-height:30px;float:left;height:60px;line-height:60px;
}
.per-type .con {
	display:inline-block;float:left;padding:5px;margin-right:10px;
}
.per-type .con div{
	height:25px;line-height:30px;
}

.core-tools{
	height:320px;padding:20px 50px;font-size:20px;text-align:center;
}
.core-tools .per-tool {
	float:left;width:202px;height:242px;border:1px solid rgb(64,104,177);border-radius:4px; margin:0 30px;
}
.per-tool .header-bg{
	height:40px;background:rgb(64,104,177);padding:5px;
}
.per-tool .title {
	padding:10px 10px 30px 10px;
	height:80px;
	vertical-align:middle;
	color:#000;
}