/*文本字体大小*/
.fz12{font-size: 12px;}   .fz14{font-size: 14px;}   .fz16{font-size: 16px;}  .fz18{font-size: 18px;}
.fz20{font-size: 20px;} .fz22{font-size: 22px;}   .fz24{font-size: 24px;}   .fz26{font-size: 26px;}  .fz28{font-size: 28px;}
.fz30{font-size: 30px;}   .fz32{font-size: 32px;}   .fz34{font-size: 34px;}  .fz36{font-size: 36px;}
.fz38{font-size: 38px;}   .fz40{font-size: 40px;}   .fz42{font-size: 42px;}  .fz44{font-size: 44px;}  .fz50{font-size: 50px;}
/*文本对齐*/
.tac{text-align: center;} .tar{text-align: right;} .tal{text-align: left;}
/* 空白间距 */
.mt5{margin-top: 5px;} .mt10{margin-top: 10px;} .mt15{margin-top: 15px;} .mt20{margin-top: 20px;} .mt25{margin-top: 25px;} .mt30{margin-top: 30px;} .mt35{margin-top: 35px;} .mt40{margin-top: 40px;}
.mr5{margin-right: 5px;} .mr10{margin-right: 10px;} .mr15{margin-right: 15px;} .mr20{margin-right: 20px;} .mr25{margin-right: 25px;} .mr30{margin-right: 30px;} .mr35{margin-right: 35px;} .mr40{margin-right: 40px;}
.mb5{margin-bottom: 5px;} .mb10{margin-bottom: 10px;} .mb15{margin-bottom: 15px;} .mb20{margin-bottom: 20px;} .mb25{margin-bottom: 25px;} .mb30{margin-bottom: 30px;} .mb35{margin-bottom: 35px;} .mb40{margin-bottom: 40px;}
.ml5{margin-left: 5px;} .ml10{margin-left: 10px;} .ml15{margin-left: 15px;} .ml20{margin-left: 20px;} .ml25{margin-left: 25px;} .ml30{margin-left: 30px;} .ml35{margin-left: 35px;} .ml40{margin-left: 40;}
/* 填充间距 */
.pt5{padding-top: 5px;}  .pt10{padding-top: 10px;} .pt15{padding-top: 15px;} .pt20{padding-top: 20px;} .pt25{padding-top: 25px;} .pt30{padding-top: 30px;} .pt35{padding-top: 35px;} .pt40{padding-top: 40px;}
.pr5{padding-right: 5px;}  .pr10{padding-right: 10px;} .pr15{padding-right: 15px;} .pr20{padding-right: 20px;} .pr25{padding-right: 25px;} .pr30{padding-right: 30px;} .pr35{padding-right: 35px;} .pr40{padding-right: 40px;}
.pb5{padding-bottom: 5px;} .pb10{padding-bottom: 10px;} .pb15{padding-bottom: 15px;} .pb20{padding-bottom: 20px;} .pb25{padding-bottom: 25px;} .pb30{padding-bottom: 30px;} .pb35{padding-bottom: 35px;} .pb40{padding-bottom: 40px;}
.pl5{padding-left: 5px;} .pl10{padding-left: 10px;} .pl15{padding-left: 15px;} .pl20{padding-left: 20px;} .pl25{padding-left: 25px;} .pl30{padding-left: 30px;} .pl35{padding-left: 35px;} .pl40{padding-left: 40px;}

.ca7a7a7{color: #a7a7a7;}
/*最大宽度*/
.wrap{max-width: 1440px;margin: 0 auto;}
@media screen and (max-width: 1700px) { .wrap{max-width: 1300px;} }
@media screen and (max-width: 1600px) { .wrap{max-width: 1200px;} }
@media screen and (max-width: 1300px) { .wrap{max-width: 1000px;} }
@media screen and (max-width: 1100px) { .wrap{max-width: 900px;} }
@media screen and (max-width: 720px) { .wrap{margin-left: 15px;margin-right: 15px;} }



/* 弹窗 */
.pop-wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .55);z-index: 99999;color: #ccc;display: none;}
.pop-wrap a{color: #ccc;}
.pop-wrap .close{position: absolute;top:10px;right:10px;width: 24px;height: 24px;text-align: center;line-height: 24px;font-size: 20px;cursor: pointer;}
.pop-wrap .pop-box{position: absolute;top: 50%;left: 50%;width: 470px;background: #fff;margin-left: -260px;border-radius: 8px;padding:25px 40px; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.pop-wrap .popLayer{padding-top: 20px; }
.pop-wrap .erweimaLayer .pic{width: 150px;height: 150px;margin: 30px auto 50px auto;padding: 5px;border:1px solid #aaa;text-align: center;}
.pop-wrap .selectLoginLayer{padding-top: 0;}
.pop-wrap .pop-login .logo{margin: 20px 0;}
.pop-wrap .pop-login .small{height: 20px;line-height: 20px;text-align: center;font-size: 12px;}
.pop-wrap .pop-login .small:before{content: "";position: absolute;top: 50%;left: 0;background: #e5e5e5;width: 100%;height: 1px;}
.pop-wrap .pop-login .small span{display: inline-block;background: #fff;padding:0 35px; color: #999;position: relative;z-index: 1;letter-spacing: 2px;}
.pop-wrap .pop-login .method{padding: 50px 0;text-align: center;color: #b2b2b2;}
.pop-wrap .pop-login .method li{display: inline-block;margin: 0 35px;cursor: pointer;}
.pop-wrap .pop-login .method i{width: 65px;height: 65px;border-radius: 50%;display: block;border:1px solid #ebebeb;line-height: 65px;font-size: 36px;margin-bottom: 20px;color: #ff9100;}
.pop-wrap .pop-login .method .weixin{color: #23bf36;}
.pop-wrap .pop-login .method .icon-qq{color: #1296DB;}
.pop-wrap .pop-login .method li:hover i{color: #fff;background: #ff9100;}
.pop-wrap .pop-login .method li:hover i.weixin{background: #23bf36;}
.pop-wrap .pop-login .method li:hover i.icon-qq{background: #1296DB;}
.pop-wrap .pop-login .bt a{color: #c7c7c7;}
.pop-wrap .pop-login .tab li{float: left;width: 50%;text-align:center;line-height: 38px;border-bottom:2px solid #e4e4e4;color: #999;cursor: pointer;}
.pop-wrap .pop-login .tab li.actived{border-bottom-color:#ff9100;}
.pop-wrap .form-wrap{margin: 0 25px;}
/* .pop-wrap .form-box{padding-top: 25px;} */
.pop-wrap .form-box li{margin-bottom: 20px;position: relative;}
.pop-wrap .form-box li .input-txt{height: 35px;line-height: 35px;border-bottom: 1px solid #c9c9c9;position: relative;padding-left: 35px;}
.pop-wrap .form-box li .input-txt input{display: block;background: none;width: 100%;height: 100%;}
.pop-wrap .form-box li .input-txt i{top: 3px;left: 0;font-size: 24px;}
.pop-wrap .form-box li .input-txt .btn{right: 0;top: 0;color: #ff9100;padding: 0;}
.pop-wrap .form-box li .error{position: absolute;top: 101%;left:0;width: 100%;display: none;font-size: 12px;color: #f51b1b;}
.pop-wrap .form-box li.code-box .input-txt{padding-right: 80px;}
.pop-wrap .btn-wrap{margin: 10px 0 25px 0;}
.pop-wrap .btn-wrap p{margin-bottom: 20px;}
.pop-wrap .btn-wrap p input{vertical-align: middle;}
.pop-wrap .btn-wrap .submit{width: 200px;display: block;padding: 0;text-align: center;margin:0 auto;height: 45px;line-height: 45px;font-size: 18px;color: #fff;border-radius: 20px;}
.pop-wrap .btn-wrap .submit:hover{opacity: .85;}
.pop-wrap .sure-btn .submit{margin: 30px auto;}

.pop-wrap .form-wrap .bt .weixin{font-size: 20px;cursor: pointer;}
.pop-wrap .form-wrap .bt .weixin:hover{color: #ff9100;}

.c-orange {
    color: #ff9400;
}
/* 支付页面 */
.Arial{font-family: 'Avanti','Arial';}
.payment-box .payment-wrap{background: #fff;border:1px solid #e5e5e5;margin-top: 20px;margin-bottom: 100px;padding: 20px 20px 50px 20px;}
.payment-box .hd{margin-bottom: 30px;}
.payment-box .package{margin:0 60px;}
.payment-box .package li{width: 20%;float: left;margin-bottom: 10px;}
.payment-box .package .box{position: relative;cursor: pointer;background: #fff;text-align: center;margin: 0 10px;border:1px solid #e9e9e9;border-top-width: 5px;-webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.payment-box .package li .box:before{content:"";position: absolute;left:0;top:-5px;width: 100%;height: 5px;background: #fecc1a;opacity: 0;filter: Alpha(opacity=0);-webkit-transform: scale3d(0, 1, 1);-ms-transform: scale3d(0, 1, 1);-o-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1);-webkit-transition: all .35s;-o-transition: all .35s;transition: all .35s; -webkit-transform-origin:0 50% ;-moz-transform-origin: 0 50%;-ms-transform-origin: 0 50%;-o-transform-origin:0 50% ;transform-origin: 0 50%;}
.payment-box .package .icon.hook{width: 17px;height: 17px;position: absolute;right:0px;bottom: 0;background-position:-114px -350px;z-index: 9;display: none;}
.payment-box .package .icon.hot{width: 60px;height: 28px;position: absolute; top: 6px;left: -3px;background-position: 0 -9999px;}
.payment-box .package .price{height: 60px;line-height: 1;margin-bottom: 10px;}
.payment-box .package .price span{font-size: 50px;font-weight: bold;color: #9e9e9e;}
.payment-box .package .tit{margin-bottom: 5px;color: #626262;font-weight: bold;margin: 35px 0 5px 0;font-size: 18px;height: 45px;line-height: 20px;overflow: hidden;}
.payment-box .package .tit .old{font-weight: normal;color: #a7a7a7;text-decoration: line-through;}
.payment-box .package .line{margin: 5px 0 15px 0;}
.payment-box .package .txt{line-height: 25px;height: 125px;background: #fafbfc;padding: 10px 0;}
.payment-box .package .txt i{padding-right: 5px;}
.payment-box .package li.l1 .box:before{background: #fecc1a;}
.payment-box .package li.l1 .price span,
.payment-box .package li.l1 .txt i{color: #fecc1a;}
.payment-box .package li.l1 .icon.hot{background-position: 0 -373px;}
.payment-box .package li.l2 .box:before{background: #ff8200;}
.payment-box .package li.l2 .price span,
.payment-box .package li.l2 .txt i{color: #ff8200;}
.payment-box .package li.l2 .icon.hot{background-position: -71px -373px;}
.payment-box .package li.l3 .box:before{background: #a78ffd;}
.payment-box .package li.l3 .price span,
.payment-box .package li.l3 .txt i{color: #a78ffd;}
.payment-box .package li.l3 .icon.hot{background-position: -144px -373px;}
.payment-box .package li.l4 .box:before{background: #3899fc;}
.payment-box .package li.l4 .price span,
.payment-box .package li.l4 .txt i{color: #3899fc;}
.payment-box .package li.l4 .icon.hot{background-position: -220px -373px;}
.payment-box .package li.l5 .box:before{background: #8bc27a;}
.payment-box .package li.l5 .price span,
.payment-box .package li.l5 .txt i{color: #8bc27a;}
.payment-box .package li.l5 .icon.hot{background-position: -297px -373px;}
.payment-box .package li.seckill .icon.hot{background-position: -370px -374px;width: 84px;}
.payment-box .package li.seckill .box:before{background: #e90000;}
.payment-box .package li.seckill .price span,
.payment-box .package li.seckill .txt i{color: #e90000;}
.payment-box .countDown{top: 6px;left: 88px; color: #e90000;}
.payment-box .countDown span{display: inline-block;width: 22px;height: 20px;text-align: center;line-height: 20px;font-size: 13px;color: #fff;background: #e90000;border-radius: 3px;margin: 0 3px;}

.payment-box .package .box:hover{-webkit-transform: translate3d(0, -6px, 0);-ms-transform: translate3d(0, -6px, 0);-o-transform: translate3d(0, -6px, 0);transform: translate3d(0, -6px, 0);}
.payment-box .package li.actived .box:hover{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.payment-box .package li.actived .box,.payment-box .package .box:hover{-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.15);
box-shadow: 0 3px 5px rgba(0,0,0,.15);}
.payment-box .package li.actived .icon.hook{display: block;}
.payment-box .package li.actived .box:before,
.payment-box .package li .box:hover:before{opacity: 1;filter: Alpha(opacity=100);-webkit-transform: scale3d(1, 1, 1);-ms-transform: scale3d(1, 1, 1);-o-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
.payment-box .tip{color: #a7a7a7;letter-spacing: 1px;}
.payment-box .payment-method{border-top: 1px solid #d2d2d2;margin-top: 30px;padding: 30px 0 80px 0;}
.payment-box .payment-method ul{text-align: center;margin-top: 40px;}
.payment-box .payment-method li{width: 140px;display: inline-block;overflow: hidden;margin: 0 100px;cursor: default;}
.payment-box .payment-method .pic{height: 140px;border:1px solid #00b700;position: relative;overflow: hidden;}
.payment-box .payment-method li.zhifubao .icon{display: block;height: 120px;background-position: -150px 0;}
.payment-box .payment-method li.zhifubao .pic{border-color: #00aaee;}
.payment-box .payment-method li p{height: 40px;line-height: 40px;background: #00b700;text-align: center;color: #fff;margin-top: 10px;}
.payment-box .payment-method li.zhifubao p{background: #00aaee;}
.payment-box .payment-method li p i{font-size: 24px;vertical-align: middle;padding-right: 5px;}
.payment-box .agreen a{color: #888;font-size: 12px;}
.payment-box .agreen a i{width: 15px;height: 15px;line-height: 15px;text-align: center;color: #fff;background: #43b970;display: inline-block;vertical-align: middle;border-radius: 1px;}


@font-face {
  font-family: 'iconfont';  /* project id 1049830 */
  src: url('//at.alicdn.com/t/font_1049830_w8sbpwjv86s.eot');
  src: url('../fonts/font_1049830_w8sbpwjv86s.eot') format('embedded-opentype'),
  url('../fonts/font_1049830_w8sbpwjv86s.woff2') format('woff2'),
  url('../fonts/font_1049830_w8sbpwjv86s.woff') format('woff'),
  url('../fonts/font_1049830_w8sbpwjv86s.ttf') format('truetype'),
  url('../fonts/font_1049830_w8sbpwjv86s.svg#iconfont') format('svg');
}
.iconfont,.header-box .allDown li a:after{
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon, .mycenter-box .help-box dl dd:before, .header-box .allDown a:before {
    background-image: url(../images/icon.png);
    background-repeat: no-repeat;
    display: inline-block;
}