@charset "utf-8";
@font-face {
  font-family: DIN;
  src: url(fonts/DIN-Alternate-Bold.ttf);
  unicode-range: U+30-39, U+0041-007a;
  font-display: fallback;
}
@font-face {
  font-family: HYYakuHei;
  src: url(fonts/HYYakuHei.ttf);
}
*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
ol,
ul {
  list-style: none;
}
ins,
a {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  color: var(--text-color);
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
img {
  border: none;
  vertical-align: middle;
}
body,
html {
  font-size: 0.37333rem;
  height: 100%;
  font-family: PingFang SC, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  overscroll-behavior: none;
}
html {
  font-size: 62.5%;
}
body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  background-color: var(--bg-color);
  color: var(--text-color);
  overflow: hidden;
}
:root {
  --bg-color: #000;
  --text-color: #8F8F8F;
  --bg-main-color: #232626;
  --white-color: #fff;
  --black-color: #000;
  --menu-icon-color: #A7B0BB;
  --icon-box-color: #333;
  --warn-color: #FFA538;
  --icon-radius: 0.18667rem;
  --box-radius: 0.26667rem;
  --grid-gap: 0.21333rem;
}
.sidebar::-webkit-scrollbar {
  display: none;
}
/* 公告栏样式 */
.topbar {
  height: 1.28rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--bg-main-color);
  color: var(--white-color);
  border-radius: 0 0 0.53333rem 0.53333rem;
  -webkit-border-radius: 0 0 0.53333rem 0.53333rem;
  -moz-border-radius: 0 0 0.53333rem 0.53333rem;
}
.topbar .topbar-left {
  position: relative;
  width: 1.70667rem;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.topbar .topbar-left svg {
  width: 1.49333rem;
}
.topbar .topbar-left .carousel-container {
  position: absolute;
  top: -0.02667rem;
  left: 0.58667rem;
  width: 0.96rem;
  height: 0.29333rem;
  border-radius: 0.05333rem;
  -webkit-border-radius: 0.05333rem;
  -moz-border-radius: 0.05333rem;
  overflow: hidden;
}
.topbar .topbar-left .carousel-list {
  display: flex;
  flex-direction: column;
  transition: transform 0.5s ease-in-out;
}
.topbar .topbar-left .carousel-item {
  height: 0.29333rem;
  line-height: normal;
  font-size: 0.21333rem;
  color: #999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 600;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#F4A942 0.9%", endColorstr="#FF2A14 100%");
  background: -webkit-linear-gradient(90deg, #F4A942 0.9%, #FF2A14 100%);
  background: -moz-linear-gradient(90deg, #F4A942 0.9%, #FF2A14 100%);
  background: -o-linear-gradient(90deg, #F4A942 0.9%, #FF2A14 100%);
  background: linear-gradient(90deg, #F4A942 0.9%, #FF2A14 100%);
  color: var(--white-color);
}
.topbar .topbar-left .carousel-item:nth-child(2) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#4248F4 0.9%", endColorstr="#9514FF 100%");
  background: -webkit-linear-gradient(90deg, #4248F4 0.9%, #9514FF 100%);
  background: -moz-linear-gradient(90deg, #4248F4 0.9%, #9514FF 100%);
  background: -o-linear-gradient(90deg, #4248F4 0.9%, #9514FF 100%);
  background: linear-gradient(90deg, #4248F4 0.9%, #9514FF 100%);
}
.topbar .topbar-left .carousel-item:nth-child(3) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#42C2F4 0.9%", endColorstr="#1453FF 100%");
  background: -webkit-linear-gradient(90deg, #42C2F4 0.9%, #1453FF 100%);
  background: -moz-linear-gradient(90deg, #42C2F4 0.9%, #1453FF 100%);
  background: -o-linear-gradient(90deg, #42C2F4 0.9%, #1453FF 100%);
  background: linear-gradient(90deg, #42C2F4 0.9%, #1453FF 100%);
}
.topbar .topbar-right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  position: relative;
  height: 100%;
}
.marquee-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.marquee-wrapper .marquee-track {
  display: inline-block;
  white-space: nowrap;
  position: absolute;
  animation: scroll-left 10s linear infinite;
}
.marquee-wrapper .marquee-track span {
  display: inline-block;
  padding-right: 1.6rem;
  font-size: 0.32rem;
}
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@-webkit-keyframes scaleAnimation {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  30% {
    -webkit-transform: scale3d(0.9, 0.9, 1);
    transform: scale3d(0.9, 0.9, 1);
  }
  60% {
    -webkit-transform: scale3d(1.15, 1.15, 1);
    transform: scale3d(1.15, 1.15, 1);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes scaleAnimation {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  30% {
    -webkit-transform: scale3d(0.9, 0.9, 1);
    transform: scale3d(0.9, 0.9, 1);
  }
  60% {
    -webkit-transform: scale3d(1.15, 1.15, 1);
    transform: scale3d(1.15, 1.15, 1);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
/* 主内容区样式 */
.container {
  display: flex;
  height: calc(100vh - 1.28rem);
  overflow: hidden;
}
.sidebar {
  overflow-y: auto;
  padding-left: 0.26667rem;
  padding-top: 0.26667rem;
  width: 1.70667rem;
  -webkit-box-flex: 0 0 1.70667rem;
  -webkit-flex: 0 0 1.70667rem;
  -ms-flex: 0 0 1.70667rem;
  flex: 0 0 1.70667rem;
}
.sidebar ul li {
  cursor: pointer;
  white-space: nowrap;
  background: url(../to/nor.png) no-repeat top center;
  background-size: cover;
  height: 1.38667rem;
  width: 1.17333rem;
  margin-bottom: 0.16rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.sidebar ul li svg {
  fill: var(--menu-icon-color);
  height: 0.58667rem;
  width: 0.58667rem;
}
.sidebar ul li span {
  font-size: 0.32rem;
  margin-top: -0.05333rem;
  font-weight: 500;
}
.sidebar ul li.active {
  background-image: url(../to/sel.png);
  color: var(--white-color);
  animation: scaleAnimation 0.5s ease-in-out;
}
.sidebar ul li.active svg {
  fill: var(--white-color);
  animation: scaleAnimation 0.5s ease-in-out;
}
/* 右侧内容区 */
.content {
  position: relative;
  flex: 1;
  overflow-y: auto;
  padding: 0 0.26667rem 2.66667rem 0;
}
.section {
  padding-bottom: 0.32rem;
}
.section h2 {
  position: relative;
  font-size: 0.48rem;
  padding-left: 0.26667rem;
  color: var(--white-color);
  font-weight: 400;
  font-family: HYYakuHei;
  height: 1.06667rem;
  line-height: 1.06667rem;
  font-style: italic;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.section h2:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.32rem;
  width: 0.10667rem;
  height: 0.42667rem;
  border-radius: 0.10667rem;
  -webkit-border-radius: 0.10667rem;
  -moz-border-radius: 0.10667rem;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#FADD76 10.62%", endColorstr="#F68446 100.11%");
  background: -webkit-linear-gradient(180deg, #FADD76 10.62%, #F68446 100.11%);
  background: -moz-linear-gradient(180deg, #FADD76 10.62%, #F68446 100.11%);
  background: -o-linear-gradient(180deg, #FADD76 10.62%, #F68446 100.11%);
  background: linear-gradient(180deg, #FADD76 10.62%, #F68446 100.11%);
  box-shadow: 0 -0.01333rem 0 0 rgba(251, 223, 168, 0.57) inset;
}
/* 动画效果 */
.fade-enter {
  opacity: 0;
  transform: translateY(0.53333rem);
}
.fade-enter-active {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.3s ease-in-out;
}
/*精品推荐*/
.jptj-box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: var(--grid-gap);
}
.jptj-box a {
  background-color: var(--icon-box-color);
  color: var(--white-color);
  box-shadow: 0 0.05333rem 0.08rem 0 rgba(47, 42, 41, 0.1);
  text-align: center;
  border-radius: var(--box-radius);
  -webkit-border-radius: var(--box-radius);
  -moz-border-radius: var(--box-radius);
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}
.jptj-box a img {
  height: 1.22667rem;
  width: 1.22667rem;
  border-radius: var(--icon-radius);
  -webkit-border-radius: var(--icon-radius);
  -moz-border-radius: var(--icon-radius);
  margin-top: 0.26667rem;
}
.jptj-box a h5 {
  font-size: 0.29333rem;
  padding: 0.08rem 0;
  font-weight: 400;
}
/*热门搜索*/
.rmss-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: var(--grid-gap);
}
.rmss-box a {
  display: inline-block;
  text-align: center;
  height: 0.96rem;
  line-height: 0.96rem;
  padding: 0.05333rem 0.21333rem;
  border-radius: 0.21333rem;
  -webkit-border-radius: 0.21333rem;
  -moz-border-radius: 0.21333rem;
  cursor: pointer;
  border-bottom: 0.02667rem solid #5E5C5B;
  background: linear-gradient(180deg, #3B3A44 0%, #333 100%);
  box-shadow: 0 0.05333rem 0 0 #383838;
}
.rmss-box a span {
  position: relative;
  font-size: 0.4rem;
  font-weight: 800;
  background: linear-gradient(180deg, #FFF 0%, #FF9239 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: HYYakuHei;
  padding-left: 0.08rem;
}
.rmss-box a span small {
  font-size: 0.4rem;
  padding-right: 0.08rem;
}
/*精品游戏*/
.jpyx-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: var(--grid-gap);
}
.jpyx-box a {
  box-shadow: 0 0.05333rem 0.08rem 0 rgba(47, 42, 41, 0.1);
  border-radius: var(--box-radius);
  -webkit-border-radius: var(--box-radius);
  -moz-border-radius: var(--box-radius);
  padding: 0.26667rem;
  background-color: var(--icon-box-color);
  color: var(--white-color);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.jpyx-box a img {
  width: 1.06667rem;
  height: 1.06667rem;
  border-radius: var(--icon-radius);
  -webkit-border-radius: var(--icon-radius);
  -moz-border-radius: var(--icon-radius);
}
.jpyx-box a b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0.13333rem;
  font-size: 0.32rem;
  font-weight: 600;
}
.jpyx-box a b small {
  font-size: 0.26667rem;
  color: var(--warn-color);
  font-weight: 400;
}
/*在线约炮*/
.zxyp-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.zxyp-box a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: var(--box-radius);
  -webkit-border-radius: var(--box-radius);
  -moz-border-radius: var(--box-radius);
  padding: 0.26667rem;
  box-shadow: 0 0.05333rem 0.08rem 0 rgba(47, 42, 41, 0.1);
}
.zxyp-box a:nth-child(5n+1) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#3C3138 0%", endColorstr="#333 40.12%");
  background: -webkit-linear-gradient(180deg, #3C3138 0%, #333 40.12%);
  background: -moz-linear-gradient(180deg, #3C3138 0%, #333 40.12%);
  background: -o-linear-gradient(180deg, #3C3138 0%, #333 40.12%);
  background: linear-gradient(180deg, #3C3138 0%, #333 40.12%);
}
.zxyp-box a:nth-child(5n+2) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#31353C 0%", endColorstr="#333 40.12%");
  background: -webkit-linear-gradient(180deg, #31353C 0%, #333 40.12%);
  background: -moz-linear-gradient(180deg, #31353C 0%, #333 40.12%);
  background: -o-linear-gradient(180deg, #31353C 0%, #333 40.12%);
  background: linear-gradient(180deg, #31353C 0%, #333 40.12%);
}
.zxyp-box a:nth-child(5n+3) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#3C3B31 0%", endColorstr="#333 40.12%");
  background: -webkit-linear-gradient(180deg, #3C3B31 0%, #333 40.12%);
  background: -moz-linear-gradient(180deg, #3C3B31 0%, #333 40.12%);
  background: -o-linear-gradient(180deg, #3C3B31 0%, #333 40.12%);
  background: linear-gradient(180deg, #3C3B31 0%, #333 40.12%);
}
.zxyp-box a:nth-child(5n+4) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#37313C 0%", endColorstr="#333 40.12%");
  background: -webkit-linear-gradient(180deg, #37313C 0%, #333 40.12%);
  background: -moz-linear-gradient(180deg, #37313C 0%, #333 40.12%);
  background: -o-linear-gradient(180deg, #37313C 0%, #333 40.12%);
  background: linear-gradient(180deg, #37313C 0%, #333 40.12%);
}
.zxyp-box a:nth-child(5n) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#313C3B 0%", endColorstr="#333 40.12%");
  background: -webkit-linear-gradient(180deg, #313C3B 0%, #333 40.12%);
  background: -moz-linear-gradient(180deg, #313C3B 0%, #333 40.12%);
  background: -o-linear-gradient(180deg, #313C3B 0%, #333 40.12%);
  background: linear-gradient(180deg, #313C3B 0%, #333 40.12%);
}
.zxyp-box a:not(:last-child) {
  margin-bottom: var(--grid-gap);
}
.zxyp-box a .a-img {
  position: relative;
}
.zxyp-box a .a-img img {
  width: 2.82667rem;
  height: 4.05333rem;
  object-fit: cover;
  object-position: top center;
  border-radius: 0.21333rem;
  -webkit-border-radius: 0.21333rem;
  -moz-border-radius: 0.21333rem;
  vertical-align: middle;
}
.zxyp-box a .a-img span {
  position: absolute;
  bottom: 0;
  font-family: DIN;
  right: 0;
  border-radius: 0.56rem 0 0.21333rem 0.56rem;
  -webkit-border-radius: 0.56rem 0 0.21333rem 0.56rem;
  -moz-border-radius: 0.56rem 0 0.21333rem 0.56rem;
  padding: 0.08rem 0.26667rem 0.08rem 0.08rem;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 0.32rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.zxyp-box a .a-img span i {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.zxyp-box a .a-img span i:nth-child(1) {
  background-image: url(../to/play-icon.svg);
  width: 0.53333rem;
  height: 0.53333rem;
}
.zxyp-box a .a-img span i:nth-child(2) {
  background-image: url(../to/xian-icon.svg);
  width: 0.53333rem;
  height: 0.26667rem;
  margin-right: 0.13333rem;
}
.zxyp-box a .a-info {
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  padding-left: 0.13333rem;
}
.zxyp-box a .a-info .a-a {
  font-size: 0.4rem;
  font-weight: 500;
  color: var(--white-color);
}
.zxyp-box a .a-info .a-b {
  color: var(--white-color);
  font-size: 0.34667rem;
  margin: 0.05333rem 0;
}
.zxyp-box a .a-info .a-b b {
  color: var(--warn-color);
  padding: 0 0.05333rem;
}
.zxyp-box a .a-info .a-b i {
  display: inline-block;
  width: 0.26667rem;
  height: 0.26667rem;
  background: url(../to/address-icon1.svg) no-repeat center;
  background-size: contain;
  margin-right: 0.05333rem;
  vertical-align: middle;
  position: relative;
  bottom: 0.05333rem;
}
.zxyp-box a .a-info .a-c {
  font-size: 0.29333rem;
  margin: 0.05333rem 0;
  font-family: DIN;
}
.zxyp-box a .a-info .a-d {
  font-size: 0.29333rem;
  margin: 0.05333rem 0;
}
.zxyp-box a .a-info .a-d b {
  color: #83BBFF;
  padding: 0 0.05333rem;
  font-family: DIN;
}
.zxyp-box a .a-info .a-d em {
  display: inline-block;
  padding: 0 0.08rem;
  font-style: normal;
  font-size: 0.24rem;
  position: relative;
  bottom: 0.02667rem;
}
.zxyp-box a .a-info .a-e {
  padding: 0 0.16rem;
  border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  font-weight: 500;
  line-height: 0.53333rem;
  margin-top: 0.08rem;
  background: linear-gradient(90deg, #E5D6FB 0%, #FFDBFF 52.63%);
  font-size: 0.29333rem;
  color: #A772BF;
}
.zxyp-box a .a-info .a-f {
  margin-top: 0.26667rem;
}
.zxyp-box a .a-info .a-f span {
  display: inline-block;
  height: 0.64rem;
  line-height: 0.64rem;
  padding: 0 0.26667rem;
  border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  background-color: #333;
  color: #fff;
  font-size: 0.32rem;
}
.zxyp-box a .a-info .a-f span i {
  font-size: 0.37333rem;
  vertical-align: middle;
  position: relative;
  bottom: 0.02667rem;
}
.zxyp-box a .a-info .a-g {
  color: #83BBFF;
  padding: 0.08rem 0;
  font-size: 0.29333rem;
}
.zxyp-box a .a-info .a-h span {
  background: linear-gradient(90deg, #E5D6FB 0%, #FFDBFF 52.63%);
  font-size: 0.29333rem;
  color: #A772BF;
  margin-right: 0.13333rem;
  padding: 0.05333rem 0.13333rem;
  border-radius: 2.66667rem;
  -webkit-border-radius: 2.66667rem;
  -moz-border-radius: 2.66667rem;
}
/*情趣专区*/
.qqzq-box {
  box-shadow: 0 0.05333rem 0.08rem 0 rgba(47, 42, 41, 0.1);
  border-radius: var(--box-radius);
  -webkit-border-radius: var(--box-radius);
  -moz-border-radius: var(--box-radius);
  background-color: var(--icon-box-color);
  overflow: hidden;
}
.qqzq-box .qb-head {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#5F2E30 0%", endColorstr="#333 100%");
  background: -webkit-linear-gradient(90deg, #5F2E30 0%, #333 100%);
  background: -moz-linear-gradient(90deg, #5F2E30 0%, #333 100%);
  background: -o-linear-gradient(90deg, #5F2E30 0%, #333 100%);
  background: linear-gradient(90deg, #5F2E30 0%, #333 100%);
  height: 1.06667rem;
  border-radius: var(--box-radius) var(--box-radius) 0 0;
  -webkit-border-radius: var(--box-radius) var(--box-radius) 0 0;
  -moz-border-radius: var(--box-radius) var(--box-radius) 0 0;
  font-family: HYYakuHei;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.qqzq-box .qb-head .qbh-l {
  position: relative;
}
.qqzq-box .qb-head .qbh-l svg {
  position: absolute;
  top: -0.05333rem;
  left: 0.26667rem;
  height: 0.74667rem;
  width: 3.04rem;
}
.qqzq-box .qb-head .qbh-l span {
  font-size: 0.26667rem;
  position: relative;
  left: 0.53333rem;
  z-index: 1;
  color: #2A2A2A;
  font-weight: 700;
}
.qqzq-box .qb-head .qbh-r {
  padding-right: 0.26667rem;
}
.qqzq-box .qb-head .qbh-r span {
  font-size: 0.32rem;
  color: #FF8ECA;
}
.qqzq-box ul {
  padding: 0.42667rem 0.26667rem;
}
.qqzq-box ul li {
  margin-bottom: 0.42667rem;
}
.qqzq-box ul li:last-child {
  margin-bottom: 0;
}
.qqzq-box ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.qqzq-box ul li a .a-l {
  border-radius: 0.21333rem;
  -webkit-border-radius: 0.21333rem;
  -moz-border-radius: 0.21333rem;
  width: 2.45333rem;
  height: 2.45333rem;
  -webkit-box-flex: 0 0 2.45333rem;
  -webkit-flex: 0 0 2.45333rem;
  -ms-flex: 0 0 2.45333rem;
  flex: 0 0 2.45333rem;
  overflow: hidden;
}
.qqzq-box ul li a .a-l img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.qqzq-box ul li a .a-r {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 0.21333rem;
}
.qqzq-box ul li a .a-r .arr-a span {
  display: inline-block;
  margin-right: 0.13333rem;
  border-radius: 0.13333rem;
  -webkit-border-radius: 0.13333rem;
  -moz-border-radius: 0.13333rem;
  padding: 0.08rem 0.21333rem;
  font-family: HYYakuHei;
  font-size: 0.26667rem;
  font-weight: 700;
  background-color: var(--white-color);
  color: var(--black-color);
}
.qqzq-box ul li a .a-r .arr-a span.s-2 {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#E16541 17.86%", endColorstr="#F6A190 100%");
  background: -webkit-linear-gradient(270deg, #E16541 17.86%, #F6A190 100%);
  background: -moz-linear-gradient(270deg, #E16541 17.86%, #F6A190 100%);
  background: -o-linear-gradient(270deg, #E16541 17.86%, #F6A190 100%);
  background: linear-gradient(270deg, #E16541 17.86%, #F6A190 100%);
  color: var(--white-color);
}
.qqzq-box ul li a .a-r .arr-b {
  color: var(--white-color);
  font-size: 0.42667rem;
  font-weight: 500;
  line-height: 0.64rem;
}
.qqzq-box ul li a .a-r .arr-c {
  font-family: DIN;
}
.qqzq-box ul li a .a-r .arr-c span {
  font-size: 0.29333rem;
  margin-left: 0.08rem;
}
.qqzq-box ul li a .a-r .arr-c b {
  font-size: 0.34667rem;
  color: #FE7803;
}
.qqzq-box ul li a .a-r .arr-d {
  color: #FF5356;
}
.qqzq-box ul li a .a-r .arr-d b {
  font-family: DIN;
  font-size: 0.53333rem;
  font-weight: 800;
}
/*热门标签*/
.rmbq-box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: var(--grid-gap);
}
.rmbq-box a {
  height: 0.8rem;
  line-height: 0.8rem;
  border-radius: 0.13333rem;
  -webkit-border-radius: 0.13333rem;
  -moz-border-radius: 0.13333rem;
  font-size: 0.32rem;
  font-weight: 500;
  background-color: var(--icon-box-color);
  color: var(--white-color);
  box-shadow: 0 0.05333rem #e8e8e826;
  text-align: center;
}
.rmbq-box a.sc1 {
  background-color: #d6a0ff24;
  color: #ff02b3;
}
.rmbq-box a.sc2 {
  background-color: #ffdaa024;
  color: #ffa515;
}
.rmbq-box a.sc3 {
  background-color: #a0ccff24;
  color: #15c5ff;
}
.rmbq-box a.sc4 {
  background-color: #ffa0a024;
  color: #ff1515;
}
.rmbq-box a.sc5 {
  background-color: #c6ffa024;
  color: #21ff15;
}
/*同城交友*/
.tcjy-box a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: var(--grid-gap);
}
.tcjy-box a .a-l {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.tcjy-box a .a-l img {
  height: 1.44rem;
  width: 1.44rem;
  border-radius: 1.44rem;
  -webkit-border-radius: 1.44rem;
  -moz-border-radius: 1.44rem;
}
.tcjy-box a .a-l .l-info {
  margin-left: 0.13333rem;
  height: 1.70667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.tcjy-box a .a-l .l-info .i-a {
  font-weight: 500;
  color: var(--white-color);
}
.tcjy-box a .a-l .l-info .i-b span {
  font-size: 0.24rem;
  background-color: #d6a0ff24;
  color: #ff02b3;
  padding: 0.02667rem 0.08rem;
  border-radius: 0.10667rem;
  -webkit-border-radius: 0.10667rem;
  -moz-border-radius: 0.10667rem;
  margin-right: 0.13333rem;
}
.tcjy-box a .a-l .l-info .i-b span:nth-child(2) {
  background-color: #a0ccff24;
  color: #15c5ff;
}
.tcjy-box a .a-l .l-info .i-b span:nth-child(3) {
  background-color: #ffdaa024;
  color: #ffa515;
}
.tcjy-box a .a-l .l-info .i-c {
  font-size: 0.29333rem;
}
.tcjy-box a .a-r {
  width: 1.6rem;
  -webkit-box-flex: 0 0 1.6rem;
  -webkit-flex: 0 0 1.6rem;
  -ms-flex: 0 0 1.6rem;
  flex: 0 0 1.6rem;
  text-align: right;
}
.tcjy-box a .a-r span {
  display: inline-block;
  height: 0.69333rem;
  line-height: 0.69333rem;
  width: 1.33333rem;
  text-align: center;
  border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  font-size: 0.32rem;
  background-color: #ea8445;
  color: #fff;
}
/*直播热门榜*/
.zbrmb-box a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: var(--grid-gap);
  position: relative;
}
.zbrmb-box a:before {
  content: "";
  position: absolute;
  bottom: -0.13333rem;
  left: 1.44rem;
  height: 0.02667rem;
  width: -moz-calc(46%);
  width: -webkit-calc(46%);
  width: calc(100% - 1.44rem);
  border-bottom: 0.02667rem solid rgba(255, 255, 255, 0.05);
}
.zbrmb-box a .a-l {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.zbrmb-box a .a-l .al-a {
  padding-right: 0.26667rem;
}
.zbrmb-box a .a-l .al-a img {
  height: 1.44rem;
  width: 1.44rem;
  border-radius: var(--box-radius);
  -webkit-border-radius: var(--box-radius);
  -moz-border-radius: var(--box-radius);
}
.zbrmb-box a .a-l .al-b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.zbrmb-box a .a-l .al-b .b-a {
  font-size: 0.37333rem;
  font-weight: 500;
  color: var(--white-color);
}
.zbrmb-box a .a-l .al-b .b-b {
  font-size: 0.29333rem;
}
.zbrmb-box a .a-l .al-b .b-c {
  font-size: 0.29333rem;
}
.zbrmb-box a .a-l .al-b .b-c i {
  color: #ff9543;
  font-size: 0.37333rem;
}
.zbrmb-box a .a-r span {
  display: inline-block;
  padding: 0 0.26667rem;
  height: 0.74667rem;
  line-height: 0.74667rem;
  text-align: center;
  border-radius: 0.13333rem;
  -webkit-border-radius: 0.13333rem;
  -moz-border-radius: 0.13333rem;
  border: 0.02667rem solid #ea8445;
  color: #ea8445;
  cursor: pointer;
  font-size: 0.32rem;
}
/*正在直播*/
.zzzb-box {
  box-shadow: 0 0.05333rem 0.08rem 0 rgba(47, 42, 41, 0.1);
  border-radius: var(--box-radius);
  -webkit-border-radius: var(--box-radius);
  -moz-border-radius: var(--box-radius);
  background-color: var(--icon-box-color);
  overflow: hidden;
}
.zzzb-box .zb-head {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#492E5F 0%", endColorstr="#333 100%");
  background: -webkit-linear-gradient(90deg, #492E5F 0%, #333 100%);
  background: -moz-linear-gradient(90deg, #492E5F 0%, #333 100%);
  background: -o-linear-gradient(90deg, #492E5F 0%, #333 100%);
  background: linear-gradient(90deg, #492E5F 0%, #333 100%);
  height: 1.06667rem;
  border-radius: var(--box-radius) var(--box-radius) 0 0;
  -webkit-border-radius: var(--box-radius) var(--box-radius) 0 0;
  -moz-border-radius: var(--box-radius) var(--box-radius) 0 0;
  font-family: HYYakuHei;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.zzzb-box .zb-head .zbh-l {
  position: relative;
}
.zzzb-box .zb-head .zbh-l svg {
  position: absolute;
  top: -0.05333rem;
  left: 0.26667rem;
  height: 0.74667rem;
  width: 3.04rem;
}
.zzzb-box .zb-head .zbh-l span {
  font-size: 0.26667rem;
  position: relative;
  left: 0.48rem;
  z-index: 1;
  color: #2A2A2A;
  font-weight: 700;
}
.zzzb-box .zb-head .zbh-r {
  padding-right: 0.26667rem;
}
.zzzb-box .zb-head .zbh-r span {
  font-size: 0.32rem;
  color: #8EB5FF;
}
.zb-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.08rem;
  padding: 0.21333rem;
}
.zb-box .item {
  position: relative;
  border-radius: var(--box-radius);
  -webkit-border-radius: var(--box-radius);
  -moz-border-radius: var(--box-radius);
  border: 0.02667rem solid rgba(255, 255, 255, 0.05);
  overflow: hidden;
}
.zb-box .cover {
  display: inline-block;
  width: 100%;
  height: 6.4rem;
  background-image: url(../to/default2.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: var(--icon-box-color);
  position: relative;
}
.zb-box .cover .live-tag {
  position: absolute;
  top: 0.21333rem;
  right: 0.21333rem;
  padding: 0.05333rem 0.13333rem;
  font-size: 0.26667rem;
  border-radius: 0.08rem;
  -webkit-border-radius: 0.08rem;
  -moz-border-radius: 0.08rem;
  background-color: rgba(0, 0, 0, 0.5);
  color: var(--white-color);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.zb-box .cover .live-tag:before {
  content: '';
  display: inline-block;
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 0.16rem;
  -webkit-border-radius: 0.16rem;
  -moz-border-radius: 0.16rem;
  background-color: #5DC856;
  margin-right: 0.10667rem;
  animation: rippleEffectSmooth 2s infinite;
}
.zb-box .scroll-comment {
  position: absolute;
  left: 0.13333rem;
  bottom: 0.13333rem;
  width: calc(100% - 0.26667rem);
  height: 1.33333rem;
  overflow: hidden;
  pointer-events: none;
}
.zb-box .scroll-comment .comment-line {
  position: absolute;
  bottom: -0.53333rem;
  left: 0;
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 0.32rem;
  padding: 0.05333rem 0.21333rem;
  color: var(--white-color);
  animation: float-up 3s ease-in-out forwards;
  opacity: 0;
  font-size: 0.26667rem;
}
.zb-box .scroll-comment .comment-line img {
  width: 0.42667rem;
  height: 0.42667rem;
  border-radius: 50%;
  margin-right: 0.16rem;
}
.zb-box .info {
  padding: 0.21333rem;
}
.zb-box .info .name {
  font-size: 0.37333rem;
  margin-bottom: 0.10667rem;
  color: var(--white-color);
  font-weight: 500;
}
.zb-box .info .viewer-row {
  display: flex;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-size: 0.32rem;
  color: #888;
}
.zb-box .info .viewer-row img {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 0.48rem;
  -webkit-border-radius: 0.48rem;
  -moz-border-radius: 0.48rem;
  border: 0.02667rem solid var(--white-color);
  margin-right: -0.16rem;
}
.zb-box .info .viewer-row .viewer-count {
  margin-left: 0.21333rem;
  font-size: 0.26667rem;
}
.zb-box .info .viewer-row .viewer-count b {
  font-weight: 500;
  font-family: DIN;
}
/*约炮*/
/*.yp-tabs { height: 76px; .radius(12px 12px 0 0 ); .flex(); .flex-pack-justify(); .flex-align(); 
                                                                                 .bg-gradient(180deg, #2A2A2E 0%, rgba(42, 41, 44, 0.00) 100%);
    span { .flex-x(); .flex(); .flex-v(); .flex-align(); .flex-pack(); color: var(--white-color); font-size: 16px; font-weight: 500;
        small { font-size: 12px; font-weight: 400; color: var(--text-color); padding: 3px 10px; margin-top: 5px; .radius(12px); }
        &.active { border-radius: 22px 22px 0px 0px; .bg-gradient(180deg, #2A2A2E 0%, rgba(42, 41, 44, 0.00) 100%); box-shadow: 3px -1px 3px 0px rgba(126, 119, 113, 0.10); font-size: 20px; margin-top: -10px; height: 100%; padding-top: 10px;
            small { color: var(--white-color); .bg-gradient(90deg, #45372A 0%, #212125 100%); }
        }
    }
}*/
/*
.yp-tabs { .radius(12px 12px 0 0 ); .flex(); .flex-pack-justify(); .flex-align(); .bg(#1F1F1F); margin-bottom: 12px;

    span { .flex-x(); .flex(); .flex-v(); .flex-align(); .flex-pack(); background: #1F1F1F; .radius(12px);
    height: 48px; color: var(--white-color); font-size: 16px; font-weight: 500;



        small { font-size: 12px; font-weight: 400; color: var(--text-color); }
        &.active { .bgc(var(--bg-main-color),var(--white-color)); font-family: HYYakuHei; font-size: 20px;
            small { color: var(--white-color); font-family: PingFang SC, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif; overscroll-behavior: none }
        }
    }
}

*/
.yp-tabs {
  display: flex;
  background-color: #1F1F1F;
  border-radius: 0.32rem;
  -webkit-border-radius: 0.32rem;
  -moz-border-radius: 0.32rem;
  margin-bottom: 0.32rem;
  overflow: hidden;
}
.yp-tabs span {
  position: relative;
  height: 1.28rem;
  color: var(--white-color);
  font-size: 0.42667rem;
  font-weight: 500;
  margin: 0 -0.4rem;
  cursor: pointer;
  transition: 0.2s;
  -webkit-mask-box-image: url("data:image/svg+xml,%3Csvg width='67' height='33' viewBox='0 0 67 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27 0c-6.627 0-12 5.373-12 12v6c0 8.284-6.716 15-15 15h67c-8.284 0-15-6.716-15-15v-6c0-6.627-5.373-12-12-12H27z' fill='%23F8EAE7'/%3E%3C/svg%3E") 12 27 15;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.yp-tabs span small {
  font-size: 0.32rem;
  font-weight: 400;
  color: var(--text-color);
}
.yp-tabs span.active {
  background-color: var(--bg-main-color);
  color: var(--white-color);
  font-family: HYYakuHei;
  font-size: 0.53333rem;
  z-index: 1;
}
.yp-tabs span.active small {
  color: var(--white-color);
  font-family: PingFang SC, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  overscroll-behavior: none;
}
/*约炮-空降上门*/
.kjsm-box {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: var(--grid-gap);
  border-radius: var(--box-radius);
  -webkit-border-radius: var(--box-radius);
  -moz-border-radius: var(--box-radius);
  z-index: 1;
  margin-bottom: 0.26667rem;
}
.kjsm-box a {
  box-shadow: 0 0.05333rem 0.16rem -0.02667rem rgba(0, 0, 0, 0.15);
  border-radius: var(--box-radius);
  -webkit-border-radius: var(--box-radius);
  -moz-border-radius: var(--box-radius);
}
.kjsm-box a:nth-child(6n+1) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#333 84.66%", endColorstr="#3D2D33 100%");
  background: -webkit-linear-gradient(180deg, #333 84.66%, #3D2D33 100%);
  background: -moz-linear-gradient(180deg, #333 84.66%, #3D2D33 100%);
  background: -o-linear-gradient(180deg, #333 84.66%, #3D2D33 100%);
  background: linear-gradient(180deg, #333 84.66%, #3D2D33 100%);
}
.kjsm-box a:nth-child(6n+2) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#333 84.66%", endColorstr="#2D343D 100%");
  background: -webkit-linear-gradient(180deg, #333 84.66%, #2D343D 100%);
  background: -moz-linear-gradient(180deg, #333 84.66%, #2D343D 100%);
  background: -o-linear-gradient(180deg, #333 84.66%, #2D343D 100%);
  background: linear-gradient(180deg, #333 84.66%, #2D343D 100%);
}
.kjsm-box a:nth-child(6n+3) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#333 84.66%", endColorstr="#3D3A2D 100%");
  background: -webkit-linear-gradient(180deg, #333 84.66%, #3D3A2D 100%);
  background: -moz-linear-gradient(180deg, #333 84.66%, #3D3A2D 100%);
  background: -o-linear-gradient(180deg, #333 84.66%, #3D3A2D 100%);
  background: linear-gradient(180deg, #333 84.66%, #3D3A2D 100%);
}
.kjsm-box a:nth-child(6n+4) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#333 84.66%", endColorstr="#332D3D 100%");
  background: -webkit-linear-gradient(180deg, #333 84.66%, #332D3D 100%);
  background: -moz-linear-gradient(180deg, #333 84.66%, #332D3D 100%);
  background: -o-linear-gradient(180deg, #333 84.66%, #332D3D 100%);
  background: linear-gradient(180deg, #333 84.66%, #332D3D 100%);
}
.kjsm-box a:nth-child(6n+5) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#333 84.66%", endColorstr="#3A2D3D 100%");
  background: -webkit-linear-gradient(180deg, #333 84.66%, #3A2D3D 100%);
  background: -moz-linear-gradient(180deg, #333 84.66%, #3A2D3D 100%);
  background: -o-linear-gradient(180deg, #333 84.66%, #3A2D3D 100%);
  background: linear-gradient(180deg, #333 84.66%, #3A2D3D 100%);
}
.kjsm-box a:nth-child(6n) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#333 84.66%", endColorstr="#343D2D 100%");
  background: -webkit-linear-gradient(180deg, #333 84.66%, #343D2D 100%);
  background: -moz-linear-gradient(180deg, #333 84.66%, #343D2D 100%);
  background: -o-linear-gradient(180deg, #333 84.66%, #343D2D 100%);
  background: linear-gradient(180deg, #333 84.66%, #343D2D 100%);
}
.kjsm-box a img {
  width: 100%;
  height: 4.26667rem;
  object-fit: cover;
  object-position: top center;
  border-radius: var(--box-radius) var(--box-radius) 0 0;
  -webkit-border-radius: var(--box-radius) var(--box-radius) 0 0;
  -moz-border-radius: var(--box-radius) var(--box-radius) 0 0;
}
.kjsm-box a .a-a {
  position: relative;
  margin-top: -0.32rem;
  padding: 0 0.13333rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.kjsm-box a .a-a span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: inline-block;
  height: 0.53333rem;
  line-height: 0.53333rem;
  color: var(--white-color);
  font-size: 0.24rem;
  text-align: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.kjsm-box a .a-a span i {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  vertical-align: middle;
  position: relative;
  bottom: 0.02667rem;
  margin-right: 0.05333rem;
}
.kjsm-box a .a-a span:first-child {
  background-image: url(../to/g-left.svg);
}
.kjsm-box a .a-a span:first-child i {
  width: 0.32rem;
  height: 0.26667rem;
  background-image: url(../to/iocn-like.svg);
}
.kjsm-box a .a-a span:last-child {
  background-image: url(../to/g-right.svg);
}
.kjsm-box a .a-a span:last-child i {
  width: 0.29333rem;
  height: 0.29333rem;
  background-image: url(../to/icon-add.svg);
}
.kjsm-box a .a-x {
  padding: 0.26667rem;
}
.kjsm-box a .a-x .a-b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.kjsm-box a .a-x .a-b b {
  font-size: 0.4rem;
  color: var(--white-color);
  margin-right: 0.08rem;
  font-weight: 500;
}
.kjsm-box a .a-x .a-b span {
  font-size: 0.32rem;
  font-family: DIN;
}
.kjsm-box a .a-x .a-c {
  font-size: 0.29333rem;
  color: #8996C7;
  padding: 0.08rem 0 0.13333rem 0;
}
.kjsm-box a .a-x .a-c span {
  font-family: DIN;
}
.kjsm-box a .a-x .a-d {
  height: 0.96rem;
  line-height: 0.96rem;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#DFB454 0%", endColorstr="#FC8D0A 100%");
  background: -webkit-linear-gradient(270deg, #DFB454 0%, #FC8D0A 100%);
  background: -moz-linear-gradient(270deg, #DFB454 0%, #FC8D0A 100%);
  background: -o-linear-gradient(270deg, #DFB454 0%, #FC8D0A 100%);
  background: linear-gradient(270deg, #DFB454 0%, #FC8D0A 100%);
  color: #fff;
  border-radius: 0.10667rem;
  -webkit-border-radius: 0.10667rem;
  -moz-border-radius: 0.10667rem;
  text-align: center;
  cursor: pointer;
}
.kjsm-box a .a-x .a-d i {
  display: inline-block;
  width: 0.42667rem;
  height: 0.42667rem;
  background: url(../to/btn-icon.svg) no-repeat center;
  background-size: cover;
  vertical-align: middle;
  position: relative;
  bottom: 0.01333rem;
  margin-right: 0.08rem;
}
.kjsm-box a .a-y {
  padding: 0.26667rem;
}
.kjsm-box a .a-y .y-a {
  font-size: 0.42667rem;
  font-weight: 600;
  color: var(--white-color);
}
.kjsm-box a .a-y .y-b,
.kjsm-box a .a-y .y-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.kjsm-box a .a-y .y-b {
  padding: 0.13333rem 0;
}
.kjsm-box a .a-y .y-b span {
  color: #f00;
  font-weight: 600;
}
.kjsm-box a .a-y .y-b i {
  background: url(../to/star-icon.svg) no-repeat center;
  background-size: cover;
  height: 0.29333rem;
  width: 1.68rem;
}
.kjsm-box a .a-y .y-c {
  font-size: 0.32rem;
}
.kjsm-box a .a-i {
  padding: 0.26667rem 0.26667rem 0 0.26667rem;
}
.kjsm-box a .a-i img {
  border-radius: 0.26667rem;
  -webkit-border-radius: 0.26667rem;
  -moz-border-radius: 0.26667rem;
}
.kjsm-box a .a-e {
  margin-bottom: 0.26667rem;
  margin-top: 0.13333rem;
}
.kjsm-box a .a-e span {
  background-color: #00FF001A;
  color: #428942;
  font-size: 0.32rem;
  margin-right: 0.13333rem;
  padding: 0.05333rem 0.13333rem;
  border-radius: 2.66667rem;
  -webkit-border-radius: 2.66667rem;
  -moz-border-radius: 2.66667rem;
}
.kjsm-box a .a-e span:last-child {
  margin-right: 0;
}
/*约炮-在线约炮*/
/*包养*/
.by-box li {
  margin-bottom: 0.32rem;
  padding: 0.26667rem;
  border-radius: var(--box-radius);
  -webkit-border-radius: var(--box-radius);
  -moz-border-radius: var(--box-radius);
  box-shadow: 0 0.05333rem 0.08rem 0 rgba(47, 42, 41, 0.1);
}
.by-box li:nth-child(5n+1) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#453940 0.54%", endColorstr="#333 21.58%");
  background: -webkit-linear-gradient(181deg, #453940 0.54%, #333 21.58%);
  background: -moz-linear-gradient(181deg, #453940 0.54%, #333 21.58%);
  background: -o-linear-gradient(181deg, #453940 0.54%, #333 21.58%);
  background: linear-gradient(181deg, #453940 0.54%, #333 21.58%);
}
.by-box li:nth-child(5n+2) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#393D45 0.54%", endColorstr="#333 21.58%");
  background: -webkit-linear-gradient(181deg, #393D45 0.54%, #333 21.58%);
  background: -moz-linear-gradient(181deg, #393D45 0.54%, #333 21.58%);
  background: -o-linear-gradient(181deg, #393D45 0.54%, #333 21.58%);
  background: linear-gradient(181deg, #393D45 0.54%, #333 21.58%);
}
.by-box li:nth-child(5n+3) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#453D39 0.54%", endColorstr="#333 21.58%");
  background: -webkit-linear-gradient(181deg, #453D39 0.54%, #333 21.58%);
  background: -moz-linear-gradient(181deg, #453D39 0.54%, #333 21.58%);
  background: -o-linear-gradient(181deg, #453D39 0.54%, #333 21.58%);
  background: linear-gradient(181deg, #453D39 0.54%, #333 21.58%);
}
.by-box li:nth-child(5n+4) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#3F3945 0.54%", endColorstr="#333 21.58%");
  background: -webkit-linear-gradient(181deg, #3F3945 0.54%, #333 21.58%);
  background: -moz-linear-gradient(181deg, #3F3945 0.54%, #333 21.58%);
  background: -o-linear-gradient(181deg, #3F3945 0.54%, #333 21.58%);
  background: linear-gradient(181deg, #3F3945 0.54%, #333 21.58%);
}
.by-box li:nth-child(5n) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#39453F 0.54%", endColorstr="#333 21.58%");
  background: -webkit-linear-gradient(181deg, #39453F 0.54%, #333 21.58%);
  background: -moz-linear-gradient(181deg, #39453F 0.54%, #333 21.58%);
  background: -o-linear-gradient(181deg, #39453F 0.54%, #333 21.58%);
  background: linear-gradient(181deg, #39453F 0.54%, #333 21.58%);
}
.by-box li .i-a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 0.26667rem;
}
.by-box li .i-a .ia-a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.by-box li .i-a .ia-a img {
  width: 1.22667rem;
  height: 1.22667rem;
  border-radius: 1.22667rem;
  -webkit-border-radius: 1.22667rem;
  -moz-border-radius: 1.22667rem;
  object-fit: cover;
  object-position: top center;
}
.by-box li .i-a .ia-a span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 0.26667rem;
}
.by-box li .i-a .ia-a span b {
  font-size: 0.42667rem;
  font-weight: 500;
  color: var(--white-color);
  display: block;
}
.by-box li .i-a .ia-a span b em {
  position: relative;
  font-style: normal;
  padding-left: 0.13333rem;
  bottom: 0.08rem;
  font-size: 0.26667rem;
  color: #5DC856;
}
.by-box li .i-a .ia-a span b em:before {
  content: '';
  display: inline-block;
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 0.16rem;
  -webkit-border-radius: 0.16rem;
  -moz-border-radius: 0.16rem;
  background-color: #5DC856;
  margin-right: 0.10667rem;
  animation: rippleEffectSmooth 2s infinite;
}
.by-box li .i-a .ia-a span small {
  display: inline-block;
  position: relative;
  border: 0.02667rem solid #39B09933;
  border-radius: 1.33333rem;
  -webkit-border-radius: 1.33333rem;
  -moz-border-radius: 1.33333rem;
  padding: 0.05333rem 0.13333rem 0.05333rem 0.48rem;
  font-size: 0.29333rem;
  margin-top: 0.13333rem;
  vertical-align: middle;
}
.by-box li .i-a .ia-a span small:before {
  content: "";
  position: absolute;
  left: 0.13333rem;
  top: 0.16rem;
  display: inline-block;
  width: 0.26667rem;
  height: 0.26667rem;
  background: url(../to/address-icon.svg) no-repeat center;
  background-size: contain;
}
.by-box li .i-a .ia-b span {
  background-color: var(--white-color);
  color: var(--black-color);
  height: 0.74667rem;
  line-height: 0.74667rem;
  border-radius: 0.74667rem;
  -webkit-border-radius: 0.74667rem;
  -moz-border-radius: 0.74667rem;
  padding: 0.16rem 0.26667rem 0.16rem 0.64rem;
  cursor: pointer;
  font-size: 0.32rem;
  position: relative;
}
.by-box li .i-a .ia-b span:after {
  content: "";
  position: absolute;
  top: 0.24rem;
  left: 0.26667rem;
  width: 0.32rem;
  height: 0.32rem;
  background: url(../to/dsyx.png) no-repeat center;
  background-size: cover;
}
.by-box li .i-b {
  background-color: var(--color-main-bg);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border-radius: 0.26667rem 0.26667rem 0 0;
  -webkit-border-radius: 0.26667rem 0.26667rem 0 0;
  -moz-border-radius: 0.26667rem 0.26667rem 0 0;
}
.by-box li .i-b span {
  padding: 0.13333rem 0;
  font-size: 0.32rem;
}
.by-box li .i-b span small {
  color: var(--white-color);
  margin-left: 0.10667rem;
}
.by-box li .i-c {
  border-radius: 0 0 0.26667rem 0.26667rem;
  -webkit-border-radius: 0 0 0.26667rem 0.26667rem;
  -moz-border-radius: 0 0 0.26667rem 0.26667rem;
  overflow: hidden;
}
.by-box li .i-c p {
  background-color: var(--color-main-bg);
  padding: 0.21333rem 0;
  font-size: 0.32rem;
  position: relative;
}
.by-box li .i-c p span {
  color: var(--white-color);
  margin-left: 0.10667rem;
}
.by-box li .i-d {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 0.16rem;
  margin-top: 0.26667rem;
}
.by-box li .i-d img {
  width: 100%;
  height: 2.93333rem;
  object-fit: cover;
  object-position: top center;
  border-radius: 0.16rem;
  -webkit-border-radius: 0.16rem;
  -moz-border-radius: 0.16rem;
}
/*情趣专区-真实评价*/
.zspj-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.zspj-box > a {
  margin-bottom: 0.21333rem;
  box-shadow: 0 0.05333rem 0.08rem 0 rgba(47, 42, 41, 0.1);
  border-radius: var(--box-radius);
  -webkit-border-radius: var(--box-radius);
  -moz-border-radius: var(--box-radius);
  padding: 0.26667rem;
  background: var(--icon-box-color);
}
.zspj-box > a .a-a {
  font-weight: 500;
  color: var(--white-color);
}
.zspj-box > a .a-a i {
  font-size: 0.37333rem;
  color: #ea8445;
}
.zspj-box > a .a-b {
  padding: 0.26667rem 0;
  font-size: 0.34667rem;
}
.zspj-box > a .a-c {
  border-radius: var(--box-radius);
  -webkit-border-radius: var(--box-radius);
  -moz-border-radius: var(--box-radius);
  overflow: hidden;
}
.zspj-box > a .a-c img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
/*附近交友*/
.fjjz-box a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  box-shadow: 0 0.05333rem 0.08rem 0 rgba(47, 42, 41, 0.2);
  margin-bottom: var(--grid-gap);
  border-radius: var(--box-radius);
  -webkit-border-radius: var(--box-radius);
  -moz-border-radius: var(--box-radius);
  padding: 0.26667rem;
}
.fjjz-box a:nth-child(5n+1) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#333 44.66%", endColorstr="#3D2D33 100%");
  background: -webkit-linear-gradient(-45deg, #333 44.66%, #3D2D33 100%);
  background: -moz-linear-gradient(-45deg, #333 44.66%, #3D2D33 100%);
  background: -o-linear-gradient(-45deg, #333 44.66%, #3D2D33 100%);
  background: linear-gradient(-45deg, #333 44.66%, #3D2D33 100%);
}
.fjjz-box a:nth-child(5n+2) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#333 44.66%", endColorstr="#2D343D 100%");
  background: -webkit-linear-gradient(-45deg, #333 44.66%, #2D343D 100%);
  background: -moz-linear-gradient(-45deg, #333 44.66%, #2D343D 100%);
  background: -o-linear-gradient(-45deg, #333 44.66%, #2D343D 100%);
  background: linear-gradient(-45deg, #333 44.66%, #2D343D 100%);
}
.fjjz-box a:nth-child(5n+3) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#333 44.66%", endColorstr="#3D3A2D 100%");
  background: -webkit-linear-gradient(-45deg, #333 44.66%, #3D3A2D 100%);
  background: -moz-linear-gradient(-45deg, #333 44.66%, #3D3A2D 100%);
  background: -o-linear-gradient(-45deg, #333 44.66%, #3D3A2D 100%);
  background: linear-gradient(-45deg, #333 44.66%, #3D3A2D 100%);
}
.fjjz-box a:nth-child(5n+4) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#333 44.66%", endColorstr="#332D3D 100%");
  background: -webkit-linear-gradient(-45deg, #333 44.66%, #332D3D 100%);
  background: -moz-linear-gradient(-45deg, #333 44.66%, #332D3D 100%);
  background: -o-linear-gradient(-45deg, #333 44.66%, #332D3D 100%);
  background: linear-gradient(-45deg, #333 44.66%, #332D3D 100%);
}
.fjjz-box a:nth-child(5n) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#333 44.66%", endColorstr="#3A2D3D 100%");
  background: -webkit-linear-gradient(-45deg, #333 44.66%, #3A2D3D 100%);
  background: -moz-linear-gradient(-45deg, #333 44.66%, #3A2D3D 100%);
  background: -o-linear-gradient(-45deg, #333 44.66%, #3A2D3D 100%);
  background: linear-gradient(-45deg, #333 44.66%, #3A2D3D 100%);
}
.fjjz-box a .a-l {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
  padding-right: 0.13333rem;
}
.fjjz-box a .a-l .al-a {
  font-weight: 500;
  color: var(--white-color);
}
.fjjz-box a .a-l .al-b {
  padding: 0.13333rem 0;
}
.fjjz-box a .a-l .al-b span {
  margin-right: 0.13333rem;
  font-size: 0.32rem;
  color: #999;
}
.fjjz-box a .a-l .al-c {
  font-size: 0.34667rem;
  padding: 0.13333rem 0;
}
.fjjz-box a .a-l .al-d {
  font-size: 0.32rem;
}
.fjjz-box a .a-l .al-d i {
  color: #56b099;
}
.fjjz-box a .a-r {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.fjjz-box a .a-r img {
  width: 100%;
  height: auto;
  border-radius: var(--icon-radius);
  -webkit-border-radius: var(--icon-radius);
  -moz-border-radius: var(--icon-radius);
}
/*精品游戏*/
.jxyx-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.4rem;
  margin-bottom: 0.4rem;
}
.jxyx-box a {
  margin-bottom: -0.18667rem;
}
.jxyx-box a .a-bd {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background-color: var(--icon-box-color);
  border-radius: var(--box-radius);
  -webkit-border-radius: var(--box-radius);
  -moz-border-radius: var(--box-radius);
  z-index: 1;
  box-shadow: 0 0.05333rem 0.08rem 0 rgba(47, 42, 41, 0.2);
  height: 1.54667rem;
}
.jxyx-box a .a-bd .bd-l img {
  height: 1.28rem;
  width: 1.28rem;
}
.jxyx-box a .a-bd .bd-r {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  height: 100%;
  padding-left: 0.13333rem;
}
.jxyx-box a .a-bd .bd-r h3 {
  font-weight: 500;
  color: var(--white-color);
  font-size: 0.37333rem;
}
.jxyx-box a .a-bd .bd-r span {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#E16541 17.86%", endColorstr="#F6A190 100%");
  background: -webkit-linear-gradient(270deg, #E16541 17.86%, #F6A190 100%);
  background: -moz-linear-gradient(270deg, #E16541 17.86%, #F6A190 100%);
  background: -o-linear-gradient(270deg, #E16541 17.86%, #F6A190 100%);
  background: linear-gradient(270deg, #E16541 17.86%, #F6A190 100%);
  padding: 0.08rem 0.4rem;
  text-align: center;
  border-radius: 2.66667rem;
  -webkit-border-radius: 2.66667rem;
  -moz-border-radius: 2.66667rem;
  color: #fff;
  cursor: pointer;
  font-size: 0.26667rem;
}
.jxyx-box a:nth-child(2n+1) .a-bd {
  direction: rtl;
  padding-left: 0.02667rem;
}
.jxyx-box a:nth-child(2n+1) .a-bd:before {
  position: absolute;
  top: 0;
  left: 0.10667rem;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: var(--icon-box-color);
  border-radius: 0.26667rem;
  transform: skew(-8deg);
  content: "";
}
.jxyx-box a:nth-child(2n) .a-bd {
  padding-right: 0.26667rem;
}
.jxyx-box a:nth-child(2n) .a-bd:before {
  position: absolute;
  top: 0;
  right: 0.10667rem;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: var(--icon-box-color);
  border-radius: 0.26667rem;
  transform: skew(-8deg);
  content: "";
}
/*游戏大奖*/
.yxlist-box .item {
  margin-top: var(--grid-gap);
  padding: 0.26667rem;
  background-color: #fff;
  border-radius: var(--box-radius);
  -webkit-border-radius: var(--box-radius);
  -moz-border-radius: var(--box-radius);
  box-shadow: 0 0.05333rem 0.08rem 0 rgba(47, 42, 41, 0.1);
}
.yxlist-box .item:nth-child(4n+1) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#453940 0.54%", endColorstr="#333 21.58%");
  background: -webkit-linear-gradient(181deg, #453940 0.54%, #333 21.58%);
  background: -moz-linear-gradient(181deg, #453940 0.54%, #333 21.58%);
  background: -o-linear-gradient(181deg, #453940 0.54%, #333 21.58%);
  background: linear-gradient(181deg, #453940 0.54%, #333 21.58%);
}
.yxlist-box .item:nth-child(4n+2) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#393D45 0.54%", endColorstr="#333 21.58%");
  background: -webkit-linear-gradient(181deg, #393D45 0.54%, #333 21.58%);
  background: -moz-linear-gradient(181deg, #393D45 0.54%, #333 21.58%);
  background: -o-linear-gradient(181deg, #393D45 0.54%, #333 21.58%);
  background: linear-gradient(181deg, #393D45 0.54%, #333 21.58%);
}
.yxlist-box .item:nth-child(4n+3) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#453D39 0.54%", endColorstr="#333 21.58%");
  background: -webkit-linear-gradient(181deg, #453D39 0.54%, #333 21.58%);
  background: -moz-linear-gradient(181deg, #453D39 0.54%, #333 21.58%);
  background: -o-linear-gradient(181deg, #453D39 0.54%, #333 21.58%);
  background: linear-gradient(181deg, #453D39 0.54%, #333 21.58%);
}
.yxlist-box .item:nth-child(4n) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#3F3945 0.54%", endColorstr="#333 21.58%");
  background: -webkit-linear-gradient(181deg, #3F3945 0.54%, #333 21.58%);
  background: -moz-linear-gradient(181deg, #3F3945 0.54%, #333 21.58%);
  background: -o-linear-gradient(181deg, #3F3945 0.54%, #333 21.58%);
  background: linear-gradient(181deg, #3F3945 0.54%, #333 21.58%);
}
.yxlist-box .item .i-bd {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 0.13333rem;
}
.yxlist-box .item .i-bd a {
  text-align: center;
}
.yxlist-box .item .i-bd a img {
  width: 80%;
  border-radius: var(--box-radius);
  -webkit-border-radius: var(--box-radius);
  -moz-border-radius: var(--box-radius);
}
.yxlist-box .item .i-bd a h5 {
  font-size: 0.29333rem;
  margin-top: 0.08rem;
  font-weight: 400;
  color: var(--white-color);
}
/*名媛伴游*/
.myby-box {
  margin-top: 0.26667rem;
}
.myby-box li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 0.21333rem;
  box-shadow: 0 0.05333rem 0.08rem 0 rgba(47, 42, 41, 0.1);
  border-radius: var(--box-radius);
  -webkit-border-radius: var(--box-radius);
  -moz-border-radius: var(--box-radius);
  background: var(--icon-box-color);
  overflow: hidden;
}
.myby-box li a .a-l {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0.26667rem;
}
.myby-box li a .a-l .al-a {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#453940", endColorstr="#333");
  background: -webkit-linear-gradient(to right, #453940, #333);
  background: -moz-linear-gradient(to right, #453940, #333);
  background: -o-linear-gradient(to right, #453940, #333);
  background: linear-gradient(to right, #453940, #333);
  border-radius: 2.66667rem;
  -webkit-border-radius: 2.66667rem;
  -moz-border-radius: 2.66667rem;
  padding: 0.05333rem 0.13333rem;
  font-size: 0.32rem;
  font-weight: 500;
  color: var(--white-color);
}
.myby-box li a .a-l .al-b {
  font-size: 0.32rem;
  padding: 0.13333rem 0;
}
.myby-box li a .a-l .al-c {
  font-size: 0.32rem;
}
.myby-box li a .a-l .al-c span {
  margin-right: 0.26667rem;
}
.myby-box li a .a-l .al-c span:last-child {
  margin-right: 0;
}
.myby-box li a .a-l .al-d {
  font-size: 0.29333rem;
  margin-top: 0.13333rem;
}
.myby-box li a .a-l .al-d span {
  margin-right: 0.26667rem;
}
.myby-box li a .a-l .al-d span:last-child {
  margin-right: 0;
}
.myby-box li a .a-l .al-e {
  margin-top: 0.13333rem;
}
.myby-box li a .a-l .al-e span {
  display: inline-block;
  padding: 0.05333rem 0.13333rem;
  border-radius: 0.10667rem;
  -webkit-border-radius: 0.10667rem;
  -moz-border-radius: 0.10667rem;
  font-size: 0.26667rem;
  text-align: center;
}
.myby-box li a .a-l .al-e span i {
  font-size: 0.37333rem;
  vertical-align: middle;
  margin-right: 0.05333rem;
  position: relative;
  bottom: 0.04rem;
}
.myby-box li a .a-l .al-e span.sp1 {
  background-color: rgba(39, 209, 147, 0.1);
  color: #27d193;
}
.myby-box li a .a-l .al-e span.sp2 {
  background-color: rgba(254, 145, 0, 0.1);
  color: #fe9100;
}
.myby-box li a .a-r {
  width: 2.66667rem;
  -webkit-box-flex: 0 0 2.66667rem;
  -webkit-flex: 0 0 2.66667rem;
  -ms-flex: 0 0 2.66667rem;
  flex: 0 0 2.66667rem;
  border-radius: 100% 0 0 100%;
  -webkit-border-radius: 100% 0 0 100%;
  -moz-border-radius: 100% 0 0 100%;
  overflow: hidden;
  background-image: url(../to/default2.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-left: 0.04rem solid var(--white-color);
  background-position: top center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.myby-box li a .a-r i {
  font-size: 1.12rem;
  color: rgba(255, 255, 255, 0.5);
}
/*需求定制*/
.xqdz-box {
  margin-top: 0.26667rem;
}
.xqdz-box li a {
  position: relative;
  margin-bottom: 0.32rem;
  border-radius: var(--box-radius);
  -webkit-border-radius: var(--box-radius);
  -moz-border-radius: var(--box-radius);
  padding: 0.26667rem;
  overflow: hidden;
  display: block;
  box-shadow: 0 0.05333rem 0.08rem 0 rgba(47, 42, 41, 0.1);
}
.xqdz-box li a:nth-child(5n+1) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#453940 0.54%", endColorstr="#333 21.58%");
  background: -webkit-linear-gradient(181deg, #453940 0.54%, #333 21.58%);
  background: -moz-linear-gradient(181deg, #453940 0.54%, #333 21.58%);
  background: -o-linear-gradient(181deg, #453940 0.54%, #333 21.58%);
  background: linear-gradient(181deg, #453940 0.54%, #333 21.58%);
}
.xqdz-box li a:nth-child(5n+2) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#393D45 0.54%", endColorstr="#333 21.58%");
  background: -webkit-linear-gradient(181deg, #393D45 0.54%, #333 21.58%);
  background: -moz-linear-gradient(181deg, #393D45 0.54%, #333 21.58%);
  background: -o-linear-gradient(181deg, #393D45 0.54%, #333 21.58%);
  background: linear-gradient(181deg, #393D45 0.54%, #333 21.58%);
}
.xqdz-box li a:nth-child(5n+3) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#453D39 0.54%", endColorstr="#333 21.58%");
  background: -webkit-linear-gradient(181deg, #453D39 0.54%, #333 21.58%);
  background: -moz-linear-gradient(181deg, #453D39 0.54%, #333 21.58%);
  background: -o-linear-gradient(181deg, #453D39 0.54%, #333 21.58%);
  background: linear-gradient(181deg, #453D39 0.54%, #333 21.58%);
}
.xqdz-box li a:nth-child(5n+4) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#3F3945 0.54%", endColorstr="#333 21.58%");
  background: -webkit-linear-gradient(181deg, #3F3945 0.54%, #333 21.58%);
  background: -moz-linear-gradient(181deg, #3F3945 0.54%, #333 21.58%);
  background: -o-linear-gradient(181deg, #3F3945 0.54%, #333 21.58%);
  background: linear-gradient(181deg, #3F3945 0.54%, #333 21.58%);
}
.xqdz-box li a:nth-child(5n) {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#39453F 0.54%", endColorstr="#333 21.58%");
  background: -webkit-linear-gradient(181deg, #39453F 0.54%, #333 21.58%);
  background: -moz-linear-gradient(181deg, #39453F 0.54%, #333 21.58%);
  background: -o-linear-gradient(181deg, #39453F 0.54%, #333 21.58%);
  background: linear-gradient(181deg, #39453F 0.54%, #333 21.58%);
}
.xqdz-box li a .a-a {
  color: var(--white-color);
  font-size: 0.34667rem;
  font-weight: 500;
}
.xqdz-box li a .a-b {
  font-size: 0.34667rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.65);
  padding: 0.21333rem 0;
}
.xqdz-box li a .a-c p {
  padding: 0.05333rem 0;
  font-size: 0.29333rem;
}
.xqdz-box li a .a-c p span {
  color: var(--white-color);
}
.xqdz-box li a .a-d {
  margin-top: 0.21333rem;
  height: 0.8rem;
  line-height: 0.8rem;
  border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  text-align: center;
  font-size: 0.26667rem;
  background-color: var(--white-color);
  color: #3f4252;
  font-weight: 600;
}
.xqdz-box li a .a-d .countdown-container {
  display: inline-block;
  margin-left: 0.08rem;
}
.xqdz-box li a .a-x {
  position: absolute;
  top: 0;
  right: 0;
  height: 0.8rem;
  line-height: 0.8rem;
  border-radius: 0 0 0 var(--box-radius);
  -webkit-border-radius: 0 0 0 var(--box-radius);
  -moz-border-radius: 0 0 0 var(--box-radius);
  padding: 0 0.26667rem;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#E5D6FB 0%", endColorstr="#FFDBFF 52.63%");
  background: -webkit-linear-gradient(90deg, #E5D6FB 0%, #FFDBFF 52.63%);
  background: -moz-linear-gradient(90deg, #E5D6FB 0%, #FFDBFF 52.63%);
  background: -o-linear-gradient(90deg, #E5D6FB 0%, #FFDBFF 52.63%);
  background: linear-gradient(90deg, #E5D6FB 0%, #FFDBFF 52.63%);
  font-size: 0.26667rem;
  color: #A772BF;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  overflow: hidden;
}
@keyframes rippleEffectSmooth {
  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.5);
    opacity: 0.4;
  }
}
@keyframes float-up {
  0% {
    transform: translateY(0.53333rem);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    transform: translateY(-1.06667rem);
    opacity: 0;
  }
}
.bg-1 {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#333 84.66%", endColorstr="#3D2D33 100%");
  background: -webkit-linear-gradient(180deg, #333 84.66%, #3D2D33 100%);
  background: -moz-linear-gradient(180deg, #333 84.66%, #3D2D33 100%);
  background: -o-linear-gradient(180deg, #333 84.66%, #3D2D33 100%);
  background: linear-gradient(180deg, #333 84.66%, #3D2D33 100%);
}
.bg-2 {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#333 84.66%", endColorstr="#2D343D 100%");
  background: -webkit-linear-gradient(180deg, #333 84.66%, #2D343D 100%);
  background: -moz-linear-gradient(180deg, #333 84.66%, #2D343D 100%);
  background: -o-linear-gradient(180deg, #333 84.66%, #2D343D 100%);
  background: linear-gradient(180deg, #333 84.66%, #2D343D 100%);
}
.bg-3 {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#333 84.66%", endColorstr="#3D3A2D 100%");
  background: -webkit-linear-gradient(180deg, #333 84.66%, #3D3A2D 100%);
  background: -moz-linear-gradient(180deg, #333 84.66%, #3D3A2D 100%);
  background: -o-linear-gradient(180deg, #333 84.66%, #3D3A2D 100%);
  background: linear-gradient(180deg, #333 84.66%, #3D3A2D 100%);
}
.bg-4 {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#333 84.66%", endColorstr="#332D3D 100%");
  background: -webkit-linear-gradient(180deg, #333 84.66%, #332D3D 100%);
  background: -moz-linear-gradient(180deg, #333 84.66%, #332D3D 100%);
  background: -o-linear-gradient(180deg, #333 84.66%, #332D3D 100%);
  background: linear-gradient(180deg, #333 84.66%, #332D3D 100%);
}
.bg-5 {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#333 84.66%", endColorstr="#3A2D3D 100%");
  background: -webkit-linear-gradient(180deg, #333 84.66%, #3A2D3D 100%);
  background: -moz-linear-gradient(180deg, #333 84.66%, #3A2D3D 100%);
  background: -o-linear-gradient(180deg, #333 84.66%, #3A2D3D 100%);
  background: linear-gradient(180deg, #333 84.66%, #3A2D3D 100%);
}
.bg-6 {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#333 84.66%", endColorstr="#343D2D 100%");
  background: -webkit-linear-gradient(180deg, #333 84.66%, #343D2D 100%);
  background: -moz-linear-gradient(180deg, #333 84.66%, #343D2D 100%);
  background: -o-linear-gradient(180deg, #333 84.66%, #343D2D 100%);
  background: linear-gradient(180deg, #333 84.66%, #343D2D 100%);
}
.tabs-box .tb-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 0.32rem;
}
.tabs-box .tb-row .tb-l {
  margin-bottom: 0.26667rem;
  display: none;
}
.tabs-box .tb-row .tb-r {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
}
.tabs-box .tb-row .tb-r span {
  -webkit-box-flex: 0 0 16.6666%;
  -webkit-flex: 0 0 16.6666%;
  -ms-flex: 0 0 16.6666%;
  flex: 0 0 16.6666%;
  margin-bottom: 0.13333rem;
  border-radius: 0.05333rem;
  -webkit-border-radius: 0.05333rem;
  -moz-border-radius: 0.05333rem;
}
.tabs-box .tb-row .tb-r span:last-child {
  border: 0.02667rem solid #ea8445;
  color: #ea8445;
  border-radius: 2.66667rem;
  -webkit-border-radius: 2.66667rem;
  -moz-border-radius: 2.66667rem;
}
.tabs-box .tb-row .tb-r span.active {
  color: var(--white-color);
}
.tabs-box .tb-more {
  text-align: center;
}
.tabs-box .tb-more a {
  border: 0.02667rem solid #F70;
  height: 1.06667rem;
  line-height: 1.06667rem;
  border-radius: 1.06667rem;
  -webkit-border-radius: 1.06667rem;
  -moz-border-radius: 1.06667rem;
  padding: 0 0.16rem;
}
.bnt-more {
  text-align: center;
  margin-top: 0.26667rem;
}
.bnt-more a {
  display: inline-block;
  width: 100%;
  height: 1.06667rem;
  line-height: 1.06667rem;
  border-radius: var(--icon-radius);
  -webkit-border-radius: var(--icon-radius);
  -moz-border-radius: var(--icon-radius);
  background-color: var(--bg-main-color);
  color: var(--white-color);
  font-size: 0.37333rem;
  font-weight: 500;
  cursor: pointer;
}
.zb-row {
  margin-top: 0.26667rem;
  margin-bottom: 0.26667rem;
}
.zb-row img {
  width: 100%;
  border-radius: var(--icon-radius);
  -webkit-border-radius: var(--icon-radius);
  -moz-border-radius: var(--icon-radius);
}
.lazy-img-container {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-top: 56.25%;
  background: #f7f7f7;
  overflow: hidden;
  border-radius: 0.10667rem;
}
.lazy-img-container .lazy-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.lazy-img-container .lazy-img.loaded {
  opacity: 1;
}
/* 骨架屏动画 */
@keyframes shimmer {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 100% 0;
  }
}
.lazy-img-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #f7f7f7 25%, #eaeaea 50%, #f7f7f7 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite linear;
}
.pull-down-refresh {
  height: 1.33333rem;
  line-height: 1.33333rem;
  text-align: center;
  font-size: 0.34667rem;
  position: absolute;
  top: -1.33333rem;
  left: 0;
  right: 0;
  background: var(--bg-color);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.21333rem;
  z-index: 10;
  pointer-events: none;
  transition: transform 0.3s ease;
}
.pull-down-refresh .loading-icon {
  width: 0.48rem;
  height: 0.48rem;
  border: 0.05333rem solid #ccc;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  display: none;
}
.pull-down-refresh .loading-icon.active {
  display: inline-block;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.section-list {
  transition: transform 0.3s ease;
}
