html {
  /*所有元素*/
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #F5F5F5;
  /*去除移动端开发点击事件灰色背景如a标签*/
}
* {
  outline: none;
}
article,
aside,
blockquote,
body,
button,
code,
dd,
details,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
pre,
section,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
input,
select,
textarea {
  font-size: 100%;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: none;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: 500;
}
ol,
ul {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 500;
}
q:after,
q:before {
  /*在<q></q>标签之间的文字两头加上引号*/
  content: '';
}
a {
  text-decoration: none;
}
/*input*/
button {
  border: none;
}
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
  -webkit-appearance: button;
  /*渲染成button的风格*/
  text-transform: none;
  outline: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999;
  /*输入框提示语的字体样式*/
}
input::-webkit-inner-spin-button {
  /*解决input的type="number"在部分手机端会出现一个小按钮*/
  -webkit-appearance: none;
  /*去除系统默认appearance的样式,常用于IOS下移除原生样式*/
}
input::-webkit-outer-spin-button {
  /*解决input的type="number"在部分手机端会出现一个小按钮*/
  -webkit-appearance: none;
}
textarea {
  vertical-align: top;
}
button,
input {
  line-height: normal;
}
select {
  margin: 0;
  outline: 0;
}
input.fixAKeyboard:focus,
textarea.fixAndroidKeyboard:focus {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-modify: read-write-plaintext-only;
}
button,
input[type=button],
input[type=checkbox],
input[type=reset],
input[type=submit],
label {
  cursor: pointer;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
input[type=submit] {
  -moz-user-modify: read-plaintext-only;
  -ms-user-modify: read-plaintext-only;
  -o-user-modify: read-plaintext-only;
  -webkit-user-modify: read-plaintext-only;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
input[type='search'] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
body {
  width: 100%;
  line-height: 0.24rem;
  max-width: 7.5rem;
  min-width: 3.2rem;
  margin: 0 auto;
  height: fit-content;
}
a {
  display: block;
}
.icon {
  display: block;
  background: url(../img/icon.png) no-repeat;
  background-size: 4.98rem 4.42rem;
}
.hide {
  display: none;
}
.overflowTxt {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflowTxt2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.overflowTxt3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.overflowTxt4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}
.overflowTxt5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  text-overflow: ellipsis;
}
header {
  background: linear-gradient(180deg, #7064E1 0%, #7064E1 1.38rem, white 1.38rem, white 100%);
  box-shadow: 0rem 0.03rem 0.03rem 0rem rgba(0, 0, 0, 0.06);
}
header .searchBox {
  padding: 0.2rem 0.36rem 0.18rem 0.34rem;
  display: flex;
  justify-content: space-between;
}
header .searchBox .logoBox {
  display: flex;
}
header .searchBox .logoBox .logo {
  width: 1.89rem;
  height: 0.4rem;
}
header .searchBox .logoBox .logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
header .searchBox .logoBox .lookForBox {
  width: 1.24rem;
  height: 0.55rem;
  padding: 0.27rem 0 0 0.07rem;
  margin-left: 0.19rem;
  background: url(../img/icon.png) no-repeat;
  background-size: 4.98rem 4.42rem;
  background-position: -1.74rem -1.79rem;
}
header .searchBox .logoBox .lookForBox p {
  font-weight: bold;
  font-size: 0.12rem;
  line-height: 0.12rem;
}
header .searchBox .search {
  margin-top: 0.12rem;
  display: flex;
}
header .searchBox .search .serchIcon {
  width: 0.43rem;
  height: 0.44rem;
  background-position: -3.55rem -2.26rem;
}
header .searchBox .search .navIcon {
  width: 0.44rem;
  height: 0.44rem;
  margin-left: 0.2rem;
  background-position: -3.55rem -1.62rem;
}
header .searchBox .search .navIconActive {
  width: 0.44rem;
  height: 0.44rem;
  margin-left: 0.2rem;
  background-position: -1.35rem -3.9rem;
}
header .navSwiperBox {
  padding: 0 0.2rem;
}
header .navSwiperBox .navSwiper {
  padding: 0 0 0 0.73rem;
  height: 0.88rem;
  background-color: white;
  border-radius: 0.1rem 0.1rem 0 0;
}
header .navSwiperBox .navSwiper .swiper-wrapper .swiper-slide {
  width: auto;
  margin-right: 0.62rem;
  font-size: 0.28rem;
  color: #999999;
  line-height: 0.28rem;
  line-height: 0.88rem;
  position: relative;
  display: flex;
  justify-content: center;
  z-index: 1;
}
header .navSwiperBox .navSwiper .swiper-wrapper .swiper-slide.navCusr {
  color: #292929;
  font-weight: bold;
  font-size: 0.3rem;
}
header .navSwiperBox .navSwiper .swiper-wrapper .swiper-slide.navCusr::after {
  content: "";
  width: 106%;
  height: 0.1rem;
  position: absolute;
  bottom: 0.22rem;
  z-index: -1;
  border-radius: 0.05rem;
  background-color: #7064E1;
  box-shadow: 0.01rem 0rem 0.13rem 0.03rem rgba(112, 100, 255, 0.35);
}
.changeTitleBox {
  padding: 0.33rem 0 0 0;
  display: flex;
  justify-content: space-between;
}
.changeTitleBox .title {
  font-weight: bold;
  font-size: 0.32rem;
  color: #0F0F0F;
  line-height: 0.32rem;
}
.changeTitleBox .icon {
  width: 0.99rem;
  height: 0.23rem;
  font-size: 0;
  margin-top: 0.04rem;
  background-position: -1.74rem -2.54rem;
}
.titleBox {
  display: flex;
  justify-content: space-between;
}
.titleBox .title {
  font-weight: bold;
  font-size: 0.32rem;
  color: #0F0F0F;
  line-height: 0.32rem;
}
.titleBox .icon {
  width: 0.76rem;
  height: 0.24rem;
  margin-top: 0.04rem;
  background-position: -1.98rem -3.29rem;
}
.titleBox .checkMore {
  font-weight: 400;
  font-size: 0.24rem;
  color: #6A68E4;
  line-height: 0.24rem;
  position: relative;
}
.titleBox .checkMore::after {
  content: "+";
  width: 0.22rem;
  height: 0.22rem;
  color: white;
  font-size: 0.28rem;
  text-align: center;
  font-weight: bold;
  position: absolute;
  left: -0.3rem;
  top: 0.02rem;
  line-height: 0.2rem;
  background-color: #6A68E4;
}
.snzIndexWrap .indexSwiperBox {
  padding: 0.24rem 0.2rem 0 0.2rem;
  position: relative;
}
.snzIndexWrap .indexSwiperBox .indexSwiper {
  height: 3.36rem;
  border-radius: 0.16rem 0.16rem 0 0;
}
.snzIndexWrap .indexSwiperBox .indexSwiper .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 3.36rem;
  position: relative;
}
.snzIndexWrap .indexSwiperBox .indexSwiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.snzIndexWrap .indexSwiperBox .indexSwiper .swiper-wrapper .swiper-slide .mask {
  width: 100%;
  height: 0.74rem;
  padding: 0 0.84rem 0 0.26rem;
  position: absolute;
  bottom: 0;
  font-weight: 500;
  font-size: 0.28rem;
  color: #FFFFFF;
  line-height: 0.74rem;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}
.snzIndexWrap .indexSwiperBox .indexChildSwiper {
  width: 0.84rem;
  height: 3.36rem;
  position: absolute;
  right: 0.2rem;
  top: 0.24rem;
  overflow: hidden;
  border-radius: 0 0.16rem 0 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.snzIndexWrap .indexSwiperBox .indexChildSwiper .swiper-wrapper .swiper-slide {
  padding: 0.12rem 0.12rem;
  height: auto;
}
.snzIndexWrap .indexSwiperBox .indexChildSwiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 0.6rem;
  object-fit: cover;
  border-radius: 0.12rem;
}
.snzIndexWrap .indexSwiperBox .indexChildSwiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
  background-color: #030908;
}
.snzIndexWrap .indexSwiperBox .indexChildSwiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active img {
  box-shadow: 0 -0.02rem 0.2rem 0 #7064ff;
}
.snzIndexWrap .editRecommendBox {
  padding: 0 0.2rem;
}
.snzIndexWrap .editRecommendBox .editRecommend {
  padding: 0.35rem 0.24rem 0.35rem 0.69rem;
  background-color: white;
  border-radius: 0 0 0.16rem 0.16rem;
  position: relative;
}
.snzIndexWrap .editRecommendBox .editRecommend .editRecommendSwiper .swiper-wrapper .swiper-slide {
  width: 1.12rem;
  margin-right: 0.36rem;
}
.snzIndexWrap .editRecommendBox .editRecommend .editRecommendSwiper .swiper-wrapper .swiper-slide .imgBox {
  width: 1.12rem;
  height: 1.12rem;
  overflow: hidden;
  border-radius: 0.24rem;
}
.snzIndexWrap .editRecommendBox .editRecommend .editRecommendSwiper .swiper-wrapper .swiper-slide .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.snzIndexWrap .editRecommendBox .editRecommend .editRecommendSwiper .swiper-wrapper .swiper-slide .name {
  font-size: 0.28rem;
  color: #0F0F0F;
  line-height: 0.28rem;
  text-align: center;
  margin-top: 0.16rem;
}
.snzIndexWrap .editRecommendBox .editRecommend .editTxt {
  width: 0.45rem;
  height: 1.32rem;
  padding: 0.08rem 0 0 0;
  position: absolute;
  top: 0.48rem;
  left: -0.06rem;
  font-weight: 500;
  font-size: 0.24rem;
  color: #FFFFFF;
  text-align: center;
  background: url(../img/icon.png) no-repeat;
  background-size: 4.98rem 4.42rem;
  background-position: -3.55rem -0.1rem;
}
.snzIndexWrap .changeItBox {
  padding: 0 0.2rem;
}
.snzIndexWrap .changeItBox .changeInfo {
  display: none;
}
.snzIndexWrap .changeItBox .changeInfo .likeBox {
  margin-top: 0.24rem;
  padding: 0rem 0.24rem 0.24rem 0.24rem;
  border-radius: 0.16rem;
  background-color: white;
  overflow: hidden;
}
.snzIndexWrap .changeItBox .changeInfo .likeBox .likeSwiper .swiper-wrapper .swiper-slide {
  margin-top: 0.24rem !important;
  width: auto !important;
  padding: 0.21rem 0.25rem;
  margin-right: 0.24rem;
  font-size: 0.28rem;
  color: #7064E1;
  line-height: 0.28rem;
  border-radius: 0.35rem;
  background-color: #F1F0FF;
}
.snzIndexWrap .changeItBox .changeInfo.changeActive {
  display: block;
}
.snzIndexWrap .phoneGameBox {
  padding: 0 0.2rem;
}
.snzIndexWrap .phoneGameBox .titleBox {
  padding: 0.35rem 0 0 0;
}
.snzIndexWrap .phoneGameBox .titleBox .icon {
  font-size: 0;
}
.snzIndexWrap .phoneGameBox .phoneGame {
  margin-top: 0.25rem;
  padding: 0 0 0.36rem 0;
  background-color: white;
  border-radius: 0.16rem;
}
.snzIndexWrap .phoneGameBox .phoneGame .phoneGameFilterBox {
  padding: 0.3rem 0 0 0.24rem;
}
.snzIndexWrap .phoneGameBox .phoneGame .phoneGameFilterBox .pGameFilter,
.snzIndexWrap .phoneGameBox .phoneGame .phoneGameFilterBox .pAppFilter {
  width: 100%;
  padding-bottom: 0.26rem;
}
.snzIndexWrap .phoneGameBox .phoneGame .phoneGameFilterBox .pGameFilter .swiper-wrapper .swiper-slide,
.snzIndexWrap .phoneGameBox .phoneGame .phoneGameFilterBox .pAppFilter .swiper-wrapper .swiper-slide {
  width: auto !important;
  color: #999999;
  font-size: 0.28rem;
  line-height: 0.32rem;
  margin-right: 0.2rem;
}
.snzIndexWrap .phoneGameBox .phoneGame .phoneGameFilterBox .pGameFilter .swiper-wrapper .swiper-slide.active,
.snzIndexWrap .phoneGameBox .phoneGame .phoneGameFilterBox .pAppFilter .swiper-wrapper .swiper-slide.active {
  position: relative;
  font-weight: bold;
  font-size: 0.32rem;
  color: #292929;
}
.snzIndexWrap .phoneGameBox .phoneGame .phoneGameFilterBox .pGameFilter .swiper-wrapper .swiper-slide.active::after,
.snzIndexWrap .phoneGameBox .phoneGame .phoneGameFilterBox .pAppFilter .swiper-wrapper .swiper-slide.active::after {
  content: "";
  width: 0.69rem;
  height: 0.14rem;
  position: absolute;
  left: 0.33rem;
  bottom: -0.24rem;
  background: url(../img/icon.png) no-repeat;
  background-size: 4.98rem 4.42rem;
  background-position: -0.1rem -3.75rem;
}
.snzIndexWrap .phoneGameBox .phoneGame .phoneGameList {
  padding: 0.23rem 0.29rem 0 0.29rem;
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(4, 1.33rem);
}
.snzIndexWrap .phoneGameBox .phoneGame .phoneGameList li {
  margin-top: 0.35rem;
}
.snzIndexWrap .phoneGameBox .phoneGame .phoneGameList li .imgBox {
  padding: 0 0.11rem 0 0.1rem;
  box-sizing: border-box;
}
.snzIndexWrap .phoneGameBox .phoneGame .phoneGameList li .imgBox img {
  width: 1.12rem;
  height: 1.12rem;
  object-fit: cover;
  border-radius: 0.24rem;
}
.snzIndexWrap .phoneGameBox .phoneGame .phoneGameList li .name {
  font-size: 0.28rem;
  color: #0F0F0F;
  line-height: 0.28rem;
  text-align: center;
  margin-top: 0.17rem;
}
.snzIndexWrap .phoneGameBox .phoneGame .phoneGameList li:nth-child(1),
.snzIndexWrap .phoneGameBox .phoneGame .phoneGameList li:nth-child(2),
.snzIndexWrap .phoneGameBox .phoneGame .phoneGameList li:nth-child(3),
.snzIndexWrap .phoneGameBox .phoneGame .phoneGameList li:nth-child(4) {
  margin-top: 0;
}
.snzIndexWrap .hotTopicBox {
  padding: 0.44rem 0 0 0;
}
.snzIndexWrap .hotTopicBox .hotTopic {
  width: 100%;
  height: 3.88rem;
  background: url(../img/hotTopicBg.png) no-repeat;
  background-size: 100% 100%;
}
.snzIndexWrap .hotTopicBox .hotTopic .hotTopicTitleBox {
  padding: 0.26rem 0 0 0.21rem;
  display: flex;
}
.snzIndexWrap .hotTopicBox .hotTopic .hotTopicTitleBox p {
  font-size: 0.32rem;
  line-height: 0.32rem;
}
.snzIndexWrap .hotTopicBox .hotTopic .hotTopicTitleBox p:nth-child(1) {
  color: white;
  font-weight: bold;
}
.snzIndexWrap .hotTopicBox .hotTopic .hotTopicTitleBox p:nth-child(2) {
  color: #CCCCCC;
  font-size: 0.3rem;
  font-weight: 400;
  margin-left: 0.12rem;
}
.snzIndexWrap .hotTopicBox .hotTopic .hotTopicTitleBox p:nth-child(3) {
  margin-left: 0.08rem;
  color: rgba(255, 255, 255, 0.1);
  font-size: 0.3rem;
}
.snzIndexWrap .hotTopicBox .hotTopic .hotTopicSwiper {
  padding: 0.28rem 0 0 0;
}
.snzIndexWrap .hotTopicBox .hotTopic .hotTopicSwiper .swiper-wrapper .swiper-slide {
  width: 3.24rem;
  height: 1.84rem;
  overflow: hidden;
  margin-right: 0.47rem;
  border-radius: 0.12rem;
  border: 0.02rem solid rgba(0, 0, 0, 0);
}
.snzIndexWrap .hotTopicBox .hotTopic .hotTopicSwiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.snzIndexWrap .hotTopicBox .hotTopic .hotTopicSwiper .swiper-wrapper .swiper-slide.swiper-slide-active {
  border: 0.02rem solid #FFFFFF;
}
.snzIndexWrap .allTopicBox {
  padding: 0 0.2rem;
  position: relative;
  margin-top: -0.84rem;
}
.snzIndexWrap .allTopicBox .allTopic {
  height: 3.2rem;
  position: relative;
  overflow: hidden;
  border-radius: 0.16rem;
}
.snzIndexWrap .allTopicBox .allTopic .allImgBox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
}
.snzIndexWrap .allTopicBox .allTopic .allImgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.snzIndexWrap .allTopicBox .allTopic .allTopicSwiperBox {
  position: relative;
  z-index: 2;
  padding: 0.08rem 0.23rem 0 0.25rem;
  background-color: rgba(0, 255, 255, 0.8);
}
.snzIndexWrap .allTopicBox .allTopic .allTopicSwiperBox .allTopicSwiper .swiper-wrapper .swiper-slide {
  width: 3rem;
  padding: 0 0.2rem;
  height: 0.54rem;
  color: #292929;
  text-align: center;
  font-size: 0.24rem;
  margin: 0.24rem 0.2rem 0 0 !important;
  line-height: 0.54rem;
  border-radius: 0.27rem;
  box-sizing: border-box;
  border: 0.01rem solid #292929;
  background-color: white;
}
.snzIndexWrap .allTopicBox .allTopic .checkAllTopic {
  position: relative;
  z-index: 2;
  padding: 0.31rem 0 0 0;
  display: flex;
  justify-content: center;
  background-color: rgba(0, 255, 255, 0.8);
}
.snzIndexWrap .allTopicBox .allTopic .checkAllTopic .check {
  width: 2.04rem;
  height: 0.48rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.1rem 0.1rem 0 0;
  background-color: #7270E5;
}
.snzIndexWrap .allTopicBox .allTopic .checkAllTopic .check .checkTxt {
  font-size: 0.24rem;
  color: #F5F5F5;
  line-height: 0.24rem;
}
.snzIndexWrap .allTopicBox .allTopic .checkAllTopic .check .icon {
  width: 0.19rem;
  height: 0.2rem;
  margin-left: 0.07rem;
  background-position: -0.52rem -4.09rem;
}
.snzIndexWrap .phoneAppBox .titleBox {
  padding: 0.37rem 0 0 0;
}
.snzIndexWrap .phoneAppBox .phoneGame {
  border-radius: 0.16rem;
}
.snzIndexWrap .phoneAppBox .phoneGame .phoneGameFilterBox .pAppFilter .swiper-wrapper .swiper-slide.active::after {
  background-position: -2.94rem -3.29rem;
}
.snzIndexWrap .rankingBox {
  padding: 0.36rem 0.2rem 0 0.2rem;
}
.snzIndexWrap .rankingBox .ranking {
  background: linear-gradient(0deg, #FFFFFF 0%, #FFFFFF 89%, #FFF8DB 100%);
  border-radius: 0.16rem;
}
.snzIndexWrap .rankingBox .ranking .rankingFilter {
  padding: 0.37rem 0.59rem 0 0.46rem;
  display: flex;
  justify-content: space-between;
}
.snzIndexWrap .rankingBox .ranking .rankingFilter li {
  width: auto;
  font-size: 0.28rem;
  color: #666666;
  line-height: 0.48rem;
  position: relative;
}
.snzIndexWrap .rankingBox .ranking .rankingFilter li.active {
  color: #292929;
  font-weight: bold;
  font-size: 0.32rem;
  position: relative;
  z-index: 1;
}
.snzIndexWrap .rankingBox .ranking .rankingFilter li.active::after {
  content: "";
  width: 1.68rem;
  height: 0.26rem;
  position: absolute;
  left: -0.03rem;
  bottom: -0.14rem;
  z-index: -1;
  background: url(../img/icon.png) no-repeat;
  background-size: 4.98rem 4.42rem;
  background-position: -0.1rem -3.29rem;
}
.snzIndexWrap .rankingBox .ranking .top3List {
  padding: 1.06rem 0 0.24rem 0.24rem;
  display: flex;
}
.snzIndexWrap .rankingBox .ranking .top3List .topItem {
  width: 2rem;
  height: 1.56rem;
  margin-right: 0.06rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: linear-gradient(0deg, #FFFFFF 0%, #B1FFFC 100%);
  border-radius: 0.1rem;
}
.snzIndexWrap .rankingBox .ranking .top3List .topItem .imgBox {
  width: 1.48rem;
  height: 1.33rem;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -0.67rem;
}
.snzIndexWrap .rankingBox .ranking .top3List .topItem .imgBox .icon {
  width: 1.48rem;
  height: 1.33rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background-position: -1.87rem -0.1rem;
}
.snzIndexWrap .rankingBox .ranking .top3List .topItem .imgBox .imgChild {
  width: 0.88rem;
  height: 0.88rem;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: 0.24rem;
  left: 0.3rem;
  z-index: 1;
}
.snzIndexWrap .rankingBox .ranking .top3List .topItem .imgBox .imgChild img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.snzIndexWrap .rankingBox .ranking .top3List .topItem .name {
  font-weight: bold;
  font-size: 0.28rem;
  color: #292929;
  line-height: 0.28rem;
  margin-top: 0.17rem;
}
.snzIndexWrap .rankingBox .ranking .top3List .topItem .hotBox {
  margin-top: 0.17rem;
  display: flex;
  align-items: center;
}
.snzIndexWrap .rankingBox .ranking .top3List .topItem .hotBox .icon {
  width: 0.22rem;
  height: 0.23rem;
  background-position: -0.1rem -4.09rem;
}
.snzIndexWrap .rankingBox .ranking .top3List .topItem .hotBox .hotTxt {
  font-size: 0.24rem;
  color: #292929;
  line-height: 0.24rem;
  margin-left: 0.07rem;
}
.snzIndexWrap .rankingBox .ranking .top3List .topItem:nth-child(1) {
  margin-top: 0.19rem;
}
.snzIndexWrap .rankingBox .ranking .top3List .topItem:nth-child(1) .hotBox {
  margin-top: 0.14rem;
}
.snzIndexWrap .rankingBox .ranking .top3List .topItem:nth-child(1) .hotBox .icon {
  margin-left: 0.02rem;
}
.snzIndexWrap .rankingBox .ranking .top3List .topItem:nth-child(2) {
  width: 2.5rem;
  height: 1.94rem;
  background: linear-gradient(0deg, #FFFFFF 0%, #FFED94 100%);
}
.snzIndexWrap .rankingBox .ranking .top3List .topItem:nth-child(2) .imgBox {
  width: 1.57rem;
  height: 1.49rem;
  margin-top: -0.83rem;
}
.snzIndexWrap .rankingBox .ranking .top3List .topItem:nth-child(2) .imgBox .icon {
  width: 1.57rem;
  height: 1.49rem;
  background-position: -0.1rem -0.1rem;
}
.snzIndexWrap .rankingBox .ranking .top3List .topItem:nth-child(2) .imgBox .imgChild {
  width: 1rem;
  height: 1rem;
  top: 0.25rem;
  left: 0.29rem;
}
.snzIndexWrap .rankingBox .ranking .top3List .topItem:nth-child(2) .hotBox {
  margin-top: 0.2rem;
}
.snzIndexWrap .rankingBox .ranking .top3List .topItem:nth-child(2) .hotBox .icon {
  margin-right: 0.03rem;
}
.snzIndexWrap .rankingBox .ranking .top3List .topItem:nth-child(3) {
  width: 2rem;
  height: 1.56rem;
  margin-top: 0.37rem;
  background: linear-gradient(0deg, #FFFFFF 0%, #FFD2BE 100%);
}
.snzIndexWrap .rankingBox .ranking .top3List .topItem:nth-child(3) .imgBox {
  width: 1.44rem;
  height: 1.3rem;
  margin-top: -0.65rem;
}
.snzIndexWrap .rankingBox .ranking .top3List .topItem:nth-child(3) .imgBox .icon {
  width: 1.44rem;
  height: 1.3rem;
  background-position: -0.1rem -1.79rem;
}
.snzIndexWrap .rankingBox .ranking .top3List .topItem:nth-child(3) .imgBox .imgChild {
  width: 0.86rem;
  height: 0.86rem;
  top: 0.23rem;
  left: 0.3rem;
}
.snzIndexWrap .rankingBox .ranking .rankinglist {
  padding: 0.08rem 0.25rem 0.33rem 0.24rem;
}
.snzIndexWrap .rankingBox .ranking .rankinglist li {
  margin-top: 0.28rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.snzIndexWrap .rankingBox .ranking .rankinglist li .numImgTxt {
  display: flex;
  align-items: center;
}
.snzIndexWrap .rankingBox .ranking .rankinglist li .numImgTxt .num {
  width: 0.24rem;
  color: #999999;
  font-size: 0.24rem;
  text-align: center;
  line-height: 0.24rem;
}
.snzIndexWrap .rankingBox .ranking .rankinglist li .numImgTxt .imgBox {
  width: 0.54rem;
  height: 0.54rem;
  border-radius: 50%;
  overflow: hidden;
  box-sizing: border-box;
  margin-left: 0.19rem;
}
.snzIndexWrap .rankingBox .ranking .rankinglist li .numImgTxt .imgBox img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: fill;
}
.snzIndexWrap .rankingBox .ranking .rankinglist li .numImgTxt .name {
  font-size: 0.28rem;
  color: #292929;
  line-height: 0.28rem;
  margin-left: 0.22rem;
}
.snzIndexWrap .rankingBox .ranking .rankinglist li .hotTxtBox {
  display: flex;
  align-items: center;
}
.snzIndexWrap .rankingBox .ranking .rankinglist li .hotTxtBox .icon {
  width: 0.22rem;
  height: 0.23rem;
  background-position: -0.1rem -4.09rem;
}
.snzIndexWrap .rankingBox .ranking .rankinglist li .hotTxtBox .hotNum {
  font-size: 0.24rem;
  color: #292929;
  line-height: 0.24rem;
  margin-left: 0.11rem;
}
.snzIndexWrap .rankingBox .ranking .rankinglist li .maskTime {
  width: 100%;
  position: absolute;
  bottom: -0.23rem;
  padding-left: 2.39rem;
  font-size: 0.14rem;
  color: #666666;
}
.snzIndexWrap .rankingBox .ranking .rankinglist li:nth-child(1) {
  margin-top: 0.02rem;
}
.snzIndexWrap .newsBox {
  padding: 0 0.2rem;
}
.snzIndexWrap .newsBox .titleBox {
  padding: 0.35rem 0 0.25rem 0;
}
.snzIndexWrap .newsBox .titleBox .icon {
  font-size: 0;
}
.snzIndexWrap .newsBox .newsList {
  padding: 0.01rem 0.24rem 0.32rem 0.24rem;
  border-radius: 0.16rem;
  background-color: white;
}
.snzIndexWrap .newsBox .newsList li {
  margin-top: 0.36rem;
  display: flex;
  justify-content: space-between;
}
.snzIndexWrap .newsBox .newsList li .txtBox {
  flex: 1;
  padding-right: 0.28rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.snzIndexWrap .newsBox .newsList li .txtBox .brief {
  font-size: 0.3rem;
  color: #292929;
  line-height: 0.48rem;
}
.snzIndexWrap .newsBox .newsList li .txtBox .time {
  font-size: 0.24rem;
  color: #999999;
  line-height: 0.24rem;
  padding-bottom: 0.09rem;
}
.snzIndexWrap .newsBox .newsList li .imgBox {
  width: 2.68rem;
  height: 1.52rem;
  overflow: hidden;
  border-radius: 0.08rem;
}
.snzIndexWrap .newsBox .newsList li .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.snzIndexWrap .friendBox {
  padding: 0.36rem 0.2rem;
}
.snzIndexWrap .friendBox .friend {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0.01rem 0 0.23rem 1.24rem;
  background: url(../img/friendBg.png) no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
}
.snzIndexWrap .friendBox .friend a {
  width: 1.7rem;
  height: 0.54rem;
  font-size: 0;
  overflow: hidden;
  border-radius: 0.04rem;
  box-sizing: border-box;
  border: 0.01rem solid #EEEEEE;
  margin: 0.23rem 0.25rem 0 0;
}
.snzIndexWrap .friendBox .friend a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.crumbsBox {
  padding: 0.24rem 0.2rem 0.23rem 0.2rem;
}
.crumbsBox .crumbs {
  display: flex;
  align-items: center;
}
.crumbsBox .crumbs .homeTxt {
  font-size: 0.24rem;
  color: #999999;
  line-height: 0.24rem;
}
.crumbsBox .crumbs .home {
  display: flex;
  align-items: center;
}
.crumbsBox .crumbs .home .icon {
  width: 0.24rem;
  height: 0.24rem;
  background-position: -4.2rem -2.88rem;
}
.crumbsBox .crumbs .home .homeTxt {
  margin-left: 0.11rem;
}
.crumbsBox .crumbs .space {
  width: 0.1rem;
  height: 0.18rem;
  margin: 0 0.2rem 0 0.23rem;
  background-position: -4.74rem -0.54rem;
}
.crumbsBox .crumbs .crumbsActive {
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.24rem;
  color: #404040;
  line-height: 0.24rem;
}
.pageBox {
  padding: 0.3rem 0 0.5rem 0;
  display: flex;
  justify-content: center;
}
.pageBox a {
  width: 0.56rem;
  height: 0.48rem;
  color: #949799;
  font-size: 0.24rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 0.47rem;
  border-radius: 0.08rem;
  margin-right: 0.2rem;
  background-color: white;
}
.pageBox a.active {
  color: white;
  background-color: #7064E1;
}
.pageBox .pageL .icon {
  width: 0.14rem;
  height: 0.24rem;
  background-position: -4.74rem -0.1rem;
}
.pageBox .pageR .icon {
  width: 0.14rem;
  height: 0.24rem;
  background-position: -3.18rem -1.79rem;
}
.pageBox .homePage {
  width: 0.88rem;
}
.pageBox a:last-child {
  margin-right: 0;
}
.snzGameWrap .gameSwiper .swiper-wrapper .swiper-slide {
  width: 3.2rem;
  height: 1.75rem;
  overflow: hidden;
  position: relative;
  border-radius: 0.16rem;
  margin-right: 0.2rem;
}
.snzGameWrap .gameSwiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.snzGameWrap .gameSwiper .swiper-wrapper .swiper-slide .maskBox {
  width: 100%;
  height: 1.2rem;
  padding: 0.49rem 0.17rem 0.17rem 0.17rem;
  display: flex;
  position: absolute;
  bottom: 0;
  background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}
.snzGameWrap .gameSwiper .swiper-wrapper .swiper-slide .maskBox .imgBox {
  width: 0.54rem;
  height: 0.54rem;
}
.snzGameWrap .gameSwiper .swiper-wrapper .swiper-slide .maskBox .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.12rem;
}
.snzGameWrap .gameSwiper .swiper-wrapper .swiper-slide .maskBox .name {
  font-weight: 400;
  padding: 0 0.19rem;
  font-size: 0.24rem;
  margin-top: 0.16rem;
  color: rgba(255, 255, 255, 0.9);
  line-height: 0.24rem;
}
.snzGameWrap .gameTypeBox {
  padding: 0 0.2rem;
}
.snzGameWrap .gameTypeBox .titleBox {
  padding: 0.33rem 0 0.29rem 0;
}
.snzGameWrap .gameTypeBox .gameType {
  padding: 0 0rem 0.32rem 0.25rem;
  display: flex;
  flex-wrap: wrap;
  border-radius: 0.16rem;
  background-color: white;
}
.snzGameWrap .gameTypeBox .gameType a {
  width: 1.5rem;
  height: 0.64rem;
  font-size: 0.24rem;
  color: #666666;
  text-align: center;
  line-height: 0.64rem;
  border-radius: 0.32rem;
  margin: 0.32rem 0.2rem 0 0;
  background-color: #F7F7F7;
}
.snzGameWrap .gameTypeBox .gameType a.active {
  font-weight: bold;
  font-size: 0.24rem;
  color: #FFFFFF;
  background-color: #7064E1;
}
.snzGameWrap .allTypeBox {
  padding: 0 0.2rem;
}
.snzGameWrap .allTypeBox .titleBox {
  padding: 0.34rem 0 0.09rem 0;
}
.snzGameWrap .allTypeBox .allTypeList li {
  margin-top: 0.2rem;
  border-radius: 0.16rem;
  background-color: white;
  padding: 0.32rem 0.24rem 0.33rem 0.24rem;
}
.snzGameWrap .allTypeBox .allTypeList li .headerType {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.snzGameWrap .allTypeBox .allTypeList li .headerType .txtImgBox {
  flex: 1;
  display: flex;
  overflow: hidden;
}
.snzGameWrap .allTypeBox .allTypeList li .headerType .txtImgBox .imgBox {
  width: 0.88rem;
  height: 0.88rem;
  overflow: hidden;
  border-radius: 0.2rem;
}
.snzGameWrap .allTypeBox .allTypeList li .headerType .txtImgBox .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.snzGameWrap .allTypeBox .allTypeList li .headerType .txtImgBox .txtBox {
  flex: 1;
  overflow: hidden;
  padding-left: 0.2rem;
}
.snzGameWrap .allTypeBox .allTypeList li .headerType .txtImgBox .txtBox .name {
  font-weight: 500;
  font-size: 0.28rem;
  color: #362C2A;
  line-height: 0.28rem;
  margin-top: 0.09rem;
}
.snzGameWrap .allTypeBox .allTypeList li .headerType .txtImgBox .txtBox .timeBox {
  margin-top: 0.2rem;
  display: flex;
  align-items: center;
}
.snzGameWrap .allTypeBox .allTypeList li .headerType .txtImgBox .txtBox .timeBox p {
  font-size: 0.24rem;
  color: #999999;
  line-height: 0.24rem;
}
.snzGameWrap .allTypeBox .allTypeList li .headerType .txtImgBox .txtBox .timeBox .space {
  color: #CCCCCC;
  margin: 0 0.15rem 0 0.16rem;
}
.snzGameWrap .allTypeBox .allTypeList li .headerType .btn {
  width: 0.88rem;
  height: 0.48rem;
  font-weight: 400;
  font-size: 0.24rem;
  color: #6A68E4;
  text-align: center;
  line-height: 0.48rem;
  background: #EBEBFF;
  border-radius: 0.24rem;
}
.snzGameWrap .allTypeBox .allTypeList li .brief {
  margin-top: 0.23rem;
  padding: 0.25rem 0.23rem;
  font-size: 0.24rem;
  color: #292929;
  line-height: 0.24rem;
  border-radius: 0.08rem;
  background-color: #F5F5F5;
}
.snzTopicWrap .topicSwiperBox {
  padding: 0 0.2rem;
}
.snzTopicWrap .topicSwiperBox .topicSwiperContont {
  border-radius: 0.16rem;
  background-color: white;
}
.snzTopicWrap .topicSwiperBox .topicSwiperContont .topicSwiper {
  padding: 0.24rem 0 0.31rem 0;
}
.snzTopicWrap .topicSwiperBox .topicSwiperContont .topicSwiper .swiper-wrapper .swiper-slide {
  width: 2.82rem;
  height: 1.58rem;
  margin-right: 0.24rem;
  position: relative;
}
.snzTopicWrap .topicSwiperBox .topicSwiperContont .topicSwiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.1rem;
}
.snzTopicWrap .topicSwiperBox .topicSwiperContont .topicSwiper .swiper-wrapper .swiper-slide .maskTxt {
  width: 100%;
  height: 0.72rem;
  font-weight: 400;
  padding: 0.32rem 0.19rem 0.16rem 0.19rem;
  font-size: 0.24rem;
  color: #FFFFFF;
  line-height: 0.24rem;
  border-radius: 0.1rem;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(3, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}
.snzTopicWrap .topicSwiperBox .topicSwiperContont .topicSwiper .swiper-wrapper .swiper-slide .status {
  width: 1.2rem;
  height: 0.4rem;
  position: absolute;
  right: 0;
  bottom: -0.27rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.1rem;
  background-color: white;
  box-shadow: 0px 0.04rem 0.04rem 0px rgba(0, 0, 0, 0.1);
}
.snzTopicWrap .topicSwiperBox .topicSwiperContont .topicSwiper .swiper-wrapper .swiper-slide .status .icon {
  width: 0.25rem;
  height: 0.24rem;
  background-position: -4.2rem -1.56rem;
}
.snzTopicWrap .topicSwiperBox .topicSwiperContont .topicSwiper .swiper-wrapper .swiper-slide .status .warm {
  width: 0.24rem;
  height: 0.24rem;
  background-position: -4.2rem -2.44rem;
}
.snzTopicWrap .topicSwiperBox .topicSwiperContont .topicSwiper .swiper-wrapper .swiper-slide .status .statusTxt {
  max-width: 0.78rem;
  padding-left: 0.06rem;
  font-size: 0.18rem;
  color: #292929;
  line-height: 0.18rem;
}
.snzTopicWrap .topicSwiperBox .topicSwiperContont .topicFilter {
  padding: 0.17rem 0.59rem 0.26rem 0.45rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.snzTopicWrap .topicSwiperBox .topicSwiperContont .topicFilter a {
  font-size: 0.24rem;
  color: #999999;
  line-height: 0.24rem;
}
.snzTopicWrap .topicSwiperBox .topicSwiperContont .topicFilter a.active {
  font-weight: bold;
  font-size: 0.3rem;
  color: #292929;
  line-height: 0.3rem;
  position: relative;
}
.snzTopicWrap .topicSwiperBox .topicSwiperContont .topicFilter a.active::after {
  content: "";
  width: 1.14rem;
  height: 0.05rem;
  position: absolute;
  left: 0.03rem;
  bottom: -0.1rem;
  border-radius: 0.03rem;
  background-color: #7064E1;
}
.snzTopicWrap .topicListBox {
  padding: 0.05rem 0.2rem 0 0.2rem;
}
.snzTopicWrap .topicListBox .topicList a {
  margin-top: 0.31rem;
}
.snzTopicWrap .topicListBox .topicList a .topImgBox {
  height: 2.13rem;
  overflow: hidden;
  border-radius: 0.12rem 0.12rem 0 0;
}
.snzTopicWrap .topicListBox .topicList a .topImgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.snzTopicWrap .topicListBox .topicList a .txtImgBox {
  padding: 0.27rem 0.19rem 0.29rem 0.24rem;
  display: flex;
  background-color: white;
  border-radius: 0 0 0.12rem 0.12rem;
}
.snzTopicWrap .topicListBox .topicList a .txtImgBox .imgList {
  width: 1.07rem;
  height: 0.72rem;
  position: relative;
}
.snzTopicWrap .topicListBox .topicList a .txtImgBox .imgList img {
  position: absolute;
  bottom: 0;
}
.snzTopicWrap .topicListBox .topicList a .txtImgBox .imgList img:nth-child(1) {
  width: 0.72rem;
  height: 0.72rem;
  z-index: 3;
  left: 0;
  border-radius: 0.16rem;
}
.snzTopicWrap .topicListBox .topicList a .txtImgBox .imgList img:nth-child(2) {
  width: 0.6rem;
  height: 0.6rem;
  z-index: 2;
  left: 0.3rem;
  border-radius: 0.12rem;
}
.snzTopicWrap .topicListBox .topicList a .txtImgBox .imgList img:nth-child(3) {
  width: 0.48rem;
  height: 0.48rem;
  z-index: 1;
  left: 0.59rem;
  border-radius: 0.12rem;
}
.snzTopicWrap .topicListBox .topicList a .txtImgBox .txtBox {
  flex: 1;
  padding-left: 0.17rem;
}
.snzTopicWrap .topicListBox .topicList a .txtImgBox .txtBox .name {
  font-weight: bold;
  font-size: 0.3rem;
  color: #292929;
  line-height: 0.3rem;
  margin-top: 0.01rem;
}
.snzTopicWrap .topicListBox .topicList a .txtImgBox .txtBox .timeBox {
  padding-left: 0.01rem;
  margin-top: 0.16rem;
  display: flex;
  justify-content: space-between;
}
.snzTopicWrap .topicListBox .topicList a .txtImgBox .txtBox .timeBox .time {
  font-size: 0.24rem;
  color: #999999;
  line-height: 0.24rem;
}
.snzTopicWrap .topicListBox .topicList a .txtImgBox .txtBox .timeBox .num {
  font-size: 0.24rem;
  color: #999999;
  line-height: 0.24rem;
}
.snzTopicWrap .topicListBox .pageBox {
  padding: 0.36rem 0 0.5rem 0;
}
.snzNewsWrap .newsSwiperBox {
  padding: 0 0.2rem;
}
.snzNewsWrap .newsSwiperBox .newsSwiper {
  border-radius: 0.16rem 0.16rem 0 0;
}
.snzNewsWrap .newsSwiperBox .newsSwiper .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 3.36rem;
  overflow: hidden;
  position: relative;
  border-radius: 0.16rem 0.16rem 0 0;
}
.snzNewsWrap .newsSwiperBox .newsSwiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.snzNewsWrap .newsSwiperBox .newsSwiper .swiper-wrapper .swiper-slide .maskTxt {
  width: 100%;
  height: 0.74rem;
  position: absolute;
  bottom: 0;
  font-weight: 500;
  font-size: 0.28rem;
  color: #FFFFFF;
  padding: 0 1.5rem 0 0.2rem;
  line-height: 0.74rem;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}
.snzNewsWrap .newsSwiperBox .newsSwiper .swiper-pagination {
  width: auto;
  left: auto;
  bottom: 0.24rem;
  right: 0.24rem;
  margin: 0 0;
}
.snzNewsWrap .newsSwiperBox .newsSwiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.1rem;
  height: 0.1rem;
  opacity: 1;
  border-radius: 50%;
  margin: 0 0;
  margin-left: 0.1rem;
  background-color: white;
}
.snzNewsWrap .newsSwiperBox .newsSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #6A68E4;
}
.snzNewsWrap .newsSwiperBox .newsSwiper .swiper-pagination .swiper-pagination-bullet:nth-child(1) {
  margin-left: 0;
}
.snzNewsWrap .newsSwiperBox .newsFilter {
  padding: 0.25rem 0 0.25rem 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background-color: white;
  border-radius: 0 0 0.16rem 0.16rem;
}
.snzNewsWrap .newsSwiperBox .newsFilter a {
  font-size: 0.28rem;
  color: #999999;
  line-height: 0.28rem;
  position: relative;
}
.snzNewsWrap .newsSwiperBox .newsFilter a.active {
  font-weight: bold;
  font-size: 0.3rem;
  color: #292929;
  line-height: 0.3rem;
}
.snzNewsWrap .newsSwiperBox .newsFilter a.active::after {
  content: "";
  width: 1.18rem;
  height: 0.1rem;
  position: absolute;
  left: 0.01rem;
  bottom: -0.25rem;
  background: #7064E1;
  border-radius: 0.06rem 0.06rem 0 0;
}
.snzNewsWrap .newsListBox {
  padding: 0.36rem 0.2rem 0 0.2rem;
}
.snzNewsWrap .newsListBox .newsList {
  padding-bottom: 0.36rem;
  border-radius: 0.16rem;
  background-color: white;
}
.snzNewsWrap .newsListBox .newsList a {
  padding: 0.36rem 0.24rem 0 0.24rem;
  display: flex;
  justify-content: space-between;
}
.snzNewsWrap .newsListBox .newsList a .txtBox {
  padding-bottom: 0.09rem;
  flex: 1;
  padding-right: 0.28rem;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  justify-content: space-between;
}
.snzNewsWrap .newsListBox .newsList a .txtBox .brief {
  font-size: 0.3rem;
  color: #292929;
  line-height: 0.48rem;
}
.snzNewsWrap .newsListBox .newsList a .txtBox .time {
  font-size: 0.24rem;
  color: #999999;
  line-height: 0.24rem;
}
.snzNewsWrap .newsListBox .newsList a .imgBox {
  width: 2.68rem;
  height: 1.52rem;
  overflow: hidden;
  border-radius: 0.08rem;
}
.snzNewsWrap .newsListBox .newsList a .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.snzNewsWrap .newsListBox .pageBox {
  padding: 0.36rem 0 0.5rem 0;
}
.snzRankingWrap .rankingFilterBox {
  padding: 0 0.2rem;
}
.snzRankingWrap .rankingFilterBox .rankingFilter {
  display: flex;
}
.snzRankingWrap .rankingFilterBox .rankingFilter a {
  width: 2.2rem;
  height: 0.64rem;
  font-size: 0.28rem;
  color: #404040;
  text-align: center;
  line-height: 0.64rem;
  margin-right: 0.25rem;
  border-radius: 0.16rem;
  background-color: white;
}
.snzRankingWrap .rankingFilterBox .rankingFilter a.active {
  font-weight: bold;
  color: white;
  background-color: #7064E1;
}
.snzRankingWrap .rankingListBox {
  padding: 0.08rem 0.2rem 0 0.2rem;
}
.snzRankingWrap .rankingListBox .rankingList li {
  padding: 0.32rem 0.24rem 0.31rem 0.24rem;
  margin-top: 0.24rem;
  border-radius: 0.16rem;
  background-color: white;
}
.snzRankingWrap .rankingListBox .rankingList li .rankingTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.snzRankingWrap .rankingListBox .rankingList li .rankingTop .numTxtImg {
  display: flex;
  align-items: center;
}
.snzRankingWrap .rankingListBox .rankingList li .rankingTop .numTxtImg .num {
  width: 0.31rem;
  font-weight: bold;
  font-size: 0.28rem;
  color: #E5E6E6;
  line-height: 0.28rem;
  font-style: italic;
  text-align: center;
}
.snzRankingWrap .rankingListBox .rankingList li .rankingTop .numTxtImg .txtImgBox {
  padding-left: 0.2rem;
  display: flex;
}
.snzRankingWrap .rankingListBox .rankingList li .rankingTop .numTxtImg .txtImgBox .imgBox {
  width: 1.2rem;
  height: 1.2rem;
  overflow: hidden;
  border-radius: 0.24rem;
}
.snzRankingWrap .rankingListBox .rankingList li .rankingTop .numTxtImg .txtImgBox .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.snzRankingWrap .rankingListBox .rankingList li .rankingTop .numTxtImg .txtImgBox .txtBox {
  padding-left: 0.24rem;
}
.snzRankingWrap .rankingListBox .rankingList li .rankingTop .numTxtImg .txtImgBox .txtBox .name {
  padding-left: 0.01rem;
  font-size: 0.28rem;
  color: #362C2A;
  line-height: 0.28rem;
  margin-top: 0.02rem;
}
.snzRankingWrap .rankingListBox .rankingList li .rankingTop .numTxtImg .txtImgBox .txtBox .time {
  font-weight: 400;
  font-size: 0.24rem;
  color: #999999;
  line-height: 0.24rem;
  margin-top: 0.19rem;
}
.snzRankingWrap .rankingListBox .rankingList li .rankingTop .numTxtImg .txtImgBox .txtBox .timeBox {
  margin-top: 0.2rem;
  display: flex;
  align-items: center;
}
.snzRankingWrap .rankingListBox .rankingList li .rankingTop .numTxtImg .txtImgBox .txtBox .timeBox p {
  font-size: 0.24rem;
  color: #999999;
  line-height: 0.24rem;
}
.snzRankingWrap .rankingListBox .rankingList li .rankingTop .numTxtImg .txtImgBox .txtBox .timeBox .space {
  color: #CCCCCC;
  margin: 0 0.15rem 0 0.16rem;
}
.snzRankingWrap .rankingListBox .rankingList li .rankingTop .btn {
  width: 0.88rem;
  height: 0.48rem;
  color: #6A68E4;
  font-size: 0.24rem;
  text-align: center;
  line-height: 0.48rem;
  border-radius: 0.24rem;
  background-color: #EBEBFF;
}
.snzRankingWrap .rankingListBox .rankingList li .brief {
  margin-top: 0.31rem;
  padding: 0.25rem 0.23rem;
  font-size: 0.24rem;
  color: #292929;
  line-height: 0.24rem;
  border-radius: 0.08rem;
  background-color: #F5F5F5;
}
.snzRankingWrap .rankingListBox .rankingList li:nth-child(1) .rankingTop .numTxtImg .num {
  color: #F35571;
}
.snzRankingWrap .rankingListBox .rankingList li:nth-child(2) .rankingTop .numTxtImg .num {
  color: #189BFF;
}
.snzRankingWrap .rankingListBox .rankingList li:nth-child(3) .rankingTop .numTxtImg .num {
  color: #31CB76;
}
.snzRankingWrap .rankingListBox .pageBox {
  padding: 0.36rem 0 0.5rem 0;
}
.snzGameDetialWrap .detailCardBox {
  padding: 0 0.2rem;
}
.snzGameDetialWrap .detailCardBox .detailCard {
  padding-bottom: 0.3rem;
  position: relative;
  border-radius: 0 0.16rem 0.16rem 0.16rem;
  background-color: white;
}
.snzGameDetialWrap .detailCardBox .detailCard .detailCardTitle {
  position: relative;
  z-index: 2;
  padding: 0.33rem 0 0 2.03rem;
  display: flex;
}
.snzGameDetialWrap .detailCardBox .detailCard .detailCardTitle h1 {
  width: auto;
  max-width: 3.9rem;
  font-weight: bold;
  font-size: 0.36rem;
  color: #404040;
  line-height: 0.36rem;
}
.snzGameDetialWrap .detailCardBox .detailCard .detailCardTitle .status {
  width: 0.88rem;
  height: 0.32rem;
  font-size: 0.18rem;
  color: white;
  text-align: center;
  line-height: 0.32rem;
  border-radius: 0.1rem;
  margin-left: 0.06rem;
  background-color: #63E09F;
}
.snzGameDetialWrap .detailCardBox .detailCard .typeList {
  position: relative;
  z-index: 2;
  padding: 0 0 0 2.03rem;
  display: flex;
  flex-wrap: wrap;
}
.snzGameDetialWrap .detailCardBox .detailCard .typeList li {
  width: 2.43rem;
  font-size: 0.24rem;
  color: #999999;
  text-align: left;
  margin-top: 0.24rem;
  line-height: 0.24rem;
}
.snzGameDetialWrap .detailCardBox .detailCard .lableList {
  position: relative;
  z-index: 2;
  padding: 0 0 0 0.24rem;
  display: flex;
  flex-wrap: wrap;
}
.snzGameDetialWrap .detailCardBox .detailCard .lableList a {
  width: auto;
  padding: 0.15rem 0.18rem;
  font-size: 0.24rem;
  color: #7064E1;
  margin-top: 0.38rem;
  line-height: 0.24rem;
  border-radius: 0.27rem;
  margin-right: 0.24rem;
  background-color: #EDEBFF;
}
.snzGameDetialWrap .detailCardBox .detailCard .btnList {
  z-index: 2;
  position: relative;
  padding: 0.32rem 0.24rem 0 0.24rem;
}
.snzGameDetialWrap .detailCardBox .detailCard .btnList button,
.snzGameDetialWrap .detailCardBox .detailCard .btnList a {
  width: 100%;
  height: 0.8rem;
  display: block;
  font-weight: 500;
  color: white;
  font-size: 0.32rem;
  text-align: center;
  line-height: 0.8rem;
  border-radius: 0.4rem;
  outline: 0;
  border: 0;
}
.snzGameDetialWrap .detailCardBox .detailCard .btnList .down {
  background-color: #63E09F;
}
.snzGameDetialWrap .detailCardBox .detailCard .btnList .yuyue {
  background-color: #ffbb33;
}
.snzGameDetialWrap .detailCardBox .detailCard .btnList .zw {
  background-color: #cccc;
}
.snzGameDetialWrap .detailCardBox .detailCard .detailImg {
  width: 2.24rem;
  height: 2.24rem;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 0.16rem 0 0 0.07rem;
  background: url(../img/detailCardBg.png) no-repeat;
  background-size: 100% 100%;
}
.snzGameDetialWrap .detailCardBox .detailCard .detailImg img {
  width: 1.4rem;
  height: 1.4rem;
  object-fit: cover;
  border-radius: 0.26rem;
}
.snzGameDetialWrap .detailCardBox .detailCard .report {
  width: 0.96rem;
  padding: 0.06rem 0.12rem 0.06rem 0.12rem;
  display: flex;
  background-color: #EDEBFF;
  position: absolute;
  right: 0;
  z-index: 22;
  top: -0.01rem;
  border-radius: 0 0.16rem 0 0.16rem;
}
.snzGameDetialWrap .detailCardBox .detailCard .report .icon {
  width: 0.24rem;
  height: 0.24rem;
  background-position: -4.2rem -3.32rem;
}
.snzGameDetialWrap .detailCardBox .detailCard .report .reportTxt {
  margin-left: 0.02rem;
  font-size: 0.22rem;
  color: #7064E1;
  line-height: 0.22rem;
}
.snzGameDetialWrap .detailFilterBox {
  padding: 0.36rem 0.2rem 0 0.2rem;
}
.snzGameDetialWrap .detailFilterBox .detailFilter {
  padding: 0.16rem 0.27rem 0.24rem 0.27rem;
  display: flex;
  justify-content: space-between;
  border-radius: 0.16rem;
  background-color: white;
}
.snzGameDetialWrap .detailFilterBox .detailFilter a {
  width: 1.48rem;
  height: 0.48rem;
  font-size: 0.24rem;
  color: #666666;
  line-height: 0.24rem;
  text-align: center;
  line-height: 0.48rem;
}
.snzGameDetialWrap .detailFilterBox .detailFilter a.active {
  color: #292929;
  font-size: 0.28rem;
  font-weight: bold;
  position: relative;
  box-shadow: 0 -0.04rem 0.04rem 0 rgba(0, 0, 0, 0.06);
  border-radius: 0.1rem 0.1rem 0 0;
}
.snzGameDetialWrap .detailFilterBox .detailFilter a.active::after {
  content: "";
  width: 0.54rem;
  height: 0.08rem;
  position: absolute;
  left: 0.36rem;
  bottom: -0.06rem;
  border-radius: 0.04rem;
  background-color: #6A68E4;
}
.snzGameDetialWrap .gameDetailSwiperBox {
  padding: 0.16rem 0.2rem 0 0.2rem;
  position: relative;
}
.snzGameDetialWrap .gameDetailSwiperBox .titleBox {
  padding: 0.2rem 0 0.2rem 0;
}
.snzGameDetialWrap .gameDetailSwiperBox .gameDetailSwiper {
  height: auto;
}
.snzGameDetialWrap .gameDetailSwiperBox .gameDetailSwiper .swiper-wrapper {
  height: auto;
}
.snzGameDetialWrap .gameDetailSwiperBox .gameDetailSwiper .swiper-wrapper .swiper-slide {
  width: auto;
  max-width: 100%;
  margin-right: 0.2rem;
  border-radius: 0.16rem;
}
.snzGameDetialWrap .gameDetailSwiperBox .gameDetailSwiper .swiper-wrapper .swiper-slide img {
  max-width: 100%;
  max-height: 6.43rem;
  display: block;
  object-fit: cover;
}
.snzGameDetialWrap .gameDetailSwiperBox .gameAndVideo {
  width: 1.94rem;
  height: 0.4rem;
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 2.59rem;
  bottom: 0.2rem;
  z-index: 2;
  border-radius: 0.2rem;
  background-color: rgba(0, 0, 0, 0.5);
}
.snzGameDetialWrap .gameDetailSwiperBox .gameAndVideo li {
  width: 0.94rem;
  height: 0.4rem;
  font-size: 0.18rem;
  color: #FFFFFF;
  text-align: center;
  line-height: 0.4rem;
  border-radius: 0.2rem;
}
.snzGameDetialWrap .gameDetailSwiperBox .gameAndVideo li.active {
  background-color: #7064E1;
}
.snzGameDetialWrap .gameDetailSwiperBox .gameVideo {
  width: 100%;
  height: 4.8rem;
}
.snzGameDetialWrap .gameDetailSwiperBox .gameVideo video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: fill;
  margin: 0 auto;
}
.snzGameDetialWrap .remindBox {
  padding: 0.36rem 0.2rem 0 0.2rem;
}
.snzGameDetialWrap .remindBox .remind {
  padding-bottom: 0.22rem;
  background: linear-gradient(to bottom, #FFEB99 0%, #FFF9E0 9%, #FFF9E0 100%);
  border-radius: 0.16rem;
}
.snzGameDetialWrap .remindBox .remind .remindTitleBox {
  padding: 0.28rem 0.23rem 0 0.23rem;
  display: flex;
}
.snzGameDetialWrap .remindBox .remind .remindTitleBox .icon {
  width: 0.34rem;
  height: 0.34rem;
  background-position: -4.2rem -0.1rem;
}
.snzGameDetialWrap .remindBox .remind .remindTitleBox p {
  font-weight: bold;
  font-size: 0.32rem;
  color: #BD9C1A;
  line-height: 0.32rem;
  margin-left: 0.09rem;
}
.snzGameDetialWrap .remindBox .remind .remindTxt {
  padding: 0.14rem 0.25rem 0 0.25rem;
  font-weight: 400;
  font-size: 0.28rem;
  color: #BD9C1A;
  line-height: 0.48rem;
}
.snzGameDetialWrap .gameIntroduceBox {
  padding: 0 0.2rem;
}
.snzGameDetialWrap .gameIntroduceBox .gameIntroduce .titleBox {
  padding: 0.34rem 0 0.25rem 0;
}
.snzGameDetialWrap .gameIntroduceBox .gameIntroduce .gameIntroduceTxt {
  padding: 0.31rem 0.25rem 0 0.25rem;
  border-radius: 0.16rem 0.16rem 0 0;
  overflow: hidden;
  background-color: white;
  font-size: 0.28rem;
  color: #404040;
  line-height: 0.48rem;
}
.snzGameDetialWrap .gameIntroduceBox .gameIntroduce .gameIntroduceTxt h3 {
  padding-left: 0.17rem;
  font-weight: bold;
  font-size: 0.28rem;
  color: #292929;
  line-height: 0.28rem;
  position: relative;
  display: flex;
  align-items: center;
}
.snzGameDetialWrap .gameIntroduceBox .gameIntroduce .gameIntroduceTxt h3::before {
  content: "";
  width: 0.1rem;
  height: 0.1rem;
  position: absolute;
  left: 0;
  border-radius: 50%;
  background-color: #7064E1;
}
.snzGameDetialWrap .gameIntroduceBox .gameIntroduce .gameIntroduceTxt p {
  padding: 0.12rem 0 0 0;
  font-size: 0.28rem;
  color: #404040;
  line-height: 0.48rem;
}
.snzGameDetialWrap .gameIntroduceBox .gameIntroduce .gameIntroduceTxt img {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  display: block;
  max-height: 6.43rem !important;
  margin: 0.14rem auto 0.36rem auto;
}
.snzGameDetialWrap .gameIntroduceBox .gameIntroduce .updateLogBox {
  background-color: white;
}
.snzGameDetialWrap .gameIntroduceBox .gameIntroduce .updateLogBox .updateTitleBox {
  padding: 0 0.24rem 0 0.44rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.snzGameDetialWrap .gameIntroduceBox .gameIntroduce .updateLogBox .updateTitleBox .title {
  font-weight: bold;
  font-size: 0.32rem;
  color: #404040;
  line-height: 0.32rem;
  position: relative;
  display: flex;
  align-items: center;
}
.snzGameDetialWrap .gameIntroduceBox .gameIntroduce .updateLogBox .updateTitleBox .title::before {
  content: "";
  width: 0.1rem;
  height: 0.1rem;
  position: absolute;
  left: -0.17rem;
  border-radius: 50%;
  background-color: #7064E1;
}
.snzGameDetialWrap .gameIntroduceBox .gameIntroduce .updateLogBox .updateTitleBox .timeBox {
  display: flex;
}
.snzGameDetialWrap .gameIntroduceBox .gameIntroduce .updateLogBox .updateTitleBox .timeBox p {
  font-size: 0.24rem;
  color: #999999;
  line-height: 0.24rem;
}
.snzGameDetialWrap .gameIntroduceBox .gameIntroduce .updateLogBox .updateTitleBox .timeBox p:nth-child(2) {
  margin-left: 0.23rem;
}
.snzGameDetialWrap .gameIntroduceBox .gameIntroduce .updateLogBox .updateLogTxtBox {
  padding: 0.19rem 0.25rem 0 0.35rem;
}
.snzGameDetialWrap .gameIntroduceBox .gameIntroduce .updateLogBox .updateLogTxtBox .updateLogContont {
  padding: 0 0 0 0.31rem;
  position: relative;
  color: #292929;
  font-size: 0.28rem;
  line-height: 0.48rem;
  border-left: 0.01rem solid #F5F5F5;
}
.snzGameDetialWrap .gameIntroduceBox .gameIntroduce .updateLogBox .updateLogTxtBox .updateLogContont::after {
  content: "i";
  width: 0.24rem;
  height: 0.24rem;
  display: block;
  font-weight: bold;
  font-size: 0.18rem;
  color: #FFFFFF;
  text-align: center;
  line-height: 0.24rem;
  position: absolute;
  left: -0.13rem;
  top: 0;
  border-radius: 50%;
  background-color: #7064E1;
}
.snzGameDetialWrap .gameIntroduceBox .gameIntroduce .updateLogBox .updateLogTxtBox .updateLogContont p {
  color: #292929;
  font-size: 0.28rem;
  line-height: 0.48rem;
}
.snzGameDetialWrap .gameIntroduceBox .gameIntroduce .updateLogBox .updateLogTxtBox .updateLogContont h3 {
  font-weight: bold;
  font-size: 0.28rem;
  line-height: 0.48rem;
}
.snzGameDetialWrap .gameIntroduceBox .gameIntroduce .updateLogBox .checkUpdateBox {
  padding: 0.13rem 0 0 0;
  display: flex;
  justify-content: center;
}
.snzGameDetialWrap .gameIntroduceBox .gameIntroduce .updateLogBox .checkUpdateBox .checkUpdate {
  width: 2.2rem;
  height: 0.54rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.27rem;
  background-color: #7064E1;
}
.snzGameDetialWrap .gameIntroduceBox .gameIntroduce .updateLogBox .checkUpdateBox .checkUpdate p {
  font-size: 0.24rem;
  color: #F5F5F5;
  line-height: 0.24rem;
}
.snzGameDetialWrap .gameIntroduceBox .gameIntroduce .updateLogBox .checkUpdateBox .checkUpdate .icon {
  width: 0.26rem;
  height: 0.22rem;
  margin-left: 0.06rem;
  background-position: -2.93rem -2.54rem;
}
.snzGameDetialWrap .gameIntroduceBox .gameIntroduce .releteTagBox {
  padding: 0.35rem 0 0.31rem 0;
  background-color: white;
  border-radius: 0 0 0.16rem 0.16rem;
}
.snzGameDetialWrap .gameIntroduceBox .gameIntroduce .releteTagBox .releteTagTitle {
  padding-left: 0.43rem;
  font-weight: bold;
  font-size: 0.32rem;
  color: #404040;
  line-height: 0.32rem;
  position: relative;
  display: flex;
  align-items: center;
}
.snzGameDetialWrap .gameIntroduceBox .gameIntroduce .releteTagBox .releteTagTitle::after {
  content: "";
  width: 0.1rem;
  height: 0.1rem;
  position: absolute;
  left: 0.24rem;
  border-radius: 50%;
  background-color: #7064E1;
}
.snzGameDetialWrap .gameIntroduceBox .gameIntroduce .releteTagBox .releteTag {
  padding: 0 0.2rem;
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(2, 3.2rem);
}
.snzGameDetialWrap .gameIntroduceBox .gameIntroduce .releteTagBox .releteTag a {
  padding: 0.1rem 0.1rem;
  border-radius: 0.15rem;
  margin-top: 0.15rem;
  display: flex;
  overflow: hidden;
  box-sizing: border-box;
  background-color: #f5f5f5;
}
.snzGameDetialWrap .gameIntroduceBox .gameIntroduce .releteTagBox .releteTag a .imgBox {
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  border-radius: 0.15rem;
}
.snzGameDetialWrap .gameIntroduceBox .gameIntroduce .releteTagBox .releteTag a .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.snzGameDetialWrap .gameIntroduceBox .gameIntroduce .releteTagBox .releteTag a .txtBox {
  flex: 1;
  overflow: hidden;
  padding-left: 0.2rem;
}
.snzGameDetialWrap .gameIntroduceBox .gameIntroduce .releteTagBox .releteTag a .txtBox .name {
  color: #292929;
  font-size: 0.24rem;
  margin-top: 0.04rem;
  line-height: 0.24rem;
}
.snzGameDetialWrap .gameIntroduceBox .gameIntroduce .releteTagBox .releteTag a .txtBox .version {
  color: #999999;
  font-size: 0.24rem;
  line-height: 0.24rem;
  margin-top: 0.1rem;
}
.snzGameDetialWrap .releteInfoBox {
  padding: 0 0.2rem;
}
.snzGameDetialWrap .releteInfoBox .titleBox {
  padding: 0.35rem 0 0.25rem 0;
}
.snzGameDetialWrap .releteInfoBox .infoList {
  padding: 0 0.25rem;
  border-radius: 0.16rem;
  background-color: white;
}
.snzGameDetialWrap .releteInfoBox .infoList li {
  padding: 0.32rem 0 0.3rem 0;
  display: flex;
  border-bottom: 0.01rem solid #EEEEEE;
}
.snzGameDetialWrap .releteInfoBox .infoList li p,
.snzGameDetialWrap .releteInfoBox .infoList li a {
  font-size: 0.28rem;
  color: #999999;
  line-height: 0.28rem;
}
.snzGameDetialWrap .releteInfoBox .infoList li p.txtL,
.snzGameDetialWrap .releteInfoBox .infoList li a.txtL {
  width: 1.4rem;
}
.snzGameDetialWrap .releteInfoBox .infoList li p.txtR,
.snzGameDetialWrap .releteInfoBox .infoList li a.txtR {
  flex: 1;
  color: #292929;
}
.snzGameDetialWrap .releteInfoBox .infoList li p.txtColor,
.snzGameDetialWrap .releteInfoBox .infoList li a.txtColor {
  color: #7064E1;
}
.snzGameDetialWrap .releteInfoBox .infoList li:last-child {
  border: 0;
}
.snzGameDetialWrap .similarGamesBox {
  padding: 0 0.2rem;
}
.snzGameDetialWrap .similarGamesBox .changeWrap .titleBox {
  padding: 0.34rem 0 0.25rem 0;
}
.snzGameDetialWrap .similarGamesBox .changeWrap .titleBox .icon {
  font-size: 0;
  width: 0.99rem;
  height: 0.26rem;
  margin-top: 0.09rem;
  background-position: -1.74rem -2.54rem;
}
.snzGameDetialWrap .similarGamesBox .changeWrap .changeInfo {
  display: none;
}
.snzGameDetialWrap .similarGamesBox .changeWrap .changeInfo .similarList {
  padding: 0.03rem 0.28rem 0.33rem 0.28rem;
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(4, 1.32rem);
  background-color: white;
  border-radius: 0.16rem;
}
.snzGameDetialWrap .similarGamesBox .changeWrap .changeInfo .similarList a {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.29rem;
}
.snzGameDetialWrap .similarGamesBox .changeWrap .changeInfo .similarList a .imgBox {
  width: 1.12rem;
  height: 1.12rem;
  overflow: hidden;
  border-radius: 0.24rem;
}
.snzGameDetialWrap .similarGamesBox .changeWrap .changeInfo .similarList a .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.snzGameDetialWrap .similarGamesBox .changeWrap .changeInfo .similarList a .name {
  font-size: 0.28rem;
  color: #0F0F0F;
  line-height: 0.28rem;
  text-align: center;
  margin-top: 0.16rem;
}
.snzGameDetialWrap .similarGamesBox .changeWrap .changeInfo .similarList a .time {
  font-size: 0.24rem;
  color: #999999;
  line-height: 0.24rem;
  text-align: center;
  margin-top: 11px;
}
.snzGameDetialWrap .similarGamesBox .changeWrap .changeInfo.changeActive {
  display: block;
}
.snzGameDetialWrap .releteTopicBox {
  padding: 0 0.2rem;
}
.snzGameDetialWrap .releteTopicBox .changeWrap .titleBox {
  padding: 0.34rem 0 0.25rem 0;
}
.snzGameDetialWrap .releteTopicBox .changeWrap .titleBox .icon {
  font-size: 0;
  width: 0.99rem;
  height: 0.26rem;
  margin-top: 0.09rem;
  background-position: -1.74rem -2.54rem;
}
.snzGameDetialWrap .releteTopicBox .changeWrap .changeInfo {
  display: none;
}
.snzGameDetialWrap .releteTopicBox .changeWrap .changeInfo .releteTopic {
  padding: 0.25rem 0.24rem 0.32rem 0.22rem;
  border-radius: 0.16rem;
  background-color: white;
}
.snzGameDetialWrap .releteTopicBox .changeWrap .changeInfo .releteTopic .releteTopicSwiper,
.snzGameDetialWrap .releteTopicBox .changeWrap .changeInfo .releteTopic .releteTopicTwoSwiper {
  padding: 0.1rem 0 0 0.02rem;
}
.snzGameDetialWrap .releteTopicBox .changeWrap .changeInfo .releteTopic .releteTopicSwiper .swiper-wrapper,
.snzGameDetialWrap .releteTopicBox .changeWrap .changeInfo .releteTopic .releteTopicTwoSwiper .swiper-wrapper {
  width: max-content;
  height: 0.64rem;
  border-radius: 0.08rem;
  background-color: #F5F5F5;
}
.snzGameDetialWrap .releteTopicBox .changeWrap .changeInfo .releteTopic .releteTopicSwiper .swiper-wrapper .swiper-slide,
.snzGameDetialWrap .releteTopicBox .changeWrap .changeInfo .releteTopic .releteTopicTwoSwiper .swiper-wrapper .swiper-slide {
  width: auto;
  color: #666666;
  height: 0.64rem;
  font-size: 0.24rem;
  line-height: 0.64rem;
  padding: 0 0.16rem;
  margin-right: 0.24rem;
}
.snzGameDetialWrap .releteTopicBox .changeWrap .changeInfo .releteTopic .releteTopicSwiper .swiper-wrapper .swiper-slide.active,
.snzGameDetialWrap .releteTopicBox .changeWrap .changeInfo .releteTopic .releteTopicTwoSwiper .swiper-wrapper .swiper-slide.active {
  height: 0.72rem;
  color: #6A68E4;
  margin-top: -0.06rem;
  line-height: 0.72rem;
  background-color: white;
  border-radius: 0.08rem 0.08rem 0 0;
  box-shadow: 0 -0.04rem 0.04rem 0rem rgba(106, 104, 228, 0.12);
}
.snzGameDetialWrap .releteTopicBox .changeWrap .changeInfo .releteTopic .releteTopicCard {
  padding-left: 0.02rem;
  display: flex;
  margin-top: 0.28rem;
}
.snzGameDetialWrap .releteTopicBox .changeWrap .changeInfo .releteTopic .releteTopicCard .imgBox {
  width: 2.84rem;
  height: 1.6rem;
  overflow: hidden;
  border-radius: 0.12rem;
}
.snzGameDetialWrap .releteTopicBox .changeWrap .changeInfo .releteTopic .releteTopicCard .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.snzGameDetialWrap .releteTopicBox .changeWrap .changeInfo .releteTopic .releteTopicCard .txtBox {
  flex: 1;
  padding-left: 0.23rem;
}
.snzGameDetialWrap .releteTopicBox .changeWrap .changeInfo .releteTopic .releteTopicCard .txtBox .name {
  font-weight: bold;
  font-size: 0.28rem;
  color: #292929;
  line-height: 0.28rem;
  margin-top: 0.1rem;
}
.snzGameDetialWrap .releteTopicBox .changeWrap .changeInfo .releteTopic .releteTopicCard .txtBox .brief {
  font-size: 0.24rem;
  color: #999999;
  line-height: 0.36rem;
  margin-top: 0.13rem;
}
.snzGameDetialWrap .releteTopicBox .changeWrap .changeInfo .releteTopic .detailCardBox {
  padding: 0.23rem 0 0 0.02rem;
}
.snzGameDetialWrap .releteTopicBox .changeWrap .changeInfo .releteTopic .detailCardBox .detailBtomCard {
  padding-bottom: 0.29rem;
  border-radius: 0.16rem;
  background-color: #F7F7F7;
}
.snzGameDetialWrap .releteTopicBox .changeWrap .changeInfo .releteTopic .detailCardBox .detailBtomCard .timeBox {
  padding: 0.25rem 0.21rem 0 0.2rem;
  display: flex;
  justify-content: space-between;
}
.snzGameDetialWrap .releteTopicBox .changeWrap .changeInfo .releteTopic .detailCardBox .detailBtomCard .timeBox p {
  font-size: 0.24rem;
  color: #999999;
  line-height: 0.28rem;
}
.snzGameDetialWrap .releteTopicBox .changeWrap .changeInfo .releteTopic .detailCardBox .detailBtomCard .timeBox p span {
  font-size: 0.24rem;
  color: #999999;
  line-height: 0.28rem;
}
.snzGameDetialWrap .releteTopicBox .changeWrap .changeInfo .releteTopic .detailCardBox .detailBtomCard .timeBox p span:nth-child(2) {
  color: #7B79E7;
  margin: 0 0.06rem 0 0.07rem;
}
.snzGameDetialWrap .releteTopicBox .changeWrap .changeInfo .releteTopic .detailCardBox .detailBtomCard .topicList {
  padding: 0.26rem 0.23rem 0 0.23rem;
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(4, 1.32rem);
}
.snzGameDetialWrap .releteTopicBox .changeWrap .changeInfo .releteTopic .detailCardBox .detailBtomCard .topicList a {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.snzGameDetialWrap .releteTopicBox .changeWrap .changeInfo .releteTopic .detailCardBox .detailBtomCard .topicList a .imgBox {
  width: 1.12rem;
  height: 1.12rem;
  overflow: hidden;
  border-radius: 0.24rem;
}
.snzGameDetialWrap .releteTopicBox .changeWrap .changeInfo .releteTopic .detailCardBox .detailBtomCard .topicList a .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.snzGameDetialWrap .releteTopicBox .changeWrap .changeInfo .releteTopic .detailCardBox .detailBtomCard .topicList a .name {
  text-align: center;
  font-size: 0.28rem;
  color: #0F0F0F;
  line-height: 0.28rem;
  margin-top: 0.17rem;
}
.snzGameDetialWrap .releteTopicBox .changeWrap .changeInfo .releteTopic .detailCardBox .detailBtomCard .topicList a .btn {
  width: 0.88rem;
  height: 0.48rem;
  font-size: 0.24rem;
  color: #6A68E4;
  margin-top: 0.2rem;
  text-align: center;
  line-height: 0.48rem;
  background: #EBEBFF;
  border-radius: 0.24rem;
}
.snzGameDetialWrap .releteTopicBox .changeWrap .changeInfo.changeActive {
  display: block;
}
.snzGameDetialWrap .gameEvaluateBox {
  padding: 0 0.2rem 0.5rem 0.2rem;
}
.snzGameDetialWrap .gameEvaluateBox .titleBox {
  padding: 0.59rem 0 0.24rem 0;
}
.snzGameDetialWrap .gameEvaluateBox .gameEvaluate {
  padding-bottom: 0.32rem;
  border-radius: 0.16rem;
  background-color: white;
}
.snzGameDetialWrap .gameEvaluateBox .gameEvaluate .textareaBox {
  padding: 0.29rem 0.24rem 0 0.24rem;
}
.snzGameDetialWrap .gameEvaluateBox .gameEvaluate .textareaBox textarea {
  width: 100%;
  height: 2.59rem;
  border-radius: 0.16rem;
  border: none;
  resize: none;
  font-size: 0.24rem;
  color: #808080;
  padding: 0.19rem 0.28rem 0 0.21rem;
  line-height: 0.36rem;
  background-color: #FAFAFA;
}
.snzGameDetialWrap .gameEvaluateBox .gameEvaluate .submitBox {
  padding: 0.32rem 0 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.snzGameDetialWrap .gameEvaluateBox .gameEvaluate .submitBox .submit {
  width: 6.62rem;
  height: 0.88rem;
  font-size: 0.32rem;
  color: #FFFFFF;
  text-align: center;
  line-height: 0.88rem;
  border-radius: 0.44rem;
  background-color: #7064E1;
}
.snzGameDetialWrap .gameEvaluateBox .gameEvaluate .submitBox .submitTxt {
  font-size: 0.24rem;
  color: #A8A8A8;
  line-height: 0.24rem;
  margin-top: 0.18rem;
}
.snzGameDetialWrap .gameEvaluateBox .gameEvaluate .commentList {
  padding: 0.44rem 0.24rem 0 0.24rem;
}
.snzGameDetialWrap .gameEvaluateBox .gameEvaluate .commentList li {
  padding: 0.3rem 0 0.32rem 0;
  border-top: 0.01rem solid #E6E6E6;
}
.snzGameDetialWrap .gameEvaluateBox .gameEvaluate .commentList li .commentTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.snzGameDetialWrap .gameEvaluateBox .gameEvaluate .commentList li .commentTop .nickName {
  font-weight: bold;
  font-size: 0.28rem;
  color: #7064E1;
  line-height: 0.28rem;
}
.snzGameDetialWrap .gameEvaluateBox .gameEvaluate .commentList li .commentTop .time {
  font-size: 0.24rem;
  color: #A8A8A8;
  line-height: 0.24rem;
}
.snzGameDetialWrap .gameEvaluateBox .gameEvaluate .commentList li .commentTxt {
  font-size: 0.24rem;
  color: #333333;
  line-height: 0.36rem;
  margin-top: 0.15rem;
}
.snzGameDetialWrap .gameEvaluateBox .gameEvaluate .commentList li .conpmentIconBox {
  margin-top: 0.09rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.snzGameDetialWrap .gameEvaluateBox .gameEvaluate .commentList li .conpmentIconBox .moreTxt {
  font-size: 0.24rem;
  color: #7064E1;
  line-height: 0.24rem;
}
.snzGameDetialWrap .gameEvaluateBox .gameEvaluate .commentList li .conpmentIconBox .replyBox {
  display: flex;
}
.snzGameDetialWrap .gameEvaluateBox .gameEvaluate .commentList li .conpmentIconBox .replyBox p {
  font-size: 0.24rem;
  color: #A8A8A8;
  line-height: 0.24rem;
}
.snzGameDetialWrap .gameEvaluateBox .gameEvaluate .commentList li .conpmentIconBox .replyBox .icon {
  width: 0.26rem;
  height: 0.24rem;
  margin-top: 0.01rem;
  background-position: -4.2rem -1.12rem;
}
.snzGameDetialWrap .gameEvaluateBox .gameEvaluate .commentList li .commentChild {
  margin-top: 0.25rem;
  padding: 0 0.22rem 0.25rem 0.22rem;
  background-color: #FAFAFA;
}
.snzGameDetialWrap .gameEvaluateBox .gameEvaluate .commentList li .commentChild .commentChildTop {
  padding: 0.22rem 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.snzGameDetialWrap .gameEvaluateBox .gameEvaluate .commentList li .commentChild .commentChildTop .nickName {
  font-size: 0.24rem;
  color: #7064E1;
  line-height: 0.24rem;
}
.snzGameDetialWrap .gameEvaluateBox .gameEvaluate .commentList li .commentChild .commentChildTop .time {
  font-size: 0.24rem;
  color: #A8A8A8;
  line-height: 0.24rem;
}
.snzGameDetialWrap .gameEvaluateBox .gameEvaluate .commentList li .commentChild .commentChildTxt {
  font-size: 0.24rem;
  color: #4D4D4D;
  margin-top: 0.2rem;
  line-height: 0.36rem;
}
.snzGameDetialWrap .gameEvaluateBox .gameEvaluate .commentList li .commentChild .commentChildTxt span {
  color: #7064E1;
}
.snzGameDetialWrap .gameEvaluateBox .gameEvaluate .allCommentBox {
  display: flex;
  justify-content: center;
}
.snzGameDetialWrap .gameEvaluateBox .gameEvaluate .allCommentBox .allComment {
  width: auto;
  font-size: 0.24rem;
  color: #7064E1;
  line-height: 0.24rem;
  padding-bottom: 0.12rem;
  border-bottom: 0.02rem solid #7064E1;
}
.snzTopicDetailWrap .topicDetailCardBox {
  padding: 0 0.2rem;
}
.snzTopicDetailWrap .topicDetailCardBox .topicDetailCard .imgBox {
  width: 100%;
  height: 3.98rem;
  overflow: hidden;
  position: relative;
  border-radius: 0.12rem 0.12rem 0 0;
}
.snzTopicDetailWrap .topicDetailCardBox .topicDetailCard .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.snzTopicDetailWrap .topicDetailCardBox .topicDetailCard .imgBox h1 {
  width: 100%;
  height: 0.89rem;
  padding: 0.35rem 0.24rem 0 0.24rem;
  position: absolute;
  bottom: 0;
  font-weight: 400;
  font-size: 0.32rem;
  color: #FFFFFF;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 0.32rem;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}
.snzTopicDetailWrap .topicDetailCardBox .topicDetailCard .txtBox {
  padding-bottom: 0.16rem;
  background-color: white;
}
.snzTopicDetailWrap .topicDetailCardBox .topicDetailCard .txtBox .timeAndNum {
  padding: 0.31rem 0.39rem 0 0.24rem;
  display: flex;
  justify-content: space-between;
}
.snzTopicDetailWrap .topicDetailCardBox .topicDetailCard .txtBox .timeAndNum .time {
  font-size: 0.24rem;
  color: #999999;
  line-height: 0.24rem;
}
.snzTopicDetailWrap .topicDetailCardBox .topicDetailCard .txtBox .timeAndNum .num {
  font-size: 0.24rem;
  color: #999999;
  line-height: 0.24rem;
}
.snzTopicDetailWrap .topicDetailCardBox .topicDetailCard .txtBox .timeAndNum .num span {
  font-size: 0.24rem;
  color: #999999;
  line-height: 0.24rem;
}
.snzTopicDetailWrap .topicDetailCardBox .topicDetailCard .txtBox .timeAndNum .num span:nth-child(2) {
  color: #7064E1;
}
.snzTopicDetailWrap .topicDetailCardBox .topicDetailCard .txtBox .topicDetailTxtBox {
  position: relative;
}
.snzTopicDetailWrap .topicDetailCardBox .topicDetailCard .txtBox .topicDetailTxtBox .topicDetailTxt {
  padding: 0 0.24rem;
  font-size: 0.28rem;
  color: #404040;
  line-height: 0.48rem;
  margin-top: 0.15rem;
}
.snzTopicDetailWrap .topicDetailCardBox .topicDetailCard .txtBox .topicDetailTxtBox .detailTxt {
  width: 2.46rem;
  height: 0.38rem;
  font-size: 0.24rem;
  color: #7064E1;
  text-align: right;
  line-height: 0.38rem;
  position: absolute;
  bottom: 0.05rem;
  right: 0.19rem;
  background: linear-gradient(to left, #FFFFFF 0%, rgba(255, 255, 255, 0.98) 23%, rgba(255, 255, 255, 0) 100%);
  border-radius: 0.05rem;
}
.snzTopicDetailWrap .topicDetailList {
  padding: 0 0.2rem;
}
.snzTopicDetailWrap .topicDetailList .allTypeList li {
  margin-top: 0.2rem;
  border-radius: 0.16rem;
  background-color: white;
  padding: 0.32rem 0.24rem 0.33rem 0.24rem;
}
.snzTopicDetailWrap .topicDetailList .allTypeList li .headerType {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.snzTopicDetailWrap .topicDetailList .allTypeList li .headerType .txtImgBox {
  flex: 1;
  display: flex;
  overflow: hidden;
}
.snzTopicDetailWrap .topicDetailList .allTypeList li .headerType .txtImgBox .imgBox {
  width: 0.88rem;
  height: 0.88rem;
  overflow: hidden;
  border-radius: 0.2rem;
}
.snzTopicDetailWrap .topicDetailList .allTypeList li .headerType .txtImgBox .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.snzTopicDetailWrap .topicDetailList .allTypeList li .headerType .txtImgBox .txtBox {
  flex: 1;
  overflow: hidden;
  padding-left: 0.2rem;
}
.snzTopicDetailWrap .topicDetailList .allTypeList li .headerType .txtImgBox .txtBox .name {
  font-size: 0.28rem;
  color: #362C2A;
  line-height: 0.28rem;
  margin-top: 0.09rem;
}
.snzTopicDetailWrap .topicDetailList .allTypeList li .headerType .txtImgBox .txtBox .timeBox {
  margin-top: 0.2rem;
  display: flex;
  align-items: center;
}
.snzTopicDetailWrap .topicDetailList .allTypeList li .headerType .txtImgBox .txtBox .timeBox p {
  font-size: 0.24rem;
  color: #999999;
  line-height: 0.24rem;
}
.snzTopicDetailWrap .topicDetailList .allTypeList li .headerType .txtImgBox .txtBox .timeBox .space {
  color: #CCCCCC;
  margin: 0 0.15rem 0 0.16rem;
}
.snzTopicDetailWrap .topicDetailList .allTypeList li .headerType .btn {
  width: 0.88rem;
  height: 0.48rem;
  font-weight: 400;
  font-size: 0.24rem;
  color: #6A68E4;
  text-align: center;
  line-height: 0.48rem;
  background: #EBEBFF;
  border-radius: 0.24rem;
}
.snzTopicDetailWrap .topicDetailList .allTypeList li .brief {
  margin-top: 0.23rem;
  padding: 0.25rem 0.23rem;
  font-size: 0.24rem;
  color: #292929;
  line-height: 0.24rem;
  border-radius: 0.08rem;
  background-color: #F5F5F5;
}
.snzTopicDetailWrap .topicDetailList .pageBox {
  padding: 0.36rem 0 0 0;
}
.snzTopicDetailWrap .relatedTopicBox {
  padding: 0 0.2rem 0.5rem 0.2rem;
}
.snzTopicDetailWrap .relatedTopicBox .titleBox {
  padding: 0.34rem 0 0.25rem 0;
}
.snzTopicDetailWrap .relatedTopicBox .relatedTopic {
  padding: 0.08rem 0.23rem 0.32rem 0.24rem;
  display: grid;
  border-radius: 0.16rem;
  justify-content: space-between;
  grid-template-columns: repeat(2, 3.2rem);
  background-color: white;
}
.snzTopicDetailWrap .relatedTopicBox .relatedTopic a {
  margin-top: 0.24rem;
}
.snzTopicDetailWrap .relatedTopicBox .relatedTopic a .imgBox {
  width: 3.2rem;
  height: 1.8rem;
  overflow: hidden;
  position: relative;
  border-radius: 0.12rem;
}
.snzTopicDetailWrap .relatedTopicBox .relatedTopic a .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.snzTopicDetailWrap .relatedTopicBox .relatedTopic a .imgBox .maskTxt {
  width: 100%;
  height: 0.89rem;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0.42rem 0.23rem 0 0.23rem;
  font-size: 0.28rem;
  line-height: 0.28rem;
  color: #FFFFFF;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}
.snzNewsDetailWrap .newsDetailTopBox {
  padding: 0 0.2rem;
}
.snzNewsDetailWrap .newsDetailTopBox .newsDetailTop {
  padding-bottom: 0.32rem;
  border-radius: 0.16rem;
  background-color: white;
}
.snzNewsDetailWrap .newsDetailTopBox .newsDetailTop h1 {
  padding: 0.4rem 0.24rem 0 0.24rem;
  font-weight: bold;
  font-size: 0.36rem;
  color: #292929;
  line-height: 0.48rem;
}
.snzNewsDetailWrap .newsDetailTopBox .newsDetailTop .timeAndedit {
  margin-top: 0.19rem;
  display: flex;
  justify-content: center;
}
.snzNewsDetailWrap .newsDetailTopBox .newsDetailTop .timeAndedit p {
  font-size: 0.24rem;
  color: #999999;
  line-height: 0.24rem;
}
.snzNewsDetailWrap .newsDetailTopBox .newsDetailTop .timeAndedit p:nth-child(2) {
  margin-left: 0.34rem;
}
.snzNewsDetailWrap .newsDetailTopBox .newsDetailTop .newsDetialTxt {
  padding: 0.19rem 0.24rem 0 0.24rem;
  font-size: 0.3rem;
  color: #4D4D4D;
  line-height: 0.6rem;
}
.snzNewsDetailWrap .newsDetailTopBox .newsDetailTop .newsDetialTxt p {
  font-size: 0.3rem;
  color: #4D4D4D;
  line-height: 0.6rem;
  margin-top: 0.08rem;
}
.snzNewsDetailWrap .newsDetailTopBox .newsDetailTop .newsDetialTxt img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0.24rem auto 0.2rem auto;
}
.snzNewsDetailWrap .newsDetailTopBox .newsDetailTop .newsDetialTxt video {
  max-width: 100%;
  height: 100%;
  display: block;
  object-fit: fill;
  margin: 0.24rem auto 0.2rem auto;
}
.snzNewsDetailWrap .newsDetailTopBox .newsDetailTop .newsDetialTxt iframe {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0.24rem auto 0.2rem auto;
}
.snzNewsDetailWrap .newsDetailTopBox .newsDetailTop .newsDetialTxt h3 {
  font-weight: bold;
  font-size: 0.28rem;
  color: #292929;
  line-height: 0.28rem;
}
.snzNewsDetailWrap .newsDetailTopBox .newsDetailTop .nexAndprevBox {
  margin-top: 0.2rem;
  padding: 0 0.24rem;
  display: flex;
  justify-content: space-between;
}
.snzNewsDetailWrap .newsDetailTopBox .newsDetailTop .nexAndprevBox .prev,
.snzNewsDetailWrap .newsDetailTopBox .newsDetailTop .nexAndprevBox .next {
  width: 3.2rem;
}
.snzNewsDetailWrap .newsDetailTopBox .newsDetailTop .nexAndprevBox .prev .newsName,
.snzNewsDetailWrap .newsDetailTopBox .newsDetailTop .nexAndprevBox .next .newsName {
  width: 100%;
  height: 0.72rem;
  font-size: 0.24rem;
  color: #292929;
  line-height: 0.72rem;
  padding: 0 0.24rem;
  border: 0.01rem solid #EEEEEE;
  border-bottom: 0;
  border-radius: 0.1rem 0.1rem 0px 0;
}
.snzNewsDetailWrap .newsDetailTopBox .newsDetailTop .nexAndprevBox .prev .newsTime,
.snzNewsDetailWrap .newsDetailTopBox .newsDetailTop .nexAndprevBox .next .newsTime {
  padding: 0.12rem 0.19rem 0 0.19rem;
  height: 0.48rem;
  display: flex;
  justify-content: space-between;
  background-color: #ECEBF4;
  border-radius: 0 0 0.1rem 0.1rem;
}
.snzNewsDetailWrap .newsDetailTopBox .newsDetailTop .nexAndprevBox .prev .newsTime .prevTxt,
.snzNewsDetailWrap .newsDetailTopBox .newsDetailTop .nexAndprevBox .next .newsTime .prevTxt {
  font-size: 0.24rem;
  color: #7064E1;
  line-height: 0.24rem;
}
.snzNewsDetailWrap .newsDetailTopBox .newsDetailTop .nexAndprevBox .prev .newsTime .time,
.snzNewsDetailWrap .newsDetailTopBox .newsDetailTop .nexAndprevBox .next .newsTime .time {
  font-size: 0.24rem;
  color: #7064E1;
  line-height: 0.24rem;
}
.snzNewsDetailWrap .newsDetailTopBox .newsDetailTop .copyBox {
  padding: 0 0.24rem;
  margin-top: 0.32rem;
}
.snzNewsDetailWrap .newsDetailTopBox .newsDetailTop .copyBox .copy {
  padding: 0.18rem 0.25rem 0.28rem 0.25rem;
  border-radius: 0.08rem;
  background-color: #EDEBFF;
  border: 0.01rem solid #B1A4F1;
}
.snzNewsDetailWrap .newsDetailTopBox .newsDetailTop .copyBox .copy .copyTxt {
  font-size: 0.24rem;
  color: #292929;
  line-height: 0.4rem;
}
.snzNewsDetailWrap .newsDetailTopBox .newsDetailTop .copyBox .copy .copyTxt span {
  font-size: 0.24rem;
  color: #292929;
  line-height: 0.4rem;
}
.snzNewsDetailWrap .newsDetailTopBox .newsDetailTop .copyBox .copy .copyTxt span:nth-child(1) {
  color: #7064E1;
}
.snzNewsDetailWrap .newsDetailTopBox .newsDetailTop .copyBox .copy .copyBtn {
  margin-top: 0.16rem;
  height: 0.64rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.1rem;
  background-color: #7064E1;
}
.snzNewsDetailWrap .newsDetailTopBox .newsDetailTop .copyBox .copy .copyBtn .icon {
  width: 0.28rem;
  height: 0.28rem;
  background-position: -4.2rem -0.64rem;
}
.snzNewsDetailWrap .newsDetailTopBox .newsDetailTop .copyBox .copy .copyBtn .copyBtnTxt {
  margin-left: 0.07rem;
  font-size: 0.24rem;
  color: #F5F5F5;
  line-height: 0.24rem;
}
.snzNewsDetailWrap .newsDetailCardBox {
  padding: 0.36rem 0.2rem 0 0.2rem;
}
.snzNewsDetailWrap .newsDetailCardBox .newsDetailCard {
  padding: 0.12rem 0.12rem 0.11rem 0.12rem;
  border-radius: 0.08rem;
  background: linear-gradient(0deg, rgba(97, 169, 253, 0.2) 0%, rgba(139, 87, 242, 0.2) 100%);
}
.snzNewsDetailWrap .newsDetailCardBox .newsDetailCard .newsDetailCardContont {
  padding: 0.25rem 0.13rem 0.25rem 0.25rem;
  border-radius: 0.06rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  box-shadow: 0 0.04rem 0.04rem 0 rgba(0, 0, 0, 0.08);
}
.snzNewsDetailWrap .newsDetailCardBox .newsDetailCard .newsDetailCardContont .txtImgBox {
  display: flex;
}
.snzNewsDetailWrap .newsDetailCardBox .newsDetailCard .newsDetailCardContont .txtImgBox .imgBox {
  width: 1.1rem;
  height: 1.1rem;
  overflow: hidden;
  border-radius: 0.2rem;
}
.snzNewsDetailWrap .newsDetailCardBox .newsDetailCard .newsDetailCardContont .txtImgBox .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.snzNewsDetailWrap .newsDetailCardBox .newsDetailCard .newsDetailCardContont .txtImgBox .txtBox {
  flex: 1;
  padding-left: 0.25rem;
}
.snzNewsDetailWrap .newsDetailCardBox .newsDetailCard .newsDetailCardContont .txtImgBox .txtBox .name {
  font-weight: 500;
  font-size: 0.3rem;
  color: #292929;
  line-height: 0.3rem;
  margin-top: 0.01rem;
}
.snzNewsDetailWrap .newsDetailCardBox .newsDetailCard .newsDetailCardContont .txtImgBox .txtBox .sizeBox {
  margin-top: 0.16rem;
  display: flex;
  align-items: center;
}
.snzNewsDetailWrap .newsDetailCardBox .newsDetailCard .newsDetailCardContont .txtImgBox .txtBox .sizeBox p {
  font-size: 0.24rem;
  color: #999999;
  line-height: 0.24rem;
}
.snzNewsDetailWrap .newsDetailCardBox .newsDetailCard .newsDetailCardContont .txtImgBox .txtBox .sizeBox p:nth-child(2) {
  margin-left: 0.25rem;
}
.snzNewsDetailWrap .newsDetailCardBox .newsDetailCard .newsDetailCardContont .txtImgBox .txtBox .sizeBox p:nth-child(3) {
  margin-left: 0.36rem;
}
.snzNewsDetailWrap .newsDetailCardBox .newsDetailCard .newsDetailCardContont .txtImgBox .txtBox .brief {
  margin-top: 0.16rem;
  max-width: 3.72rem;
  font-size: 0.24rem;
  color: #999999;
  line-height: 0.24rem;
}
.snzNewsDetailWrap .newsDetailCardBox .newsDetailCard .newsDetailCardContont .btn {
  width: 0.88rem;
  height: 0.48rem;
  font-size: 0.24rem;
  color: #6A68E4;
  text-align: center;
  line-height: 0.48rem;
  border-radius: 0.24rem;
  background-color: #EBEBFF;
}
.snzNewsDetailWrap .similarGamesBox {
  padding: 0 0.2rem;
}
.snzNewsDetailWrap .similarGamesBox .changeWrap .titleBox {
  padding: 0.34rem 0 0.25rem 0;
}
.snzNewsDetailWrap .similarGamesBox .changeWrap .titleBox .icon {
  font-size: 0;
  width: 0.99rem;
  height: 0.26rem;
  margin-top: 0.09rem;
  background-position: -1.74rem -2.54rem;
}
.snzNewsDetailWrap .similarGamesBox .changeWrap .changeInfo {
  display: none;
}
.snzNewsDetailWrap .similarGamesBox .changeWrap .changeInfo .similarList {
  padding: 0.03rem 0.28rem 0.33rem 0.28rem;
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(4, 1.32rem);
  background-color: white;
  border-radius: 0.16rem;
}
.snzNewsDetailWrap .similarGamesBox .changeWrap .changeInfo .similarList a {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.29rem;
}
.snzNewsDetailWrap .similarGamesBox .changeWrap .changeInfo .similarList a .imgBox {
  width: 1.12rem;
  height: 1.12rem;
  overflow: hidden;
  border-radius: 0.24rem;
}
.snzNewsDetailWrap .similarGamesBox .changeWrap .changeInfo .similarList a .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.snzNewsDetailWrap .similarGamesBox .changeWrap .changeInfo .similarList a .name {
  font-size: 0.28rem;
  color: #0F0F0F;
  line-height: 0.28rem;
  text-align: center;
  margin-top: 0.16rem;
}
.snzNewsDetailWrap .similarGamesBox .changeWrap .changeInfo .similarList a .time {
  font-size: 0.24rem;
  color: #999999;
  line-height: 0.24rem;
  text-align: center;
  margin-top: 11px;
}
.snzNewsDetailWrap .similarGamesBox .changeWrap .changeInfo.changeActive {
  display: block;
}
.snzNewsDetailWrap .relatedNewsBox {
  padding: 0 0.2rem;
}
.snzNewsDetailWrap .relatedNewsBox .changeWrap .titleBox {
  padding: 0.34rem 0 0.28rem 0;
}
.snzNewsDetailWrap .relatedNewsBox .changeWrap .titleBox .icon {
  font-size: 0;
  width: 0.99rem;
  height: 0.26rem;
  margin-top: 0.09rem;
  background-position: -1.74rem -2.54rem;
}
.snzNewsDetailWrap .relatedNewsBox .changeWrap .changeInfo {
  display: none;
}
.snzNewsDetailWrap .relatedNewsBox .changeWrap .changeInfo .newsDetailList {
  padding-bottom: 0.32rem;
  border-radius: 0.16rem;
  background-color: white;
}
.snzNewsDetailWrap .relatedNewsBox .changeWrap .changeInfo .newsDetailList li {
  padding: 0.36rem 0.23rem 0 0.26rem;
  display: flex;
  justify-content: space-between;
}
.snzNewsDetailWrap .relatedNewsBox .changeWrap .changeInfo .newsDetailList li .txtBox {
  flex: 1;
  display: flex;
  padding: 0 0.28rem 0.09rem 0;
  flex-direction: column;
  justify-content: space-between;
}
.snzNewsDetailWrap .relatedNewsBox .changeWrap .changeInfo .newsDetailList li .txtBox .brief {
  font-size: 0.3rem;
  color: #292929;
  line-height: 0.48rem;
  margin-top: -0.03rem;
}
.snzNewsDetailWrap .relatedNewsBox .changeWrap .changeInfo .newsDetailList li .txtBox .time {
  font-size: 0.24rem;
  color: #999999;
  line-height: 0.24rem;
}
.snzNewsDetailWrap .relatedNewsBox .changeWrap .changeInfo .newsDetailList li .imgBox {
  width: 2.68rem;
  height: 1.52rem;
  overflow: hidden;
  border-radius: 0.08rem;
}
.snzNewsDetailWrap .relatedNewsBox .changeWrap .changeInfo .newsDetailList li .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.snzNewsDetailWrap .relatedNewsBox .changeWrap .changeInfo .newsDetailList li:nth-child(1) {
  padding: 0.3rem 0.23rem 0 0.26rem;
}
.snzNewsDetailWrap .relatedNewsBox .changeWrap .changeInfo.changeActive {
  display: block;
}
.snzNewsDetailWrap .gameEvaluateBox {
  padding: 0 0.2rem 0.5rem 0.2rem;
}
.snzNewsDetailWrap .gameEvaluateBox .titleBox {
  padding: 0.35rem 0 0.24rem 0;
}
.snzNewsDetailWrap .gameEvaluateBox .gameEvaluate {
  padding-bottom: 0.32rem;
  border-radius: 0.16rem;
  background-color: white;
}
.snzNewsDetailWrap .gameEvaluateBox .gameEvaluate .textareaBox {
  padding: 0.29rem 0.24rem 0 0.24rem;
}
.snzNewsDetailWrap .gameEvaluateBox .gameEvaluate .textareaBox textarea {
  width: 100%;
  height: 2.59rem;
  border-radius: 0.16rem;
  border: none;
  resize: none;
  font-size: 0.24rem;
  color: #808080;
  padding: 0.19rem 0.28rem 0 0.21rem;
  line-height: 0.36rem;
  background-color: #FAFAFA;
}
.snzNewsDetailWrap .gameEvaluateBox .gameEvaluate .submitBox {
  padding: 0.32rem 0 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.snzNewsDetailWrap .gameEvaluateBox .gameEvaluate .submitBox .submit {
  width: 6.62rem;
  height: 0.88rem;
  font-size: 0.32rem;
  color: #FFFFFF;
  text-align: center;
  line-height: 0.88rem;
  border-radius: 0.44rem;
  background-color: #7064E1;
}
.snzNewsDetailWrap .gameEvaluateBox .gameEvaluate .submitBox .submitTxt {
  font-size: 0.24rem;
  color: #A8A8A8;
  line-height: 0.24rem;
  margin-top: 0.18rem;
}
.snzNewsDetailWrap .gameEvaluateBox .gameEvaluate .commentList {
  padding: 0.44rem 0.24rem 0 0.24rem;
}
.snzNewsDetailWrap .gameEvaluateBox .gameEvaluate .commentList li {
  padding: 0.3rem 0 0.32rem 0;
  border-top: 0.01rem solid #E6E6E6;
}
.snzNewsDetailWrap .gameEvaluateBox .gameEvaluate .commentList li .commentTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.snzNewsDetailWrap .gameEvaluateBox .gameEvaluate .commentList li .commentTop .nickName {
  font-weight: bold;
  font-size: 0.28rem;
  color: #7064E1;
  line-height: 0.28rem;
}
.snzNewsDetailWrap .gameEvaluateBox .gameEvaluate .commentList li .commentTop .time {
  font-size: 0.24rem;
  color: #A8A8A8;
  line-height: 0.24rem;
}
.snzNewsDetailWrap .gameEvaluateBox .gameEvaluate .commentList li .commentTxt {
  font-size: 0.24rem;
  color: #333333;
  line-height: 0.36rem;
  margin-top: 0.15rem;
}
.snzNewsDetailWrap .gameEvaluateBox .gameEvaluate .commentList li .conpmentIconBox {
  margin-top: 0.09rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.snzNewsDetailWrap .gameEvaluateBox .gameEvaluate .commentList li .conpmentIconBox .moreTxt {
  font-size: 0.24rem;
  color: #7064E1;
  line-height: 0.24rem;
}
.snzNewsDetailWrap .gameEvaluateBox .gameEvaluate .commentList li .conpmentIconBox .replyBox {
  display: flex;
}
.snzNewsDetailWrap .gameEvaluateBox .gameEvaluate .commentList li .conpmentIconBox .replyBox p {
  font-size: 0.24rem;
  color: #A8A8A8;
  line-height: 0.24rem;
}
.snzNewsDetailWrap .gameEvaluateBox .gameEvaluate .commentList li .conpmentIconBox .replyBox .icon {
  width: 0.26rem;
  height: 0.24rem;
  margin-top: 0.01rem;
  background-position: -4.2rem -1.12rem;
}
.snzNewsDetailWrap .gameEvaluateBox .gameEvaluate .commentList li .commentChild {
  margin-top: 0.25rem;
  padding: 0 0.22rem 0.25rem 0.22rem;
  background-color: #FAFAFA;
}
.snzNewsDetailWrap .gameEvaluateBox .gameEvaluate .commentList li .commentChild .commentChildTop {
  padding: 0.22rem 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.snzNewsDetailWrap .gameEvaluateBox .gameEvaluate .commentList li .commentChild .commentChildTop .nickName {
  font-size: 0.24rem;
  color: #7064E1;
  line-height: 0.24rem;
}
.snzNewsDetailWrap .gameEvaluateBox .gameEvaluate .commentList li .commentChild .commentChildTop .time {
  font-size: 0.24rem;
  color: #A8A8A8;
  line-height: 0.24rem;
}
.snzNewsDetailWrap .gameEvaluateBox .gameEvaluate .commentList li .commentChild .commentChildTxt {
  font-size: 0.24rem;
  color: #4D4D4D;
  margin-top: 0.2rem;
  line-height: 0.36rem;
}
.snzNewsDetailWrap .gameEvaluateBox .gameEvaluate .commentList li .commentChild .commentChildTxt span {
  color: #7064E1;
}
.snzNewsDetailWrap .gameEvaluateBox .gameEvaluate .allCommentBox {
  display: flex;
  justify-content: center;
}
.snzNewsDetailWrap .gameEvaluateBox .gameEvaluate .allCommentBox .allComment {
  width: auto;
  font-size: 0.24rem;
  color: #7064E1;
  line-height: 0.24rem;
  padding-bottom: 0.12rem;
  border-bottom: 0.02rem solid #7064E1;
}
.noPageWrap {
  height: calc(100vh - 4.47rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.noPageWrap img {
  max-width: 100%;
  height: auto;
}
.noPageWrap .goBack {
  width: 0.88rem;
  height: 0.48rem;
  font-size: 0.24rem;
  color: #6A68E4;
  text-align: center;
  line-height: 0.48rem;
  background: #EBEBFF;
  border-radius: 0.24rem;
}
.popupNavBox {
  width: 100%;
  max-width: 7.5rem;
  margin: 0 auto;
  height: calc(100vh - 0.94rem);
  position: fixed;
  top: 0.94rem;
  z-index: 99;
  border-radius: 0.1rem 0.1rem 0 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.popupNavBox .popupNav {
  padding: 0.16rem 0.58rem 0.64rem 0.58rem;
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(2, 2.92rem);
  border-radius: 0.1rem;
  background-color: white;
}
.popupNavBox .popupNav a {
  height: 0.72rem;
  color: #999999;
  font-size: 0.32rem;
  line-height: 0.72rem;
  text-align: center;
  margin-top: 0.48rem;
  border-radius: 0.05rem;
  background-color: #f5f5f5;
}
.popupNavBox .popupNav a.cusr {
  color: #7064e1;
  font-weight: bold;
  background-color: #f1f0ff;
}
footer {
  width: 100%;
  overflow: hidden;
  padding-bottom: 0.32rem;
  background-color: #292929;
}
footer .footerLogo {
  width: 2.54rem;
  height: 0.54rem;
  margin: 0.35rem auto 0 auto;
}
footer .footerLogo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
footer p {
  text-align: center;
  font-size: 0.22rem;
  color: #999999;
  line-height: 0.22rem;
  margin-top: 0.25rem;
}
footer .record {
  text-align: center;
  font-size: 0.22rem;
  color: #999999;
  line-height: 0.22rem;
  margin-top: 0.04rem;
}