* {
  font-family: Source Han Sans CN;
}

.centerBox {
  width: 100%;
  padding-top: 2.2222222222rem;
  padding-bottom: 4.3333333333rem;
}

.topTabBox {
  width: 90%;
  height: 1.7777777778rem;
  margin-left: 5%;
  margin-right: 5%;
}

.topTabBox li {
  width: auto;
  height: 1.5555555556rem;
  font-size: 0.6666666667rem;
  line-height: 1.5555555556rem;
  display: inline-block;
  padding-left: 0.4444444444rem;
  padding-right: 0.4444444444rem;
  font-family: Alimama ShuHeiTi;
  font-weight: bold;
  font-style: italic;
  color: #9E9E9E;
  position: relative;
}

.topTabActive {
  font-weight: 600;
  font-size: 0.8444444444rem !important;
  line-height: 1.5555555556rem !important;
  color: #252525 !important;
}

.topTabActive::after {
  content: "";
  width: 1.1111111111rem;
  height: 0.2222222222rem;
  position: absolute;
  bottom: -0.1111111111rem;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  background: #0056FF;
  border-radius: 0.2222222222rem;
}

.bgBox {
  width: 100%;
  height: auto;
}

.bgBox .swiper {
  width: 100%;
}

.bgBox .swiper img {
  width: 100%;
  height: auto;
}

.centerNav {
  width: 92%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background: #FFFFFF;
}

.centerNavTop:after {
  content: "";
  width: 100%;
  height: 0.8888888889rem;
  position: absolute;
  top: -0.8888888889rem;
  left: 0;
  background: #FFFFFF;
  z-index: 9998;
  border-radius: 0.2222222222rem 0.2222222222rem 0 0;
}

.cenTitleBox {
  width: 95%;
  height: 0.6666666667rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 9999;
}

.cenIcon {
  width: auto;
  height: 1.2222222222rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0rem;
  margin-top: auto;
  margin-bottom: auto;
  z-index: 9999;
}

.cenTitlezh {
  font-size: 0.7555555556rem;
  font-family: Alimama ShuHeiTi;
  font-weight: bold;
  font-style: italic;
  color: #333333;
  position: absolute;
  top: -0.4444444444rem;
  left: 0rem;
  z-index: 9999;
}

.cenTitlezh_blue {
  color: #0056FF;
}

.cenTitleeng {
  font-size: 0.4888888889rem;
  font-weight: 400;
  color: #999999;
  position: absolute;
  top: 0.5777777778rem;
  left: 1.5555555556rem;
  font-family: SimHei;
  z-index: 9999;
}

.moreBtn {
  position: absolute;
  top: -0.4444444444rem;
  right: 0rem;
  cursor: pointer;
  z-index: 9999;
  color: #0056FF;
  font-size: 0.6666666667rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
}

.gameBox {
  width: 100%;
  min-height: 4.2222222222rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.1111111111rem;
  display: flex;
  padding-bottom: 0.6666666667rem;
  border-bottom: 0.0222222222rem solid #DEDEDF;
}

.gameBox a {
  display: contents;
}

.gameBox li {
  width: 25%;
  height: 100%;
}

.gameBox li img {
  width: 3rem;
  height: 3rem;
  border-radius: 0.4444444444rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.gameTitle {
  font-size: 0.6666666667rem;
  color: #333333;
  text-align: center;
  margin-top: 0.2222222222rem;
}

.gameBtn {
  width: 2.6666666667rem;
  height: 1rem;
  background: linear-gradient(90deg, #0088FF 0%, #0055FF 100%);
  border-radius: 0.6666666667rem;
  font-size: 0.5333333333rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  margin-left: auto;
  margin-right: auto;
  line-height: 1rem;
  text-align: center;
  margin-top: 0.2666666667rem;
  cursor: pointer;
}

.newsBox {
  width: 96%;
  margin-top: 1.1111111111rem;
  margin-left: auto;
  margin-right: auto;
}

.newListBanner {
  width: 100%;
  position: relative;
  margin-bottom: 0.6666666667rem;
  margin-left: 0.1111111111rem;
  margin-right: 0.1111111111rem;
}

.newListBanner img {
  width: 100%;
}

.newListBannerTitle {
  width: 100%;
  height: 0.8888888889rem;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0.6666666667rem;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  line-height: 0.8888888889rem;
}

.newList {
  width: 100%;
  height: 4.4444444444rem;
  display: inline-flex;
  position: relative;
  cursor: pointer;
  display: flex;
}

.newLeft {
  flex: 0.55;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.newRight {
  flex: 0.45;
  position: relative;
}

.newBottom {
  width: 100%;
  height: 0.8888888889rem;
  display: block;
  position: relative;
}

.newLabel {
  width: 0.9333333333rem;
  height: 0.5777777778rem;
  padding: 0rem 0.1333333333rem 0rem 0.1333333333rem;
  line-height: 0.5777777778rem;
  border-radius: 0.1777777778rem;
  font-size: 0.4444444444rem;
  display: inline-block;
  color: #FFFFFF;
  border: 0.0222222222rem solid transparent;
  position: absolute;
  top: 0;
  left: 0.2222222222rem;
  bottom: 0.2222222222rem;
  margin-top: auto;
  margin-bottom: auto;
}

.newListTitle {
  width: 100%;
  height: 2.4444444444rem;
  padding-top: 0.6666666667rem;
  line-height: 0.7777777778rem;
  font-size: 0.6666666667rem;
  color: #262626;
  margin-left: 0.2222222222rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.newListTime {
  font-size: 0.5333333333rem;
  color: #999999;
  margin-left: 0.4444444444rem;
  margin-top: 0.1333333333rem;
  text-align: right;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.newRight img {
  width: 5.7777777778rem;
  height: 3.1111111111rem;
  border-radius: 0.3555555556rem;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.swiperBox {
  width: 100%;
  margin-top: 0.4444444444rem;
}

.bannerSwiper, .newsSwiper {
  width: 100%;
}

.bannerSwiper img, .newsSwiper img {
  width: 100%;
}

.giftList {
  width: 100%;
  margin-top: 0rem;
}

.giftList li {
  width: 100%;
  height: 2.7306666667rem;
  /* border-bottom: 0.0444444444rem solid #F1F1F1; */
  position: relative;
  margin-top: 0.7466666667rem;
}

.giftList li:last-of-type {
  /* border-bottom: none; */
}
.gift_li_top_msg_left {
  display: flex;
  align-items: center;
  margin-left: 2.8373333334rem;
  padding-top: 0.2986666667rem;
}

.newgiftTitle {
  margin-right: 0.1493333334rem;
  font-size: 0.6826666667rem;
  line-height: 0.6826666667rem;
  font-weight: bold;
  color: #333333;
  /* position: absolute;
  top: 0.3333333333rem;
  left: 2.8373333334rem; */
  max-width: 2.7733333333rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.newgiftName {
  font-size: 0.5333333333rem;
  color: #999999;
  max-width: 3.7733333333rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.giftNum {
  font-size: 0.5777777778rem;
  color: #999999;
  position: absolute;
  top: 2.1111111111rem;
  left: 3.3333333333rem;
}

.giftNum1 {
  font-size: 0.512rem;
  line-height: 0.512rem;
  color: #FF7F00;
  /* position: absolute;
  top: 2.1111111111rem;
  left: 3.3333333333rem; */
  margin-top: 0.192rem;
  margin-left: 2.8373333334rem;
}

.giftremark {
  font-size: 0.512rem;
  line-height: 0.512rem;
  color: #919191;
  margin-left: 2.752rem;
  margin-top: 0.128rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.gift_li {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0.6826666667rem;
  overflow: hidden;
}

.gift_li_top {
  /* width: 14.464rem; */
  height: 1.8773333333rem;
}

.gift_li_top_img {
  width: 2.1333333333rem!important;
  height: 2.1333333333rem!important;
  position: absolute;
  top: 0.2986666667rem!important;
  left: 0.298666667rem!important;
  margin: 0!important;
}

.gift_purple {
  border: 0.0213333333rem solid #CC00FF;
}

.gift_green {
  border: 0.0213333333rem solid #33AA22;
}

.gift_blue {
  border: 0.0213333333rem solid #0056FF;
}

.gift_ori {
  border: 0.0213333333rem solid #EE9933;
}

.gift_purple_bg {
  background: #FAE5FF;
}

.gift_green_bg {
  background: #E9FFE5;
}

.gift_blue_bg {
  background: #E5EEFF;
}

.gift_ori_bg {
  background: #FFEEDD;
}

.gift_purple_color {
  color: #CC00FF;
}

.gift_green_color {
  color: #33AA22;
}

.gift_blue_color {
  color: #0056FF;
}

.giftBtn {
  margin-top: 0.704rem;
  line-height: 0.512rem;
  font-size: 0.512rem;
  /* line-height: 1.8773333333rem;
  width: auto;
  min-width: 3.1111111111rem;
  height: 1.2444444444rem;
  line-height: 1.2444444444rem;
  padding-left: 0.3555555556rem;
  padding-right: 0.3555555556rem;
  display: inline-block;
  font-size: 0.6222222222rem;
  color: #FFFFFF;
  background: linear-gradient(90deg, #0087FF, #0057FF);
  border-radius: 0.8888888889rem;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  right: 0.2888888889rem;
  cursor: pointer; */
}
/*# sourceMappingURL=index.css.map */