html,body{
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-family: 
    /* 1. 现代系统 UI 优先：直接调用设备默认字体，让网页像系统原生 App 一样自然 */
    system-ui, -apple-system, BlinkMacSystemFont, 

    /* 2. 安卓系统优化：确保 Chrome/Android 下的英文与数字呈现最佳比例 */
    Roboto, 

    /* 3. Windows 界面字体：微软专门为屏幕阅读优化的西文字体，提升数字易读性 */
    "Segoe UI", 

    /* 4. 经典西文回退：万一前面的现代方案失效，确保英文和数字依然整齐、不发虚 */
    "Helvetica Neue", Arial, 

    /* 5. 苹果系中文：优先使用 macOS/iOS 的“苹方”字体，确保高分辨率下的细腻质感 */
    "PingFang SC", "Hiragino Sans GB", 

    /* 6. Windows 中文核心：微软雅黑，保证 Windows 用户看到的中文没有毛刺锯齿 */
    "Microsoft YaHei", 

    /* 7. Linux 兼容：为 Ubuntu/Debian 等极客系统提供平滑的中文回退支持 */
    "WenQuanYi Micro Hei", 

    /* 8. 终极兜底：告诉浏览器，实在找不到就用系统自带的无衬线字体，绝不出丑 */
    sans-serif;
}
/* 顶部 */
.top_title {
    padding-top: 103px;
    margin: 0 auto;
    text-align: center;
    padding-left: 360px;
    padding-right: 5px;
    min-width: 1000px;
    box-sizing: border-box;
}
.top_description {
    margin: 12px auto 0;
    text-align: center;
    padding-left: 360px;
    padding-right: 5px;
    min-width: 1000px;
    box-sizing: border-box;
}
.top_description>span {
    width: 205px;
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    color: #4B526A;
    line-height: 22px;
    letter-spacing: 15px;
}
.content {
    margin: 60px auto 120px;
    text-align: center;
    min-width: 1000px;
    width: 100%;
    height: 100%;
    position: static;
    left: 0;
    top: 0;
    z-index: 9999;
    color: #4B526A;
    padding-left: 360px;
    padding-right: 5px;
    margin-right: 10px;
}
.content .any-car-type {
    display: flex;
    line-height: 87px;
}
.content .any-car-type span {
    flex: 1;
    font-size: 24px;
    color: #272727;
    font-weight: 600;
    border: 1px solid #F3F3F3;
    cursor: pointer;
}
.content .any-car-type .active {
    border: 1px solid #12C2A9;
    color: #12C2A9;
}
.content .pop-box {
    position: static;
    left: 50%;
    top: 50%;
    /* height: 700px; */

}
#scrollContainer{
    margin-top: 66px;
    height: 100%;
    transform: none;
    overflow: hidden;
    /* height: 1000px; */
}
#scrollContainer>div:first-child{
    display: block !important;
}
#scroll-container-wrap{
    /* transform: none;
    height: 100%; */
}
.content .pop-box .close-btn {
    width: 30px;
    height: 30px;
    background: url(../images/icon/cs-colse.png) no-repeat center center;
    background-size: 100% auto;
    position: absolute;
    right: -40px;
    top: 0;
    cursor: pointer;

}
.content .pop-box .pop {
    width: 100%;
    height: 100%;
    background: #fff;
    /*position: absolute;
    right: 0;
    top: 0;*/
    /*overflow-y: auto;*/
}
.content .tableWrap {
    /* display: flex;
    display: -webkit-flex;
    flex-direction: column; */
    margin: 0;
    width: 100%;
    height: 100%;
}
.content .tableWrap .scrollTable {
    /* flex: 1; */
    height: auto;
}
.content .models-list {
    margin: 0;
    border-top: none;
}
.content .models-list li {
    height: 64px;
    line-height: 64px;
    width: 100%;
    cursor: default;
}
.content #deTable {
    top: 0;
    height: 100%;
    transform: none;
}
.content .deTable{
    position: relative;
    z-index: 9999;
}
.content .tabRight {
    position: absolute;
    top: 0;
    /* margin-top: -316px; */
    left: -48px;
    /* padding-bottom: 50px; */
    width: 312px;
    height: 70vh;
    transform: translate3d(-100%, 0, 0);
    overflow: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    /* transition: top .5s; */
    padding: 0 40px 50px;
}
.content .deTable th {
    text-align: center;
}
.content .deTable tr:nth-child(1) {
    background: #fff;
    color: #000;
    font-weight: 600;
    width: 300px;
}
.content .deTable tr:nth-child(1) p.price {
    width: 114px;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #4B526A;
    line-height: 20px;
}
.content .deTable tr:nth-child(1) p.price-decription {
    width: 130px;
    min-height: 17px;
    font-size: 12px;
    font-weight: 400;
    color: #9DAFBD;
    line-height: 17px;
}

.content .deTable tr:nth-child(1) td:nth-child(1) {
    padding-left: 23px;
    color: #333;
    text-align: left;
    height: 87px;
}


.content .deTable tr:nth-child(1) p {
    margin: 0;
}
.content .deTable tr:nth-child(1) .model-name {
    /*width: 89px;*/
    /* height: 20px; */
    font-size: 14px;
    font-weight: 600;
    color: #272727;
    line-height: 20px;
}

.content .deTable tr:nth-child(1) .model-name-price {
    /*width: 67px;*/
    height: 25px;
    font-size: 18px;
    font-weight: 500;
    color: #F7BE7F;
    line-height: 25px;
}

.content .deTable tr:nth-child(1) td:nth-child(1) {
    width: 25%;
}


.content .deTable .title {
    color: #333;
    text-align: left;
}
.content .deTable .models .name {
    color: #4398A1;
}
.content .deTable .models .price {
    color: #000;
}
.content .deTable .infos {
    padding-left: 20px;
    text-align: left;
    color: #333;
}
.content .deTable .infos .hl {
    margin-right: 20px;
    color: #4398A1;
}
.content .bottom-table td:first-child {
    padding-left: 23px;
    text-align: left;
    width: 25%;
}
.content .tableTitle {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    text-align: left;
    background: #F1F3F5;
    border-left: 1px solid #ececf2;
    border-right: 1px solid #ececf2;
    font-size: 19px;
    font-weight: 600;
    color: #4B526A;
    line-height: 26px;
    padding-left: 24px;
}
.content .tableTitle:before {
    content: "";
}
.content table td {
    font-size: 14px;
}
.content .scrollTable td {
    white-space: pre-line;
    word-break: break-word;
}
.content .scrollTable td .td-inner {
    display: inline-block;
    text-align: left;
}
.content table td:first-child {
    background: #fff;
}

.content .statusLi {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    height: 22px;
    font-size: 12px;
}
.content .statusLi .str {
    font-size: 14px;
    font-weight: 500;
    color: #4B526A;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.content .statusLi .str.on_t {
    width: 226px;
    height: 44px;
    font-size: 20px;
    font-weight: 500;
    color: #363F4F;
    line-height: 44px;
}
/* .an-pop{
    position: relative;
    z-index: 99999;
    display: none;
}
.an-pop img{
    width: 686px;
    height: 500px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
} */

.an-bg {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    filter: alpha(opacity=50);
    z-index: 999;
}

.an-btn-bg {
    position: relative;
}

.an-deal{
    margin: 0 auto;
}
.an-deal .an-pc {
    display: flex;
    height: 28px;
    line-height: 28px;
    padding:  0px 46px;
    margin-bottom: 10px;
    color: #97A0A8;
    justify-content: space-between;

}

.an-deal span {
    border: 1px solid #97A0A8;
    text-align: center;
    display: block;
    width: 111px;
    height: 28px;
    line-height: 28px
}