@import "reset.css";
/*列表*/
.gv_list{
	padding-top:3rem;  
}
.gv_list ul{
	margin-top:3rem;
}
.gv_list ul li a{
	display:block;
	width:100%;
	padding:.5rem 1rem;
}
.gv_list ul li{
	border-bottom:1px solid #b9b9b9;
	background:url(../images/moren.png) no-repeat right center;
}
.gv_list ul li.active{
	background:url(../images/active.png) no-repeat right center;
	background-color:#f3f3f3;
}
.gv_list ul li dl{
	display:-webkit-box;
	-webkit-box-align:center;
    display:-moz-box;
    -moz-box-align:center;
}
.gv_list ul li dl dt{
	margin-right:.5rem;
}
.gv_list ul li dl dt img{
	width:4rem;
	height:4rem;
}
.gv_list ul li dl dd{
	color:#000;
	font-size:1.5rem; 
	font-weight:bold;
}
/*号码选择*/
.number_choose{
	margin:1rem 0.5rem;
    
}
.number_choose h1{
	border-bottom:1px solid #d70e07;
	line-height:1rem;
	color:#d70e07;
	font-size:1rem;
	font-weight:bold;
	padding-bottom:.5rem;
}
.number_choose h1 span{
	display:inline-block;
	width:.1rem;
	height:1rem;
	background:#d70e07;
	margin-right:.4rem;
}

/*tab切换*/
.number_choose .hd{
	height:2rem;
	line-height:2rem;
	position:relative;
}
.number_choose .hd ul{
	height:2rem;
	display:-webkit-box;
    display:-moz-box;
}
.number_choose .hd ul li{
	color:#666;
	width:5rem;
	text-align:center;
	background:#fff;
	border-left:1px solid #e7e7e7;
	border-top:1px solid #e7e7e7;
}
.number_choose .hd ul li:last-child{
	border-right:1px solid #e7e7e7;
}
.number_choose .hd ul li a{
	color:#333;
	font-size:.9rem;
}
.number_choose .hd ul .on{
	border-top:2px solid #d70e07;
	border-bottom:2px solid #fff;
	border-bottom-color:#fff;
	background:#fff;
	color:#333; 
}
.number_choose .hd ul .on a{
	display:block; /* 修复Android 4.0.x 默认浏览器当前样色无效果bug */ 
}
.number_choose .bd{
	background:#fff;
	display:-webkit-box;
}
.number_choose .bd ul{
	padding:10px 0;
	border:1px solid #e7e7e7;
	width:100%;
}
.number_choose .bd li{
	height:33px;
	line-height:33px;  
	padding:0 8px; 
    display:-webkit-box;
}
.number_choose .bd ul li span{
	color:#b9b9b9;
	font-size:.8rem;
	display:inline-block; 
	width:1.4rem; 
}
.number_choose .bd li a{                      
	display:inline-block;     
	width:1.5rem;
	height:1.5rem;
	line-height:1.5rem;
	border-radius:3rem;
	background:#fff;
	color:#b9b9b9;
	border:1px solid #b9b9b9;
	text-align:center;
	margin:0 .20rem;  
}

.number_choose .bd li:last-child{
	display:-webkit-box;
	-webkit-box-pack:center;
	margin-top:1rem;
    display:-moz-box;
    -moz-box-pack:center;
    text-align:center;
    width:100%;
}
.number_choose .bd li dl{
	display:-webkit-box;
	margin:0 .5rem;
	height:1.5rem;
	line-height:1.5rem;
    display:-moz-box;
}
.number_choose .bd li dl dt img{
	width:1.5rem;
	height:1.5rem;
}
.number_choose .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_choose .bd ul:last-child li:nth-child(2){
	display:-webkit-box;
    display:-moz-box;
	-webkit-box-pack:center;
    -moz-box-pack:center;
	padding:1rem 0;
	border-bottom:1px solid #eaeaea;
}
.number_choose .bd ul:last-child li:nth-child(2) a{
	padding:0 1rem;
	text-align:center;
	font-size:.8rem;
	border:1px solid #ffb9b7;
	border-radius:.3rem;
	color:#666;
	display:inline-block;
	width:3rem;
	line-height:1.5rem;
}

/*过滤工具*/
.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 .5rem;
	display:inline-block;
	background:#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;
    overflow-y: auto; 
}
.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; 
}
.filter_btn a{
	padding:.5rem 1rem;
	display:inline-block;
	margin:.5rem;
	background:#fff;
	border:1px solid #e7e7e7;
	font-size:.8rem;
	color:#666;
}


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

@media screen and (max-width: 375px){
	/*号码选择*/
	.number_choose .bd li a{
		width:1.2rem;
		height:1.2rem;
		line-height:1.2rem;
		margin:0 .18rem;  
	}
	/*过滤工具*/
	.content_filter ul li a{
		margin: 0 .38rem;
	}
}
@media screen and (max-width: 320px){
	/*号码选择*/
	.number_choose .bd li a{
		width:1.1rem;
		height:1.1rem;
		line-height:1.1rem;
		margin:0 .12rem; 
	}
	/*过滤工具*/
	.content_filter ul li a{
		margin: 0 .38rem;
	}
}

/*色值*/
.content a.color_red{
	color:#fff!important;
	border:1px solid #d70e07!important;
	background:#d70e07!important;
}
.content a.color_red{
	color:#fff!important;
	border:1px solid #d70e07!important;
	background:#d70e07!important;
}
.content a.color_pink{
	color:#fff!important;
	border:1px solid #f5706c!important;
	background:#f5706c!important;
}
.content a.color_blue{
	color:#fff!important;
	border:1px solid #066dd4!important;
	background:#066dd4!important;
}