@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-weight: bold;
  font-size: 2.133vw;
  font-family: 'Microsoft YaHei', arial, helvetica, sans-serif;
}

ul {
  list-style: none;
}

a {
  outline: none;
  text-decoration: none;
}

img {
  outline: none;
  border: 0 none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

input {
  outline: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #af9c9f;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #af9c9f;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #af9c9f;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #af9c9f;
}

.clearfix {
  zoom: 1;
  /*为IE6，7的兼容性设置*/
}

.clearfix:after {
  clear: both;
  /*清除浮动*/
}

.clearfix:after, .clearfix:before {
  content: ".";
  /*加一段内容*/
  display: table;
  /*创建匿名的表格单元，触发bfc*/
}

.relative {
  position: relative;
}

.hide {
  display: none;
}

.text-left {
  text-align: left;
}

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

.text-right {
  text-align: right;
}

.float-l {
  float: left;
}

.float-r {
  float: right;
}

.tab-pane {
  display: none;
}

.tab-pane.active {
  display: block;
}

h1.logo {
  position: absolute;
  top: 6vw;
  left: 2.667vw;
  z-index: 10;
}

h1.logo a {
  display: block;
  width: 14.267vw;
  height: 6.133vw;
  background: url(../images/logo.png) center center no-repeat;
  background-size: contain;
  font: 0 / 0 a;
}

.btn-official {
  position: absolute;
  top: 6vw;
  right: 2vw;
  z-index: 10;
  display: block;
  width: 25.6vw;
  height: 6.133vw;
  background: url(../images/btn_official.png) center center no-repeat;
  background-size: contain;
  font: 0/0 a;
}

.tit {
  margin: 2.667vw 0 4vw;
  overflow: hidden;
  font: 0/0 a;
  background-size: contain !important;
}

.tit.tit-01 {
  height: 17.867vw;
  background: url(../images/tit_01.png) center center no-repeat;
}

.tit.tit-02 {
  height: 18.133vw;
  margin-bottom: 5vw;
  background: url(../images/tit_02.png) center center no-repeat;
}

.sect {
  background-size: contain !important;
  overflow: hidden;
}

.sect.sect-01 {
  position: relative;
  height: 157.333vw;
  background: url(../images/sect_01.jpg) top center no-repeat;
  text-align: center;
}

.sect.sect-01 .btn-start {
  display: block;
  width: 80.533vw;
  height: 22.8vw;
  margin: 126.667vw auto 0;
  background: url(../images/btn_start.png) center center no-repeat;
  background-size: contain;
  font: 0/0 a;
  -webkit-animation: Bigger .5s ease-in-out infinite alternate;
  -moz-animation: Bigger .5s ease-in-out infinite alternate;
  animation: Bigger .5s ease-in-out infinite alternate;
}

.sect.sect-02 {
  height: 64vw;
  background: url(../images/sect_02.jpg) top center no-repeat;
}

.sect.sect-02 .giftpack {
  position: relative;
  width: 87.733vw;
  height: 28.4vw;
  margin: 0 auto;
  background: url(../images/frame_bg_01.png) center center no-repeat;
  background-size: contain;
}

.sect.sect-02 .giftpack .gift-tit {
  position: absolute;
  top: -6.4vw;
  left: 4.667vw;
  width: 11.6vw;
  height: 40vw;
  background: url(../images/block_01_tit.png) center center no-repeat;
  background-size: contain;
  font: 0/0 a;
}

.sect.sect-02 .giftpack .giftpack-skin {
  text-align: center;
  color: #2f2e31;
  padding-left: 4.667vw;
  font-weight: bold;
}

.sect.sect-02 .giftpack .giftpack-skin img {
  display: block;
  margin: 0 auto 0.667vw;
  width: 58vw;
  height: 16.8vw;
}

.sect.sect-02 .giftpack .giftpack-skin font {
  color: #d74b42;
}

.sect.sect-03 {
  height: 114.133vw;
  background: url(../images/sect_03.jpg) top center no-repeat;
}

.sect.sect-03 .preview {
  position: relative;
  width: 93.2vw;
  height: 59.333vw;
  margin: 0 auto;
  padding-top: 4vw;
  background: url(../images/frame_bg_04.png) center center no-repeat;
  background-size: contain;
}

.sect.sect-03 .preview .swiper-preview {
  position: relative;
  width: 86.133vw;
  height: 48.533vw;
  margin: 0 auto;
  overflow: hidden;
}

.sect.sect-03 .preview .swiper-preview .swiper-slide a {
  display: block;
  width: 7.02rem;
  height: 4.59rem;
}

.sect.sect-03 .preview .swiper-preview .swiper-slide a img {
  width: 86.133vw;
}

.sect.sect-03 .preview .swiper-stage-button-next,
.sect.sect-03 .preview .swiper-stage-button-prev {
  top: 28.3vw;
  width: 7.467vw;
  height: 9.6vw;
  opacity: 1;
  background-size: contain !important;
}

.sect.sect-03 .preview .swiper-stage-button-next {
  right: -1.4vw;
  background: url(../images/icon_next.png) center center no-repeat;
}

.sect.sect-03 .preview .swiper-stage-button-prev {
  left: -1.4vw;
  background: url(../images/icon_pre.png) center center no-repeat;
}

.goto {
  background-size: contain !important;
  overflow: hidden;
  height: 20.667vw;
  line-height: 18vw;
  background: url(../images/frame_bg_05.jpg) top center no-repeat;
  text-align: center;
  font-size: 3.733vw;
  color: #7bcfb7;
}

.goto .icon-search {
  display: inline-block;
  width: 4.533vw;
  height: 4.533vw;
  background: url(../images/icon_search.png) center center no-repeat;
  background-size: contain;
  vertical-align: sub;
}

.goto .btn-goto {
  display: inline-block;
  width: 28vw;
  height: 6.667vw;
  margin-left: 0.667vw;
  line-height: 6.667vw;
  padding-left: 1.333vw;
  background-color: #ddd;
  color: #388c98;
  font-size: 4vw;
  text-align: left;
}

.goto .btn-goto:hover, .goto .btn-goto:focus {
  background: #fff;
}

.foot-byvue {
  min-width: 1600px;
  width: 100%;
  text-align: center;
  background: #000;
  color: #666;
  font-size: 14px;
  line-height: 40px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.foot-byvue .footer_icons > a {
  display: inline-block;
}

.foot-byvue .z-color {
  color: #999;
}

.foot-byvue .z-color a {
  color: #999;
}

.foot-byvue .z-color span {
  margin: 0 5px;
}

.foot-byvue .z-color--img {
  display: initial;
  vertical-align: middle;
}

.foot-byvue.isPcSwiper {
  position: absolute;
  bottom: 0;
  left: 0;
}

.foot-byvue.mobile {
  min-width: unset;
}

.foot-byvue.mobile p {
  word-break: keep-all;
}

.fixed-full {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  border: 0;
}

.h-full {
  height: 100%;
}

.w-full {
  width: 100%;
}

.z-\[9999\] {
  z-index: 9999;
}

@-webkit-keyframes Bigger {
  from {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-moz-keyframes Bigger {
  from {
    -moz-transform: scale(0.98);
    transform: scale(0.98);
  }
  to {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes Bigger {
  from {
    -webkit-transform: scale(0.98);
    -moz-transform: scale(0.98);
    transform: scale(0.98);
  }
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
  }
}