.tw-flex{
    display: flex;
}
.new-main {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    padding: 0 4%;
    background: #f7f8fc;
}
.new-main.full {
    padding: 0;
}
.configuration_root__HQ9PF{
    position: relative;
    --root-padding: 0px;
    width: -moz-fit-content;
    width: fit-content;
    min-width: calc(100vw - var(--scroll-bar-width));
}

.configuration_wrapper{
    display: flex;
    flex-wrap: nowrap;
}
.nav_root__1VKQl {
    flex: none;
    display: flex;
    justify-content: center;
    position: sticky;
    top: 77px;
    left: 0;
    z-index: 3;
    background-color: #f7f8fc;
    margin-right:0px;
    height: calc(100vh - var(--scroll-bar-width));
    width: calc(var(--root-padding) + 24px + 250px);
    margin-left: calc(0px - var(--root-padding));
}
.nav_root__1VKQl .nav_wrapper__25vU3 {
    display: flex;
    flex-direction: column;
    width: 250px;
}

.nav_list__2V26f {
    margin: 0 0 40px;
    padding: 6px;
    border-radius: 2px;
    background-color: #fff;
    font-size: 14px;
    line-height: 22px;
    --tw-text-opacity: 1;
    color: rgba(31,33,41,var(--tw-text-opacity));
}
.g-hover-scroll-bar {
    overflow-y: scroll;
    max-height: calc(100% - 150px);
}
.nav_root__1VKQl .nav_list__2V26f .nav_item__27VHM {
    display: block;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
}
.line-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    color: #1f2129;
}
li, ul {
    list-style: none;
}
a:hover {
    color:#DEE8FA;
}
.nav_active__d--Go {
    color: currentColor;
    background: #DEE8FA;
}
.nav_item__27VHM:hover {
    background: #DEE8FA;
    color:#264AFF;
}

.carModelTitle{
    color: inherit;
    text-decoration: inherit;
    transition:color .1s ease-in-out;
    text-decoration: none;
    -webkit-text-size-adjust: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}

.configuration_main__2NCwO {
    flex: 1;
    padding-right: calc(var(--root-padding) + 24px);
    background-color: #f7f8fc;
}

.table_root__14vH_ {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    border-bottom: 1px solid #e6e6e6;
}
.table_head__FNAvn {
    position: sticky;
    top: 77px;
    z-index: 2;
}
.table_row__yVX1h {
    display: flex;
}

.table_is-sticky__1hkPu {
    position: sticky;
    z-index: 1;
    left: calc(var(--root-padding) + 24px + calc(250px + 210px * var(--config-col-index)));
}


.table_col__3Pc3_ {
    background-image: none;
    flex: none;
    display: flex;
    align-items: center;
    width: 210px;
    min-height: 38px;
    padding: 8px 16px;
    background-color: #fff;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

.table_col__3Pc3_filter{
    background-image: none;
    flex: none;
    display: flex;
    align-items: center;
    width: 270px;
    min-height: 38px;
    padding: 8px 16px;
    background-color: #fff;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

.cell_header-count__2MwLv {
    display: flex;
    flex-direction: column;
    padding: 22px 0 12px;
}

.cell_total__3tL09 {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    --tw-text-opacity: 1;
    color: rgba(31,33,41,var(--tw-text-opacity));
}
.cell_count__1osLz {
    font-size: 18px;
    line-height: 28px;
    --tw-text-opacity: 1;
    color: rgba(230,32,33,var(--tw-text-opacity));
}

.checkbox_checkbox__1geLa {
    position: relative;
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    --tw-text-opacity: 1;
    color: rgba(31,33,41,var(--tw-text-opacity));
}
.tw-text-color-gray-800 {
    --tw-text-opacity: 1;
    color: rgba(96,99,112,var(--tw-text-opacity));
}
.tw-mt-6 {
    margin-top: 6px;
}
.checkbox_checkbox__1geLa.checkbox_has-children__1KSjL:before {
    margin-right: 7px;
}
.checkbox_checkbox__1geLa:before {
    content: "";
    flex: none;
    width: 14px;
    height: 14px;
    border-radius: 2px;
    border: 1px solid #c9cbd6;
}

.checkbox_checkbox__1geLa:after {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 50%;
    content: "";
    width: 8px;
    height: 5px;
    border-radius: 0 0 0 2px;
    border-left: 2px solid #1f2129;
    border-bottom: 2px solid #1f2129;
    margin-top: -1px;
    transform: translate3D(3px,-50%,0) rotate(-45deg);
}

.cell_header-car__1Hrj6 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding: 20px 0 8px;
    height: 100%;
    width: 100%;
}

.cell_header-car__1Hrj6 .cell_car__28WzZ {
    text-align: left;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    height: 44px;
    word-break: break-word;
    --tw-text-opacity: 1;
    color: rgba(31,33,41,var(--tw-text-opacity));
}
.line-2 {
    -webkit-line-clamp: 2;
}
.cell_header-car__1Hrj6 .cell_compare__1G-fz {
    margin: 20px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cell_disabled__3Temt {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: not-allowed;
    border: none;
    --tw-bg-opacity: 1;
    background-color: rgba(247,248,252,var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(230,232,242,var(--tw-text-opacity));
}

.cell_header-car__1Hrj6 .cell_compare__1G-fz .DCD_Icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    background-color: #f2f4fa;
    --tw-text-opacity: 1;
    color: rgba(31,33,41,var(--tw-text-opacity));
}

.cell_header-car__1Hrj6 .cell_compare__1G-fz .cell_add__2rN8K {
    padding: 0 12px;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    --tw-text-opacity: 1;
    color: rgba(59,130,246,var(--tw-text-opacity));
}

cell_header-car__1Hrj6 .cell_compare__1G-fz .DCD_Icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 14px;
    border: 1px solid #e6e8f2;
    background-color: #f2f4fa;
    --tw-text-opacity: 1;
    color: rgba(31,33,41,var(--tw-text-opacity));
}

.compare{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
}

.cell_header-car__1Hrj6 .cell_pin__1Xbh5 {
    display:flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left:-16px;
    top: 5px;
    padding: 4px 20px 4px 20px;
    font-size: 12px;
    line-height: 20px;
    background: #DEE8FA;
    border-radius: 3px;
    color: #264AFF;
    cursor: pointer;
}

.cell_header-car__1Hrj6 .cell_pin__1Xbh5.cell_is-pinned__2m1F9 {
    background: #F4F5F7;
    color: #131212;
}


.cell_header-car__1Hrj6 .cell_remove__22_6h {
    position: absolute;
    top: 5px;
    right: -10px;
    font-size: 16px;
    width: 24px;
    height: 24px;
    line-height: 16px;
    color: #c9cbd5;
    cursor: pointer;
}
.cell_label__ZtXlw {
    font-size: 14px;
    line-height: 22px;
    --tw-text-opacity: 1;
    color: rgba(96,99,112,var(--tw-text-opacity));
}

.table_row__yVX1h .table_col__3Pc3_.table_is-sticky__1hkPu {
    position: sticky;
    z-index: 1;
    left: calc(var(--root-padding) + 24px + calc(250px + 244px * var(--config-col-index)));
}
.table_row__yVX1h> .table_col__3Pc3_:first-child {
    border-left: 1px solid #e6e6e6;
}

.borderLeft{
    border-left: 1px solid #e6e6e6;
}

.borderRight{
    border-right: 1px solid #e6e6e6;
}


.table_row__yVX1h.table_is-title__y_0Uy{
    --tw-bg-opacity: 1;
    background-color: rgba(242,244,250,var(--tw-bg-opacity));
    width: 100%;
}
.cell_title__1COfA {
    margin: -8px -16px;
    padding: 0px 0 0px 16px;
    height: 54px;
    font-weight: 600;
    font-size: 14px;
    line-height: 54px;
    background-color:rgba(242, 244, 250, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(31,33,41,var(--tw-text-opacity));
}

.table_row__yVX1h.table_has-difference__3h_NM {
    display: flex;
}

.table_row__yVX1h.table_is-title__y_0Uy .table_col__3Pc3_ {
    width: auto;
    white-space: nowrap;
    border: none;
    background-image: none!important;
}

.cell_label__ZtXlw {
    font-size: 14px;
    line-height: 22px;
    --tw-text-opacity: 1;
    color: rgba(96,99,112,var(--tw-text-opacity));
}
.cell_official-price__1O2th {
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 22px;
    --tw-text-opacity: 1;
    color: rgba(31,33,41,var(--tw-text-opacity));
}

icon_baikeicon:before {
    content: "\e70b";
}

.table_root__14vH_.table_active-highlight__1-pai .table_row__yVX1h.table_has-difference__3h_NM>.table_col__3Pc3_ {
    background-image: linear-gradient(0deg,rgba(255,204,50,.08),rgba(255,204,50,.08));
}

.cell_title__1COfA .cell_flag__2XUC6 {
    display: inline-flex;
    align-items: center;
    margin-left: 20px;
    font-size: 14px;
    line-height: 22px;
    color: #606370;
    font-weight: 400;
}

.cell_flag-icon__rh5yX {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 10px;
    height: 10px;
    font-size: 14px;
    font-weight: 900;
    transform: scale(.5);
    margin-right: 4px;
    color: #000;
}

.table_is-head-col__1sAQG {
    padding: 8px 16px;
}

.table_row__yVX1h.table_has-difference__3h_NM {
    display: flex;
}
/* 选择品牌 */
.pbpsRoom .cus_select{
    width: 246px;
    margin-right: 16px;
    height: 40px;
    border-radius: 3px;
    border:  1px solid #D3D4D6;
    line-height: 40px;
    font-size: 14px;
    padding: 0px 12px;
    color: #8D8E99;
    background: #fff;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.pbpsRoom .cus_select_s{
    border: 1px solid #264AFF;
}
.pbpsRoom .cus_select .selectList{
    width: 272px;
    max-height: 500px;
    z-index: 100;
    position: absolute;
    background: #ffffff;
    top: 40px;
    left: 0;
    border-radius: 3px;
    /* border:1px solid #8D8E99; */
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.08),0px 4px 16px 0px rgba(0, 0, 0, 0.16);
    /* overflow-y: scroll; */
}

.carmuarrowDown{
    transform:  rotate(0deg) ;
    transition: all 0.2s ease-in-out;
    color:#8D8E99;
}

.carmuarrowDownSelect{
    transform:  rotate(-180deg) ;
    transition: all 0.2s ease-in-out;
    color:#264aff;
}

.pbpsRoom .brandTab{
    display: flex;
    height: 42px;
    margin: 8px 8px 0px;
    align-items: center;
    color: #5E5E66;
}
.pbpsRoom .brandTab .s{
    color: #131212;
    cursor: pointer;    
}

.pbpsRoom .brands{
    display: flex;
}

.pbpsRoom .brands .brandLetter{
    background: #f4f5f7;
    color: #8D8E99;
    width: 32px;
    font-size: 12px;
    margin: 6px 6px 0px 6px;
    overflow-y: scroll;
    max-height: 444px;
}

.pbpsRoom .brands .brandLetter::-webkit-scrollbar { width: 1px; }

.pbpsRoom .brands .brandLetter div{
    display: flex;
    height: 24px;
    justify-content: center;
    align-items: center;
}

.pbpsRoom .brands .colorLetter{
    color: #264AFF;
    }
.pbpsRoom .brands .brandContent{
    flex: 1;
    color: #131212;
    overflow-y: scroll;
    max-height: 450px;
}
.brandContent .item div{
    height: 36px;
    line-height: 36px;
}
.brandContent .item div:hover{
    background: #DEE8FA;
}

.brandContent .item .itemLetter{
    color: #8D8E99;
}
.brandContent .item .itemLetter:hover{
    background: #fff;
}

.pbpsRoom .psList{
    display: flex;
    padding: 5px 8px;
    align-items: center;
    color:#5E5E66;
}

 .psList:hover{
    background: #DEE8FA;
}


.pbpsRoom .carList{
    display: flex;
    padding: 10px 8px;
    align-items: center;
}

.carList:hover{
    background: #DEE8FA;
}
.carList .title{
    flex: 1;
    font-size: 14px;
    color: #5E5E66;
    line-height: 22px;
}
.carList .price{
    font-size: 14px;
    color: #F01D24;
    line-height: 22px;
}





/* 联动的布局才会使用 */
.pbpsRoom .cus_select .selectPsList{
    width: 272px;
    height: 500px;
    z-index: 100;
    position: absolute;
    background: #ffffff;
    top: 40px;
    border-radius: 3px;
    /* border:1px solid #8D8E99; */
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.08),0px 4px 16px 0px rgba(0, 0, 0, 0.16);
    left: 0px;
}

.pbpsRoom .cus_select .selectPsListDetail{
    flex: 1;
    color: #131212;
    overflow-y: scroll;
    max-height: 450px;
}

.pbpsRoom .cus_select .selectCarListDetail{
    flex: 1;
    color: #131212;
    overflow-y: scroll;
    max-height: 450px;
}


.pbpsRoom .cus_select .selectCarList{
    width: 272px;
    height: 500px;
    z-index: 100;
    position: absolute;
    background: #ffffff;
    top: 40px;
    border-radius: 3px;
    /* border:1px solid #8D8E99; */
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.08),0px 4px 16px 0px rgba(0, 0, 0, 0.16);
    left: 0px;
}

.hideView{
    display: none;
}

.table_is-label__1wIhd{
    background: #E6EDFA;
}
/*重写导航头样式*/
.layout_header {
    position: fixed !important;
    width: 100%;
    /*top: 0;*/
    /*z-index: 999;*/
    /*height: 78px;*/
    /*background: #FFFFFF;*/
    /*border-bottom: 1px solid #E8E9EB;*/
    /*box-sizing: border-box;*/
    /*display: flex;*/
    /*justify-content: center;*/
}
/*重写footer样式*/
.layout_footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
}

.layout_top {
    z-index: 9999;
}

.flexSpaceBetween{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.flexSpaceBetween .todayPrice{
    font-family: PingFang SC;
    font-size: 20px;
    font-weight: 600;
    color: #333333;
}

.flexSpaceBetween .xunjia{
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 500;
    color:white;
    background-color: #0055FE;
    border-radius: 4px;
    flex-shrink: 0;
    cursor: pointer;
}

.viewPrice{
    margin-top: 8px;
    font-family: PingFang SC;
    font-size: 12px;
    color:#0055FE;
    cursor: pointer;
}


.table_col__3Pc3_New{
    flex-direction: column;
    background-image: none;
    flex: none;
    align-items: flex-start;
    width: 210px;
    min-height: 38px;
    padding: 8px 16px;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    background-color: white;
}

.cell_header-count__2MwLv .flexStartLogin{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    width: 100%;
    padding-top: 20px;
}