.nav-tool-mask {
    display: none;
}
/*右侧小导航start*/
/*————————————————右侧悬浮按钮区域————————————————*/
.online{
    position:fixed; 
    width: 50px;
    right:0px;
    bottom: .5rem;
    z-index:200;
}
.onlineMoreBox {
    width: 3.3rem;
    height: 50px;
    position: absolute;
    right: -3.3rem;
    top: 0;
    transition:all 0.2s ease-in 0s; 
    -webkit-transition:all 0.2s ease-in 0s;
}
.onlinewx:hover .onlineMoreBox{
    right: 0;
}
.list-unstyled-pc, .list-unstyled-mb {
    display: none;
}
.onlinelist{ 
    color:#FFFFFF; 
    margin:0;
}
.onlinelist li{ 
    position:relative;
    background:rgba(0,0,0,0.9);
    cursor:pointer; 
    white-space:nowrap;
    margin-bottom:1px;
    clear:both;
}
.onlinelist li:last-child{
    margin-bottom:0;
} 
.onlinelist li a{ 
    color:#FFFFFF; 
}
.onlinelist li i{
    display:block;
    color:#555;
    font-size:24px;
}
.onlinelist li .icon-arrow{
    font-size:28px;
}
.onlinelist li:hover .icon-main{
    color:#fff;
}
.onlineico{ 
    text-align:center; 
    position:relative; 
    z-index:1;
}
.onlineico a {
    width: 100%;
    display: block;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60%;
}
.onlinewx .onlineico a {
    height: 50px;
    background-position: center 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    line-height: 1.1;
}
.jm .onlineico a {
    /* padding-top: 35px; */
    height: 80px;
    background-position: center 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    line-height: 1.1;
}
.jm .onlineico a span, .onlinewx a span {
    display: block;
    text-align: center;
}
.jm .onlineico .icon {
    line-height: 30px;
}
.jm .onlineico .icontocarpage {
    line-height: 24px;
}
.jm .onlinewximg {
    height: 80px;
    line-height: 1.5;
    display: flex;
    justify-content: center;
    align-items: center;
}
.onlinewximg .icon{
    font-size: .4rem;
}
.onlinewximg{ 
    display: none;
    position:absolute; 
    right:0;
    top:0;
    /* width: 2.4rem; */
    padding: 0 0.24rem;
    background:rgba(0,0,0,0.9);
    height: 40px;
    font-size: .14rem;
    text-align: center;
    line-height: 40px;
    transform:translateX(0); 
    -webkit-transform:translateX(0); 
    transition:all 0.3s ease-in 0s; 
    -webkit-transition:all 0.3s ease-in 0s;
    opacity:0; 
    visibility:hidden;
}
.onlinemore {
    display: block;
    height: 50px;
}
.onlinewx:hover .onlinemore{ 
    opacity:1; 
    transform:translateX(-50px); 
    -webkit-transform:translateX(-50px); 
    visibility:visible;
}
.onlinewximg a{
    font-size:14px; 
    color:#fff; 
} 
/* .onlinewx:hover .onlinewximg{ 
    opacity:1; 
    transform:translateX(-40px); 
    -webkit-transform:translateX(-40px); 
    visibility:visible;
} */
.onlineshare a {
    background-position: center 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    line-height: 1.1;
    margin: 0 0.07rem;
}
.product-show-list .item-three .ad-insurances{
    margin-top:42px;
}
.onlineshare {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.share-weibo, .share-weixin {
    height: 100%;
    margin: 0 3px;
}
.onlineshare .share-weibo{
    background-size: .28rem;
}
.onlineshare .share-weixin{
    background-size: .28rem;
}
/*右侧小导航end*/
/* 头部导航二期改版 start */
.header_nav{
    float: none;
    width: 75%;
}
.header_nav ul{
    display: flex;
    justify-content: space-between;
}
.header_nav li.more{
    margin: 0;
}
.header_nav ul>object{
    min-width: 2rem;
    /* max-width: 2.75rem; */
    display: flex;
    justify-content: space-between;
    padding-right: .2rem;
}
.header_nav ul li{
    margin: 0 0;
}
.header_nav ul>li{
   width: 100%;
   height: 100%;
}
.logo-r{
    position: absolute;
    right: .48rem;
    top: 0;
    width: 1.42rem;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.logo-r img{
    width: 100%;
    flex-shrink: 0;
}
.carBox{
    color: #333;
}
.carBox .nav-car-item{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.carBox .flex-rt-box{
    display: flex !important;
    flex-wrap: wrap!important;
    width: 23.7% !important;
    border: 1px solid #ccc!important;
    border-radius: .04rem;
    background: url(../../images/car-boxbg.png) repeat-y;
    background-size: 100% auto;
    margin-right: .3rem;
    margin-bottom: .3rem;
    min-height: 1.28rem;
    /* transition: all 0.5s linear; */
    transition: all 0.2s cubic-bezier(0.46, 0.03, 0.52, 0.96);
    padding-left: .3rem;
    line-height: 1;
    position: relative;
}
.carBox.models_box .col2{
    position: absolute;
    left: .3rem;
    top: 50%;
    z-index: 2;
    width: 100%;
    transform: translate(0,-50%);
}
.carBox.models_box section{
    padding: 0 .35rem !important;
}
.carBox .flex-rt-box a{
    color: #333;
}
.carBox .flex-rt-box .qs{
    font-size: .14rem;
    text-decoration: underline;
    color: #d7000f;
}
.header_nav .carBox .flex-rt-box .qs:hover{
    color: #ac000c;
}
.header_nav .carBox .flex-rt-box {
    /* transform: scale(1) translate3d(0, 0, 0); */
    transform: scale(1);
}
.header_nav .carBox .flex-rt-box:hover{
    /* transform: scale(1.05) translate3d(0, 0, 0); */
    transform: scale(1.05);
    color: #333;
}
/* .header_nav .carBox .flex-rt-box:hover a i {
    
} */
.carBox  .flex-rt-box:nth-of-type(4n){
    margin-right: 0;
}
.carBox .flex-rt-box .icon1,
.carBox .flex-rt-box .icon2,
.carBox .flex-rt-box .icon3{
    position: absolute;
    top: -1px;
    right: -1px;
    height: .22rem;
    z-index: 3;
}
.carBox .flex-rt-box .icon1{
    background: url(../../images/login/pc-icon-new.png) right center no-repeat;
    background-size: .53rem auto;
    padding-right: .53rem !important;
}
.carBox .flex-rt-box .icon2{
    background: url(../../images/login/pc-icon-hot.png) right center no-repeat;
    background-size: .53rem auto;
    padding-right: .53rem !important;
}
.carBox .flex-rt-box .icon3{
    background: url(../../images/login/pc-icon-before.png) right center no-repeat;
    background-size: .53rem auto;
    padding-right: .53rem !important;
}
.carBox .flex-rt-box .f_c{
    /* flex: 1; */
    /* display: flex;
    justify-content: space-between;
    align-items: center; */
    width: 70%;
}
.carBox .flex-rt-box .item-desc{
    line-height: 2;
}

.carBox .flex-rt-box .item-desc{
    font-size: .14rem;
    color: #777;
}
.carBox .flex-rt-box .img-a{
    width: 2.15rem;
    height: 70%;
    position: absolute;
    right: 0;
    top: 50%;
    left: auto;
    transform: translate(0, -50%);
    z-index: 1;
}
.carBox .flex-rt-box .img-a img{
    width: 100%;
}
.carBox .flex-rt-box .iconh6c{
    font-size: .19rem;
}
.carBox .flex-rt-box .icondagou{
    font-size: .36rem;
}
.carBox .flex-rt-box .iconm6,
.carBox .flex-rt-box .iconf5,
.carBox .flex-rt-box .iconf7,
.carBox .flex-rt-box .iconf7x{
    font-size: .22rem;
}
.carBox .flex-rt-box .iconh2,
.carBox .flex-rt-box .iconh4,
.carBox .flex-rt-box .iconh7,
.carBox .flex-rt-box .iconh9{
    font-size: .2rem;
}
.carBox .flex-rt-box .iconm6-plus {
    font-size: 0.2rem;
}
.carBox .flex-rt-box .icon3rd-h6,
.carBox .flex-rt-box .iconh6s,
.carBox .flex-rt-box .iconh5,
.carBox .flex-rt-box .iconh6{
    font-size: .2rem;
}
/* .carBox .flex-rt-box  a{
    width: 100%;
} */
.carBox .flex-rt-box p{
    padding: 0;
}
.carBox .rmd-car-box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
    height: 0;
    overflow: hidden;
}
.carBox .flex-rt-box .rmd-car-box .fonticon{
    font-size: .14rem;
    color: #333;
    position: absolute;
    left: 0;
    top: 50%;
}
.carBox .flex-rt-box .rmd-car-box > object > a {
    padding-left: .2rem;
}
.carBox .flex-rt-box .rmd-car-box {
    justify-content: flex-start;
}
.carBox .flex-rt-box:hover .rmd-car-box{
    height: auto;
    margin-top: .12rem;
}
.carBox .flex-rt-box .rmd-car-box span:hover{
    text-decoration: underline;
}
.carBox .flex-rt-box:hover .img-a{
    margin-bottom: -.4rem;
}
.more_list section,
.mb_nav .more_list{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    /* padding-top: .66rem; */
    padding-bottom: 1rem;
}
.mb_nav .more_list{
    justify-content: space-between;
    padding: 0;
}
.header_nav .more_list .more_item,
.mb_nav .more_list .more_item{
    width: 1.6rem;
    height: 1rem;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #333;
    font-size: .15rem;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: .06rem;
    margin-right: .09rem;
    padding-right: 0;
    line-height: 1;
}
.mb_nav .more_list .more_item{
    width: 3.1rem;
    height: 1.6rem;
    margin-right: 0;
    margin-bottom: .4rem;
    font-size: .26rem;
}
/* .header_nav .more_list .more_item:nth-of-type(7n),
.mb_nav .more_list .more_item:nth-of-type(7n){
    margin-right: 0;
} */

.header_nav .more_list p{
    border-left: 6px solid #d7000f;
    margin-left: .1rem;
    height: .18rem;
    font-size: .18rem;
    line-height: 1;
    margin-top: .26rem;
    margin-bottom: .1rem;
    padding-left: .1rem;
}
.mb_nav .more_content{
    display: none;
}
.mb_nav .on .more_content{
    display: block;
    padding-top: .4rem;
    padding-bottom: 0;
}
.mb_nav .on .more_content p{
    border-left: .06rem solid #d7000f;
    margin-left: .2rem;
    height: .3rem;
    font-size: .3rem;
    line-height: 1;
    margin-bottom: .1rem;
    padding-left: .2rem;
}
.header_nav .more_list p:nth-of-type(1),
.mb_nav .more_list p:nth-of-type(1){
    margin-top: 0;
}
.header_nav .more_item i,
.mb_nav .more_item i{
    font-size: .3rem;
    line-height: 1;
    margin-bottom: .15rem;
    position: static;
    transform: translate(0,0);
}
.mb_nav .more_item i{
    font-size: .44rem;
    margin-bottom: .2rem;
}
/* .header_nav .linkBox a::after */
.header_nav .more_list .more_item::after,
.mb_nav .more_list .more_item::after{
    content:none;
}
.header_nav .more_list .more_item:hover,
.mb_nav .more_list .more_item:hover{
    content:none;
}
.carBox .nav-car-item .icona720,
.carBox .nav-car-item .icona360{
    margin-left: .1rem;
    color: #d7000f;
    font-size: .22rem;
    position: static;
}
.header_nav .downBox{
    padding-top: .68rem;
    max-width: 1920px;
    left: 50%;
    transform: translateX(-50%);
}
.model-pop-close{
    right: .4rem;
    top: .3rem;
}
.nav_down .mb-nav-cname span{
    background: none;
    margin: 0;
    line-height: 1;
    display: flex;
    align-content: center;
}
.nav_down li.on .mb-nav-cname span{
    margin-top: -.1rem;
}
.header_nav object .linkBox span{
    white-space: nowrap;
}
.header_nav object .linkBox span:nth-of-type(2){
    padding-right: 0;
}
.header_nav .userLoginOk .downBox{
    padding-top: 0;
}
.header_nav .userLoginOk .downBox section{
    justify-content: flex-end;
    padding-bottom: 0;
}
.header_nav .carBox .flex-rt-box a:hover span{
    color: #ac000c;
}

.svg-icon {
    width: 1.3rem;
}
.item-svg-name {
    width: 28%;
    position: relative;
}
.item-svg-name .icona360, .item-svg-name .icona720 {
    position: absolute !important;
    right: -.5rem !important;
}
.item-svg-m6-plus .icona720 {
    transform: translateY(-20%);
}
.header_nav .item-svg-name .svg-link {
    padding-bottom: 40%;
    display: block;
}

.header_nav .item-svg-name .style-h6s {
    padding-bottom: 19%;
}
.header_nav .item-svg-name .style-shenshou {
    padding-bottom: 22%;
}
.header_nav .item-svg-name .style-chitu {
    padding-bottom: 38%;
}
.header_nav .item-svg-name .style-h6gc {
    padding-bottom: 11%;
}
.header_nav .item-svg-name .style-chulian {
    padding-bottom: 28%;
}

.item-svg-h6,
.item-svg-h6gc,
.item-svg-m6-plus  {
    width: 38%;
}

.header_nav .item-svg-name .style-m6 {
    padding-bottom: 16%;
}
.item-svg-name .style-h6 {
    background: url(../../images/home/h6-logo.svg) left bottom no-repeat;
    background-size: 100% auto;
    padding-bottom: 13% !important;
}
.item-svg-name .style-h6:hover {
    background-image: url(../../images/home/h6-logo-hover.svg);
}
.item-svg-name .style-h6s {
    background: url(../../images/home/H6S-logo.svg) left bottom no-repeat;
    background-size: 100% auto;
}
.item-svg-name .style-h6s:hover {
    background: url(../../images/home/H6S-logo-hover.svg) left bottom no-repeat;
    background-size: 100% auto;
}
.item-svg-name .style-shenshou {
    background: url(../../images/home/shenshou-logo.svg) left bottom no-repeat;
    background-size: 100% auto;
}
.item-svg-name .style-shenshou:hover {
    background: url(../../images/home/shenshou-logo-hover.svg) left bottom no-repeat;
    background-size: 100% auto;
}
.item-svg-name .style-chitu {
    background: url(../../images/home/chitu-logo.svg) left bottom no-repeat;
    background-size: 100% auto;
}
.item-svg-name .style-chitu:hover {
    background: url(../../images/home/chitu-logo-hover.svg) left bottom no-repeat;
    background-size: 100% auto;
}
.item-svg-name .style-h6gc {
    background: url(../../images/home/h6gc-logo.svg) left bottom no-repeat;
    background-size: 100% auto;
}
.item-svg-name .style-h6gc:hover {
    background-image: url(../../images/home/h6gc-logo-hover.svg);
}
.item-svg-name .style-chulian {
    background: url(../../images/home/chulian-logo.svg) left bottom no-repeat;
    background-size: 100% auto;
}
.item-svg-name .style-m6 {
    background: url(../../images/home/m6-plus-logo.svg) left bottom no-repeat;
    background-size: 100% auto;
    transition: background 200ms linear;
}
.item-svg-name .style-m6:hover {
    background: url(../../images/home/m6-plus-logo-hover.svg) left bottom no-repeat;
    background-size: 100% auto;
}
.item-svg-name .style-chulian:hover {
    background-image: url(../../images/home/chulian-logo-hover.svg);
}
@media (max-width:1024px){
    .svg-icon {
        width: 1.7rem;
    }
    .svg-icon.h6-svg {
        width: 2.5rem;
    }
    .svg-icon.h6gc-svg {
        width: 2.5rem;
    }
    .svg-icon.m6plus-svg {
        width: 2.5rem;
    }
    .mb_nav .more_list{
        justify-content: flex-start;
    }
    .mb_nav .more_list .more_item{
        margin-right: .25rem;
        width: 48.6%;
    }
    .mb_nav .more_list .more_item:nth-child(2n+1) {
        margin-right: 1.4%;
        margin-left: 0;
    }
    .mb_nav .more_list .more_item:nth-child(2n+2) {
        margin-left: 1.4%;
        margin-right: 0;
    }
    .carBox .flex-rt-box{
        width: 100% !important;
        height: 1.6rem;
        margin-right: 0;
        margin-bottom: .2rem;
        border-radius: .04rem;
    }
    .carBox .flex-rt-box .iconf5,
    .carBox .flex-rt-box .iconf7,
    .carBox .flex-rt-box .iconf7x{
        font-size: .4rem;
    }
    .carBox .flex-rt-box .iconm6{
        font-size: .28rem;
    }
    .carBox .flex-rt-box .icon3rd-h6{
        font-size: .32rem;
    }
    .carBox .flex-rt-box .iconh6c{
        font-size: .22rem;
    }
    .carBox .flex-rt-box .icon3rd-h6,
    .carBox .flex-rt-box .iconh6s,
    .carBox .flex-rt-box .iconh5,
    .carBox .flex-rt-box .iconh6{
        font-size: .28rem;
    }
    .carBox .flex-rt-box .iconh2,
    .carBox .flex-rt-box .iconh4,
    .carBox .flex-rt-box .iconh7,
    .carBox .flex-rt-box .iconh9{
        font-size: .3rem;
    }
    .carBox .flex-rt-box .iconm6-plus {
        font-size: 0.28rem;
    }
    .carBox .flex-rt-box .icondagou{
        font-size: .5rem;
    }
    .nav_down li.on{
        background-color: #f1f1f1;
    }
    .carBox .flex-rt-box .icon1,
    .carBox .flex-rt-box .icon2,
    .carBox .flex-rt-box .icon3{
        background-size: .76rem auto;
        padding-right: .75rem !important;
        height: .3rem;
    }
    .nav_down li.on h2{
        border-bottom-color: #ccc;
    }
    .nav_down li.on .carBox{
        padding-top: .4rem;
    }
    .carBox.models_box .col2 .block>p{
        display: flex;
        align-items: center;
    }
    .carBox .nav-car-item .icona720,
    .carBox .nav-car-item .icona360{
        margin-left: .1rem;
        color: #d7000f;
        font-size: .3rem;
    }
    .carBox .flex-rt-box .item-desc{
        font-size: .2rem;
    }
    .carBox .flex-rt-box .img-a{
        width: 3rem;
    }
    .onlinewx .onlineico a {
        height: 0.7rem;
    }
    .nav-tool-mask {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 999;
    }
    .nav-tool-box {
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 6.5rem;
        padding-top: 0.5rem;
        padding-bottom: 1rem;
        background-color: #ffffff;
        border-radius: 0.16rem;
        z-index: 100000;
    }
    .nav-tool-title p {
        text-align: center;
        font-size: 0.4rem;
        color: #333333;
        font-weight: 700;
    }
    .nav-tool-cont {
        margin-top: 0.4rem;
        padding: 0 0.4rem;
    }
    .nav-tool-cont p {
        position: relative;
        padding-left: 0.2rem;
        color: #333333;
        font-size: 0.26rem;
    }
    .nav-tool-cont p::after {
        content: '';
        position: absolute;
        left: 0;
        top: 48%;
        transform: translateY(-50%);
        width: 0.05rem;
        height: 70%;
        background-color: #d7000f;
    }
    .nav-tool-cont ul {
        overflow: hidden;
    }
    .nav-tool-cont li {
        position: relative;
        float: left;
        width: 32.33%;
        height: 1.5rem;
        border: 1px solid #cccccc;
        border-radius: 0.16rem;
        margin-top: 0.2rem;
    }
    .nav-tool-cont li:nth-child(3n-1) {
        margin-left: 1.5%;
        margin-right: 1.5%;
    }
    .nav-tool-cont a {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
        font-size: 0.24rem;
        color: #444444;
    }
    .nav-tool-cont a i {
        display: block;
        text-align: center;
        font-size: 0.45rem;
        margin-bottom: 0.1rem;
    }
    .nav-tool-close {
        position: absolute;
        bottom: -0.35rem;
        left: 50%;
        transform: translateX(-50%);
        width: 0.71rem;
        height: 0.71rem;
        background: url(../../images/nav-tool-close.png) no-repeat;
        background-size: 100% auto;
    }
    .carRightTool .onlineico a {
        height: 1.2rem;
    }
    .onlinelist li .carlp {
        margin-bottom: 0.04rem;
    }
    .onlinelist li .carlp:last-child {
        margin-bottom: 0;
    }
}

/* 头部导航二期改版 end */

@media (max-width:1400px){
    .online{
        transform: scale(0.8);
        right: -.2%;
        bottom: -3%;
    }

    .carBox .flex-rt-box {
        margin-right: 0.1rem;
        margin-bottom: 0.1rem;
        min-height: 1.22rem;
    }
}
@media (max-width:767px){
    .online{
        transform: scale(1);
        /* right: -.2%;
        bottom: -3%; */
    }

    .carBox .flex-rt-box {
        margin-right: 0 !important;
    }
}

/* .nav-car-chitu .rmd-car-box {
    display: none
} */