.smart_vechile {
    background-color: #fff;
    position: relative;
}
.smart_vechile  #carouselExampleCaptions_smart{
    height: 120rem;
    /*background-image: url('../images/smart/feature-bj.png');*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: calc(100%); /* 12.7rem × 2 */
}


.smart_vechile .carousel-indicators [data-bs-target] {
    width: 25.4rem;
    height: 0.8rem;
    background-color: #cdcac9;
}
.smart_vechile .carousel-indicators .active{
    background-color: #F32735 !important;
}
.smart_vechile .carousel-indicators-span .active{
    color: #F32735;
    background-color: transparent !important;
}
.smart_vechile .carousel-indicators-span span{
    width: 25.4rem;
    text-align: center;
    text-align: center;
    font-family: AlimamaAgileVF, AlimamaAgileVF;
    font-weight: 400;
    font-size: 2.87rem;
    color: #cdcac9;
    line-height: 2.76rem;
    font-style: normal;
    text-transform: none;
    padding-bottom: 1.1rem;


}


.smart_vechile .carousel-inner,.smart_vechile .carousel-item{
    height: 100%;
}
.smart_vechile .carousel-indicators-span{
    bottom: 2rem;
}
.smart_vechile .carousel-control-next-icon, .smart_vechile .carousel-control-prev-icon{
    width: 7.2rem;
    height: 7.2rem;
}
.smart_vechile .carousel-control-prev-icon{
    background: none;
}

.smart_vechile #carouselExampleCaptions_smart .carousel-item .car{
    position: absolute;
    width: 95.7rem;
    /*height: 79.5rem;*/
    left: 53.2rem;
    top: 12.9rem;
}

.smart_vechile #carouselExampleCaptions_smart .carousel-item .title{

    font-family: '452';
    font-weight: normal;
    font-size: 7rem;
    color: #000000;
    text-align: left;
    font-style: normal;
    text-transform: none;
    left: 19.4rem;
    top: 17.4rem;
    position: absolute;
    line-height: 1;
}
.smart_vechile #carouselExampleCaptions_smart .carousel-item .car_content{
    width: 100%;

}
.smart_vechile #carouselExampleCaptions_smart .carousel-item .carname{
    font-family: '452';
    font-weight: normal;
    text-align: left;
    font-style: normal;
    text-transform: none;
    position: absolute;
    top:97rem;
    left: 26.1rem;
    line-height: 1;
    max-width: 89rem;

    font-size: 8.4rem;
    color: #000000;


}

.smart_vechile #carouselExampleCaptions_smart .carousel-item .cardes{
    font-family: 'bahnschrift';
    text-align: left;
    font-style: normal;
    position: absolute;
    top: 97rem;
    left: 128.6rem;

    height: 6rem;
    font-family: SourceSansRoman, SourceSansRoman;
    font-size: 2.93rem;
    color: #231815;
    line-height: 3.96rem;


}

.smart_vechile .feature_title{
    font-family: '452';
    font-weight: normal;
    font-size: 7rem;
    color: #000000;
    text-align: center;
    font-style: normal;
    text-transform: none;
    display: block;
    line-height: 1;
}
/*.feature_main{*/
/*    padding-top: 11.9rem;*/
/*    padding-bottom: 11.8rem;*/
/*    background:*/
/*            linear-gradient(to top, #fff, #ececec 50%),       !* 上层渐变 *!*/
/*            linear-gradient(to top, #f4f4f4, #fff),           !* 中层渐变 *!*/
/*            url(../images/smart/feature-bj.png);        !* 底层图片 *!*/


/*    !*background:  linear-gradient(to top, #fff, #ececec 50%),  linear-gradient(to top, #f4f4f4, #fff);*!*/
/*    background-size: 100% 48%, 100% 100%;*/
/*    background-position: bottom, top;*/
/*    background-repeat: no-repeat;*/
/*}*/


.smart_vechile .feature_main {
    padding-top: 11.9rem;
    padding-bottom: 2.8rem;
    z-index: 1;
    background-image: url(../../images/smart/car-feature.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;


}





.smart_vechile .carousel-control-next, .smart_vechile .carousel-control-prev{
    opacity: 1;
    top: -30rem;
}

.smart_vechile .carousel-control-prev {
    left: 17rem;
}
.smart_vechile .carousel-control-next {
    right: 17rem;
}
.smart_vechile .a5{
    width: 2.9rem;
    height: 2.9rem;
    margin-left: 2rem;
}
@media only screen and (max-width: 767px) {
    .smart_vechile .feature_title {
        font-size: 16rem;
        line-height: 1.2;
    }
    .smart_vechile .tab-content-vechile-content{
        margin-top: 10rem;
        height: auto;
        flex-direction: column;
    }
    .smart_vechile #carouselExampleCaptions_smart{
        height: 184rem;
    }

    .smart_vechile #carouselExampleCaptions_smart .carousel-item .car{
        width: 174.7rem;
        height: auto;
        left: 41.2rem;
        top: 9.9rem;
    }
    .smart_vechile #carouselExampleCaptions_smart .carousel-item .carname{
        top: 147rem;
    }
    .smart_vechile #carouselExampleCaptions_smart .carousel-item .cardes{
        top: 144rem;
        left: 128.6rem;
        line-height: 6.96rem;
        height: 6rem;
        font-size: 6rem;
    }
    .smart_vechile .carousel-control-next-icon, .smart_vechile .carousel-control-prev-icon {
        width: 13.2rem;
        height: 13.2rem;
    }
    .smart_vechile .carousel-control-next {
        right: 7rem;
    }
    .smart_vechile .carousel-control-prev {
        left: 8rem;
    }
    .smart_vechile .a5 {
        width: 8.9rem;
        height: 8.9rem;
        margin-left: 3rem;
    }
}