@import "reset.css";
/*号码选择*/
.number_seq{
	margin:1rem;
}
.number_seq h1{
	border-bottom:1px solid #d70e07;
	line-height:1rem;
	color:#d70e07;
	font-size:1rem;
	font-weight:bold;
	padding-bottom:.5rem;
}
.number_seq h1 span{
	display:inline-block;
	width:.1rem;
	height:1rem;
	background:#d70e07;
	margin-right:.4rem;
}

/*红色号球*/

.number_seq .bd{
	background:#fff;
	display:-webkit-box;
}
.number_seq .bd ul{
	padding:10px 0;
	border:1px solid #e7e7e7;
	width:100%;
}
.number_seq .bd li{
	line-height:2rem;  
	padding:0 10px;
	display:-webkit-box;
}
.number_seq .bd ul li span{
	color:#b9b9b9;
	font-size:.8rem;
	display:inline-block;
	width:1rem;
}
.number_seq .bd li a{
	-webkit-tap-highlight-color:rgba(0,0,0,0); 
	display:inline-block;
	width:1.5rem;
	line-height:1.5rem;
	border-radius:3rem;
	background:#fff;
	color:#b9b9b9;
	border:1px solid #b9b9b9;
	text-align:center;
	margin:0 .31rem;
	font-size:.8rem;
}  /* 去掉链接触摸高亮 */
.number_seq .bd li a:hover{
	background:#d70e07;
	color:#fff;
	border:1px solid #d70e07;
}
.number_seq .bd li a:active{
	background:#d70e07;
	color:#fff;
	border:1px solid #d70e07;
}
.number_seq .bd li:last-child{
	display:-webkit-box;
	-webkit-box-pack:center;
	padding-top:1rem;
    display:-moz-box;
    width:100%;
    text-align:center;
    -moz-box-pack:center;
}
.number_seq .bd li dl{
	display:-webkit-box;
    display:-moz-box;
	margin:0 .5rem;
	height:1.5rem;
	line-height:1.5rem;
}
.number_seq .bd li dl dt img{
	width:1.5rem;
	height:1.5rem;
}
.number_seq .bd li dl dd{
	width:2.5rem;
	height:1.4rem;
	line-height:1.4rem;
	background:#fff;
	font-size:.8rem;
	color:#b9b9b9;
	border:1px solid #b9b9b9;
	text-align:center;
	margin-left:-1px;
}

/*蓝色号球*/ 
.number_seql h1{
	border-bottom:1px solid #eee;
	line-height:1rem;
	color:#021a32;
	font-size:1rem;
	font-weight:bold;
	padding-bottom:.5rem;
}
.number_seql h1 span{
	display:inline-block;
	width:.1rem;
	height:1rem;
	background:#021a32;
	margin-right:.4rem;
}
.number_seql .hd{
	background:#fff;
}
.number_seql .hd ul{
	padding:10px;
}
.number_seql .hd ul li{
	line-height:33px;
}
.number_seql .hd ul li a{
	display:inline-block;
	width:1.5rem;
	line-height:1.5rem;
	border-radius:3rem;
	background:#fff;
	color:#b9b9b9;
	border:1px solid #b9b9b9;
	text-align:center;
	margin:0 .31rem;
	font-size:.8rem;
}
.number_seql .hd ul li a:hover{
	color:#fff;
	background:#066dd4;
	border:1px solid #066dd4;
}
.number_seql .hd ul li a:active{
	color:#fff;
	background:#066dd4;
	border:1px solid #066dd4;
}
.number_seql .hd ul li:last-child{
	display:-webkit-box;
	-webkit-box-pack:center;
	padding:.5rem 0;
     -webkit-box-pack:center; 
    display:-moz-box;
    -moz-box-pack:center;
    text-align:center;
    width:100%;
}
.number_seql .hd li dl{   
	margin:0 .5rem;
	height:1.5rem;
	line-height:1.5rem; 
    display:-webkit-box;      
    display:-moz-box;    
    text-align:center;
   
}
.number_seql .hd li dl dt img{
	width:1.5rem;
	height:1.5rem;
}
.number_seql .hd li dl dd{
	width:2.5rem;
	height:1.4rem;
	line-height:1.4rem;
	background:#fff;
	font-size:.8rem;
	color:#b9b9b9;
	border:1px solid #b9b9b9;
	text-align:center;
	margin-left:-1px;
}



/*过滤工具*/
.seq_filter ul li a{
	width:22%!important;
}
.content_filter{
	margin:1rem;
}
.content_filter h1{
	border-bottom: 1px solid #eaeaea;
    line-height: 1rem;
    color: #273648;
    font-size: 1rem;
    font-weight: bold;
    padding-bottom:.5rem;
}
.content_filter h1 span{
	display: inline-block;
    width: .1rem;
    height: 1rem;
    background: #273648;
    margin-right: .4rem;
}
.content_filter ul{
	/*display:-webkit-box;*/
}
.content_filter ul li{
	margin:.5rem 0;
}
.content_filter ul li a{
	padding:.3rem 0;
	width:20%;
	text-align:center;
	font-size:.8rem;
	border:1px solid #e8e8e8;
	border-radius:.3rem;
	color:#666;
	margin:0 .13rem;
	display:inline-block;
	background:#fff;
}

.content_filter ul li a:hover{
	background:#d70e07;
	border:1px solid #d70e07;
	color:#fff;
}

/*过滤结果*/
.filter_result{
	margin:1rem;
}
.filter_result h1{
	border-bottom: 1px solid #eaeaea;
    line-height: 1rem;
    color: #273648;
    font-size: 1rem;
    font-weight: bold;
    padding-bottom:.5rem;
}
.filter_result h1 span:first-child{
	display: inline-block;
    width: .1rem;
    height: 1rem;
    background: #273648;
    margin-right: .4rem;
}
.filter_result h1 span:last-child{
	font-size:.6rem;
	color:#d6d6d6;
	font-weight:normal;
}
.filter_result h1 span em:first-child{
	font-size:.6rem;
	color:#2b2ed9;
	font-style:normal;
}
.filter_result h1 span em:last-child{
	font-size:.6rem;
	color:#d70e07;
	font-style:normal;
}
.filter_result p{
	border:1px solid #e7e7e7;
	background:#fff;
	height:7rem;
	margin:1rem .8rem;
}
.filter_btn a{
	padding:.5rem .5rem;
	display:inline-block;
	margin:.5rem .2rem;
	background:#fff;
	border:1px solid #e7e7e7;
	font-size:.8rem;
	color:#666;
} 
.filter_btn a:hover{
	border:1px solid #d70e07;
	background:#d70e07;
	color:#fff;
}

.pop_box ul li a.a_red{
	color:#fff!important;
	background:#f5706c;
	border:1px solid #f5706c;
}

@media screen and (max-width: 375px){
	/*号码选择*/
	.number_seq .bd li a{
		width:1.3rem;
		height:1.3rem;
		line-height:1.3rem;
		margin:0 .29rem;
	}
	.number_seql .hd ul li a{
		width:1.3rem;
		height:1.3rem;
		line-height:1.3rem;
		margin:0 .29rem;
	}
	/*过滤工具*/
	.seq_filter ul li a{
		margin:0 .1rem;
	}
}
@media screen and (max-width: 320px){
	/*号码选择*/
	.number_seq .bd li a{
		width:1.2rem;
		height:1.2rem;
		line-height:1.2rem;
		margin:0 .17rem;
	}
	/*过滤工具*/
	.seq_filter ul li a{
		margin:0!important;
	}
	.number_seql .hd ul li a{
		width:1.3rem;
		height:1.3rem;
		line-height:1.3rem;
		margin:0 .2rem;
	}
	.seq_filter ul li a{
		width:23%!important;
	}
}

/*色值*/
.number_seq a.color_red{
	color:#fff!important;
	border:1px solid #d70e07!important;
	background:#d70e07!important;
}
.number_seq a.color_blue{
	color:#fff!important;
	border:1px solid #066dd4!important;
	background:#066dd4!important;
}
.number_seql a.color_red{
	color:#fff!important;
	border:1px solid #d70e07!important;
	background:#d70e07!important;
}
.number_seql a.color_pink{
	color:#fff!important;
	border:1px solid #f5706c!important;
	background:#f5706c!important;
}
.number_seql a.color_blue{
	color:#fff!important;
	border:1px solid #066dd4!important;
	background:#066dd4!important;
}
/*新增*/
.renx{border:1px solid #ededed;border-bottom: none;border-right:none;margin-top:10px;border-top:none;}
.renx span{border-top:1px solid #ededed;width: 4.2rem;height: 1.5rem;display: inline-block;background:#fff;border-right:1px solid #ededed;text-align:center;line-height: 1.5rem;font-size:.8rem;color: #686868}
.renx span.borderTop{border-top:1px solid #d70e07;}
.number_seq .bd li label{font-size: .8rem;color: #c3c3c3;width:2rem;display:inline-block;}

.number_seq .bd li p{width: 90%;}


.header_new{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background:#d70e07;
	height:3rem;
	line-height:3rem;
	z-index:1;
}
.content_new{
	position:absolute;
	top:3rem;
	bottom:3rem;
	width:100%;
}
.filter_btn{
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;
    display:-moz-box;
    -moz-box-pack:center;
    -moz-box-align:center;
	position:fixed;
	bottom:0;
	height:3rem;
	width:100%;
	background:#e4e4e4;
	border-top:1px solid #ccc;
	z-index:1;  
    text-align:center;  
}