@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: Source Han Sans CN;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  color: #333;
  cursor: pointer;
}

[v-cloak] {
  display: none;
  overflow-x: hidden;
}

body::-webkit-scrollbar {
  display: none;
  background: rgb(216, 216, 216);
}

input {
  outline: none;
}

html {
  width: 100%;
  height: 100%;
  overflow-x: hidden !important;
}

body {
  width: 10rem;
  background: rgb(241, 241, 241);
  font-family: "SourceHanSansCN-Regular";
  padding-bottom: 2.6666666667rem;
  margin-left: auto;
  margin-right: auto;
  border-left: 0.0133333333rem solid rgb(216, 216, 216);
  border-right: 0.0133333333rem solid rgb(216, 216, 216);
}

.pageBox {
  width: 100%;
}

.headerBox {
  width: 100%;
  height: 2.3333333333rem;
  background: url("../qk6Img/topBg.png") no-repeat;
  background-size: 100% auto;
  position: relative;
}

.headerIcon {
  width: 1.88rem;
  height: 1.88rem;
  position: absolute;
  bottom: -0.1333333333rem;
  left: 0.6666666667rem;
}

.gameName {
  color: #FFFFFF;
  font-size: 0.48rem;
  position: absolute;
  top: 0.6666666667rem;
  left: 2.6666666667rem;
}

.gameDesc {
  color: #FFFFFF;
  font-size: 0.3866666667rem;
  position: absolute;
  top: 1.4666666667rem;
  left: 2.9333333333rem;
}

.giftBox {
  width: 10rem;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.8);
}

.gift_gif {
  width: 100%;
}

.closeX {
  width: 1.0666666667rem;
  height: 1.0666666667rem;
  position: absolute;
  top: 2.6666666667rem;
  right: 0.6666666667rem;
  cursor: pointer;
  z-index: 999999;
}

.sw1Box {
  width: 100%;
  height: 3.5466666667rem;
  margin-left: auto;
  margin-bottom: auto;
  margin-top: 0.6666666667rem;
  margin-bottom: 0.2666666667rem;
}

.sw1Box .sw1 {
  width: 100%;
  height: 100%;
}

.sw1Box .sw1 .swiper-slide {
  width: 100%;
  border-radius: 0.1333333333rem;
  box-shadow: 0.0266666667rem 0.0266666667rem 0.1333333333rem rgba(0, 0, 0, 0.3);
}

.sw1Box .sw1 .swiper-slide img {
  width: 100%;
  border-radius: 0.0666666667rem;
}

.Box1 {
  width: 90%;
  background: #fff;
  background: url("../qk6Img/bg1.png") no-repeat;
  background-size: 100% auto;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.2666666667rem;
  border-radius: 0.24rem;
  border: 0.0266666667rem solid #ccc;
  overflow: hidden;
}

.boxTitle {
  height: 1.0666666667rem;
  line-height: 1rem;
  color: #FFFFFF;
  font-size: 0.48rem;
  margin-left: 0.2666666667rem;
}

.xyBox {
  width: 100%;
  height: 2.9333333333rem;
  background: #fff;
}

.input-group {
  width: 90%;
  height: 0.6666666667rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.1333333333rem;
}

.input-group .inputBox {
  width: 2.6666666667rem;
  height: 0.5333333333rem;
  padding: 0.1066666667rem;
  border: 0.0133333333rem solid #ddd;
  border-radius: 0.0533333333rem;
  font-size: 0.3733333333rem;
  margin-left: 0.3333333333rem;
  margin-top: 0.4rem;
  display: inline-block;
  padding-left: 0.6666666667rem;
  position: relative;
}

.input-group .inputBox p {
  width: 0.6666666667rem;
  height: 0.5333333333rem;
  position: absolute;
  top: 0.1333333333rem;
  left: 0;
  text-align: center;
  line-height: 0.5333333333rem;
  color: #296BEF;
  border-right: 0.0133333333rem solid #ddd;
}

.inputBox input {
  width: 80%;
  height: 0.5333333333rem;
  font-size: 0.3733333333rem;
  border: none;
  float: right;
  padding-left: 0.2666666667rem;
  padding-right: 0.2666666667rem;
}

.verify-btn {
  width: 82%;
  height: 0.8666666667rem;
  line-height: 0.8666666667rem;
  margin-left: auto;
  margin-right: auto;
  background-color: #0f1929;
  color: #fff;
  border: none;
  border-radius: 0.0533333333rem;
  font-size: 0.4266666667rem;
  cursor: pointer;
  margin-top: 0.9333333333rem;
  text-align: center;
}

.Box2 {
  width: 90%;
  background: #fff;
  background: url("../qk6Img/bg2.png") no-repeat;
  background-size: 100% auto;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.4rem;
  border-radius: 0.24rem;
  border: 0.0266666667rem solid #ccc;
  overflow: hidden;
}

.newBox {
  width: 100%;
  min-height: 4rem;
  background: #fff;
  display: flex;
}

.leftBox {
  width: 50%;
  height: 4rem;
}

.rightBox {
  width: 50%;
  padding-right: 0.0666666667rem;
  padding-left: 0.0666666667rem;
}

.sw2 {
  width: 4.2666666667rem;
  height: 3.7333333333rem;
  margin-top: 0.2666666667rem;
}

.sw2 .swiper-slide img {
  width: 4.2666666667rem;
  height: 2.7066666667rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.sw2 .swiper-slide p {
  text-align: left;
  color: #525252;
  font-size: 0.3466666667rem;
}

.rightBox li {
  height: 0.5333333333rem;
  line-height: 0.5333333333rem;
  font-size: 0.32rem;
  margin-top: 0.1333333333rem;
  margin-bottom: 0.1333333333rem;
  color: #4579e1;
}

.Box3 {
  width: 90%;
  background: #fff;
  background: url("../qk6Img/bg3.png") no-repeat;
  background-size: 100% auto;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.2666666667rem;
  border-radius: 0.24rem;
  border: 0.0266666667rem solid #ccc;
}

.sw3Box {
  width: 100%;
  min-height: 10.6666666667rem;
  background: #fff;
  padding-top: 0.5333333333rem;
}

.sw3 {
  width: 8rem;
  height: 10.6666666667rem;
}

/* 轮播项 */
.sw3 .swiper-slide {
  width: 6.6666666667rem;
  height: 9.3333333333rem;
  /* 文字垂直居中 */
  display: flex;
  justify-content: center;
  align-items: center;
}

.sw3 .swiper-slide img {
  width: 100%;
  height: 9.3333333333rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.sw3-pagination {
  color: #4c97e2;
  font-size: 0.72533rem;
  position: absolute;
  bottom: 0rem;
  left: 0.2666666667rem !important;
}

.swiper-pagination-total {
  color: #ffffff;
}

.ts_xian {
  width: 8.10667rem;
  height: 0.128rem;
  position: absolute;
  bottom: 0.74667rem;
  left: 2.77333rem;
  background: #4c97e2;
}

.sw3-button-prev {
  width: 1.0266666667rem !important;
  height: 1.0266666667rem !important;
  position: absolute;
  left: 0.1333333333rem !important;
  top: 4.6666666667rem !important;
  background-image: url("../qk6Img/left.png") !important;
  background-size: 100% 100% !important;
  color: transparent !important;
}

.sw3-button-next {
  width: 1.0266666667rem !important;
  height: 1.0266666667rem !important;
  position: absolute;
  right: 0.1333333333rem !important;
  top: 4.6666666667rem !important;
  background-image: url("../qk6Img/right.png") !important;
  background-size: 100% 100% !important;
  color: transparent !important;
}

.sw3 .swiper-pagination-bullet {
  width: 0.2666666667rem !important;
  height: 0.2666666667rem !important;
  background: url(../qk6Img/swiperPagination.png) no-repeat !important;
  background-size: 100% !important;
  cursor: pointer !important;
  margin-right: 0.5333333333rem !important;
}

.sw3 .swiper-pagination-bullet-active {
  width: 0.2933333333rem !important;
  height: 0.2933333333rem !important;
  background: url(../qk6Img/swiperPaginationActive.png) no-repeat !important;
  background-size: 100% !important;
  margin-right: 0.5333333333rem !important;
}/*# sourceMappingURL=index.css.map */