
.smart-car-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.img-title {
    width: 100%;
}
.smart-car-item-image {
    width: 100%;
}
.smart-car-main {
    padding: 0 24px;
    display: flex;
    flex-direction: column;
}
.same-margin-bottom {
    margin-bottom: 40px;
}
.what-jovi {
    border-left: 6px solid #68A8E7;
    padding: 0 8px;
}
.smart-car-item-title-small {
    font-family: HanyiVar-vivo_55;
    font-size: 12px;
    color: #AAAAAA;
    letter-spacing: 0;
    line-height: 14px;
    margin: 0 0 4px;
    font-weight: 500;
}
.smart-car-item-title-text {
    font-family: HanyiVar-vivo_70X3;
    font-size: 20px;
    color: #000000;
    line-height: 24px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
}
.smart-car-item-text {
    font-family: HanyiVar-vivo_55;
    font-size: 14px;
    color: #787878;
    line-height: 20px;
    font-weight: 500;
    margin: 18px 0 16px;
}
.what-jovi-text {
    margin: 16px 0 16px;
}
.smart-car-item-title-index {
    font-family: HanyiVar-vivo_70;
    font-size: 24px;
    color: #68A8E7;
    letter-spacing: 0;
    font-weight: 700;
}
.smart-car-bottom-item {
    font-family: HanyiVar-vivo_55;
    font-size: 14px;
    color: #787878;
    line-height: 20px;
    font-weight: 500;
    padding: 24px;
    background: #F3F3F3;
    border-radius: 0.12rem;
}
.smart-operate {
    height: 30px;
    width: calc(100% - 32px);
    padding: 13px 16px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    background: #F7F9FE;
    border-bottom-left-radius: 0.12rem;
    border-bottom-right-radius: 0.12rem;
}
/* @media screen and (min-width: 600px) {
    .smart-operate {
        padding: ;
    }
} */
.image-text {
    line-height: 30px;
    height: 30px;
    font-family: HanyiVar-vivo_55;
    font-size: 16px;
    color: #000000;
    font-weight: 500;
}
.image-btn {
    font-family: HanyiVar-vivo_65;
    font-size: 12px;
    line-height: 30px;
    height: 30px;
    color: #FFFFFF;
    font-weight: 600;
    background: #68A8E7;
    border-radius: 15px;
    border: none;
    padding: 0 16px;
}
a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;word-wrap:break-word}input{white-space:nowrap}input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #fff inset}*{background-repeat:no-repeat;-webkit-tap-highlight-color:rgba(0,0,0,0)}ul,li,ol{list-style:none}img{border:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body{width:100%}a{text-decoration:none;border:none;outline:none;tap-highlight-color:rgba(0,0,0,0);focus-ring-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-focus-ring-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0);-moz-focus-ring-color:rgba(0,0,0,0)}a:visited{color:inherit}input,button{outline:none}body{min-height:100%;background:#ffffff;font-size:.16rem}
