.arkTop .s1{width: 55%;}
.arkTop .s3{width: 45%;text-align: right;}
.prohao i{margin-left: 5px;}

.board_style{border: 1px solid #ddd;background: #fff;border-radius: 5px;padding:0 10px;width: 100%;overflow: auto;box-sizing: border-box;min-height: 380px;}
/*	-------黑横线------- */
.line-gray {
	height: 1px;
	overflow: hidden;
	background-color: #c9c9c9;
}
.table-striped{width: 100%;border-collapse: collapse;box-sizing: border-box;word-break:break-all;}
.table-striped td{line-height: 1.8;padding: 5px 0;vertical-align: top;border-top: 1px solid #ddd;}

/*	-------详情列表的表头样式------- */
.table-striped td.details_title{
	font-weight:bold;
	color: #1678b5;
	white-space: nowrap;
	padding-right: 10px;
}
/*	-------详情列表的参考文献样式------- */
.details_reference,
.details_reference a{
	color: #922609 !important;
}
/*	-------详情列表的属、种字体------- */
.details_species_text{
	font-style: italic;
}
/*	-------官名或异名列表样式------- */
.name_list,
.name_list ul{
	padding-left: 1px;
}
.name_list li{
	list-style-type:none;
}

#informationbox .redlistbox{margin: 10px 0 0 0;border-top:1px solid #c00;border-left:1px solid #c00;box-sizing: border-box;padding: 0;}
#informationbox .redlistbox li{line-height:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;padding:3px 10px;border-right:1px solid #c00;border-bottom:1px solid #c00;background: #fff;display: block;text-align: justify;text-align-last: justify;font-size: 12px;font-style: normal;margin: 0;}
#informationbox .redlistbox li a,#informationbox .redlistbox li span{display: inline-block;text-align: left;text-align-last: left;line-height: 20px !important;font-size: 14px !important;vertical-align: middle;}
#informationbox .redlistbox li.rlttl{text-align: center;text-align-last: center;background: #c00;color:#fff;}
#informationbox .redlistbox li a{width: 30%;float: none;}
#informationbox .redlistbox li span a{width: auto;float: none;}
#informationbox .redlistbox li.rlttl a{width:auto;color:#fff;}
#informationbox .redlistbox li .catespan{color:#600;}
#informationbox .redlistbox li .yearspan{color:#999;}
#informationbox .redlistbox li .trendspan{color:#999;}

#informationbox .redlistbox li .catespan[title=灭绝物种]{color: #222}
#informationbox .redlistbox li .catespan[title=野外灭绝]{color: #333}
#informationbox .redlistbox li .catespan[title=极危物种]{color: #700}
#informationbox .redlistbox li .catespan[title=高危物种]{color: #900}
#informationbox .redlistbox li .catespan[title=易危物种]{color: #b00}
#informationbox .redlistbox li .catespan[title=低危物种]{color: #880}
#informationbox .redlistbox li .catespan[title=近危物种]{color: #890}
#informationbox .redlistbox li .catespan[title=无危物种]{color: #690}
#informationbox .redlistbox li .catespan[title=数据缺乏]{color: #777}

#informationbox .redlistbox li .trendspan[title=减少]{color: #f00;font-size: 0;line-height: 0}
#informationbox .redlistbox li .trendspan[title=减少]:before{content: "↓";font-size:12px;}
#informationbox .redlistbox li .trendspan[title=增加]{color: #690;font-size: 0;line-height: 0}
#informationbox .redlistbox li .trendspan[title=增加]:before{content: "↑";font-size:12px;}
#informationbox .redlistbox li .trendspan[title=未知]{font-size: 0;line-height: 0}
#informationbox .redlistbox li .trendspan[title=未知]:before{content: "－";font-size:12px;}
#informationbox .redlistbox li .trendspan[title=无]{font-size: 0;line-height: 0}
#informationbox .redlistbox li .trendspan[title=无]:before{content: "－";font-size:12px;}
#informationbox .redlistbox li .trendspan[title=稳定]{color: #690;font-size: 0;line-height: 0}
#informationbox .redlistbox li .trendspan[title=稳定]:before{content: "∽";font-size:12px;}


@media only screen and (max-width:800px) {
.arkTop .s1{width: 64%;}
.arkTop .s3{width: 36%;margin: 10px 0 0 0;}
.prohao i{margin-left: 5px;}
.board_style{padding:0 5px;}
.table-striped td{font-size:14px;}
.table-striped td.details_title{padding-right:2px;}
}