@charset "UTF-8";
/* CSS Document */

/*试用购买*/
.pay-banner{ width:100%; height:280px; margin-bottom:10px;  background: url(../images/purchase_banner.png) no-repeat center bottom;}
.pay-nav{ width:1000px; margin:0 auto 10px; height:50px; border-bottom:1px solid #e6e6e6;}
.pay-nav ul li{ 
  float:left; width:140px; height:49px; line-height:50px; text-align:center; 
  color:#666; font-size:16px; border-bottom:2px solid #fff;
}
.pay-nav ul li.active-pay-nav{ color:#ff4b47; border-bottom:2px solid #ff4b47;}
.pay-nav ul li.purchase-product{ cursor:pointer;}
.pay-product{ width:1000px; margin:0 auto 35px;}
.product-group{ padding:40px 0; border-bottom:1px solid #ededed;}
.product-content{ width:400px; padding-top:20px;}
.product-img{ width:335px; height:220px; margin-right:20px;}
.product-img img{ width:100%; height:100%;}
.pro-title i{ 
  display: inline-block; width:66px; text-align:center; height:22px; line-height:22px; 
  background:#424753; color:#fff; border-radius:50px; margin-left:20px;
}
.pro-text{ font-size:16px; line-height:24px; color:#535353; margin-bottom:18px; margin-top:14px;}
.pro-list li{ list-style:inside; color:#666; line-height:24px;}
.money-box p{ color:#2d2b30; text-align:right; height:24px;}
.chanjet-btn-box{margin-top:150px;}
.btn-common{ 
  display:block; font-size:16px; width:96px; height:34px; 
  text-align:center; line-height:34px; border-radius:3px; 
}
.btn-pay{ background:#e96657; color:#fff; margin-left:6px;}
.btn-trial{ background:#ececec; color:#2d2b30;}

.pay-step{ width:1000px; margin:0 auto 60px;}
.pay-step-title{ font-size:18px; color:#333; margin-bottom:20px;}
.pay-step ul li{ float:left;}
.pay-step-box{ width:156px;background:#646266;}
.pay-step-img{ padding:46px 20px 0;}
.pay-step-box p{ text-align:center; color:#fff; padding-top:10px; padding-bottom:18px;}
.pay-bg-gray{ width:156px; height:60px; background:#f8f8f8; color:#666; padding:10px 10px 0;}
.pay-icon-one{ 
  width:156px; height:46px; 
  background: url(../images/pay-c.png) no-repeat center bottom;
  background-size:28px auto;
}
.pay-icon-two{ 
  width:156px; height:46px; 
  background: url(../images/pay-q.png) no-repeat center bottom;
  background-size:26px auto;
}
.pay-icon-three{ 
  width:156px; height:46px; 
  background: url(../images/pay-p.png) no-repeat center bottom;
  background-size:26px auto;
}
.pay-icon-four{ 
  width:156px; height:46px; 
  background: url(../images/pay-s.png) no-repeat center bottom;
  background-size:24px auto;
}.pay-icon-five{ 
  width:156px; height:46px; 
  background: url(../images/pay-su.png) no-repeat center bottom;
  background-size:30px auto;
}