@charset "utf-8";

/*热线推荐*/
/* 基础布局设置 */
.rexiantj {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-bottom: 3rem;
}

/* 移动端：一行一列 (小于768px) */
.rexiantj > li {
  width: 100%;
  background: #fff;
  border-radius: 0.8rem;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
}

/* 图片容器定位 */
.img-kj {
  position: relative;
  display: block;
  height: 22rem;
  overflow: hidden;
}

/* 图片响应式处理 */
.img-kj img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

/* 满意度标签样式 */
.satisfied {
  position: absolute;
  top: 0rem;
  right: 0rem;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 0.5rem;
  padding: 0.5rem 1.0rem;
  text-align: center;
  backdrop-filter: blur(4px);
  border: 1px solid rgba(0,0,0,0.05);
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.satisfied .text {
  font-size: 1.2rem;
  color: #7f8c8d;
  font-weight: 500;
}

.satisfied .number {
  color: #e74c3c;
  font-weight: bold;
  font-size: 1.6rem;
  margin-top: 0.2rem;
}

/* 产品底部信息 */
.rexiantj footer {
  padding: 1.4rem;
}

/* 标题样式 - 限制两行高度 */
.rexiantj h2 {
  margin: 0 0 1.2rem 0;
  font-size: 1.4rem;
  line-height: 1.4;
  max-height: 3.8rem; 
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.rexiantj a {
  color: #2c3e50;
  text-decoration: none;
  transition: color 0.3s;
}

.rexiantj a:hover {
  color: #3498db;
}

/* 购买信息 */
.order {
  color: #7f8c8d;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}

.order strong {
  color: #e74c3c;
}

/* 价格样式 */
.price {
  color: #e74c3c;
  font-size: 1.2rem;
  float: right;
}

.price dfn {
  font-style: normal;
  font-size: 1.4rem;
  font-weight: 700;
}

/* 描述区域样式 */
.wbcpjs {
  background: #f8f9fa;
  border-radius: 0.8rem;
  padding: 2.4rem;
  margin-top: 2rem;
  border-left: 4px solid #3498db;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.js-t {
  font-size: 1.7rem;
  color: #2c3e50;
  line-height: 1.6;
  margin-bottom: 1.8rem;
}

.js-b {
  font-size: 1.4rem;
  color: #555;
  line-height: 1.6;
  padding-top: 1.8rem;
  border-top: 1px solid #e8e8e8;
}

.js-b BR {
  margin-bottom: 0.8rem;
  display: block;
}

/* 响应式断点：768px及以上 - 一行三列 */
@media (min-width: 768px) {
  .rexiantj > li {
    width: calc((100% - 4rem) / 3); /* 三列布局 */
  }
  
  .img-kj {
    height: 18rem;
  }
  
  /* 增加标题尺寸 */
  .rexiantj h2 {
    font-size: 1.6rem;
    max-height: 4.2rem;
  }
  .price dfn {
  font-size: 1.6rem;
}
  
  /* 优化描述区样式 */
  .js-t {
    font-size: 1.8rem;
  }
  
  .js-b {
    font-size: 1.4rem;
  }
}

/* 大屏优化：1200px及以上 */
@media (min-width: 1200px) {
  .rexiantj > li {
    width: calc((100% - 6rem) / 3); /* 保持三列布局，调整间距 */
  }
  
  .img-kj {
    height: 20rem;
  }
}

/* 悬停效果增强 */
.rexiantj > li:hover {
  transform: translateY(-0.5rem);
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

.rexiantj > li:hover .img-kj img {
  transform: scale(1.03);
}

.rexiantj > li:hover .satisfied {
  background: rgba(255,255,255,0.95);
}

.wbtj {
    display: flex;
    margin:20px 0 10px;
;
}
.more {
    margin-left: auto;
    margin-right: 0;
    line-height: 3.6rem;
}


/*外宾进藏图介*/
/* 标题区域样式 */
.wbjztjbt {
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 20px 15px; /* 上下间距区分层级 */
    border-bottom: 1px solid #eee; /* 底部边框分隔内容 */
}

.wbjztjbt h1 {
    font-size: 28px;
    color: #333;
    font-weight: 700;
    margin: 0; /* 移除默认margin */
    text-align: center; /* 标题居中突出 */
}

/* 图片容器样式 */
.wbjztj {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    display: flex;
    flex-direction: column; /* 图片纵向排列 */
}

/* 图片响应式处理 */
.wbjztj img {
    width: 100%; /* 宽度自适应容器 */
    height: auto; /* 保持宽高比 */
    display: block; /* 移除图片底部间隙 */
    margin: 0 auto; /* 图片居中 */
}

/* 移动端断点（≤768px） */
@media (max-width: 768px) {
    .wbjztjbt { padding: 20px 15px 10px; /* 减小内边距 */ }
    .wbjztjbt h1 { font-size: 22px; /* 减小标题字体 */ }
    .wbjztj { padding: 0; /* 减小容器内边距 */ }
} 

/*right*/
.sidebar-wb{ width: 100%; border:1px solid #E5E5E5; border-top: 0; margin-top: 25px; _display:inline; float:right; overflow:hidden;}
.sidebar-wb h3{padding:4px 15px; font:700 16px/30px "微软雅黑", Arial, "宋体"; background:#F5F4F4; border-bottom:1px solid #DDD; border-top:1px solid #DDD;}
.side-tp{width:100%; height:auto; margin:25px auto -12px; float:right; overflow:hidden;}
.side-tp img{height: auto;margin-bottom: 12px;display: block;overflow: hidden;}
.th_line{ height:auto; padding:0 10px; background:#fff; overflow:hidden;}
.th_line li{ padding:15px 0; line-height:22px; border-bottom:1px solid #E5E5E5; overflow:hidden;}
.th_line li img{display:block; margin-bottom:8px;}
.th_line li a{color:#0063DC;}
.th_line li a:hover{color:#f60;}
.th_line li p{ height:30px; line-height:30px;}
.th_line li p span{color:#FF2900; font:400 14px/30px Verdana, Arial, "宋体";  vertical-align:middle;}
.th_line li p s{color:#999; font-family:Verdana, Arial, "宋体"; margin-left:10px;}
/*最新攻略*/
.hot_search{ padding:5px 15px 0;background:#fff;font-size: 1.2rem;}
.hot_search li{height: 30px; line-height:30px; padding: 5px 0; border-bottom: 1px solid #EEE; background: url(../images/dot.gif) no-repeat left center; overflow: hidden;}
.hot_search li a{margin-left: 8px; color:#555;}
.hot_search li.borno{border: 0;}

/*--品牌优势--*/
.ys-lt {margin-top: 0px;overflow: hidden;}
.ys-lt .qzBox{padding:10px 0 0 0;background:#fff}
.ys-lt .qzBox h2{height:24px;color:#3C3C3C;font-weight:bold;font:700 16px/24px "微软雅黑", Arial, "宋体";position:relative}
.ys-lt .qzBox .icon01{text-indent:12px;margin-bottom: 8px;}
.ys-lt .qzBox a.more{display:block;background:url(../images/mysy/icon-add.png) no-repeat;background-size: 15px 15px;width:21px;height:20px;text-indent:-9999px;position:absolute;right:6px;top:5px;}
.ys-lt .qzBox a.more:hover{background:url(../images/mysy/icon-add-on.png) no-repeat;background-size: 18px 18px;}
.n_k{padding:10px 0 0 8px;border-top:1px solid #E5E5E5;}
.n_k dl{line-height:20px;width:100%}
.n_k dl dt{width:25px;height:26px;background:url(../images/mysy/n_icon.png) no-repeat;float:left;margin-right:6px}
.n_k dl .jb{background-position:0 0}
.n_k dl .dt{background-position:0 -39px}
.n_k dl .sb{background-position:0 -78px}
.n_k dl .yg{background-position:0 -117px}
.n_k dl dd{width:98%;padding:0 0 10px 30px;color:#555;font-size: 1.2rem;}
.n_k dl dd span{display:block;font-size:16px;color:#29aae6;line-height:30px;font-family: "Microsoft YaHei",Arial,simsun,sans-serif;}

/* 右上展示 */
#denglu {
    margin-top: 0;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    font-size: 1.2rem;
    width: 270px; /* 固定宽度 */
    background: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05); /* 添加轻微阴影增强层次感 */
    overflow: hidden;
}

#denglu .title {
    color: #666;
    height: 50px;
    text-align: left;
    padding-left: 30px;
    font: 700 16px/50px Arial, Helvetica, 'Hiragino Sans GB', 'Microsoft yahei', sans-serif, 微软雅黑;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #f9f9f9; /* 添加浅色背景增强可读性 */
    border-bottom: 1px solid #ecebeb; /* 增加分隔线 */
}

#denglu .logo_bg {
    position: relative;
    height: 57px;
    background: #fafafa;
    border: 1px solid #ecebeb;
    border-top-left-radius: 5px;
    border-bottom: none;
    border-top: none; /* 修正顶部边框 */
}

#denglu .logo_bg .denglu {
    position: absolute;
    display: block;
    bottom: 10px;
    left: 28px;
    height: 36px;
    width: 106px;
    border: 2px solid #00a6f1;
    border-radius: 6px;
    color: #00a6f1;
    font-size: 16px;
    line-height: 2;
    text-align: center;
}

#denglu .logo_bg .logo {
    width: 76px;
    height: 76px;
    position: absolute;
    bottom: 0;
    right: 8px;
    background: url(../images/logo_100.png) no-repeat 0 0;
    background-size: 70px 70px;
}

#denglu .infor {
    border: 0 solid #ecebeb;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
    padding: 0 0 10px;
    background: #fff; /* 确保背景色一致 */
}

#denglu .manyidu {
    overflow: hidden;
    padding: 0 0 5px 0;
    position: relative;
    background: #fff; /* 确保背景色 */
    min-height: 120px; /* 最小高度防止内容截断 */
}

#denglu .manyidu .myd_now {
    float: left;
    width: 100px;
    height: 100px;
    margin: 18px 0 0 25px;
    background: url(../images/theme/theme_icon.png) no-repeat 0 -541px;
    display: block;
    text-align: center;
    position: relative; /* 增强定位 */
}

#denglu .manyidu .myd_now p {
    margin-top: 20px;
    color: #999;
    font-family: '宋体';
    font-size: 12px;
}

#denglu .manyidu .service {
    position: absolute;
    top: 20px; /* 调整垂直位置 */
    right: 30px;
    padding-top: 0; /* 修正顶部内边距 */
    line-height: 24px; /* 优化行高 */
    font-size: 16px;
    color: #434343;
    font-family: Arial, Helvetica, 'Hiragino Sans GB', 'Microsoft yahei', sans-serif, 微软雅黑;
    font-weight: 600; /* 增加字体权重 */
}

#denglu .manyidu .small {
    margin-bottom: 10px;
    margin-top: 10px;
    line-height: 18px;
    color: #7d7d7d;
    font-size: 12px;
    font-weight: normal;
    display: block;
}

#denglu hr {
    height: 0;
    border: none; /* 去除默认边框 */
    border-top: 1px dashed #ecebeb; /* 仅保留顶部边框 */
    margin: 8px 20px; /* 调整边距 */
}

#denglu .xinwen {
    min-height: 60px; /* 最小高度 */
    font-size: 12px;
    color: #00c3bc;
    text-align: left; /* 左对齐更合理 */
    overflow: hidden;
    padding: 15px 30px 15px;
    position: relative;
    background: url(../images/theme/theme_icon.png) no-repeat -5px -660px;
    background-color: #f9f9f9; /* 增强背景 */
    border-radius: 0 0 5px 5px; /* 底部圆角 */
}

#denglu .xinwen li {
    height: auto;
    overflow: hidden;
    line-height: 1.7; /* 优化行高 */
    position: relative;
    padding-left: 15px; /* 留出空间 */
}

#denglu .xinwen li i {
    color: #999;
    font-size: 12px;
    display: inline-block;
    margin-right: 8px; /* 增加间距 */
}

#denglu .xinwen .price {
    color: #fc5a3f;
    font-weight: bold;
    font-size: 14px; /* 加大价格字体 */
}

#denglu .xinwen li a:hover {
    color: #f60;
    text-decoration: underline; /* 悬停时下划线 */
}

#denglu .last {
    position: relative;
    margin: 14px auto 5px;
    padding: 0 0 0 60px;
    background: #fff; /* 确保背景色 */
    border-radius: 3px; /* 圆角效果 */
    overflow:hidden;
}

#denglu .last .img {
    width: 50px;
    height: 56px;
    position: absolute;
    left: 38px;
    top: 10px; /* 定位调整 */
    overflow: hidden;
    background: url(../images/theme/theme_icon.png) no-repeat -5px -398px;
}

#denglu .last ul {
    width: 170px;
    padding: 0;
    list-style: none; /* 移除默认列表样式 */
    float: right;
}

#denglu .last ul li {
    padding: 6px 0; /* 增加行间距 */
    border-bottom: 1px dashed #eee; /* 增加分隔线 */
}

#denglu .last ul li:last-child {
    border-bottom: none; /* 最后一项无分隔线 */
}

#denglu .last ul li a {
    color: #555;
    text-decoration: none; /* 去除下划线 */
    transition: all 0.3s ease;
    font-weight: 500; /* 中等字重 */
}

#denglu .last ul li i {
    width: 5px; 
    height: 10px;
    display: inline-block;
    margin-right: 8px; /* 增加间距 */
    background: url(../images/theme/theme_i.jpg) no-repeat bottom;
    vertical-align: middle; /* 垂直居中 */
}

#denglu .last ul a:hover,
#denglu .xinwen a {
    color: #005eac;
    padding-left: 5px; /* 悬停动画 */
}

/*---展示图片------*/
#zhanshi_img {
    margin-bottom: 15px;
}

#zhanshi_img img {
    width: 270px;
    height: auto;
    margin-bottom: 10px;
    display: block;
    border-radius: 5px; /* 添加圆角 */
    box-shadow: 0 2px 6px rgba(0,0,0,0.1); /* 添加阴影效果 */
    transition: transform 0.3s ease; /* 添加悬停动画 */
}

#zhanshi_img img:hover {
    transform: translateY(-3px); /* 悬停上浮效果 */
}