body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, button, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  font-family: "Microsoft YaHei", STHeiti, Arial;
}

body {
  background: #871c07;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-family: "Microsoft YaHei", STHeiti, Arial;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

ul, ol, li {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

input, textarea, select {
  *font-size: 100%;
  outline: 0;
  border: 0;
}

a {
  text-decoration: none;
}

a:hover, a:link {
  text-decoration: none;
  /* color: #333333; */
}

button, textarea {
  outline: 0;
  border: 0;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}

/*鏍囬鏍峰紡*/
.part-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  clear: both;
  height: 0.45rem;
  line-height: 0.45rem;
  position: relative;
  margin-bottom: 0.12rem;
}

.part-title em {
  background: url("/images/application/wap/com/2026shuangdanindex/iocn_gingerbread_man.png?r=1") no-repeat;
  width: 0.36rem;
  height: 0.36rem;
  background-size: 100% 100%;
  margin-right: 0.17rem;
  margin-top: 0rem;
}

.part-title span {
  position: relative;
  font-size: 0.32rem;
  letter-spacing: 0.01rem;
  color: #ffffff;
  font-weight: bold;
  cursor: pointer;
  margin-right: 0.3rem;
}

.part-title a {
  font-size: 0.26rem;
  letter-spacing: 0.01rem;
  color: #ffdf88;
  /*font-weight: bold;*/
  position: absolute;
  right: 0;
}

.fn-clear:after {
  visibility: hidden;
  display: table;
  font-size: 0;
  content: "";
  clear: both;
  height: 0;
}

.app-index-container {
  width: 100%;
  min-height: 100vh;
  box-sizing: border-box;
  padding: 0.2rem 0 0.2rem 0.3rem;
  max-width: 7.5rem;
  margin: auto;
  background: url("https://static.fhyx.com/images/application/wap/com/2026shuangdanindex/2026shuangdan_750x494.png") no-repeat;
}

.head-search-bar {
  width: 100%;
  box-sizing: border-box;
  padding-right: 0.3rem;
  height: 0.52rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.4rem;
  margin-top: 1.28rem;
}

.head-search-bar .fh-logo {
  width: 0.52rem;
  height: 0.52rem;
  background: url(/images/application/wap/com/2024sd/logo.png?r=1);
  background-size: 100% 100%;
}

.head-search-bar .search-input {
  width: 6.2rem;
  height: 0.52rem;
  background-color: #eeeeee;
  border-radius: 0.09rem;
  position: relative;
}

.head-search-bar .search-input input {
  display: block;
  width: 100%;
  background: transparent;
  border: 0;
  outline: 0;
  height: 0.52rem;
  box-sizing: border-box;
  padding: 0 0.2rem;
  font-size: 0.24rem;
  letter-spacing: 0.01rem;
  color: #949494;
  font-weight: normal;
  position: relative;
  z-index: 3;
}

.search-placeholder {
  position: absolute;
  top: 0.11rem;
  left: 0;
  right: 0;
  margin: auto;
  width: auto;
  height: 0.3rem;
  /* text-indent: 0.36rem; */
  font-size: 0.24rem;
  line-height: 0.3rem;
  letter-spacing: 0.01rem;
  color: #949494;
  /* background: url(/images/application/wap/hk/ai10.png) no-repeat left center; */
  /* background-size: 0.28rem 0.3rem; */
  text-align: left;
  z-index: 2;
  pointer-events: none;
}

.searchTxt {
  display: table;
  width: auto;
  height: 0.3rem;
  line-height: 0.3rem;
  text-align: center;
  position: relative;
  margin: 0 auto;
  text-indent: 0.36rem;
}

.searchTxt:after {
  content: '';
  background: url("/images/application/wap/hk/ai10.png") no-repeat;
  background-size: 100% 100%;
  width: 0.28rem;
  height: 0.3rem;
  position: absolute;
  left: 0;
}

.head-search-bar .code-btn {
  width: 0.52rem;
  height: 0.52rem;
  background: url(/images/application/wap/hk/ai8.png);
  background-size: 100% 100%;
  cursor: pointer;
}

.head-carousel {
  width: 100%;
  overflow: hidden;
  padding-right: 0.3rem;
  box-sizing: border-box;
  margin-bottom: 0.24rem;
}

.head-carousel .head-li {
  width: 100%;
  height: 3.2rem;
  margin: 0;
  display: block;
  border-radius: 0.12rem;
}

.head-carousel .head-li img {
  display: block;
  width: 100%;
  height: 100%;
  vertical-align: bottom;
  border-radius: 0.12rem;
  box-shadow: 0px 6px 12px 0px rgba(81, 0, 0, 0.69);
}

/*swiper鏍峰紡*/
.app-index-container .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 0.1rem;
}

.swiper-pagination {
  height: 0.4rem;
  line-height: 0.3rem;
}

.app-index-container .swiper-wrapper {
  padding-bottom: 0.3rem;
}

.app-index-container .swiper-pagination-bullet {
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 0.1rem;
  vertical-align: middle;
}

.app-index-container .swiper-pagination-bullet-active {
  width: 0.5rem;
  background-color: #fe653b;
}

.head-carousel .swiper-pagination-bullet {
  width: 0.2rem;
  background: url(/images/application/wap/hk/ai17.png) no-repeat;
  background-size: 100% 100%;
  height: 0.2rem;
  opacity: 1;
}

.head-carousel .swiper-pagination-bullet-active {
  width: 0.4rem;
  background-image: url(/images/application/wap/hk/ai18.png);
}

.head-carousel .swiper-pagination {
  line-height: 0.1rem;
}

.head-carousel .swiper-wrapper {
  padding-bottom: 0;
}

/*4涓浘鏍�*/
.fhyxindex_tab {
  width: 6.9rem;
  margin-bottom: 0.4rem;
  /*display: none; */
  position: relative;
}

.fhyxindex_tab .swiper-slide {
  float: left;
  width: 6.9rem !important;
  height: 2.8rem;
}

.fhyxindex_tab a {
  float: left;
  width: 1.38rem !important;
  height: 1.38rem;
  position: relative;
}

.fhyxindex_tab a em {
  position: absolute;
  top: 0.2rem;
  right: 0;
  background: url("https://img.fhyx.com/uploads/2021/11/16/20211116103518497.png") no-repeat;
  width: 0.7rem;
  height: 0.4rem;
  background-size: 100% 100%;
  text-align: center;
  font-size: 0.2rem;
  color: #ffffff;
  line-height: 0.38rem;
}

.fhyxindex_tab a img {
  display: block;
  width: 0.68rem;
  height: 0.68rem;
  margin: 0.28rem auto 0.08rem;
}

.fhyxindex_tab a span {
  display: block;
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  color: #ffffff;
  text-align: center;
  font-size: 0.22rem;
}

.fhyxindex_tab .swiper-pagination-bullet {
  width: 0.15rem;
  background: #ff846b;
  background-size: 100% 100%;
  height: 0.15rem;
  opacity: 0.5;
  margin-right: 0.1rem;
}

.fhyxindex_tab .swiper-pagination-bullet-active {
  width: 0.4rem;
  opacity: 1;
  background: #a54c3a;
}

.fhyxindex_tab .swiper-pagination {
  line-height: 0.1rem;
  position: absolute;
  bottom: -0.5rem;
  left: 0;
  right: 0;
  margin: auto;
}

.fhyxindex_tab .swiper-wrapper {
  padding-bottom: 0;
}

/*浠婃棩鍊煎緱涔�*/
.fhyxindex_jrzdm {
  width: 6.9rem;
  height: auto;
  margin-top: 0.43rem;
  display: table;
}

.fhyxindex_jrzdm_top {
  float: left;
  width: 100%;
  height: 3.72rem;
  margin-top: 0.08rem;
  position: relative;
}

.fhyxindex_jrzdm_top_bg {
  position: absolute;
  width: 100%;
  height: 3.22rem;
  border-radius: 0.12rem;
  background-image: linear-gradient( 180deg, #d15644 0%, #871c07 50%, #871c07 100%);
  overflow: hidden;
  z-index: 2;
  top: 0.5rem;
  left: 0;
}

.fhyxindex_jrzdm_top_bgimg {
  float: left;
  top: 0.5rem;
  left: 0;
  width: 100%;
  height: 3.22rem;
  opacity: 0.3;
  position: absolute;
  border-radius: 0.12rem;
}

.fhyxindex_jrzdm_top_con {
  float: left;
  width: 100%;
  height: 3.72rem;
  position: relative;
  z-index: 3;
}

.fhyxindex_jrzdm_top_con .zk {
  position: absolute;
  top: 2.38rem;
  left: 5.34rem;
  width: 1.2rem;
  height: 0.46rem;
  background-image: linear-gradient( 90deg, #b7883b 0%, #ffd685 100%);
  border-radius: 0.12rem 0 0.12rem 0;
  line-height: 0.46rem;
  text-align: center;
  color: #000000;
  font-size: 0.3rem;
}

.fhyxindex_jrzdm_top_con .img {
  float: left;
  width: 6.08rem;
  height: 2.84rem;
  margin: 0 0 0 0.46rem;
  border-radius: 0.12rem;
}

.fhyxindex_jrzdm_top_con .title {
  float: left;
  width: 3.94rem;
  height: 0.42rem;
  line-height: 0.42rem;
  margin-top: 0.24rem;
  font-size: 0.3rem;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}

.fhyxindex_jrzdm_top_con .priceCon {
  float: right;
  width: auto;
}

.fhyxindex_jrzdm_top_con .price {
  float: left;
  margin: 0.2rem 0 0 0.2rem;
  width: auto;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: left;
  font-size: 0.36rem;
  color: #ffe168;
}

.fhyxindex_jrzdm_top_con .iscoupon {
  float: left;
  width: auto;
  height: 0.28rem;
  line-height: 0.28rem;
  text-align: left;
  font-size: 0.2rem;
  color: #ffffff;
  margin: 0.36rem 0 0 0.04rem;
}

.fhyxindex_jrzdm_top_con .lowest {
  position: absolute;
  top: 0;
  left: 0.46rem;
  padding: 0 0.18rem;
  height: 0.46rem;
  background-color: #ff0000;
  border-radius: 0.1rem 0 0.1rem 0;
  z-index: 11;
  font-size: 0.28rem;
  line-height: 0.46rem;
  text-align: center;
  color: #FFFFFF;
}

.fhyxindex_jrzdm_top_con .new {
  position: absolute;
  top: 0;
  left: 0.46rem;
  padding: 0 0.18rem;
  height: 0.46rem;
  background-color: #0dbbfa;
  border-radius: 0.1rem 0 0.1rem 0;
  z-index: 11;
  font-size: 0.28rem;
  line-height: 0.46rem;
  text-align: center;
  color: #FFFFFF;
}

.fhyxindex_jrzdm_top_con .newlowest {
  position: absolute;
  top: 0;
  left: 0.46rem;
  padding: 0 0.18rem;
  height: 0.46rem;
  background-image: linear-gradient(90deg, #467dff 0%, #b756ee 100%);
  border-radius: 0.1rem 0 0.1rem 0;
  z-index: 11;
  font-size: 0.28rem;
  line-height: 0.46rem;
  text-align: center;
  color: #FFFFFF;
}

.fhyxindex_jrzdm_top_con .ys {
  position: absolute;
  top: 0;
  left: 0.46rem;
  padding: 0 0.18rem;
  height: 0.46rem;
  background-color: #f66200;
  border-radius: 0.1rem 0 0.1rem 0;
  z-index: 11;
  font-size: 0.28rem;
  line-height: 0.46rem;
  text-align: center;
  color: #FFFFFF;
}

.fhyxindex_jrzdm_top_con .superlowest {
  position: absolute;
  top: 0;
  left: 0.46rem;
  padding: 0 0.18rem;
  height: 0.46rem;
  background-image: linear-gradient(90deg, #dcbc63 0%, #b47a2e 100%);
  border-radius: 0.1rem 0 0.1rem 0;
  z-index: 11;
  font-size: 0.28rem;
  line-height: 0.46rem;
  text-align: center;
  color: #FFFFFF;
}

.fhyxindex_jrzdm_ul {
  float: left;
  width: 100%;
  margin-top: 0.24rem;
}

.worth-buy-li {
  width: 3.32rem;
  margin-bottom: 0.27rem;
  float: left;
}

.worth-buy-li:nth-child(2n) {
  float: right;
}

.worth-buy-li .old-price {
  font-size: 0.2rem;
  line-height: 0.28rem;
  color: #c48080;
  height: 0.28rem;
  display: block;
  text-align: left;
  text-decoration: line-through;
}

.worth-buy-li .worth-game-img img, .worth-buy-li .worth-game-img {
  width: 3.32rem;
  height: 1.54rem;
  border-radius: 0.12rem;
  position: relative;
  display: block;
}

.worth-buy-li .worth-game-name {
  width: 100%;
  margin: 0.07rem 0;
  font-size: 0.26rem;
  letter-spacing: 0.01rem;
  color: #ffffff;
  height: 0.28rem;
  line-height: 0.28rem;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* float: left; */
  /* text-align: left; */
  display: block;
}

.worth-buy-li .worth-game-price {
  float: left;
  font-size: 0.26rem;
  color: #ffe168;
  width: 100%;
  text-align: left;
  height: 0.3rem;
  line-height: 0.3rem;
}

.worth-buy-li .worth-game-price span {
  font-size: 0.21rem;
  color: #b5b5b5;
  margin-left: 0.1rem;
  text-decoration: line-through;
}

.worth-buy-li .worth-game-price .zk {
  font-size: 0.21rem;
  color: #000000;
  margin-left: 0;
  text-decoration: unset;
  float: right;
  width: 0.68rem;
  height: 0.32rem;
  background-image: linear-gradient(90deg, #feea78 0%, #e9ad4a 100%);
  border-radius: 0.08rem;
  text-align: center;
  line-height: 0.32rem;
}

.worth-buy-li .worth-game-price em {
  font-size: 0.2rem;
  color: #ffffff;
}

.worth-buy-li .lowest {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.68rem;
  height: 0.32rem;
  background-color: #ff0000;
  border-radius: 0.12rem 0 0.12rem 0;
  z-index: 11;
  color: #ffffff;
  font-size: 0.22rem;
  line-height: 0.32rem;
}

.worth-buy-li .new {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.68rem;
  height: 0.32rem;
  background-color: #0dbbfa;
  border-radius: 0.12rem 0 0.12rem 0;
  z-index: 11;
  color: #ffffff;
  font-size: 0.22rem;
  line-height: 0.32rem;
}

.worth-buy-li .newlowest {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.9rem;
  height: 0.32rem;
  background-image: linear-gradient(90deg, #467dff 0%, #b756ee 100%);
  border-radius: 0.12rem 0 0.12rem 0;
  z-index: 11;
  color: #ffffff;
  font-size: 0.22rem;
  line-height: 0.32rem;
}

.worth-buy-li .ys {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.68rem;
  height: 0.32rem;
  background-color: #f66200;
  border-radius: 0.12rem 0 0.12rem 0;
  z-index: 11;
  color: #ffffff;
  font-size: 0.22rem;
  line-height: 0.32rem;
}

.worth-buy-li .superlowest {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.9rem;
  height: 0.32rem;
  background-image: linear-gradient(90deg, #dcbc63 0%, #b47a2e 100%);
  border-radius: 0.12rem 0 0.12rem 0;
  z-index: 11;
  color: #ffffff;
  font-size: 0.22rem;
  line-height: 0.32rem;
}

/*涓棿骞垮憡*/
.link-a {
  display: block;
  margin-right: 0.3rem;
  height: 1.76rem;
  margin-bottom: 0.4rem;
}

.link-a img {
  width: 100%;
  height: 100%;
}

/*澶у閮藉湪鐜�*/
.fhyxindex_djdzw {
  width: 6.9rem;
  display: table;
}

.fhyxindex_djdzw_ul {
  float: left;
  width: 100%;
  margin-top: 0.24rem;
}

/*濂楅*/
.fhyxindex_package {
  width: 6.9rem;
  height: auto;
  margin-bottom: 0.4rem;
}

.fhyxindex_package_con {
  width: 100%;
  overflow: hidden;
}

.fhyxindex_package_con_ul {
  padding: 0.11rem 0 0;
  display: block;
  white-space: nowrap;
  text-align: left;
  overflow-x: scroll;
  font-size: 0;
}

.fhyxindex_package_con_li {
  width: 4.43rem;
  height: 3.4rem;
  margin-right: 0.3rem;
  border-radius: 0.12rem;
  position: relative;
  display: inline-block;
  overflow: hidden;
  background-color: #eafef5;
}

.fhyxindex_package_con_li .img {
  float: left;
  width: 100%;
  height: 2.21rem;
}

.fhyxindex_package_con_li .title {
  float: left;
  width: 4.1rem;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: left;
  font-size: 0.28rem;
  color: #1e5047;
  margin: 0.13rem 0 0 0.14rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fhyxindex_package_con_li .con {
  float: left;
  width: 4.1rem;
  height: 0.42rem;
  margin: 0.06rem 0 0 0.14rem;
  line-height: 0.42rem;
  text-align: left;
  font-size: 0.22rem;
  color: #92b0ae;
}

.fhyxindex_package_con_li .con em {
  font-size: 0.3rem;
  color: #fe862b;
  font-weight: bold;
}

/*鍙戣鍟嗙壒鍗�*/
.fhyxindex_fxstm {
  width: 100%;
  height: 4.18rem;
  margin-bottom: 0.16rem;
  display: inline-block;
}

.fhyxindex_fxstm_c {
  margin-top: 0.05rem;
}

.fhyxindex_fxstm_c .head-li {
  position: relative;
}

.fhyxindex_fxstm_c .head-li .title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.72rem;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 0 0 0.12rem 0.12rem;
  line-height: 0.72rem;
  font-size: 0.28rem;
  text-align: left;
  text-indent: 0.18rem;
  color: #ffffff;
}

.fxstm-pagination {
  float: right;
  width: auto !important;
  right: 0.18rem;
  left: unset !important;
  bottom: 0 !important;
}

.fxstm-pagination .swiper-pagination-bullet {
  width: 0.16rem;
  background: #ffffff;
  background-size: 100% 100%;
  height: 0.16rem;
  opacity: 0.5;
  border-radius: 50%;
}

.fxstm-pagination .swiper-pagination-bullet-active {
  width: 0.16rem;
  background: #ffffff;
  opacity: 1;
}

/*鍑ゅ嚢绂忚*/
.fhyxindex_fhfd {
  width: 6.9rem;
  height: 3.7rem;
  margin-bottom: 0.42rem;
}

.fhyxindex_fhfd_c {
  width: 100%;
  overflow: hidden;
}

.fhyxindex_fhfd_ul {
  padding: 0.24rem 0 0;
  display: block;
  white-space: nowrap;
  text-align: left;
  overflow-x: scroll;
  font-size: 0;
}

.fhyxindex_fhfd_li {
  width: 2.68rem;
  height: 2.97rem;
  margin-right: 0.24rem;
  border-radius: 0.1rem;
  position: relative;
  display: inline-block;
}

.fhyxindex_fhfd_li .img {
  float: left;
  width: 100%;
  height: 2.02rem;
  border-radius: 0.12rem;
}

.fhyxindex_fhfd_li .bg_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 1.63rem;
  -webkit-transition: width .3s ease-in, bottom .3s ease-in, left .3s ease-in;
  transition: width .3s ease-in, bottom .3s ease-in, left .3s ease-in;
  transform: rotate(-15deg);
  transform-origin: center top;
  animation: scal 0.7s ease-in-out 0s infinite alternate;
}

@keyframes scal {
  0% {
    transform: rotate(-15deg);
  }

  100% {
    transform: rotate(15deg);
  }
}

.maybe_like_con {
  position: absolute;
  left: 0;
  top: 1.61rem;
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  color: #fff;
  font-size: 0.21rem;
}

.maybe_like_con label {
  /* font-size: 0.24rem; */
  /* font-weight: bold; */
}

.fhyxindex_fhfd_li .con {
  float: left;
  width: 100%;
  height: 0.83rem;
  margin: 0.12rem 0 0 0;
}

.fhyxindex_fhfd_li .con .title {
  float: left;
  width: 100%;
  height: 0.5rem;
  line-height: 0.5rem;
  color: #ffffff;
  font-size: 0.26rem;
  text-align: left;
  overflow: hidden;
}

.fhyxindex_fhfd_li .con .prize {
  float: left;
  width: auto;
  height: 0.3rem;
  line-height: 0.3rem;
  color: #f5cc7f;
  font-size: 0.32rem;
  text-align: left;
  overflow: hidden;
  margin-top: 0;
}

.fhyxindex_fhfd_li .con .count {
  float: right;
  width: auto;
  height: 0.3rem;
  line-height: 0.3rem;
  color: #b5b5b5;
  font-size: 0.2rem;
  text-align: left;
  overflow: hidden;
  margin-top: 0;
}

/*鑷畾涔�*/
.fhyxindex_customize {
  width: 6.9rem;
  margin-bottom: 0.13rem;
  float: left;
}

.fhyxindex_customize_ul {
  float: left;
  width: 100%;
  margin-top: 0.08rem;
}

/*涓绘満*/
.equipment-container {
  box-sizing: border-box;
  padding-right: 0.3rem;
  width: 100%;
  padding-top: 0.36rem;
}

.equipment-container .equipment-li {
  display: block;
  height: 2.73rem;
  margin-bottom: 0.3rem;
  position: relative;
}

.equipment-container .equipment-li img {
  width: 100%;
  height: 100%;
  vertical-align: bottom;
  border-radius: 0.1rem;
}

.equipment-container .equipment-li .equipment-a {
  position: absolute;
  right: 0.75rem;
  bottom: 0.6rem;
  width: 1.48rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  font-size: 0.22rem;
  color: #102a7d;
  display: block;
  text-align: center;
  line-height: 0.4rem;
}

.equipment-container .equipment-li.xbox .equipment-a {
  color: #206a1a;
  box-shadow: 0rem 0.07rem 0.03rem 0rem rgba(15, 39, 121, 0.18);
}

.equipment-container .equipment-li.switch .equipment-a {
  color: #6c1c21;
  box-shadow: 0rem 0.07rem 0.03rem 0rem rgba(15, 39, 121, 0.18);
}

/*搴曢儴鍒嗙被*/
.type-shadow {
  width: 7.5rem;
  position: relative;
  left: -0.3rem;
  height: 0.24rem;
  background: #871c07;
}

.type-toggle::after {
  content: "";
  width: 7.5rem;
  position: absolute;
  left: -0.3rem;
  background-image: linear-gradient(180deg, #551504 0%, rgba(255,255,255,0) 100%);
  height: 0.15rem;
  bottom: 0;
}

.type-toggle {
  display: flex;
  padding-right: 0.35rem;
  padding-left: 0.05rem;
  width: 100%;
  padding-bottom: 0.2rem;
  position: relative;
  height: 1.1rem;
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
}

.type-toggle span {
  font-size: 0.26rem;
  line-height: 0.6rem;
  letter-spacing: 0.01rem;
  color: #ba9083;
  position: relative;
  padding-bottom: 0.12rem;
  cursor: pointer;
}

.type-toggle span:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0.48rem;
  height: 0.09rem;
  background-color: transparent;
  border-radius: 0.04rem;
}

.type-toggle span.checked {
  font-size: 0.32rem;
  font-weight: bold;
  letter-spacing: 0.01rem;
  color: #ffda92;
}

.type-toggle span.checked:after {
  background-color: #fad385;
}

.type-container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

.type-container .worth-buy-ul {
  float: left;
  width: 6.9rem;
}

.more {
  display: table;
  width: 100%;
}

.loadmore {
  border: 1px solid #e4e4e4;
  display: block;
  width: 95%;
  height: 36px;
  line-height: 36px;
  margin: 10px 0;
  border-radius: 5px;
  clear: both;
  cursor: pointer;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#f7f7f7), color-stop(0.95, #efefef));
}

.loadmore em {
  display: block;
  width: 65px;
  margin: 0 auto;
  font-size: 14px;
  color: #414141;
  text-align: left;
  background: url(data:image/gif;base64,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) right center no-repeat;
  background-size: 16px 16px;
}

.type_toggle_fixed {
  display: none;
  padding-right: 0.35rem;
  padding-left: 0.35rem;
  width: 100%;
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.2rem;
  position: fixed;
  top: 1.28rem;
  z-index: 11;
  background: #ffffff;
}

.type_toggle_fixed span {
  font-size: 0.26rem;
  line-height: 0.6rem;
  letter-spacing: 0.01rem;
  color: #636363;
  position: relative;
  padding-bottom: 0.12rem;
  cursor: pointer;
}

.type_toggle_fixed span:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0.48rem;
  height: 0.09rem;
  background-color: transparent;
  border-radius: 0.04rem;
}

.type_toggle_fixed span.checked {
  font-size: 0.32rem;
  font-weight: bold;
  letter-spacing: 0.01rem;
  color: #363636;
}

.type_toggle_fixed span.checked:after {
  background-color: #fe653b;
}

.worth-buy-li .worth-game-price .fhyx_coupon_txt {
  font-size: 0.22rem;
  text-decoration: unset;
  color: #fa4f20;
  margin-left: 0;
}

/*绉掓潃*/
.fhyxIndexModeFour {
  display: table;
}

.spikeDjs {
  position: absolute;
  right: 0;
  background: url("/images/application/wap/com/2026shuangdanindex/bg_tag.png?r=1") no-repeat;
  background-size: 100% 100%;
  width: 5.06rem;
  height: 0.6rem;
  top: 0.04rem;
}

.spikeDjsC {
  float: right;
  width: 3.84rem;
  height: 0.5rem;
  margin: 0.1rem 0.1rem 0 0;
  background-color: #c2947a;
  border-radius: 0.4rem;
}

.spikeDjsTxt {
  float: left;
  width: 1.3rem;
  height: 0.3rem;
  line-height: 0.3rem;
  text-align: left;
  font-size: 0.2rem;
  color: #ffffff;
  text-indent: 0.16rem;
  margin-top: 0.08rem;
}

.spikeDjsCon {
  float: left;
  width: auto;
  height: 0.34rem;
  margin-top: 0.05rem;
}

.spikeDjsCon span {
  float: left;
  background: url("/images/application/wap/com/2024sd/icon5.png?r=1") no-repeat;
  width: 0.22rem;
  height: 0.34rem;
  background-size: 100% 100%;
  margin-right: 0.02rem;
  font-size: 0.2rem;
  text-align: center;
  color: #ffffff;
  line-height: 0.34rem;
}

.spikeDjsCon em {
  float: left;
  background: url("/images/application/wap/com/2024sd/icon6.png?r=1") no-repeat;
  width: 0.04rem;
  height: 0.09rem;
  background-size: 100% 100%;
  margin: 0.13rem 0.06rem 0 0.04rem;
  font-size: 0;
}
.spikeDjsCon em:last-child {
  display: none;
}

.fhyxIndexModeFourCon {
  width: 6.9rem;
  height: auto;
  margin: 0.43rem auto 0.24rem;
  display: table;
}

.fhyxIndexModeFourConC {
  float: left;
  width: 100%;
  height: 8.6rem;
  background-image: linear-gradient(180deg, 
		#f3d695 0%, 
		#946d53 31%, 
		#743d1e 100%);
  border-radius: 0.12rem 0 0.12rem 0.12rem;
  position: relative;
  overflow: hidden;
}

.fhyxIndexModeFourConC:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  background: url("/images/application/wap/com/2026shuangdanindex/bg_shadow_phoenix.png?r=1") no-repeat;
  width: 6.9rem;
  height: 8.63rem;
  background-size: 100% 100%;
}

.fhyxIndexModeFourConLeft {
  float: left;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}

.fhyxIndexModeFourConLeft .img {
  float: left;
  width: 2.02rem;
  height: 3.04rem;
  border-radius: 0.12rem;
  margin: 0.2rem 0 0 0.15rem;
}

.fhyxIndexModeFourConLeftRight {
  float: left;
  width: 4.42rem;
  height: auto;
  margin: 0.2rem 0 0 0.16rem;
}

.fhyxIndexModeFourConLeft .title {
  float: left;
  width: 100%;
  height: 0.54rem;
  line-height: 0.54rem;
  text-align: left;
  font-size: 0.36rem;
  color: #30190c;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fhyxIndexModeFourConLeft .etitle {
  float: left;
  width: 100%;
  height: 0.29rem;
  line-height: 0.29rem;
  text-align: left;
  font-size: 0.2rem;
  color: #30190c;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fhyxIndexModeFourConLeft .maketimeAndType {
  float: left;
  width: 100%;
  height: 0.32rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0.08rem;
}

.fhyxIndexModeFourConLeft .maketimeAndType .maketime {
  float: left;
  width: auto;
  height: 0.32rem;
  line-height: 0.32rem;
  text-align: left;
  font-size: 0.22rem;
  color: #a17722;
}

.fhyxIndexModeFourConLeft .maketimeAndType .type {
  float: left;
  width: auto;
  height: 0.32rem;
  line-height: 0.32rem;
  text-align: center;
  font-size: 0.22rem;
  color: #ffffff;
  background-color: #944d2d;
  border-radius: 0.08rem;
  padding: 0 0.12rem;
  margin-left: 0.08rem;
}

.fhyxIndexModeFourConLeft .plat {
  float: left;
  width: 100%;
  height: 0.4rem;
  margin-top: 0.18rem;
}

.fhyxIndexModeFourConLeft .plat .text {
  float: left;
  width: 1.1rem;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: left;
  font-size: 0.2rem;
  color: #545454;
  font-weight: bold;
}

.fhyxIndexModeFourConLeft .plat .jhPlat {
  width: auto;
  height: 0.4rem;
  background-image: linear-gradient(90deg, 
		#944d2d 0%, 
		#7d594a 100%);
  border-radius: 0.08rem;
  float: left;
}

.fhyxIndexModeFourConLeft .plat .jhPlat .platIcon {
  float: left;
  width: 0.22rem;
  height: auto;
  margin: 0.09rem 0 0 0.14rem;
}

.fhyxIndexModeFourConLeft .plat .jhPlat em {
  float: left;
  width: auto;
  margin: 0 0.1rem 0 0.14rem;
  height: 0.4rem;
  line-height: 0.4rem;
  color: #ffffff;
  font-size: 0.2rem;
  font-weight: bold;
}

.fhyxjoingroupConLiBotRight {
  float: left;
  background: url("/images/application/wap/com/2026shuangdanindex/button_gold&red.png?r=1") no-repeat;
  width: 100%;
  height: 1.04rem;
  margin-top: 0.11rem;
  background-size: 100% 100%;
}

.fhyxjoingroupConLiBotRight .left {
  float: left;
  width: 2.27rem;
  height: 0.68rem;
  margin: 0.21rem 0 0 0;
}

.fhyxjoingroupConLiBotRight .left .oldprice {
  float: left;
  width: 100%;
  height: 0.68rem;
  line-height: 0.68rem;
  font-size: 0.4rem;
  font-weight: bold;
  color: #4e2200;
  text-align: left;
}

.fhyxjoingroupConLiBotRight .left em {
  font-size: 0.2rem;
  font-weight: bold;
  float: left;
  width: auto;
  line-height: 0.8rem;
  text-indent: 0.1rem;
}

.fhyxjoingroupConLiBotRight .left i {
  font-size: 0.36rem;
}

.fhyxjoingroupConLiBotRight .center {
  float: left;
  width: 1.29rem;
  height: 0.91rem;
}

.fhyxjoingroupConLiBotRight .center .price {
  float: left;
  width: 100%;
  height: 0.45rem;
  line-height: 0.45rem;
  font-size: 0.24rem;
  color: #824343;
  text-align: center;
  margin-top: 0.09rem;
  font-weight: bold;
}

.fhyxIndexModeFourConRight {
  float: left;
  width: 6.75rem;
  height: auto;
  margin: 0.06rem 0 0 0;
  position: relative;
  z-index: 1;
}

.fhyxIndexModeFourConRightLi {
  float: left;
  width: 2.1rem;
  height: 2.05rem;
  margin-top: 0.2rem;
  margin-left: 0.15rem;
}

.fhyxIndexModeFourConRightLi:nth-child(1), .fhyxIndexModeFourConRightLi:nth-child(2) {
  width: 3.2rem;
  height: 2.53rem;
}

.fhyxIndexModeFourConRightLi:nth-child(2) {
  float: right;
}

.fhyxIndexModeFourConRightLi .img {
  float: left;
  width: 100%;
  height: 1.02rem;
  border-radius: 0.18rem 0.18rem 0 0;
}

.fhyxIndexModeFourConRightLi .con {
  float: left;
  width: 100%;
  height: 1rem;
  position: relative;
  background: #ffdb92;
  border-radius: 0 0 0.12rem 0.12rem;
}

.fhyxIndexModeFourConRightLi .con .title {
  display: block;
  width: 1.8rem;
  height: 0.33rem;
  line-height: 0.33rem;
  text-align: left;
  font-size: 0.22rem;
  color: #30190c;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0.04rem 0 0 0.12rem;
}

.fhyxIndexModeFourConRightLi .con .oldPrice {
  float: left;
  width: 2rem;
  height: 0.28rem;
  line-height: 0.28rem;
  text-align: left;
  font-size: 0.2rem;
  color: #9b7b3c;
  margin-top: -0.01rem;
  text-decoration: line-through;
  margin-left: 0.12rem;
}

.fhyxIndexModeFourConRightLi .con .price {
  float: left;
  width: auto;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  font-size: 0.28rem;
  color: #ff4616;
  font-weight: bold;
  margin-top: -0.07rem;
  margin-left: 0.12rem;
}

.fhyxIndexModeFourConRightLi:nth-child(1) .img, .fhyxIndexModeFourConRightLi:nth-child(2) .img {
  width: 3.2rem;
  height: 1.48rem;
}

.fhyxIndexModeFourConRightLi:nth-child(1) .con, .fhyxIndexModeFourConRightLi:nth-child(2) .con {
  height: 1.04rem;
}

.fhyxIndexModeFourConRightLi:nth-child(1) .con .title, .fhyxIndexModeFourConRightLi:nth-child(2) .con .title {
  width: 3rem;
  margin-bottom: 0.05rem;
}

.fhyxIndexModeFourConRightLi:nth-child(1) .con .oldPrice, .fhyxIndexModeFourConRightLi:nth-child(2) .con .oldPrice {
  width: 3rem;
}

.fhyxIndexModeFourConRightLi .con .fhyxIndexPlat {
  right: 0.08rem;
  bottom: 0.15rem;
  position: absolute;
  width: 0.22rem;
  height: 0.22rem;
  background: unset;
}

/*涓嶅甫鏂囧瓧*/
.fhyxIndexPlat {
  background-image: url(https:/images/application/pc/common/fhyx_plat_logo.png?r=10);
  background-size: 10.36rem 7.77rem;
  transform: scale(1.1);
}

.fhyxIndexPlat.hk_microsoft_l {
  width: 0.24rem;
  height: 0.24rem;
  background-position: -0.43rem -0.09rem;
}

.fhyxIndexPlat.hk_alipan_l {
  width: 0.18rem;
  height: 0.19rem;
  background-position: -0.96rem -0.51rem;
}

.fhyxIndexPlat.hk_EAPLAY_l {
  width: 0.18rem;
  height: 0.2rem;
  background-position: -1.03rem -3.38rem;
}

.fhyxIndexPlat.hk_steam_l {
  width: 0.21rem;
  height: 0.21rem;
  background-position: -0.97rem -1.3rem;
}

.fhyxIndexPlat.hk_uplay_l {
  width: 0.21rem;
  height: 0.21rem;
  background-position: -0.98rem -1.69rem;
}

.fhyxIndexPlat.hk_Rockstar_l {
  width: 0.26rem;
  height: 0.22rem;
  background-position: -1.19rem -2.06rem;
}

.fhyxIndexPlat.hk_battle_l {
  width: 0.3rem;
  height: 0.3rem;
  background-position: -4.88rem -0.48rem;
}

.fhyxIndexPlat.hk_epic_l {
  width: 0.28rem;
  height: 0.32rem;
  background-position: -4.91rem -0.82rem;
}

.fhyxIndexPlat.hk_GOG_l {
  width: 0.29rem;
  height: 0.29rem;
  background-position: -4.9rem -1.21rem;
}

.fhyxIndexPlat.hk_ps4_l {
  width: 0.31rem;
  height: 0.24rem;
  background-position: -4.89rem -1.64rem;
}

.fhyxIndexPlat.hk_xbox_l {
  width: 0.25rem;
  height: 0.25rem;
  background-position: -4.9rem -2.04rem;
}

.fhyxIndexPlat.hk_SWITCH_l {
  width: 0.17rem;
  height: 0.15rem;
  background-position: -4.69rem -2.48rem;
}

.fhyxIndexPlat.hk_fhyxbox_l {
  width: 0.2rem;
  height: 0.2rem;
  background-position: -4.69rem -2.86rem;
}

.fhyxIndexPlat.hk_MOJANG_l {
  width: 0.75rem;
  height: 0.12rem;
  background-position: -4.68rem -3.3rem;
}

.fhyxIndexPlat.hk_pcgame_l {
  width: 0.66rem;
  height: 0.16rem;
  background-position: -4.72rem -3.68rem;
}

.fhyxIndexPlat.hk_Bethesda_l {
  width: 0.72rem;
  height: 0.12rem;
  background-position: -4.75rem -4.41rem;
}

.fhyxIndexPlat.hk_Battlestate_l {
  width: 0.57rem;
  height: 0.3rem;
  background-position: -4.75rem -4.41rem;
}

.fhyxIndexPlat.hk_Online_l {
  width: 0.56rem;
  height: 0.12rem;
  background-position: -4.77rem -5rem;
}

.fhyxIndexPlat.hk_ps5_l {
  width: 0.2rem;
  height: 0.16rem;
  background-position: -4.69rem -5.37rem;
}

.fhyxIndexPlat.hk_XBOXONE_l {
  width: 0.19rem;
  height: 0.19rem;
  background-position: -5.57rem -5.77rem;
}

.fhyxIndexPlat.hk_XboxSeries_l {
  width: 1.11rem;
  height: 0.13rem;
  background-position: -4.22rem -6.24rem;
}

.fhyxIndexPlat.hk_cubejoy_l {
  width: 0.23rem;
  height: 0.2rem;
  background-position: -4.76rem -6.56rem;
}

.fhyxIndexPlat.hk_baidupan_l {
  width: 0.2rem;
  height: 0.16rem;
  background-position: -4.69rem -6.95rem;
}

.fhyxIndexPlat.hk_wy_l {
  width: 0.24rem;
  height: 0.21rem;
  background-position: -4.74rem -7.36rem;
}

.fhyxIndexPlat.hk_leigod_l {
  width: 0.26rem;
  height: 0.26rem;
  background-position: -8.73rem -0.44rem;
}

.fhyxIndexPlat.hk_xunyou_l {
  width: 0.25rem;
  height: 0.25rem;
  background-position: -8.72rem -0.99rem;
}

.fhyxIndexPlat.hk_paopaospeed_l {
  width: 0.28rem;
  height: 0.25rem;
  background-position: -8.66rem -1.5rem;
}

.fhyxIndexPlat.hk_ios_l {
  width: 0.2rem;
  height: 0.23rem;
  background-position: -8.7rem -2.04rem;
}

.fhyxIndexPlat.hk_Android_l {
  width: 0.24rem;
  height: 0.26rem;
  background-position: -8.7rem -2.51rem;
}

.fhyxIndexPlat.hk_gamepp_l {
  width: 0.3rem;
  height: 0.3rem;
  background-position: -8.67rem -3.08rem;
}

.fhyxIndexPlat.hk_myth_l {
  width: 0.87rem;
  height: 0.28rem;
  background-position: -8.12rem -3.78rem;
}

.fhyxIndexPlat.hk_TALKI_l {
  width: 0.4rem;
  height: 0.28rem;
  background-position: -8.64rem -4.38rem;
}

/*闄愬畾绂忚*/
.fhyxIndexModeFd {
  float: left;
  width: 6.9rem;
  height: auto;
  position: relative;
  margin: 0.4rem 0 0.4rem 0;
}

.fhyxIndexModeFd .img {
  float: left;
  width: 100%;
  height: auto;
}

/*闄愬畾涓姹�*/
.fhyxIndexModezqc {
  float: left;
  width: 6.9rem;
  height: auto;
  position: relative;
  margin: 0.13rem 0 0.4rem 0;
}

.fhyxIndexModezqc .img {
  float: left;
  width: 100%;
  height: auto;
}

/*绮鹃€夋帹鑽�*/
.fhyxIndexJxtjTop {
  display: table;
  width: 6.9rem;
  margin-bottom: 0.13rem;
}

.fhyxIndexJxtjBot {
  display: table;
  width: 6.9rem;
  margin-bottom: 0.04rem;
}

.fhyxIndexJxtjBotLi {
  float: left;
  width: 2.2rem;
  height: 2.02rem;
  margin-bottom: 0.36rem;
  margin-right: 0.15rem;
}

.fhyxIndexJxtjBotLi:nth-child(3n) {
  margin-right: 0;
}

.fhyxIndexJxtjBotLi .img {
  float: left;
  width: 100%;
  height: 1.02rem;
  border-radius: 0.18rem 0.18rem 0 0;
}

.fhyxIndexJxtjBotLi .con {
  float: left;
  width: 100%;
  height: 1rem;
  position: relative;
}

.fhyxIndexJxtjBotLi .con .title {
  display: block;
  width: 2rem;
  height: 0.33rem;
  line-height: 0.33rem;
  text-align: left;
  font-size: 0.24rem;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0.04rem 0 0 0;
}

.fhyxIndexJxtjBotLi .con .oldPrice {
  float: left;
  width: 2rem;
  height: 0.28rem;
  line-height: 0.28rem;
  text-align: left;
  font-size: 0.2rem;
  color: #c48080;
  margin-top: -0.01rem;
  text-decoration: line-through;
  margin-left: 0;
}

.fhyxIndexJxtjBotLi .worth-game-price {
  float: left;
  font-size: 0.26rem;
  color: #ffe168;
  width: 100%;
  text-align: left;
  height: 0.3rem;
  line-height: 0.3rem;
}

.fhyxIndexJxtjBotLi .worth-game-price span {
  font-size: 0.21rem;
  color: #b5b5b5;
  margin-left: 0.1rem;
  text-decoration: line-through;
}

.fhyxIndexJxtjBotLi .worth-game-price .zk {
  font-size: 0.21rem;
  color: #000000;
  margin-left: 0;
  text-decoration: unset;
  float: right;
  width: 0.68rem;
  height: 0.32rem;
  background-image: linear-gradient( 90deg, #b7883b 0%, #ffd685 100%);
  border-radius: 0.08rem;
  text-align: center;
  line-height: 0.32rem;
}

.fhyxIndexJxtjBotLi .worth-game-price em {
  font-size: 0.2rem;
  color: #ffffff;
}

/*限定福袋*/
.fhyxIndexModeFd {
  width: 6.9rem;
  height: 4.9rem;
  display: table;
  position: relative;
}

.fhyxIndexModeFdCon {
  display: table;
  width: 6.9rem;
  height: 4.9rem;
  border-radius: 0.2rem;
  margin: 0 auto 0.26rem;
  position: relative;
  overflow: hidden;
  background: url("/images/application/wap/com/2026shuangdanindex/bg_luckybag_phoenix.png") no-repeat;
  background-size: 100% 100%;
}

.fhyxIndexModeFdConTitle {
  position: absolute;
  top: 0.2rem;
  left: 0.23rem;
  width: 5rem;
  height: 0.36rem;
  z-index: 1;
  line-height: 0.36rem;
  text-align: left;
  font-size: 0.32rem;
  color: white;
}

.fhyxIndexModeFdConTitle span {
  font-size: 0.36rem;
  font-weight: bold;
  color: #fa4f20;
}

.fhyxIndexModeFdConTxt {
  position: absolute;
  top: 0.76rem;
  left: 0.23rem;
  width: 5rem;
  height: 0.24rem;
  color: white;
  font-size: 0.24rem;
  z-index: 1;
  line-height: 0.24rem;
  text-align: left;
}

.fhyxIndexModeFdMore {
  position: absolute;
  top: 0.25rem;
  right: 0.2rem;
  width: 0.8rem;
  height: 0.33rem;
  line-height: 0.33rem;
  font-size: 0.24rem;
  color: #ffdf88;
  text-align: right;
}

.fhyxIndexModeFdConUl {
  width: 6.5rem;
  height: 2.54rem;
  overflow: hidden;
  margin: 1.24rem 0 0 0.2rem;
  position: relative;
  z-index: 1;
}

.fhyxIndexModeFdConUlC {
  width: auto;
  box-sizing: border-box;
  font-size: 0;
  white-space: nowrap;
  position: relative;
}

.fhyxIndexModeFdConLi {
  display: inline-block;
  width: 1.7rem;
  height: 2.5rem;
  margin-right: 0.2rem;
  position: relative;
}

.fhyxIndexModeFdConLi .img {
  float: left;
  width: 100%;
  height: 100%;
  border-radius: 0.25rem;
}

.fhyxIndexModeFdConLiBg {
  position: absolute;
  top: 0;
  left: 0;
  background: url("/images/application/wap/com/index/icon14.png") no-repeat;
  width: 1.7rem;
  height: 2.5rem;
  background-size: 100% 100%;
}

.fhyxIndexModeFdConLiBg .platimg {
  position: absolute;
  top: 0.1rem;
  left: 0.1rem;
  width: 0.24rem;
  height: 0.24rem;
}

.fhyxIndexModeFdConLiBg .price {
  float: left;
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  font-size: 0.2rem;
  color: #ffffff;
  margin-top: 2.1rem;
  font-weight: bold;
}

.fhyxIndexModeFdConLiBg .price em {
  font-size: 0.18rem;
}

.fhyxIndexModeFdConBtn {
  display: inline-block;
  width: 3.24rem;
  height: 0.96rem;
  background: url("/images/application/wap/com/index/icon16.png") no-repeat;
  margin: 0.2rem auto 0;
  position: relative;
  z-index: 1;
  background-size: 100% 100%;
}

.gotop {
  width: 0.56rem;
  height: 0.56rem;
  float: left;
  cursor: pointer;
  position: fixed;
  bottom: 1.54rem;
  right: 0.28rem;
  z-index: 998;
  display: none;
  background: url(//m.fhyx.com/zt/may/images/totop.png) no-repeat center center;
  background-size: 0.56rem 0.56rem;
}

.mDownApp {
  display: none !important;
}

.fhyxindex_commodity_conUl .icon {
  background: url(/images/application/wap/com/2024sd/icon1.png?r=1) no-repeat;
  width: 0.48rem;
  height: 0.51rem;
  background-size: 100% 100%;
  margin-right: 0.17rem;
  margin-top: 0.03rem;
  float: left;
}

.fhyxindex_commodity_con {
  width: 6.9rem;
  height: auto;
  display: table;
}

.fhyxindex_commodity_con_tab {
  float: left;
  width: auto;
  height: 0.57rem;
  line-height: 0.57rem;
  text-align: center;
  font-size: 0.24rem;
  color: #ffb092;
  margin-right: 0.38rem;
  cursor: pointer;
}

.fhyxindex_commodity_con_tab.checked {
  position: relative;
  font-size: 0.32rem;
  color: #ffffff;
  line-height: 0.5rem;
  font-weight: bold;
}

.fhyxindex_commodity_con_tab.checked:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0.6rem;
  height: 0.08rem;
  background-image: linear-gradient(270deg, #fda239 0%, #fa4f20 100%);
  border-radius: 0.05rem;
}

.fhyxindex_commodity_con_tabmore {
  font-size: 0.26rem;
  letter-spacing: 0.01rem;
  color: #ffdf88;
  float: right;
  width: auto;
  line-height: 0.57rem;
}

.fhyxindex_commodity_con_ul {
  float: left;
  width: 100%;
  height: auto;
  margin-top: 0.16rem;
  display: none;
  margin-bottom: 0.2rem;
  /* padding-top: 0.1rem; */
}

.fhyxindex_commodity_con_ul.checked {
  display: block;
}

.gameLi {
  float: left;
  width: 100%;
  height: 1.19rem;
  margin-top: 0.28rem;
  cursor: pointer;
  position: relative;
}

.gameLi {
  width: 6.9rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 0.2rem;
}

.gameLi .img {
  width: 2.13rem;
  height: 1rem;
  overflow: hidden;
  border-radius: 0.12rem;
  position: relative;
  margin-right: 0.07rem;
}

.gameLi .img img {
  border-radius: 0.12rem;
  float: left;
  width: 100%;
  height: 100%;
}

.gameLi .img .plat-ico {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0.4rem;
  height: 0.4rem;
  background: rgba(0,0,0,0.6);
  border-radius: 0.12rem 0 0.12rem 0;
}

.gameLi .img .plat-ico .ico-img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 0.28rem;
  height: auto;
  margin: auto;
  border-radius: 0;
}

.gameLi .main-right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /* justify-content: space-between; */
  height: 1rem;
  width: 4.7rem;
}

.gameLi .main-right .name {
  width: 100%;
  font-size: 0.24rem;
  line-height: 0.28rem;
  color: #ffffff;
  margin-bottom: 0.07rem;
  height: 0.33rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  font-weight: bold;
  margin-top: 0.08rem;
}

.gameLi .main-right .content {
  display: inline-block;
  width: 100%;
  height: 0.42rem;
}

.gameLi .main-right .content .price-con {
  float: left;
  width: auto;
  height: 0.42rem;
  line-height: 0.42rem;
  text-align: left;
  font-size: 0.3rem;
  color: #ffe168;
}

.gameLi .main-right .content .price-con em {
  font-size: 0.18rem;
}

.gameLi .main-right .content .price-info {
  float: left;
  color: #f5cc7f;
  width: auto;
  height: 0.42rem;
  line-height: 0.46rem;
  text-align: left;
  font-size: 0.18rem;
  margin-left: 0.04rem;
}

.gameLi .main-right .content .old-price {
  float: left;
  font-size: 0.18rem;
  height: 0.42rem;
  line-height: 0.48rem;
  color: #c48080;
  text-decoration: line-through;
  margin-left: 0.08rem;
}

.gameLi .content .ico-l {
  height: 0.25rem;
  border-radius: 0.06rem;
  line-height: 0.25rem;
  font-size: 0.18rem;
  color: #ffffff;
  width: 0.66rem;
  float: left;
  margin-top: 0.1rem;
  margin-left: 0.08rem;
}

.gameLi .content .newlowest {
  background-image: linear-gradient(0deg, #b657ee 0%, #b657ee 100%);
}

.gameLi .content .lowest {
  background: #ff0000;
}

.gameLi .content .superlowest {
  background: #b47a2e;
}

.gameLi .content .ys {
  background: #f66200;
}

.gameLi .content .new {
  background: #0dbbfa;
}

.gameLi .content .time-r {
  float: right;
  width: auto;
  height: 0.42rem;
  line-height: 0.46rem;
  text-align: left;
  font-size: 0.18rem;
  color: #ffffff;
}

.fhyxindex_jrzdm_top_con .oldprice {
  float: left;
  width: auto;
  height: 0.3rem;
  line-height: 0.3rem;
  font-size: 0.22rem;
  color: #aaaaaa;
  text-align: left;
  margin: 0.35rem 0 0 0.07rem;
  text-decoration: line-through;
}

#modal {
  position: fixed;
  /* 浣跨敤鍥哄畾瀹氫綅 */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  /* 瀹藉害涓鸿鍙ｅ搴� */
  height: 100vh;
  /* 楂樺害涓鸿鍙ｉ珮搴� */
  background-color: rgba(0, 0, 0, 0.5);
  /* 璁剧疆鍗婇€忔槑榛戣壊浣滀负閬僵棰滆壊 */
  overflow: hidden;
  /* 閬垮厤鍐呭婧㈠嚭閬僵灞� */
  z-index: 9999;
  /* 纭繚閬僵灞傚湪椤甸潰鍐呭涔嬩笂 */
  background: transparent;
}

.modaliframe {
  user-select: none;
  border: 0;
  width: 100%;
  height: 100%;
}

.ndj-close-btn {
  display: block;
  width: 0.47rem;
  height: 0.47rem;
  background: url(https://m.fhyx.com/zt/2019guoqinglotterytttttttest/images/roll_4.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 1rem;
  right: 0.39rem;
  cursor: pointer;
}

.ndj_slide_bar {
  position: fixed;
  right: 0.15rem;
  bottom: 1.5rem;
  width: 2.25rem;
  height: auto;
  z-index: 9999;
  background: transparent;
  cursor: pointer;
}

.ndj_slide_top {
  width: 2.25rem;
  height: 2.81rem;
  background: url(/images/application/wap/com/ndj_bg.png) no-repeat;
  background-size: 2.25rem 2.81rem;
}

.ndj_slide_top span {
  position: absolute;
  top: 0.73rem;
  left: 0.42rem;
  width: 1.47rem;
  height: 1.47rem;
  background: url(/images/application/wap/com/ndj_circle.png) no-repeat;
  background-size: 1.47rem 1.47rem;
  transform-origin: center;
  animation: spin 2s ease-in-out infinite;
}

.ndj_slide_bottom {
  margin-top: -0.15rem;
  width: 2.28rem;
  height: 0.81rem;
  background: url(/images/application/wap/com/ndj_btn.png) no-repeat;
  background-size: 2.28rem 0.81rem;
  overflow: hidden;
}

.ndj_slide_bottom span {
  width: 1.61rem;
  height: 0.63rem;
  background: url(/images/application/wap/com/ndj_txt.png) no-repeat;
  background-size: 1.61rem 0.63rem;
  margin-top: 0.06rem;
  float: left;
  margin-left: 0.11rem;
}

.ndj_slide_bottom label {
  color: #fff;
  font-size: 0.25rem;
  width: 0.26rem;
  height: 0.17rem;
  line-height: 0.17rem;
  margin-top: 0.2rem;
  float: left;
  margin-left: -0.05rem;
  font-weight: bold;
}

/* 瀹氫箟鍏抽敭甯у姩鐢� */
@keyframes spin {
  0% {
    transform: rotate(0deg);
    /* 鍒濆鐘舵€� */
  }

  33.33%, /* 绗竴涓樁娈电粨鏉� */
  66.66% {
    /* 绗簩涓樁娈靛紑濮� */
    transform: rotate(-40deg);
    /* 鍚戝乏鏃嬭浆40搴� */
  }

  66.66%, /* 绗簩涓樁娈电粨鏉� */
  100% {
    /* 绗笁涓樁娈靛紑濮� */
    transform: rotate(80deg);
    /* 鍚戝彸鏃嬭浆80搴� */
  }

  100% {
    transform: rotate(0deg);
    /* 鍥炲綊鍘熶綅 */
  }
}

/*20241108淇敼*/
.gameLi .zk-platform {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}

.gameLi .zk-platform .plat-ico {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.3rem;
}

.gameLi .zk-platform .plat-ico .ico-img {
  height: 0.2rem;
  margin-right: 0.06rem;
}

.gameLi .zk-platform .plat-ico .ico-name {
  font-size: 0.2rem;
  color: #ffffff;
}

.gameLi .gameZk {
  width: 0.8rem;
  height: 0.32rem;
  border-radius: 0.06rem;
  text-align: center;
  line-height: 0.32rem;
  font-size: 0.2rem;
  color: #000000;
  margin-top: 0.08rem;
  background-image: linear-gradient(270deg, #b7883b 0%, #ffd685 100%);
}

.labelContainer {
  font-size: 0.2rem;
  height: 0.3rem;
  line-height: 0.3rem;
  color: #1e5047;
  margin-bottom: 0.05rem;
  text-decoration: line-through;
  display: flex;
  align-items: center;
  justify-content: flex-start
}

.labelContainer .oldPrice {
  padding-right: 0.08rem;
}

.labelContainer .coupon {
  padding: 0 0.05rem;
  line-height: 0.32rem;
  height: 0.32rem;
  background-color: #ffe6de;
  border-radius: 0.06rem;
  float: right;
  /* margin-left: 0.08rem; */
  color: #ff3c08;
}

.labelContainer .labelBtn {
  display: inline-block;
  height: 0.32rem;
  line-height: 0.32rem;
  float: left;
  font-size: 0.22rem;
  color: #616161;
  margin-right: 0.34rem;
}

.fhyxindex_jrzdm_top_con .oldprice {
  float: left;
  width: auto;
  height: 0.3rem;
  line-height: 0.3rem;
  font-size: 0.22rem;
  color: #c48080;
  text-align: left;
  margin: 0.35rem 0 0 0.07rem;
  text-decoration: line-through;
}

.gamePrice .coupontime, .gameLi .img .coupontime {
  position: absolute;
  padding: 0 0.12rem;
  height: 0.32rem;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 0.12rem 0 0.12rem 0;
  /* opacity: 0.7; */
  line-height: 0.32rem;
  font-size: 0.2rem;
  color: #ffffff;
  right: 0;
  bottom: 0;
}

.fhyx_zt_video1 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,1);
  z-index: 999;
  display: none;
}

.fhyx_zt_video_closebtn1 {
  background: url("/images/application/wap/com/part5_5.png") no-repeat;
  width: 0.42rem;
  height: 0.42rem;
  position: absolute;
  top: 0.27rem;
  left: 0.3rem;
  cursor: pointer;
  background-size: 100% 100%;
  z-index: 1;
}

.fhyx_zt_video_con1_title {
  float: left;
  width: 100%;
  height: 0.88rem;
  line-height: 0.88rem;
  text-align: center;
  font-size: 0.32rem;
  color: #ffffff;
  opacity: 0.9;
}

.fhyx_zt_video_con1 {
  width: 100%;
  height: 4.19rem;
  position: fixed;
  z-index: 1000;
  top: -1rem;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.fhyx_zt_video_con1_c {
  width: 100%;
  height: 100%;
}

.fhyx_zt_video_con1 iframe, .fhyx_zt_video_con1 video {
  width: 100%;
  height: 100%;
}

#global_footer {
  background-color: #501E1E;
  box-shadow: 0px -1px 0px 0px #501E1E;
  border: 0;
}

#global_footer > a > span {
  color: #f5cc7f;
}

#global_footer > .current > span {
  color: #f9d58c;
}

#index-activity label {
  border: solid 0.08rem #c28928;
}

.fhyxIndexXrzq {
  float: left;
  width: 7.1rem;
  height: auto;
  margin: 0.1rem 0 0 -0.1rem;
  position: relative;
  display: none;
}

.fhyxIndexXrzq .img {
  float: left;
  width: 100%;
  height: auto;
}