body{
	background: #971617 url("header.jpg") top center no-repeat;
	background-size: 100% 4.58rem;
}
.container{
	width: 6.4rem;
	height: auto;
	overflow: hidden;
	margin: auto;
	margin-top: 3.8rem;
}

.search{
	width: 6.15rem;
	height: .6rem;
	background: #fff;
	border-radius: .6rem;
	margin:auto;
}

.search input[type=text]{
	width: 4rem;
	height: .6rem;
	float: left;
	border: none;
	border-radius: .6rem;
	margin-left: .2rem;
	font-size: .24rem;
	outline: none;
	color: #333;
}

.search i.search-icon{
	width: .45rem;
	height: .45rem;
	background: url("search.png") center center no-repeat;
	background-size: 100% 100%;
	display: block;
	float: right;
	margin-right: .2rem;
	margin-top: .07rem;
}

.btns{width: 5.64rem; height: auto; overflow: hidden; margin: auto; margin-top: .3rem;}
.btns a{
	display: block;
	width: 2.5rem; 
	height: .5rem; 
	line-height: .5rem;
	text-align: center;
	text-decoration: none;
	color: #5d0b00;
	font-size: .22rem;
	border-radius: .5rem;
	outline: none;
}
.btns a.btn-cs{background: #ffcc00; float: left;}
.btns a.btn-ps{background: #eed366; float: right;}



ul.lists{
	width: 6.1rem;
	height: auto;
	overflow: hidden;
	margin: auto;
}

ul.lists li{
	width: 2.7rem;
	height: auto;
	overflow: hidden;
	float: left;
	background: #700707;
	margin-top: .2rem;
	padding: .1rem .12rem;
}

ul.lists li:nth-child(2n){float: right;}

ul.lists li .cover{width: 2.72rem; height: 2.06rem;}
ul.lists li .cover img{width: 2.72rem; height: 2.06rem;}
ul.lists li .info{width: 100%; height: auto; overflow: hidden; font-size: .22rem; line-height: .45rem; color: #c78084;}
ul.lists li .info span.fl{float: left;}
ul.lists li .info span.fr{float: right; color: #fff;}
ul.lists li a.btn-tp{
	display: block;
	width: 2.72rem;
	height: .3rem;
	line-height: .3rem;
	font-size: .2rem;
	text-align: center;
	text-decoration: none;
	background: #fff;
	border-radius: .5rem;
	color: #a40e10;
	margin: auto;
}

.pages{
	width: auto;
	height: auto;
	overflow: hidden;
	text-align: center;
	padding: 0;
	margin-top:-.2rem;
	margin-bottom: .3rem;
}
.pages a{
	padding: 0.06rem .1rem;
	border:#360405 solid 1px;
	border-radius: .1rem;
	font-size: .2rem;
	color: #fff;
	text-decoration: none;
}
.pages a.current{
	background: #360405;
}

.rules{
	width: 5.64rem;
	height: auto;
	overflow: hidden;
	margin: auto;
	font-size: .26rem;
	color: #fff;
	line-height: .4rem;
	padding: 1rem 0;
}

.rules h1{font-size: .3rem; color: #fff; font-weight: normal; line-height: .6rem; text-align: center;}

.detail{
	width: 6rem;
	height: auto;
	overflow: hidden;
	padding: .6rem .2rem 0 .2rem;
	position: absolute;
	top: 0;
	left: 0;
	background: #8f1d1d;
	display: none;
}
.closed{
	display:block;
	width: .26rem;
	height: .25rem;
	background: url("close.png") center center no-repeat;
	position: absolute;
	top: .2rem; 
	right: .2rem; 
	z-index: 9;
	text-decoration: none;
}
.detail h2{font-size: .3rem; text-align: right; color: #fff; line-height: .6rem;}
.detail .info{width: 100%; height: auto; overflow: hidden; font-size: .22rem; line-height: .45rem; color: #cecece;}
.detail .info span.fl{float: left;}
.detail .info span.fl em{float: left; font-style: normal; font-size: .3rem; color: #fff;}
.detail .info span.fr{float: right; color: #fff;}
.detail .info span.fr em{float: left; font-style: normal; font-size: .3rem; color: #f0ff00;}
.detail .content{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: .2rem;
}
.detail .content p{
	font-size: .24rem;
	color: #fff;
	line-height: .3rem;
}
.detail .content .video{
	margin-top: .2rem;
	height: auto;
	overflow: hidden;
}
.detail .content .video img{width: 6rem; height: 3.85rem;}

header{
	width: 100%;
	height: 3.9rem;
	background: url("header.jpg") center center no-repeat;
	background-size: 100% 100%;
}

.content{
	width: 100%;
	height: auto;
	overflow: hidden;
}

.content .description{
	width: 5.5rem;
	font-size: .28rem;
	text-align: center;
	line-height: .35rem;
	padding: .7rem 0;
	margin:auto;
}

.content dl{width: 5.5rem; height: auto; overflow: hidden; padding: .15rem 0; margin: auto; border:#000 solid 0px;}
.content dl dt{
	width: 1.3rem;
	float: left;
	text-align: right;
	font-size: .3rem;
	line-height: .77rem;
}
.content dl dd{
	width: 4.2rem;
	height: auto;
	overflow: hidden;
	float: left;
}
.content dl dd input{
	width: 3.8rem;
	padding: 0 .2rem;
	height: .77rem;
	border: #77031b solid 3px;
	box-sizing: border-box;
	border-radius: .4rem;
	float: left;
	font-size: .28rem;
	outline: none;
}
.submit{
	display: block;
	width: 5.5rem;
	height: .8rem;
	background: url("submit.png") center center no-repeat;
	background-size: 100% 100%;
	text-indent: 9999px;
	margin: auto;
	margin-top: .2rem;
}
.hlx-modal{
	width: 4rem;
	height: .6rem;
	line-height: .6rem;
	overflow: hidden;
	font-size: .28rem;
	color: #fff;
	text-align: center;
	background-color: rgba(0,0,0,.8);
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -2rem;
	margin-top: -.3rem;
	border-radius: .2rem;
	display: none;
}