.container {
  width: 100%;
  height: auto;
  position: relative;
}
.container img {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  line-height: 0;
}
.container .part1 {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}
.container .part1 a {
  display: block;
  width: 22.70833333vw;
  height: 5.72916667vw;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 7.29166667vw;
}
.container .part2 {
  width: 100%;
  overflow: hidden;
}
.container .part3 {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.container .part4 {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}
.container .part4 button {
  display: block;
  width: 18.22%;
  height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: transparent;
  border: none;
  outline: none;
}
.container .part4 button:hover {
  cursor: pointer;
}
.container .part5 {
  width: 100%;
  overflow: hidden;
}
.container .part6 {
  width: 100%;
  position: relative;
}
.container .part6 .index {
  position: absolute;
  width: 6.97916667vw;
  top: 34.89583333vw;
  left: 50%;
  margin-left: -3.48958333vw;
}
.container .part6 .index li {
  cursor: pointer;
  float: left;
  width: 0.9375vw;
  height: 0.9375vw;
  background: #b5b5b5;
  border-radius: 50%;
  margin-right: 0.52083333vw;
}
.container .part6 .index .active {
  background: #ffffff;
}
.container .part6 .index li:nth-child(5) {
  margin-right: 0;
}
.container .part6 .banner {
  width: 52.08333333vw;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
}
.container .part6 .banner .swiper-slide {
  width: 42.70833333vw;
}
.container .part6 .banner .swiper-slide img {
  -webkit-transition: all .4s;
  transition: all .4s;
}
.container .part6 .banner .swiper-slide-active {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.container .part6 .banner .swiper-slide-next {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.container .part6 .banner .swiper-button-prev,
.container .part6 .banner .swiper-button-next {
  width: 1.40625vw;
  height: 2.39583333vw;
  background: url("../img/left.png") no-repeat;
  background-size: cover;
  margin: auto;
  top: 0;
  left: -5.20833333vw;
  bottom: 0;
}
.container .part6 .banner .swiper-button-next {
  left: auto;
  right: -5.20833333vw;
  background: url("../img/right.png") no-repeat;
  background-size: cover;
}
.container .part6 .banner .swiper-pagination {
  top: 25vw;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
}
.container .part6 .banner .swiper-pagination span {
  width: 0.52083333vw;
  height: 0.52083333vw;
  background: transparent;
  margin: 0 0 0 0.625vw;
  opacity: 1;
  border: 1px solid #c9b268;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.container .part6 .banner .swiper-pagination span:first-child {
  margin: 0;
}
.container .part6 .banner .swiper-pagination span.swiper-pagination-bullet-active {
  background: #c9b268;
}
.container .part6 .btn img {
  width: 2.34375vw;
  position: absolute;
  top: 13.54166667vw;
  cursor: pointer;
}
.container .part6 .btn .leftbtn {
  cursor: pointer;
  left: 21.30208333vw;
}
.container .part6 .btn .rightbtn {
  right: 21.19791667vw;
}
.container .part6 .btn-wrapper {
  position: absolute;
  width: 100%;
  height: 6.25vw;
  left: 0;
  bottom: 13.80208333vw;
  color: #fff;
  font-size: 1.66666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.container .part6 .btn-wrapper .weixin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.container .part6 .btn-wrapper .weixin .wx-img {
  width: 4.16666667vw;
  margin-right: 0.83333333vw;
}
.container .part6 .btn-wrapper .weixin .wx-img .wx-text {
  font-size: 1.35416667vw;
}
.container .part6 .btn-wrapper .share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  margin: 0 3.90625vw;
}
.container .part6 .btn-wrapper .share .share-img {
  width: 2.91666667vw;
  margin-right: 0.83333333vw;
}
.container .part6 .btn-wrapper .website {
  cursor: pointer;
  width: 14.01041667vw;
}
.container .part6 .btn-wrapper .website a {
  display: block;
  height: 100%;
  overflow: hidden;
}
.container .part6 .btn-wrapper .website a img {
  width: auto;
  height: 4.53125vw;
  display: block;
  line-height: 0;
  margin: 0.83333333vw 0 0 0;
}
.container .part6 .code-wrapper .code {
  display: none;
  position: absolute;
  width: 10.41666667vw;
  bottom: 19.79166667vw;
  left: 28.125vw;
}
.container .part6 .icon-wrapper {
  width: 42.60416667vw;
  position: absolute;
  left: 50%;
  margin-left: -21.30208333vw;
  bottom: 1.5625vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 1.25vw;
}
.container .part6 .icon-wrapper a {
  display: block;
  color: #fff;
  text-decoration: none;
}
.container .part6 .icon-wrapper label {
  display: block;
  width: 1px;
  height: 6.77083333vw;
  border-left: 1px dashed #f3f3f3;
}
.container .part6 .icon-wrapper .logo {
  text-align: center;
}
.container .part6 .icon-wrapper .logo .icon {
  width: 9.73958333vw;
  margin: 1.5625vw auto 0.52083333vw auto;
}
.container .part6 .icon-wrapper .logo .icon img {
  display: inline-block;
}
.container .part6 .icon-wrapper .nba {
  text-align: center;
}
.container .part6 .icon-wrapper .nba .icon {
  width: 6.97916667vw;
  margin: 0 auto 0.52083333vw auto;
}
.container .part6 .icon-wrapper .nba .icon img {
  display: inline-block;
}
.container .part6 .icon-wrapper .zc {
  text-align: center;
  cursor: pointer;
}
.container .part6 .icon-wrapper .zc .icon {
  width: 7.03125vw;
  margin: 0 auto 0.52083333vw auto;
}
.container .part7 {
  width: 100%;
  height: 14.79166667vw;
  overflow: hidden;
  background: url('../img/footer.png') no-repeat;
  background-size: cover;
  color: #fff;
  text-align: center;
  line-height: 2.08333333vw;
}
.container .part7 .partner {
  margin-top: 2.8125vw;
  font-size: 1.14583333vw;
  text-decoration: underline;
  cursor: pointer;
}
.container .part7 p {
  font-size: 0.9375vw;
}
.container .part7 p a {
  color: #fff;
}
.container .fixed {
  display: none;
  width: 31.14583333vw;
  height: auto;
  position: absolute;
  left: 50%;
  bottom: 21.61458333vw;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
}
.container .fixed .fix-wrapper {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2.29166667vw;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 76.75%;
  background: url("../img/modal.png") no-repeat;
  background-size: contain;
  color: #fff;
}
.container .fixed .fix-wrapper .fix-head {
  font-size: 1.14583333vw;
  text-align: center;
}
.container .fixed .fix-wrapper .fix-head .fix-close {
  position: absolute;
  top: 2.08333333vw;
  right: 3.125vw;
  width: 1.5625vw;
  cursor: pointer;
}
.container .fixed .fix-wrapper .fix-con {
  font-size: 1.04166667vw;
  margin: 3.22916667vw auto;
  width: 14.58333333vw;
}
.container .fixed .fix-wrapper .fix-con h1 {
  font-size: 1.04166667vw;
  font-weight: normal;
  text-align: center;
  font-weight: bold;
}
.container .fixed .fix-wrapper .fix-con .email {
  font-family: 'microsoft yahei';
  margin-top: 0.52083333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.container .fixed .fix-wrapper .fix-con .email .letter {
  margin-right: 0.52083333vw;
  width: 1.51041667vw;
}
.container .fixed .fix-wrapper .fix-con .wxicon {
  margin-top: 0.52083333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.container .fixed .fix-wrapper .fix-con .wxicon .wx-icon {
  margin-right: 0.52083333vw;
  width: 1.71875vw;
}
.container .fixed .fix-wrapper .fix-con .one {
  margin-bottom: 1.04166667vw;
}
.gift_mark_tc {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99;
}
.gift_mark_tc > div {
  display: none;
  position: absolute;
  width: 583px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.gift_mark_tc > div img {
  display: block;
  line-height: 0;
  width: 100%;
}
.gift_mark_tc > div p,
.gift_mark_tc > div label {
  display: block;
  width: 440px;
  position: absolute;
  left: 82px;
  top: 136px;
  font-size: 26px;
  color: #fff;
}
.gift_mark_tc > div label {
  width: 150px;
  top: 180px;
  -webkit-transition: all .2s;
  transition: all .2s;
  text-decoration: underline;
}
.gift_mark_tc > div label:hover {
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
}
.gift_mark_tc > div i {
  display: block;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 28px;
  right: 40px;
}
.gift_mark_tc > div i:hover {
  cursor: pointer;
}