@charset "utf-8";
*{margin:0;padding:0}

h3
{
	width:100%;
	margin:0;
	padding:0;
	font-size:16px;
	line-height:24px;
	font-weight:bold;
}
.itemheader
{
	margin:15px 0 8px;
	padding:0 10px;
	font-size:20px;
	line-height:32px;
	font-weight:bold;
}
.list_header
{
	width:100%;
	padding:0;
}
.list_header_wrap
{
	box-sizing:border-box;
	width:100%;
	padding:0 10px 5px;
}
.listhead
{
	margin:10px 0;
	font-size:16px;
	line-height:24px;
	font-weight:bold;
}
.listhead:before 
{
	font-family:FontAwesome;
	content:'\f11b';
	font-weight:normal;
	font-size:1.4em;
	color:#f60;
	padding:0 5px 0 0;
}
.list_discri
{
	width:100%;
	padding:5px 0;
	font-size:13px;
	color:#444;
	line-height:18px;
}
.list_content
{
	width:100%;
	padding:0;
	background-color:#f0f0f0;
}
.list_content_wrap
{
	box-sizing:border-box;
	width:100%;
	padding:0;
}
#list_search_wrap
{
	box-sizing:border-box;
	width:100%;
}
#list_item_wrap
{
	box-sizing:border-box;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	width:100%;
	padding:10px 0 10px 10px;
}
.list_item
{
	box-shadow:0 0 3px #b0b0b0;
	box-sizing:border-box;
	width:calc(100% - 10px);
	margin:0 10px 20px 0;
	padding:0;
	background-color:#fff;
}
.list_item_head
{
	box-sizing:border-box;
	display:flex;
	flex-direction:row;
	width:100%;
	padding:15px;
	background-color:#333;
}
.list_item_num
{
	width:45px;
	font-size:1em;
}
.list_item_title
{
	box-sizing:border-box;
	width:calc(100% - 45px);
	display:inline-block;
	vertical-align:middle;
	padding:0 0 0 20px;
	font-size:15px;
	line-height:20px;
	font-weight:bold;
	color:#fff;
}
.list_item_detail
{
	box-sizing:border-box;
	width:100%;
	padding:0;
}
.list_item_detail_thums
{
	box-sizing:border-box;
	display:flex;
	flex-direction:row;
	width:100%;
	padding:20px 10px;
}
.list_item_detail_img
{
	box-sizing:border-box;
	width:45%;
}
.list_item_detail_img img
{
	display:block;
	width:100%;
	height:auto;
	border:0;
}
.list_item_detail_data
{
	box-sizing:border-box;
	width:55%;
	padding:0 0 0 15px;
}
.list_item_data_devlop,
.list_item_data_rev,
.list_item_data_rel
{
	padding:0 0 3px;
	font-size:11px;
	line-height:16px;
	color:#333;
}
.list_item_data_pt
{
	margin:1px 0 5px;
}
.data_point
{
	font-size:16px;
	font-weight:bold;
	color:#ff0000;
}
.midl_font
{
	margin:0 5px;
	font-size:12px;
	font-weight:bold;
	color:#333;
}
.genre_tags
{
	display:inline-block;
	margin:0 5px 3px 0;
	padding:2px 5px;
	background-color:#333;
	font-size:10px;
	font-weight:bold;
	color:#fff;
}
.list_item_detail_rank
{
	box-sizing:border-box;
	display:flex;
	flex-direction:row;
	width:100%;
	padding:0 10px 10px 10px;
}
.list_item_allranks
{
	box-sizing:border-box;
	width:24%;
	padding:0;
}
.list_item_freeranks
{
	box-sizing:border-box;
	width:16%;
	padding:0;
}
.list_item_grosranks
{
	box-sizing:border-box;
	width:22%;
	padding:0;
}
.list_item_ranks_title
{
	text-align:center;
	font-size:11px;
	line-height:22px;
}
.list_item_ranks_subtitle
{
	text-align:center;
	font-size:7px;
	line-height:7px;
}
.list_item_ranks_nums
{
	text-align:center;
	font-size:11px;
	line-height:18px;
}
.list_item_ranks_logs
{
	font-size:16px;
	margin:0 3px 0 0;
}
.list_item_detail_tags
{
	box-sizing:border-box;
	width:100%;
	padding:0 10px 10px;
}
.list_item_detail_desc
{
	box-sizing:border-box;
	width:100%;
	padding:0 10px 20px;
	font-size:13px;
	color:#444;
	line-height:18px;
}


@media all and (min-width: 499px)
{
	.list_item
	{
		width:calc(50% - 10px);
	}
}

@media all and (min-width: 899px)
{
	.listhead
	{
		margin:15px 0;
		font-size:26px;
		line-height:32px;
		font-weight:bold;
	}
	.listhead:before 
	{
		font-size:1.6em;
		padding:0 10px 0 0;
	}
	.list_discri
	{
		width:100%;
		font-size:16px;
		line-height:26px;
	}
	.list_item_detail_thums
	{
		padding:30px 20px;
	}
	.list_item_detail_data
	{
		padding:0 0 0 20px;
	}
	.list_item_data_devlop,
	.list_item_data_rev,
	.list_item_data_rel
	{
		padding:0 0 10px;
		font-size:16px;
		line-height:22px;
	}
	.list_item_data_pt
	{
		margin:0 0 8px;
		font-size:22px;
	}
	.data_point
	{
		font-size:22px;
	}
	.midl_font
	{
		margin:0 8px;
		font-size:18px;
	}
	.genre_tags
	{
		display:inline-block;
		margin:0 10px 8px 0;
		padding:4px 8px;
		font-size:15px;
	}
	.list_item_detail_rank
	{
		padding:0 10px 20px 10px;
	}
	.list_item_ranks_title
	{
		font-size:15px;
		line-height:22px;
	}
	.list_item_ranks_subtitle
	{
		font-size:10px;
		line-height:10px;
	}
	.list_item_ranks_nums
	{
		font-size:16px;
		line-height:24px;
	}
	.list_item_ranks_logs
	{
		font-size:20px;
		margin:0 5px 0 0;
	}
	.list_item_detail_tags
	{
		padding:0 20px 15px;
	}
	.list_item_detail_desc
	{
		padding:0 20px 30px;
		font-size:16px;
		line-height:24px;
	}
}

@media all and (min-width: 1200px)
{
	.list_header_wrap
	{
		width:1200px;
		margin:0 auto;
		padding:0 10px 10px;
	}
	.list_content_wrap
	{
		width:1200px;
		margin:0 auto;
	}
	.list_item
	{
		width:calc(50% - 20px);
		margin:0 20px 20px 0;
	}
	#list_item_wrap
	{
		padding:30px 0 30px 20px;
	}
	.list_item_head
	{
		padding:20px;
	}
	.list_item_num
	{
		width:50px;
		font-size:1.2em;
	}
	.list_item_title
	{
		width:calc(100% - 50px);
		padding:0 0 0 20px;
		font-size:20px;
		line-height:24px;
	}

}