@charset "UTF-8";
/*banner样式*/
.info-banner {
  background: #fff2f2 url(img1/banner.png) no-repeat center;
}

.info-box .auto {
  position: relative;
}

.uodate-number-div {
  position: absolute;
  top: 109px;
  left: 822px;
  width: 210px;
  height: 40px;
  /*background: #ccc;*/
}

.num-inner {
  float: left;
  height: 40px;
  width: 29px;
}

.num-inner > span {
  display: block;
  width: 29px;
  height: 40px;
}

.num-inner-01 {
  margin-left: 20px;
}

.num-inner-03 {
  margin-left: 70px;
}

.num-00 {
  background: url(img/cps_banner_num.png) no-repeat 0 0;
}

.num-01 {
  background: url(img/cps_banner_num.png) no-repeat -28.7px 0;
}

.num-02 {
  background: url(img/cps_banner_num.png) no-repeat -57.4px 0;
}

.num-03 {
  background: url(img/cps_banner_num.png) no-repeat -86.1px 0;
}

.num-04 {
  background: url(img/cps_banner_num.png) no-repeat -114.8px 0;
}

.num-05 {
  background: url(img/cps_banner_num.png) no-repeat -143.5px 0;
}

.num-06 {
  background: url(img/cps_banner_num.png) no-repeat -172.2px 0;
}

.num-07 {
  background: url(img/cps_banner_num.png) no-repeat -200.9px 0;
}

.num-08 {
  background: url(img/cps_banner_num.png) no-repeat -229.6px 0;
}

.num-09 {
  background: url(img/cps_banner_num.png) no-repeat -258.7px 0;
}

.product-info {
  position: relative;
}

.u-p3d {
  -webkit-transform-style: preserve-3d !important;
          transform-style: preserve-3d !important;
}

.banner-base {
  position: absolute;
  top: 25px;
  right: 88px;
  width: 423px;
  height: 423px;
  -webkit-transform: rotateX(72deg);
          transform: rotateX(72deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-animation: cir 10s linear 0s infinite;
          animation: cir 10s linear 0s infinite;
}

.ball-base {
  -webkit-transform-origin: 245px 0px;
      -ms-transform-origin: 245px 0px;
          transform-origin: 245px 0px;
  position: absolute;
  top: 212px;
  left: -33px;
  width: 245px;
  height: 212px;
}

.ball {
  display: inline-block;
  width: 66px;
  height: 66px;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.ball-1 {
  top: 130px\9 ;
  left: 30px\9 ;
  -webkit-transform: rotateX(-90deg) rotateY(0deg) translateY(-30px);
          transform: rotateX(-90deg) rotateY(0deg) translateY(-30px);
}

.ball-1 .ball {
  -webkit-animation: cir1 10s linear 0s infinite;
          animation: cir1 10s linear 0s infinite;
  -webkit-transition-delay: 1100ms !important;
          transition-delay: 1100ms !important;
  background-image: url(img1/banner_icon_01.png);
}

.ball-2 {
  top: 245px\9 ;
  left: 105px\9 ;
  -webkit-transform: rotateX(-90deg) rotateY(90deg) translateY(-30px);
          transform: rotateX(-90deg) rotateY(90deg) translateY(-30px);
}

.ball-2 .ball {
  -webkit-animation: cir2 10s linear 0s infinite;
          animation: cir2 10s linear 0s infinite;
  -webkit-transition-delay: 800ms !important;
          transition-delay: 800ms !important;
  background-image: url(img1/banner_icon_02.png);
}

.ball-3 {
  top: 220px\9 ;
  left: 340px\9 ;
  -webkit-transform: rotateX(-90deg) rotateY(180deg) translateY(-30px);
          transform: rotateX(-90deg) rotateY(180deg) translateY(-30px);
}

.ball-3 .ball {
  -webkit-animation: cir3 10s linear 0s infinite;
          animation: cir3 10s linear 0s infinite;
  -webkit-transition-delay: 500ms !important;
          transition-delay: 500ms !important;
  background-image: url(img1/banner_icon_03.png);
}

.ball-4 {
  top: 120px\9 ;
  left: 260px\9 ;
  -webkit-transform: rotateX(-90deg) rotateY(270deg) translateY(-30px);
          transform: rotateX(-90deg) rotateY(270deg) translateY(-30px);
}

.ball-4 .ball {
  -webkit-animation: cir4 10s linear 0s infinite;
          animation: cir4 10s linear 0s infinite;
  -webkit-transition-delay: 200ms !important;
          transition-delay: 200ms !important;
  background-image: url(img1/banner_icon_04.png);
}

@-webkit-keyframes cir {
  0% {
    -webkit-transform: rotateX(72deg) rotateZ(0deg);
            transform: rotateX(72deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(72deg) rotateZ(-360deg);
            transform: rotateX(72deg) rotateZ(-360deg);
  }
}

@keyframes cir {
  0% {
    -webkit-transform: rotateX(72deg) rotateZ(0deg);
            transform: rotateX(72deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(72deg) rotateZ(-360deg);
            transform: rotateX(72deg) rotateZ(-360deg);
  }
}
@-webkit-keyframes cir1 {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(-360deg);
            transform: rotateY(-360deg);
  }
}
@keyframes cir1 {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(-360deg);
            transform: rotateY(-360deg);
  }
}
@-webkit-keyframes cir2 {
  0% {
    -webkit-transform: rotateY(-90deg);
            transform: rotateY(-90deg);
  }
  100% {
    -webkit-transform: rotateY(-450deg);
            transform: rotateY(-450deg);
  }
}
@keyframes cir2 {
  0% {
    -webkit-transform: rotateY(-90deg);
            transform: rotateY(-90deg);
  }
  100% {
    -webkit-transform: rotateY(-450deg);
            transform: rotateY(-450deg);
  }
}
@-webkit-keyframes cir3 {
  0% {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
  100% {
    -webkit-transform: rotateY(-540deg);
            transform: rotateY(-540deg);
  }
}
@keyframes cir3 {
  0% {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
  100% {
    -webkit-transform: rotateY(-540deg);
            transform: rotateY(-540deg);
  }
}
@-webkit-keyframes cir4 {
  0% {
    -webkit-transform: rotateY(-270deg);
            transform: rotateY(-270deg);
  }
  100% {
    -webkit-transform: rotateY(-630deg);
            transform: rotateY(-630deg);
  }
}
@keyframes cir4 {
  0% {
    -webkit-transform: rotateY(-270deg);
            transform: rotateY(-270deg);
  }
  100% {
    -webkit-transform: rotateY(-630deg);
            transform: rotateY(-630deg);
  }
}
.bg-gray {
  background-color: #f5f8fa;
}

.module {
  padding-top: 80px;
  padding-bottom: 80px;
}

.module-head {
  text-align: center;
}

.module-head h2 {
  margin-bottom: 80px;
  font-weight: 400;
  font-size: 32px;
  color: #333;
}

.introduce-join {
  font-size: 24px;
  color: #333;
  font-weight: bold;
}

.introduce-price {
  margin-top: 40px;
  margin-bottom: 50px;
  font-size: 54px;
  color: #333;
}

.introduce-banner > a {
  display: inline-block;
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  color: #00aaff;
  text-decoration: underline;
}

.introduce-banner > a.get-oem {
  width: 170px;
  margin-right: 30px;
  text-align: center;
  color: #fff;
  border-radius: 2px;
  background-color: #ff2626;
  text-decoration: none;
}

.introduce-share {
  margin-top: 38px;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
  color: #999;
}

.introduce-share a {
  display: inline-block;
  width: 22px;
  height: 18px;
  margin-left: 12px;
  vertical-align: middle;
}

.introduce-share a:first-child {
  background: url(img1/share-weibo.png) no-repeat center center;
}

.introduce-share a:first-child + a {
  position: relative;
  background: url(img1/share-weixin.png) no-repeat center center;
}

.weixin-share-qrcode {
  display: none;
  position: absolute;
  background: url(img1/weixin_qrcode.png) no-repeat center;
  width: 180px;
  height: 200px;
  top: 23px;
  left: -80px;
  z-index: 1;
}

.introduce-share a:first-child + a:hover .weixin-share-qrcode {
  display: block;
}

/*推广优势*/
.ascendant li {
  float: left;
  width: 230px;
  height: 348px;
  margin-left: 10px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background-color: #fff;
  text-align: center;
}

.ascendant li:first-child {
  margin-left: 0;
}

.ascendant li:hover {
  border: 1px solid #00aaff;
}

.ascendant li h2 {
  margin-top: 210px;
  margin-bottom: 20px;
  font-size: 18px;
  color: #333;
}

.ascendant li p {
  margin-bottom: 15px;
  font-size: 14px;
  color: #999;
}

.ascendant-1 {
  background: url(img1/ascendant-1.png) no-repeat 55px 60px;
}

.ascendant-2 {
  background: url(img1/ascendant-2.png) no-repeat 55px 60px;
}

.ascendant-3 {
  background: url(img1/ascendant-3.png) no-repeat 55px 60px;
}

.ascendant-4 {
  background: url(img1/ascendant-4.png) no-repeat 55px 60px;
}

.ascendant-5 {
  background: url(img1/ascendant-5.png) no-repeat 55px 60px;
}

/*推广方式*/
.methods li {
  float: left;
  width: 392px;
  height: 392px;
  margin-left: 12px;
  text-align: center;
  border-radius: 2px;
  background-color: #fff;
}

.methods li:first-child {
  margin-left: 0;
}

.methods li h2 {
  margin-top: 205px;
  margin-bottom: 28px;
  font-size: 22px;
  color: #333;
  font-weight: normal;
}

.methods li p {
  line-height: 2;
  text-align: justify;
  padding: 0 50px;
  font-size: 14px;
  color: #999;
}

.methods-1 {
  background: url(img1/methods-1.png) no-repeat 140px 60px;
}

.methods-2 {
  background: url(img1/methods-2.png) no-repeat 140px 60px;
}

.methods-3 {
  background: url(img1/methods-3.png) no-repeat 140px 60px;
}

/*代理优势*/
.proxy-introduce {
  position: relative;
}

.ny-introduce {
  position: absolute;
  top: -20px;
  left: 50%;
  width: 400px;
  margin-left: -200px;
  border: 2px solid #00aaff;
  -webkit-box-shadow: 0 0 6px 3px #ccc;
          box-shadow: 0 0 6px 3px #ccc;
}

.ny-introduce p {
  height: 70px;
  line-height: 70px;
  font-size: 14px;
  color: #333;
  text-align: center;
}

.ny-introduce p.special {
  line-height: 50px;
}

.ny-introduce p:first-child {
  height: 20px;
  background-color: #00aaff;
}

.ny-introduce p:first-child + p {
  font-size: 22px;
  color: #fff;
  background-color: #00aaff;
}

.even-bg {
  background-color: #e7f1fc;
}

.ny-introduce p.ny-introduce-last {
  height: 20px;
}

.ny-introduce i {
  position: absolute;
  top: -7px;
  right: -7px;
  display: block;
  width: 55px;
  height: 55px;
  background: url(img/tuijian.png) no-repeat 0 0;
}

.proxy-introduce table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #eee;
}

.proxy-introduce table thead {
  border: 1px solid #d3d3d3;
}

.proxy-introduce table th {
  width: 33.333333%;
  height: 70px;
  line-height: 70px;
  font-weight: 400;
  font-size: 18px;
  background-color: #f0f0f0;
  color: #666;
}

.proxy-introduce table tr td {
  height: 70px;
  line-height: 70px;
  text-align: center;
  font-size: 14px;
  color: #666;
}

/*成为代理*/
.introduce-procedure {
  min-width: 1200px;
  height: 365px;
  background: #393D41 url(img/introduce-bg.jpg) no-repeat center;
}

.introduce-procedure .module-head h2 {
  color: #fff;
}

.introduce-procedure ul li {
  float: left;
  width: 312px;
  height: 104px;
  margin-left: -10px;
  line-height: 104px;
}

.introduce-procedure ul li i {
  float: left;
}

.introduce-procedure ul li p {
  float: left;
  margin-left: 10px;
  font-size: 16px;
  color: #333;
}

.introduce-procedure ul li:hover p {
  color: #00aaff;
}

.introduce-procedure ul li:first-child {
  width: 291px;
  margin-left: 0;
}

.step-1 {
  background: url(img/step-1.png) no-repeat 0 0;
}

.step-1 i {
  width: 33px;
  height: 29px;
  margin-left: 68px;
  margin-top: 36px;
  background: url(img/step-icon-1.png) no-repeat 0 0;
}

.step-1:hover i {
  background: url(img1/step-hover-icon-1.png) no-repeat 0 0;
}

.step-2,
.step-3 {
  background: url(img/step-2.png) no-repeat 0 0;
}

.step-2 i,
.step-3 i {
  width: 44px;
  height: 30px;
  margin-left: 78px;
  margin-top: 37px;
}

.step-2 i {
  background: url(img/step-icon-2.png) no-repeat 0 0;
}

.step-2:hover i {
  background: url(img1/step-hover-icon-2.png) no-repeat 0 0;
}

.step-3 i {
  background: url(img/step-icon-3.png) no-repeat 0 0;
}

.step-3:hover i {
  background: url(img1/step-hover-icon-3.png) no-repeat 0 0;
}

.step-4 {
  background: url(img/step-3.png) no-repeat 0 0;
}

.step-4 i {
  width: 46px;
  height: 30px;
  margin-left: 78px;
  margin-top: 37px;
  background: url(img/step-icon-4.png) no-repeat 0 0;
}

.step-4:hover i {
  background: url(img1/step-hover-icon-4.png) no-repeat 0 0;
}

/*代理规则*/
.proxy-rules {
  min-width: 1200px;
  background: #f5f9fb url(img/promotion-rule-bg.jpg) no-repeat bottom center;
}

.proxy-rules ol {
  margin: 0 auto;
  width: 910px;
  line-height: 2.5;
  font-size: 16px;
  color: #333;
}

.proxy-rules ul li {
  padding-left: 16px;
}

.promption-last-wrapper {
  padding-bottom: 60px;
  background: url(img/promotion-last-bg.png) no-repeat center top;
}

.promption-last-wrapper .content-inner-div {
  padding-top: 60px;
}

.promption-last-title {
  margin-bottom: 30px;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  color: #333;
  text-align: center;
}

.promption-last-link {
  display: block;
  margin: 0 auto;
  width: 200px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background-color: #00aaff;
  border-radius: 2px;
}

.wave-box {
  background: transparent;
}

.footer-banner {
  display: none;
}