.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: 5px;
  box-shadow: 0px 5px 5px #ccc;
}
.wrap::after{
	content:'';
	display:block;
	clear:both
}
.left-bar {
	font-size:18px;
}
.left-bar ul li{
	height:50px;
	line-height:40px;
	border:1px solid #ccc;
	border-bottom:0px;
}
.right-bar {
	border-left:1px solid #ccc;
}
.right-bar::after{
	content:'';
	display:block;
	clear:both
}
.item-title {
  padding-bottom: 15px;
  margin-bottom: 10px;

}

.content .content-item ul li {}

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

.gene-info{
	width:100%;
	font-size:15px;
	border:1px solid #ccc;
}
.gene-info li{
	line-height:20px;
	border:1px solid #ccc;
}
.gene-info li label{
	line-height:30px;
	height:30px;
}
.gene-info li .value {
	display:inline-block;
	width:460px;
}
.gene-info li:nth-child(even){
	#background-color:#f2f2f2;
}
.gene-info li:nth-child(odd){
	background-color:#f2f2f2;
}
.gene-info .title {
	display:inline-block;
	width:290px;;
	font-weight:bold;
	padding:5px;
	border-right:2px solid #ccc;
	height:40px;
	line-height:30px;
}
.gene-info li .value{
	display:inline-block;
	word-break:break-all;
	line-height:20px;
	vertical-align:middle;
}
.current-bar{
	background-color:#4068b2;
	color:#fff;
}
.left-bar li{
	cursor:pointer;
	padding:5px;
}
.per-panel{
	padding-top:20px;
}
.predict-table {
	width:100%;
	border:2px solid #ccc;
}
.predict-table tr {
	height:40px;
	line-height:40px;
	text-align:center;
}
.predict-table tr td {
	border:2px solid #ccc;
}
.predict-table tr th {
	border:2px solid #ccc;
	background-color:#4068b2;
	color:#fff;
	font-weight:bold;
}
.network::after{
    content:'';
    display:block;
    clear:both;
}