html,
body {
  font-size: 12px;
  color: #131313;
  font-family: "pingfang sc", pinghei, stheitisc-light, tahoma, "myriad set pro",
    "lucida grande", "helvetica neue", "microsoft yahei", helvetica, arial,
    verdana, sans-serif;
}
body {
  width: 100%;
  min-width: 1170px;
  overflowmodal-open-x: hidden;
}

/* 弹窗显示窗口不能滚动 */
body. {
  overflow: hidden;
}

/*内容主体区域*/
.w1170 {
  width: 1170px;
  margin: 0 auto;
  display: block;
}
.img-hover .pic,
.img-hover .box-bg {
  transition: all 3s linear;
  -moz-transition: all 3s linear;
  -webkit-transition: all 3s linear;
  -o-transition: all 3s linear;
}
.img-hover:hover .pic,
.img-hover:hover .box-bg {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
}
@-webkit-keyframes zoomin {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomin {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomin {
  -webkit-animation-name: zoomin;
  animation-name: zoomin;
}
/*头部start*/
.nav {
  width: 100%;
  height: 50px;
  background: rgba(255, 255, 255, 0.8) !important;
  background: #fff;
  filter: alpha(opacity=80);
  position: absolute;
  top: 80px;
  left: 0;
  z-index: 98;
}

.nav.fixedtop {
  position: fixed;
  top: 0px;
}

.nav .w1170 {
  height: 50px;
}

.nav .nav-left {
  float: left;
}

.nav .nav-left .logo-wrap {
  float: left;
  width: 32px;
  height: 50px;
  line-height: 50px;
  cursor: pointer;
}

.nav .nav-left .logo-wrap .logo {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}

.nav .nav-left .name {
  float: left;
  line-height: 50px;
  font-size: 12px;
  color: #000;
  margin-left: 14px;
}

.nav .nav-right {
  height: 50px;
  line-height: 50px;
  float: right;
}

.nav .nav-right .list {
  display: block;
  float: left;
  margin-right: 40px;
  font-size: 12px;
  color: #1a1b1f;
  cursor: pointer;
}

.nav .nav-right .list.active,
.nav .nav-right .list:hover {
  color: #9c1d22;
}

.nav .nav-right .buy {
  display: block;
  float: left;
  width: 100px;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  background-color: #9c1d22;
  border-radius: 100px;
  margin-top: 9px;
}

/*头部end*/

.banner {
  width: 100%;
  min-height: 700px;
  position: relative;
  overflow: hidden;
}
.banner .bg-wrap{
  width: 100%;
  height: 100%;
}
.banner .bg-wrap .bg {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*针对ie8的hack，目的是除掉之前background*/
  background: none\9;
  position: absolute;
  top: 0;
  left: 0;
}
.banner .bg-wrap .bg2{
  display: none;
}
.banner .desc-wrap {
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
  z-index: 1;
}
.banner .desc-wrap .pic {
  display: block;
  margin: 0 auto;
}
.banner .desc-wrap .word1 {
  width: 240px;
}
.banner .desc-wrap .word2 {
  width: 236px;
  padding-top: 10px;
}
.banner .desc-wrap .word3 {
  width: 470px;
  padding-top: 8px;
}
.banner .desc-wrap .siri-wrap {
  width: 214px;
  margin: 0 auto;
  position: relative;
}
.banner .desc-wrap .siri-wrap .bg {
  display: block;
  width: 100%;
  visibility: hidden;
}
.banner .desc-wrap .siri-wrap .pic {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.box {
  width: 100%;
  position: relative;
}
.box .box-title {
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  color: #1b1b1b;
  line-height: 1.5;
  position: relative;
  z-index: 1;
  display: block;
  margin: 0 auto;
}
.box1 {
  margin-top: 160px;
}
.box1 .package {
  margin: -10px;
  padding-top: 50px;
}
.box1 .package .list {
  float: left;
  width: 33.33%;
}
.box1 .list .pack {
  margin: 10px;
}
.box1 .list .pack .pic-wrap {
  width: 100%;
  height: 270px;
  overflow: hidden;
  position: relative;
}
.box1 .list .pack .pic-wrap .pic {
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -159px;
}
.box1 .list .pack .pic-wrap .icon {
  display: block;
  width: 390px;
  max-width: 390px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -55px;
  margin-left: -195px;
}
.box1 .list .pack .desc {
  min-height: 82px;
  font-size: 18px;
  font-weight: 200;
  color: #000;
  line-height: 1.5;
  margin-top: 20px;
  margin-left: 20px;
}
.box2 {
  margin-top: 200px;
  width: 100%;
  padding-bottom: 80px;
}
.box2 .package {
  margin: -1px;
  padding-top: 50px;
}
.box2 .package .list {
  float: left;
  width: 25%;
}
.box2 .package .list .pack {
  margin: 1px;
  position: relative;
  overflow: hidden;
}
.box2 .package .list .pack:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #f3f3f3;
}
.box2 .package .list .pack:hover:after {
  opacity: 0;
  transition: all 1s ease;
}
.list_hover1:hover:before,
.list_hover1:focus:before,
.list_hover1:active:before {
  transform: scale(0);
}
.list_hover1:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f3f3f3;
  border-radius: 100%;
  transform: scale(2);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.list_hover2:hover:before,
.list_hover2:focus:before,
.list_hover2:active:before {
  transform: scale(0);
}
.list_hover2:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f3f3f3;
  transform: scale(1);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.list_hover3:hover:before,
.list_hover3:focus:before,
.list_hover3:active:before {
  transform: scalex(0);
}
.list_hover3::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #f3f3f3;
  transform: scalex(1);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.list_hover4:hover:before,
.list_hover4:focus:before,
.list_hover4:active:before {
  transform: scaley(0);
}
.list_hover4::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #f3f3f3;
  transform: scaley(1);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.box2 .package .list .pack:hover .tips-wrap {
  /* margin-top: -130px; */
}
.box2 .package .list .pack:hover .tips-wrap .icon {
  /* display: none; */
  visibility: hidden !important;
}
.box2 .package .list .pack:hover .tips-wrap .title,
.box2 .package .list .pack:hover .tips-wrap .desc {
  color: #fff;
}
.box2 .list .pic-wrap {
  width: 100%;
}
.box2 .list .pic-wrap .pic {
  display: block;
  width: 100%;
}
.box2 .list .tips-wrap {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -76px;
  z-index: 1;
  transition: all 1s ease;
}
.box2 .list .tips-wrap .icon {
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto 28px;
}
.box2 .list .tips-wrap .title {
  font-size: 20px;
  font-weight: 600;
  color: #000;
  text-align: center;
}
.box2 .list .tips-wrap .desc {
  font-size: 14px;
  color: #737373;
  text-align: center;
  margin-top: 10px;
}
.box3 {
  width: 100%;
  min-height: 700px;
  position: relative;
  overflow: hidden;
}
.box3 .box-bg {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.box3 .box-bg1 {
  opacity: 1;
  position: static;
}
.box3.active .box-bg2 {
  -webkit-animation: boxbgshow 1s linear forwards;
  animation: boxbgshow 1s linear forwards;
}
.box3.active .box-bg3 {
  -webkit-animation: boxbgshow 1s linear 3.5s forwards;
  animation: boxbgshow 1s linear 3.5s forwards;
}
@-webkit-keyframes boxbgshow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes boxbgshow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.box3 .box-svg {
  width: 38px;
  position: absolute;
  top: 28%;
  right: 12%;
  z-index: 1;
  display: block;
}
.box3 .box-svg .svg-pic {
  opacity: 0;
}
.box3.active .box-svg .svg-pic1 {
  -webkit-animation: svgshow 1s linear forwards;
  animation: svgshow 1s linear forwards;
}
.box3.active .box-svg .svg-pic2 {
  -webkit-animation: svgshow 1s linear 1.3s forwards;
  animation: svgshow 1s linear 1.3s forwards;
}
.box3.active .box-svg .svg-pic3 {
  -webkit-animation: svgshow 1s linear 2.6s forwards;
  animation: svgshow 1s linear 2.6s forwards;
}
@-webkit-keyframes svgshow {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes svgshow {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.box3 .box-svg .svg-path {
  stroke: #fff;
  stroke-width: 0.5;
  /* stroke-dasharray: 2, 2; */
}
.box3 .box-svg .svg-path1 {
  stroke-dasharray: 0, 113;
}
.box3.active .box-svg .svg-path1 {
  -webkit-animation: linemove1 1s linear 1s forwards;
  animation: linemove1 1s linear 1s forwards;
}
.box3 .box-svg .svg-path2 {
  stroke-dasharray: 0, 103;
}
.box3.active .box-svg .svg-path2 {
  -webkit-animation: linemove2 1s linear 2.3s forwards;
  animation: linemove2 1s linear 2.3s forwards;
}
@-webkit-keyframes linemove1 {
  0% {
    stroke-dasharray: 0, 113;
  }
  100% {
    stroke-dasharray: 113, 113;
  }
}
@keyframes linemove1 {
  0% {
    stroke-dasharray: 0, 113;
  }
  100% {
    stroke-dasharray: 113, 113;
  }
}
@-webkit-keyframes linemove2 {
  0% {
    stroke-dasharray: 0, 103;
  }
  100% {
    stroke-dasharray: 103, 103;
  }
}
@keyframes linemove2 {
  0% {
    stroke-dasharray: 0, 103;
  }
  100% {
    stroke-dasharray: 103, 103;
  }
}
.box3 .desc-wrap {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -100px;
  z-index: 1;
}
.box3 .desc-wrap .desc {
  font-size: 40px;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
  letter-spacing: 16px;
  text-align: center;
  display: block;
  margin: 0 auto;
}
.box3 .desc-wrap .cartoon {
  position: relative;
  width: 150px;
  margin: 30px auto 0;
}
.box3 .desc-wrap .cartoon .bg {
  display: block;
  width: 100%;
  visibility: hidden;
}
.box3 .desc-wrap .cartoon .pic {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.box4 {
  padding-top: 670px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.box4 .box-bg {
  width: 100%;
  position: relative;
}
.box4 .box-bg .product-pic {
  display: block;
  width: 1000px;
  margin: -50px auto 0;
  position: relative;
  left: 30px;
  z-index: 1;
}
.box4 .box-bg .product-pic .bg {
  display: block;
  width: 100%;
}
.box4 .box-bg .product-pic .pic {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.box4 .box-bg .cartoon1 {
  width: 1440px;
  position: absolute;
  top: -600px;
  left: 50%;
  margin-left: -720px;
}
.box4 .box-bg .cartoon1 .pack {
  position: relative;
  width: 100%;
}
.box4 .box-bg .cartoon1 .pack .bg {
  display: block;
  width: 100%;
}
.box4 .box-bg .cartoon1 .pack .pic {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.box4 .box-bg .cartoon2 {
  position: absolute;
  top: 100px;
  left: -100px;
  right: -100px;
}
.box4 .box-bg .cartoon2 .pack {
  position: relative;
  width: 100%;
}
.box4 .box-bg .cartoon2 .pack .bg {
  display: block;
  width: 100%;
  visibility: hidden;
}
.box4 .box-bg .cartoon2 .pack .pic {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
/*弹幕效果*/
.barrage {
  width: 600px;
  height: 300px;
  position: absolute;
  top: -400px;
  left: 50%;
  z-index: 1;
  margin-left: -300px;
}
.barrage .barrage-pack {
  width: 100%;
  height: 100%;
  position: relative;
}
.barrage .barrage-pack .item {
  width: 100%;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 1px;
  white-space: nowrap;
  text-align: center;
  background: linear-gradient(207.27deg, #ac58ff 5%, #116df5 88%);
  background: -webkit-linear-gradient(207.27deg, #ac58ff 5%, #116df5 88%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  opacity: 0;
}
.barrage.active .barrage-pack .item {
  -webkit-animation: updanmu 3.5s linear infinite;
  animation: updanmu 3.5s linear infinite;
}
.barrage.active .barrage-pack .item img {
  display: block;
  margin: 0 auto;
}
@-webkit-keyframes updanmu {
  0% {
    transform: translatey(280px);
    opacity: 0;
  }
  10% {
    transform: translatey(210px);
    opacity: 1;
  }
  20% {
    transform: translatey(140px);
    opacity: 1;
  }
  30% {
    transform: translatey(70px);
    opacity: 1;
  }
  40% {
    transform: translatey(0);
    opacity: 0;
  }
}
@keyframes updanmu {
  0% {
    transform: translatey(280px);
    opacity: 0;
  }
  10% {
    transform: translatey(210px);
    opacity: 1;
  }
  20% {
    transform: translatey(140px);
    opacity: 1;
  }
  30% {
    transform: translatey(70px);
    opacity: 1;
  }
  40% {
    transform: translatey(0);
    opacity: 0;
  }
}
.box5 {
  width: 100%;
  margin-top: 100px;
  position: relative;
}
.box5 .package {
  margin: -10px;
}
.box5 .package .list {
  float: left;
  width: 33.33%;
}
.box5 .package .list .pack {
  margin: 10px;
}
.box5 .list .pic-wrap {
  width: 100%;
  height: 536px;
  overflow: hidden;
  position: relative;
}
.box5 .list .pic-wrap .pic {
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -293px;
}
.box5 .list .desc-wrap {
  margin-top: 40px;
  min-height: 150px;
}
.box5 .list .desc-wrap .tips {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.5;
  color: #000;
  display: block;
}
.box5 .list .desc-wrap .desc {
  font-size: 14px;
  line-height: 1.5;
  color: #737373;
  margin-top: 20px;
}
.box6 {
  margin-top: 180px;
  width: 100%;
  min-height: 700px;
  position: relative;
  overflow: hidden;
}
.box6 .box-bg {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*针对ie8的hack，目的是除掉之前background*/
  background: none\9;
  position: absolute;
  top: 0;
  left: 0;
}
.box6 .w1170 {
  height: 100%;
  position: relative;
  z-index: 1;
}
.box6 .package {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -287px;
}
.box6 .package .box-title {
  color: #fff;
}
.box6.package .mg-top-40 {
  margin-top: 45px;
}
.box6 .package .desc-wrap {
  margin-top: 30px;
}
.box6 .package .desc-wrap .tips {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  color: #fff;
}
.box6 .package .desc-wrap .desc {
  font-size: 14px;
  line-height: 1.5;
  color: #737373;
  margin-top: 5px;
}
.box6 .package .video-desc {
  float: right;
  margin-top: 60px;
  cursor: pointer;
}
.box6 .package .video-desc .icon {
  display: block;
  width: 60px;
  margin: 0 auto;
}
.box6 .package .video-desc .desc {
  font-size: 12px;
  color: #737373;
  text-align: center;
  margin-top: 10px;
}
.box7 {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: url(/uploads/image/wphaipic/box7-bg.jpg) repeat-y center top;
  background-size: 100% auto;
  padding: 200px 0;
}
.box7 .w1170 {
  height: 100%;
  position: relative;
}
.box7 .package {
  padding-right: 750px;
}
.box7 .package .left {
  float: left;
  width: 100%;
}
.box7 .package .left .box-title {
  text-align: left;
  color: #fff;
}
.box7 .package .left .desc {
  font-size: 14px;
  line-height: 1.5;
  color: #737373;
  margin-top: 30px;
}
.box7 .package .left .left-pic {
  display: block;
  width: 278px;
  margin-top: 100px;
}
.box7 .package .left .pic-wrap {
  padding-left: 135px;
  margin-top: 60px;
}
.box7 .package .left .pic-wrap .pic-left {
  float: left;
  width: 110px;
  margin-left: -135px;
}
.box7 .package .left .pic-wrap .pic-left .pic {
  display: block;
  width: 110px;
}
.box7 .package .left .pic-wrap .pic-right {
  float: left;
  width: 100%;
}
.box7 .package .left .pic-wrap .pic-right .pic-tips {
  font-size: 12px;
  color: #737373;
}
.box7 .package .left .pic-wrap .pic-right .pic-desc {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  color: #fff;
  margin-top: 5px;
}
.box7 .package .right {
  float: left;
  width: 750px;
  height: 656px;
  overflow: hidden;
  margin-left: -750px;
  position: relative;
  right: -750px;
  margin-top: 20px;
}
.box7 .package .right .pic {
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -375px;
}
.box7 .package .right .pic1 {
  display: block;
  width: 380px;
  position: absolute;
  bottom: 60px;
  left: 60px;
  z-index: 2;
}
.box7 .package .right .pic2 {
  display: block;
  width: 386px;
  position: absolute;
  bottom: 280px;
  left: 160px;
  z-index: 1;
}
.box8 {
  width: 100%;
}
.box8 .package {
  padding-top: 90px;
  padding-bottom: 50px;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.box8 .box-desc {
  font-size: 14px;
  line-height: 1.5;
  color: #737373;
  text-align: center;
  margin-top: 20px;
}
.box8 .pic-wrap {
  width: 970px;
  height: 580px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.box8 .pic-wrap .pic {
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -340px;
}
.box8 .desc-wrap {
  position: absolute;
  top: 50%;
  right: 90px;
  transform: translatey(-50%);
}
.box8 .desc-wrap .tips {
  font-size: 14px;
  color: #fff;
  line-height: 1.5;
}
.box8 .desc-wrap .num {
  line-height: 48px;
}
.box8 .desc-wrap .num span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 40px;
  font-weight: bold;
  color: #fff;
  vertical-align: middle;
  background: linear-gradient(
    -270deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(109, 109, 113, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.box8 .desc-wrap i {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  vertical-align: middle;
}
.box8 .desc-wrap .desc1 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  color: #fff;
  margin-top: 24px;
}
.box8 .desc-wrap .desc2 {
  font-size: 14px;
  line-height: 1.5;
  color: #737373;
  margin-top: 8px;
}
.box9 {
  width: 100%;
  padding-top: 200px;
}
.box9 .package {
  width: 970px;
  margin: 55px auto 0;
}
.box9 .package-top {
  margin: -1px;
}
.box9 .package-top .left,
.box9 .package-top .right {
  float: left;
  width: 50%;
}
.box9 .package-top .left .pack,
.box9 .package-top .right .pack {
  margin: 1px;
  overflow: hidden;
  position: relative;
}
.box9 .package-top .left .pack .pic,
.box9 .package-top .right .pack .pic {
  display: block;
  width: 100%;
}
.box9 .desc-wrap {
  position: absolute;
  top: 42px;
  left: 42px;
}
.box9 .desc-wrap .tips {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  color: #1b1b1b;
}
.box9 .desc-wrap .desc {
  font-size: 14px;
  line-height: 1.5;
  color: #737373;
  margin-top: 8px;
}
.box9 .desc-wrap.white .tips {
  color: #fff;
}
.box9 .desc-wrap.white .desc {
  color: #fff;
}
.box9 .package-bot {
  margin: -1px;
}
.box9 .package-bot .left,
.box9 .package-bot .right {
  float: left;
  width: 50%;
}
.box9 .package-bot .left .pack,
.box9 .package-bot .right .pack {
  margin: 1px;
  overflow: hidden;
  position: relative;
}
.box9 .package-bot .left .pack .pic,
.box9 .package-bot .right .pack .pic {
  display: block;
  width: 100%;
}
.box10 {
  width: 100%;
  margin-top: 200px;
}
.box10 .package {
  width: 100%;
  margin-top: 55px;
  background: url(/uploads/image/wphaipic/box10-bg.jpg) repeat-y center top;
  background-size: 100% auto;
  padding: 140px 0 240px 0;
}
.pacakge-w970 {
  width: 970px;
  margin: 0 auto;
  display: block;
}
.box10 .item-wrap .item-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  color: #1b1b1b;
  padding-bottom: 20px;
  border-bottom: 1px solid #1b1b1b;
}
.box10 .item-wrap1 .params-wrap {
  margin-top: 35px;
  padding-right: 255px;
}
.box10 .item-wrap1 .params-wrap .left {
  float: left;
  width: 100%;
}
.box10 .item-wrap1 .params-wrap .left .list {
  float: left;
  margin-left: 35px;
}
.box10 .item-wrap1 .params-wrap .left .list:first-child {
  margin-left: 0;
}
.box10 .item-wrap1 .params-wrap .left .list .tips {
  font-size: 16px;
  color: #737373;
}
.box10 .item-wrap1 .params-wrap .left .list .desc {
  font-size: 16px;
  font-weight: 600;
  color: #1b1b1b;
  margin-top: 20px;
}
.box10 .item-wrap1 .params-wrap .right {
  width: 255px;
  float: left;
  font-size: 12px;
  color: #737373;
  line-height: 1.5;
  margin-left: -255px;
  position: relative;
  right: -255px;
}
.box10 .item-wrap2 {
  margin-top: 124px;
}
.box10 .item-wrap2 .sketch-wrap {
  padding-right: 448px;
  margin-top: 35px;
}
.box10 .item-wrap2 .sketch-wrap .left {
  float: left;
  width: 100%;
}
.box10 .item-wrap2 .sketch-wrap .left .desc-wrap .desc {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  color: #1b1b1b;
  margin-top: 10px;
}
.box10 .item-wrap2 .sketch-wrap .left .desc-wrap .desc:first-child {
  margin-top: 0;
}
.box10 .item-wrap2 .sketch-wrap .left .tips-wrap {
  margin-top: 35px;
}
.box10 .item-wrap2 .sketch-wrap .left .tips-wrap .tips {
  font-size: 12px;
  line-height: 1.5;
  color: #737373;
  margin-top: 10px;
}
.box10 .item-wrap2 .sketch-wrap .left .tips-wrap .tips:first-child {
  margin-top: 0;
}
.box10 .item-wrap2 .sketch-wrap .left .pic-wrap {
  margin-top: 65px;
}
.box10 .item-wrap2 .sketch-wrap .left .pic-wrap .tips {
  font-size: 14px;
  font-weight: 500;
  color: #1b1b1b;
}
.box10 .item-wrap2 .sketch-wrap .left .pic-wrap .pic {
  display: block;
  width: 490px;
  margin-top: 24px;
}
.box10 .item-wrap2 .sketch-wrap .right {
  float: left;
  margin-left: -448px;
  position: relative;
  right: -448px;
}
.box10 .item-wrap2 .sketch-wrap .right .pic1 {
  display: block;
  width: 444px;
}
.box10 .item-wrap2 .sketch-wrap .right .pic2-wrap {
  width: 448px;
  margin-top: 55px;
}
.box10 .item-wrap2 .sketch-wrap .right .pic2-wrap .tips {
  font-size: 14px;
  font: 500;
  color: #1b1b1b;
}
.box10 .item-wrap2 .sketch-wrap .right .pic2-wrap .pic2 {
  display: block;
  width: 100%;
  margin-top: 24px;
}

/*留资弹窗开始*/
.pop-info.active .pop-content {
  -webkit-transition: right 0.7s ease;
  transition: right 0.7s ease;
  right: 0;
}
.pop-info .pop-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8) !important;
  background: #000;
  filter: alpha(opacity=80);
  z-index: 100;
  display: none;
}

.pop-info .pop-content {
  width: 430px;
  background: #fff;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: -430px;
  bottom: 0;
  z-index: 101;
  -webkit-transition: right 0.4s ease;
  transition: right 0.4s ease;
}
.pop-info .pop-package {
  width: 100%;
  height: 100%;
  position: relative;
}

.pop-info .pop-content .pop-close {
  width: 28px;
  position: absolute;
  top: 26px;
  right: 20px;
}

.pop-info .pop-content .pop-close .icon {
  display: block;
  width: 100%;
}

.pop-info .pop-content .pop-pack {
  width: 290px;
  margin: 0 auto;
  padding-top: 150px;
}

.pop-info .pop-content .pop-title {
  font-size: 26px;
  font-weight: 600;
  color: #1c1f26;
  line-height: 36px;
  text-align: center;
}

.pop-info .pop-content .pop-tips {
  font-size: 12px;
  color: #f17b07;
  line-height: 17px;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 25px;
}

.pop-info .pop-content .enter-wrap {
  padding-left: 12px;
  margin: 0 auto;
  background: #fafafa;
  border: 1px solid #f2f2f2;
  margin-bottom: 10px;
}
.pop-info .pop-content .enter-wrap .enter {
  display: block;
  width: 100%;
  height: 42px;
  line-height: 42px;
  background: none;
  font-size: 14px;
  color: #1c1f26;
}
.pop-info .pop-content .chose-wrap {
  margin: 0 -5px;
}
.pop-info .pop-content .chose-wrap .chose-item {
  float: left;
  width: 33.33%;
}
.pop-info .pop-content .chose-wrap .chose-item .chose-pack {
  margin: 0 5px;
  padding: 0 10px;
  background: #fafafa;
  border: 1px solid #f2f2f2;
  position: relative;
}
.pop-info .pop-content .chose-wrap .chose-item .chose-pack select {
  display: block;
  width: 100%;
  height: 42px;
  line-height: 42px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background:  no-repeat right center;
  background-size: 7px auto;
  font-size: 14px;
  color: #a6aeb8;
  outline: none;
  border: none;
}
.pop-info .pop-content .pop-agreement {
  display: block;
  margin-top: 18px;
}
.aui-radio,
.aui-checkbox {
  width: 15px;
  height: 15px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  margin: 0;
  padding: 0;
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: default;
  -webkit-appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: background-color ease 0.1s;
}
.aui-radio:checked,
.aui-radio.aui-checked,
.aui-checkbox:checked,
.aui-checkbox.aui-checked {
  background-color: #e50113;
  border: solid 1px #e50113;
  text-align: center;
  background-clip: padding-box;
}
.aui-radio:checked:before,
.aui-radio.aui-checked:before,
.aui-checkbox:checked:before,
.aui-checkbox.aui-checked:before,
.aui-radio:checked:after,
.aui-radio.aui-checked:after,
.aui-checkbox:checked:after,
.aui-checkbox.aui-checked:after {
  content: "";
  width: 6px;
  height: 3px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -3px;
  margin-top: -3px;
  background: transparent;
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  z-index: 2;
  border-radius: 0;
  transform: rotate(-45deg);
}
.pop-info .pop-content .pop-agreement .check-wrap {
  float: left;
}
.pop-info .pop-content .pop-agreement .tips-wrap {
  float: left;
  font-size: 12px;
  color: #35465a;
  line-height: 15px;
  margin-left: 12px;
}
.pop-info .pop-content .pop-agreement .tips-wrap .link {
  font-size: 12px;
  color: #35465a;
  font-weight: 600;
  text-decoration: underline;
}
.pop-info .pop-content .pop-btn {
  width: 100%;
  height: 56px;
  line-height: 56px;
  border-radius: 100px;
  background-color: #ff000a;
  font-size: 16px;
  font-weight: 500;
  color: #f7faff;
  text-align: center;
  margin-top: 25px;
  cursor: pointer;
}
.pop-info .pop-content .err-tips {
  font-size: 12px;
  color: #ff000a;
  line-height: 1.5;
  margin-top: 10px;
  text-align: center;
}
.pop-info .pop-content .pop-succ {
  width: 290px;
  margin: 0 auto;
  position: absolute;
  top: 307px;
  left: 50%;
  margin-left: -145px;
  display: none;
}
.pop-info .pop-content .pop-succ .pop-succ-icon {
  display: block;
  width: 77px;
  margin: 0 auto;
}
.pop-info .pop-content .pop-succ .pop-succ-tips {
  font-size: 26px;
  font-weight: 600;
  color: #1c1f26;
  text-align: center;
  margin-top: 25px;
}
/*留资弹窗结束*/

/*loading*/
@font-face { font-family:dm; src: ;}
.loading{ position:fixed; left:0; top:0; width:100%; height:100%; background:#0b0916; z-index:10001;}
.loading .zhen{ width:800px; height:800px; margin-left:-400px; margin-top:-400px; left:50%; top:50%; position:absolute;}
.loading .sz{ width:500px; height:500px; position:absolute; left:50%; top:50%; margin:-250px 0 0 -250px; z-index:3; text-align:center; font-size:480px; line-height:480px; color:#0b0916;font-family:dm; font-weight:bold;}