body {
  background-color: #f2f2f2 !important;
}
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
  font-weight: normal !important;
}
.game_info {
  position: relative;
  overflow: hidden;
}
.game_info .blur {
  position: absolute;
  top: 0;
  left: 0;
  filter: blur(10px);
  width: 100%;
  height: 100%;
  z-index: -1;
}
.game_info .blur img {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.game_info .lochway {
  height: 0.52rem;
  line-height: 0.52rem;
  background: rgba(0, 0, 0, 0.3);
}
.game_info .lochway .position {
  color: #DEDEDE;
}
.game_info .lochway .position img {
  width: 0.2rem;
  display: inline-block;
  vertical-align: middle;
  transform: translateY(-0.03rem);
  margin-right: 0.05rem;
}
.game_info .lochway a,
.game_info .lochway span {
  color: #DEDEDE;
}
.game_info .game_info_box {
  padding: 0.16rem 0 0.16rem 0.32rem;
  display: flex;
  align-items: center;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), rgba(114, 102, 104, 0.3);
}
.game_info .game_info_box .game_logo {
  width: 1.28rem;
  margin-right: 0.22rem;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
.game_info .game_info_box .info_r .game_title {
  font-size: 0.34rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  margin-bottom: 0.2rem;
}
.game_info .game_info_box .info_r .tips {
  display: flex;
  align-items: center;
}
.game_info .game_info_box .info_r .tips > div {
  padding: 0.07rem 0.16rem 0.07rem 0.14rem;
  border-radius: 0.12rem;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  font-size: 0.24rem;
  margin-right: 0.16rem;
}
.game_info .game_info_box .info_r .tips > div img {
  margin-right: 0.08rem;
}
.game_info .game_info_box .info_r .tips > div:nth-of-type(1) {
  color: #1895FF;
}
.game_info .game_info_box .info_r .tips > div:nth-of-type(1) img {
  width: 0.22rem;
}
.game_info .game_info_box .info_r .tips > div:nth-of-type(2) {
  color: #1BCBA3;
}
.game_info .game_info_box .info_r .tips > div:nth-of-type(2) img {
  width: 0.2rem;
}
.game_des {
  padding: 0.2rem 0.3rem 0.25rem;
  position: relative;
  background-color: #fff;
  margin-bottom: 0.02rem;
}
.game_des .game_type {
  display: flex;
  font-family: PingFang SC;
  margin-bottom: 0.26rem;
}
.game_des .game_type > div {
  padding: 0.08rem 0.16rem 0.09rem 0.19rem;
  display: flex;
  align-items: center;
  color: #FFFFFF;
  background: #43A8F5;
  border-radius: 0.4rem;
  border: 1px solid transparent;
  font-size: 0.24rem;
  margin-right: 0.13rem;
}
.game_des .game_type > div a {
  display: flex;
  align-items: center;
}
.game_des .game_type > div .jt {
  width: 0.11rem;
  margin-left: 0.17rem;
}
.game_des .game_type > div .recommend {
  width: 0.2rem;
  margin-right: 0.07rem;
}
.game_des .game_type > div:nth-of-type(1) {
  color: #FF8156;
  border: 1px solid #FF8156;
  background: #fff;
}
.game_des .game_type > div:nth-of-type(3) {
  background: #32D0B0;
}
.game_des .score_box {
  position: absolute;
  top: 0.22rem;
  right: 0.22rem;
  width: 1.4rem;
  height: 1.4rem;
  background: #FFFFFF;
  box-shadow: 0px 0.08rem 0.2rem 0px rgba(166, 166, 166, 0.3);
  border-radius: 0.1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 0.24rem;
  font-family: PingFang SC;
  color: #999999;
}
.game_des .score_box i {
  font-weight: bold;
  color: #333333;
  font-size: 0.45rem;
}
.game_des .score_box div {
  position: relative;
  color: #333333;
}
.game_des .score_box div::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  width: 0.13rem;
  height: 0.1rem;
  background: url('/static/mobile/images/point-l.png') no-repeat;
  background-size: 100% 100%;
}
.game_des .score_box div::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(100%);
  width: 0.13rem;
  height: 0.1rem;
  background: url('/static/mobile/images/point-r.png') no-repeat;
  background-size: 100% 100%;
}
.game_des .game_extra_info {
  position: relative;
}
.game_des .game_extra_info span {
  font-size: 0.24rem;
  font-family: PingFang SC;
  color: #999999;
}
.game_des .game_extra_info span i {
  color: #333333;
  margin-left: 0.02rem;
}
.game_des .game_extra_info span:nth-of-type(1) {
  margin-right: 0.2rem;
}
.game_des .game_load {
  width: 100%;
  padding-top: 0.1rem;
  padding-bottom: 0.18rem;
  text-align: center;
  background: linear-gradient(90deg, #1DCDA5 0%, #00B38A 97%);
  border-radius: 0.37rem;
  margin-top: 0.3rem;
}
.game_des .game_load a {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 0.36rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  opacity: 0.9;
}
.game_detail_content {
  background-color: #fff;
  margin-top: 0.2rem;
  padding-bottom: 0.92rem;
  position: relative;
  margin-bottom: 0.2rem;
}
.game_detail_content .game_detail_nav {
  line-height: 0.83rem;
  display: flex;
  justify-content: space-between;
  padding-left: 1.24rem;
  padding-right: 1.29rem;
  font-size: 0.32rem;
  font-family: PingFang SC;
  color: #999999;
  position: relative;
  margin-bottom: 0.37rem;
}
.game_detail_content .game_detail_nav span {
  display: inline-block;
  height: 100%;
}
.game_detail_content .game_detail_nav .active {
  color: #00B38A;
  position: relative;
}
.game_detail_content .game_detail_nav .active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0.5rem;
  height: 0.07rem;
  background: linear-gradient(90deg, #54ECC6 0%, #24B893 100%);
  border-radius: 0.04rem;
}
.game_detail_content .game_detail_nav::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 6.9rem;
  height: 0.01rem;
  background: #EDF1F5;
}
.game_detail_content .game_detail_tips {
  text-align: center;
  font-size: 0.32rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  white-space: nowrap;
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: center;
}
.game_detail_content .game_detail_tips img {
  width: 0.13rem;
  height: 0.1rem;
}
.game_detail_content .game_detail_tips img:nth-of-type(1) {
  margin-right: 0.1rem;
}
.game_detail_content .game_detail_tips img:nth-of-type(2) {
  margin-left: 0.1rem;
}
.game_detail_content .game_detail_tips span {
  max-width: 6.2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.game_detail_content .img_items {
  padding-left: 0.28rem;
  overflow: auto;
  white-space: nowrap;
  margin-top: 0.2rem;
  margin-bottom: 0.12rem;
}
.game_detail_content .img_items .img_item {
  width: 6.23rem;
  border-radius: 0.08rem;
  margin-right: 0.22rem;
}
.game_detail_content .img_items::-webkit-scrollbar {
  height: 0;
  /*横向滚动条的高度*/
}
.game_detail_content .game_article {
  padding-left: 0.28rem;
  padding-right: 0.51rem;
  font-size: 0.28rem;
  font-family: PingFang SC;
  line-height: 0.48rem;
}
.game_detail_content .game_detail_footer {
  position: absolute;
  bottom: 0.34rem;
  left: 0.29rem;
  display: flex;
}
.game_detail_content .game_detail_footer > div {
  display: flex;
  align-items: center;
  font-size: 0.28rem;
  font-family: PingFang SC;
  color: #999999;
  margin-right: 0.4rem;
}
.game_detail_content .game_detail_footer > div img {
  margin-right: 0.06rem;
}
.game_detail_content .game_detail_footer > div:nth-of-type(1) img {
  width: 0.24rem;
}
.game_detail_content .game_detail_footer > div:nth-of-type(2) img {
  width: 0.27rem;
}
.game_detail_content .game_detail_footer > div:nth-of-type(3) img {
  width: 0.25rem;
}
.game_information {
  background-color: #fff;
  padding-bottom: 0.4rem;
}
.game_information .tips {
  padding-left: 0.3rem;
  font-size: 0.32rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  padding-top: 0.3rem;
}
.game_information .tips i {
  display: inline-block;
  width: 0.12rem;
  height: 0.32rem;
  background: #00B38A;
  margin-right: 0.19rem;
  vertical-align: middle;
}
.game_information .tips span {
  display: inline-block;
  vertical-align: middle;
  transform: translateY(-1px);
}
.game_information .w {
  margin-top: 0.15rem;
  padding-left: 0.3rem;
  font-size: 0.28rem;
  font-family: PingFang SC;
  color: #999999;
  line-height: 0.48rem;
}
.game_information .w i {
  color: #333333;
}
.relevant_version {
  background-color: #fff;
  margin-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.relevant_version .tips {
  padding-left: 0.3rem;
  font-size: 0.32rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  padding-top: 0.3rem;
}
.relevant_version .tips i {
  display: inline-block;
  width: 0.12rem;
  height: 0.32rem;
  background: #00B38A;
  margin-right: 0.19rem;
  vertical-align: middle;
}
.relevant_version .tips span {
  display: inline-block;
  vertical-align: middle;
  transform: translateY(-1px);
}
.relevant_version .version_items {
  padding: 0 0.3rem;
  margin-top: 0.3rem;
}
.relevant_version .version_items .version_item {
  background: #F5F7F8;
  border-radius: 0.12rem;
  margin-bottom: 0.18rem;
  padding: 0.14rem 0.24rem 0.16rem 0.16rem;
  font-family: PingFang SC;
}
.relevant_version .version_items .version_item a {
  display: flex;
  align-items: center;
}
.relevant_version .version_items .version_item .icon {
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.22rem;
}
.relevant_version .version_items .version_item .version_item_content {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.relevant_version .version_items .version_item .version_item_content .version_item_title {
  font-size: 0.28rem;
  color: #333333;
  line-height: 0.48rem;
}
.relevant_version .version_items .version_item .version_item_content p {
  font-size: 0.24rem;
  color: #999999;
}
.relevant_version .version_items .version_item .version_item_content p span {
  margin-right: 0.24rem;
}
.relevant_version .version_items .version_item .btn {
  width: 1.1rem;
  height: 0.48rem;
  background: #DCF5EF;
  border-radius: 0.24rem;
  text-align: center;
  line-height: 0.48rem;
  font-size: 0.28rem;
  color: #00B38A;
}
.recommend_game {
  background-color: #fff;
  margin-top: 0.2rem;
}
.recommend_game .tips {
  padding-left: 0.3rem;
  font-size: 0.32rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  padding-top: 0.3rem;
}
.recommend_game .tips i {
  display: inline-block;
  width: 0.12rem;
  height: 0.32rem;
  background: #00B38A;
  margin-right: 0.19rem;
  vertical-align: middle;
}
.recommend_game .tips span {
  display: inline-block;
  vertical-align: middle;
  transform: translateY(-1px);
}
.recommend_game ul {
  font-size: 0;
  padding: 0.32rem 0.31rem 0 0.28rem;
}
.recommend_game ul li {
  vertical-align: top;
  margin-right: 0.45rem;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  font-family: PingFang SC;
  font-size: 0;
  margin-bottom: 0.42rem;
}
.recommend_game ul li .game_logo {
  width: 1.3rem;
  height: 1.3rem;
}
.recommend_game ul li .game_name {
  text-align: center;
  width: 100%;
  font-size: 0.28rem;
  color: #666666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 0.1rem;
  margin-bottom: 0.05rem;
}
.recommend_game ul li:nth-of-type(4n) {
  margin-right: 0;
}
.recommend_game ul li .btn {
  width: 1.3rem;
  height: 0.48rem;
  border-radius: 0.08rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.28rem;
  font-family: PingFang SC;
  color: #FF8156;
  border: 0.01rem solid #FF8156;
  box-sizing: border-box;
}
.recommend_game ul li .btn.load {
  color: #00B38A;
  border: 0.01rem solid #00B38A;
}
.recommend_game ul li .btn.load span {
  transform: translateY(-1px);
}
.recommend_game ul li .btn img {
  width: 0.24rem;
  margin-right: 0.1rem;
}
.game_gl {
  background-color: #fff;
  margin-top: 0.2rem;
  padding-bottom: 0.41rem;
}
.game_gl .tips {
  padding-left: 0.3rem;
  font-size: 0.32rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  padding-top: 0.3rem;
}
.game_gl .tips i {
  display: inline-block;
  width: 0.12rem;
  height: 0.32rem;
  background: #00B38A;
  margin-right: 0.19rem;
  vertical-align: middle;
}
.game_gl .tips span {
  display: inline-block;
  vertical-align: middle;
  transform: translateY(-1px);
}
.game_gl .info_items {
  padding: 0rem 0.3rem 0rem;
}
.game_gl .info_items .info_item {
  margin-top: 0.3rem;
  font-size: 0;
  padding-bottom: 0.34rem;
  border-bottom: 1px solid #EEEEEE;
}
.game_gl .info_items .info_item a {
  display: flex;
}
.game_gl .info_items .info_item:nth-of-type(1) {
  margin-top: 0.2rem;
}
.game_gl .info_items .info_item:last-of-type {
  border-bottom: none;
}
.game_gl .info_items .info_item .info_item_l {
  flex: 1;
  margin-right: 0.31rem;
  padding-top: 0.08rem;
}
.game_gl .info_items .info_item .info_item_l .info_item_title {
  font-size: 0.3rem;
  font-family: PingFang SC;
  color: #212121;
  margin-bottom: 0.25rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /* 子元素排列垂直排列 */
  -webkit-line-clamp: 2;
  /* 设置从第几行后开始省略 */
  overflow: hidden;
}
.game_gl .info_items .info_item .info_item_l .info_item_date {
  font-size: 0.24rem;
  font-family: PingFang SC;
  color: #999999;
}
.game_gl .info_items .info_item .info_item_r {
  width: 2.4rem;
  height: 1.5rem;
  border-radius: 0.12rem;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center 0;
}
.game_gl .info_items .info_item .anothor_box {
  flex-direction: column;
}
.game_gl .info_items .info_item .anothor_box .anothor_box_title {
  max-width: 80%;
  font-size: 0.3rem;
  font-family: PingFang SC;
  color: #212121;
  margin-bottom: 0.22rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.game_gl .info_items .info_item .anothor_box .show_img_items {
  display: flex;
  justify-content: space-between;
  font-size: 0;
}
.game_gl .info_items .info_item .anothor_box .show_img_items .show_img_item {
  width: 32.31884058%;
  height: 1.5rem;
  border-radius: 0.12rem;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center 0;
}
.game_gl .info_items .info_item .anothor_box .info_item_date {
  font-size: 0.24rem;
  font-family: PingFang SC;
  color: #999999;
  margin-top: 0.2rem;
}
.related_topics {
  background-color: #fff;
  margin-top: 0.2rem;
}
.related_topics .tips {
  padding-left: 0.3rem;
  font-size: 0.32rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  padding-top: 0.3rem;
}
.related_topics .tips i {
  display: inline-block;
  width: 0.12rem;
  height: 0.32rem;
  background: #00B38A;
  margin-right: 0.19rem;
  vertical-align: middle;
}
.related_topics .tips span {
  display: inline-block;
  vertical-align: middle;
  transform: translateY(-1px);
}
.related_topics .topics_items {
  padding-left: 0.26rem;
  padding-right: 0.34rem;
  margin-top: 0.22rem;
  padding-bottom: 0.1rem;
}
.related_topics .topics_items .topics_item {
  position: relative;
  height: 1.8rem;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  margin-bottom: 0.14rem;
  border-radius: 0.12rem;
  overflow: hidden;
}
.related_topics .topics_items .topics_item .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
}
.related_topics .topics_items .topics_item a {
  position: relative;
  z-index: 2;
  display: inline-block;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: PingFang SC;
}
.related_topics .topics_items .topics_item a .topics_top_name {
  font-size: 0.36rem;
  font-weight: bold;
  color: #FFFFFF;
}
.related_topics .topics_items .topics_item a .topics_top_more {
  font-size: 0.26rem;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.7;
  margin-top: 0.05rem;
}
.related_topics .topics_items .topics_item a .topics_top_more span {
  margin-right: 0.16rem;
  color: #DCDCDC;
  max-width: 4.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.related_topics .topics_items .topics_item a .topics_top_more img {
  width: 0.1rem;
  margin-left: 0.15rem;
}
.news_box {
  padding-top: 0.29rem;
  background-color: #fff;
  margin-top: 0.2rem;
}
.news_box .toggle_box {
  width: 4.64rem;
  height: 0.68rem;
  background: #E2F3EF;
  border-radius: 0.34rem;
  font-size: 0;
  margin: 0 auto;
}
.news_box .toggle_box span {
  display: inline-block;
  width: 50%;
  line-height: 0.68rem;
  text-align: center;
  font-size: 0.32rem;
  font-family: PingFang SC;
  color: #00B38A;
  border-radius: 0.34rem;
}
.news_box .toggle_box span.active {
  box-shadow: 0px 0.08rem 0.2rem 0px rgba(37, 222, 180, 0.3);
  background: #00B38A;
  color: #fff;
}
.news_box .common_dom {
  margin-top: 0.06rem;
  padding-left: 0.31rem;
  padding-right: 0.3rem;
}
.news_box .common_dom.latest_news {
  display: none;
}
.news_box .common_dom .news_items .news_item a {
  display: flex;
  align-items: center;
}
.news_box .common_dom .news_items .news_item .news_item_l {
  margin-right: 0.17rem;
  width: 0.52rem;
  height: 0.58rem;
  font-size: 0.36rem;
  text-align: center;
  line-height: 0.58rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #B9B9B9;
}
.news_box .common_dom .news_items .news_item .news_item_l.top1 {
  background: url('/static/mobile/images/top.png') no-repeat;
  background-size: 100% 100%;
}
.news_box .common_dom .news_items .news_item .news_item_l.top2 {
  background: url('/static/mobile/images/second.png') no-repeat;
  background-size: 100% 100%;
}
.news_box .common_dom .news_items .news_item .news_item_l.top3 {
  background: url('/static/mobile/images/third.png') no-repeat;
  background-size: 100% 100%;
}
.news_box .common_dom .news_items .news_item .news_item_r {
  margin-top: 0.3rem;
  font-size: 0;
  padding-bottom: 0.34rem;
  border-bottom: 1px solid #EEEEEE;
  flex: 1;
  display: flex;
}
.news_box .common_dom .news_items .news_item .news_item_r:nth-of-type(1) {
  margin-top: 0.2rem;
}
.news_box .common_dom .news_items .news_item .news_item_r .info_item_l {
  flex: 1;
  margin-left: 0.2rem;
  padding-top: 0.08rem;
}
.news_box .common_dom .news_items .news_item .news_item_r .info_item_l .info_item_title {
  font-size: 0.3rem;
  font-family: PingFang SC;
  color: #212121;
  margin-bottom: 0.25rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /* 子元素排列垂直排列 */
  -webkit-line-clamp: 2;
  /* 设置从第几行后开始省略 */
  overflow: hidden;
}
.news_box .common_dom .news_items .news_item .news_item_r .info_item_l .info_item_date {
  font-size: 0.24rem;
  font-family: PingFang SC;
  color: #999999;
}
.news_box .common_dom .news_items .news_item .news_item_r .info_item_r {
  width: 2.4rem;
  height: 1.5rem;
  border-radius: 0.12rem;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center 0;
}
.news_box .common_dom .news_items .news_item .news_item_r .anothor_box {
  flex-direction: column;
}
.news_box .common_dom .news_items .news_item .news_item_r .anothor_box .anothor_box_title {
  max-width: 80%;
  font-size: 0.3rem;
  font-family: PingFang SC;
  color: #212121;
  margin-bottom: 0.22rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.news_box .common_dom .news_items .news_item .news_item_r .anothor_box .show_img_items {
  display: flex;
  justify-content: space-between;
  font-size: 0;
}
.news_box .common_dom .news_items .news_item .news_item_r .anothor_box .show_img_items .show_img_item {
  width: 32.31884058%;
  height: 1.5rem;
  border-radius: 0.12rem;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center 0;
}
.news_box .common_dom .news_items .news_item .news_item_r .anothor_box .info_item_date {
  font-size: 0.24rem;
  font-family: PingFang SC;
  color: #999999;
  margin-top: 0.2rem;
}
.footer {
  margin-top: 0.2rem;
}