@charset "utf-8";

.c{ clear:both;}
.shadow { box-shadow: 0 0 27px 3px rgba(179,188,198,0.25);}
/*新增*/
.input-text,.input-focus { line-height:35px; border:1px solid #e2e2e2; color:#666666; height:35px; padding-left:5px; padding-right:5px;}
.measure-input { line-height:35px; border:1px solid #e2e2e2; color:#666666; height:35px;}
select[name=copyfrom_data] { width:60px; }

.fees{ width:100%; padding-top:20px; padding-bottom:20px;}
.fee_box { background-color: #FFFFFF; padding: 20px; width: 500px; margin-right: auto; margin-left: auto; }
.fee_title { font-size: 22px; line-height: 45px; font-weight: bold; color: #333333; text-align: center; height: 45px; width: 100%; }
.fee_con { width: 100%; padding-top: 10px; padding-bottom: 10px; margin-top: 10px; }
.fee_btn_box { float: left; width: 40%; padding-right: 5%; padding-left: 5%; }
.fee_btn{ width:100%; line-height:50px; height:50px; vertical-align:middle; text-align:center; color:#FFFFFF; background-color:#009688; display:inline-block; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; margin:5px; border: none; float:left; white-space:nowrap; }
.fee_notice { line-height: 25px; color: #999999;  width: 100%;}
.vipcontent { padding:10px; line-height:2.4em; color:#666666; font-size:0.9rem; background-color:#f8f8f8;  }
.vipcontent strong{ color:#222222;}
.vipcontent h2,.vipcontent h1,.vipcontent h4{ line-height:20px; border-left:solid 5px #009688; background-color:#f5f5f5; color:#262626; font-size:1rem; font-weight:normal; margin-top:1em; margin-bottom:1em; padding-left:10px; padding-top:10px; padding-bottom:10px; }
.vipcontent a { color:#009688; text-decoration:underline;}
.order3_info{ padding: 10px; text-align: center;}
.order3_info h3{ line-height:30px; font-size:16px; color:#FF5722;}
.order3_info p { line-height:25px;}
.order3_info i { font-style:normal; color:#FF5722;}

@media screen and (max-width:750px){
  .fee_title { font-size: 16px; line-height: 35px; font-weight: bold; color: #333333; text-align: center; width: 100%; height:35px; }
  .fee_box { background-color: #FFFFFF; padding: 3%; width: 94%; margin-right: auto; margin-left: auto;box-sizing:border-box; }
  .fee_btn_box { float: left; width: 44%; padding-right: 3%; padding-left: 3%; }
}

.buy { width:100%; position:relative;}
.buybtn { padding-left:20px; padding-right:20px; line-height:50px; height:50px; vertical-align:middle; text-align:center; color:#FFFFFF; background-color:#FF5722; display:inline-block; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; margin:5px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; float:left; }
.buybtn a{ color:#FFFFFF; text-decoration:none;}
.wechat { position:absolute; top:-175px; left:10px; background-image: url(../images/arr01.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom:15px; display:none; }
.wechat span { width:160px; background-color:#009688; border: 2px solid #FF5722; float:left;}
.wechat span img{ width:160px; height:160px;}
.buybtn form { display:inline-block; float:left;}
.price{ line-height:50px; height:50px; font-size:16px;}
.price i { font-style:normal;}
#price{ color:#FF5722; font-size:24px; font-weight:bold;}

.order2_info{ width:100%;}
.order2_info h3{ line-height:35px; font-size:18px; color:#FF5722;}
.order2_info p { line-height:30px;}
.order2_info i { font-style:normal; color:#FF5722;}
.pay { padding: 10px; float: left; width: 100%; }
.weixin { float: left; width: 150px; }
.weixin span { width:150px; float:left; height: 150px; }
.weixin span img { width:150px; height:150px;}
.weixin p { width:150px; line-height:35px; text-align:center; font-size:16px; color:#FF0000; float: left; }
.alipay{ width:50%; float:left;box-sizing:border-box; position: relative;text-align: center;}
.alipay .thumb{ width: 100%;float: left;position: relative;text-align: center;padding-top: 10px;}
.alipay span { width:150px;margin:0 auto;position:relative;display: inline-block;}
.alipay p { width:100%; line-height:35px; text-align:center; font-size:16px; color:#FF0000; float: left; }

.wxnativepay{ width:50%; float:left;box-sizing:border-box; position: relative;text-align: center;}
.wxnativepay .thumb{ width: 100%;float: left;position: relative; text-align: center;}
.wxnativepay span{ width:150px;margin:0 auto;position:relative;display: inline-block;}
.wxnativepay .shadow1{ width:150px;height:185px;float:left;position:relative;position:absolute; background-color:rgba(0,0,0,0.5); display:none;top: 0;left: 0}
.wxnativepay .shadow1 i { width:100px; height:100px;  margin-top:25px; margin-left:25px; position:relative; float:left;}
.wxnativepay .shadow1 i img { width:100px; height:auto;}
.wxnativepay .shadow1 dt{ width:100%; line-height:35px; text-align:center; color:#FFFFFF;position:relative; float:left; font-size:20px; font-weight:bold;}
.wxnativepay p{ width:100%; line-height:45px; height:45px; text-align:center; color:#FF0000; float:left; font-size: 15px; }

.pay-btn{ width:150px; line-height:100px; height:100px; vertical-align:middle; text-align:center; color:#FFFFFF; background-color:#1E9FFF; display:inline-block; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; margin:5px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.wx-btn{width:150px; line-height:50px; height:50px; vertical-align:middle; text-align:center; color:#FFFFFF; background-color:#009688; display:inline-block; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; margin:5px; border: none;margin-top:30px; white-space:nowrap; }
.wx-btn2{width:100%; line-height:50px; height:50px; vertical-align:middle; text-align:center; color:#FFFFFF; background-color:#009688; display:inline-block; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; margin:5px; border: none;margin-top:30px; white-space:nowrap; }
.box{ width: 700px;position: relative;margin:20px auto;}
@media screen and (max-width:750px){
  	.pay{ padding:5px;}
  	.pay-btn{ width:130px;}
  	.wx-btn { width:130px;}
  	.box{ width: 100%;float: left;position: relative;margin:20px auto;}
}
.mask_box{background-color: #FFFFFF; height: 120px; position:relative; padding: 20px; z-index:9999999; display:none;}
.img_close{ position:absolute; top:20px; right:20px; z-index:9999999;}
.mask_box p { width:320px; padding-top:10px; padding-bottom:10px; float:left;}
.mask_box .input-text { width:310px; line-height:45px; height:45px; border:1px solid #e2e2e2; font-size: 15px; padding-right: 5px; padding-left: 5px; }
.mask_box .btn { width:100%; line-height:45px; height:45px; text-align:center; font-size:18px; color:#FFFFFF; background-color:#009688; font-weight:500; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.inputw{ width:300px;}
@media screen and (max-width:750px){
  .inputw{ width:90%;}
}
.tablew{width:100px;}
@media screen and (max-width:750px){
  .tablew{ width:75px;}
}
.zfb{background:none;background-image:url(../images/zfb.jpg);border:none;width:100px;height:100px;}