/*PC原样式：保留原有高度，新增页面整体空白控制*/
.swiper {
    width: 90%;
    height: 69.5%;
}

/* 全局空白控制：核心修复大片空白 */
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* 防止横向滚动导致的空白 */
}
/* 包裹整个页面的容器（如果有），无则新增此样式 */
.wrapper {
    max-height: 100vh; /* 限制页面高度为视口高度，避免底部空白 */
    overflow-y: auto; /* 仅必要时滚动，不产生多余空白 */
}
#MobileDt{
    display:none;
}
#MobileStyle {
   display:none;
}
#PCStyle{
    display:block;
}
/*只在手机端生效样式*/
@media screen and (max-width:768px) {
    #MobileStyle {
        display: block;
    }
    #PCStyle{display:none;}
    .div_video {
        width: 100%;
        height: 140px;
    }
    .dropdown-list {
        display: none !important;
        height: 0 !important;
        overflow: hidden !important;
        transition: height 0.3s ease;
    }

        /* 只有加了 active 类才展开 */
        .dropdown-list.active {
            display: block !important;
            height: 358px !important; /* 和你媒体查询里的高度保持一致 */
        }

    .top_ht1 {
        width: 100%;
        margin: 0px auto 0;
    }

        .top_ht1 .left span {
            font-size: 18px;
            color: rgb(0, 32, 96);
            font-weight: bold;
            height: 50px;
            position: relative;
            top: -7px;
            left: 2px;
        }

    .ptext {
        top: 37px !important;
    }

    .swiper {
        height: 25% !important;
    }
    input[name="PlannedTime"]:checked {
        border-color: #0071e3;
        background: #0071e3;
    }
    .tab-content .content .swiper {
        height: 35% !important;
    }

    .div_video ul li:nth-child(3) {
        display: none;
    }

    .ypbtn {
        padding: 5px 10px 5px 10px !important;
        bottom: 16% !important;
    }

        .ypbtn a {
            font-size: 12px !important
        }

    .text_form table tr td input {
        width: 100%;
    }
    .text_form table tr td select {
        width: 100%;
    }

    .div_video ul li {
        width: 48% !important;
        height: 110px !important;
        margin-right: 0rem !important;
    }

    .tabs {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        width: 90% !important;
        margin: 73px auto 58px !important; /* 仅减少tabs底部空白，保留顶部73px */
        top: -60px !important;
    }

        .tabs .tab {
            cursor: pointer;
            width: 90% !important;
        }

    .mySwiper1 .swiper-slide {
        width: 46% !important;
        height: 100%;
    }

        .mySwiper1 .swiper-slide img {
            width: 100% !important;
            margin: 8px -35px 0 !important;
        }

    .mySwiper2 img {
        height: 94% !important;
        width: 62% !important;
        right: 6% !important;
        object-fit: cover;
    }

    .p_text {
        width: 100%;
        bottom: 0px !important;
        margin: 0 auto !important;
    }

    .mySwiper2 .swiper-wrapper .swiper-slide {
        background: url(/Content/img/souce/car_bg.png) no-repeat;
        background-size: 90% !important;
        background-position: 48% 93% !important;
    }

    .spec {
        display: none;
    }

    .div_video ul {
        display: flex;
        justify-content: space-between;
        margin: 0 !important; /* 清除视频列表上下空白 */
    }

    .bottom_form .yqlj {
        display: none;
    }

    /* 手机端核心：清除页面底部大片空白 */
    #certify {
        margin-bottom: 0 !important; /* 清除推荐车型模块底部空白 */
    }
    /* 清除所有模块多余的底部外边距 */
    .performance-video, .vehicle-category, .recommended-vehicles {
        margin-bottom: 0 !important;
    }
    .dw{
        display:none !important;
    }
    #Pcdtu{display:none !important;}
    .zxdg1 {
        border: 5px solid #1a9dfe;
        border-radius: 50px;
        width: 100px;
        margin-left: 5px;
        margin-right: 5px;
    }
    img.hx {
        position: relative;
        top: 4px;
    }
    .beian {
        padding: 20px 0 68px 0 !important;
    }
    .copyright-ba {
        line-height: 14px;
        height: 29px;
        margin-block-end: 0;
    }
    #MobileDt{
        display:block;
    }
}

/*推荐车型手机端轮播样式：仅清除空白，保留元素尺寸*/
#certify {
    position: relative;
    /* 移动端改用百分比宽度，适配不同屏幕 */
    width: 90%;
    max-width: 1200px; /* 大屏仍限制最大宽度 */
    margin: 0 auto;
    padding: 20px 0;
}

    #certify .swiper-container {
        padding-bottom: 60px;
        /* 解决swiper容器高度塌陷问题 */
        overflow: hidden;
        height:220px;
    }

    #certify .swiper-slide {
        /* 移动端宽高自适应，不再固定 */
        width: 80%;
        max-width: 520px;
        height: auto;
        background: #fff;
        box-shadow: 0 8px 30px #ddd;
        border-radius: 4px;
    }

        #certify .swiper-slide img {
            display: block;
            /* 图片自适应容器，避免溢出 */
            width: 100%;
            height: auto;
        }

        #certify .swiper-slide p {
            line-height: 40px; /* 移动端减小行高 */
            padding-top: 0;
            text-align: center;
            color: #636363;
            font-size: 1em; /* 适配移动端字体 */
            margin: 0;
        }

    #certify .swiper-pagination {
        width: 100%;
        bottom: 20px;
    }

    #certify .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px;
        border: 2px solid #fff; /* 移动端减小边框 */
        background-color: #d5d5d5;
        width: 8px; /* 移动端减小圆点 */
        height: 8px;
        opacity: 1;
    }

    #certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
        border: 2px solid #00aadc;
        background-color: #fff;
    }

    /* 移动端调整按钮位置，避免超出屏幕 */
    #certify .swiper-button-prev,
    #certify .swiper-button-next {
        top: 50%;
        transform: translateY(-50%);
        width: 30px; /* 移动端减小按钮尺寸 */
        height: 30px;
        margin-top: 0;
    }

    #certify .swiper-button-prev {
        left: 0; /* 替换原-30px，避免手机端超出屏幕 */
        background: url(../images/wm_button_icon.png) no-repeat;
        background-position: 0 0;
        background-size: 100%;
    }

        #certify .swiper-button-prev:hover {
            background-position: 0 -31px; /* 按比例调整背景位置 */
            background-size: 100%
        }

    #certify .swiper-button-next {
        right: 0; /* 替换原-30px，避免手机端超出屏幕 */
        background: url(../images/wm_button_icon.png) no-repeat;
        background-position: 0 -62px; /* 按比例调整背景位置 */
        background-size: 100%;
    }

        #certify .swiper-button-next:hover {
            background-position: 0 -93px;
            background-size: 100%
        }

/* 小屏手机额外适配 */
@media (max-width: 375px) {
    #certify .swiper-slide {
        width: 90%;
    }

        #certify .swiper-slide p {
            font-size: 0.9em;
            line-height: 35px;
        }
}
/*end*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
} 
.top_subtitletj {
    font-size: 22px;
    font-weight: bold;
    margin:12px auto 0px;
    position: relative;
    top: 0px;
}
.dt_contenttj {
    width: 90%;
    margin: 20px auto;
    text-align: center;
    position: relative;
    top: 0px;
    margin-bottom: 40px;
}
.dt_contentsp {
    width: 90%;
    margin: 50px auto 60px;
    text-align: center;
}
.text_form {
    margin-right: 15px;
}
.th_text {
    color: rgb(0, 102, 192);
    width: 85px;
    text-align: right;
    font-size: 12px;
    font-weight: bold;
}
.yf ul li {
    float: left;
    margin-right: 16px;
    height: 54px;
}
.bm {
    font-size: 11px;
    position: relative;
    bottom: 23px;
    color: #616161;
}