*{ margin:0px; padding:0px; list-style:none;}
.right{ float:right;}
.clear{ clear:both;}
.block{ display:block;}
.hide{ display:none;}
body{ font-family:" 微软雅黑体"; background:fffefc;}
.personal{ max-width:640px; margin:auto;  background:#fffefc; min-height:960px;}
.personal_1{ width:100%; max-width:640px; margin:auto; position:relative; }
.personal_1 img{ width:100%; height:auto; }
.personal_1_a{ width:15%; position:absolute; top:12%; left:5%;}
.personal_1_b{width:23%; position:absolute; top:12%; left:39%;}
.personal_1_c{ width:15%; position:absolute; top:12%; right:5%;}
.personal_1_a img{ width:100%; height:auto;}
.personal_1_b img{ width:100%; height:auto;}
.personal_1_c img{ width:100%; height:auto;}

.personal_3{ width:96%; margin:auto; height:500px;margin-top:3%;}
#yuanjiaos{ border-top-left-radius:20px; border-top-right-radius:20px;}
#yuanjiaox{ border-bottom-left-radius:20px; border-bottom-right-radius:20px;}
.red{ background:#eed1c3 !important;}
.personal_3_a{position:relative; }
.personal_3_a li{ padding:5% 0 5% 3%;  }
.personal_3_a li span{ display:inline-block; font-size:22pt; margin-left:2%; color:#5e352f;}
.personal_3_a li .tup{ display:inline-block; width:4.5%;   }
.personal_3_a li .jiantou{ float:right; margin-right:5%;}
.personal_3_a li img{ width:100%; height:auto;}

.personal_3_a img{ width:100%; height:auto; }
.upload{ position:absolute; right:0px; top:0px; opacity:0; filter:alpha(opacity=0); cursor:pointer; width:100%; height:100%; }

.bottom{ width:100%; height:auto;  position:fixed; bottom:-6px; max-width:640px !important ; font-size:20px; font-weight:bold; z-index:2;  }
.bottom img{ width:100%; height:auto;}
.bottom ul { position:fixed; bottom:0px; width:100%; height:auto; max-width:640px;}
.bottom ul li { width:18%; height:auto; float:left;}
.bottom ul li img{ width:40%; height:auto; margin-left:60%;}

@media screen and (min-width:641px) {
	body{background:#3a3e4a;}
	}

@media screen and (max-width:600px) {
	.personal_2_a p{  height:30px; font-size:17pt;}
	.personal_2_b{ position:absolute; width:18.75%; top:22%; right:5%;}
	.personal_2_a .pic  img{ width:100%; height:23px;}
	.personal_3_a li span{ font-size:21pt;}
	
	}
	
@media screen and (max-width:570px) {
	.personal_2_a p{  height:30px; font-size:16pt;}
	.personal_2_b{ position:absolute; width:18.75%; top:24%; right:5%;}
	.personal_2_a .pic  img{ width:100%; height:21px;}
	.personal_3_a li span{ font-size:20pt;}
	}
	
@media screen and (max-width:550px) {
	.personal_2_a p{  height:28px; font-size:15pt;}
	.personal_2_b{ position:absolute; width:18.75%; top:26%; right:5%;}
	.personal_2_a .pic  img{ width:100%; height:19px;}
	.personal_3_a li span{ font-size:19pt;}
	}
	
	@media screen and (max-width:480px) {
	.personal_2_a p{  height:26px; font-size:14pt;}
	.personal_2_b{ position:absolute; width:18.75%; top:28%; right:5%;}
	.personal_2_a .pic  img{ width:100%; height:17px;}
	.personal_3_a li span{ font-size:18pt;}
	 }
	 
	 @media screen and (max-width:450px) {
	.personal_2_a p{  height:24px; font-size:13pt;}
	.personal_2_b{ position:absolute; width:18.75%; top:30%; right:5%;}
	.personal_2_a .pic  img{ width:100%; height:17px;}
	
	 }
	 
	 
	 @media screen and (max-width:430px) {
		 .personal_2_a p{  height:24px; font-size:12pt;}
	    .personal_2_b{top:30%; right:5%;}
		.personal_2_a .pic  img{ width:100%; height:15px;}
		.personal_3_a li span{ font-size:16pt;}
	
	 }
		
		 @media screen and (max-width:380px) {
			 .personal_2_a p{  height:22px; font-size:11pt;}
	.personal_2_b{ top:30%; right:5%;}
	.personal_2_a .pic  img{ width:100%; height:13px;}
	.personal_3_a li span{ font-size:14pt;}
	
	 }
	 
	 	 @media screen and (max-width:350px) {
			 .personal_2_a p{  height:20px; font-size:10pt;}
	.personal_2_b{ top:30%; right:5%;}
	.personal_2_a .pic  img{ width:100%; height:12px;}
	 
	 }
	 
	  @media screen and (max-width:330px) {
		  .personal_2_a p{  height:18px; font-size:10pt;}
	.personal_2_b{top:30%; right:5%;}
	.personal_2_a .pic  img{ width:100%; height:10px;}
	.personal_3_a li span{ font-size:12pt;}
	
	 }

	 
	 
.submit-suc,.pay-confirm-wrap {
	background-color: rgba(0,0,0,0.35);
	width: 100%;
	position: fixed;
	z-index: 20;
	top: 0;
	left: 0;
	/*-webkit-backface-visibility: hidden;*/
	/*-webkit-transform-style: preserve-3d;*/
}
.submit-suc .submit-suc-con {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #eee;
	height: auto;
	position: relative;
	width: 240px;
	margin: 0 auto;
	z-index: 30;
	top: 25%;
	padding-bottom: 1px;
}
.submit-suc h2 {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #fff;
	font: normal 14px/34px "Microsoft YaHei","Arial","sans-serif";
	text-align: center;
}
.submit-suc abbr {
	display: block;
	font: normal 14px/20px "Microsoft YaHei","Arial","sans-serif";
	padding: 35px 15px 16px;
	color: #272727;
	text-align: center;
}
.submit-suc-con a {
	background-color: #4099d5;
	display: block;
	width: 80%;
	line-height: 30px;
	font-size: 15px;
	color: #fff;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	   	    border-radius: 5px;
	text-align: center;
	margin: 15px auto;
}
.shade {
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.3);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}
.before-loading {
	height: 100px;
	width: 200px;
	background-color: #fff;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -100px;
	z-index: 4;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	   		border-radius: 3px;
}
.before-loading img {
	height: 25px;
	width: 25px;
	margin: 25px auto 10px;
	display: block;
}
.before-loading span {
	display: block;
	line-height: 20px;
	text-align: center;
	color: #000;
	font-size: 12px;
}