body {
  padding-bottom: 0;
}

.hiden {
  display: none !important
}

a {
  text-decoration: none;
}

.week_hot {
  background-color: #fff;
  margin-top: 0.2rem;
  width: 100%;
  box-sizing: border-box;
  padding: 0.3rem
}

.week_hot .week_icon {
  display: block;
  width: 6.54rem;
  height: 0.68rem;
  margin: 0 auto;
  background: url(//www.h5uc.com/js1/h5uc/2022/m/cq/images/week_hot.png);
  background-size: 6.54rem 0.68rem;
  text-align: center;
  line-height: 0.68rem;
  font-size: 0.32rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF
}

.week_hot .hot_list {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 0.4rem
}

.week_hot .hot_list .item {
  display: flex;
  flex-direction: column;
  width: 1.4rem;
  align-items: center
}

.week_hot .hot_list .item img {
  width: 1.32rem;
  height: 1.32rem;
  border-radius: 0.3rem
}

.week_hot .hot_list .item p {
  margin-top: 0.2rem;
  font-size: 0.26rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  width: 100%
}

.one_news {
  margin-top: 0.2rem;
  box-sizing: border-box;
  padding: 0.3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff
}

.one_news img {
  width: 2.6rem;
  height: 1.6rem;
  border-radius: 0.1rem
}

.one_news p {
  width: 3.9rem;
  font-size: 0.28rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  line-height: 0.42rem
}

.chuanqi {
  margin-top: 0.2rem;
  background-color: #fff;
  padding: 0.3rem 0
}

.chuanqi .swiper-slide {
  width: auto
}

.chuanqi .swiper-slide+.swiper-slide {
  margin-left: 0.2rem
}

.chuanqi .swiper-slide:nth-child(1) {
  margin-left: 0.3rem
}

.chuanqi .swiper-slide:nth-last-child(1) {
  margin-right: 0.3rem
}

.chuanqi .swiper-slide span {
  color: #888;
  font-size: .28rem;
  display: block;
  background-color: #f6f7fa;
  padding: .20rem .30rem;
  box-sizing: border-box;
  border-radius: .45rem
}

.chuanqi .swiper-slide.active span {
  color: #fff;
  background: linear-gradient(90deg, #3d7eff, #FFB080)
}

.chuanqi ul {
  box-sizing: border-box;
  padding: 0 0.3rem
}

.chuanqi ul li .games {
  margin-top: 0.4rem
}

.chuanqi ul li .games:nth-child(2) {
  margin-top: 0.6rem
}

.chuanqi ul li .games .title {
  display: flex;
  justify-content: space-between;
  margin: 0.3rem 0
}

.chuanqi ul li .games .title h2 {
  font-size: 0.28rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333
}

.chuanqi ul li .games .title a {
  font-size: 0.28rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #3d7eff
}

.chuanqi ul li .games .list {
  display: flex;
  justify-content: space-between;
  width: 100%
}

.chuanqi ul li .games .list .item {
  display: flex;
  flex-direction: column;
  width: 1.4rem;
  align-items: center
}

.chuanqi ul li .games .list .item img {
  width: 1.32rem;
  height: 1.32rem;
  border-radius: 0.3rem
}

.chuanqi ul li .games .list .item p {
  margin-top: 0.2rem;
  font-size: 0.26rem;
  width: 100%;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.all_look {
  margin-top: 0.2rem;
  background-color: #fff
}

.all_look .vi_list {
  display: flex;
  padding: 0.3rem;
  box-sizing: border-box;
  justify-content: space-between;
  padding-top: 0
}

.all_look .vi_list .item {
  display: block
}

.all_look .vi_list .item .video {
  width: 3.28rem;
  height: 1.84rem;
  border-radius: 0.1rem;
  position: relative
}

.all_look .vi_list .item .video::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.62rem;
  height: 0.62rem;
  background: url(//js1.18183.com/pc/download/download2021/m/images/play.png);
  background-size: 0.62rem 0.62rem;
  transform: translate(-50%, -50%)
}

.all_look .vi_list .item .video img {
  width: 3.28rem;
  height: 1.84rem;
  border-radius: 0.1rem
}

.all_look .vi_list .item p {
  width: 3.28rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 0.24rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333333;
  margin-top: 0.2rem
}

.game_topic {
  background-color: #fff;
  margin-top: 0.2rem;
  padding-bottom: 0.2rem
}

.game_topic .content .swiper-container {
  height: 2.5rem
}

.game_topic .content .swiper-container .swiper-slide {
  width: 1.26rem
}

.game_topic .content .swiper-container .swiper-slide img {
  display: block;
  width: 100%;
  height: 1.26rem;
  border-radius: 0.3rem;
  margin-bottom: 0.16rem
}

.game_topic .content .swiper-container .swiper-slide p {
  font-size: 0.24rem;
  font-weight: 500;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center
}

.game_topic .content .swiper-container .swiper-slide+.swiper-slide {
  margin-left: 0.4rem
}

.game_topic .content .swiper-container .swiper-slide:nth-child(1) {
  margin-left: 0.3rem
}

.game_topic .content .swiper-container .swiper-slide:nth-last-child(1) {
  margin-right: 0.3rem
}

.game_topic .content .swiper-container .swiper-pagination-bullet {
  width: 0.16rem;
  height: 0.16rem;
  background: #E5E5E5;
  opacity: 1
}

.game_topic .content .swiper-container .swiper-pagination-bullet-active {
  background: #3d7eff
}

.game_topic .content .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 0.3rem
}

.game_topic .content .list a {
  display: block;
  width: 3.28rem;
  margin-top: 0.3rem
}

.game_topic .content .list a img {
  width: 3.28rem;
  height: 1.84rem;
  border-radius: 0.1rem
}

.game_topic .content .list a p {
  font-size: 0.24rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333333;
  width: 100%;
  box-sizing: border-box;
  padding: 0 0.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  margin-top: 0.1rem
}

.many_play {
  margin-top: 0.2rem;
  background-color: #fff
}

.many_play .play_list .swiper-slide {
  width: auto
}

.many_play .play_list .play_box {
  width: 4.39rem;
  padding-top: 0.08rem
}

.many_play .play_list .play_box h2 {
  font-size: 0.26rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  margin-left: 1.97rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.many_play .play_list .play_box .bg {
  height: 2.29rem;
  width: 4.39rem;
  background: url(//www.h5uc.com/js1/h5uc/2022/m/cq/images/many_paly_box.png);
  background-size: 4.39rem 2.29rem;
  position: relative;
  box-sizing: border-box;
  padding: 0.35rem 0.5rem 0.5rem 0.5rem
}

.many_play .play_list .play_box .bg .icon {
  display: block;
  width: 1.26rem;
  height: 1.26rem;
  border-radius: 0.3rem;
  border: 0.02rem solid #fff;
  position: absolute;
  top: -0.46rem;
  left: 0.49rem
}

.many_play .play_list .play_box .bg .icon img {
  width: 1.26rem;
  height: 1.26rem;
  border-radius: 0.3rem
}

.many_play .play_list .play_box .bg .type {
  width: 1.6rem;
  height: 0.4rem;
  background: #000000;
  opacity: 0.5;
  border-radius: 0.5rem;
  font-size: 0.2rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 0.4rem;
  text-align: center;
  margin-left: 1.46rem
}

.many_play .play_list .play_box .bg .btn {
  display: block;
  width: 3.4rem;
  height: 0.64rem;
  background: #FFFFFF;
  border-radius: 0.1rem;
  line-height: 0.64rem;
  text-align: center;
  font-size: 0.26rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  margin-top: 0.4rem
}

.like_play {
  margin-top: 0.2rem;
  background-color: #fff
}

.like_play .list {
  display: flex;
  padding: 0 0.3rem;
  box-sizing: border-box;
  justify-content: space-between;
  margin-top: 0.1rem;
  padding-bottom: 0.4rem
}

.like_play .list .item {
  width: 1.38rem;
  display: flex;
  flex-direction: column;
  align-items: center
}

.like_play .list .item .img_link {
  width: 1.32rem;
  height: 1.32rem;
  border-radius: 0.3rem;
  display: block
}

.like_play .list .item img {
  width: 1.32rem;
  height: 1.32rem;
  border-radius: 0.3rem
}

.like_play .list .item p {
  width: 100%;
  font-size: 0.26rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333333;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0.1rem 0
}

.like_play .list .item .btn {
  width: 1.32rem;
  height: 0.6rem;
  background: #3d7eff;
  border-radius: 0.3rem;
  line-height: 0.6rem;
  text-align: center;
  font-size: 0.26rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF
}

.hot_tag {
  margin-top: 0.2rem;
  background-color: #fff
}

.hot_tag .tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 0.3rem 0.4rem 0.3rem
}

.hot_tag .tags a {
  width: 1.62rem;
  height: 0.68rem;
  background: #F6F7FA;
  border-radius: 0.34rem;
  font-size: 0.24rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #888888;
  line-height: 0.68rem;
  text-align: center;
  margin-top: 0.14rem;
  overflow: hidden
}

.hot_tag .tags a:nth-child(1) {
  color: #fff;
  background: #AA76E4
}

.hot_tag .tags a:nth-child(6) {
  color: #fff;
  background: #31D485
}

.hot_tag .tags a:nth-child(8) {
  color: #fff;
  background: #F24065
}

.tab_list {
  margin-top: 0.2rem;
  background-color: #fff
}

.tab_list .tab {
  display: flex;
  padding: 0.4rem 0.3rem 0.3rem 0.3rem;
  box-sizing: border-box;
  justify-content: space-between
}

.tab_list .tab li {
  width: 2.1rem;
  height: 0.8rem;
  background: #F6F7FA;
  border-radius: 0.4rem;
  font-size: 0.3rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #888888;
  text-align: center;
  line-height: 0.8rem
}



.tab_list .list li {
  box-sizing: border-box;
  padding: 0 0.3rem 0.17rem 0.3rem
}

.tab_list .list li a {
  display: block;
  height: 0.76rem;
  line-height: 0.76rem;
  font-size: 0.24rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #444444;
  width: 100%;
  display: flex;
  border-bottom: 0.01rem solid #F1F2F6
}

.tab_list .list li a:nth-last-child(1) {
  border-bottom: none
}

.tab_list .list li a p {
  margin-left: 0.1rem;
  width: 6.64rem;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.hot_topic {
  margin-top: 0.2rem;
  background-color: #fff
}

.hot_topic .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 0.3rem
}

.hot_topic .list a {
  display: block;
  width: 3.28rem;
  margin-bottom: 0.3rem
}

.hot_topic .list a img {
  width: 3.28rem;
  height: 1.84rem;
  border-radius: 0.1rem
}

.hot_topic .list a p {
  font-size: 0.24rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333333;
  width: 100%;
  box-sizing: border-box;
  padding: 0 0.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  margin-top: 0.1rem
}

.player_say {
  margin-top: 0.2rem;
  background-color: #fff;
  padding-bottom: 0.4rem
}

.player_say .say_content {
  padding: 0 0.3rem
}

.player_say .say_content .say {
  border-bottom: 0.02rem dashed #eeeeee
}

.player_say .say_content .say h2 {
  font-size: 0.28rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #3d7eff;
  margin-bottom: 0.2rem
}

.player_say .say_content .say p {
  font-size: 0.24rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 0.38rem;
  margin-bottom: 0.2rem
}

.player_say .say_content .say .time_up {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.2rem
}

.player_say .say_content .say .time {
  font-size: 0.2rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #B1B1B1
}

.player_say .say_content .say .num {
  font-size: 0.2rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #999999;
  margin-right: 0.3rem
}

.player_say .say_content .thumbs_up {
  display: flex;
  align-items: center
}

.player_say .say_content .say .good {
  display: block;
  width: 0.26rem;
  height: 0.26rem;
  background: url(//js1.18183.com/pc/download/download2021/m/images/good.png);
  background-size: 0.26rem 0.26rem;
  margin-right: 0.1rem
}

.player_say .say_content .say .bad {
  display: block;
  width: 0.26rem;
  height: 0.26rem;
  background: url(//js1.18183.com/pc/download/download2021/m/images/bad.png);
  background-size: 0.26rem 0.26rem;
  margin-right: 0.1rem
}

.player_say .say_more {
  width: 6.9rem;
  height: 0.8rem;
  background: #FFFFFF;
  border: 0.02rem solid #3d7eff;
  border-radius: 0.4rem;
  text-align: center;
  line-height: 0.76rem;
  font-size: 0.28rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #3d7eff;
  margin-top: 0.3rem
}

.player_say .my_say {
  width: 6.9rem;
  height: 0.8rem;
  background: #3d7eff;
  border: 0.02rem solid #3d7eff;
  border-radius: 0.4rem;
  text-align: center;
  line-height: 0.76rem;
  font-size: 0.28rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #fff;
  margin-top: 0.3rem
}

.welfare {
  width: 7.5rem;
  background: linear-gradient(#CAEFF8, #E0F8F8)
}

.welfare .welfare_btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 0.3rem
}

.welfare .welfare_btns .btn {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  box-sizing: border-box;
  padding: 0.1rem 0;
  align-items: center;
  width: 2.1rem;
  height: 1.35rem;
  background-color: #fff;
  margin-top: 0.3rem
}

.welfare .welfare_btns .btn p {
  font-size: 0.28rem;
  white-space: nowrap;
  color: #333
}

.welfare .welfare_btns .btn span {
  font-size: 0.28rem;
  white-space: nowrap;
  color: #AFBABE
}

.welfare .down_btn {
  display: block;
  margin: 0.3rem;
  width: 6.9rem;
  height: 0.8rem;
  font-size: 0.3rem;
  text-align: center;
  line-height: 0.8rem;
  border-radius: 0.1rem;
  background: #3d7eff;
  color: #fff;
  font-weight: bold
}

.video_part {
  width: 100%;
  margin-top: 0.2rem;
  background: #FFFFFF;
  padding-bottom: 0.3rem
}

.video_part .video_list .swiper-slide {
  display: block;
  width: 2.2rem;
  height: 2.9rem;
  position: relative
}

.video_part .video_list .swiper-slide+.swiper-slide {
  margin-left: 0.2rem
}

.video_part .video_list .swiper-slide:nth-child(1) {
  margin-left: 0.3rem
}

.video_part .video_list .swiper-slide:nth-last-child(1) {
  margin-right: 0.3rem
}

.video_part .video_list .swiper-slide img {
  border-radius: 0.15rem;
  width: 2.2rem;
  height: 2.9rem
}

.video_part .video_list .swiper-slide .black_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  box-shadow: inset 0px -1.2rem 0.9rem 0.2rem rgb(0 0 0 / 60%);
  top: 0;
  left: 0;
  border-radius: 0.15rem
}

.video_part .video_list .swiper-slide p {
  width: 100%;
  position: absolute;
  z-index: 3;
  left: 0;
  bottom: 0;
  padding: 0.05rem 0.2rem;
  box-sizing: border-box;
  color: #fff;
  font-size: .28rem;
  margin-bottom: 0.05rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.rec_1 {
  width: 100%;
  margin-top: 0.2rem;
  background: #FFFFFF;
  padding-bottom: 0.3rem
}

.rec_1 .common_title1 {
  justify-content: flex-start
}

.rec_1 .common_title1 .rec_tab {
  display: flex
}

.rec_1 .common_title1 .rec_tab li {
  color: #AFAFAF;
  font-size: .32rem
}

.rec_1 .common_title1 .rec_tab li+li {
  margin-left: 0.3rem
}

.rec_1 .common_title1 .rec_tab li.active {
  font-weight: bold;
  color: #333
}

.rec_1 .rec_tablist .swiper-slide {
  width: 2.6rem;
  margin-left: 0.3rem
}

.rec_1 .rec_tablist .swiper-slide:nth-last-child(1) {
  margin-right: 0.3rem
}

.rec_1 .rec_tablist .swiper-slide img {
  width: 2.6rem;
  height: 2.4rem
}

.rec_1 .rec_tablist .swiper-slide p {
  font-size: 0.24rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333333;
  width: 100%;
  box-sizing: border-box;
  padding: 0 0.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  margin-top: 0.1rem
}

.page {
  width: 100%;
  height: 100%;
  background: #f5f5f5
}

.hiden {
  display: none
}

.clearfix::after {
  content: "";
  display: block;
  clear: both
}

.clearfix {
  *zoom: 1
}

.common_title2 {
  position: relative;
  width: 100%;
  height: 1.1rem;
  padding: .4rem .3rem;
  box-sizing: border-box
}

.common_title2 .title {
  float: left;
  font-size: .3rem;
  font-weight: bold;
  color: #333333
}

.common_title2 .to_more {
  position: relative;
  float: right;
  padding-right: .2rem;
  font-size: .3rem;
  font-weight: bold;
  color: #3d7eff
}

.common_title2 .to_more::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
  content: '';
  width: 0.1rem;
  height: .14rem;
  background: url("//js1.18183.com/pc/download/download2021/m/images/to_more.png") no-repeat center;
  background-size: cover
}

.common_title3 {
  overflow: hidden;
  width: 100%;
  height: 1.6rem;
  height: 2rem;
  background: url("//js1.18183.com/pc/download/download2021/m/images/title_back.png") no-repeat center -.6rem;
  background-size: cover;
  text-align: center
}

.common_title3 span {
  display: block;
  padding-top: .34rem;
  font-size: .36rem;
  font-weight: bold;
  color: #333333
}

.common_title3 p {
  margin-top: .11rem;
  font-size: .3rem;
  font-weight: 500;
  color: #999999
}

.page_part1 {
  position: relative;
  display: block;
  width: 100%;
  height: 3.2rem;
  margin-top: .2rem
}

.page_part1 img {
  display: block;
  width: 100%;
  height: 100%
}

.page_part1 span {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: .8rem;
  line-height: .8rem;
  text-align: center;
  font-size: .36rem;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 0 .1rem rgba(0, 0, 0, 0.69);
  background-color: rgba(0, 0, 0, .7)
}

.page_part2 {
  width: 100%;
  height: 3.3rem;
  margin-top: .2rem;
  background: #FFFFFF
}

.page_part2 .list {
  width: 100%;
  padding: 0 .3rem;
  box-sizing: border-box
}

.page_part2 .list .list_item {
  float: left;
  width: 1.32rem;
  margin-right: .54rem
}

.page_part2 .list .list_item:nth-of-type(4) {
  margin-right: 0
}

.page_part2 .list .list_item img {
  width: 100%;
  height: 1.32rem;
  border-radius: .3rem
}

.page_part2 .list .list_item p {
  margin-top: .16rem;
  font-size: .26rem;
  font-weight: 500;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center
}

.page_part3 {
  width: 100%;
  height: 3.6rem;
  margin-top: .2rem;
  background: #FFFFFF
}

.page_part3 .list {
  display: none;
  height: 2.02rem;
  padding: 0 .3rem;
  box-sizing: border-box
}

.page_part3 .list.active {
  display: block
}

.page_part3 .list .swiper-slide {
  width: 3.6rem;
  height: 2.02rem;
  margin-right: .3rem;
  background: #E5E5E5;
  border-radius: .1rem;
  overflow: hidden;
  position: relative
}

.page_part3 .list .swiper-slide img, .page_part6 .list .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%
}

.page_part3 .list .swiper-slide .black_bg {
  height: 1rem;
  background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.8));
  position: absolute;
  bottom: 0;
  width: 100%
}

.page_part3 .list .swiper-slide p {
  position: absolute;
  bottom: 0;
  text-align: center;
  color: #fff;
  width: 100%;
  padding: 0 0.1rem;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.page_part4 {
  width: 100%;
  height: 9.9rem;
  margin-top: .2rem;
  background: #FFFFFF
}

.page_part4 .list {
  display: block;
  width: 100%;
  height: 1.7rem;
  padding: 0 .3rem;
  box-sizing: border-box
}

.page_part4 .list .swiper-slide {
  display: block;
  width: 1.26rem;
  height: 1.7rem;
  margin-right: .4rem
}

.page_part4 .list .swiper-slide img {
  display: block;
  width: 100%;
  height: 1.26rem;
  border-radius: .3rem
}

.page_part4 .list .swiper-slide p {
  margin-top: .16rem;
  font-size: .24rem;
  font-weight: 500;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center
}

.page_part4 .hr {
  width: 100%;
  height: .02rem;
  margin-top: .5rem;
  background: #F7F7F7
}

.page_part5 {
  width: 100%
}

.page_part5 .content {
  margin-top: -.3rem;
  padding: 0 .3rem;
  box-sizing: border-box
}

.page_part5 .content .list_item {
  display: none;
  float: left;
  width: 3.36rem;
  margin-right: .18rem
}

.page_part5 .content .list_item:nth-of-type(2n) {
  margin-right: 0
}

.page_part5 .content .list_item .img_container {
  width: 100%;
  height: 3.36rem
}

.page_part5 .content .list_item .img_container img {
  display: block;
  width: 100%;
  height: 100%
}

.page_part5 .content .list_item .icons {
  width: 3.36rem;
  padding-left: .3rem;
  background: #FFFFFF;
  box-sizing: border-box
}

.page_part5 .content .list_item .icons .icons_container {
  float: left;
  width: .8rem;
  height: .8rem;
  margin-top: .2rem;
  margin-right: .2rem;
  border-radius: .16rem;
  overflow: hidden
}

.page_part5 .content .list_item .icons .icons_container img {
  display: block;
  width: 100%;
  height: 100%
}

.page_part5 .content .list_item .icons .icons_container:nth-last-of-type(1) {
  text-align: center;
  line-height: .8rem;
  font-size: .26rem;
  font-weight: bold;
  color: #3d7eff;
  border: .02rem solid #EFEFEF;
  box-sizing: border-box
}

.page_part5 .content .list_item .icons p {
  width: 100%;
  padding-top: .2rem;
  font-size: .26rem;
  font-weight: 500;
  color: #333333;
  line-height: .36rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}

.page_part5 .content .list_item .bottom {
  width: 100%;
  height: 1rem;
  margin-bottom: .18rem;
  padding-left: .3rem;
  padding-top: .4rem;
  box-sizing: border-box;
  background: #fff
}

.page_part5 .content .list_item .bottom .photo {
  float: left;
  width: .4rem;
  height: .4rem;
  margin-top: -.04rem;
  border-radius: 50%;
  overflow: hidden
}

.page_part5 .content .list_item .bottom .photo img {
  display: block;
  width: 100%;
  height: 100%
}

.page_part5 .content .list_item .bottom span {
  float: left;
  width: .94rem;
  font-size: .2rem;
  font-weight: bold;
  color: #999999;
  margin-left: .1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.page_part5 .content .list_item .bottom i {
  float: left;
  width: .26rem;
  height: .26rem;
  margin-left: .3rem;
  background: url("//js1.18183.com/pc/download/download2021/m/images/zan.png") no-repeat center;
  background-size: cover
}

.page_part5 .load_more {
  width: 2.4rem;
  height: .76rem;
  line-height: .76rem;
  background: #3d7eff;
  border-radius: .38rem;
  font-size: .28rem;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  margin: .4rem auto
}

.page_part6 {
  background-color: #fff;
  overflow: hidden
}

.page_part6 .common_title3 {
  background-color: #fff
}

.page_part6 .list {
  margin-top: -.3rem;
  padding: 0 .3rem;
  padding-bottom: 0.4rem;
  border-bottom: 0.02px solid #F7F7F7;
  box-sizing: border-box
}

.page_part6 .list .swiper-slide {
  width: 3.6rem;
  height: 2.02rem;
  margin-right: .3rem;
  background: #E5E5E5;
  border-radius: .1rem;
  overflow: hidden
}

.page_part6 .play_say .one_paly {
  padding: 0.3rem;
  border-bottom: 0.02px solid #F7F7F7
}

.page_part6 .play_say .one_paly .game {
  display: flex;
  justify-content: space-between
}

.page_part6 .play_say .one_paly .game img {
  width: 1rem;
  height: 1rem;
  border-radius: 0.2rem
}

.page_part6 .play_say .one_paly .game a {
  width: 1.4rem;
  height: 0.52rem;
  background: #3d7eff;
  border-radius: 0.06rem;
  line-height: 0.52rem;
  text-align: center;
  font-size: 0.24rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF
}

.page_part6 .play_say .one_paly .game .info {
  width: 4.1rem
}

.page_part6 .play_say .one_paly .game .info h2 {
  width: 100%;
  font-size: 0.3rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.page_part6 .play_say .one_paly .game .info .type {
  font-size: 0.24rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #999999
}

.page_part6 .play_say .one_paly p {
  font-size: 0.24rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 0.4rem;
  margin: 0.4rem 0
}

.page_part6 .play_say .one_paly .play {
  display: flex;
  align-items: center
}

.page_part6 .play_say .one_paly .play img {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%
}

.page_part6 .play_say .one_paly .play span {
  font-size: 0.2rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #999999;
  margin-left: 0.2rem
}

.page_part6 .play_say .one_paly .play span.star {
  color: #FF8B1E
}

.page_part6 .play_say .one_paly .play a {
  width: 0.96rem;
  height: 0.46rem;
  background: #FFFFFF;
  border: 0.02rem solid #3d7eff;
  border-radius: 0.23rem;
  font-size: 0.24rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #3d7eff;
  line-height: 0.46rem;
  padding-left: 0.13rem;
  margin-left: auto
}

.hot_tag {
  margin-top: 0.2rem;
  background-color: #fff
}

.hot_tag .tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 0.3rem 0.4rem 0.3rem
}

.hot_tag .tags a {
  width: 1.62rem;
  height: 0.68rem;
  background: #F6F7FA;
  border-radius: 0.34rem;
  font-size: 0.24rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #888888;
  line-height: 0.68rem;
  text-align: center;
  margin-top: 0.14rem;
  overflow: hidden
}

.hot_tag .tags a:nth-child(1) {
  color: #fff;
  background: #AA76E4
}

.hot_tag .tags a:nth-child(6) {
  color: #fff;
  background: #31D485
}

.hot_tag .tags a:nth-child(8) {
  color: #fff;
  background: #F24065
}

.all_look {
  margin-top: 0.2rem;
  background-color: #fff
}

.all_look .vi_list {
  display: flex;
  padding: 0.3rem;
  box-sizing: border-box;
  justify-content: space-between;
  padding-top: 0
}

.all_look .vi_list .item {
  display: block
}

.all_look .vi_list .item .video {
  width: 3.28rem;
  height: 1.84rem;
  border-radius: 0.1rem;
  position: relative
}

.all_look .vi_list .item .video::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.62rem;
  height: 0.62rem;
  background: url(//js1.18183.com/pc/download/download2021/m/images/play.png);
  background-size: 0.62rem 0.62rem;
  transform: translate(-50%, -50%)
}

.all_look .vi_list .item .video img {
  width: 3.28rem;
  height: 1.84rem;
  border-radius: 0.1rem
}

.all_look .vi_list .item p {
  width: 3.28rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 0.24rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333333;
  margin-top: 0.2rem
}

.user_say {
  margin-top: 0.2rem;
  background-color: #fff
}

.user_say .list {
  box-sizing: border-box;
  padding: 0 0.3rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.user_say .item {
  width: 3.36rem;
  border: 1px solid #EEEEEE;
  border-radius: 0.1rem;
  box-sizing: border-box;
  padding: 0.2rem;
  margin-bottom: 0.2rem
}

.user_say .item .game {
  display: flex
}

.user_say .item .game img {
  width: 0.64rem;
  height: 0.64rem;
  border-radius: 0.14rem
}

.user_say .item .game .name_star {
  margin-left: 0.2rem
}

.user_say .item .game .name_star h2 {
  font-size: 0.24rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333
}

.user_say .item .game .name_star .stars {
  position: relative
}

.user_say .item .game .name_star .stars .star_lose {
  display: block;
  width: 1.02rem;
  height: 0.17rem;
  background: url(//js1.18183.com/pc/download/download2021/m/images/star_1.png);
  background-size: 1.02rem 0.17rem
}

.user_say .item .game .name_star .stars .star_get {
  display: block;
  width: 1.02rem;
  height: 0.17rem;
  background: url(//js1.18183.com/pc/download/download2021/m/images/star_green.png);
  background-size: 1.02rem 0.17rem;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  object-fit: cover
}

.user_say .item p {
  font-size: 0.12rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 0.3rem;
  margin-top: 0.14rem;
  margin-bottom: 0.2rem
}

.user_say .item .play {
  display: flex;
  align-items: center
}

.user_say .item .play img {
  width: 0.28rem;
  height: 0.28rem;
  border-radius: 50%
}

.user_say .item .play span {
  font-size: 0.12rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #999999;
  margin-left: 0.05rem
}

.user_say .item .play span.name {
  max-width: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.user_say .item .play span.star {
  color: #FF8B1E
}

.user_say .item .play a {
  width: 0.6rem;
  height: 0.3rem;
  background: #FFFFFF;
  border: 0.02rem solid #3d7eff;
  border-radius: 0.23rem;
  font-size: 0.12rem;
  font-family: PingFang SC;
  color: #3d7eff;
  line-height: 0.3rem;
  text-align: center;
  margin-left: auto
}

.tab_list {
  margin-top: 0.2rem;
  background-color: #fff
}

.tab_list .tab {
  display: flex;
  padding: 0.4rem 0.3rem 0.3rem 0.3rem;
  box-sizing: border-box;
  justify-content: space-between
}

.tab_list .tab li {
  width: 2.1rem;
  height: 0.8rem;
  background: #F6F7FA;
  border-radius: 0.4rem;
  font-size: 0.3rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #888888;
  text-align: center;
  line-height: 0.8rem
}

.tab_list .tab li.active {
  color: #fff;
  background: linear-gradient(90deg, #3d7eff, #3DD4FF)
}

.tab_list .list li {
  box-sizing: border-box;
  padding: 0 0.3rem 0.17rem 0.3rem
}

.tab_list .list li a {
  display: block;
  height: 0.76rem;
  line-height: 0.76rem;
  font-size: 0.24rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #444444;
  width: 100%;
  display: flex;
  border-bottom: 0.01rem solid #F1F2F6
}

.tab_list .list li a:nth-last-child(1) {
  border-bottom: none
}

.tab_list .list li a p {
  margin-left: 0.1rem;
  width: 6.64rem;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.gamedown {
  margin: 0.2rem 0.2rem 0rem;
  width: 6.5rem;
  height: auto;
  background-color: #fff;
  border-radius: 0.3rem;
  padding: 0.3rem;
  position: relative;
  display: block;
  overflow: hidden
}

.gamedown img {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 0.3rem;
  float: left;
  margin-right: 0.2rem
}

.gamedown h2 {
  width: 3.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.28rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333333;
  float: left;
  margin-top: 0.05rem
}

.gamedown p {
  width: 3.5rem;
  font-size: 0.22rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #999999;
  float: left;
  margin-top: 0.1rem;
  height: 0.7rem;
  overflow: hidden
}

.gamedown .btn {
  width: 1.2rem;
  height: 0.55rem;
  box-sizing: border-box;
  border: 2px solid #E13B3B;
  border-radius: 1rem;
  text-align: center;
  line-height: 0.51rem;
  font-size: 0.24rem;
  font-family: PingFang SC;
  font-weight: 700;
  color: #E13B3B;
  float: right;
  position: relative;
  top: -0.1rem
}

body {
  background-color: #F7F7F7
}

.head_box {
  width: 100%;
  height: 1.2rem;
  position: relative;
  overflow: hidden
}

.head_box .bg {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  filter: blur(2px);
  z-index: -1
}

.head_box .box .close {
  width: 0.14rem;
  height: 0.14rem;
  background: url(//js1.18183.com/pc/download/download2021/m/images/close.png) no-repeat;
  background-size: 0.14rem 0.14rem
}

.head_box .box {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  padding: 0.2rem;
  box-sizing: border-box;
  justify-content: space-between
}

.head_box .box img {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 0.2rem
}

.head_box .box .info {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 0.8rem;
  width: 4.16rem
}

.head_box .box h2 {
  font-size: 0.28rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.head_box .box p {
  font-size: 0.2rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  width: 100%;
  opacity: 0.6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.head_box .box a {
  width: 1.4rem;
  height: 0.52rem;
  background: #3d7eff;
  border-radius: 0.06rem;
  font-size: 0.24rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  line-height: 0.52rem
}



.all_menu {
  margin-top: 0.1rem;
  box-sizing: border-box;
  padding-top: 0.4rem;
  background-color: #fff;
  padding-bottom: 0.1rem
}

.all_menu .game_sort {
  display: flex;
  justify-content: space-evenly;
}

.all_menu .game_sort a {
  display: flex;
  flex-direction: column;
  align-items: center
}

.all_menu .game_sort a img {
  width: 0.8rem;
  height: 0.8rem
}

.all_menu .game_sort a p {
  margin-top: 0.15rem;
  font-size: 0.24rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #666666;
  text-decoration: dashed;
}

.all_menu .other_sort {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.22rem
}

.all_menu .other_sort a {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-left: 0.3rem;
  width: 2.5rem;
  height: 0.8rem
}

.all_menu .other_sort a:nth-child(1) i {
  display: block;
  width: 0.48rem;
  height: 0.48rem;
  background: url(//js1.18183.com/pc/download/download2021/m/images/find_game.png) no-repeat;
  background-size: 0.48rem 0.48rem
}

.all_menu .other_sort a:nth-child(2) i {
  display: block;
  width: 0.48rem;
  height: 0.48rem;
  background: url(//js1.18183.com/pc/download/download2021/m/images/cq.png) no-repeat;
  background-size: 0.48rem 0.48rem
}

.all_menu .other_sort a:nth-child(3) i {
  display: block;
  width: 0.48rem;
  height: 0.48rem;
  background: url(//js1.18183.com/pc/download/download2021/m/images/xx.png) no-repeat;
  background-size: 0.48rem 0.48rem
}

.all_menu .other_sort a:nth-child(4) i {
  display: block;
  width: 0.48rem;
  height: 0.48rem;
  background: url(//js1.18183.com/pc/download/download2021/m/images/hhz.png) no-repeat;
  background-size: 0.48rem 0.48rem
}

.all_menu .other_sort a:nth-child(5) i {
  display: block;
  width: 0.48rem;
  height: 0.48rem;
  background: url(//js1.18183.com/pc/download/download2021/m/images/jsby.png) no-repeat;
  background-size: 0.48rem 0.48rem
}

.all_menu .other_sort a:nth-child(6) i {
  display: block;
  width: 0.48rem;
  height: 0.48rem;
  background: url(//js1.18183.com/pc/download/download2021/m/images/sg.png) no-repeat;
  background-size: 0.48rem 0.48rem
}

.all_menu .other_sort a span {
  font-size: 0.24rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #666666
}

.common_title1 {
  position: relative;
  width: 100%;
  height: 1.1rem;
  padding: .4rem .3rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between
}

.common_title1 .title {
  width: 2.2rem;
  height: .33rem;
  margin-left: .3rem;
  line-height: .34rem;
  font-size: .34rem;
  font-weight: bold;
  color: #333333;
  white-space: nowrap
}

.common_title1 .title::before {
  position: absolute;
  top: 0;
  left: .3rem;
  bottom: 0;
  margin: auto 0;
  content: '';
  width: .12rem;
  height: .32rem;
  background: #3d7eff;
  border-radius: .06rem
}

.common_title1 .to_more {
  position: absolute;
  top: 0;
  bottom: 0;
  right: .3rem;
  margin: auto 0;
  width: .8rem;
  height: .3rem;
  line-height: .3rem;
  ;
  font-size: .3rem;
  font-weight: bold;
  color: #3d7eff
}

.common_title1 .to_more::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
  content: '';
  width: 0.1rem;
  height: .14rem;
  background: url("//www.h5uc.com/js1/h5uc/2022/m/cq/images/more.png") no-repeat center;
  background-size: cover
}

.common_title1 .tab {
  position: absolute;
  top: 0;
  left: 2.6rem;
  bottom: 0;
  height: .33rem;
  margin: auto 0
}

.common_title1 .tab span {
  position: relative;
  font-size: .28rem;
  font-weight: bold;
  color: #999999;
  margin-right: .3rem
}

.common_title1 .tab span.active {
  color: #3d7eff
}

.common_title1 .tab span.active::after {
  position: absolute;
  bottom: -.02rem;
  left: -.05rem;
  content: "";
  width: .68rem;
  height: .1rem;
  background: #3d7eff;
  opacity: 0.2
}

.common_title1 .replace {
  width: 1.42rem;
  height: 0.5rem;
  background: #FFFFFF;
  border: 2px solid #3d7eff;
  border-radius: 0.1rem;
  font-size: 0.26rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #3d7eff;
  line-height: 0.44rem;
  box-sizing: border-box;
  padding-left: 0.48rem;
  position: relative
}


.head_box {
  width: 100%;
  height: 1.2rem;
  position: relative;
  overflow: hidden
}

.head_box .bg {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  filter: blur(2px);
  z-index: -1
}

.head_box .box .close {
  width: 0.14rem;
  height: 0.14rem;
  background: url(//js1.18183.com/pc/download/download2021/m/images/close.png) no-repeat;
  background-size: 0.14rem 0.14rem
}

.head_box .box {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  padding: 0.2rem;
  box-sizing: border-box;
  justify-content: space-between
}

.head_box .box img {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 0.2rem
}

.head_box .box .info {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 0.8rem;
  width: 4.16rem
}

.head_box .box h2 {
  font-size: 0.28rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.head_box .box p {
  font-size: 0.2rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  width: 100%;
  opacity: 0.6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.head_box .box a {
  width: 1.4rem;
  height: 0.52rem;
  background: #3d7eff;
  border-radius: 0.06rem;
  font-size: 0.24rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  line-height: 0.52rem
}

.toSearch {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  background: #F7F7F7;
  position: relative;
  height: 0rem;
  opacity: 0;
  overflow: hidden;
  transition: all 0.5s
}

.toSearch .input_box {
  width: 7.1rem;
  background: #fff
}

.toSearch .input_box input {
  width: 6.5rem;
  height: 0.6rem;
  border: none;
  padding-left: 0.2rem
}

.toSearch .search_btn {
  width: 0.34rem;
  height: 0.34rem;
  background: url(//js1.18183.com/pc/download/download2021/m/images/search.png) no-repeat;
  background-size: 0.34rem 0.34rem;
  margin-right: 0.34rem;
  position: absolute;
  right: 0.1rem
}

header .u-menu-ser-wrap {
  background: #f5f5f5;
  width: 100%;
  position: absolute;
  left: 0;
  top: 2.2rem;
  z-index: 8888;
  display: none
}

header .u-menu-ser-wrap .search {
  padding: .133333rem 1.333333rem
}

header .u-menu-ser-wrap .search figure {
  background-color: #fff;
  border: 0.013333rem solid #f3f3f3;
  border-radius: .4rem;
  padding-left: .2rem;
  overflow: hidden
}

header .u-menu-ser-wrap .search figure .u-ipt {
  border: 0;
  width: 100%;
  height: .76rem
}

header .u-menu-ser-wrap .search figure .u-ipt::-webkit-input-placeholder {
  color: #c5c5c5
}

header .u-menu-ser-wrap .search figure .u-ipt:-moz-placeholder {
  color: #c5c5c5
}

header .u-menu-ser-wrap .search figure .u-ipt::-moz-placeholder {
  color: #c5c5c5
}

header .u-menu-ser-wrap .search figure .u-ipt:-ms-input-placeholder {
  color: #c5c5c5
}

header .u-menu-ser-wrap .search figure .u-btn {
  width: 1.066667rem;
  height: .8rem;
  border: 0;
  background: none
}

header .u-menu-ser-wrap .search figure .u-btn i {
  display: block;
  margin: 0 auto;
  width: .4rem;
  height: .4rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAADUElEQVRIibXWW4hXVRTH8c/MaNLVygKtIIsSzCkfDl0oScKSsqYorUiTiGg99BAxEIFEl4eIKEMyitmJUmCkUF4eKnvpXlr9u4oFNUNZFBUGUZFjaj3s/6Ezp//f8e/YDw6Hs/ba+7v3XvvstboGBgZ0qOPRixNxGHbiR2yLiG/3d5Bx++k3FTdjPma0c0opbcd6rIyIT/Y1YNcoK56CB7C4g0mWehF3RsS2TsHXIuHoDoFV/YUlWBoRf1cbutt0uAdr20B340NsxAq8gHfxZwvf8XgYT6eUxo8GXoL7W9i34hYchwJX4daImB8R5+MYXIPXW/RdjFUppa7SUI/b9XJMq9rZnMxyebUtFRHDWId1KaUFeLI5yVKLMCTv5ogYT8bnRm7vDlyBzW14b2E6PsMGPBURv0NKaSo2YVrFfw9mRcTm6lY/WIMO4/J9QEsdi9l4FF+mlBZCRHyNOfih4tuDx1JKXSX4ZNxYG/AubBkFOgsn4QZ59ZOxOqV0bxP+HW5C9USfjbk9fX190I+LKo3b5AtjxC/QShHxW1EUW4uiWNVoNH7GXMxpNBqDRVF8WhTFUKPROBNnVLodXq54QW28pXI8OlJEPIHbmp/LUkpl6B6quc7rlu/e6mx24/lOoRX4CryNSZrhi4j35RNdakJ3DQof49cDBTf1ePN9ZcX2ZtWhWz4cVQ2OEQpvNN9nVWwjMlc3jqp1+mWs1Ij4Xt7uryrmHVWfcfij1u+IsYKb8Fk104h7vxs/1RxOORjgFppSB9fzZYEJ/wP43Dp4e/MpdSjmHUxiSmkaZlZMe8sLZGPN946DCcbtte/XSvDKWsOFcn01ZqWUZiBq5lUl+CO8VGscMMaDllKaiDVyJVJqCM9V02I/dlW+J+EVOXMdCPRIOUfXq9L+iNhdBX+Bu2tOp8n5+JIOob14R87TVW2KiA38t+Z6BKtrtsnyytfinFGAp6eUlsuh623hcnFK6Tpal7eH4Bm5/mqlIfk6/Ea+XifihOakZrbpU9UezG5VpO/CQv9ufU+t/dTms796WQ5VOU4P5rerq/fiPlyA9zqAVDWIqyPiMrnCrBYWH7QDl9qC83CpXLoOj+K/F6/KBcD0iFgPEbFGLvyWYVFEPPsPozDio+dwhusAAAAASUVORK5CYII=") 0 0 no-repeat;
  background-size: .4rem .4rem
}

header .u-menu-ser-wrap ul {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 0.013333rem solid #f3f3f3;
  padding: .266667rem 0
}

header .u-menu-ser-wrap ul li {
  flex: none;
  width: 16.6666666667%;
  height: .666667rem;
  position: relative
}

header .u-menu-ser-wrap ul li a {
  height: 100%;
  display: block;
  line-height: .666667rem;
  text-align: center;
  color: #666
}

header .u-menu-ser-wrap ul li:after {
  content: "|";
  color: #ccc;
  height: .666667rem;
  line-height: .666667rem;
  position: absolute;
  left: 0;
  top: 0
}

header .u-menu-ser-wrap ul li:nth-child(1):after, header .u-menu-ser-wrap ul li:nth-child(7):after, header .u-menu-ser-wrap ul li:nth-child(13):after {
  display: none
}

header .u-menu-ser-wrap .u-wznav {
  background-color: #fff;
  height: 1rem;
  line-height: 1rem;
  border-bottom: 0.013333rem solid #f3f3f3;
  text-align: right;
  padding: 0 .266667rem;
  display: block
}

.all_menu {
  margin-top: 0.1rem;
  box-sizing: border-box;
  padding-top: 0.4rem;
  background-color: #fff;
  padding-bottom: 0.1rem
}

.all_menu .game_sort {
  display: flex;
  justify-content: space-evenly
}

.all_menu .game_sort a {
  display: flex;
  flex-direction: column;
  align-items: center
}

.all_menu .game_sort a img {
  width: 0.8rem;
  height: 0.8rem
}

.all_menu .game_sort a p {
  margin-top: 0.15rem;
  font-size: 0.24rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #666666
}

.all_menu .other_sort {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.22rem
}

.all_menu .other_sort a {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-left: 0.3rem;
  width: 2.5rem;
  height: 0.8rem
}

.all_menu .other_sort a:nth-child(1) i {
  display: block;
  width: 0.48rem;
  height: 0.48rem;
  background: url(//js1.18183.com/pc/download/download2021/m/images/find_game.png) no-repeat;
  background-size: 0.48rem 0.48rem
}

.all_menu .other_sort a:nth-child(2) i {
  display: block;
  width: 0.48rem;
  height: 0.48rem;
  background: url(//js1.18183.com/pc/download/download2021/m/images/cq.png) no-repeat;
  background-size: 0.48rem 0.48rem
}

.all_menu .other_sort a:nth-child(3) i {
  display: block;
  width: 0.48rem;
  height: 0.48rem;
  background: url(//js1.18183.com/pc/download/download2021/m/images/xx.png) no-repeat;
  background-size: 0.48rem 0.48rem
}

.all_menu .other_sort a:nth-child(4) i {
  display: block;
  width: 0.48rem;
  height: 0.48rem;
  background: url(//js1.18183.com/pc/download/download2021/m/images/hhz.png) no-repeat;
  background-size: 0.48rem 0.48rem
}

.all_menu .other_sort a:nth-child(5) i {
  display: block;
  width: 0.48rem;
  height: 0.48rem;
  background: url(//js1.18183.com/pc/download/download2021/m/images/jsby.png) no-repeat;
  background-size: 0.48rem 0.48rem
}

.all_menu .other_sort a:nth-child(6) i {
  display: block;
  width: 0.48rem;
  height: 0.48rem;
  background: url(//js1.18183.com/pc/download/download2021/m/images/sg.png) no-repeat;
  background-size: 0.48rem 0.48rem
}

.all_menu .other_sort a span {
  font-size: 0.24rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #666666
}

.common_title1 {
  position: relative;
  width: 100%;
  height: 1.1rem;
  padding: .4rem .3rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between
}

.common_title1 .title {
  width: 2.2rem;
  height: .33rem;
  margin-left: .3rem;
  line-height: .34rem;
  font-size: .34rem;
  font-weight: bold;
  color: #333333;
  white-space: nowrap
}

.common_title1 .title::before {
  position: absolute;
  top: 0;
  left: .3rem;
  bottom: 0;
  margin: auto 0;
  content: '';
  width: .12rem;
  height: .32rem;
  background: #3d7eff;
  border-radius: .06rem
}

.common_title1 .to_more {
  position: absolute;
  top: 0;
  bottom: 0;
  right: .3rem;
  margin: auto 0;
  width: .8rem;
  height: .3rem;
  line-height: .3rem;
  ;
  font-size: .3rem;
  font-weight: bold;
  color: #3d7eff
}

.common_title1 .to_more::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
  content: '';
  width: 0.1rem;
  height: .14rem;
  background: url("//www.h5uc.com/js1/h5uc/2022/m/cq/images/more.png") no-repeat center;
  background-size: cover
}

.common_title1 .tab {
  position: absolute;
  top: 0;
  left: 2.6rem;
  bottom: 0;
  height: .33rem;
  margin: auto 0
}

.common_title1 .tab span {
  position: relative;
  font-size: .28rem;
  font-weight: bold;
  color: #999999;
  margin-right: .3rem
}

.common_title1 .tab span.active {
  color: #3d7eff
}

.common_title1 .tab span.active::after {
  position: absolute;
  bottom: -.02rem;
  left: -.05rem;
  content: "";
  width: .68rem;
  height: .1rem;
  background: #3d7eff;
  opacity: 0.2
}

.common_title1 .replace {
  width: 1.42rem;
  height: 0.5rem;
  background: #FFFFFF;
  border: 2px solid #3d7eff;
  border-radius: 0.1rem;
  font-size: 0.26rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #3d7eff;
  line-height: 0.44rem;
  box-sizing: border-box;
  padding-left: 0.48rem;
  position: relative
}

.common_title1 .replace::before {
  content: '';
  position: absolute;
  top: 0.12rem;
  left: 0.17rem;
  width: 0.22rem;
  height: 0.22rem;
  background: url(//www.h5uc.com/js1/h5uc/2022/m/cq/images/replace.png);
  background-size: 0.22rem 0.22rem
}