@charset "utf-8";
*{ margin:0px; padding:0px; list-style:none;}
.right{ float:right;}
.clear{ clear:both;}
.block{ display:block;}
.hide{ display:none;}
body{ font-family:"Arial, Helvetica, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;";  }

.personal{ max-width:640px; margin:auto;position:relative; background:#fffefc; padding-bottom:20%;}
.personal_1{ width:100%; max-width:640px; margin:auto; position:relative; background:#f0dcd3;}
.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_2{ padding:2% 5% 2% 5% ; background:#f0dcd3; margin-top:12.6%;position:relative;}
.personal_2  img{ width:19.375%; height:auto;}
.personal_2 .touxiang{border-radius:62px; max-height:114px; max-width:124px; -webkit-border-radius:62px; -ms-border-radius:62px; -o-border-radius:62px; -moz-border-radius:62px;}
.personal_2_a{ width:45%; position:absolute; top:20%; left:26%;}
.personal_2_a p{  height:30px; font-size:18pt;}
.personal_2_a .lv{ display:inline-block; letter-spacing:-1pt;}
.personal_2_a .pic { width:56.25%; max-width:360px; }
.personal_2_a .pic li { position:absolute;}
.personal_2_a .pic li span{ display:inline-block; position:absolute; top:0px;}
.personal_2_a .pic  img{ width:100%; height:24px;}
.personal_2_a .pic .pic_2{ width:0px;}

.personal_2_b{ position:absolute; width:18.75%; top:20%; right:5%;}
.personal_2_b img{ width:100%; height:auto;}

.personal_3{ width:96%; margin:auto; height:auto;margin-top:3%;}

.personal_3_a:first-child{ border-top-left-radius:20px; border-top-right-radius:20px;}
.personal_3_a:last-child{ border-bottom-left-radius:20px; border-bottom-right-radius:20px;}
.red{ background:#eed1c3 !important;}
.personal_3_a{position:relative; }
.personal_3_a .guanyu{ width:31%;}
.personal_3_a .wanguo{ width:35%;}
.personal_3_a li{ width:22.786458%;padding:5% 0 5% 3%; position:relative; }

.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;  }
.bottom1 img{ width:100%; height:auto;}
.bottom1 ul { position:fixed; bottom:0px; width:100%; height:auto; max-width:640px;}
.bottom1 ul li { width:18%; height:auto; float:left;}
.bottom1 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_2 .touxiang{border-radius:62px; max-height:110px; max-width:110px;min-height:105px; min-width:105px; -webkit-border-radius:62px; -ms-border-radius:62px; -o-border-radius:62px; -moz-border-radius:62px;}
	
	}
	
@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_2 .touxiang{border-radius:62px; max-height:100px; max-width:100px;min-height:95px; min-width:95px; -webkit-border-radius:62px; -ms-border-radius:62px; -o-border-radius:62px; -moz-border-radius:62px;}
	}
	
@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_2 .touxiang{border-radius:62px; max-height:90px; max-width:90px; min-height:85px; min-width:85px;-webkit-border-radius:62px; -ms-border-radius:62px; -o-border-radius:62px; -moz-border-radius:62px;}
	}
	
	@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_2 .touxiang{border-radius:62px; max-height:80px; max-width:80px;min-height:75px; min-width:75px; -webkit-border-radius:62px; -ms-border-radius:62px; -o-border-radius:62px; -moz-border-radius:62px;}
	 }
	 
	 @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:16px;}
	.personal_2 .touxiang{border-radius:62px; max-height:70px; max-width:70px;min-height:65px; min-width:65px; -webkit-border-radius:62px; -ms-border-radius:62px; -o-border-radius:62px; -moz-border-radius:62px;}
	 }
	 
	 
	 @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_2 .touxiang{border-radius:62px; max-height:60px; max-width:60px;min-height:55px; min-width:55px; -webkit-border-radius:62px; -ms-border-radius:62px; -o-border-radius:62px; -moz-border-radius:62px;}
	
	 }
		
		 @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_2 .touxiang{border-radius:62px; max-height:50px; max-width:50px;min-height:45px; min-width:45px; -webkit-border-radius:62px; -ms-border-radius:62px; -o-border-radius:62px; -moz-border-radius:62px;}
	
	 }
	 
	 	 @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;}
	.personal_2 .touxiang{border-radius:62px; max-height:40px; max-width:40px;min-height:40px; min-width:40px; -webkit-border-radius:62px; -ms-border-radius:62px; -o-border-radius:62px; -moz-border-radius:62px;}
	
	 }
	 
	  @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_2 .touxiang{border-radius:62px; max-height:40px; max-width:40px;min-height:40px; min-width:40px; -webkit-border-radius:62px; -ms-border-radius:62px; -o-border-radius:62px; -moz-border-radius:62px;}
	
	 }
	 
/* 本例子css -------------------------------------- */
	.slideBox{ position:relative; width:100%;  height:auto; max-height:250px; overflow:hidden; margin-top:0%; }
	.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
	.slideBox .hd li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:5px; -moz-border-radius:10px; border-radius:10px; background:#37353a; text-indent:-9999px; overflow:hidden; margin-top:10px; margin-right:6px;  }
	.slideBox .hd li.on{ background:#feeaab; border:1px solid #000;  }
	.slideBox .bd{ position:relative; z-index:0; }
	.slideBox .bd li{ position:relative;  }
	.slideBox .bd li img{ width:100%;  height:auto; display:block;    }
	.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); color:#e2e2e2; text-decoration:none;/* 取消链接高亮background-color:rgba(23, 23, 23, 0.7); */ }
	.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px;  font-size:10pt;  }
/*server*/
.btn{
	margin: 0px 10px 10px 0px;
	padding: 15px 20px; 
	text-decoration: none;
	text-align: center;
	display:inline-block;
}

.btn-block{
	color: #fff;
	padding: 12px 20px;
	margin:15px 5px; 
	text-decoration: none;
	display:block;
	text-align: center; 
	font-size:14px;
}
.btn-active{ background-color: #08ba05;color: #fff;border: 1px solid #ffffff;}
.btn-inactive{ background-color: #fff; color:#000; border: 1px solid #dddddd;border-radius: 5px;}

.btn-green{ background-color: #08ba05;color: #fff;border-radius: 5px;}
.btn-orange{ background-color: #ff6d0d;color: #fff;border-radius: 5px;} 
.btn-white{ background-color: #fff;color: #000;border-radius: 5px;border: 1px solid #dddddd;}
.btn-gray{ background-color: #fff; color:#000;border-radius: 5px;}
/*pay*/
.price-symbol {
  top: 18px;
  left: 6px;
  font-size: 14px;
  font-weight: 400;
}

.amount {
  top: 5px;
  left: 28px;
  font-size: 28px;
  font-weight: 400;
}

.coupon {
  background-image: url('__CDNPUBLIC____TPL__/{$Think.MODULE_NAME}/images/coupon.png');
  background-position: -123px 0;
  width: 120px;
  height: 85px;
  position: relative;
  background-color: #81CCCD;
  display: inline-block;
  padding: 10px;
  font-family: "Microsoft Yahei", 'Simsun';
  margin:1px;
}

.coupon-active {
  background-color: #FFC160;
  color:white;
}

div.row{
	margin: 0px 0px 16px;
	background: #fff;
}

div.price-container{
	margin: 8px 0px;
  padding: 10px;
}

.no-bottom{
	margin-bottom: 0px;
}

img.icon{
	width:26px;
	height:26px;
	vertical-align:middle;
	margin: 0px 6px 0px 10px;
}

.selector-group{
	margin: 4px 0px 2px; 
}

.btn{
	margin: 0px 6px 6px 0px;
	padding: 8px 16px; 
	text-decoration: none;
	text-align: center;
	display:inline-block;
}

.btn-block{
	color: #fff;
	padding: 12px 20px;
	margin:15px 5px; 
	text-decoration: none;
	display:block;
	text-align: center; 
	font-size:14px;
}

.btn-active{ background-color: #08ba05;color: #fff;border: 1px solid #ffffff;}
.btn-inactive{ background-color: #fff; color:#000; border: 1px solid #dddddd;border-radius: 5px;}

.btn-green{ background-color: #08ba05;color: #fff;border-radius: 5px;}
.btn-orange{ background-color: #ff6d0d;color: #fff;border-radius: 5px;} 
.btn-white{ background-color: #fff;color: #000;border-radius: 5px;border: 1px solid #dddddd;}
.btn-gray{ background-color: #fff; color:#000;border-radius: 5px;}

.buy-container{margin:20px 0px}  

.service{
text-align:center; 
color:#4584f6
}
.copyrights{
margin-top:10px;
text-align:center; 
color:#acacac
}

.gone{
display:none;
}

#productName {
    color: #fc7b11;
    font-size:16px;
    margin-right:3px;
    font-weight:bold;
}