/* ============================================================
   三亚目的地页 V2 第一版 专用样式（仅 /sanya/ 加载）
   全部类名使用 sanya-v2- 前缀，避免与思途原 CSS 冲突
   不覆盖、不修改任何思途原始样式
   ============================================================ */

/* ---------- 通用区块 ---------- */
.sanya-v2-sec {
    margin-top: 30px;
    background: #fff;
}

/* 区块标题条 */
.sanya-v2-tit {
    position: relative;
    height: 46px;
    line-height: 46px;
    border-bottom: 2px solid #1a6ec5;
    padding: 0 12px;
    margin-bottom: 16px;
}
.sanya-v2-tit h2 {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    color: #1a6ec5;
    margin: 0;
    padding-left: 10px;
    border-left: 4px solid #1a6ec5;
    line-height: 22px;
    vertical-align: middle;
}
.sanya-v2-tit .more {
    position: absolute;
    right: 12px;
    top: 0;
    font-size: 13px;
    color: #999;
    line-height: 46px;
}
.sanya-v2-tit .more:hover {
    color: #1a6ec5;
}

/* ---------- 区块4 私家团标识 ---------- */
.sanya-v2-sjt .sanya-v2-tit h2 {
    color: #e67e22;
    border-left-color: #e67e22;
}
.sanya-v2-sjt .sanya-v2-tit {
    border-bottom-color: #e67e22;
}

/* ---------- 区块6 游客问答 ---------- */
.sanya-v2-qa .sanya-v2-tit h2 {
    color: #2e8b57;
    border-left-color: #2e8b57;
}
.sanya-v2-qa .sanya-v2-tit {
    border-bottom-color: #2e8b57;
}
.sanya-v2-qalist {
    list-style: none;
    margin: 0;
    padding: 0 12px 16px;
    overflow: hidden;
}
.sanya-v2-qalist li {
    width: 48%;
    float: left;
    margin: 0 1% 14px 0;
    padding: 12px 14px;
    background: #fafbfc;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    box-sizing: border-box;
    min-height: 86px;
}
.sanya-v2-qalist li:nth-child(even) {
    margin-right: 0;
    margin-left: 2%;
}
.sanya-v2-qalist p {
    margin: 0 0 6px;
    font-size: 13px;
    line-height: 1.6;
}
.sanya-v2-qalist .q {
    color: #333;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.sanya-v2-qalist .a {
    color: #888;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* ---------- 区块7 包车 / 私人定制 CTA ---------- */
.sanya-v2-cta {
    margin-top: 30px;
    background: -webkit-linear-gradient(left, #1a6ec5, #3b9ae8);
    background: linear-gradient(90deg, #1a6ec5, #3b9ae8);
    border-radius: 6px;
    padding: 26px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.sanya-v2-cta .cta-txt h2 {
    color: #fff;
    font-size: 20px;
    margin: 0 0 6px;
}
.sanya-v2-cta .cta-txt p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 13px;
    margin: 0;
}
.sanya-v2-cta .cta-btn {
    white-space: nowrap;
}
.sanya-v2-cta .cta-btn a {
    display: inline-block;
    min-width: 128px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    border-radius: 20px;
    margin-left: 14px;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.sanya-v2-cta .btn-baoche {
    background: #fff;
    color: #1a6ec5;
}
.sanya-v2-cta .btn-baoche:hover {
    background: #f5f8ff;
}
.sanya-v2-cta .btn-dingzhi {
    background: #ff8c1a;
    color: #fff;
}
.sanya-v2-cta .btn-dingzhi:hover {
    background: #f27e05;
}

/* ---------- 周边目的地（复用 hot-dest-box 原样式，仅微调间距） ---------- */
.sanya-v2-sec + .hot-dest-box,
.dest-hot-article + .hot-dest-box {
    margin-top: 10px;
}

/* ---------- 产品卡片标题两行截断（V2.1） ---------- */
.sanya-v2-sec .st-cp-list .js .tit {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 40px;
    line-height: 20px;
    word-break: break-all;
}

/* ===== V2.6 三亚资源推荐模块（POI/STAY/VEHICLE/EXPERIENCE）===== */
.sanya-v2-res-grid{display:flex;flex-wrap:wrap;margin:0 -8px;list-style:none;padding:0}
.sanya-v2-res-grid>li{width:25%;padding:8px;box-sizing:border-box}
.sanya-v2-res-card{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:16px 14px;height:100%;min-height:118px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;transition:box-shadow .2s ease}
.sanya-v2-res-card:hover{box-shadow:0 4px 14px rgba(0,0,0,.08)}
.sanya-v2-res-name{font-size:15px;line-height:1.4;color:#2b2b2b;margin:0 0 8px;font-weight:600;word-break:break-all}
.sanya-v2-res-tag{display:inline-block;background:#e6f2ff;color:#1a66c4;font-size:12px;line-height:1;padding:3px 6px;border-radius:4px;margin-left:6px;vertical-align:2px}
.sanya-v2-res-meta{font-size:13px;color:#666;line-height:1.5;margin:0 0 6px}
.sanya-v2-res-fee{font-size:13px;color:#d96c1f;line-height:1.5;margin:0}
.sanya-v2-res-cta{margin-top:16px;text-align:center}
.sanya-v2-res-cta a{display:inline-block;background:#1a66c4;color:#fff;font-size:14px;line-height:1;padding:11px 26px;border-radius:22px;margin:0 6px;text-decoration:none}
.sanya-v2-res-cta a:hover{opacity:.88}
.sanya-v2-res-note{font-size:12px;color:#999;text-align:center;margin:10px 0 0}
@media (max-width:768px){
  .sanya-v2-res-grid>li{width:50%}
}
@media (max-width:480px){
  .sanya-v2-res-grid>li{width:100%}
  .sanya-v2-res-card{min-height:0}
}

/* ---------- V2.7 P1修复：V2区块清浮（修复区块骑压介绍区/标题压卡） ---------- */
.st-main-page .sanya-v2-sec,
.st-main-page .sanya-v2-cta {
    clear: both;
}