.wp{max-width: 640px; min-width: 320px; margin: 0 auto !important; font-size: 18px; color: #303030; line-height: 1.7; overflow:hidden}
.ma{ text-align: center;}
.over{ overflow: hidden;}
.w100{ width: 100%;}
.w10{ margin: 0 10px;}
.w30{ margin: 30px 30px 0;}
.mb20{ margin-bottom: 20px;}
.mt20{ margin-top: 20px;}
.bg1{ background: #fbecff; overflow:hidden; text-align: center; padding-bottom: 40px;}
h2{font-size: 40px; color:#000000;font-weight: bold; margin:40px auto 20px; line-height:1.3;}
h2 span{font-weight: normal; display: block;}
h3{text-align: center;}
.bg1 h3{font-size: 26px;font-weight: normal;margin:40px auto 20px; line-height:1.1; text-align: center; color: #54006f; padding-bottom: 20px;}
.item{ overflow: hidden; width:49.2%; background: #7e4391; color: #fff;}
.item dd{ padding: 10px 20px;}
a.btnas{ display:block;border-radius: 5px;background-color: rgb( 231, 81, 44 ); width: 250px; height: 55px;line-height: 55px; color: #fff;font-size: 26px; overflow: hidden; text-align: center; margin: 40px auto 20px; }
.bg2{ overflow: hidden; width: 100%; background: #fbecff; margin-top: 40px; padding-bottom: 30px;}
.bg3{ background: #fbecff; overflow: hidden; margin-top: 30px;}
.bg3 h2 i{font-style: normal;display: block;font-size: 18px; color: #54006f;font-weight: normal; margin-top: 5px;}
.bg3 p.title{font-size: 24px;font-weight: bold;}
.bg3 h3 span{ display: inline-block; background: #75318b; color: #fff;font-size: 24px; padding: 0 25px; margin: 20px auto}
.bg4{ background: #fbecff; overflow: hidden;;padding-bottom: 10px; margin-top: 30px;text-align: center; }
.bg4 .w10 a{ display:block; width: 30.3333%; float: left; padding: 15px 1%; margin-right: 1%; background: #00d9ce; color: #fff; margin-bottom: 10px; text-align: left;box-sizing: initial;}
.bg4 .w10 a.a2{ background: #ff814e}
.bg4 .w10 a.a3{ background: #fcd790}
.bg4 .w10 a.a4{ background: #1bb6e9}
.bg4 .w10 a.a5{ background: #ff5ab3}
.bg4 .w10 a.a6{ background: #cd90fc}
@media screen and (max-width: 480px) {
	.wp{font-size: 14px;}
	.w10{ margin: 0 5px;}
	.mb20{ margin-bottom: 10px;}
	.mt20{ margin-top: 10px;}
	.w30{ margin: 15px 15px 0;}
	h2{font-size: 22px; margin:20px auto 10px; }
	.bg1 h3{font-size: 20px;font-weight: normal;margin:20px auto 10px; line-height:1.1; text-align: center; color: #54006f}
	.item dd{ padding: 10px 10px;}
	a.btnas{ width: 200px; height: 45px;line-height:45px;font-size: 20px; margin: 20px auto 10px; }
	.bg3 p.title{font-size: 18px;font-weight: bold;}
	.bg3 h3 span{ display: inline-block; background: #75318b; color: #fff;font-size: 18px; padding: 0 25px}
	.bg4 .w30 a{ display: block; width: 30.333%; padding: 10px 1%; margin-right: 1%; background: #00d9ce; color: #fff; margin-bottom: 10px; text-align: left;}

}