html{
	width: 100%;
	max-width: 500px;
	margin: auto;
}

.wip_bg{
	width: 100%;
	padding: 15px 15px;

}

.top_pic{
	margin-bottom: 10px;
}
.top_pic img{
	width: 100%;
}
.title{
	width: 100%;
	height:32px;
	background: url(title_bg.png) ;
	text-indent: 30px;
	line-height: 32px;
	font-size: 1.05rem;
	
}
.title a{
	color: #FFFFFF;
	
}
.wip_a{
	padding: 0px 0px 0px 0px ;
}
.wip_text{
	font-size: 14px;
	line-height: 22px;
	color: #333333;
}
.wip_a a{
	color:#c10d0c ;
}

.wip_b{
	margin-top: 15px;
	border-top: 1px solid #e2e2e2;
	padding-top: 15px;
}

.wip_pic{
	width: 48%;
	height: auto;
}
.wip_pic:first-child{
	margin-right: 4%;
}
.wip_pic img{
	width: 100%;
}

.wip_bot{
	width: 100%;
	height: 30px;
	background: url(pic_bo.png)  center;
	text-align: center;
	line-height: 30px;
	color: #FFFFFF;
}
.wip_bot a{
	color: #FFFFFF;
}


.wip_c{
	margin-top: 15px;
}
.wip_c_box{
	width: 30%;
	margin-left: 5%;
	height: 32px;
	background:#f4f3f3;
	border-radius: 10px;
	text-align: center;
	line-height: 32px;
	font-size: 14px;
	margin-bottom: 9px;
}
.wip_c_box a{
	color: #666666;
}
.wip_c_box:first-child{
	margin-left: 0px;
}
.wip_c_box:nth-child(4){
	margin-left: 0px;
	margin-bottom: 0px;
}
.wip_c_box:nth-child(5){
	margin-bottom: 0px;
}.wip_c_box:nth-child(6){
	margin-bottom: 0px;
}

.hi{
	width: 48%;
	height: 31px;
	background:#f4f3f3;
	border-radius: 10px;
	text-align: center;
	line-height: 31px;
	font-size: 14px;
}
.hi a{
	color: #666666;
}
.hi:nth-child(1){
	margin-right: 4%;
	margin-bottom: 10px;
}
.hi:nth-child(2){
	
	margin-bottom: 10px;
}
.hi:nth-child(3){
	margin-right: 4%;
	padding-right: 10px;
}






.wip_d{
	width: 100%;
	padding-top: 15px;
	border-top: 1px solid #e2e2e2;
	margin-top: 15px;
	position: relative;
}
.wip_d_text{
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height:25px;
	line-height: 25px;
	text-align: center;
	background: url(op_bg.png);
}
.wip_d_text a{
	color: #FFFFFF;
}