.main {
  width: 100%;
  max-width: 16rem;
  margin: 0 auto;
}

.index {
  overflow: hidden;
}
.messageBox{
    display: flex;
    justify-content: space-between;
        align-items: center;
}
.messageBox h4{
    text-align: right;
}

.messageBox  .allFeed{
    color: #fff !important;
    margin-top: 10px;
    cursor: pointer;
    font-size: 0.14rem !important;
        min-width: 1rem;
    height: .4rem;
    letter-spacing: normal;
}
.messageBox h4 + h4{
    margin-top: 0.1rem;
}
/* 弹窗基础 */
.feedbackModal { display: none; }
.feedbackModal.show { display: block; }
.feedbackModal-mask {
    position: fixed; inset: 0; background: rgba(0, 0, 0, .5); z-index: 9998;
}
.feedbackModal-box {
    position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);
    width: 850px; max-width: 92%; max-height: 85vh;
    background: #fff; border-radius: 12px; padding: 35px;
    z-index: 9999; box-sizing: border-box;
    display: flex; flex-direction: column;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
}

/* 头部 */
.modal-header {
    display: flex; justify-content: space-between; align-items: flex-start;
    margin-bottom: 20px;
}
.quote-icon svg { display: block; }
.feedbackModal-close {
    border: 0; background: none; cursor: pointer;
    font-size: 32px; line-height: 1; color: #999; padding: 0;
    transition: color 0.3s;
}
.feedbackModal-close:hover { color: #333; }

/* 主体左右布局 */
.modal-body {
    display: flex; gap: 30px; margin-bottom: 25px; flex: 1; overflow: hidden;
}
.modal-left {
    flex: 0 0 380px; /* 左侧图片固定宽度 */
}
.modal-left img {
    width: 100%; height: auto; border-radius: 8px; object-fit: cover;
    display: block;
}
.modal-right {
    flex: 1; max-height: 400px; overflow-y: auto; padding-right: 15px;
}
/* 自定义滚动条，匹配截图效果 */
.modal-right::-webkit-scrollbar { width: 6px; }
.modal-right::-webkit-scrollbar-track { background: transparent; }
.modal-right::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; }

.modal-text {
    font-size: 15px; line-height: 1.8; color: #333;
    white-space: pre-wrap; /* 关键：保留换行符 */
    word-break: break-word;
}
/* 弹窗基础 */
.feedbackModal { display: none; }
.feedbackModal.show { display: block; }
.feedbackModal-mask {
    position: fixed; inset: 0; background: rgba(0, 0, 0, .5); z-index: 9998;
}
.feedbackModal-box {
    position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);
    width: 900px; max-width: 92%; max-height: 85vh;
    background: #fff; border-radius: 12px; padding: 35px;
    z-index: 9999; box-sizing: border-box;
    display: flex; flex-direction: column;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
}

/* 头部 */
.modal-header {
    display: flex; justify-content: space-between; align-items: flex-start;
    margin-bottom: 10px;
}
.quote-icon svg { display: block; }
.feedbackModal-close {
    border: 0; background: none; cursor: pointer;
    font-size: 32px; line-height: 1; color: #999; padding: 0;
    transition: color 0.3s;
}
.feedbackModal-close:hover { color: #333; }

/* 主体布局：左图右文 */
.modal-body {
    display: flex; gap: 35px; flex: 1; overflow: hidden; /* 关键：隐藏溢出，让右侧单独滚动 */
    min-height: 0; /* 配合 flex 容器防止溢出 */
}

/* 左侧：图片独立一栏 */
.modal-left {
    flex: 0 0 380px; /* 固定宽度 240px，禁止缩放 */
    align-self: flex-start; /* 图片靠顶部对齐 */
}
.modal-left img {
    width: 100%; height: auto; border-radius: 8px; object-fit: cover;
    display: block;
}

/* 右侧：内容区 */
.modal-right {
    flex: 1;
    display: flex; flex-direction: column;
    min-width: 0; /* 防止文本溢出 */
    min-height: 0;
}

/* 右侧文本：独立滚动 */
.modal-text {
    flex: 1; /* 占据剩余空间 */
    overflow-y: auto; /* 溢出时滚动 */
    font-size: 15px; line-height: 1.8; color: #333;
    white-space: pre-wrap; word-break: break-word;
    padding-right: 15px;
    margin-bottom: 20px;
}
/* 自定义滚动条 */
.modal-text::-webkit-scrollbar { width: 6px; }
.modal-text::-webkit-scrollbar-track { background: transparent; }
.modal-text::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; }

/* 底部信息区（固定在右侧底部） */
.modal-footer {
    flex-shrink: 0; /* 禁止被压缩 */
    display: flex; justify-content: space-between; align-items: flex-end;
    border-top: 1px solid #f0f0f0; padding-top: 15px;
}

/* 左侧标签 */
.modal-tags { display: flex; align-items: center; gap: 12px; }
.tag {
    background: #f0f2f5; padding: 6px 12px; border-radius: 4px;
    font-size: 13px; color: #333; cursor: pointer;
    transition: background 0.3s;
}
.tag:hover { background: #e4e6eb; }
.verified { font-size: 13px; color: #666; }

/* 右侧作者信息 */
.modal-author { text-align: right; }
.modal-author h4 {
    font-size: 15px; font-weight: bold; margin: 0 0 5px 0; color: #111;
}
.modal-author p {
    font-size: 13px; color: #888; font-style: italic; margin: 0;
}

/* 星星（在右侧最下方） */
.modal-stars {
    flex-shrink: 0; /* 禁止被压缩 */
    margin-top: 15px;
}
.modal-stars .stars {
    color: #e53935; font-size: 16px; letter-spacing: 2px;
}
.homeHero {
  position: relative;
  height: 9.6rem;
  overflow: hidden;
  background: #d8d8d8;
}
#quoteBtn2{
    color: #fff;
    cursor: pointer;
    margin-top: 0.2rem;
}
.homeHero>.imgBox {
  position: absolute;
  inset: 0;
  background: #d8d8d8;
}

.homeHero .heroImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.homeHero .main {
  position: relative;
  z-index: 2;
  height: 100%;
}

.homeHero .text {
  position: absolute;
  top: 4rem;
  right: 1.12rem;
  color: #ffffff;
}

.homeHero h1 {
  font-family: Konexy Personal Use;
  font-weight: 400;
  font-size: 0.6rem;
  color: #FFFFFF;
  text-shadow: 0 .03rem .05rem rgba(0, 0, 0, .3);
}

.homeHero p {
  margin: .26rem 0 .24rem;
  font-family: Poppins, Poppins;
  font-weight: bold;
  font-size: 0.2rem;
  color: #FFFFFF;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
}

.moduleTitle {
  text-align: center;
}

.moduleTitle h2,
.moduleTitle h3 {
  font-family: Konexy Personal Use, Konexy Personal Use;
  font-weight: 400;
  color: #000000;
}

.moduleTitle h2 {
  font-size: 0.42rem;
}

.moduleTitle h3 {
  margin-top: .1rem;
  font-size: 0.24rem;
}

.moduleTitle p {
  margin-top: .1rem;
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: 0.18rem;
  color: #393839;
}

.adventure {
  position: relative;
  margin-top: -.65rem;
  padding: 1.5rem 0 .62rem;
  background: #ffffff;
  border-top-left-radius: .72rem;
  border-top-right-radius: .72rem;
}

.adventure .list {
  margin-top: 1.14rem;
  display: flex;
  gap: .15rem;
}

.adventure .item {
  position: relative;
  flex: 1;
  height: 8.83rem;
  overflow: hidden;
  background: #222222;
}

.adventure .item::after,
.typeList .item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .38);
}

.adventure .imgBox,
.typeList .imgBox {
  width: 100%;
  height: 100%;
  background: #d8d8d8;
}

.adventure .text {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  padding: .59rem .36rem 0;
  color: #ffffff;
  text-align: center;
}

.adventure .text p {
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: 0.18rem;
  color: #FFFFFF;
}

.adventure .text h4 {
  margin-top: .15rem;
  font-family: Poppins, Poppins;
  font-weight: 600;
  font-size: 0.6rem;
  color: #FFFFFF;
}

.adventure .text h5 {
  /*font-family: Poppins, Poppins;*/
  font-weight: 400;
  font-size: 0.18rem;
  color: #FFFFFF;
  line-height: 0.24rem;
  opacity: .8;
}

.adventure .text span {
  /* display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.08rem;
  height: .32rem;
  margin-top: .14rem;
  background: var(--red);
  color: #ffffff;
  font-size: .12rem;
  font-weight: bold; */

  margin-top: .47rem;
}

.centerBtn {
  display: flex;
  width: max-content;
  margin: .54rem auto 0;
}

.truckCamper {
  padding: .34rem 0 .92rem;
}

.typeList {
  margin: .5rem auto 0;
  transition: opacity .25s, visibility .25s;
}

.typeList .item {
  position: relative;
  height: 6rem;
  margin-bottom: .15rem;
  overflow: hidden;
  background: #252525;
}

.typeList .text {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.typeList h3 {
  font-family: Konexy Personal Use, Konexy Personal Use;
  font-weight: 400;
  font-size: 0.6rem;
  color: #FFFFFF;
}

.typeList p {
  font-family: Konexy Personal Use, Konexy Personal Use;
  font-weight: 400;
  font-size: 0.24rem;
  color: #FFFFFF;
}

.camperCompare {
  display: none;
  margin: .5rem auto 0;
}

.typeList .item .compareTable {
  position: absolute;
  inset: 0;
  z-index: 4;
  display: none;
  height: 100%;
}

.typeList .item:hover .compareTable {
  display: block;
}

.typeList .item:hover .text {
  opacity: 0;
}

.typeList .compareRow>div {
  padding: 0 .18rem;
  font-size: .18rem;
}

.typeList .compareRow .compareLabel,
.typeList .compareHead>div {
  font-size: .19rem !important;
}

.typeList .comparePrice>div:not(.compareLabel) {
  font-size: .2rem;
}

.typeList .compareAction a {
  min-width: 1.1rem;
  height: .42rem;
  font-size: .16rem;
}

.compareTable {
  overflow: hidden;
  background: #171717;
}

.compareTable+.compareTable {
  margin-top: .15rem;
}

.compareRow {
  display: grid;
  grid-template-columns: 2.72rem repeat(3, 1fr);
  min-height: .64rem;
  color: #ffffff;
  background: #1d1d1d;
}

.compareRow:nth-child(even) {
  background: #3b3b3b;
}

.compareRow>div {
  min-width: 0;
  padding: 0 .22rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: .01rem solid rgba(255, 255, 255, .12);
  font-family: Poppins, Poppins;
  font-weight: bold;
  font-size: 0.22rem;
  color: #FFFFFF;
  text-align: center;
}

.compareRow>div:first-child {
  border-left: 0;
}

.compareRow .compareLabel {
  justify-content: space-between;
  color: #ffffff;
  font-family: Poppins, Poppins;
  font-weight: bold;
  font-size: 0.22rem;
  color: #FFFFFF;
  text-align: left;
}

.compareLabel span {
  color: #ffffff;
  font-size: .12rem;
  font-weight: bold;
}

.compareHead {
  min-height: 1.09rem;
  background: #171717;
}

.compareHead>div:not(.compareLabel) {
  font-family: Montserrat;
  font-size: .2rem;
  font-weight: bold;
}

.comparePrice>div:not(.compareLabel) {
  font-family: Poppins, Poppins;
  font-weight: bold;
  font-size: 0.24rem;
  color: #FFFFFF;
}

.compareRow>div:not(.compareLabel) {
  /*font-family: Poppins, Poppins;*/
  font-weight: 400;
  font-size: 0.2rem;
  color: #FFFFFF;
  overflow: hidden;
  
}

.compareRow>div:not(.compareLabel)>div{
     font-weight: 400;
  font-size: 0.2rem;
  color: #FFFFFF;
}

.compareRow>div:not(.compareLabel)>div.ellipsis1 br{
    display: none;
}

.compareHead>div {
  font-family: Poppins, Poppins !important;
  font-weight: bold !important;
  font-size: 0.22rem !important;
  color: #FFFFFF !important;
}

.compareAction {
  min-height: 1.31rem;
  background: #171717;
}

.compareAction a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.6rem;
  height: .48rem;
  padding: 0 .22rem;
  background: var(--red);
  border-radius: 6px 6px 6px 6px;
  color: #ffffff;
  font-family: Poppins, Poppins;
  font-weight: bold;
  font-size: .18rem;
  letter-spacing: .02rem;
  transition: all .3s;
}

.compareAction a:hover {
  background: #bd210c;
}

.feedback {
  padding: .52rem 0 .78rem;
}

.feedback .moduleTitle h2 {
  font-size: 0.42rem;
}

.feedback .moduleTitle p {
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: 0.18rem;
  color: #1F1F1F;
}

.feedbackList {
  position: relative;
  width: 100%;
  margin: .52rem auto 0;
  overflow: hidden;
  padding: .08rem 0;
}

.feedbackList .feedback-arrow {
  position: absolute;
  top: 50%;
  z-index: 10;
  width: .48rem;
  height: .48rem;
  padding: 0;
  border: .01rem solid #c8c8c8;
  border-radius: 50%;
  background: rgba(255, 255, 255, .82);
  cursor: pointer;
  transform: translateY(-50%);
  transition: background-color .25s, border-color .25s;
}

.feedbackList .feedback-prev {
  left: 0.6rem;
}

.feedbackList .feedback-next {
  right: 0.6rem;
}

.feedbackList .feedback-arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: .1rem;
  height: .1rem;
  border-top: .02rem solid #b8b8b8;
  border-right: .02rem solid #b8b8b8;
  transition: border-color .25s;
}

.feedbackList .feedback-prev::after {
  transform: translate(-35%, -50%) rotate(-135deg);
}

.feedbackList .feedback-next::after {
  transform: translate(-65%, -50%) rotate(45deg);
}

.feedbackList .feedback-arrow:hover,
.feedbackList .feedback-arrow:focus-visible {
  border-color: var(--red);
  outline: none;
  background: var(--red);
}

.feedbackList .feedback-arrow:hover::after,
.feedbackList .feedback-arrow:focus-visible::after {
  border-color: #ffffff;
}

.feedbackList .swiper-wrapper {
  align-items: center;
}

.feedbackList .swiper-slide {
  width: 12.8rem;
  opacity: .42;
  /* transform: scale(.68); */
  transition: opacity .35s, transform .35s;
}

.feedbackList .swiper-slide-active {
  opacity: 1;
  transform: scale(1);
}

.feedbackList .item {
  min-height: 3.6rem;
  padding: .4rem;
  display: flex;
  gap: .24rem;
  border: .01rem solid #e6e6e6;
  border-radius: .08rem;
  background: #ffffff;
}

.feedbackList .imgBox {
  width: 2.8rem;
  height: 2.8rem;
  flex: none;
  border-radius: .08rem;
  background: #d8d8d8;
}

.feedbackList .text {
  flex: 1;
  padding-top: .5rem;
}

.feedbackList .text .top {
  display: flex;
  gap: .22rem;
  padding-bottom: .43rem;
  border-bottom: 0.01rem solid #DDDDDD;
  margin-top: .28rem;
}

.feedbackList .text .top img {
  width: .68rem;
  height: .68rem;
}

.feedbackList .text p {
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: 0.18rem;
  color: #333333;
}

.feedbackList .text h5 {
  display: flex;
  align-items: center;
  gap: .09rem;
  margin-top: .15rem;
  color: #4a4a4a;
  font-size: .14rem;
  font-weight: bold;
}

.feedbackList .text h5 img {
  width: .24rem !important;
  height: .24rem !important;
}

.feedbackList .bottom {
  margin-top: .14rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.feedbackList .stars {
  flex: 1;
  color: var(--red);
  font-size: .2rem;
  letter-spacing: .02rem;
  line-height: .24rem;
}

.feedbackList .bottom h4 {
  font-family: Poppins, Poppins;
  font-weight: 500;
  font-size: 0.18rem;
  color: #333333;
}

.review {
  padding: .68rem 0 1.14rem;
}

.review .moduleTitle h2 {
  font-family: Konexy Personal Use, Konexy Personal Use;
  font-weight: 400;
  font-size: 0.42rem;
  color: #000000;
}

.review .list {
  width: 16rem;
  margin: .52rem auto 0;
  display: flex;
  gap: .34rem;
}

.review .item {
  flex: 1;
  /* height: 6rem; */
  padding: .3rem;
  border: .01rem solid #e5e5e5;
  border-radius: .08rem;
  background: #ffffff;
}

.review .imgBox {
  height: 2.54rem;
  border-radius: .05rem;
  background: #d8d8d8;
}

.review .text {
  padding: .19rem 0 .02rem;
}

.review h4 {
  font-family: Poppins, Poppins;
  font-weight: 600;
  font-size: 0.2rem;
  color: #1F1F1F;
}

.review p {
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: 0.16rem;
  color: #666666;
  margin: .08rem auto;
    display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.review .link {
  display: flex;
  align-items: center;
  margin-top: .12rem;
  color: #444444;
  font-size: .14rem;
  font-weight: bold;
  gap: .09rem;
  margin-bottom: .36rem;
}

.review .tags {
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: 0.18rem;
  color: #1F1F1F;
  margin-bottom: .2rem;
  display: flex;
    gap: 0.05rem;
}
.review .tags>div{
  flex: 1;
  margin-top: 0.03rem;
}
.review .tags a{
  color: #646D75;
  display: block;

}

.review .link img {
  width: .24rem;
  height: .24rem;
}

.review .foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.review .foot img {
  width: .4rem;
  height: .4rem;
}

.review span {
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: 0.16rem;
  color: #646D75;
}

.aboutHome {
  position: relative;
  min-height: 7rem;
  padding: 1.34rem 0 1.08rem;
  overflow: hidden;
  background: #202020;
}

.aboutHome::before {
  content: "";
  position: absolute;
  top: 0rem;
  left: 50%;
  z-index: 2;
  width: 100%;
  height: .92rem;
  /*background: #ffffff;*/
  transform: translateX(-50%);
  background-image: url(../images/gd1.png);
  background-size: 100% 100%;
}

.aboutHome .main>img {
  width: 7rem;
}

.aboutHome .bgBox {
  position: absolute;
  inset: 0;
  background: #202020;
}

.aboutHome .aboutBg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.aboutHome .main {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 1.1rem;
  margin-left: 0;
}

.photoWall {
  width: 6.2rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: .12rem;
}

.photoWall .pic {
  height: 1.35rem;
  overflow: hidden;
  border-radius: .08rem;
  background: #d8d8d8;
}

.photoWall .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.photoWall .big {
  height: 2.6rem;
  grid-row: span 2;
}

.photoWall .wide {
  grid-column: span 2;
}

.aboutHome .text {
  width: 6.85rem;
}

.aboutHome h2 {
  font-family: Konexy Personal Use, Konexy Personal Use;
  font-weight: 400;
  font-size: 0.42rem;
  color: #FFFFFF;
}

.aboutHome article {
  margin-top: .16rem;
  /*font-family: Poppins, Poppins;*/
  font-weight: 400;
  font-size: 0.18rem;
  color: #FFFFFF;
  line-height: 0.36rem;
}

.aboutHome .redBtn {
  margin-top: .28rem;
  /* width: 1.6rem; */
  height: 0.48rem;
  background: var(--red);
  border-radius: 0.06rem 0.06rem 0.06rem 0.06rem;
  font-family: Poppins, Poppins;
  font-weight: bold;
  font-size: 0.18rem;
}