*{ margin:0px; padding:0px; list-style:none;}
.right{ float:right;}
.clear{ clear:both;}
.block{ display:block;}
.hide{ display:none;}
body{ font-family:" 微软雅黑体";}
.personal{ max-width:640px; margin:auto;  background:#DDDDDD;}
.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{}
	}

@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;}
	
	 }