.mobile {
  display: none;
}
a {
  color: #58AAFF;
}
.center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pc {
  position: relative;
  height: 100%;
  background: #eee;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
}
.pc .header {
  width: 100%;
  height: 78px;
  background: rgba(49, 27, 67, 0.7);
  position: fixed;
  top: 0;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.pc .header .logo {
  background: url("../img/logo.png") no-repeat;
  background-size: 100%;
  width: 129px;
  height: 40px;
  position: absolute;
  left: 148px;
}
.pc .header .menu-box {
  width: 486px;
  height: 78px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.pc .header .menu-box .menu {
  height: 78px;
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pc .header .menu-box .active {
  font-size: 16px;
  font-weight: 500;
  color: #EE7A8E;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pc .header .menu-box .active:after {
  content: '';
  display: inline-block;
  width: 46px;
  height: 4px;
  border-radius: 2px 2px 0 0;
  background: linear-gradient(90deg, #54CBE4 0%, #BEACFF 51%, #FF6A6A 100%);
  position: absolute;
  bottom: 0;
}
.pc .bg1 {
  width: 100%;
  height: 100%;
  background: url("../img/bg1.png") no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pc .bg1 .container {
  width: 1440px;
  height: 700px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.pc .bg1 .container .download {
  width: 462px;
  height: 51px;
  position: absolute;
  top: 437px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.pc .bg1 .container .download .download-img {
  width: 218px;
  height: 51px;
}
.pc .bg1 .container .desc1 {
  font-size: 14px;
  font-weight: 500;
  color: #58AAFF;
  position: absolute;
  top: 604px;
}
.pc .bg1 .container .desc2 {
  font-size: 14px;
  font-weight: 500;
  color: #FFFFFF;
  position: absolute;
  top: 654px;
}
.pc .bg2 {
  width: 100%;
  height: 100%;
  background: url("../img/bg2.png") no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pc .bg2 .container {
  width: 1440px;
  height: 700px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.pc .bg2 .container .download {
  width: 462px;
  height: 51px;
  position: absolute;
  top: 437px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.pc .bg2 .container .download .download-img {
  width: 218px;
  height: 51px;
}
.pc .bg2 .container .light1 {
  width: 82px;
  height: 87px;
}
.pc .bg2 .container .light2 {
  width: 66px;
  height: 69px;
}
.pc .bg2 .container .info {
  width: 418px;
  font-size: 17px;
  font-weight: 400;
  color: #FFFFFF;
  text-align: left;
}
.pc .bg2 .container .title {
  background: url("../img/gift10-5.png") no-repeat;
  background-size: 100%;
  width: 276px;
  height: 26px;
  box-sizing: border-box;
  padding-left: 11px;
  font-size: 18px;
  font-weight: 500;
  color: #FFFFFF;
  text-align: left;
}
.pc .bg2 .container .txt {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  text-align: left;
}
.pc .bg2 .container .desc-box {
  width: 220px;
  height: 187px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.pc .bg2 .container .desc-box .desc-title {
  background: url("../img/gift9-2.png") no-repeat;
  background-size: 100%;
  width: 220px;
  height: 51px;
  font-size: 18px;
  color: #FFFFFF;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pc .bg2 .container .desc-box .desc-container {
  background: url("../img/gift9-3.png") no-repeat;
  background-size: 100%;
  width: 218px;
  height: 134px;
  box-sizing: border-box;
  padding-bottom: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 18px;
  color: #FFFFFF;
  text-align: center;
}
.pc .bg2 .container .desc-box .desc-container .btn {
  background: url("../img/gift9-4.png") no-repeat;
  background-size: 100%;
  width: 86px;
  height: 32px;
  position: absolute;
  bottom: 21px;
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pc .next {
  background: url("../img/icon-next.png") no-repeat;
  background-size: 100%;
  width: 76px;
  height: 87px;
}
.pc .bg3 {
  width: 100%;
  height: 100%;
  background: url("../img/bg3.png") no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pc .bg3 .container {
  width: 1440px;
  height: 700px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.pc .bg3 .container .item {
  background: url("../img/item.png") no-repeat;
  background-size: 100%;
  width: 273px;
  height: 317px;
  margin: 0 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.pc .bg3 .container .item .title {
  background: url("../img/item-title.png") no-repeat;
  background-size: 100%;
  width: 194px;
  height: 30px;
  position: absolute;
  top: 0;
  font-size: 16px;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pc .bg3 .container .item .title span {
  background: linear-gradient(180deg, #FFFFFF 0%, #FFD9C9 100%);
  -webkit-background-clip: text;
  color: transparent;
}
.pc .bg3 .container .item .list {
  width: 223px;
  height: 217px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 16px;
  font-weight: 600;
  color: #FFFFFF;
}
.pc .bg3 .container .item .list p {
  height: 30px;
  background: linear-gradient(180deg, #FFFFFF 0%, #FFD9C9 100%);
  -webkit-background-clip: text;
  color: transparent;
}
.pc .swiper-pagination-bullet {
  background: url("../img/pagination2.png") no-repeat;
  background-size: 100%;
  opacity: 1;
}
.pc .swiper-pagination-bullet-active {
  background: url("../img/pagination1.png") no-repeat;
  background-size: 100%;
}
.pc .desc3 {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  color: #FFFFFF;
  position: fixed;
  bottom: 10px;
  text-align: center;
  z-index: 999;
}