body{ background:#f1f1f1; max-width:500px; margin:0 auto;}
header{ width:100%;}
header img{ width:100%;}

article{ padding:2%;}

	
.vipA{ background:url(../images/wapPIC_04.png) no-repeat; background-size:100%; width:344.5px; margin:0 auto;  height:auto !important; height:198px; display:block; padding-bottom:15%; margin-bottom:10px;}
.vipA a{ display:block;color:#fff;font-family:"微软雅黑"; text-decoration:none;}
.vipA p.Price{ padding:10px; padding-top:6%; font-size:22px; color:#fffbc9;}
.vipA p span{ float:right; font-size:14px; color:#fff; }
.vipA p span b{ font-size:30px; float: none;}
.vipA p.fdd{ padding:10px; padding-top:4%; color:#6e6e6e; font-size:14px;}
.vipA span.but{ background:#ff7244; border-radius:0.2em; font-size:14px; height:35px; line-height:35px; display: block; width:50%; text-align:center; margin:0 auto; margin-top:2%;}
@media screen and ( max-width:320px){
	.vipA{ width:100%;}
	}
	
	
.vip{ background:url(../images/wapPIC_07.png) no-repeat; background-size:100%; width:344.5px; margin:0 auto;  height:auto !important; height:198px; display:block; padding-bottom:15%; margin-bottom:10px;}
.vip a{ display:block;color:#fff;font-family:"微软雅黑"; text-decoration:none;}
.vip p.Price{ padding:10px; padding-top:6%; font-size:22px; color:#fffbc9;}
.vip p span{ float:right; font-size:14px; color:#fff; }
.vip p span b{ font-size:30px; float: none;}
.vip p.fdd{ padding:10px; padding-top:4%; color:#6e6e6e; font-size:14px;}
.vip span.but{ background:#7b3fff; border-radius:0.2em; font-size:14px; height:35px; line-height:35px; display: block; width:50%; text-align:center; margin:0 auto; margin-top:2%;}
@media screen and ( max-width:320px){
	.vip{ width:100%;}
	}
	
.vipB{ background:url(../images/wapPIC_09.png) no-repeat; background-size:100%; width:344.5px; margin:0 auto;  height:auto !important; height:198px; display:block; padding-bottom:15%; margin-bottom:10px;}
.vipB a{ display:block;color:#fff;font-family:"微软雅黑"; text-decoration:none;}
.vipB p.Price{ padding:10px; padding-top:6%; font-size:22px; color:#fffbc9;}
.vipB p span{ float:right; font-size:14px; color:#fff; }
.vipB p span b{ font-size:30px; float: none;}
.vipB p.fdd{ padding:10px; padding-top:4%; color:#6e6e6e; font-size:14px;}
.vipB span.but{ background:#607dff; border-radius:0.2em; font-size:14px; height:35px; line-height:35px; display: block; width:50%; text-align:center; margin:0 auto; margin-top:2%;}


@media screen and ( max-width:320px){
	.vipB{ width:100%;}
}


.vipC{ background:url(../images/wapPIC_10.png) no-repeat; background-size:100%; width:344.5px; margin:0 auto;  height:auto !important; height:198px; display:block; padding-bottom:15%; margin-bottom:10px;}
.vipC a{ display:block;color:#fff;font-family:"微软雅黑"; text-decoration:none;}
.vipC p.Price{ padding:10px; padding-top:6%; font-size:22px; color:#fffbc9;}
.vipC p span{ float:right; font-size:14px; color:#fff; }
.vipC p span b{ font-size:30px; float: none;}
.vipC p.fdd{ padding:10px; padding-top:4%; color:#6e6e6e; font-size:14px;}
.vipC span.but{ background:#3cab49; border-radius:0.2em; font-size:14px; height:35px; line-height:35px; display: block; width:50%; text-align:center; margin:0 auto; margin-top:2%;}


@media screen and ( max-width:320px){
	.vipC{ width:100%;}
}


footer{ height:40px; line-height:40px; background:#6a1378; text-align:center; color:#fffbc9;}