/* config-nav */
.is-inner-page .config-main-title .ask-price-bottom {
    display: none !important;
}


@font-face {
    font-family: 'fanfont';
    src: url('../fonts/fanIconFont/iconfont.eot');
    src: url('../fonts/fanIconFont/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/fanIconFont/iconfont.woff2') format('woff2'),
    url('../fonts/fanIconFont/iconfont.woff') format('woff'),
    url('../fonts/fanIconFont/iconfont.ttf') format('truetype'),
    url('../fonts/fanIconFont/iconfont.svg') format('svg');
}
.icon-select{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font: normal normal normal 14px/1 fanfont;
    font-size: inherit;
    text-rendering: auto;
}
.s-none {
    margin-top: 0.5rem;
}
.fixed-height {
    width: 100%;
    height: 0.01rem;
}
.fixed-height.active-h {
    margin-top: 2.3rem;
}
.cus-icon {
    font-size: 0.28rem;
}
.icon-select {
    color: #d7000f;
    margin-left: 0.1rem;
    transform: rotate(180deg);
    vertical-align: middle;
    transition: all 0.2s;
}
.icon-select.r-active {
    transform: rotate(0deg);
}
.no-data {
    text-align: center;
}
.config-nav, .remark-nav-m {
    border-bottom: 1px solid #d8d8d8;
}
.config-nav li {
    position: relative;
    float: left;
    margin-right: 1rem;
    color: #333333;
    font-weight: 300;
}
.car-price-num {
    color: #d7000f;
}
.selected-box-config {
    display: none;
}
.config-video-btn {
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    margin: 0 0.1rem;
    background: url(../../images/config-video-play.png) center center no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
    cursor: pointer;
    margin-bottom: 0.03rem;
}
.car-config-close {
    display: inline-block;
    width: .18rem;
    font-size: 0.18rem;
    height: .18rem;
}
.car-config-close:hover{
    color: #ac000c;
}
/* .fixed {
    position: fixed;
    top: 0.8rem;
    left: 50%;
    transform: translateX(-50%);
} */
.no_color {
    display: none !important;
}
.car-config-no-hint {
    display: none;
}
.screen-hide-box .hide-color-box {
    display: inline-block;
    width: .25rem;
    height: .25rem;
    border: 1px solid #ccc;
    border-radius: 50%;
    vertical-align: middle;
    margin-bottom: .02rem;
}
.screen-hide-box .hide-color-box.show_color {
    margin-right: .1rem;
}
.screen-hide-box .hide-color-box.no_color {
    display: none;
}
.config-nav li a {
    display: block;
    padding: 0.3rem 0;
    box-sizing: border-box;
}
.config-nav li.active a {
    color: #111;
    font-weight: normal;
}
.config-nav li span {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 100%;
    height: 2px;
    background-color: #3daeae;
}
/* config-nav 结束 */
.config-car-list {
    position: relative;
    padding-top: 0.1rem;
    padding-bottom: 0.2rem;
    /* border-bottom: 1px solid #d8d8d8; */
}
.config-car-list ul {
    overflow: hidden;
}
.config-car-list li {
    float: left;
    width: 13%;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    border-radius: 0.12rem;
    margin-right: 1.5%;
    margin-top: 0.2rem;
    cursor: pointer;
    border: 1px solid #cccccc;
}

.config-car-list li:nth-child(7n) {
    margin-right: 0;
}
/* .config-car-list li:nth-child(7n) {
    margin-right: 0;
} */
.config-car-list li a {
    display: block;
    box-sizing: border-box;
    color: #333333;
}
.config-car-list li.active {
    background-color: #626970;
    border-color: #626970;
}
.config-car-list li.active a {
    color: #ffffff;
}
.screen-list-box {
    margin-bottom: 0.2rem;
    position: relative;
    /* border-bottom: 0.02rem solid #d8d8d8; */
}
.config-car-list-bread {
    position: relative;
    /* height: 0.84rem; */
    /* overflow: hidden; */
}
.car-config-bread .car-list-item {
    border-bottom: 1px solid #cccccc;

}
.config-car-list-bread .car-list-item {
    position: relative;
    padding-top: 0.1rem;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    /* padding-left: 1.4rem; */
}
.config-car-list-bread .car-list-item:first-child {
    border-top: 1px solid #cccccc;
}
.screen-hide-box {
    position: absolute;
    width: 100%;
    padding: 0.2rem 0.45rem;
    border: 1px solid #cccccc;
    border-top: none;
    display: none;
    z-index: 99;
    background-color: #ffffff;
}
.screen-hide-box a {
    display: inline-block;
    margin-right: 0.4rem;
}
.screen-hide-box span.active {
    color: #444;
}
.screen-hide-box span.disabled {
    color: #cccccc;
    pointer-events: none;
    cursor: default;
}
.screen-hide-box a.disabled {
    cursor: default;
}
.screen-hide-box span:hover {
    color: #3daeae;
}
.config-car-list-bread p {
    display: inline-block;
    min-width: 1.2rem;
    color: #999;
    font-weight: 300;
    padding-top: 0.1rem;
    padding-bottom: 0.2rem;
}
.config-car-list-bread .selected-p {
    padding-bottom: 0.3rem;
}
.config-car-list-bread .screen-pub-btn {
    position: relative;
    display: inline-block;
    cursor: pointer;
    border: 1px solid transparent;
    border-bottom: none;
    padding: 0.1rem 0.5rem 0.2rem 0.3rem;
    border-top-left-radius: 0.12rem;
    border-top-right-radius: 0.12rem;
    /* margin: 0 0.3rem; */
    margin-right: 0.3rem;
    vertical-align: bottom;
    margin-top: 0.01rem;
}
.config-car-list-bread .screen-pub-btn:nth-child(2) {
    margin-left: 0;
}
.config-car-list-bread .screen-pub-btn.active::after {
    content: '';
    position: absolute;
    bottom: -0.05rem;
    left: 0;
    width: 100%;
    height: 0.05rem;
    background: #ffffff;
    z-index: 9;
}
.config-car-list-bread .screen-pub-btn .screen-down-icon {
    position: absolute;
    right: 0.2rem;
    top: 30%;
}
.config-car-list-bread .screen-pub-btn span {
    display: inline-block;
    width: 0.17rem;
    height: 0.17rem;
    border: 1px solid #cccccc;
    vertical-align: middle;
    margin-bottom: 0.03rem;
}
.config-car-list-bread .screen-pub-btn.active {
    color: #ac000c;
    border-color: #cccccc;
}
.config-car-list-bread .screen-pub-btn.active .screen-down-icon {
     transform:rotate(180deg);
    top: 25%;
}
.config-car-list-bread .screen-pub-btn.active {
    color: #3daeae;
}
.config-car-list-bread .screen-pub-btn.disabled {
    color: #999999 !important;
    pointer-events: none;
}
.screen-list-box .look-more {
    position: absolute;
    bottom: -0.4rem;
    left: 50%;
    transform: translateX(-50%);
    width: 1.9rem;
    height: 0.4rem;
    border: 1px solid #d8d8d8;
    border-top: none;
    text-align: center;
    background-color: #ffffff;
    z-index: 5;
    cursor: pointer;
}
.screen-list-box .look-more p {
    display: inline-block;
}
.screen-list-box .look-more .down-icon {
    display: inline-block;
    color: #333333;
    font-size: 0.2rem;
    transition: all 0.5s ease;
}
.config-main-title {
    position: relative;
    /* height: 2.3rem; */
    padding-top: 0.1rem;
    background-color: #ffffff;
    z-index: 19;
}
.config-main-title.fixed {
    position: fixed;
    top: 90px;
    left: 50%;
    background: #fff;
    transform: translateX(-50%);
    padding: 0.1rem 0;
    box-shadow: 0px 5px 9px -9px black;
    margin-top: 0;
}
/* .config-main-title.fixed::before {
    left: -100vw;
    content: '';
    width: 100vw;
    height: 100%;
    background: inherit;
    position: absolute;
    top: -1px;
    z-index: 0;
}
.config-main-title.fixed::after {
    right: -100vw;
    content: '';
    width: 100vw;
    height: 100%;
    background: inherit;
    position: absolute;
    top: -1px;
    z-index: 0;
} */
.config-diff-box {
    position: relative;
    /* display: inline-block; */
    width: 100%;
    height: 1.3rem;
    border: 1px solid #cccccc;
    margin-right: 1%;
    border-radius: 0.12rem;
}
.config-diff-prize {
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    border: 1px solid #cccccc;
    border-radius: 0.12rem;
    padding-left: 0.2rem;
    margin-top: 0.1rem;
}
.config-diff-prize p {
    font-size: 0.18rem;
}
.config-diff-box .position-box{
    position: absolute;
    left: 0.2rem;
    top: 32%;
    transform: translateY(-50%);
    width: 70%;
}
.config-title-swiper {
    float: right;
    width: 84.5%;
    /* height: 100%; */
    padding-right: 0.01rem;
}
.ask-price-bottom {
    font-size: 0.18rem;
    color: #d7000f;
    margin-left: 0.48rem;
    text-decoration: underline;
    cursor: pointer;
}
.ask-price-bottom:hover {
    color: #ac000c;
}
.config-title-swiper .swiper-wrapper {
    margin-bottom: 0.02rem;
}
.config-title-swiper .swiper-slide {
    text-align: center;
}
.config-title-swiper .swiper-slide.bg-active {
    background-color: #fbe5e7;
}
.config-title-swiper .swiper-slide .del-car-btn {
    position: absolute;
    right: 0.1rem;
    top: 0.1rem;
    cursor: pointer;
}
.config-title-swiper .swiper-slide .cont-box {
    position: absolute;
    top: 0.32rem;
    left: 50%;
    transform: translateX(-50%);
    width: 70%;
}
.cont-box-name {
    text-align: center !important;
    font-size: 0.18rem;
}
.config-title-swiper .cont-box p {
    text-align: left !important;
    font-weight: 700;
    word-break: break-all;
}
.config-title-swiper .cont-box-prize {
    color: #333333;
    font-size: 0.18rem;
}
.agree-box span {
    font-size: 0.14rem;
}
.agree-box {
    white-space: nowrap;
    height: auto;
    color: #000000;
    margin: 0 auto;
    display: block;
    position: relative;
    font-size: 0.14rem;
    padding-left: 0.27rem;
    margin-top: 0.1rem;
    cursor: pointer;
}
.agree-box:hover{
    color: #ac000c;
}
.agree-box input {
    float: left;
    margin: 0.03rem;
}
.agree-box .kuang {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    opacity: 0;
    width: 0.16rem;
    height: 0.16rem;
    transform: translateY(-50%);
    cursor: pointer;
}
.agree-box .kuang_J {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 0.16rem;
    height: 0.16rem;
    background: url(../../images/agree_icon.png) no-repeat center bottom;
    background-size: 100%;
    z-index: 1;
}
.agree-box .kuang_J.on {
    position: absolute;
    background-image: url(../../images/agree_icon_on.png);
}
.config-title-next, .config-title-prev {
    width: 0.25rem;
    height: 0.5rem;
    /* background-image: none; */
    background-color: #d7000f;
    top: 0.55rem;
    margin-top: 0;
    transition: all .2s linear !important;
}
.config-title-next:hover, .config-title-prev:hover{
    background-color: #ac000c;
}
.config-title-next.swiper-button-disabled, .config-title-prev.swiper-button-disabled {
    background-color: #333333;
}
.car-slide-top {
    position: relative;
    border: 1px solid #cccccc;
    border-radius: 0.12rem;
    height: 1.3rem;
}
.car-slide-top.bg-active, .car-slide-bottom.bg-active {
    background-color: #fbe5e7;
}
.car-slide-bottom {
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    border: 1px solid #cccccc;
    border-radius: 0.12rem;
    margin-top: 0.1rem;
    text-align: left;
    padding-left: 0.5rem;
}
.config-title-next {
    right: 0.011rem;
    border-top-left-radius: 0.06rem;
    border-bottom-left-radius: 0.06rem;
}
.config-title-prev {
    left: 15.6%;
    border-top-right-radius: 0.06rem;
    border-bottom-right-radius: 0.06rem;
}
.config-title-next.fixed-center {
    position: absolute;
    top: 200%;
}
.config-title-prev.fixed-center {
    position: absolute;
    top: 200%;
    left: 15%;
}
.config-title-next img {
    position: absolute;
    top: 24%;
    left: 36%;
    width: 0.18rem;
    height: 0.1rem;
    transform: rotate(-90deg) translate(-50%, -50%);
}
.config-title-prev img {
    position: absolute;
    top: 59%;
    left: -10%;
    width: 0.18rem;
    height: 0.1rem;
    transform: rotate(90deg) translate(-50%, -50%);
}
.config-title-next::after, .config-title-prev::after {
    display: none;
}
.config-head-name, .fixed-nav-text {
    float: left;
    color: #444444;
    font-size: 0.18rem;
}
.config-remark {
    float: right;
    color: #444444;
    margin-right: 0.2rem;
    font-size: 0.18rem;
    height: 100%;
}
.config-remark .config-remark-icon {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0.07rem;
    font-size: 0.28rem;
    margin-left: 0.1rem;
}
/* .config-remark.active-h {
    margin-top: 3.3rem;
} */
.remark-title {
    border-bottom: 1px solid #d8d8d8;
}
.remark-cont {
    display: none;
    margin-top: 0.5rem;
}
.remark-title-desc p {
    color: #333333;
}
.remark-cont.remark-cont-0 {
    display: block;
}
.remark-cont table, .remark-cont table td, .remark-cont table th {
    border: 1px solid #333333;
}
.remark-title-line li {
    position: relative;
    float: left;
    padding: 0.3rem 0;
    margin-right: 1rem;
    color: #333333;
    font-weight: 700;
    cursor: pointer;
}
.remark-title-line li:last-child {
    margin-right: 0;
}
.remark-title-line li.active {
    color: #d7000f;
}
.remark-title-line li.active::after, .remark-nav-m .swiper-slide.active::after {
    content: '';
    position: absolute;
    bottom: -0.02rem;
    left: 50%;
    transform: translateX(-50%);
    width: 0.6rem;
    height: 0.04rem;
    background-color: #d7000f;
}
.config-remark a {
    float: right;
    color: #444444;
}
.config-main-item {
    width: 100%;
    overflow: hidden;
}
.config-main-item .config-main-head {
    width: 100%;
    height: 0.5rem;
    line-height: 0.5rem;
    background-color: #333333;
    padding-left: 0.2rem;
    box-sizing: border-box;
    border-radius: 0.1rem;
    margin-top: 0.1rem;
}
.config-main-item .config-main-head p {
    color: #ffffff;
}
.config-main-details {
    width: 100%;
}
.config-main-details .c-d-title {
    float: left;
    width: 15%;
    margin-top: 0.1rem;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-top-left-radius: 0.16rem;
    border-bottom-left-radius: 0.16rem;
}
.config-main-details .c-d-title li {
    position: relative;
    display: flex;
    align-items: center;
    height: 60px;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    background-color: #f1f1f1;
    justify-content: center;
    text-align: center;
    color: #777777;
}
.config-main-details .c-d-title li:first-child {
    border-top-left-radius: 0.16rem;
}
.config-main-details .c-d-title li:last-child {
    border-bottom-left-radius: 0.16rem;
    border-bottom: 1px solid #cccccc;
}
.config-main-details .c-d-title li.h-active1 {
    height: 80px;
}
.config-main-details .c-d-data li.h-active1 {
    height: 80px;
}
.config-main-details .c-d-title li.h-active2 {
    height: 110px;
}
.config-main-details .c-d-data li.h-active2 {
    height: 110px;
}
.config-main-details .c-d-title li.h-active3 {
    height: 270px;
}
.config-main-details .c-d-data li.h-active3 {
    height: 270px;
}
.config-main-details .c-d-data .bg-active {
    background-color: #fbe5e7;
}
.config-main-details .c-d-data li {
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    width: 0.25%;
    height: 60px;
    padding: 0 0.3rem;
    border: 1px solid #cccccc;
    border-bottom: none;
    border-left: none;
    text-align: center;
}
/* .config-main-details .c-d-title li:nth-child(even), .config-main-details .c-d-data ul:nth-child(even) {
    background-color: #f1f1f1;
} */
.config-main-details .c-d-data {
    float: left;
    width: 85%;
    overflow: hidden;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-top-right-radius: 0.16rem;
    border-bottom-right-radius: 0.16rem;
    margin-top: 0.1rem;
}
.config-main-details .c-d-data ul:hover {
    background-color: #fbe5e7;
}
.config-main-details .c-d-data ul:last-child li {
    border-bottom: 1px solid #cccccc;    }
.config-main-details .c-d-data ul:last-child li:last-child {
    border-bottom-right-radius: 0.16rem;
}
.config-main-details .c-d-data ul:first-child li:last-child {
    border-top-right-radius: 0.16rem;
}
.config-main-details .c-d-data ul {
    float: left;
    width: 100%;
}
.config-main-details .c-d-data ul.active {
    color: #d7000f;
}
.config-main-details .c-d-title li.active p {
    color: #d7000f;
}
.config-main-details .c-d-data .color-box {
    display: inline-block;
    width: 0.17rem;
    height: 0.17rem;
    background-color: red;
    margin-right: 0.02rem;
    border: 1px solid #cccccc;
}
.config-main-details .c-d-data-ul {
    position: relative;
    width: 10000%;
}
.config-remark-details {
    color: #444444;
    margin-top: 1rem;
}
.config-note {
    color: #444444;
    margin-top: 1rem;
    background-color: #ffffff;
    padding: 0.5rem 0 0 0;
    /* margin-bottom: 1rem; */
}
.config-remark-details .text-explain {
    color: #999999;
}
.config-remark-details .text-explain a {
    text-decoration: underline;
    color: #d7000f;
}
.go-car-model-btn {
    margin-bottom: 1rem;
}
.go-car-model-btn a {
    position: relative;
    display: block;
    width: 3.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    margin: 0 auto;
    border-radius: 0.1rem;
    background-color: #626970;
    font-size: 0.18rem;
}
.go-car-model-btn .go-icon {
    display: inline-block;
    width: 0.1rem;
    height: 0.2rem;
    margin-left: 0.2rem;
    background: url('../../images/go-car-model.png') no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
    margin-bottom: 0.02rem;
}
.ask-price {
    display: inline-block !important;
    margin-left: 0.1rem;
    color: #d7000f;
    text-decoration: underline;
}
.block-title {
    position: absolute;
    top: 0.9rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: .54rem;
    text-align: center;
    line-height: 1;
    color: #333;
    z-index: 9;
}
.block-title strong {
    position: relative;
    display: block;
    padding-bottom: .2em;
    text-transform: uppercase
}
.config-main-table {
    /* opacity: 0; */
    z-index: 0;
    position: relative;
}
.config-diff-main {
    background: #fff;
    display: inline-block;
    width: 14.8%;
}
/* .block-title strong::after {
    content: '';
    width: .53rem;
    height: 0.07rem;
    background-color: #d7000f;
    position: absolute;
    left: 50%;
    transform: translate(-.26rem, 0);
    bottom: 0rem;
} */
/* 车型图集 */
.l {
    float: left;
}
.r {
    float: right;
}
.car-img-group-main {
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
}
.car-img-item {
    width: 100%;
}
.car-img-item .car-img-title {
    position: relative;
    width: auto;
    height: 0.6rem;
    line-height: 0.6rem;
    box-sizing: border-box;
}
/* .car-img-item .car-img-title::after {
    content: '';
    position: absolute;
    left: 0rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.1rem;
    height: 0.2rem;
    background-color: #d7000f;
} */
.car-img-item .car-img-title h3 {
    padding-left: 0rem;
    box-sizing: border-box;
    font-weight: 300;
    display: inline-block;
}
.car-img-item .car-img-title span {
    color: #999999;
    margin-left: 0.05rem;
}
.config-car-list-bread .screen-pub-btn i {
    font-style: normal;
}
.gallery-pic .section {
    width: 32.9%;
    float: left;
    cursor: pointer;
    /* margin-bottom: 0.3rem; */
}
.gallery-pic .section:nth-child(3n+2) {
    margin: 0 0.6%;
}
.gallery-pic .static-height {
    width: 100%;
    overflow: hidden;
    padding-top: 67%;
    background-color: #fff;
    position: relative;
}
.gallery-pic .static-height a {
    display: block;
}
.gallery-pic .video-static {
    position: relative;
    padding-top: 57%;
}
.gallery-pic .video-static::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 0.75rem;
    height: 0.75rem;
    background: url('../../images/video-icon.png') no-repeat;
    background-size: 100% 100%;
    pointer-events: none;
}
.gallery-pic .video-more::after {
    display: none;
}
/* .gallery-pic .video-static span {
    position: absolute;
    right: 0.2rem;
    bottom: 0.1rem;
    color: #ffffff !important;
} */
.gallery-pic .section img {
    display: block;
    position: absolute;
    left: 50%;
    width: 100%;
    height: auto;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.5s ease;
}
.gallery-pic .section a:hover img{
    transform: translate(-50%,-50%) scale(1.1);
}
.gallery-pic .section a:hover span,
.gallery-pic .section a:hover p,
.car-img-item .gallery-pic .section:hover>p{
    text-decoration: underline;
}
.gallery-pic .static-height:hover a img{
    transform: translate(-50%,-50%) scale(1.1);
}
.gallery-pic .static-height:hover a span,
.gallery-pic .static-height:hover a p{
    text-decoration: underline;
}
.gallery-pic .section p {
    margin-top: 0.13rem;
    margin-bottom: 0.2rem;
    height: 0.51rem;
    text-align: left;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.car-video-list-box .section p {
    margin-top: 0.2rem;
}
.gallery-pic .section span {
    color: #999999;
}
.gallery-pic .section .video-explain {
    text-align: left;
    margin-bottom: 0.18rem;
}
.static-height .other-num {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.6);
    z-index: 2;
}
.gallery-pic {
    margin-top: 0.3rem;
}
.position-box-p {
    color: #333333;
    margin-bottom: 0.25rem;
    font-weight: 700;
}
.fixed-nav-pc {
    position: absolute;
    left: 1%;
    top: 0;
    padding: 0.2rem 0;
    box-sizing: border-box;
    background-color: #f1f1f1;
    z-index: 1300;
    font-size: 0.14rem;
    width: 1.1rem;
    border-radius: 0.16rem;
}
.fixed-nav-pc.fixed {
    position: fixed;
    left: 1%;
    z-index: 1000;
    top: 50%;
    transform: translateY(-40%);
}
.fixed-nav-pc li{
    transition: all .2s;
}
.fixed-nav-pc li:hover {
    background-color: #ac000c;
}
.fixed-nav-pc li:hover a{
    color: #fff;
}
.fixed-nav-pc li.active {
    background-color: #d7000f;
}
.fixed-nav-pc li.active a {
    position: relative;
    color: #ffffff;
}
.fixed-nav-pc li.active a::after {
    content: '';
    position: absolute;
    right: -0.16rem;
    top: 50%;
    transform: translateY(-50%);
    border: 0.08rem solid #d7000f;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
}
.fixed-nav-pc li a {
    display: block;
    color: #444444;
    padding: 0.1rem 0;
    box-sizing: border-box;
    text-align: center;
}
.fixed-nav-title {
    display: none;
    width: 100%;
    height: 0.5rem;
    line-height: 0.5rem;
    background-color: #333333;
    padding-left: 0.2rem;
    box-sizing: border-box;
    margin-top: 0.1rem;
    border-radius: 0.1rem;
}
.fixed-nav-title.active {
    display: block;
}
.fixed-nav-title p {
    color: #ffffff;
}
/* 车型折页 */
.car-fold-list {
    padding-top: 0.5rem;
}
.car-fold-list .img-box {
    display: inline-block;
    width: 45%;
    margin-right: 5%;
}
.car-fold-list li {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}
.car-fold-list li:last-child {
    margin-bottom: 0;
}
.car-fold-list .img-box img {
    width: 100%;
    height: auto;
}
.car-fold-list .right-text-box {
    width: 50%;
}
.car-fold-list .right-text-box h1 {
    position: relative;
    display: inline-block;
    margin-bottom: 0.35rem;
}
.car-fold-list .right-text-box i {
    position: absolute;
    right: -0.4rem;
    top: -0.05rem;
    width: 0.24rem;
    height: 0.39rem;
    background: url('../../images/mb-code.png') no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.car-fold-list .right-text-box .btn-box {
    position: relative;
    width: 100%;
    font-size: 0;
}
.car-fold-list .right-text-box a {
    display: inline-block;
    width: 2.4rem;
    height: 0.5rem;
    text-align: center;
    line-height: 0.45rem;
    background-color: #fff;
    color: #333333;
    border: 0.02rem solid #333333;
    margin-right: 0.15rem;
}
.car-fold-list .right-text-box a:first-child {
    background-color: #333333;
    color: #ffffff;
    
}
.car-fold-list .right-text-box a:hover {
    background-color: #d7000f;
    color: #fff;
    border-color: #d7000f;
}
.car-fold-list .right-h3 {
    position: relative;
}
.car-fold-list .right-h3 h1 {
    position: relative;
}
.right-h3 .code-look-box {
    display: none;
    position: absolute;
    right: -1.5rem;
    bottom: 0;
    width: 1rem;
    height: 1rem;
}
.right-h3 .code-look-box.active {
    display: block;
}
.right-h3 .code-look-box img {
    width: 100%;
    height: 100%;
    border: 1px solid #000000;
}
.config-car-bread-box {
    position: relative;
}
.other-num span {
    color: #ffffff !important;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: .48rem;
}
.dir-box {
    display: inline-block;
    /* padding: 0.05rem 0.065rem; */
    width: 0.25rem;
    height: 0.3rem;
    line-height: 0.3rem;
    border: 1px solid #cccccc;
    cursor: pointer;
    transition: all 0.2s;
    border-radius: 0.04rem;
}
.first-dir, .last-dir {
    color: #cccccc;
    pointer-events: none;
}
.first-dir .iconyou, .last-dir .iconyou {
    color: #cccccc !important;
    pointer-events: none;
}
.contrast-box {
    width: 1rem;
    height: 0.32rem;
    line-height: 0.3rem;
    border: 1px solid #cccccc;
    cursor: pointer;
    transition: all 0.2s;
    border-radius: 0.06rem;
    margin: 0 0.06rem;
}
.contrast-box-pc {
    display: inline-block;
}
.contrast-box-m {
    display: none;
}
.contrast-box.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}
.contrast-box:hover {
    background-color: #ac000c;
    border: 1px solid #ac000c;
    color: #ffffff;
}
.dir-box:hover {
    background-color: #ac000c;
    border: 1px solid #ac000c;
}
.dir-box:hover .iconyou {
    color: #ffffff;
}
.cont-btn-box {
    position: absolute;
    bottom: 0.12rem;
    left: 50%;
    transform: translateX(-50%);
    width: 70%;
}
.cont-btn-box.disabled {
    color: #cccccc;
    pointer-events: auto;
}
.cont-btn-box.disabled .contrast-box:hover {
    color: #cccccc !important;
    border: 1px solid #cccccc !important;
    background-color: transparent;
}
.cont-btn-box.disabled .contrast-box-m {
    background: url(../../images/plus-config-active.png) left 0.04rem no-repeat;
    background-size: 0.2rem 0.2rem;
}
.cont-btn-box .left-btn i {
    display: inline-block;
    font-size: 0.14rem;
    transform: rotate(180deg);
    color: #444444;
    font-weight: 700;
    vertical-align: middle;
    margin-bottom: 0.03rem;
}
.cont-btn-box .right-btn i {
    display: inline-block;
    font-size: 0.14rem;
    color: #444444;
    font-weight: 700;
    vertical-align: middle;
    margin-bottom: 0.03rem;
}
.v-desc {
    padding-top: .25rem;
    color: #ccc;
    line-height: 1.35;
}

.car-config-bread {
    height: auto !important;
}
.sumbit-screen {
    width: 1.8rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    background-color: #333333;
    margin: 0 auto;
    margin-bottom: 1rem;
}
.sumbit-screen a {
    display: block;
    color: #ffffff;
}
.config-screen-list {
    margin-bottom: 0.3rem;
}
/* 相关车型 */
.fold-img-bg {
    padding: 0 0.1rem 0.34rem 0.1rem;
    background: url('../../images/fold-img-bg-pc.png') no-repeat;
    background-size: 100% auto;
}
.fold-img-bg img {
    opacity: 0.9;
}
.car-img-bg {
    padding: 0 0.1rem 0.32rem 0.34rem;
    background: url('../../images/car-img-bg-pc.png') no-repeat;
    background-size: 100% 101%;
}
.img-overall-box {
    display: none;
    position: relative;
    height: 2rem;
    background-image: url();
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.img-overall-box a {
    display: block;
    width: 100%;
    height: 100%;
}
.img-overall-box p {
    position: absolute;
    left: 2.68rem;
    top: 0.52rem;
    font-size: 0.3rem;
    color: #333333;
    font-weight: 700;
}
.img-overall-box img {
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
}
.img-overall-box span {
    position: absolute;
    left: 2.68rem;
    top: 1.1rem;
    width: 2rem;
    height: 0.4rem;
    line-height: 0.4rem;
    background-color: #d7000f;
    border-radius: 0.1rem;
    color: #ffffff;
    text-align: center;
    font-weight: 700;
    font-size: 0.16rem;
    transition: all 0.2s;
}
/* .img-overall-box span:hover {
    background-color: #d7000f;
} */
.img-overall-box span i {
    vertical-align: middle;
    margin-right: 0.17rem;
    font-size: 0.22rem;
}
.img-overall-box.h6-active {
    background: url('../../images/overall-h6.jpg') no-repeat center center;
    background-size: 100% auto;
}
.img-overall-box.f7-active {
    background: url('../../images/overall-f7.jpg') no-repeat center center;
    background-size: 100% auto;
}
.color-group-block {
    display: block;
}
.selected-item {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 0.1rem;
}
.selected-item ul {
    overflow: hidden;
    padding-left: 0.25rem;
}
.selected-item li {
    float: left;
    padding: 0.1rem 0.2rem;
    border-radius: 0.16rem;
    background-color: #f1f1f1;
    margin-right: 0.3rem;
    color: #111;
}
.selected-item li i {
    cursor: pointer;
}
.screen-group {
    display: inline-block;
}
.car-more-title {
    border-bottom: 1px solid #cccccc;
    overflow: hidden;
}
.car-more-title li {
    position: relative;
    float: left;
    padding: 0.2rem 0.5rem;
    font-weight: 700;
    color: #333333;
    cursor: pointer;
}
.car-more-title li:first-child {
    padding-left: .3rem;
    padding-right: .3rem;
    margin-right: .2rem;
}
.car-more-title li.active a {
    color: #d7000f;
}
.car-more-title li.active span {
    color: #d7000f;
}
.car-more-title li.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0.4rem;
    height: 0.04rem;
    background-color: #d7000f;
}
.car-more-title li span {
    color: #999999
}
.selected-close {
    display: inline-block;
    width: 0.12rem;
    height: 0.12rem;
    background: url('../../images/screen_close.png') no-repeat;
    background-size: 100% 100%;
    margin-left: 0.1rem;
    vertical-align: middle;
    margin-bottom: 0.02rem;
}
.car-video-list-box {
    margin-top: 0.1rem;
}
.videoAlert .videoAlert-close {
    background: url(../../images/model-dialog-close.png) no-repeat;
    background-size: 100% 100%;
}
.videoAlert .videoAlert-close::before {
    display: none;
}
@media (max-width: 1640px) {
    .fixed-nav-pc {
        display: none !important;
    }
    .fixed-nav-m {
        display: inline-block !important;
        /* position: relative; */
    }
     .fixed-nav-m .hide-menu {
        display: none;
        position: absolute;
        left: 0;
        top: 0.7rem;
        width: 40%;
        padding: 0.3rem 0;
        box-sizing: border-box;
        background-color: #ffffff;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
        z-index: 99;
    }
    .fixed-nav-m .hide-menu li {
        float: left;
        width: 49%;
        font-size: 0.24rem;
        margin-right: 2%;
        text-align: left;
    }
    .fixed-nav-m .hide-menu li:nth-child(2n) {
        margin-right: 0
    }
    .fixed-nav-m .hide-menu a {
        display: block;
        padding-left: 0.5rem;
        /* padding: 0.12rem 0.22rem; */
        color: #333333;
    }
    .fixed-nav-m li.active a {
        background-color: #333333;
        color: #ffffff;
    }
    .fixed-nav-m .hide-menu.show {
        display: block;
    }
    .fixed-nav-m .nav-btn {
        padding: 0.18rem 0.35rem;
        box-sizing: border-box;
        background-color: #da1825;
        color: #ffffff;
    }
    .fixed-nav-title {
        position: relative;
        width: auto;
        height: 0.5rem;
        line-height: 0.5rem;
        margin: 0.1rem 0;
    }
}
/* 1024px */
@media (max-width: 1024px) {
    .config-car-list li a {
        display: block;
        padding: 0.05rem 0.3rem;
        box-sizing: border-box;
    }
    .config-car-list li {
        margin-right: 0.2rem;
        border: none;
        background-color: #f1f1f1;
    }
    .go-car-model-btn a {
        width: 4rem;
        height: 0.7rem;
        line-height: 0.7rem !important;
    }
    .config-main-title.fixed {
        top: 1rem;
        background: #fff;
        padding-left: 0.3rem;
    }
    .agree-box .kuang_J, .agree-box .kuang {
        width: 0.26rem;
        height: 0.26rem;
    }
    .agree-box .kuang_J {
        transform: translateY(-39%);
    }
    .agree-box {
        padding-left: 0.32rem;
    }
    .agree-box span {
        font-size: 0.22rem;
    }
    .agree-box {
        margin-top: 0.2rem;
    }
    .fixed-nav-m .hide-menu {
        display: none;
        position: absolute;
        left: 0;
        top: 0.7rem;
        width: 100%;
        padding: 0.3rem 0;
        box-sizing: border-box;
        background-color: #ffffff;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
        z-index: 99;
    }
    .fixed-nav-m .hide-menu li {
        float: left;
        width: 49%;
        font-size: 0.24rem;
        margin-right: 2%;
        text-align: left;
    }
    .fixed-nav-m .hide-menu li:nth-child(2n) {
        margin-right: 0
    }
    .fixed-nav-m .hide-menu a {
        display: block;
        padding-left: 0.5rem;
        /* padding: 0.12rem 0.22rem; */
        color: #333333;
    }
    .fixed-nav-m li.active a {
        background-color: #333333;
        color: #ffffff;
    }
    .fixed-nav-m .hide-menu.show {
        display: block;
    }
    .fixed-nav-m .nav-btn {
        padding: 0.18rem 0.35rem;
        box-sizing: border-box;
        background-color: #da1825;
        color: #ffffff;
    }
    .block-title {
        top: 0.5rem;
        font-size: 0.45rem;
    }
     .config-car-list-bread-m {
        position: relative;
        width: 100%;
        padding: 0 0.35rem;
        box-sizing: border-box;
        overflow: hidden;
    }
    .car-list-item-m {
        position: relative;
        padding: 0.4rem;
        box-sizing: border-box;
        background-color: #f1f1f1;
    }
    .screen-list-box .look-more {
        height: 0.5rem;
        bottom: -0.5rem;
    }
    .config-car-list-bread-m label {
        margin-right: 0.25rem;
    }
    .config-car-list-bread-m .screen-m-box {
        display: inline-block;
        width: 88%;
    }
    .config-car-list-bread-m p {
        display: inline-block;
        font-size: 0.24rem;
        color: #777777;
    }
    .config-car-list-bread-m p span {
        display: inline-block;
        width: 0.25rem;
        height: 0.25rem;
        border: 1px solid #cccccc;
        vertical-align: middle;
        margin-bottom: 0.03rem;
        margin-right: 0.1rem;
    }
    .config-car-list-bread-m select {
        width: 88%;
        border: none;
        background-color: transparent;
        font-size: 0.24rem;
        color: #777777;
    }
    .car-list-item-m::before {
        content: '';
        position: absolute;
        right: 0.4rem;
        top: 50%;
        transform: translateY(-50%);
        width: 0.32rem;
        height: 0.18rem;
        background: url('../../images/select-down-icon.png') no-repeat;
        background-size: 100% 100%;
    }
    /* .config-car-list-bread-m .car-list-item-m:last-child {
        border-bottom: none !important;
    } */
    .config-title-swiper .cont-box p {
        font-size: 0.24rem;
        margin-left: 0.2rem;
    }
    .label-weight {
        position: absolute;
        left: 0.2rem;
        top: 50%;
        transform: translateY(-50%);
        /* position: relative; */
        font-weight: 700;
    }
    .contrast-box {
        padding: 0;
        border: none;
        height: auto;
        padding-left: 0.2rem;
        background: url('../../images/plus-config.png') left 0.04rem no-repeat;
        background-size: 0.2rem 0.2rem;
    }
    .contrast-box-m {
        display: inline-block;
    }
    .contrast-box-pc {
        display: none;
    }
    .dir-box {
        padding: 0 0.15rem;
        border: none;
        display: none;
    }
    .config-title-swiper .swiper-slide .cont-box {
        width: 92%;
        top: 0.4rem;
        font-weight: 400;
    }
    /* 弹层 */
    .mb-screen-dialog {
        display: none !important;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #ffffff;
        padding: 0 0.25rem;
        z-index: 9999;
    }
    .mb-screen-dialog.show {
        display: block !important;
    }
    .mb-screen-dialog .screen-dialog-title h4 {
        font-size: 0.4rem;
        font-weight: 700;
        color: #000000;
        text-align: center;
        padding: 0.3rem 0;
    }
    .mb-screen-dialog .w100-cont li {
        width: 100%
    }
    .dir-box:hover {
        color: #333333;
        background-color: #ffffff;
    }
    .mb-screen-dialog .w50-cont li {
        float: left;
        width: 48%;
        margin: 0 1%;
        margin-bottom: 0.2rem;
    }
    .mb-screen-dialog li a {
        display: inline-block;
        padding: 0.16rem 0.28rem;
        background-color: #f1f1f1;
        border: 1px solid #e9e9e9;
        border-radius: 0.23rem;
        margin-right: 0.2rem;
        margin-bottom: 0.2rem;
    }
    .mb-screen-dialog li span {
        display: inline-block;
        width: 0.25rem;
        height: 0.25rem;
        border: 1px solid #ffffff;
        border-radius: 0.06rem;
        vertical-align: middle;
        margin-bottom: 0.04rem;
    }
    .mb-screen-dialog li .show_color {
        margin-right: 0.1rem
    }
    .mb-screen-dialog li i {
        font-style: normal;
    }
    .config-screen-tit li {
        padding: 0.35rem 0.57rem;
    }
    .mb-screen-dialog li.disabled {
        pointer-events: none;
    }
    .mb-screen-dialog li.disabled a {
        color: #999999;
    }
    .mb-screen-dialog li a.active {
        position: relative;
        border-color: #d7000f;
        background-color: #ffffff;
    }
    .mb-screen-dialog li a.active::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: .3rem;
        height: .31rem;
        border-color: #d7000f;
        background: url('../../images/srceen-active.png') no-repeat;
        background-size: 100% auto;
    }
    .mb-screen-dialog li a.disabled {
        pointer-events: none;
        color: #cccccc;
        text-decoration:line-through;
    }
    .screen-close {
        position: absolute;
        left: 0.31rem;
        top: 0.45rem;
        width: .27rem;
        height: .27rem;
        background: url('../../images/img_dialog_close.png') no-repeat;
        background-size: 100% 100%;
    }
    .car-fold-list .right-text-box i {
        display: none;
    }
    .car-fold-list {
        border-top: 1px solid #cccccc;
    }
    .diff-box-item {
        display: inline-block;
        padding-top: 0.55rem;
        background: url(../../images/diff-bg.png) top center no-repeat;
        background-size: 0.8rem 0.4rem;
        text-align: center;
    }
    .position-box-p {
        font-size: 0.24rem;
        margin-bottom: 0.3rem;
    }
    .diff-box-item.on {
        background: url(../../images/diff-bg-active.png) top center no-repeat;
        background-size: 0.8rem 0.4rem;
    }
    .diff-box-m {
        padding-top: 0.3rem;
        padding-bottom: 0.2rem;
    }
    .config-remark.active-h {
        margin-top: 2.5rem;
    }
    .diff-box-m .diff-box-item:nth-child(2) {
        margin-left: 0.2rem;
    }
    .config-main-details .c-d-title li {
        height: 55px;
        padding: 0 0.2rem;
    }
    .config-main-details .c-d-data li {
        height: 55px;
    }
    .config-main-details .c-d-title li.h-active1 {
        height: 90px;
    }
    .config-main-details .c-d-data li.h-active1 {
        height: 90px;
    }
    .config-main-details .c-d-title li.h-active2 {
        height: 110px;
    }
    .config-main-details .c-d-data li.h-active2 {
        height: 110px;
    }
    .config-main-details .c-d-title li.h-active3 {
        height: 430px;
    }
    .config-main-details .c-d-data li.h-active3 {
        height: 430px;
    }
    .remark-cont {
        padding: 0 0.3rem;
        background-color: #f0f1f2;
        padding-top: 0.5rem;
        margin-top: 0;
    }
    .img-overall-box span {
        left: 2.7rem;
        top: 1.3rem;
        font-size: 0.2rem;
        width: 2.4rem;
    }
    .img-overall-box {
        height: 2.1rem;
    }
}
@media (max-width: 767px) {
    /* config-nav */
    .car-more-title li {
        padding-left: .1rem;
        padding-right: .1rem;
    }
    .car-more-title li:first-child {
        padding-left: .2rem;
        padding-right: .2rem;
        margin-right: 0;
    }
    .config-nav-m {
        border-bottom: 1px solid #cccccc;
    }
    .config-nav-m .swiper-slide {
        width: auto;
        padding: 0 0.3rem;
        box-sizing: border-box;
        text-align: center;
    }
    .config-nav-m .container {
        top: 0;
        height: .8rem;
        width: .8rem;
        float: right;
        position: absolute;
        right: 0;
        margin-top: 0;
    }
    .config-nav-m .container .btn-right {
        float: right;
        width: .66rem;
        height: .8rem;
        background: url(../../images/download/btn-right.png) no-repeat center center;
        background-size: 100% 100%;
        position: absolute;
        right: 0;
    }
    .config-nav-m {
        position: relative;
        width: 100%;
        height: .8rem;
        background: #ffffff;
        /* overflow: hidden; */
    }
    .banner-scroll {
        width: 6.95rem;
        overflow-x: scroll;
        height: .8rem;
        position: relative;
    }
    .config-nav-m ul {
        height: .8rem;
        width: 100%;
        margin-left: 0;
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        box-sizing: border-box;
        padding-left: .15rem;
    }
    .config-nav-m ul li {
        height: .8rem;
        line-height: .8rem;
        float: left;
        padding-left: 0;
        padding-right: .2rem;
    }
    .config-nav-m li a {
        width: 100%;
        display: block;
        color: #3f3f3f;
        text-align: center;
        font-weight: normal;
        font-size: .26rem;
        white-space: nowrap;
        height: .8rem;
        position: relative;
        padding-left: .2rem;
        padding-right: .2rem;
    }
    .config-nav-m li.active a:after {
        content: "";
        width: 100%;
        position: absolute;
        height: 2px;
        background: #3daeae;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .config-nav-m .swiper-slide span {
        position: absolute;
        left: 50%;
        bottom: -0.035rem;
        transform: translateX(-50%);
        width: 0.6rem;
        height: 0.08rem;
        background-color: #d7000f;
    }
    .car-config-next, .remark-next {
        width: 1.15rem !important;
        height: 100% !important;
        top: 0 !important;
        margin-top: 0 !important;
        background: url('../../images/next_icon.png') no-repeat !important;
        background-size: 100% 100% !important;
        right: 0 !important;
    }
    .config-nav-m .swiper-slide a {
        position: relative;
        display: block;
        padding: 0.25rem 0;
        box-sizing: border-box;
        font-weight: 700;
    }
    .car-config-next.swiper-button-disabled, .remark-next.swiper-button-disabled {
        display: none;
    }
    .swiper-button-next::after {
        display: none;
    }
    /* config-nav 结束 */
    .config-car-list ul {
        padding: 0 0.35rem;
        box-sizing: border-box;
    }
    .config-car-list li {
        width: 31%;
        height: 0.6rem;
        line-height: 0.6rem;
        margin-right: 0.1rem;
        text-align: center;
        border-radius: 0.2rem;
    }
    .config-car-list li:nth-of-type(1){
        /* width: 65%; */
    }
    .config-car-list li:nth-of-type(5),.config-car-list li:nth-of-type(8),.config-car-list li:nth-of-type(11){
        /* margin-right: 0 */
    }
    /* .config-car-list li:nth-child(3n) {
        margin-right: 0;
    } */
    .config-car-list li a {
        padding: 0;
    }
    select {
        /*重置Chrome和Firefox的select边框样式*/
        border: 1px solid #000;
        /*清除默认的select选择框样式*/
        appearance:none;
        -moz-appearance:none;
        -webkit-appearance:none;
    }
    /*清除IE的默认选择框样式，隐藏下拉箭头*/
    select::-ms-expand { 
        display: none; 
    }
    .config-car-list-bread-m {
        position: relative;
        width: 100%;
        padding: 0 0.35rem;
        box-sizing: border-box;
        overflow: hidden;
    }
    .car-list-item-m {
        position: relative;
        padding: 0.2rem 0.2rem;
        padding-left: 1.2rem;
        box-sizing: border-box;
        border-radius: 0.2rem;
        border: 1px solid #e9e9e9;
    }
    .screen-list-box .look-more {
        height: 0.5rem;
        bottom: -0.5rem;
    }
    .config-car-list-bread-m label {
        margin-right: 0.25rem;
    }
    .config-car-list-bread-m select {
        width: 88%;
        border: none;
        background-color: transparent;
        font-size: 0.24rem;
        color: #777777;
    }
    .car-list-item-m::before {
        content: '';
        position: absolute;
        right: 0.2rem;
        top: 50%;
        transform: translateY(-50%);
        width: 0.12rem;
        height: 0.24rem;
        background: url('../../images/down-icon.png') no-repeat;
        background-size: 100% auto;
    }
    /* .car-other-list {
        overflow: hidden;
    } */
    .go-car-model-btn a {
        width: auto;
        height: 0.7rem;
        margin: 0 0.5rem;
        line-height: 0.7rem !important;
        font-size: 0.24rem;
    }
    .config-main-table, .config-main-title {
        /* opacity: 0; */
        padding: 0 0.3rem;
        box-sizing: border-box;
    }
    .config-main-title {
        padding-right: 0;
    }
    .config-remark-details {
        margin-left: 2.5%;
        padding: 0 0.3rem;
    }
    .config-note  {
        padding-top: 0;
    }
    .remark-title {
        border: none;
    }
    .config-main-details .c-d-data li {
        width: 0.48%;
        height: 55px;
    }
    .config-main-details .c-d-data li.h-active1 {
        height: 90px;
    }
    .config-main-details .c-d-data li.h-active2 {
        height: 110px;
    }
    .config-main-details .c-d-data li.h-active3 {
        height: 430px;
    }
    .config-diff-box {
        width: 100%;
        height: 1.75rem;
    }
    .config-title-swiper {
        width: 75%;
        padding-right: 0.26rem;
    }
    .config-main-details .c-d-title {
        width: 25%;
        border-top: none;
        border-bottom: none;
    }
    .config-main-details .c-d-data {
        width: 75%;
        border-right: none;
        border-bottom: none;
        border-top: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    /* .config-car-list-bread-m .car-list-item-m:last-child {
        border-bottom: none !important;
    } */
    /* 车型图集 */
    .car-img-group-main {
        padding: 0 0.35rem;
        box-sizing: border-box;
    }
    .gallery-pic .section {
        width: 50%;
    }
    .select-nav-m {
        display: inline-block !important;
        width: 10%;
    }
    .fixed-nav-m .hide-menu {
        display: none;
        position: absolute;
        left: 0;
        top: 0.7rem;
        width: 100%;
        padding: 0.3rem 0;
        box-sizing: border-box;
        background-color: #ffffff;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
        z-index: 99;
    }
    .fixed-nav-m .hide-menu li {
        float: left;
        width: 49%;
        font-size: 0.24rem;
        margin-right: 2%
    }
    .fixed-nav-m .hide-menu li:nth-child(2n) {
        margin-right: 0
    }
    .fixed-nav-m .hide-menu a {
        display: block;
        padding-left: 0.5rem;
        /* padding: 0.12rem 0.22rem; */
        color: #333333;
    }
    .fixed-nav-m li.active a {
        background-color: #333333;
        color: #ffffff;
    }
    .fixed-nav-m .hide-menu.show {
        display: block;
    }
    .fixed-nav-m .nav-btn {
        padding: 0.18rem 0.35rem;
        box-sizing: border-box;
        background-color: #da1825;
        color: #ffffff;
    }
    /* 车型折页 */
    .car-fold-list li {
        display: block;
        padding: 0 0.3rem;
        box-sizing: border-box;
    }
    .car-fold-list .img-box {
        width: 100%;
        margin-right: 0;
    }
    /* .car-fold-list .right-text-box h1 i {
        display: none;
    } */
    .car-fold-list .right-text-box {
        width: 100%;
    }
    .car-fold-list .right-text-box h1 {
        margin: 0.5rem 0;
        font-weight: 700;
    }
    .car-fold-list .right-text-box a {
        width: 45%;
        height: 0.7rem;
        line-height: 0.7rem;
        background-color: #333333;
        color: #ffffff;
        margin: 0 2.5%;
        border: none;
    }
    .config-car-list {
        border: none;

    }
    .config-main-title.fixed {
        top: 1rem;
    }
    .agree-box span {
        font-size: 0.22rem;
    }
    .agree-box .kuang_J, .agree-box .kuang {
        width: 0.26rem;
        height: 0.26rem;
    }
    .agree-box .kuang_J {
        transform: translateY(-39%);
    }
    .agree-box {
        padding-left: 0.32rem;
    }
    .screen-list-box .look-more .down-icon {
        font-size: 0.24rem;
    }
    /* 弹层 */
    .mb-screen-dialog {
        display: none !important;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #ffffff;
        padding: 0 0.25rem;
        z-index: 9999;
    }
    .mb-screen-dialog.show {
        display: block !important;
    }
    .mb-screen-dialog .screen-dialog-title h4 {
        font-size: 0.4rem;
        font-weight: 700;
        color: #000000;
        text-align: center;
        padding: 0.3rem 0;
    }
    .mb-screen-dialog .w100-cont li {
        width: 100%
    }
    .mb-screen-dialog .w50-cont li {
        float: left;
        width: 48%;
        margin: 0 1%;
        margin-bottom: 0.2rem;
    }
    .mb-screen-dialog li a {
        display: inline-block;
        padding: 0.16rem 0.28rem;
        background-color: #f1f1f1;
        border: 1px solid #e9e9e9;
        border-radius: 0.23rem;
    }
    .screen-close {
        position: absolute;
        left: 0.31rem;
        top: 0.45rem;
        font-size: 0.4rem;
    }
    .contrast-box {
        font-size: 0.24rem;
    }
    .car-config-bread-m .screen-m-box {
        position: relative;
        display: inline-block;
        width: 90%;
    }
    .car-config-bread-m .screen-m-box::after, .car-config-bread-m .screen-m-box::before {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 0.01rem;
        height: 110%;
        background-color: #cccccc;
    }
    .car-config-bread-m .screen-m-box::before {
        right: auto;
        left: -0.15rem;
    }
    .car-config-bread-m p {
        position: relative;
        padding-right: 0.2rem;        
    }
    .car-config-bread-m p::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0.05rem;
        transform: translateY(-50%);
        width: 0.02rem;
        height: 0.12rem;
        background-color: #777777;
    }
    .car-config-bread-m p:last-child::after {
        display: none;
    }
    .screen-title {
        margin: 0.3rem 0;
        margin-left: 1%;
    }
    .sumbit-screen-m {
        position: absolute;
        bottom: 0.5rem;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        height: 0.7rem;
        line-height: 0.7rem;
        text-align: center;
    }
    .sumbit-screen-m a {
        display: inline-block;
        color: #333333;
        z-index: 9;
        width: 3.38rem;
        border: 1px solid #cccccc;
        border-radius: 0.2rem;
    }
    .sumbit-screen-m a:nth-child(1) {
        font-weight: 700;
    }
    .sumbit-screen-m a:nth-child(2) {
        color: #ffffff;
        background-color: #d7000f;
        border-color: #d7000f;
        font-weight: 700;
    }
    .screen-dialog-cont ul {
        overflow: hidden;
    }
    .screen-dialog-cont li {
        margin-bottom: 0;
    }
    .screen-dialog-cont {
        height: 80%;
        overflow-y: auto;
        margin-bottom: 1rem;
    }
    .screen-dialog-cont p {
        color: #333333;
        margin-bottom: 0.3rem;
        margin-left: 0.08rem;
        margin-top: 0.4rem;
    }
    .v-detail-info .v-desc {
        padding-top: .4rem;
        line-height: 1.6;
    }
    .gallery-pic .section p {
        height: 0.8rem;
    }
    .car-fold-list .right-text-box h1 {
        margin-left: 2.5%;
    }
    .diff-box-m {
        padding: 0.2rem 0.3rem;
    }
    .config-title-swiper .cont-box p {
        margin-left: 0;
        text-align: left !important;
    }
    .fixed-nav-title {
        position: relative;
        width: auto;
        height: 0.7rem;
        line-height: 0.7rem;
        margin: 0.1rem 0;
        margin-right: 0.22rem;
    }
    .overall-img.mb-only {
        display: block !important;
    }
    .img-overall-box.h6-active {
        background: url('../../images/overall-h6-m.jpg') no-repeat center center;
        background-size: 100% auto;
    }
    .img-overall-box.f7-active {
        background: url('../../images/overall-f7-m.jpg') no-repeat center center;
        background-size: 100% auto;
    }
    .img-overall-box span {
        width: 2.4rem;
        height: 0.5rem;
        line-height: 0.5rem;
        left: 0.95rem;
        top: 1.13rem;
        border-radius: 0.16rem;
    }
    .img-overall-box {
        height: 2.2rem;
    }
    .remark-title-desc {
        padding: 0 0.3rem;
        padding-top: 0.5rem;
    }
    .car-img-item .car-img-title h3 {
        padding-left: 0.1rem;
    }
    .car-img-item .car-img-title {
        padding-left: 0;
    }
    .car-img-item .car-img-title::after {
        width: 0.05rem;
        height: 0.3rem;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .gallery-pic {
        margin-top: 0.3rem;
    }
    .gallery-pic .section {
        width: 49%;
        margin-right: 2% !important;
    }
    .gallery-pic .section:nth-child(3n+2) {
        margin: 0;
    }
    .gallery-pic .section:nth-child(2n) {
        margin-right: 0 !important;
    }
    .gallery-pic .section {
        margin-bottom: 0.2rem;
    }
    .config-car-list li:nth-child(7n) {
        margin-right: 0.1rem;
    }
    .config-diff-main {
        background: #fff;
        width: 24.4%;
    }
    .config-diff-prize {
        height: 0.68rem;
        line-height: 0.68rem;
        padding-left: 0;
        text-align: center;
        margin-top: 0.1rem;
    }
    .car-slide-top {
        height: 1.75rem;
    }
    .car-slide-bottom {
        padding-left: 0;
        text-align: center;
        height: 0.68rem;
        line-height: 0.68rem;
    }
    .ask-price-bottom {
        font-size: 0.24rem;
        margin-left: 0.25rem;
    }
    .config-diff-prize p {
        font-size: 0.24rem;
    }
    .cont-box-name, .config-title-swiper .cont-box-prize {
        font-size: 0.24rem;
    }
    .config-main-item .config-main-head {
        height: 0.7rem;
        line-height: 0.7rem;
        width: auto;
        margin-right: 0.22rem;
    }
    .config-head-name, .fixed-nav-text {
        font-size: 0.26rem;
    }
    .config-remark {
        font-size: 0.24rem;
    }
    .config-title-swiper .swiper-slide .del-car-btn {
        top: 0.07rem;
    }
    .car-config-close {
        width: .25rem;
        height: .25rem;
    }
    .config-diff-box .position-box {
        top: 54%;
        left: 53%;
        transform: translate(-50%, -50%);
    }
    .config-video-btn {
        width: 0.3rem;
        height: 0.3rem;
        margin-bottom: 0.05rem;
    }
    .img-overall-box img {
        width: 50%;
        right: 0;
    }
    .img-overall-box p {
        left: 0.18rem;
        top: 0.55rem;
        font-size: 0.26rem;
        color: #333333;
    }
    .img-overall-box span i {
        font-size: 0.24rem;
    }
    .config-remark .config-remark-icon {
        font-size: 0.4rem;
    }
    .cus-icon {
        font-size: 0.3rem;
    }
    .fixed-height.active-h {
        height: 0.4rem;
    }
    .config-title-swiper .swiper-slide {
        width: 47%;
    }
    .remark-title-line li.active::after, .remark-nav-m .swiper-slide.active::after {
        bottom: 0.01rem;
    }
    .remark-nav-m {
        border: none;
    }
    .config-main-table {
        z-index: 0;
        padding-right: 0;
    }
    .config-main-details .c-d-data ul:hover {
        background-color: #ffffff;
    }
}


/* 侧边栏显示隐藏 */
.bar_main_page_show,.bar_car_model_page,.bar_news_page_show{
  display: none;
}
.bar_car_center_page{
  display: block;
}
.bar_main_page_mb,.bar_car_page_mb,.bar_news_page_mb{
  display: none;
}
.bar_car_center_page_mb{
  display: block;
}