@charset "utf-8";
/* CSS Document */
*, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, img, input, legend, li, nav, ol, p, select, span, table, td, textarea, tr, ul {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  list-style: none;
}
input {
  outline: none
}
a, a:hover {
  text-decoration: none
}
html {
  background-color: #F2F2F2;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 10px) and (max-width: 380px) {
  html {
    font-size: 86%;
  }
}
body {
  display: block;
  font-family: "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", 华文细黑, STHeiti, MingLiu;
}
@media (min-width:980px) {
  html {
    width: 460px;
  }
}
@media (max-width:100%) {
  html {
    width: 100%;
  }
}
#lixiangweb {
  min-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-anchor: none;
  position: relative;
  height: 100%; /* 固定高度 */
}
#lixiangweb::after {
  content: '';
  display: block;
  clear: both;
}
.detailstoppic {
  position: relative;
  width: 100%;
  height: 17.4rem !important;
  background-color: #000000;
}
.detailstoppiczc {
  position: relative;
  width: 100%;
  background-color: #000000;
}
.swiper-containerlbt {
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  overflow-x: hidden;
  width: 100% !important;
  height: 100% !important;
}
.swiper-containerlbt .swiper-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100% !important;
  height: 100% !important;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  position: relative;
  z-index: 1;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform
}
.swiper-containerlbt .swiper-slide {
  width: 100% !important;
  height: 100% !important;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: #f6f6f6;
}
.swiper-containerlbt .swiper-slide img {
  width: 100% !important;
  height: 100% !important;
  border: none
}
.tuji {
  z-index: 999;
  display: flex;
  align-items: center;
  position: absolute;
  right: 1rem;
  bottom: 1.2rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  background: rgba(255, 255, 255, .8);
  color: #000;
  gap: 0.2rem;
  border-radius: 0.25rem;
  /* 核心修复：消除上下留白不一致 */
  line-height: 1.2 !important;
  height: fit-content;
  justify-content: center;
}
.tuji .swiper-pagination {
  position: static !important;
  width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000 !important;
  font-size: 0.875rem !important;
  /* 强制居中 + 无内外边距 + 行高一致 */
  line-height: 1.2 !important;
  padding: 0 !important;
  margin: 0 !important;
  font-family: inherit !important;
  vertical-align: middle !important;
}
/* 视频容器 - 相对定位，用于承载绝对定位的播放按钮 */
.video-container {
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  overflow-x: hidden;
  width: 100% !important;
  height: 100% !important;
  box-shadow: none; /* 移除阴影 */
  border-radius: 0; /* 移除圆角 */
  cursor: pointer; /* 鼠标移上显示手型 */
}
.video-container video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover; /* 保持视频比例并铺满容器 */
}
/* 核心：控制原生控件显示/隐藏 */
/* 默认隐藏原生控件 */
.video-container video::-webkit-media-controls {
  display: none !important;
}
/* 播放状态时显示原生控件 */
.video-container video.playing::-webkit-media-controls {
  display: flex !important;
}
/* 兼容Firefox */
.video-container video {
  -moz-appearance: none;
}
.video-container video.playing {
  -moz-appearance: media-controls;
}
.video-container .custom-play-btn {
  /* 定位到视频正中间 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* 按钮样式 */
  width: 4.375rem; /* 80px / 16px = 5rem */
  height: 4.375rem; /* 80px / 16px = 5rem */
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  border: none;
  cursor: pointer;
  font-size: 1.5rem; /* 24px / 16px = 1.5rem */
  display: flex;
  justify-content: center;
  align-items: center;
  /* 渐变过渡动画 */
  transition: background-color 0.3s ease, opacity 0.3s ease;
  z-index: 10; /* 确保按钮在视频上方 */
  /* 默认显示按钮 */
  opacity: 1;
  pointer-events: auto;
}
.video-container i {
  color: #FFFFFF !important;
  text-decoration: none !important;
  margin-right: 0 !important;
  line-height: 0 !important;
  font-size: 2rem !important;
  float: none !important;
}
.video-container .fa-play {
  margin-left: 0.3125rem !important;
}
.yjtj {
  border-radius: 0.5rem;
  background-color: #fff8ef;
  position: relative;
  margin-bottom: 1rem;
  /* 清除 float 浮动，让父容器高度自动撑开 */
  overflow: hidden;
}
.yjtj dl {
  padding: 0rem !important;
  margin: 0rem !important;
  /* 清除浮动 */
  overflow: hidden;
}
.yjtj dt {
  float: left;
  width: 30%;
  padding: 0rem !important;
  margin: 0rem !important;
  /* 关键：消除图片基线空白 */
  line-height: 0;
}
.yjtj dd {
  font-size: 0.875rem;
  line-height: 1.4rem;
  padding-top: 0.35rem;
  width: 66%;
  float: right;
  padding-right: 0.5rem;
  height: 5rem;
  overflow: hidden;
}
.yjtj .xcts {
  display: none !important;
}
.yjtj img {
  margin: 0;
  border-radius: 0.5rem;
  width: 100%;
  height: auto; /* 改为 auto，避免图片拉伸 */
  padding: 0;
  border: none;
  outline: none;
  /* 关键：消除 inline 元素基线空白 */
  display: block;
  vertical-align: middle;
  /* 可选：保持图片比例填充，避免变形 */
  object-fit: cover;
  margin-top: 0% !important;
}
.yjtj .tj {
  font-size: 0.75rem !important;
  line-height: 1.5rem !important;
  background-color: #ff6200 !important;
  color: #FFFFFF !important;
  position: absolute;
  top: 0rem !important;
  left: 0rem !important;
  width: 4rem !important;
  padding-top: 0rem !important;
  text-align: center !important;
  padding-right: 0rem !important;
  border-bottom-right-radius: 0.5rem;
  height: 1.5rem !important;
}
.nrx_n .d .ku video {
  border-radius: 0.5rem;
  margin-top: 1rem;
  overflow: hidden !important;
  background-color: #111111;
  background-image: url(../images/3220ec7595.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 60% auto;
  margin-bottom: 1rem;
}
/* 按钮隐藏样式 */
.video-container .custom-play-btn.hidden {
  opacity: 0; /* 透明隐藏 */
  pointer-events: none; /* 隐藏后不响应点击 */
  display: none;
}
.video-container .custom-play-btn:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
/* 隐藏原生播放控件的大播放按钮（保留进度条等其他控件） */
.video-container video::-webkit-media-controls-start-playback-button {
  display: none !important;
}
/* 选项卡容器 */
.tab-container {
  width: 100%;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  height: 100%;
}
/* 选项卡标题栏 */
.tab-titles {
  display: flex;
  position: absolute;
  right: 1rem;
  bottom: 1.2rem;
  border-radius: 0.5rem; /* 0.5px 转换后 */
  background: rgba(0, 0, 0, .50);
  padding: 0.25rem; /* 4px 转换后 */
  z-index: 900;
}
/* 单个标题按钮 */
.tab-title {
  text-align: center;
  font-size: 0.875rem; /* 14px 转换后 */
  color: #FFFFFF;
  cursor: pointer;
  padding-left: 0.375rem; /* 6px 转换后 */
  padding-right: 0.375rem; /* 6px 转换后 */
  line-height: 1.4375rem; /* 23px 转换后 */
  padding-top: 0.0625rem; /* 1px 转换后 */
  background: transparent;
}
/* 激活状态的标题 */
.tab-title.active {
  border-radius: 0.25rem; /* 4px 转换后 */
  background: rgba(255, 255, 255, .8);
  color: #000;
}
.tab-title .pic-count {
  margin-left: 0.2rem;
}
/* 选项卡内容区域 */
.tab-contents {
  width: 100%;
  height: 100%;
}
/* 单个内容面板 */
.tab-content {
  display: none;
  line-height: 1.6;
  color: #333;
  width: 100%;
  height: 100%;
}
/* 激活状态的内容 */
.tab-content.active {
  display: block;
}
/* 自定义轮播容器类名，避免冲突 */
.mobile-swiper-banner {
  width: 100%;
  height: auto;
  overflow: hidden;
  /* Swiper 11 移动端触摸优化 */
  touch-action: pan-y; /* 解决移动端触摸事件冲突 */
}
.mobile-swiper-banner .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #f5f5f5;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobile-swiper-banner .swiper-slide img {
  width: 100%;
  height: auto;
  object-fit: cover;
  /* 解决 iOS Safari 图片渲染问题 */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.nsc {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
  height: 4em;
  padding: .5rem 2%;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  z-index: 100;
  display: block;
  width: 96%;
  padding-top: 0;
  padding-right: 2%;
  padding-bottom: 0;
  padding-left: 2%;
}
.nsc .number {
  width: 70%;
  float: left;
  font-size: 1rem;
  color: #FFFFFF;
  line-height: 1.4rem;
}
.nsc .sa {
  position: absolute;
  bottom: 1.5rem;
}
.back {
  position: absolute;
  left: 3%;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  line-height: 2.4rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  text-indent: -2px;
  cursor: pointer;
  z-index: 100;
  margin-top: 3%;
  background-image: url(../images/back.png);
  background-size: 80% auto;
  background-repeat: no-repeat;
  background-position: 30% center;
}
.tanc {
  position: absolute;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  line-height: 2.4rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  text-indent: -2px;
  cursor: pointer;
  z-index: 100;
  margin-top: 3%;
  background-image: url(../images/fenxiang.png);
  background-size: 76% auto;
  background-repeat: no-repeat;
  background-position: 65% 30%;
  right: 14%;
}
.moreButton {
  position: absolute;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  line-height: 2.4rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  text-indent: -2px;
  cursor: pointer;
  z-index: 100;
  margin-top: 3%;
  background-image: url(../images/moreButton.png);
  background-size: 80% auto;
  background-repeat: no-repeat;
  background-position: center center;
  right: 3%;
}
.pop {
  position: absolute;
  top: 3.2rem;
  z-index: 999;
  right: 0.43rem;
}
.kailong {
  width: 0;
  height: 0;
  border-right: 0.6rem solid transparent;
  border-left: 0.6rem solid transparent;
  border-bottom: 0.6rem solid rgba(0, 0, 0, 0.7);
  float: right;
  margin-right: 1rem;
}
.pop_head {
  position: relative;
}
.pop_head a.close {
  width: 47px;
  height: 46px;
  background: url(close.png);
  position: absolute;
  right: -23px;
  line-height: 20px;
  color: #000;
  text-decoration: none;
  top: -23px;
}
.pop_body {
  padding: 1rem;
  background: #000;
  background-color: rgba(0, 0, 0, 0.7);
  width: 5.8rem;
  overflow: hidden;
  border-radius: 0.875rem;
  color: #FFFFFF;
  text-decoration: none;
}
.pop_body a, .pop_body a:hover {
  color: #FFFFFF;
  text-decoration: none;
  float: left;
  overflow: hidden;
  line-height: 2.2rem;
  width: 100%;
  font-size: 1rem;
}
.detailstoppic i {
  float: left;
  margin-right: 0.4rem;
  color: #FFFFFF;
  text-decoration: none;
  line-height: 2.2rem;
  width: 1.7rem; /* 强制固定宽度 */
  display: inline-block; /* 必须加，让宽度生效 */
  text-align: center; /* 图标居中（和 fa-fw 效果一样） */
}
.detailstoppiczc i {
  float: left;
  margin-right: 0.4rem;
  color: #FFFFFF;
  text-decoration: none;
  line-height: 2.2rem;
}
.popup_da_box {
  width: 100%;
  position: fixed;
  bottom: -9999px;
  left: 0;
  background: #fff;
  transition: all 0.2s;
  z-index: 10000;
}
.popup_dinggou {
  height: 100%;
}
.popup_mddtel {
  height: 3rem;
  text-align: center;
  line-height: 3rem;
  width: 100%;
  margin: 0 auto;
  border-bottom: 0.1rem solid #f2f2f2;
  color: #000000;
  position: relative;
  font-size: 1.2rem;
}
.popup_mddtel .icon-xiangzuo-jiantou {
  float: left;
  line-height: 3rem;
  font-size: 1.5rem;
  color: #333333;
  position: absolute;
  z-index: 666;
  left: 2.6%;
  top: 0rem;
}
.popup_mddn {
  width: 100%;
  height: 92%;
  background-color: #FFFFff;
}
.popup_qun, .popup_wenzi, .popup_tuiding, .popup_jiaotong, .popup_youwan, .popup_fuwu, .popup_zhusu, .popup_tesec {
  border-radius: 0.875rem 0.875rem 0 0;
}
.popup_title .fa-xmark {
  line-height: 3rem;
  font-size: 2rem;
  right: 2.6%;
  color: #999999;
  position: absolute;
  z-index: 666;
  font-weight: normal;
  float: right;
}
.popup_title {
  height: 3rem;
  text-align: center;
  line-height: 3rem;
  width: 100%;
  margin: 0 auto;
  border-bottom: 1px solid #f2f2f2;
  color: #999999;
  position: relative;
  font-size: 1.2rem;
}
.popup_title .fa-times, .popup_title .icon-closel {
  line-height: 3rem;
  font-size: 2rem;
  right: 2.6%;
  color: #999999 !important;
  position: absolute;
  z-index: 666;
  float: right;
}
.popup_title .fa-arrow-left {
  float: left;
  line-height: 3rem;
  font-size: 2rem;
  color: #999999;
  position: absolute;
  z-index: 666;
  left: 2% !important;
}
.popup_zhezhao {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  display: none;
  z-index: 9999;
}
.popup_centen {
  padding: 5%;
  text-align: center;
}
/*测试按钮*/
.ceshibottom li {
  width: 100%;
  line-height: 50px;
  padding: 5px;
  border-bottom: 1px solid #333;
}
.popup_centen .btn {
  height: 5rem;
  width: 5rem;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  background-image: url(../images/fzlj.png);
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 50%;
  background-size: 80% auto;
  margin-bottom: 2%;
}
.chatwrap {
  height: 80% !important;
}
.search_txt_zf {
  font-size: 1rem;
  text-align: left;
  text-indent: 2em;
  line-height: 1.625rem;
  height: 26rem;
  overflow: scroll;
  color: #0D0D0D;
}
.search_txt_zf p {
  line-height: 1.625rem;
  font-size: 1rem;
  color: #333333;
  padding: 0px;
  margin: 0px;
  text-align: left;
  text-indent: 0em;
}
.search_txt_zf i {
  color: #FF9600;
  margin-right: 0.4rem;
}
.search_txt_zf strong {
  color: #000000;
}
.search_txt {
  font-size: 0.875rem;
  text-align: left;
  line-height: 1.4rem;
  height: 26rem;
  overflow: scroll;
  color: #0D0D0D;
}
.search_txt p {
  font-size: 0.875rem !important;
  text-align: left !important;
  line-height: 1.2rem !important;
  height: 26rem !important;
  overflow: scroll !important;
  color: #0D0D0D !important;
}
.search_txt ul {
  padding-left: 1rem;
}
.search_txt li {
  list-style-type: disc !important;
  list-style-position: outside !important;
  padding-left: 0.2rem !important;
  margin-left: 0 !important;
  text-indent: 0 !important;
  text-align: left;
  font-size: 1rem !important;
  line-height: 1.625rem !important;
  color: #202020;
  margin-bottom: 0.5rem !important;
  position: relative;
}
/* 防止父级隐藏圆点 */
.search_txt {
  overflow: visible !important;
}
.search_txt i {
  color: #FF9600;
  margin-right: 0.4rem;
}
.search_txt strong {
  color: #000000;
}
.search_txt_kf {
  height: 100%;
  padding-top: 9%;
  padding-right: 2%;
  padding-left: 2%;
  position: relative;
}
.search_txt_kf .times {
  float: right;
  font-size: 1.5rem;
  left: 3%;
  color: #999999;
  position: absolute;
  top: 0.6rem;
}
.gaoba {
  height: 80%;
  padding-bottom: 2%;
}
.search_txt_kf .ifchang {
  height: 94%;
  width: 100%;
}
.search_txt_kf .emy {
  position: absolute;
  width: 5.2rem;
  height: 3rem;
  background-color: #FFFFFF;
  right: 1rem;
}
.title_bj {
  background-color: #000000;
}
.title {
  background: -webkit-linear-gradient(left, rgb(255, 132, 98) 0%, rgb(255, 80, 75) 15%, rgb(255, 174, 118) 100%);
  background: -o-linear-gradient(left, rgb(255, 132, 98) 0%, rgb(255, 80, 75) 15%, rgb(255, 174, 118) 100%);
  background: -ms-linear-gradient(left, rgb(255, 132, 98) 0%, rgb(255, 80, 75) 15%, rgb(255, 174, 118) 100%);
  background: -moz-linear-gradient(left, rgb(255, 132, 98) 0%, rgb(255, 80, 75) 15%, rgb(255, 174, 118) 100%);
  background: linear-gradient(to right, rgb(255, 132, 98) 0%, rgb(255, 80, 75) 15%, rgb(255, 174, 118) 100%);
  padding-top: 2%;
  border-top-right-radius: 1.5rem;
  border-top-left-radius: 1.5rem;
}
.title h1 {
  font-size: 1.2rem;
  line-height: 1.5rem;
  color: #333333;
  text-decoration: none;
  text-align: left;
  font-weight: 600;
  background-color: #FFFFFF;
  padding-left: 2%;
  padding-right: 2%;
  padding-top: 3%;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.title h5 {
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #333333;
  text-decoration: none;
  text-align: left;
  font-weight: 600;
}
.title h2 {
  font-size: 0.9rem;
  line-height: 1.5rem;
  color: #999999;
  text-decoration: none;
  text-align: left;
  font-weight: normal;
  background-color: #FFFFFF;
  padding-top: 1%;
  padding-right: 2%;
  padding-left: 2%;
}
.title h2 i {
  margin-right: 0.4rem;
  font-size: 0.9rem;
}
.cfd i {
  margin-right: 0.4rem;
  font-size: 0.9rem;
}
.dianj {
  float: right;
  line-height: 1.5rem;
  color: #999999;
}
.jddianj {
  float: left;
  line-height: 1.5rem;
  color: #999999;
}
.dianj i, .jddianj i {
  margin-right: 0.2rem !important;
}
.title h3 {
  font-size: 0.9rem;
  line-height: 2rem;
  color: #FFFFFF;
  text-decoration: none;
  text-align: left;
  padding: 2%;
  font-weight: normal;
  background-image: url(../images/longsheng2235.png);
  background-repeat: no-repeat;
  background-size: 65% auto;
  background-position: 94% center;
}
.title h3 .price {
  color: #FFFFFF;
  font-size: 2.2rem;
  font-weight: 500;
  font-family: Arial, Helvetica, sans-serif;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
}
.title h3 .yuan {
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
}
.title .zht {
  width: 100%;
  margin-top: 1%;
  display: inline-block;
  border-bottom-width: 0.1rem;
  border-bottom-style: solid;
  border-bottom-color: #f2f2f2;
  padding-bottom: 1%;
}
.title .zht em {
  font-size: 0.7rem;
  font-style: normal;
  font-weight: normal;
  color: #FF6600;
  border: 1px dashed #FF6600;
  margin-bottom: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  float: left;
  line-height: 0.85rem;
  margin-right: 0.4rem;
  border-radius: 0.2rem;
}
.gao20 {
  width: 100%;
  height: 0.7rem;
  background-color: #FFFFFF;
}
.cfd {
  font-size: 0.9rem;
  color: #999999;
  line-height: 1.5rem;
  height: 1.5rem;
  background-color: #FFFFFF;
  padding-right: 2%;
  padding-left: 2%;
}
.cfd i {
  margin-right: 0.4rem;
}
.jdcfd {
  font-size: 0.9rem;
  color: #999999;
  line-height: 1.5rem;
  height: 1.5rem;
  background-color: #FFFFFF;
  padding-right: 2%;
  padding-left: 3%;
  padding-bottom: 2%;
}
.tuanqi-wrapper {
  margin-top: 2%;
  background-color: #FFFFFF;
  box-sizing: border-box;
  padding-top: 1%;
  padding-left: 2%;
  padding-right: 1%;
  height: 6.3125rem;
}
.zhutiy {
  margin-top: 2%;
  background-color: #FFFFFF;
  padding-bottom: 2%;
  padding-top: 1%;
  padding-left: 1%;
}
.zhutiy .s1 {
  background-color: #fdefec;
  font-size: 0.9rem;
  color: #f55605;
  float: left;
  border-radius: 0.3rem;
  line-height: 1.6rem;
  margin-top: 1%;
  width: 13%;
  text-align: center;
  margin-left: 1%;
}
.ding {
  float: right;
  height: auto;
}
a .Digg {
  float: right;
  background-color: #FF5D5D;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  border-radius: 1rem;
  color: #FFFFFF;
  font-weight: normal;
}
.Digg i {
  color: #FFFFFF;
  font-size: 1rem;
  margin-right: 0.2rem;
}
a .Digg, a .Digg i {
  color: #FFFFFF;
  font-size: 1rem;
}
.dianj {
  float: right;
  color: #999999;
}
.dianj i {
  margin-right: 0.4rem;
}
.cfd .Digg .dianz {
  margin-left: 0.4rem;
}
.heart {
  position: absolute !important;
  font-size: 2rem !important;
  color: red !important;
  pointer-events: none !important;
  animation: fly 1s ease-out forwards !important;
  width: auto !important;
  height: auto !important;
}
@keyframes fly {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-100px);
    opacity: 0;
  }
}
.layui-layer-hui {
  display: none !important;
}
.jttuij {
  font-size: 0.9rem;
  color: #999999;
  line-height: 1.5rem;
  height: 1.5rem;
  background-color: #FFFFFF;
  padding-right: 2%;
  padding-left: 2%;
  position: relative;
}
.jttuij .jiaoto {
  float: left !important;
  position: absolute;
  left: 2%;
}
.jttuij .jiaoto i {
  margin-right: 0.2rem !important;
}
.jttuij .tuanyre {
  float: right !important;
  position: absolute;
  right: 2%;
}
.jttuij .tuanyre i {
  color: #FF5D5D;
  margin-right: 0.2rem !important;
}
.fuw {
  padding: 2%;
  margin-top: 2%;
  background-color: #FFFFFF;
}
.fuw dl {
  width: 100%;
  font-size: 0.9rem;
  color: #999999;
  display: inline-block;
  line-height: 1.2rem;
}
.fuw dl dt {
  float: left;
  margin-right: 0.6rem;
}
.fuw dl dd {
  margin-right: 0.6rem;
  color: #333333;
  float: left;
}
.fuw dl dd .kmh {
  background-color: #FF6600;
  height: 0.8rem;
  width: 0.8rem;
  border-radius: 50%;
  text-align: center;
  background-image: url(../images/gou.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 74% auto;
  display: block;
  float: left;
  margin-top: 0.24rem;
  margin-right: 0.2rem;
}
.fuw .fa-angle-right {
  float: right;
  font-size: 1rem;
  color: #000000;
  line-height: 1.2rem;
}
.sef1 {
  background-color: #FFFFFF;
  line-height: 1.75rem;
  font-size: 1rem;
  color: #000000;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 2%;
  padding-top: 2.6%;
}
.sef1 .fuwts {
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  overflow: hidden;
  width: 100%;
}
.sef1 table {
  width: 100% !important;
  height: auto;
  font-size: 1rem;
  border-left-color: #DDDDDD;
  border-top-color: #DDDDDD;
  border-left-style: solid;
  border-top-style: solid;
  border-left-width: 0.1rem;
  border-top-width: 0.1rem;
}
.sef1 td {
  border-bottom-width: 0.1rem;
  border-bottom-style: solid;
  border-bottom-color: #dddddd;
  padding: 0.3rem;
  line-height: 1.2rem;
  color: #000000;
  font-size: 0.9rem;
  border-right: 0.1rem solid #dddddd;
}
.yuij {
  margin-top: 2%;
  background-color: #fffcf5;
  padding: 2%;
  background-image: url(../images/head-recom.png);
  background-repeat: no-repeat;
  background-size: 90% auto;
  background-position: 3rem -0.875rem;
}
.yuij dt {
  font-size: 0.9rem;
  color: #fc503a;
  line-height: 1.2rem;
  font-weight: 800;
}
.yuij dd {
  font-size: 0.9rem;
  color: #666666;
  line-height: 1.2rem;
}
.yuij .fw {
  font-size: 0.9rem;
  color: #fc503a;
  line-height: 1.2rem;
  font-weight: 800;
}
.yuij .fw i {
  margin-right: 0.25rem;
}
.fuwts_b {
  padding: 2%;
  margin-bottom: 2%;
  background-color: #f3f8fe;
  font-size: 0.9rem;
  line-height: 1.5rem;
  border-radius: 0.5rem;
}
.fuwts_b dl {
  width: 100%;
  float: left;
  padding-top: 1%;
  padding-bottom: 1%;
}
.fuwts_b dl i {
  color: #797fe7;
  font-size: 0.9rem;
  width: 2rem; /* 强制固定宽度 */
  display: inline-block; /* 必须加，让宽度生效 */
  text-align: center; /* 图标居中（和 fa-fw 效果一样） */
}
.fuwts_b .zuo {
  float: left;
  width: 20%;
  font-weight: 600;
}
.fuwts_b .search_txt p {
  font-size: 1rem;
  text-align: left;
  text-indent: 0em;
  line-height: 2rem;
  height: 26rem;
  color: #0D0D0D;
}
.fuwts_b .zhong {
  width: 70%;
  float: left;
}
.fuwts_b .icon-icon-chevron-rightbeifen {
  width: 5%;
  float: right;
  text-align: right;
  font-size: 1.2rem;
  line-height: 1.5rem;
}
.fuwts_b .gow {
  color: #fc503a;
  font-weight: 500;
}
.dspvideoplay {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 2%; /* 居中显示（可选） */
  border-radius: 0.5rem;
  overflow: hidden;
  width: 100%;
  height: auto;
  max-width: 720px;
}
.dspvideoplay video {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: auto;
}
.jiaoy {
  display: block;
  background-color: #FFFFFF;
  margin-top: 2%;
  padding-top: 2%;
  padding-bottom: 2%;
}
.jiaoy .jiaoy_a {
  font-size: 1rem;
  font-weight: bold;
  padding-left: 2%;
}
.jiaoy .jiaoy_a i {
  color: #FF9600;
  margin-right: 0.4rem;
}
.jiaoy .jiaoy_b {
  display: block;
  padding-top: 2%;
  padding-bottom: 2%;
}
.jiaoy .xcgy1 {
  line-height: 1.75rem;
  font-size: 0.875rem;
  float: left;
  width: 28.7%;
  margin-left: 2%;
  color: #666666;
  border-radius: 0.3125rem;
  overflow: hidden;
  margin-bottom: 2%;
  border: 0.0625rem solid #00a56c;
  padding: 0.8%;
  background-color: #f0fbf4;
}
.jiaoy .xcgy1 .z {
  color: #FFFFFF;
  background-color: #00a56c;
  border-radius: 0.25rem;
  float: left;
  text-align: center;
  width: 26%;
  font-size: 0.875rem;
}
.jiaoy .xcgy1 .z1 {
  float: left;
  width: 70%;
  padding-left: 4%;
  overflow: hidden;
  height: 1.75rem;
}
.zhuti {
  display: block;
  background-color: #FFFFFF;
  margin-top: 2%;
}
.ft {
  background-color: #fff;
  border-radius: .2rem;
  padding: .5rem
}
.ft .ft1 {
  background-color: #ff7800;
  text-align: left;
  padding-left: 2%;
  color: #fff;
  font-family: "Microsoft Yahei";
  border-radius: .2rem;
  font-size: 1rem;
  height: 2.1875rem;
  line-height: 2.1875rem
}
a, a:hover {
  color: #000;
  text-decoration: none
}
.ftrqa {
  width: 100%;
  line-height: 2rem;
  font-size: .9rem;
  margin-top: .5rem;
  margin-bottom: .5rem;
  background-color: #f6f6f6;
  border-radius: .3rem;
  overflow: hidden;
  height: 2rem;
}
.ftrqa1 {
  color: #fff;
  background-color: #8cce95;
  width: 14%;
  float: left;
  text-align: center;
}
.ftrqa2 {
  width: 84%;
  float: left;
  padding-left: 0.4rem;
}
.mainBox {
  width: 100%
}
.mainCon {
  width: 100%
}
.mainCon .navBox {
  /* 原有基础样式 */
  height: 2.4rem;
  width: 100% !important; /* 小屏下保持100%宽度，!important确保优先级 */
  z-index: 300;
  background-color: #ffffff;
  /* 新增：可选的基础样式优化（保证布局稳定） */
  box-sizing: border-box; /* 避免宽度受内边距/边框影响 */
  position: relative; /* 若需要定位可保留，无定位需求可删除 */
}
/* 媒体查询：窗口宽度大于1200px时应用 */
@media (min-width: 1200px) {
  .mainCon .navBox {
    width: 460px !important; /* 大屏下固定640px宽，保留!important保证覆盖原有样式 */
    margin: 0 auto; /* 水平居中（和footer一致的居中逻辑，也可根据需求调整） */
  }
}
.mainCon .navBox li {
  float: left;
  height: 2.4rem;
  width: 20%;
  background-color: #FFFFFF;
  font-size: 1rem;
  border-bottom: 3px solid #ececec;
}
.mainCon .navBox li a {
  line-height: 2.4rem;
  float: left;
  text-align: center;
  width: 100%;
  color: #585858;
}
.mainCon .navBox li a:hover {
  text-decoration: none
}
.mainCon .navBox li a.cur {
  color: #FF6600;
  height: 2.4rem;
  border-bottom: 3px solid #FF6600;
  font-weight: bold;
}
.itemBox {
  margin-bottom: 2%;
}
.sef2, .sef4, .sef5 {
  background-color: #ffffff;
  padding: 2%;
  top: 2%;
}
.sef1 img {
  width: 100% !important;
  height: auto !important;
  margin: 0px !important;
  padding: 0px !important;
  display: block;
}
.clear {
  height: 0px;
  clear: both;
  width: 100%;
}
.sef2 .tel, .sef3 .tel {
  font-size: 1.2rem;
  padding-top: 2%;
  font-weight: bold;
}
.sef2 .zhuiz {
  font-size: 1rem;
  font-weight: 500;
  color: #999999;
}
.sef2 i, .sef3 i {
  color: #FF9600;
  margin-right: 0.4rem;
  font-size: 1.2rem;
}
.sef2.tripList {
  margin-left: 0.625rem;
  border-left: 0.1875rem dotted #000000;
  padding-left: 1.875rem;
  padding-top: 0.625rem;
  padding-bottom: 1.25rem;
}
.sef2.end {
  padding-bottom: 0rem !important;
}
.sef2.tripList .module {
  position: relative;
  font-size: 1rem !important;
  line-height: 1.5rem;
}
.sef2.tripList .xcmx {
  background-color: #22c233;
  color: #FFF;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  border-radius: 0.25rem;
  margin-bottom: 0.625rem;
}
.sef2.tripList .module h2 {
  position: absolute;
  top: 0;
  left: -6.5625rem;
  font-size: 1.125rem;
  color: #333;
}
.sef2.tripList .module h4 {
  position: absolute;
  top: 0;
  left: -6.25rem;
  font-size: 1rem;
  color: #333;
  width: 3.25rem;
  text-align: right;
}
.sef2.tripList .module i {
  height: 2.375rem;
  width: 2.375rem;
  position: absolute;
  left: -3.125rem;
  border-radius: 50%;
  background-color: #000000;
  top: -0.625rem;
}
.sef2.tripList .modulev {
  color: #7D7D7D;
  line-height: 1.625rem;
  font-size: 1rem;
}
.sef2.tripList .modulev i {
  margin-right: 0.625rem;
}
.sef2.tripList i {
  line-height: 2.375rem;
  text-align: center;
  font-size: 1rem;
  color: #FFF;
  font-weight: bold;
}
.sef2.tripList h3 {
  font-size: 1.25rem;
  font-weight: bold;
  color: #000000;
}
.sef2.tripList h3 {
  display: inline;
  top: -0.25rem;
  position: relative;
}
.sef2.tripList .dining span {
  margin-right: 0.5rem;
}
.sef2.tripList .dining span i {
  font-weight: bold;
  margin-right: 0.1875rem;
}
.icon-duigou {
  color: #99CC00 !important;
}
.icon-closel {
  color: #F32103 !important;
}
.sef2.tripList .live span {
  font-size: 1rem;
}
.sef2.tripList .zhusu span {
  font-size: 1rem;
}
.sef2.tripList .travel {
  padding-bottom: 0;
  border-bottom: none;
}
.sef2.tripList .travelBox {
  position: relative;
  margin-bottom: 0.625rem;
}
.sef2.tripList .travelHd {
  position: absolute;
  width: 6.25rem;
  top: 0;
  left: -8.75rem;
}
.sef2.tripList .travelHd h5 {
  position: relative;
  text-align: right;
  padding-right: 0.5rem;
  font-size: 1rem;
}
.sef3 {
  background-color: #ffffff;
  padding: 2%;
}
.sef3 .feiy {
  padding-top: 2%;
}
.sef3 .feiy table {
  width: 100%;
  height: auto;
  font-size: 1rem;
  border-top-width: 0.1rem;
  border-right-width: 0.1rem;
  border-left-width: 0.1rem;
  border-top-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  border-top-color: #dddddd;
  border-right-color: #dddddd;
  border-left-color: #dddddd;
  border-bottom-width: 0px;
}
.sef3 .feiy td {
  border-bottom-width: 0.1rem;
  border-bottom-style: solid;
  border-bottom-color: #dddddd;
  padding: 1rem;
  line-height: 1.5rem;
  color: #000000;
  font-size: 1rem;
}
.sef3 .feiy .ui {
  background-color: #eeeeee;
  text-align: center;
  padding: 0.4rem;
  width: 13%;
  border-right-width: 0.1rem;
  border-right-style: solid;
  border-right-color: #dddddd;
  color: #000000;
}
.xcjsh {
  margin-top: 1.25rem;
}
.xcjsh_ri {
  padding-left: 1rem;
  padding-right: 1rem;
}
.xcjsh .tripList {
  border-left: 0.1875rem dotted #000000;
  padding-left: 1.5rem;
  padding-top: 0.625rem;
  padding-bottom: 1.25rem;
}
.xcjsh .end {
  padding-bottom: 0rem !important;
}
.xcjsh .tripList .preview {
  width: 100%;
  margin-top: 4%;
}
.xcjsh .tripList img {
  width: 100%;
  border-radius: 0.5rem;
  height: 100%;
}
.xcjsh .tripList .preview .preview_a {
  width: 49%;
  float: left;
}
.xcjsh .tripList .preview .preview_b {
  width: 49%;
  float: right;
}
.xcjsh .tripList .module {
  position: relative;
  padding-left: 0 !important;
  padding-bottom: 1% !important;
}
.xcjsh .tripList .xcmx {
  background-color: #22c233;
  color: #FFF;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  border-radius: 0.25rem;
  margin-bottom: 0.625rem;
}
.xcjsh .tripList .module h2 {
  position: absolute;
  top: 0;
  left: -6.5625rem;
  font-size: 1.125rem;
  color: #333;
}
.xcjsh .tripList .module h4 {
  position: absolute;
  top: 0;
  left: -6.25rem;
  font-size: 1rem;
  color: #333;
  width: 3.25rem;
  text-align: right;
}
.xcjsh .tripList .module i {
  height: 2.375rem;
  width: 2.375rem;
  position: absolute;
  left: -2.8rem;
  border-radius: 50%;
  background-color: #000000;
  top: -0.625rem;
  font-style: normal;
  font-variant: normal;
  font-weight: 600;
  line-height: 2.375rem;
  text-align: center;
}
.xcjsh .tripList .modulev {
  color: #969696;
  line-height: 1.8rem;
}
.xcjsh .tripList .modulev i {
  margin-right: 0.625rem;
  color: #969696;
  font-size: 1rem;
  font-weight: normal;
}
.xcjsh .tripList i {
  text-align: center;
  font-size: 1rem;
  color: #FFF;
  font-weight: bold;
}
.xcjsh .tripList h3 {
  font-size: 1.2rem;
  font-weight: bold;
  color: #000000;
  display: inline;
  top: -0.25rem;
  position: relative;
  line-height: 1.6rem;
}
.xcjsh .tripList ol {
  font-size: 1rem;
  color: #000000;
  line-height: 1.625rem;
}
.xcjsh .tripList .dining span {
  margin-right: 0.5rem;
}
.xcjsh .tripList .dining span i {
  font-weight: bold;
  margin-left: 0.1875rem;
}
.xcjsh .tripList .dining .yes:before {
  content: "\e786";
  color: #99CC00;
}
.xcjsh .tripList .dining .no:before {
  content: "\e6d5";
  color: #F32103;
}
.xcjsh .tripList .live span {
  font-size: 1rem;
}
.xcjsh .tripList .zhusu span {
  font-size: 1rem;
}
.xcjsh .tripList .travel {
  padding-bottom: 0;
  border-bottom: none;
}
.xcjsh .tripList .travelBox {
  position: relative;
  margin-bottom: 0.625rem;
}
.xcjsh .tripList .travelHd {
  position: absolute;
  width: 6.25rem;
  top: 0;
  left: -8.75rem;
}
.xcjsh .tripList .travelHd h5 {
  position: relative;
  text-align: right;
  padding-right: 0.5rem;
  font-size: 1rem;
}
.ft {
  background-color: #fff;
  border-radius: .2rem;
  padding: 2%
}
.ft .ft1 {
  background-color: #ff7800;
  text-align: left;
  padding-left: 2%;
  color: #fff;
  font-family: "Microsoft Yahei";
  border-radius: .2rem;
  font-size: 1rem;
  height: 2.1875rem;
  line-height: 2.1875rem
}
.ftrqa {
  width: 100%;
  line-height: 2rem;
  font-size: .9rem;
  margin-top: .5rem;
  margin-bottom: .5rem;
  background-color: #f6f6f6;
  border-radius: .3rem;
  overflow: hidden;
  height: 2rem;
}
.ftrqa1 {
  color: #fff;
  background-color: #3b97fc;
  width: 14%;
  float: left;
  text-align: center;
}
.ftrqa2 {
  width: 84%;
  float: left;
  padding-left: 0.4rem;
}
.liangd {
  background-color: #F5F5F5;
  color: #666666;
  line-height: 1.325rem;
  font-size: 1rem;
  width: 96%;
  text-align: left;
  padding: 2%;
  margin-top: 0.2rem;
}
.liangd i {
  margin-right: 0.2rem;
  color: #ff8402;
}
.section-box-title {
  text-align: left;
  background-color: #F3F3F3;
  padding: 0.3rem;
  margin-left: 2%;
  margin-right: 2%;
}
.section-box-title h3 {
  font-size: 1rem;
  line-height: 1.42rem;
  border-left-width: 0.4rem;
  border-left-style: solid;
  border-left-color: #3489F1;
  font-weight: normal;
  padding-left: 0.4rem;
}
.section-box-content {
  margin-top: 0.4rem;
  margin-right: 2%;
  margin-bottom: 0.4rem;
  margin-left: 2%;
}
.section-box-content .detail-upgrade-tip {
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.2rem;
  color: #666666;
}
.section-box-content table {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ddd;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #ddd
}
.section-box-content tbody {
  width: 100% !important;
  margin: 0px !important;
  padding: 0px !important;
}
.section-box-content td, .section-box-content th {
  padding: 0.4rem !important;
  line-height: 1.5rem !important;
  border-bottom-width: 0.1rem;
  border-left-width: 0.1rem;
  border-bottom-style: solid;
  border-left-style: solid;
  border-bottom-color: #ddd;
  border-left-color: #ddd;
  font-size: 1rem;
  font-weight: normal;
}
.detail-upgrade-activity .col-1 {
  width: 23% !important
}
.detail-upgrade-activity .col-2 {
  width: 25% !important
}
.section-box-content th {
  padding: 0 20px
}
.section-box-content thead {
  line-height: 38px;
  background: #eee;
  color: #666
}
.section-box-content .theadxc {
  background-color: #FFF;
}
.section-box-content tr.even {
  background: #f6f6f6
}
.section-box-tab li a:hover, .section-box-tab li.active a {
  background: #3489F1;
  color: #fff
}
.weixinqun {
  text-align: center;
  padding-top: 3%;
  padding-right: 4%;
  padding-bottom: 6%;
  padding-left: 4%;
}
.weixinqun img {
  height: 40%;
  width: 40%;
  margin-right: auto;
  margin-left: auto;
}
.dinggou {
  padding: 0px;
  height: 100%;
}
.dinggou img {
  height: 100%;
  width: 100%;
}
.chainxh {
  padding-bottom: 10%;
}
.chainxh .chainxh_tle {
  font-size: 1.2rem;
  color: #333333;
  padding-left: 3%;
  font-weight: bold;
  line-height: 3rem;
}
.chainxh .chainxh_tle i {
  color: #FF9600;
  margin-right: 0.2rem;
  font-size: 1.2rem;
}
.chainxh dl {
  background-color: #FFFFFF;
  float: left;
  height: 17rem;
  width: 45.5%;
  display: block;
  margin-left: 3%;
  margin-bottom: 3%;
  border-radius: 0.5rem;
  overflow: hidden;
  color: #666666;
  position: relative;
}
.chainxh dl .chuf {
  font-size: 0.75rem;
  line-height: 1.375rem;
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0px;
  top: 0px;
  padding-right: 0.4rem;
  padding-left: 0.4rem;
  border-bottom-right-radius: 0.5rem;
}
.chainxh dl dt {
  height: 50%;
  width: 100%;
}
.chainxh dl dd {
  font-size: 1rem;
  line-height: 1.25rem;
  color: #333333;
  text-decoration: none;
  padding-top: 5%;
  padding-right: 4%;
  padding-left: 4%;
}
.chainxh dl dd a {
  color: #333333;
  text-decoration: none;
  font-weight: bold;
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: unset !important;
}
.chainxh dl dd .lanm {
  width: 100%;
  font-size: 1rem;
  color: #999999;
  display: block;
  line-height: 2rem;
}
.chainxh dl dd {
  height: auto !important;
}
.chainxh dl dd .red {
  color: #F84907;
  text-decoration: none;
  width: 100%;
  display: block;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.75rem;
}
.chainxh dl dd .ref {
  color: #999999;
  text-decoration: none;
  float: right;
  margin-top: 0.3rem;
}
.chainxh dl dd .currency {
  font-size: 1.25rem;
  font-style: normal;
}
.chainxh img {
  height: 100%;
  width: 100%;
}
.clearfixjd {
  padding-bottom: 10%;
}
.clearfixjd .chainxh_tle {
  font-size: 1.2rem;
  color: #333333;
  padding-left: 3%;
  font-weight: bold;
  line-height: 3rem;
}
.clearfixjd .chainxh_tle i {
  color: #FF9600;
  margin-right: 0.2rem;
}
.clearfixjd dl {
  background-color: #FFFFFF;
  float: left;
  height: 14rem;
  width: 45.5%;
  display: block;
  margin-left: 3%;
  margin-bottom: 3%;
  border-radius: 0.5rem;
  overflow: hidden;
  color: #666666;
  position: relative;
}
.clearfixjd dl .chuf {
  font-size: 0.75rem;
  line-height: 1.375rem;
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0px;
  top: 0px;
  padding-right: 0.4rem;
  padding-left: 0.4rem;
  border-bottom-right-radius: 0.5rem;
}
.clearfixjd dl dt {
  height: 50%;
  width: 100%;
}
.clearfixjd dl dd {
  font-size: 1rem;
  line-height: 1.25rem;
  color: #333333;
  text-decoration: none;
  padding-top: 5%;
  padding-right: 4%;
  padding-left: 4%;
}
.clearfixjd dl dd a {
  color: #333333;
  text-decoration: none;
  font-weight: bold;
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: unset !important;
}
.clearfixjd dl dd .lanm {
  width: 100%;
  font-size: 1rem;
  color: #999999;
  display: block;
  line-height: 2rem;
}
.clearfixjd dl dd {
  height: auto !important;
}
.clearfixjd dl dd .red {
  color: #F84907;
  text-decoration: none;
  width: 100%;
  display: block;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.75rem;
}
.clearfixjd dl dd .ref {
  color: #999999;
  text-decoration: none;
  float: right;
  margin-top: 0.3rem;
}
.clearfixjd dl dd .currency {
  font-size: 1.25rem;
  font-style: normal;
}
.clearfixjd img {
  height: 100%;
  width: 100%;
}
.anhy {
  background-color: #FFFFFF;
  height: 6rem;
  width: 100%;
  display: block;
  float: left;
}
.footer {
  /* 基础样式 - 适用于所有屏幕尺寸 */
  position: fixed;
  bottom: 0;
  width: 100%; /* 默认宽度 100% */
  left: 0; /* 确保底部定位时水平对齐 */
  clear: both;
  background-color: #FFFFFF;
  border-top: 0.1rem solid #f2f2f2; /* 简写形式，更简洁 */
  padding-bottom: 8%;
  z-index: 999;
}
/* 媒体查询：当窗口宽度大于 1200px 时应用以下样式 */
@media (min-width: 1200px) {
  .footer {
    width: 460px; /* 固定宽度 640px */
    left: 50%; /* 水平居中关键步骤1：左移 50% */
    transform: translateX(-50%); /* 水平居中关键步骤2：左移自身 50% */
    padding-bottom: 2%; /* 以上两行配合，让 640px 宽的 footer 在大屏下水平居中 */
  }
}
@media (min-width: 1200px) {
  .popup_da_box {
    width: 460px; /* 固定宽度 640px */
    left: 50%; /* 水平居中关键步骤1：左移 50% */
    transform: translateX(-50%); /* 水平居中关键步骤2：左移自身 50% */
    padding-bottom: 2%; /* 以上两行配合，让 640px 宽的 footer 在大屏下水平居中 */
  }
}
/* 强制优先级：加 !important 覆盖所有冲突样式 */
.footer .farvd {
  width: 37% !important;
  float: left !important;
  padding-top: 1.2rem !important;
  padding-left: 3% !important;
  box-sizing: border-box !important; /* 防止padding撑宽 */
  overflow: hidden !important; /* 清浮动，避免子元素溢出 */
}
.footer a, .footer a:hover {
  color: #666666 !important;
  text-decoration: none !important;
}
.footer .farvd li {
  width: 31% !important;
  float: left !important;
  color: #666666 !important;
  text-align: center !important;
  font-size: 0.8rem !important;
  margin: 0 !important; /* 清除默认li外边距 */
  padding: 0 !important; /* 清除默认li内边距 */
  list-style: none !important; /* 去掉列表圆点 */
  line-height: 1 !important; /* 新增：消除li行高导致的间距 */
}
.footer .farvd span {
  width: 100% !important;
  display: block !important; /* 确保span占满宽度 */
  line-height: 1 !important; /* 新增：文字行高重置，避免间距 */
}
.footer .farvd i {
  width: 100% !important;
  /* 核心修改：把1rem改成0.1rem，大幅缩小图标与文字间距 */
  margin-bottom: 0.1rem !important;
  font-size: 1.4rem !important;
  padding: 0 !important;
  /* 简化margin写法，仅保留底部0.1rem间距，避免冲突 */
  margin: 0 0 0.4rem 0 !important;
  display: block !important; /* 图标块级显示，占满宽度 */
  line-height: 1 !important; /* 新增：消除图标行高导致的额外间距 */
  font-weight: 500;
  color: #666666 !important;
}
.footer .farvd .red {
  color: #FA7A07;
}
.footer .farvd .icon-user-headset1, .user-kf {
  color: #FA7A07 !important;
}
.footer .fb {
  width: 60%;
  float: left;
}
.footer .fb .fba {
  width: 94%;
  font-size: 1.2rem;
  line-height: 3.5rem;
  color: #FFFFFF;
  background: -webkit-linear-gradient(325deg, rgb(255, 180, 0) 0%, rgb(255, 109, 0) 50%, rgb(255, 39, 0) 100%);
  background: -o-linear-gradient(325deg, rgb(255, 180, 0) 0%, rgb(255, 109, 0) 50%, rgb(255, 39, 0) 100%);
  background: -ms-linear-gradient(325deg, rgb(255, 180, 0) 0%, rgb(255, 109, 0) 50%, rgb(255, 39, 0) 100%);
  background: -moz-linear-gradient(325deg, rgb(255, 180, 0) 0%, rgb(255, 109, 0) 50%, rgb(255, 39, 0) 100%);
  background: linear-gradient(125deg, rgb(255, 180, 0) 0%, rgb(255, 109, 0) 50%, rgb(255, 39, 0) 100%);
  text-align: center;
  margin-top: 0.6rem;
  border-radius: 0.625rem;
  margin-right: 4%;
}
.sef4 {
  padding: 2%;
}
.sef5 {
  padding-top: 2%;
  padding-right: 2%;
  padding-left: 2%;
}
.chux {
  width: 100%
}
.chux table {
  width: 100% !important;
  height: auto;
  font-size: 1rem;
  border-left-color: #DDDDDD;
  border-top-color: #DDDDDD;
  border-left-style: solid;
  border-top-style: solid;
  border-left-width: 0.1rem;
  border-top-width: 0.1rem;
}
.chux td {
  border-bottom-width: 0.1rem;
  border-bottom-style: solid;
  border-bottom-color: #dddddd;
  padding: 0.3rem;
  line-height: 1.5rem;
  color: #000000;
  font-size: 1rem;
  border-right: 0.1rem solid #dddddd;
}
.chux .bian {
  border-bottom: 0.1rem solid #E8E8E8;
}
.chux dt {
  font-size: 1.2rem;
  padding-right: 2%;
  font-weight: 700;
}
.sef4 .topl {
  padding-top: 0.6rem;
}
.chux i {
  color: #FF9600;
  margin-right: 0.4rem;
  font-size: 1.2rem;
}
.chux dd {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #000000;
}
.chux dd p {
  padding-top: 0.4rem;
  color: #000000;
}
.chux .fold-box-inner {
  padding-top: 0.4rem;
}
.chux .fold-box-inner .item-label strong {
  width: 100%;
  float: left;
  background-color: #F3F3F3;
  line-height: 1.875rem;
  margin-bottom: 0.4rem;
  height: 1.875rem;
}
.chux .fold-box-inner .item-label {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #000000;
  padding-bottom: 0.6rem;
  text-align: left;
}
.chux .fold-box-inner .item-label table {
  width: 100%;
  table-layout: fixed;
  word-wrap: break-word;
  border-spacing: 0px;
}
.chux .fold-box-inner .item-label td, .chux .fold-box-inner .item-label th {
  text-align: left;
  font-weight: 0.875rem;
}
.chux .fold-box-inner .item-label td {
  padding: 3%;
  border-bottom-width: 0px;
  border-bottom: 0.1rem solid #DDDDDD;
}
.chux .fold-box-inner .item-label th {
  background: #f5f5f5;
  width: 22%;
  color: #000000;
  border-bottom: 0.1rem solid #DDDDDD;
  border-right: 0.1rem solid #DDDDDD;
  text-align: center;
  font-variant: normal;
  font-weight: normal;
}
.chux .fold-box-inner strong .kh {
  height: 100%;
  width: 0.4rem;
  background-color: #FF9600;
  float: left;
}
.sef4 .zhushi {
  font-size: 1rem;
  line-height: 2rem; /* 行高与容器高度一致，适配居中 */
  color: #000000;
  background-color: #FFFAE9;
  margin-top: 0.6rem;
  /* 精准固定高度1.5rem */
  height: 2rem;
  /* 左右留边距，上下无内边距（避免撑高） */
  padding: 0 0.6rem;
  text-align: left;
  border-radius: 0.2rem;
  /* 核心：1.5rem高度内垂直居中 */
  display: flex;
  align-items: center;
  /* 关键：padding不影响高度，确保高度精准1.5rem */
  box-sizing: border-box;
}
.sef4 .zhushi i {
  margin-right: 0.28rem;
  /* 图标与文字样式统一，避免错位 */
  font-size: inherit;
  line-height: inherit;
  padding: 0;
  margin-top: 0;
}
.map {
  height: 60%;
}
.map .map_m {
  height: 82%;
  font-size: 0.625rem !important;
  margin: 2%;
  border-radius: 0.6rem;
}
.map .map_m p {
  font-size: 1rem !important;
}
.chak {
  color: #FF6600;
}
.xllmtop {
  background-color: #FFFFFF;
  overflow: hidden;
  background-size: 100% 100%;
  height: 12rem;
  position: relative;
  width: auto;
  background-repeat: no-repeat;
}
.xllmtop .beij {
  position: absolute;
  width: 100%;
  height: 100%;
}
.xllmtop .soutop {
  width: 100%;
  position: absolute;
  margin-top: 4%;
}
.xllmtop .lam {
  position: absolute;
  font-size: 2rem;
  color: #FFFFFF;
  bottom: 20%;
  font-weight: bold;
  text-align: left;
  width: 92%;
  margin-left: 4%;
  margin-right: 4%;
}
.xllmtop .jianj {
  font-size: 1rem;
  font-weight: normal;
  color: #FFFFFF;
  margin-left: 0.2rem;
  overflow: hidden;
  display: inline-block;
  position: absolute;
  bottom: 8%;
}
.shop_tab {
  height: 108rpx;
  display: flex;
  align-items: center;
  padding-left: 28rpx;
  background-color: #F4F4F4;
  position: -webkit-sticky;
  position: sticky;
  top: var(--window-top);
  z-index: 111;
}
.xllmtop .fanh {
  height: 2rem;
  float: left;
  text-align: left;
  margin-right: 2%;
  padding-left: 4%;
}
.xllmtop .fanh i {
  float: left;
  font-size: 2rem;
  line-height: 2.25rem;
  color: #FFFFFF;
}
.xllmtop .caid {
  height: 2.25rem;
  float: right;
  text-align: right;
  padding-right: 4%;
}
.xllmtop .caid i {
  font-size: 2rem;
  line-height: 2.25rem;
  color: #FFFFFF;
  text-align: right;
}
.xllmtop .soyjxlx {
  width: 72%;
  float: left;
}
.xllmtop .soyjxlx .soyjxl {
  background-color: #F2F2F2;
  border-radius: 2.125rem;
  height: 2.25rem;
}
.xllmtop .soyjxlx .soyjxl .soua {
  width: 84%;
  float: left;
  color: #999;
  font-size: 1rem;
  line-height: 2.25rem;
  padding-left: 3%;
  vertical-align: middle;
  border-radius: 0;
  background: 0 0;
  border: none;
  -webkit-appearance: none;
  outline: none
}
.xllmtop .soyjxlx .soyjxl i {
  float: left;
  line-height: 2.25rem;
  font-size: 1rem;
  padding-left: 4%;
  width: 4%;
  color: #2A2A2A;
}
.xllmtop .remen {
  height: 1rem;
  background-color: #FFFFFF;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  position: absolute;
  width: 100%;
  bottom: -1px;
}
.nav {
  width: 92%;
  margin-right: auto;
  margin-left: auto;
  z-index: 999;
  line-height: 3rem;
  color: #333333;
  background-color: #FFFFFF;
  padding-right: 4%;
  padding-left: 4%;
}
.nav .swiper-container {
  width: 100%;
  border-bottom: 1px solid #f8f8f8;
  overflow: hidden;
}
.nav .swiper-slide {
  width: auto !important;
  float: left;
  font-size: 1.125rem;
  line-height: 2.75rem;
  padding: 0px;
  margin-top: 0px;
  margin-right: 3%;
  margin-bottom: 0px;
  margin-left: 0px;
  font-weight: bolder;
}
.nav .swiper-slide a {
  float: left;
  color: #333333;
  margin: 0px;
  padding: 0px;
}
.nav .active span {
  color: #FF2D2D;
}
.content {
  margin: 0px;
  padding: 0px;
  height: auto;
  width: 100%;
  background-color: #FFFFFF;
  display: block;
  float: left;
}
.content_a {
  margin: 0px;
  padding: 0px;
  height: auto;
  width: 100%;
  display: block;
  float: left;
  background-color: #f2f2f2;
}
.content .wall {
  padding: 0px;
  height: auto;
  width: 92%;
  background-color: #FFFFFF;
  display: block;
  float: left;
  margin: 4%;
}
.content .article {
  width: 100%;
  background-color: #f8f8f8;
  margin-top: 4%;
}
.content .article img {
  border-radius: 0.5rem;
  width: 100%;
}
.content .article .article_a {
  font-size: 1rem;
  text-align: left;
  line-height: 2rem;
}
.rmmdd {
  background-color: #FFFFFF;
  display: block;
  overflow: hidden;
}
.rmmdd .rmmdd_a {
  width: 96%;
  color: #333333;
  font-size: 1.125rem;
  line-height: 1.25rem;
  font-weight: bold;
  padding-left: 4%;
  display: block;
  float: left;
}
.rmmdd .rmmdd_b {
  width: 92%;
  margin-left: 4%;
  margin-right: 4%;
  border-radius: 0.5rem;
  display: block;
  margin-top: 4%;
  background-color: #FFFFFF;
  float: left;
  text-align: center;
}
.rmmdd_b .swiper-slide {
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.rmmdd .rmmdd_b .jianj {
  width: 100%;
  height: 100%;
  background-color: #ECECEC;
  float: left;
  border-radius: 0.5rem;
  overflow: hidden;
  position: relative;
}
.mySwiper {
  border-radius: 0.5rem;
  overflow: hidden;
}
.rmmdd_b .swiper-slide {
  height: 30.6%;
  width: 30.6%;
  /* 关键修复：给父容器加相对定位 + 彻底隐藏溢出 */
  position: relative;
  overflow: hidden;
  /* 可选：让图片不变形裁剪 */
  border-radius: 0; /* 如果你有圆角就保留 */
}
.rmmdd .rmmdd_b .swiper-slide .jianj_a {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}
.rmmdd .rmmdd_b .swiper-slide .jianj img {
  width: 100%;
  height: 100%;
  /* 核心修复：让图片填满容器、不变形、不留白 */
  object-fit: cover;
  display: block; /* 消除图片底部默认空隙 */
}
.rmmdd .rmmdd_b .swiper-slide .jianj_b {
  position: absolute;
  bottom: 0;
  left: 0; /* 必须加，防止文字偏移 */
  right: 0;
  color: #FFFFFF;
  font-size: 1rem;
  line-height: 1.2; /* 修复文字挤在一起 */
  font-weight: bold;
  text-align: left;
  padding: 5%;
  /* 修复：去掉float，绝对定位不需要浮动 */
  float: none;
  width: 100%;
  box-sizing: border-box;
}
.rmmdd .rmmdd_b .swiper-slide .jianj_b .huise {
  font-size: 0.75rem;
  color: #FFFFFF;
  width: 100%;
  float: left;
  font-weight: normal;
}
.rmmdd .rmmdd_c {
  margin-left: 4%;
  width: 96%;
  margin-bottom: 4%;
  float: left;
}
.rmmdd .rmmdd_c li {
  width: 30.4%;
  float: left;
  border-radius: 0.2rem;
  font-size: 1rem;
  line-height: 3rem;
  background-color: #FFFFFF;
  text-align: center;
  color: #666666;
  margin-top: 2%;
  margin-right: 2%;
  border: 0.01rem solid #A4A4A4;
}
.rmmdd .rmmdd_c li a，.rmmdd .rmmdd_c li a:hover {
  color: #666666;
}
/* 全新遮罩 独立命名 */
.popbase_mask {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
  touch-action: manipulation;
}
/* 全新弹窗容器 独立命名 */
.popbase_box {
  width: 100%;
  position: fixed;
  bottom: -9999px;
  left: 0;
  background: #fff;
  transition: all 0.2s;
  z-index: 10000;
  height: 60%;
  overflow: hidden;
  border-bottom-left-radius: 0.875rem;
  border-bottom-right-radius: 0.875rem;
}
@media screen and (min-width: 1200px) {
  .popbase_box {
    width: 460px;
    position: fixed;
    bottom: -9999px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    transition: all 0.2s;
    z-index: 10000;
    height: 640px;
    overflow: hidden;
    border-bottom-left-radius: 0.875rem;
    border-bottom-right-radius: 0.875rem;
  }
}
.popbase_box .popup_centen {
  padding-top: 4%;
  padding-right: 4%;
  padding-left: 4%;
  padding-bottom: 2%;
  text-align: center;
  position: relative;
}
.popbase_box .popup_title {
  height: 3rem;
  text-align: center;
  line-height: 3rem;
  width: 100%;
  margin: 0 auto;
  border-bottom: 1px solid #f2f2f2;
  color: #000;
  position: relative;
  font-size: 1.2rem;
}
.shaxuan {
  padding-left: 4%;
  padding-right: 4%;
  padding-top: 4%;
}
.shaxuan_1 a {
  display: block;
  cursor: pointer;
  color: #333;
}
.shaxuan .shaxuan_1 {
  font-size: 0.9rem;
  float: left;
  width: 25%;
}
.shaxuan .shaxuan_1 i {
  font-size: 0.75rem;
  margin-left: 0.2rem;
}
.sx {
  text-align: left;
  height: 24rem;
  width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-gutter: stable;
  word-break: break-all;
  overflow-wrap: break-word;
  position: relative;
}
.sx .fieldandcss {
  line-height: 1.5rem !important;
  margin-right: 1rem;
  float: left;
}
.sx .changefieldandcss {
  color: #FFF;
  background: linear-gradient(125deg, rgb(255, 180, 0) 0%, rgb(255, 109, 0) 50%, rgb(255, 39, 0) 100%);
  padding-right: 0.4rem;
  padding-left: 0.4rem;
  text-decoration: none;
  margin-right: 1rem;
  font-family: Arial;
  float: left;
  border-radius: 0.2rem;
  line-height: 1.5rem !important;
}
.sx .fieldandcssts {
  line-height: 3rem !important;
  float: left;
  width: 23%;
  background-color: #F2F2F2;
  text-align: center;
  font-size: 1rem;
  margin-right: 1%;
  margin-left: 1%;
  border-radius: 0.3rem;
}
.sx .changefieldandcssts {
  color: #FFF;
  background: linear-gradient(125deg, rgb(255, 180, 0) 0%, rgb(255, 109, 0) 50%, rgb(255, 39, 0) 100%);
  line-height: 3rem !important;
  float: left;
  width: 23%;
  text-align: center;
  font-size: 1rem;
  margin-right: 1%;
  border-radius: 0.3rem;
  margin-left: 1%;
}
.sx .fieldandcssjg {
  line-height: 3rem !important;
  float: left;
  width: 31.2%;
  background-color: #F2F2F2;
  text-align: center;
  font-size: 1rem;
  margin-right: 1%;
  margin-left: 1%;
  border-radius: 0.3rem;
}
.sx .changefieldandcssjg {
  color: #FFF;
  background: linear-gradient(125deg, rgb(255, 180, 0) 0%, rgb(255, 109, 0) 50%, rgb(255, 39, 0) 100%);
  line-height: 3rem !important;
  float: left;
  width: 31.2%;
  text-align: center;
  font-size: 1rem;
  margin-right: 1%;
  border-radius: 0.3rem;
  margin-left: 1%;
}
.sx .filter_input {
  text-decoration: none;
  color: #000;
  line-height: 1.25rem;
  border-radius: 0.2rem;
  float: left;
  font-size: 1rem !important;
  display: block;
  font-family: Arial;
  align-items: center;
  cursor: pointer;
  margin-right: 0.5rem;
  padding-top: 0.4rem;
}
/* 复选框核心居中样式 */
.sx .filter_input input[type="checkbox"] {
  vertical-align: middle;
  margin: 0 0.2rem 0 0; /* 清除上下默认margin，只留右侧间距 */
  margin-bottom: 0rem;
  /* 微调1px适配浏览器偏移，根治上下错位 */
  margin-top: 0.1rem;
  float: left;
}
.sx table {
  width: 100%;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #CCC;
  float: left;
}
.sx table tr td {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.sx table tr td b {
  font-weight: normal;
  color: #000;
  text-decoration: none;
  line-height: 2.5rem;
  float: left;
}
.tjph {
  display: block;
}
.tjph a {
  background-color: #F2F2F2;
  color: #000;
}
.tjph .hot {
  color: #FC5531;
}
.tjph li .icon-hot {
  position: absolute;
  top: 0rem;
  padding: 0;
  margin: 0;
  right: 0rem;
  line-height: normal;
  font-size: 2rem;
}
.tjph li {
  text-align: left;
  font-size: 1.2rem;
  line-height: 3.5rem;
  border-radius: 0.4rem;
  background-color: #F2F2F2;
  padding-left: 1rem;
  margin-bottom: 0.5rem;
  position: relative;
}
.tjph li i {
  margin-right: 0.4rem;
}
.confAndCancel {
  width: 100%;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  gap: 0.32rem;
  padding-top: 1em;
  padding-bottom: 0.5rem;
  background: #fff;
  border-top: 1px solid #eee;
  z-index: 9;
}
.confAndCancel .confirm {
  color: #FFF;
  background: linear-gradient(125deg, rgb(255, 180, 0) 0%, rgb(255, 109, 0) 50%, rgb(255, 39, 0) 100%);
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  text-decoration: none;
  margin-right: 0.5rem;
  font-family: Arial;
  float: left;
  border-radius: 0.2rem;
  line-height: 1.5rem !important;
  border-width: 0;
  height: 1.5rem;
  font-size: 1rem;
}
.sx .zt {
  font-weight: 700;
  font-size: 1.6rem;
  font-family: Arial, Helvetica, sans-serif;
}
.sx .sxdq {
  width: 100%;
  /* 核心强制块级 */
  display: block !important;
  /* 清除上面复选框左浮动，独占一行 */
  clear: both !important;
  /* 防止继承浮动 */
  float: none !important;
  /* 如果是li标签就加这行，div可删 */
  list-style: none !important;
  height: 2rem;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  border-bottom-style: dashed;
  border-bottom-color: #B3B3B3;
  border-width: 1px;
}
.sx .gzw {
  display: none;
}
.sx .list_3 {
  width: 100%;
  float: left;
}
.sx .multipleselect {
  display: inline-block;
  color: #ffffff;
  font-size: 1rem !important;
  cursor: pointer;
  padding-right: 0.4rem;
  padding-left: 0.4rem;
  border-radius: 0.2rem;
  text-decoration: none;
  position: absolute;
  background: -webkit-linear-gradient(325deg, rgb(255, 180, 0) 0%, rgb(255, 109, 0) 50%, rgb(255, 39, 0) 100%);
  background: -o-linear-gradient(325deg, rgb(255, 180, 0) 0%, rgb(255, 109, 0) 50%, rgb(255, 39, 0) 100%);
  background: -ms-linear-gradient(325deg, rgb(255, 180, 0) 0%, rgb(255, 109, 0) 50%, rgb(255, 39, 0) 100%);
  background: -moz-linear-gradient(325deg, rgb(255, 180, 0) 0%, rgb(255, 109, 0) 50%, rgb(255, 39, 0) 100%);
  background: linear-gradient(125deg, rgb(255, 180, 0) 0%, rgb(255, 109, 0) 50%, rgb(255, 39, 0) 100%);
  right: 0.8rem;
  line-height: 1.5rem !important;
  margin-top: 0.5rem;
  font-weight: 500;
  top: 0rem;
}
.sx .filter_title_dq {
  clear: both;
  width: 100%;
  display: block;
  margin-top: 0.9375rem;
  margin-bottom: 0.3125rem;
  font-size: 1rem;
  color: #ff6200;
  line-height: 1.5rem;
  font-weight: 700;
}
.sx .filter_title {
  clear: both;
  width: 100%;
  display: block !important;
  list-style: none;
  margin-top: 0.5rem;
  font-size: 1rem;
  color: #ff6200;
  line-height: 1.5rem;
  float: left;
  font-weight: 700;
}
.sx .gzw table {
  border-bottom-style: none;
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
}
.sx .gzw a {
  margin-bottom: 0.5rem;
}
.sx .gzw p {
  float: left;
  line-height: 2.5rem;
  font-weight: 700;
  color: #000;
  padding-left: 1rem;
}
.sx .sou {
  position: absolute;
  top: 2rem;
  right: 2rem;
}
/* 原固定200px、80px 转为百分比，按父容器自适应 */
.sx .sou .soua {
  width: 22%;
  min-width: 15rem;
  float: left;
  border: 2px solid #F60;
  color: #666;
  font-size: 1.2rem;
  line-height: 3.2rem;
  padding-left: 1rem;
  height: 3rem;
}
.sx .sou .soub {
  float: left;
  height: 3.4rem;
  width: 9%;
  min-width: 6rem;
  background-color: #f60;
  border: 2px solid #F60;
  font-size: 1.6rem;
  line-height: 3rem;
  color: #FFF;
  text-align: center;
  font-family: "Microsoft Yahei";
  cursor: pointer;
}
.lieb {
  padding-left: 4%;
  padding-right: 4%;
  padding-bottom: 7rem;
}
.lieb dl {
  width: 100%;
  position: relative;
  background-color: #FFFFFF;
  margin-top: 4%;
  border-radius: 0.5rem;
  overflow: hidden;
  height: auto;
}
.lieb dl dt {
  width: 32%;
  height: 8rem;
  float: left;
  position: relative;
}
.lieb dl dt .article_tuia {
  position: absolute;
  top: 0.5rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  right: 0.5rem;
  text-align: center; /* 新增：为子元素绝对定位提供参考，防止i标签定位偏移 */
  background-color: #FFFFFF;
}
.lieb dl dt .article_tuia i {
  font-size: 0.6rem;
  color: #000000;
  position: absolute;
  /* 核心居中样式 */
  top: 50%; /* 垂直方向先移动到容器50%位置 */
  left: 50%; /* 水平方向先移动到容器50%位置 */
  transform: translate(-50%, -50%); /* 向左向上偏移自身50%，实现真正居中 */
  /* 可选：如果图标有默认间距，清除对齐方式 */
  line-height: 1;
}
.lieb dl dt img {
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
}
.lieb dl dd {
  float: left;
  width: 64%;
  margin-left: 2%;
  margin-right: 2%;
  color: #666666;
  text-align: left;
  font-size: 1rem;
  line-height: 1.2rem;
}
.lieb .ddl {
  background-color: #FFFFFF;
  margin-top: 4%;
  border-radius: 0.5rem;
  overflow: hidden;
  height: auto;
  color: #333333;
  text-align: left;
  font-size: 1rem;
  line-height: 1.25rem;
  padding: 2%;
}
.lieb dl dd .xwlb {
  line-height: 1.2rem !important;
  color: #333333;
  padding-top: 2%;
  padding-bottom: 2%;
}
.lieb dl a {
  color: #666666;
}
.lieb dl a p.t {
  line-height: 1.2rem;
  color: #000;
  overflow: hidden;
  text-align: justify;
  margin-top: 2%;
  font-size: 1rem;
  height: 3.6rem;
  font-weight: bold;
}
.lieb dl a p.t_a {
  line-height: 1.2rem;
  color: #000;
  overflow: hidden;
  text-align: justify;
  margin-top: 2%;
  margin-bottom: 0.2rem;
  font-size: 1rem;
  font-weight: bold;
}
.lieb dl dd a .myda {
  font-size: 0.8rem;
  background-color: #fbf2e0;
  color: #ffa36b;
  line-height: 1.3rem;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  border-radius: 0.6rem;
  float: left;
  margin-right: 0.15rem;
}
.lieb dl dd a p.p {
  font-size: 0.625rem;
  line-height: 1.125rem;
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0px;
  top: 0px;
  padding-right: 0.4rem;
  padding-left: 0.4rem;
  border-bottom-right-radius: 0.5rem;
}
.lieb dl dd a .mydb {
  font-size: 0.75rem;
  color: #666666;
  float: left;
  margin-right: 0.2rem;
  text-align: center;
  line-height: 1rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  margin-bottom: 0.2rem;
  border-radius: 0.2rem;
  border: 0.01rem solid #ABABAB;
}
.lieb dl dd a .mydb_a {
  font-size: 0.625rem;
  color: #FFFFFF;
  float: left;
  margin-right: 0.2rem;
  text-align: center;
  background-color: #0086f6;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
}
.lieb dl dd .s {
  height: 1.1rem;
  overflow: hidden;
  margin-top: 0.2rem;
}
.lieb dl dd .ry {
  color: #666666;
  float: left;
  font-size: 1rem;
  position: absolute;
  text-align: left;
  bottom: 3%;
}
.lieb dl dd .wf {
  height: 1.1rem;
  font-size: 0.8rem;
  color: #666666;
  overflow: hidden;
}
.lieb dl dd .wf_a {
  height: 2.5rem;
  margin-bottom: 0.2rem;
  font-size: 0.75rem;
  color: #666666;
  overflow: hidden;
}
.lieb dl dd .rc {
  color: #FF4700;
  float: left;
}
.lieb dl dd .rd {
  color: #FFFFFF;
  margin-left: 0.4rem;
  background-color: #FF5D5D;
  text-align: center;
  margin-right: 0px;
  padding-top: 0.2rem;
  padding-right: 0.4rem;
  padding-left: 0.4rem;
  padding-bottom: 0.2rem;
  border-radius: 0.3rem;
  font-size: 0.8rem;
}
.lieb dl dd .re {
  color: #999999;
  font-size: 0.9rem;
  position: absolute;
  text-align: right;
  float: right;
  bottom: 3%;
  right: 4%;
  line-height: 1rem;
}
.lieb dl dd .re i {
  font-size: 0.9rem;
  margin-right: 0.2rem;
}
.lieb dl dd .red {
  font-size: 1.375rem;
  border-bottom-width: medium;
}
.loading-tips, .no-more-tips, .load-error-tips {
  width: 100% !important;
  text-align: center !important;
  padding: 15px 0 !important;
  color: #666 !important;
  font-size: 14px !important;
  clear: both !important;
  margin: 0 auto !important;
}
.no-more-tips {
  color: #999 !important;
}
.load-error-tips {
  color: #f56c6c !important;
}
.hesd {
  background-color: #FFFFFF;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  position: fixed;
  top: 0px;
  z-index: 999;
  border-bottom: 0.1rem solid #f2f2f2;
}
.hesd_a {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  height: 3.75rem;
  font-size: 1.75rem;
  line-height: 3.75rem;
  color: #000000;
}
.hesd_b {
  background-color: #FFFFff;
  width: 92%;
  margin-right: 4%;
  margin-left: 4%;
}
.hesd_b .swiper-container {
  width: 100%;
  border-bottom: 1px solid #f8f8f8;
  overflow: hidden;
}
.hesd_b .swiper-slide {
  width: auto !important;
  float: left;
  font-size: 1.25rem;
  line-height: 2rem;
  margin-top: 0px;
  margin-right: 3%;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 2%;
  padding-left: 0px;
}
.hesd_b .swiper-slide a {
  float: left;
  color: #666666;
  margin: 0px;
  padding: 0px;
}
.hesd_b .active span {
  color: #FF2D2D;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #FF2D2D;
  padding-bottom: 3%;
}
.hesd .a {
  float: left;
  height: 100%;
  width: 8%;
  text-align: left;
  margin-left: 4%;
}
.hesd .a i, .hesd .c i {
  font-size: 1.75rem;
}
.hesd .f {
  float: left;
  text-align: left;
  font-size: 1.125rem;
  font-weight: bolder;
  width: 42%;
}
.hesd .f a {
  color: #333333;
}
.hesd .f .logo {
  width: 2.75rem;
  height: 3.75rem;
  float: left;
  background-image: url(../images/slylogo.png);
  background-repeat: no-repeat;
  background-size: auto 49%;
  background-position: center center;
}
.hesd .b {
  float: right;
  height: 100%;
  width: 18%;
  text-align: right;
}
.hesd .c {
  float: right;
  height: 100%;
  width: 10%;
  text-align: right;
  margin-right: 4%;
  font-size: 2.25rem;
}
.hesd .e {
  float: right;
  height: 100%;
  width: 12%;
  text-align: right;
}
.nrx {
  background-color: #FFFFFF;
  padding-bottom: 8rem;
  padding-top: 6rem;
}
.nrx .tle {
  margin-left: 4%;
  margin-right: 4%;
  font-size: 1.75rem;
  color: #333333;
  font-weight: bolder;
  line-height: 3rem;
  padding-top: 2%;
}
.nrx .riqi {
  margin-left: 4%;
  margin-right: 4%;
  font-size: 1rem;
  color: #999999;
  line-height: 2rem;
}
.nrx .d {
  margin-left: 4%;
  margin-right: 4%;
}
.nrx .d .ku {
  text-align: left;
  line-height: 2.125rem;
  font-size: 1.25em;
  color: #333333;
}
.nrx .d .fabu {
  text-align: left;
  font-weight: bolder;
  font-size: 1rem;
}
.nrx .d img {
  width: 100%;
  height: auto;
  margin-top: 2%;
}
.nrx .sxt {
  margin-top: 1rem;
}
.nrx .sxt li {
  color: #666666;
  font-size: 1rem;
  line-height: 1.75rem;
}
.nrx .sxt li a {
  color: #0096e6;
}
.nrx .chakanged a {
  background-color: #eef6fc;
  width: 100%;
  border: 1px solid #8cc4ea;
  font-size: 1rem;
  line-height: 2.5rem;
  color: #8cc4ea;
  text-decoration: none;
  text-align: center;
  float: left;
  margin-top: 1rem;
  border-radius: 0.25rem
}
.nrx_n {
  background-color: #FFFFFF;
  padding-bottom: 8rem;
  padding-top: 3rem;
}
.nrx_n .tle {
  margin-left: 4%;
  margin-right: 4%;
  font-size: 1.75rem;
  color: #333333;
  font-weight: bolder;
  line-height: 2.5rem;
  padding-top: 6%;
}
.nrx_n .riqi {
  margin-left: 4%;
  margin-right: 4%;
  font-size: 1rem;
  color: #999999;
  line-height: 2rem;
}
.nrx_n .d {
  margin-left: 4%;
  margin-right: 4%;
}
.nrx_n .d .ku {
  text-align: left;
  line-height: 2.125rem;
  font-size: 1.25em;
  color: #333333;
}
.nrx_n .ku table {
  height: auto;
  width: 100% !important;
  font-size: 1rem;
}
.nrx_n .ku tbody {
  width: 100% !important;
}
.nrx_n .d .fabu {
  text-align: left;
  font-weight: bolder;
  font-size: 1rem;
}
.nrx_n .d img {
  width: 100% !important;
  height: auto !important;
  margin-top: 2%;
}
.nrx_n .sxt {
  margin-top: 1rem;
}
.nrx_n .sxt li {
  color: #666666;
  font-size: 1rem;
  line-height: 1.75rem;
}
.nrx_n .sxt li a {
  color: #0096e6;
}
.nrx_n .chakanged a {
  background-color: #eef6fc;
  width: 100%;
  border: 1px solid #8cc4ea;
  font-size: 1rem;
  line-height: 2.5rem;
  color: #8cc4ea;
  text-decoration: none;
  text-align: center;
  float: left;
  margin-top: 1rem;
  border-radius: 0.25rem
}
.introtitle {
  display: block;
  width: 96%;
  background-color: #FFFFFF;
  padding: 2%;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #f2f2f2;
}
.jdjs {
  font-size: 1.25rem;
  line-height: 1.25rem;
  color: #333333;
  font-weight: bolder;
  margin-top: 2%;
}
.jdjs i {
  color: #FF9600;
  margin-right: 0.4rem;
}
.jdjs_1 {
  width: 100% !important;
  font-size: 1rem;
  line-height: 1.75rem;
  color: #333333;
  padding-top: 2%;
  padding-bottom: 2%;
}
.jdjs_1 img {
  max-width: 100% !important;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.jiud {
  padding-bottom: 0.5rem;
}
.jdfx {
  color: #FFFFFF;
  background-color: #FF9600;
  line-height: 2.2rem;
  font-size: 1rem;
  padding-left: .5rem;
  height: 2.2rem;
  font-weight: 400 !important;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  margin-top: 1rem;
}
.jdfx .fx1 {
  float: left;
  width: 40%
}
.jdfx .fx2 {
  float: left;
  text-align: center;
  width: 20%
}
.jdfx .fx3 {
  float: left;
  text-align: center;
  width: 20%
}
.jdfx .fx4 {
  float: left;
  text-align: center;
  width: 20%
}
.bellows__header {
  color: #000;
  background-color: #F8F8F8;
  line-height: 2.2rem;
  font-size: 1rem;
  ;
  padding-left: .5rem;
  height: 2.2rem;
  font-weight: 400 !important;
  border: 1px solid #d5d5d5;
}
.bellows__header .fx1 {
  float: left;
  width: 40%
}
.bellows__header .fx2 {
  float: left;
  text-align: center;
  width: 20%
}
.bellows__header .fx3 {
  float: left;
  text-align: center;
  color: #FF9600;
  font-family: Arial, Helvetica, sans-serif;
  width: 20%
}
.bellows__header .fx4 {
  width: 20%;
  float: left;
  color: #FF9600;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif
}
.bellows__header .fx5 {
  float: right;
  color: #fff;
  background-color: #FF9600;
  line-height: 1.3rem;
  padding-right: 25px;
  padding-left: 25px;
  text-align: left;
  font-size: 14px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px
}
.bellows__content {
  overflow: visible;
  font-size: 1rem;
  display: flow-root;
  /* 兼容老浏览器用这个：clear: both; */
}
.bellows__content ul {
  padding-top: 0.5rem;
  padding-right: 0;
  padding-bottom: 0.5rem;
  margin: 0;
  float: left;
  background-color: #F8F8F8;
  padding-left: 0.5rem;
  border-left-color: #d5d5d5;
  border-right-color: #d5d5d5;
  border-bottom-color: #d5d5d5;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.bellows__content li {
  float: left;
  margin-right: .8rem;
  width: 46%;
  font-size: 1rem;
}
.bellows__content .tu img {
  width: 100%;
  margin-top: 1rem;
  border-radius: 0.5rem;
  height: auto
}
.jdjs_2 {
  font-size: .875rem;
  overflow: hidden;
  height: auto;
}
.jdjs_2 .jdjs_3 {
  width: 100%;
  font-size: 1rem;
  line-height: 2.25rem;
  text-align: left;
  background-color: #f2f2f2;
  padding-left: 4%;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #ccc;
}
.jdjs_4 {
  ;
  margin-bottom: 4%;
  display: block;
  margin-top: 4%;
}
.jdjs_4 dl {
  border-radius: 0.5rem;
  width: 100%;
  padding: 0px;
  background-color: #f2f2f2;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 4%;
  margin-left: 0px;
  font-size: 1rem;
  line-height: 1.75rem;
}
.jdjs_4 dt {
  font-weight: bolder;
  padding-right: 2%;
  padding-left: 2%;
  padding-top: 2%;
}
.jdjs_4 dt i {
  color: #FF9600;
  margin-right: 0.4rem;
}
.jdjs_4 dd {
  padding-right: 2%;
  padding-bottom: 2%;
  padding-left: 2%;
}
.sxt {
  margin-top: 1rem
}
.sxt li a {
  color: #0096e6
}
.zcn {
  position: relative;
  overflow: hidden;
}
.zcn_a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  position: relative;
  z-index: 1;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.zcn_a_zc {
  width: 100%;
  height: 100%;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: #f6f6f6;
}
.zcn_a_zc img {
  width: 100%;
  height: 100%;
  border: none;
  margin-right: auto;
  margin-left: auto;
  display: block;
}
.zcn .remen {
  height: 1rem;
  background-color: #F2F2F2;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 300;
}
.znl {
  background-color: #FFFFFF;
  display: block;
  padding: 4%;
  border-radius: 0.5rem;
  color: #333333;
  margin-right: 4%;
  margin-bottom: 3%;
  margin-left: 4%;
}
.znl a {
  color: #333333;
}
.znl h1 {
  font-weight: 600;
  color: #333;
  overflow: hidden;
  font-size: 1.25rem;
  line-height: 2rem;
  float: left;
  width: 100%;
  text-align: left;
  padding: 0px;
  height: 2rem;
  display: inline-block;
  position: relative;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0.5rem;
  margin-left: 0px;
}
.znl h1 .xc {
  background: #ff8383;
  font-size: 1rem;
  line-height: 1.5rem;
  padding-right: 0.6rem;
  padding-left: 0.6rem;
  color: #FFFFFF;
  border-radius: 0.375rem;
  display: inline-block;
  margin-left: 0.4rem;
  font-weight: normal;
  position: absolute;
  bottom: 0.3rem;
}
.znl h3 {
  float: left;
  width: 100%;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 200;
  color: #999999;
  text-decoration: none;
  text-align: left;
  margin-bottom: 2%;
}
.znl h3 .yuan {
  color: #eb5d2a;
  font-family: Arial, Helvetica, sans-serif;
}
.znl h3 .price {
  color: #eb5d2a;
  font-size: 1.75rem;
  font-weight: 500;
  font-family: Arial, Helvetica, sans-serif;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
}
.znl .chex {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  z-index: 999;
}
.znl .chex .swiper-container {
  width: 100%;
  overflow: hidden;
}
.znl .chex .swiper-slide {
  width: auto !important;
  float: left;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0px;
  margin-top: 0px;
  margin-right: 4%;
  margin-bottom: 0px;
  margin-left: 0px;
  font-weight: 600;
}
.znl .chex .swiper-slide .pz {
  font-size: 1rem;
  color: #999999;
  font-weight: normal;
  font-variant: normal;
}
.pzx {
  margin-right: 4%;
  margin-left: 4%;
  font-size: 1.125rem;
  line-height: 2.25rem;
  color: #333333;
  font-weight: 600;
}
.pzx i {
  color: #FF9600;
  margin-right: 0.4rem;
}
.zx {
  margin-right: 4%;
  margin-left: 4%;
  background-color: #FFFFFF;
  border-radius: 0.5rem;
  float: left;
  width: 88%;
  padding-bottom: 4%;
  padding-left: 4%;
  margin-bottom: 2%;
  margin-top: 2%;
}
.zx em {
  float: left;
  margin-top: 4%;
  font-size: 1rem;
  font-weight: normal;
  font-variant: normal;
  color: #18243c;
  font-style: normal;
  background-color: #f2f2f2;
  width: 26.6%;
  margin-right: 2%;
  text-align: center;
  border-radius: 0.5rem;
  padding-top: 4%;
  padding-right: 2%;
  padding-bottom: 4%;
  padding-left: 2%;
}
.tup {
  width: 92%;
  margin-top: 2%;
  margin-right: 4%;
  margin-bottom: 4%;
  margin-left: 4%;
  background-color: #FFFFFF;
  height: 16rem;
  border-radius: 0.5rem;
  overflow: hidden;
}
.tup .swiper-containerzc {
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow-x: hidden;
  height: 100%;
  border-radius: 0.5rem;
}
.tup .swiper-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  position: relative;
  z-index: 1;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform, -webkit-transform;
  border-radius: 0.5rem;
}
.tup .swiper-slide {
  width: 100%;
  height: 100%;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: #f6f6f6;
  border-radius: 0.5rem;
  overflow: hidden;
}
.tup .swiper-slide img {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0.5rem;
}
.tup .swiper-paginationzc {
  position: absolute;
  z-index: 200;
  color: #FFF;
  font-size: 0.875rem !important;
  height: 1.4rem;
  bottom: 0.75rem;
  line-height: 1.5rem;
  border-radius: .7rem;
  padding-left: 2rem;
  background: rgba(0, 0, 0, .60);
  padding-right: 0.6rem;
  left: 0.75rem;
  width: 3rem;
}
.tup .swiper-paginationzc::before {
  speak: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1.2rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: .8rem;
  position: absolute;
  top: .1rem;
  left: .6rem;
  margin-right: 0.25rem;
}
.tup .nsc {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
  height: 4em;
  padding: .5rem 2%;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  z-index: 100;
  display: block;
  width: 96%;
  padding-top: 0;
  padding-right: 2%;
  padding-bottom: 0;
  padding-left: 2%;
}
.tip {
  overflow: hidden;
  font-size: 1rem;
  color: #8C8C8C;
  text-align: center;
  margin-bottom: 2%;
}
.tip i {
  margin-right: 0.25rem;
  color: #FF9600;
}
.newstext {
  background-color: #FFFFFF;
  display: inline-block;
  padding: 3%;
  margin-top: 2%;
  margin-right: 4%;
  margin-bottom: 2%;
  margin-left: 4%;
  height: auto;
  width: 86%;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #333333;
  border-radius: 0.5rem;
}
.newstext img {
  height: auto;
  width: 100%;
  border-radius: 0.5rem;
  margin-top: 0.4rem;
}
.zcbz {
  width: 92%;
  margin-top: 2%;
  margin-right: 4%;
  margin-bottom: 10%;
  margin-left: 4%;
  background-color: #CBEDE2;
  border-radius: 0.5rem;
  overflow: hidden;
  display: inline-block;
}
.zcbz .Item-box {
  display: inline-block;
  padding-top: 4%;
  padding-right: 4%;
  padding-left: 4%;
}
.zcbz .Item-box .content {
  padding: 3%;
  width: 94%;
  display: inline-block;
  margin-bottom: 4%;
  border-radius: 0.5rem;
}
.zcbz .Item-box .content .item-title {
  font-size: 1rem;
  line-height: 2rem;
  font-weight: 600;
  color: #333333;
}
.zcbz .Item-box .content .item-content-desc {
  font-size: 1rem;
  line-height: 1.25rem;
  color: #818181;
  margin-bottom: 1%;
  display: inline-block;
  width: 100%;
}
.zcbz .Item-box .content .item-content-desc i {
  font-size: 0.75rem;
  color: #FF8700;
  margin-right: 2%;
  width: 4%;
  float: left;
  line-height: 1.25rem;
}
.zcbz .Item-box .content .item-content-desc p {
  width: 94%;
  float: right;
  text-align: left;
}
.zcbz .Item-box .content .item-content-desc .red {
  color: #ff5424;
}
.zcbz .Item-box .content .item-content-desc .bold {
  color: #ff5424;
  font-weight: 600;
}
#d {
  border: 0.1875rem solid #ff6200; /* 3 / 16 */
  padding: 0.51rem; /* 20 / 16 */
  border-radius: 0.625rem; /* 10 / 16 */
  margin-top: 1.25rem; /* 20 / 16 */
}
#d #d1 {
  background-color: #FFF6EE;
  text-align: left;
  line-height: 2.5rem; /* 38 / 16 */
  padding-left: 0.625rem; /* 10 / 16 */
  font-size: 1rem; /* 16 / 16 */
  color: #000000;
  font-family: "Microsoft Yahei";
  font-weight: bold;
  border-radius: 0.4rem;
  border-left: 0.4rem solid #ff6200; /* 5 / 16 */
  overflow: hidden;
}
#d #d1 .d_r {
  font-family: Arial, Helvetica, sans-serif;
  color: #ff6200;
  margin-right: 0.1875rem; /* 3 / 16 */
  margin-left: 0.1875rem; /* 3 / 16 */
  font-weight: bold;
}
#d #d2 {
  font-size: 1rem; /* 14 / 16 */
  line-height: 1.625rem; /* 26 / 16 */
  color: #000000;
  text-align: left;
  margin-top: 0.625rem; /* 10 / 16 */
  margin-bottom: 0.625rem; /* 10 / 16 */
}
#d #zs {
  font-size: 1rem; /* 14 / 16 */
  line-height: 1.875rem; /* 30 / 16 */
  color: #999999;
  text-align: left;
  margin-top: 0.625rem; /* 10 / 16 */
  margin-bottom: 0.625rem; /* 10 / 16 */
}
/* ===== 携程风格筛选面板 ===== */
.filter-bar {
  display: flex;
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  position: relative;
  z-index: 500;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.filter-bar::-webkit-scrollbar {
  display: none;
}
.filter-bar-item {
  flex-shrink: 0;
  padding: 0.75rem 0.9rem;
  font-size: 0.875rem;
  color: #333;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.filter-bar-item.active {
  color: #00a56c;
  font-weight: 500;
}
.filter-bar-item.active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0.5rem;
  right: 0.5rem;
  height: 2px;
  background: #00a56c;
  border-radius: 1px;
}
.filter-bar-item .filter-arrow {
  font-size: 0.6rem;
  transition: transform 0.3s;
}
.filter-bar-item.active .filter-arrow {
  transform: rotate(180deg);
}
/* 筛选下拉面板 */
.filter-panel {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  z-index: 501;
  max-height: 60vh;
  overflow-y: auto;
  transform: translateY(-10px);
  opacity: 0;
  transition: transform 0.25s ease, opacity 0.25s ease;
}
.filter-panel.show {
  display: block;
  transform: translateY(0);
  opacity: 1;
}
/* 筛选面板遮罩 */
.filter-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 498;
}
.filter-overlay.show {
  display: block;
}
/* 筛选面板内容区 */
.filter-panel-body {
  padding: 0.8rem 1rem;
}
/* 筛选分类标题 */
.filter-category-title {
  font-size: 0.8rem;
  color: #999;
  margin-bottom: 0.6rem;
  margin-top: 0.8rem;
  font-weight: normal;
}
.filter-category-title:first-child {
  margin-top: 0;
}
/* 筛选选项网格 */
.filter-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.4rem;
}
/* 单个筛选项 */
.filter-option {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.55rem 0.4rem;
  font-size: 0.8rem;
  color: #333;
  background: #f5f5f5;
  border-radius: 0.3rem;
  cursor: pointer;
  transition: all 0.2s;
  text-align: center;
  border: 1px solid transparent;
}
.filter-option:hover {
  background: #e8f8f0;
}
.filter-option.selected {
  color: #00a56c;
  background: #e8f8f0;
  border-color: #00a56c;
}
.filter-option.selected::before {
  content: '✓';
  margin-right: 0.25rem;
  font-size: 0.75rem;
}
/* 筛选面板底部操作栏 */
.filter-panel-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.8rem 1rem;
  border-top: 1px solid #f0f0f0;
  background: #fff;
  position: sticky;
  bottom: 0;
}
.filter-reset {
  font-size: 0.875rem;
  color: #999;
  cursor: pointer;
  padding: 0.4rem 0.8rem;
  border: 1px solid #ddd;
  border-radius: 1.2rem;
  background: #fff;
}
.filter-reset:hover {
  color: #666;
  border-color: #bbb;
}
.filter-confirm {
  flex: 1;
  margin-left: 1rem;
  padding: 0.6rem 1rem;
  font-size: 0.9rem;
  color: #fff;
  background: #00a56c;
  border: none;
  border-radius: 1.5rem;
  cursor: pointer;
  text-align: center;
}
.filter-confirm:hover {
  background: #008f5e;
}
/* 展开/收起按钮 */
.filter-expand-btn {
  text-align: center;
  padding: 0.5rem 0;
  font-size: 0.8rem;
  color: #00a56c;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
}
.filter-expand-btn i {
  font-size: 0.6rem;
  transition: transform 0.3s;
}
.filter-expand-btn.expanded i {
  transform: rotate(180deg);
}
/* 日期选择器样式 */
.date-picker-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.8rem;
}
.date-picker-row label {
  font-size: 0.8rem;
  color: #666;
  min-width: 3.5rem;
}
.date-picker-row input[type="date"] {
  flex: 1;
  padding: 0.5rem 0.6rem;
  font-size: 0.8rem;
  border: 1px solid #ddd;
  border-radius: 0.3rem;
  color: #333;
  background: #f5f5f5;
  outline: none;
}
.date-picker-row input[type="date"]:focus {
  border-color: #00a56c;
  background: #fff;
}
.date-separator {
  color: #999;
  font-size: 0.8rem;
}
/* 价格自定义输入 */
.price-input-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.8rem;
}
.price-input-row label {
  font-size: 0.8rem;
  color: #666;
  min-width: 3.5rem;
}
.price-input-row input[type="number"] {
  flex: 1;
  padding: 0.5rem 0.6rem;
  font-size: 0.8rem;
  border: 1px solid #ddd;
  border-radius: 0.3rem;
  color: #333;
  background: #f5f5f5;
  outline: none;
  -moz-appearance: textfield;
}
.price-input-row input[type="number"]::-webkit-outer-spin-button, .price-input-row input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.price-input-row input[type="number"]:focus {
  border-color: #00a56c;
  background: #fff;
}
.price-separator {
  color: #999;
  font-size: 0.8rem;
}
/* 已选条件标签 */
.filter-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  padding: 0.5rem 1rem;
  background: #f9f9f9;
  border-bottom: 1px solid #f0f0f0;
}
.filter-tag {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.6rem;
  font-size: 0.75rem;
  color: #00a56c;
  background: #e8f8f0;
  border-radius: 1rem;
  gap: 0.3rem;
}
.filter-tag .tag-remove {
  cursor: pointer;
  font-size: 0.9rem;
  line-height: 1;
  color: #999;
}
.filter-tag .tag-remove:hover {
  color: #333;
}