:root{
    --color1:#eb0a1e;
    --color2:#fff;
    --color3:#000;
    --color4:#343539;
    --hover-color1:#eb0a1e;
    --hover-color2:#fff;
    --hover-color3:#000;
    --hover-color4:#343539;
}
body{
    background-color:#191919;
}
/* .container {
    width: 1200px;
    margin: 0 auto;
    overflow:hidden;
} */
.full-container {
    width: 100%;
    /* min-width: 1200px; */
    overflow:hidden;
}
.d_n{
    display:none !important;
}

.layui-form-select dl{
    background-color:#000;
    color:#fff;
    border:none;
    border-radius:0;
    padding:0;
}
.layui-form-select dl dd.layui-this, .layui-form-select dl dd:hover{
    background-color:#585858;
}
.layui-input, .layui-select, .layui-textarea{
    border-radius:0;
}

@font-face {
    font-family: FZLTHJW;
    src: url(../font/FZLTHJW.ttf);
}
@font-face {
    font-family: SourceHanSerif;
    src: url(../font/SourceHanSerifCN-Bold-2.otf);
}

@keyframes pumbup{
    0% {
        opacity: 0;
        transform: translateY(10vh);
    }
    30% {
        opacity: 0.3;
        transform: translateY(5vh);
    }
    100% {
        opacity: 1;
        transform: translateY(0vh);
    }
}
@keyframes leftEnter{
    0% {
        opacity: 0;
        transform: translateX(-10vw);
    }
    30% {
        opacity: 0.3;
        transform: translateX(-5vw);
    }
    100% {
        opacity: 1;
        transform: translateX(-0vw);
    }
}
@keyframes rotate {
    0%{
        transform:rotate(0deg);
    }
    100%{
        transform:rotate(360deg);
    }
}
@keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

/* 头部 start */
.header{
    width:100%;
    height:60px;
    background:transparent;
    border-bottom:1px solid transparent;
    position:fixed;
    top:0;
    z-index:44;
    background-color:rgba(0,0,0,0.2);
    font-family:FZLTHJW;
}
.header .nav-container{
    height:100%;
    margin:0 auto;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    box-sizing:border-box;
}
.header:hover, .header.active{
    background:#000;
}
.header .main{
    height:100%;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
}
.header .header-logo img{
    width:auto;
    height:25px;
}
.header .header-menu-wrapper{
    margin-left:0px;
}
.header .header-top-menu{
    display:flex;
    flex-direction:row;
    align-items:center;
}
.header .header-top-menu .header-menu-item{
    position:relative;
    padding:0 25px;
}
.header .header-top-menu .header-menu-item > a{
    position:relative;
    height:60px;
    line-height:60px;
    display:flex;
    align-items:center;
    white-space:nowrap;
    position:relative;
}
.header .header-top-menu .header-menu-item > a span{
    color:#fff;
    font-size:16px;
    box-sizing:border-box;
}
.header .header-top-menu .header-menu-item:hover > a::after,
.header .header-top-menu .header-menu-item.active > a::after{
    content:'';
    display:inline-block;
    width:100%;
    height:4px;
    background-color:#fff;
    position:absolute;
    bottom:0;
    left:0;
}
.header .header-top-menu .header-menu-item:hover .header-sub__menu-centent{
    display:block;
}
.header .header-top-menu .header-menu-item .header-sub__menu-centent{
    position:absolute;
    z-index:10;
    top:60px;
    left:0;
    width:100%;
    background-color:#000;
    padding:10px 0;
    display:none;
}
.header-sub__menu-centent .header-sub__menu-item{
    text-align:center;
    color:#919191;
    font-size:14px;
    line-height:2.5;
}
.header-sub__menu-centent .header-sub__menu-item:hover{
    color:#fff;
}
.header-sub__menu-centent .header-sub__menu-item a{
    color:unset;
    display:block;
}
.header-menu-wrapper .header-menu-main{
    position:fixed;
    top:60px;
    left:0;
    width:100vw;
    height:calc(100vh - 60px);
    display:none;
}
.header.active .header-menu-wrapper .header-menu-main{
    display:block;
}
.header-menu-wrapper .header-menu-main .header-menu-centent{
    height:100%;
}
.header-menu-main .header-menu-centent .header-menu__item{
    height:100%;
    display:flex;
    flex-direction:row;
    display:none;
}
.header-menu-main .header-menu-centent .header-menu__item.active{
    display:flex;
}
.header-menu-main .header-menu-centent .header-menu__item-left{
    width:50%;
    height:100%;
    overflow:hidden;
    box-sizing:border-box;
    padding-left:6%;
    display:flex;
    flex-direction:row;
    background-color:rgba(0, 0, 0, 0.87);
}
.header-menu__item-left .header-menu__model-tags{
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    display: flex;
    flex-direction:column;
}
.header-menu__item-left .header-menu__model-tags .header-menu__model-tag{
    line-height:2;
    margin:5px 0;
    cursor:pointer;
    color:#919191;
    transition:transform 0.3s linear;
}
.header-menu__item-left .header-menu__model-tags .header-menu__model-tag:first-child{
    margin-top:25px;
}
.header-menu__item-left .header-menu__model-tags .header-menu__model-tag:hover{
    color:#fff;
}
.header-menu__item-left .header-menu__model-tags .header-menu__model-tag.current{
    color:#fff;
    transform:scale(1.2);
}
.header-menu__item-left .header-menu__models{
    flex:1;
    height:100%;
    box-sizing:border-box;
    padding-left:50px;
}
.header-menu__item-left .header-menu__model-items{
    max-height:100%;
    display:flex;
    flex-direction:column;
    font-size:24px;
    color:#fff;
    overflow-y:auto;
    overflow-x:hidden;
}
.header-menu__item-left .header-menu__model-items .header-menu__model-item{
    line-height:2;
    margin-bottom:20px;
    display:flex;
    flex-direction:row;
    align-items:center;
}
.header-menu__item-left .header-menu__model-items .header-menu__model-item:first-child{
    margin-top:20px;
}
.header-menu__item-left .header-menu__model-items .header-menu__model-item a{
    position:relative;
    color:#fff;
    transform-origin:0 50%;
    transition:all 0.3s linear;
}
.header-menu__item-left .header-menu__model-items .header-menu__model-item a .header-menu__model-item-icon{
    position:absolute;
    top:0;
    right:0;
    width:auto;
    height:20px;
    transform:translate(calc(100% + 5px), 0);
}
.header-menu__item-left .header-menu__model-items .header-menu__model-item a:hover{
    color:#fff;
}
.header-menu__item-left .header-menu__model-items .header-menu__model-item a:hover{
    transform:scale(1.2);
}
.header-menu-main .header-menu-centent .header-menu__item-right{
    width:50%;
    height:100%;
    overflow:hidden;
}
.header-menu__item-right .header-menu__model-pannels{
    height:100%;
}
.header-menu__model-pannels .header-menu__model-pannel{
    position:relative;
    height:100%;
    display:none;
}
.header-menu__model-pannels .header-menu__model-pannel.current{
    display:block;
}
.header-menu__model-pannel .header-menu__model-pannel-bg{
    width:100%;
    height:100%;
    object-fit:cover;
}
.header-menu__model-pannel .header-menu__model-pannel-content{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    box-sizing:border-box;
    padding:100px 0 80px;
    display:flex;
    flex-direction:column;
    align-items:center;
}
.header-menu__model-pannel-content .header-menu__model-pannel-top{
    position:relative;
    width:auto;
    margin-bottom:50px;    
}
.header-menu__model-pannel-content .header-menu__model-pannel-logo{
    width:auto;
    height:40px;
}
.header-menu__model-pannel-content .header-menu__model-pannel-icon{
    position:absolute;
    width:auto;
    height:20px;
    top:0;
    right:0;
    transform:translate(calc(100% + 5px), -50%);
}
.header-menu__model-pannel-content .header-menu__model-pannel-btns{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
}
.header-menu__model-pannel-btns a{
    display:block;
    width:150px;
    height:30px;
    line-height:30px;
    text-align:center;
    font-size:14px;
    color: var(--color2);
    background-color: rgba(52, 53, 57, 0.75);
    margin:0 10px;
    transition:all 0.2s linear;
}
.header-menu__model-pannel-btns a:hover{
    background-color:rgba(255, 255, 255, 0.75);
    color:var(--color4);
    opacity:1;
}
.header-menu-main .header-menu-close{
    position:absolute;
    top:20px;
    right:50px;
    width:30px;
    height:30px;
    cursor:pointer;
    border-radius: 30px;
    background-color: rgba(103, 104, 108, .5);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}
.header-menu-main .header-menu-close:hover{
    background-color: rgba(103, 104, 108, 1);
}
/* .header-menu-main .header-menu-close::before{
    content:'';
    display:inline-block;
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    height:0;
    border-top:2px solid #000;
    transform:translateY(-50%);
}
.header-menu-main .header-menu-close::after{
    content:'';
    display:inline-block;
    position:absolute;
    top:0;
    left:50%;
    width:0;
    height:100%;
    border-left:2px solid #000;
    transform:translateX(-50%);
} */

.header .tigger{
    display:flex;
    flex-direction:row;
    align-items:center;
}
.header .tigger .tigger-item{
    position:relative;
    margin-left:10px;
}
.header .tigger .tigger-item .tigger-icon{
    display:block;
    width:20px;
    height:20px;
    background-size:100% 100%;
    background-repeat:no-repeat;
    transition:all 0.5s linear;
}
.tigger-icon.icon-search{
    position:absolute;
    right:5px;
    top:2.5px;
    background-color:transparent;
    outline:none;
    border:none;
    background-image:url(../imgs/icon-search.png);
}
.tigger-icon.icon-user{
    background-image:url(../imgs/icon-user.png);
}
.header .tigger .tigger-search{
    width:155px;
    height:25px;
}
.header .tigger .tigger-search form{
    height:25px;
}
.tigger-search-input{
    display: inline-block;
    position: absolute;
    top: 0;
    box-sizing: border-box;
    width: 100%;
    height: 25px;
    padding: 0 10px;
    border: 1px transparent solid;
    transition: all .3s;
    border-radius: 5px;
    outline:none;
    color:#fff;
    background-color:transparent;
}
.tigger-search-input:hover,
.tigger-search-input:focus,
.tigger-search:hover .tigger-search-input {
    border: 1px #666 solid;
}
.tigger-user-suspend{
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-50px;
    padding-top:20px;
    display:none;
}
.tigger-user-suspend .tigger-user-suspend-wrap{
    position:relative;
}
.tigger-user-suspend .tigger-user-suspend-wrap ul{
    background-color:#000;
    text-align:center;
}
.tigger-user-suspend .tigger-user-suspend-wrap ul li{
    white-space:nowrap;
    display:block;
    line-height:2.5;
    font-size:14px;
    color:#fff;
    width:100px;
}
.tigger-user-suspend .tigger-user-suspend-wrap ul li a{
    color:#919191;
}
.tigger-user-suspend .tigger-user-suspend-wrap ul li a:hover{
    color:#fff;
}
/* 头部 end */

/* mobile start */
.header-mobile-wrapper{
    position:fixed;
    z-index:44;
    top:60px;
    left:0;
    width:100%;
    height:0;
    overflow:hidden;
    background-color:#000;
    transition:all 0.5s ease-in-out;
    font-family:FZLTHJW;
}
.header-mobile-container{
    height:100%;
    overflow-y:auto;
    box-sizing:border-box;
    padding-left:10px;
    padding-right:10px;
}
.header-mobile-menu-items{
    width:100%;
    height:auto;
}
.header-mobile-menu-items .header-mobile-menu-item{
    color:#fff;
    margin-top:10px;
}
.header-mobile-menu-items .header-mobile-menu-item .header-mobile-menu__inner{
    position:relative;
    color:unset;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    line-height:32px;
    height:32px;
    font-size:20px;
    padding:9px 0;
}
.header-mobile-menu-items .header-mobile-menu-item .header-mobile-menu__inner::after{
    content: '';
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -5px;
    width:8px;
    height:8px;
    border-left: 1.5px solid #fff;
    border-bottom: 1.5px solid #fff;
    transform: rotate(-135deg);
}
.header-mobile-menu-items .header-mobile-menu-item.active .header-mobile-menu__inner::after{
    transform: rotate(-45deg);
}
.header-mobile-sub__menu{
    display:none;
}
.header-mobile-menu-item.active .header-mobile-sub__menu{
    display:block;
}
.header-mobile-menu__model-tags{
    font-size: 12px;
    font-weight: 600;
    color:#919191;
    display: flex;
    margin: 10px 0 20px 0;
    padding-left:20px;
}
.header-mobile-menu__model-tag-item{
    margin-right:20px;
    cursor:pointer;
}
.header-mobile-menu__model-tag-item.current{
    color:var(--color2);
}
.header-mobile-menu__model-items{

}
.header-mobile-menu__model-items .header-mobile-menu__model-item{
    height:40px;
    margin:10px 0;
    padding-left:20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-mobile-menu__model-items .header-mobile-menu__model-item .header-mobile-menu__model-item-btn {
    font-size: 16px;
    margin-right: 24px;
    border: 1px solid #fff;
    height: 26px;
    padding: 0 6px;
    border-radius: 8px;
    line-height:26px;
}
.header-mobile-menu__model-items .header-mobile-menu__model-item a{
    position:relative;
    color:unset;
    font-size:16px;
}
.header-mobile-menu__model-items .header-mobile-menu__model-item a .header-mobile-menu__model-item-icon{
    position:absolute;
    top:0;
    right:0;
    width:auto;
    height:15px;
    transform:translate(calc(100% + 5px), -50%);
}
/* mobile end */

/* 订单列表 start */
.user-order-popUp{
    display:none;
}
.user-order-popUp.on{
    display:block;
}
.order-popUp-wrapper{
    position:fixed;
    z-index:66;
    top:50%;
    left:50%;
    width:500px;
    height:600px;
    max-width:calc(100vw - 40px);
    max-height:80vh;
    transform:translate(-50%, -50%);
    background-color:#fff;
    display:flex;
    flex-direction:column;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
}
.order-popUp-wrapper .order-popUp-head{
    position:relative;
    height:60px;
    background-color:#181818;
    text-align:center;
}
.order-popUp-wrapper .order-popUp-head h1{
    font-size:20px;
    line-height:60px;
    color:#fff;
}
.order-popUp-wrapper .order-popUp-close{
    position:absolute;
    right:30px;
    top:50%;
    transform:translateY(-50%);
    display:inline-block;
    width:20px;
    height:20px;
    cursor:pointer;
}
.order-popUp-wrapper .order-popUp-close em{
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    height:2px;
    margin-top:-1.5px;
    display:inline-block;
}
.order-popUp-wrapper .order-popUp-close em::before,
.order-popUp-close em::after{
    position:absolute;
    top:0;
    left:0;
    content:'';
    display:inline-block;
    width:100%;
    height:100%;
    background-color:#fff;
}
.order-popUp-wrapper .order-popUp-close em::before{
    transform:rotate(45deg);
}
.order-popUp-wrapper .order-popUp-close em::after{
    transform:rotate(-45deg);
}
.order-popUp-wrapper .order-popUp-main{
    flex:1;
    width:100%;
    overflow-y:auto;
}
.order-popUp-wrapper .order-popUp-main .order-list-items{
    padding:0 30px;
}
.order-popUp-wrapper .order-popUp-main .order-list-item{
    position:relative;
}
.order-popUp-wrapper .order-popUp-main .order-list-item .order-list__item-link{
    display:flex;
    flex-direction:row;
    cursor:pointer;
    padding:40px 0;
    border-bottom:1px solid #000;
}
.order-popUp-main .user-order-message-img{
    width:120px;
    height:120px;
    object-fit:cover;
}
.order-popUp-main .user-order-message{
    position:relative;
    width:calc(100% - 120px);
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    box-sizing:border-box;
    padding-left:20px;
}
.order-popUp-main .user-order__top-message{
    padding-top:5px;
}
.order-popUp-main .user-order__goods-title{
    font-size:16px;
    line-height:2;
    color:#000;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.order-popUp-main .user-order__goods-total-price{
    font-size:14px;
}
.order-popUp-main .user-order__status-text{
    position:absolute;
    right:0;
    top:0;
    font-size:12px;
    text-align:right;
    line-height:2;
    transform: translateY(-100%);
    color:var(--color1);
}
.order-popUp-main .user-order__status-button{
    position:absolute;
    right:0;
    bottom: 0;
    font-size:12px;
    text-align:right;
    line-height:2;
    transform: translateY(100%);
    color:var(--color2);
    background-color: #000;
    padding: 0 20px;
    border-radius: 4px;
}
.order-popUp-main .user-order__bottom-message{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
    font-size:14px;
    color:#656565;
    padding-bottom:5px;
}
.order-popUp-main .user-order__goods-real-price{
    display:flex;
    align-items:center;
}
.order-popUp-wrapper .order-popUp-main .order-list-item .user-order__more-btn{
    position:absolute;
    right:0;
    top:50%;
    width:12px;
    height:12px;
    box-sizing:border-box;
    border-top:2px solid #000;
    border-right:2px solid #000;
    margin-top:-6px;
    display:block;
    transform:rotate(45deg);
}
.order-popUp-wrapper .order-popUp-main .user-order-error{
    text-align:center;
    padding:30px 0;
}
.order-popUp-wrapper .order-popUp-main .user-order-error h2{
    font-size:30px;
    color:#000;
}
.order-popUp-wrapper .order-popUp-main .user-order-end{
    text-align:center;
    padding:30px 0;
}
.order-popUp-wrapper .order-popUp-main .user-order-end h2{
    font-size:16px;
    color:#000;
}
.order-popUp-wrapper .order-popUp-btns{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    margin:50px 0 20px;
}
.order-popUp-wrapper .order-popUp-btn{
    width:160px;
    height:40px;
    line-height:40px;
    text-align:center;
    border:1px solid var(--color4);
    margin:0 20px;
    font-size:16px;
    color:var(--color4);
}
/* 订单列表 end */

.check-guide-popUp{
    display:none;
}
.check-guide-popUp.on{
    display:block;
}
.check-presale-popUp{
     display:none;
}
.check-presale-popUp.on{
    display:block;
}
.presale-popUp-wrapper{
    position:fixed;
    z-index:77;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    height:auto;
    width: 600px;
    max-width:calc(100vw - 40px);
    display:flex;
    flex-direction:column;
    align-items:center;
    background-color:#fff;
    padding:20px;
    box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.3);
}
.presale-popUp-wrapper .presale-popUp-close{
    position:absolute;
    right:10px;
    top:10px;
    display:inline-block;
    width:20px;
    height:20px;
    cursor:pointer;
}
.presale-popUp-wrapper .presale-popUp-close em{
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    height:2px;
    margin-top:-1.5px;
    display:inline-block;
}
.presale-popUp-wrapper .presale-popUp-close em::before,
.presale-popUp-close em::after{
    position:absolute;
    top:0;
    left:0;
    content:'';
    display:inline-block;
    width:100%;
    height:100%;
    background-color:#000;
}
.presale-popUp-wrapper .presale-popUp-close em::before{
    transform:rotate(45deg);
}
.presale-popUp-wrapper .presale-popUp-close em::after{
    transform:rotate(-45deg);
}
.presale-popUp-wrapper .presale-popUp-hint{
    font-size:14px;
    margin-top:30px;
}
.presale-popUp-wrapper .presale-popUp-bottom{
    width: 100%;
    margin-top: 30px;
    background-color: #C8DAE9;
}
.presale-popUp-wrapper .presale-popUp-bottom-title{
    font-size: 36px;
    font-family: SourceHanSerif;
    font-weight: 500;
    line-height: 1.2;
    color: #fff;
    margin: 30px 0 0 26px;
}
.presale-popUp-wrapper .presale-popUp-bottom-smalltitle{
    font-size: 20px;
    font-family: FZLTHJW;
    color: #fff;
    margin-left: 26px;
}
.presale-popUp-wrapper .presale-popUp-bottom-btn{
    margin: 50px 0;
    display: flex;
    align-items: center;
}
.presale-popUp-wrapper .presale-popUp-bottom-btn .presale-popUp-bottom-code{
    width: 120px;
    height: 120px;
    margin:0 30px 0 26px;
    border: 5px solid #fff;
    background-color: #fff;
}
.presale-popUp-wrapper .presale-popUp-bottom-link{
    display: flex;
    flex-direction: column;
    font-size: 18px;
}
.presale-popUp-wrapper .presale-popUp-bottom-link a{
    display: block;
    width: 170px;
    height: 36px;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    line-height: 36px;
    font-size: 16px;
    margin: 10px 0;
    transition: all 0.2s linear;
}
.presale-popUp-wrapper .presale-popUp-bottom-link a:hover{
   color: #fff;
    background-color: var(--color4);
    border-color: var(--color4);
    opacity: 0.75;
}
@media only screen and (max-width: 768px) {
    .presale-popUp-wrapper .presale-popUp-bottom-btn .presale-popUp-bottom-code{
    width: 100px;
    height: 100px;
    margin-right: 20px;
}
.presale-popUp-wrapper .presale-popUp-bottom-title{
    font-size: 28px;
}
.presale-popUp-wrapper .presale-popUp-bottom-smalltitle{
    font-size: 18px;
}
    .presale-popUp-wrapper .presale-popUp-bottom-link a{
    font-size: 14px;
    width: 140px;
    height: 30px;
    line-height: 30px;
    margin: 5px 0;
}
}
.guide-popUp-wrapper{
    position:fixed;
    z-index:77;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:200px;
    height:auto;
    max-width:calc(100vw - 40px);
    display:flex;
    flex-direction:column;
    align-items:center;
    background-color:#fff;
    padding:20px;
    box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.3);
}
.guide-popUp-wrapper .app-code{
    width:100%;
    height:auto;
}
.guide-popUp-wrapper .guide-popUp-hint{
    font-size:14px;
    margin-top:10px;
    text-align:center;
}
.guide-popUp-wrapper .guide-popUp-close{
    position:absolute;
    right:0;
    top:0;
    transform:translate(100%, -100%);
    display:inline-block;
    width:20px;
    height:20px;
    cursor:pointer;
}
.guide-popUp-wrapper .guide-popUp-close em{
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    height:2px;
    margin-top:-1.5px;
    display:inline-block;
}
.guide-popUp-wrapper .guide-popUp-close em::before,
.guide-popUp-close em::after{
    position:absolute;
    top:0;
    left:0;
    content:'';
    display:inline-block;
    width:100%;
    height:100%;
    background-color:#fff;
}
.guide-popUp-wrapper .guide-popUp-close em::before{
    transform:rotate(45deg);
}
.guide-popUp-wrapper .guide-popUp-close em::after{
    transform:rotate(-45deg);
}

/* 侧边栏 start */
.suspend-side{
    position:fixed;
    z-index:99;
    right:-100px;
    bottom:10%;
    width:150px;
    height:auto;
}
.suspend-side-item{
    position:relative;
    width:100%;
    height:50px;
    line-height:50px;
    margin:3px 0;
    background-color:rgba(133,121,122,0.5);
    transition:all 0.5s ease-in-out;
}
.suspend-side-item:hover{
    transform:translateX(-100px);
}
.suspend-side-item a{
    width:100%;
    height:100%;
    display:flex;
}
.suspend-side-item a .suspend-side-icon{
    position:relative;
    width:50px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.suspend-side-item a .suspend-side-icon img{
    width:32px;
    height:32px;
}
.suspend-side-text{
    height:100%;
    text-align:left;
    overflow:hidden;
}
.suspend-side-text span{
    font-size:14px;
    color:#fff;
    display:block;
}
/* 侧边栏 end */

/* 在线客服 start */
.online-customer-service{
    position:fixed !important;
    z-index:55;
    bottom:0;
    right:50px;
    background-color:#fff;
    width:500px;
    height:700px;
    max-height:calc(100vh - 60px);
    max-width:100%;
    display:none;
}
.online-customer-service.on{
    display:block;
}
.online-customer-head{
    position:relative;
    width:100%;
    height:65px;
    text-align:center;
    background-color:#000;
}
.online-customer-title{
    color:#fff;
    line-height:65px;
    font-size:20px;
    cursor:pointer;
}
.online-customer-close{
    position:absolute;
    right:30px;
    top:50%;
    transform:translateY(-15px);
    display:inline-block;
    width:25px;
    height:30px;
    cursor:pointer;
}
.online-customer-close em{
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    height:3px;
    margin-top:-1.5px;
    display:inline-block;
}
.online-customer-close em::before, .online-customer-close em::after{
    position:absolute;
    top:0;
    left:0;
    content:'';
    display:inline-block;
    width:100%;
    height:100%;
    background-color:#fff;
}
.online-customer-close em::before{
    transform:rotate(45deg);
}
.online-customer-close em::after{
    transform:rotate(-45deg);
}
.online-customer-main{
    width:100%;
    height:calc(100% - 65px);
}
.online-customer-main iframe{
    width:100%;
    height:100%;
}
/* 在线客服 end */

.full-screen-tableCell{
    height:100%;
}
.swiperHostBanner{
    height:100%;
}
.full-section{
    position:relative;
    overflow: hidden;
}
.full-section.footer{
    overflow:visible;
}
.host-section-wrapper .swiper-slide__reponse-image img, .host-section-wrapper .swiper-slide-type__video{
    position:relative;
    z-index:-1;
    width:100%;
    height:100vh;
    object-fit:cover;
    text-align:center;
    display:block;
}
.home-banner_bnts{
    position:absolute;
    width:100%;
    left:0;
    bottom:5%;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
}
.home-banner_bnts a{
    display:block;
    width:250px;
    height:36px;
    line-height:36px;
    text-align:center;
    font-size:16px;
    color:var(--color2);
    background-color:rgba(52, 53, 57, 0.75);
    margin:0 70px;
    transition:all 0.2s linear;
}
.home-banner_bnts a:hover{
    background-color:rgba(255, 255, 255, 0.75);
    color:var(--color4);
    opacity:1;
}
/* banner 其他 start */
.swiper-host-banner-container{
    height:100%;
    --swiper-navigation-color: #e6e6e6;
    --swiper-navigation-size: 40px;
}
.swiper-host-banner-container .swiper-button-prev{
    left:7%;
}
.swiper-host-banner-container .swiper-button-next{
    right:7%;
}
.swiper-host-banner-container .swiper-button-prev, .swiper-host-banner-container .swiper-button-next{
    opacity:0;
}
.swiper-host-banner-container:hover .swiper-button-prev, .swiper-host-banner-container:hover .swiper-button-next{
    opacity:1;
}
.swiper-host-banner-container .swiper-pagination .swiper-pagination-bullet{
    width:30px;
    height:3px;
    background-color:#fff;
    opacity:0.5;
    border-radius:0;
    transition:all 0.5s linear;
}
.swiper-host-banner-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color:var(--color2);
    opacity:1;
}
.swiper-host-banner-container .swiper-slide_content{
    position:absolute;
    z-index:2;
    top:0;
    left:50%;
    transform:translateX(-50%);
    height:100%;
    box-sizing:border-box;
    padding-top:22vh;
    padding-bottom:20vh;
    display:flex;
    flex-direction:row;
}
.swiper-host-banner-container .swiper-slide_content.swiper-slide__collumn-left{
    justify-content:flex-start;
}
.swiper-host-banner-container .swiper-slide_content.swiper-slide__collumn-right{
    justify-content:flex-end;
}
.swiper-host-banner-container .swiper-slide_content.swiper-slide__collumn-center{
    justify-content:center;
}
.swiper-host-banner-container .swiper-slide_content .swiper-slide__title{
    font-size:36px;
    font-family:SourceHanSerif;
}
.swiper-host-banner-container .swiper-slide_content .swiper-slide__text{
    font-size:18px;
    font-family:FZLTHJW;
}
.swiper-host-banner-container .swiper-slide_content .swiper-slide__more{
    font-size: 16px;
    width: 260px;
    height: 40px;
    line-height: 40px;
    color: #000;
    border: 1px solid #000;
    text-align: center;
    margin-top: 40px;
    display:block;
    font-family:FZLTHJW;
    transition:all 0.2s linear;
}
.full-section.active .swiper-host-banner-container .swiper-slide_content .swiper-slide__more{
    animation: pumbup 0.5s linear 0.5s 1 both;
}
.swiper-host-banner-container .swiper-slide_content .swiper-slide__more:hover{
    color:#fff;
    background-color:var(--color4) !important;
    border-color:var(--color4) !important;
    opacity:0.75 !important;
}
.swiper-host-banner-container .swiper-slide_content .swiper-slide-box{
    max-width:50%;
    color:#000;
}
.swiper-host-banner-container .swiper-slide-box.swiper-slide-box__color-black .swiper-slide__more
,.swiper-host-banner-container .swiper-slide-box.swiper-slide-box__color-black{
    color: #000;
    border-color:#000;
}
.swiper-host-banner-container .swiper-slide-box.swiper-slide-box__color-white .swiper-slide__more,
.swiper-host-banner-container .swiper-slide-box.swiper-slide-box__color-white{
    color: #fff;
    border-color:#fff;
}
.swiper-host-banner-container .swiper-slide-box.swiper-slide-box__align-left{
    text-align:left;
} 
.swiper-host-banner-container .swiper-slide-box.swiper-slide-box__align-right{
    text-align:right;
} 
.swiper-host-banner-container .swiper-slide-box.swiper-slide-box__align-center{
    text-align:center;
} 
.swiper-host-banner-container .swiper-slide-box.swiper-slide-box__align-right .swiper-slide__more{
    margin-left:auto;
}
.swiper-host-banner-container .swiper-slide-box.swiper-slide-box__align-center .swiper-slide__more{
    margin-left:auto;
    margin-right:auto;
}
/* banner 其他 end */

/* 车型 start */
.host-car-carousel{
    background-image:url(../imgs/car-section-bg.jpg);
    background-size:cover;
    background-position:top center;
}
.host-car-carousel .car-carousel-content{
    height:100%;
}
.host-car-carousel .car-carousel__pagination-wrapper{
    position:absolute;
    z-index:2;
    left:7%;
    top:150px;
}
.host-car-carousel .car-carousel__pagination-wrapper::before{
    content:'';
    position:absolute;
    top:-20px;
    bottom:-20px;
    left:0;
    display:inline-block;
    border-left:1px solid #9b9b9b;
}
.host-car-carousel .car-carousel__pagination-wrapper .car-carousel__swiper-pagination{
    position: relative;
    z-index:2;
    padding-left:40px;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:left;
}
.host-car-carousel .car-carousel__pagination-wrapper .swiper-pagination-bullet{
    width:unset;
    height:unset;
    font-size:20px;
    line-height:30px;
    margin:7.5px 0;
    color:#919191;
    opacity:1;
    background-color:unset;
    border-radius:unset;
}
.host-car-carousel .car-carousel__pagination-wrapper .swiper-pagination-bullet.hover{
    color:var(--hover-color2);
}
.host-car-carousel .car-carousel__pagination-wrapper .car-carousel_swiper-pagination-link{
    color:unset;
}
.host-car-carousel .car-carousel__pagination-wrapper .car-carousel__paginatio-line{
    position:absolute;
    left:0;
    width:2px;
    height:45px;
    background-color:var(--color2);
    margin-left:-1px;
    transition:all 0.5s ease;
}
.host-car-carousel .car-carousel__swiper-container{
    position:relative;
    width:100%;
    height:100%;    
    --swiper-navigation-color: #fff;
    --swiper-navigation-size:30px;
}
.host-car-carousel .car-carousel__swiper-container .swiper-button-prev{
    left:6%;
}
.host-car-carousel .car-carousel__swiper-container .swiper-button-next{
    right:6%;
}
.host-car-carousel .car-carousel__swiper-container .swiper-button-prev,
.host-car-carousel .car-carousel__swiper-container .swiper-button-next{
    pointer-events:inherit;
}
.car-carousel__swiper-container .car-carousel__vehicle-model{
    width:100%;
    height:100%;
    overflow:hidden;
}
.car-carousel__swiper-container .car-carousel__vehicle-model .swiper-slide{
    text-align:center;
}
.car-carousel__swiper-container .car-carousel__vehicle-model .car-carousel__vehicle-link{
    position:absolute;
    bottom:17vh;
    left:0;
    right:0;
    cursor:grab;
}
.car-carousel__swiper-container .car-carousel__vehicle-model .car-carousel__vehicle-img{
    max-width:60vw;
    max-height:50vh;
    width:auto;
    height:auto;
}
.car-carousel__swiper-container .car-carousel__vehicle-model .car-carousel__vehicle-top{
    position:absolute;
    left:50%;
    top:-150px;
    transform:translateX(-50%);
}
.car-carousel__swiper-container .car-carousel__vehicle-model .car-carousel__vehicle-title{
    width:auto;
    height:3vw;
    min-height:40px;
    font-size:30px;
    line-height:1;
    color:#fff;
}
.car-carousel__swiper-container .car-carousel__vehicle-model .car-carousel__vehicle-icon{
    position:absolute;
    top:0;
    right:0;
    width:auto;
    height:1.5vw;
    transform:translate(calc(100% + 5px), -50%);
}
.host-car-carousel__more{
    position:absolute;
    z-index:10;
    left:50%;
    bottom:70px;
    text-align:center;
    display:block;
    width:260px;
    height:40px;
    border:1px solid #fff;
    line-height:40px;
    color:#fff;
    font-size:16px;
    margin-left:-131px;
    letter-spacing:0.1em;
    transition:all 0.2s linear;
}
.full-section.active .host-car-carousel__more{
    animation: pumbup 0.5s linear 0.5s 1 both;
}
.host-car-carousel__more:hover{
    color:#fff;
    background-color:var(--color4);
    border-color:var(--color4);
    opacity:0.75 !important;
}
.car-carousel__vehicle-bg{
    height: 45vh;
    width: 100%;
    position: absolute;
    bottom: 0;
    background-image: url(../imgs/car-carousel__vehicle-bg.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
}
/* 车型 end */

/* app start */
.host-app-content{
    position:absolute;
    z-index:2;
    top:0;
    left:50%;
    transform:translateX(-50%);
    height:100%;
    box-sizing:border-box;
    padding-top:60px;
}
.host-app-content .host-app-box{
    height:100%;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    box-sizing:border-box;
}
.host-app-left{
    padding-right:100px;
}
.full-section.active .host-app-left{
    animation: leftEnter 0.8s linear 0.5s 1 both;
}
.host-app-text{
    color:#fff;
    margin-bottom:50px;
}
.host-app-text h3{
    font-size:36px;
    font-family:SourceHanSerif;
}
.host-app-text p{
    font-size:20px;
    font-family:FZLTHJW;
}
.host-app-download{
    padding-bottom:30px;
    display:flex;
    align-items:center;
    font-family:FZLTHJW;
}
.host-app-download .code{
    width:120px;
    height:120px;
    margin-right:30px;
    border:5px solid #fff;
    background-color:#fff;
}
.host-app-download .btns{
    display:flex;
    flex-direction:column;
    font-size:18px;
}
.host-app-download .btns a{
    display:block;
    width:170px;
    height:36px;
    color:#fff;
    border:1px solid #fff;
    text-align:center;
    line-height:36px;
    font-size:16px;
    margin:10px 0;
    transition:all 0.2s linear;
}
.host-app-download .btns a:hover{
    color:#fff;
    background-color:var(--color4);
    border-color:var(--color4);
    opacity:0.75;
}
.host-app-right{
    height:100%;
    display:flex;
}
.host-app-screen{
    margin-top:auto;
    overflow:hidden;
}
.host-app-screen img{
    width:auto;
    height:70vh;
}
.full-section.active .host-app-screen img{
    animation: pumbup 0.5s linear 0.3s 1 both;
}
/* app end */

/* footer start */
.footer{
    position:relative;
    z-index:19;
    background-color:#151414;
    height:auto;
    margin-top:auto;
    padding:20px 0 30px;
}
.full-main .section.footer{
    height:auto;
}
.footer .container{
    background-color:#151414;
    overflow:visible;
}

.footer-top{
    padding:0 0 10px;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
}
.footer-codes{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
}
.footer-code-item{
    position:relative;
    cursor:pointer;
    padding:10px 0;
    width:50px;
}
.footer-code-title{
    color:#fff;
    text-align:center;
    display: block;
}
.footer-code-title img{
    width:30px;
    height:30px;
}
.footer-code-item:hover .footer-code-centent{
    display:block;
}
.footer-code-centent{
    position:absolute;
    z-index:10;
    left:50%;
    top:0;
    transform:translate(-50%, calc(-100% - 10px));
    padding:5px;
    background-color:rgba(189, 189, 189, 0.5);
    display:none;
}
.footer-code-centent::after{
    position:absolute;
    bottom:0;
    left:50%;
    transform:translate(-50%, 50%) rotate(45deg);
    content:'';
    display:block;
    border-top:10px solid transparent;
    border-left:10px solid transparent;
    border-right:10px solid rgba(189, 189, 189, 0.5);
    border-bottom:10px solid rgba(189, 189, 189, 0.5);
}
.footer-code-img{
    width:100px;
    height:100px;
}
.footer-code-item:hover .footer-code-centent{
    display:block;
}
.footer-links{
    display:flex;
    flex-direction:row;
    align-items:center;
}
.footer-link-item{
    margin-right:50px;
}
.footer-link-item a{
    font-size:16px;
    color:#fff;
    white-space: nowrap;
}
.footer-bottom{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    padding:20px 0 0;
    border-top:1px dashed #fff;
}
.footer-bottom-content{
    display:flex;
    flex-direction:column;
}
.footer-copyright{
    font-size:12px;
    color:#fff;
}
.footer-copyright span:nth-child(2){
    padding:0 15px;
}
.footer-copyright a{
    color:#fff;
}
.footer-copyright a:hover{
    color:#fff;
}
/* footer end */


/* 金融计算器 start */
.calc-container{
    background-color:#1c1c1f;
}
.calc-body__head{
    text-align:center;
    letter-spacing:0.075em;
    padding:70px 0 60px;
}
.calc-body__head h3{
    font-size:32px;
    color:#fff;
}
.calc-body__head p{
    font-size:18px;
    color:#c0c0c0;
}
.calc-body__car-choose{
    width:100%;
    height:auto;
    padding-bottom:30px;
}
.calc-body__car-choose .container{
    display:flex;
    align-items:center;
    overflow:visible;
}
.calc-body__car-choose .car-choose__form{
    width:40%;
    display:flex;
    flex-direction:column;
}
.calc-body__car-choose .car-choose__form .layui-form-item{
    margin-bottom:30px;
}
.calc-body__car-choose .car-choose__form .layui-form-item .layui-input-block{
    margin-left:0;
}
.calc-body__car-choose .car-choose__form .layui-form-item .layui-input{
    background-color:transparent;
    border-color:#fff;
    color:#fff;
    font-size:16px;
    padding:0 30px;
    height:55px;
}
.calc-body__car-choose .car-choose__form .layui-form-item .layui-form-select dl{
    /* top:unset; */
}
.calc-body__car-choose .car-choose__form .layui-form-item .layui-form-select .layui-edge{
    right:30px;
}
.calc-body__car-choose .car-choose_img{
    width:60%;
    text-align:center;
}
.calc-body__car-choose .car-choose_img img{
    width:80%;
    height:auto;
}
.calc-container__body-bottom{
    width:100%;
    height:auto;
    padding-top:60px;
    background-color:#000;
}
.calc-container__body-bottom .container{
    display:flex;
    overflow:visible;
}
.calc-body_bottom-left{
    width:60%;
    box-sizing:border-box;
    padding-right:30px;
    border-right:1px solid #fff;
}
.calc-body_bottom-right{
    width:40%;
    box-sizing:border-box;
    padding-left:30px;
}
.calc-body_item{
    width:100%;
    padding-bottom:40px;
}
.calc-body_head{
    padding-bottom:30px;
}
.calc-body_head h3{
    font-size:28px;
    color:#fff;
    line-height:1;
}
.calc-body_schemes{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}
.calc-body_schemes .calc-body_scheme-item{
    width:calc((100% - 30px) / 3);
    height:105px;
    box-sizing:border-box;
    padding:15px;
    border:2px solid #626262;
    margin-bottom:15px;
    margin-right:14px;
    color:#fff;
    cursor:pointer;
}
.calc-body_schemes .calc-body_scheme-item:nth-child(3n){
    margin-right:0;
}
.calc-body_schemes .calc-body_scheme-item.active{
    border-color:var(--color2);
}
.calc-body_schemes .calc-body_scheme-item h4{
    font-size:20px;
    line-height:1.2;
    margin-bottom:10px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.calc-body_schemes .calc-body_scheme-item p{
    font-size:12px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.calc-body__stages{
    display:flex;
    flex-direction:row;
    align-items:center;
}
.calc-body__stages .calc-body__slider{
    width:75%;
    display:flex;
    flex-direction:row;
    align-items:center;
}
.calc-body__stages .calc-body__slider .layui-slider{
    background-color:#555;
}
.calc-body__stages .calc-body__slider .layui-slider-wrap-btn{
    background-color:var(--color4);
}
.calc-body__stages .calc-body__slider .calc-body__slider-content{
    flex:1;
    height:40px;
    display:flex;
    align-items:center;
    box-sizing:border-box;
    padding-top:4px;
}
.calc-body__stages .calc-body__slider .calc-body__slider-content .calc-slider{
    width:100%;
}
.calc-body__stages .calc-body__slider .calc-body__slider-handle{
    color:#fff;
    font-size:24px;
    text-align:center;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    height:40px;
    line-height:40px;
    margin:0 20px;
}
.calc-body__stages .calc-body__slider .calc-body__slider-handle .slider-handle{
    width:30px;
    cursor:pointer;
}
.calc-body__stages .calc-body__slider .calc-body__slider-handle .slider-ratio{
    width:3em;
}
.calc-body__stages .calc-body__period{
    width:25%;
    text-align:center;
}
.calc-body__period .layui-form-item{
    margin-bottom:0;
}
.calc-body__period .layui-form-item .layui-input-block{
    margin-left:0;
}
.calc-body__period .layui-form-item .layui-input-block .layui-input{
    text-align:center;
    color:#fff;
    font-size:20px;
    background-color:unset;
    border-radius:0;
}
.calc-body__declare{
    padding-top:30px;
}
.calc-body__declare p{
    line-height:1.8;
    margin-bottom:20px;
    color:#cecece;
    font-size:16px;
}
.calc-body__car-message{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    line-height:46px;
    padding-bottom:40px;
    border-bottom:1px solid #fff;
    margin-bottom:30px;
}
.calc-car__name-wrap{
    width:50%;
    box-sizing:border-box;
    padding-right:20px;
}
.calc-car__name-wrap h4{
    font-size:26px;
    color:#fff;
}
.calc-car__price-wrap{
    width:50%;
    color:#fff;
    text-align:right;
    display:flex;
    flex-direction:column;
}
.calc-car__price-wrap strong{
    font-size:18px;
    letter-spacing:0.05em;
    font-weight:normal;
}
.calc-car__price-wrap span{
    font-size:30px;
}
.calc-body__result-content{
    margin-bottom:30px;
}
.calc-body__result-content .calc-body__result-item{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    color:#fff;
    font-size:18px;
    padding-bottom:20px;
}
.calc-body__result-content .calc-body__result-item strong{
    font-weight:normal;
}
.calc-body__rest{
    display:flex;
    flex-direction:column;
    align-items:center;
    padding-bottom:30px;
}
.calc-body__rest-head{
    margin-bottom:30px;
}
.calc-body__rest-head a{
    color: #fff;
    display:block;
    width:200px;
    height:40px;
    line-height: 38px;
    text-align:center;
    border:1px solid #fff;
    font-size:18px;
}
.calc-body__rest-more p{
    color:#fff;
    font-size:14px;
    text-align:center;
    margin-top:10px;
}
.calc-body__rest-more img{
    width:120px;
    height:120px;
}
/* 金融计算器 end */

/* 经销商查询 start */
.dealer-query{
    padding-top:60px;
    min-height:80vh;
    color:#fff;
    background:url(../imgs/dealer-query-bg.jpg) center center/cover no-repeat;
}
.dealer-query .container{
    padding:40px 0;
}
.dealer-query-head{
    padding-bottom:20px;
}
.dealer-query-head h3{
    font-size:40px;
}
.dealer-query-head p{
    font-size:14px;
}
.dealer-query-main{
    width:100%;
    height:550px;
    display:flex;
    flex-flow:row wrap;
}
.dealer-query-map{
    flex:3;
    height:100%;
    background-color:#fff;
}
#amap-container{
    width:100%;
    height:100%;
}
.dealer-query-message{
    flex:2;
    height:100%;
    margin-left:30px;
    display:flex;
    flex-direction:column;
}
.dealer-query-message .dealer-form{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    box-sizing:border-box;
    padding:10px 30px 15px;
    background-color:rgba(255, 255, 255, 0.1);
}
.dealer-query-message .dealer-form .dealer-form-item{
    width:47%;
    margin:10px 0;
}
.dealer-query-message .dealer-form .dealer-form-item .layui-input-block{
    margin-left:0;
    color:#000;
}
.dealer-query-message .dealer-form .dealer-form-item .layui-input{
    background-color:transparent;
    outline:none;
    border:none;
    border-bottom:1px solid #fff;
    color: #fff;
    font-size:14px;
    box-sizing:border-box;
    padding-left:10px;
    padding-bottom:5px;
}
.dealer-query-result{
    flex:1;
    width:100%;
    box-sizing:border-box;
    background-color:rgba(255, 255, 255, 0.1);
    margin-top:20px;
    padding:30px 25px;
    overflow:hidden;
}
.dealer-query-result-container{
    width:100%;
    height:100%;
    overflow-y:auto;
    box-sizing:border-box;
    padding-right:20px;
}
.dealer-query-result-container::-webkit-scrollbar{
    width:4px;
    border-radius:2px;
    background-color:rgba(255, 255, 255, 0.2);
}
.dealer-query-result-container::-webkit-scrollbar-thumb{
    width:100%;
    height:auto;
    border-radius:2px;
    background-color:#fff;
}
.dealer-query-result-item{
    position:relative;
    border-bottom:1px solid rgba(255, 255, 255, 0.2);
    padding:25px 0;
    color:#d3d3d3;
    cursor:pointer;
}
.dealer-query-result-item h4{
    position:relative;
    padding-left:20px;
    font-size:18px;
    line-height:1.1;
    margin-bottom:15px;
}
.dealer-query-result-item h4::before{
    content:'';
    display:inline-block;
    width:3px;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background-color:var(--color2);
}
.dealer-query-result-item p{
    font-size:14px;
    padding:0 20px;
    line-height:1.4;
    overflow:hidden;
    text-overflow:ellipsis;
}
.dealer-query-result-item-button{
    position:absolute;
    right:0;
    bottom:15px;
    font-size:12px;
    padding:0 20px;
    line-height:2;
    border:1px solid var(--color2);
}
.dealer-query-result-item-button a{
    color:var(--color2);
    display:block;
}

.amap-info-close{
    right:0;
    top:0;
}
.amap-info-content{
    padding-left:18px;
}
.map-hover {
    width: 260px;
    position: relative;
    padding: 20px;
    border-radius: 5px;
    background-color: #2E2D2D;
}

.map-close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background-color: #202020;
    border-radius: 50%;
    background-image: url(../imgs/icon-close.png);
    background-size:50%;
    background-position:center center;
    background-repeat:no-repeat;
    color:transparent;
}

.map-close:hover {
    cursor: pointer;
    background-color: var(--color4);
}

.map-hover h1 {
    color: #fff;
    font-size: 16px;
}

.map-hover p {
    color: #bebaba;
    font-size: 14px;
}

.map-button-group {
    width: 215px;
    margin: 0 auto;
}

.map-button {
    display: inline-block;
    width: 100px;
    height: 25px;
    box-sizing: border-box;
    line-height: 25px;
    font-size: 12px;
    background-color: var(--color2);
    color: var(--color3);
    text-align: center;
    margin-top: 10px;
    margin-right: 10px;
}

.map-button:last-child {
    margin-right: 0;
}
/* 经销商查询 end */

/* 新闻资讯 start */
.news-items2{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
    padding-top:60px;
}
.news-items2 .news-item{
    width:50%;
    box-sizing:border-box;
}
.news-items2 .news-item_link{
    flex-direction:column;
}
.news-items2 .news-item:nth-child(2n+1){
    padding-right:20px;
}
.news-items2 .news-item:nth-child(2n){
    padding-left:20px;
}
.news-items2 .news-item img{
    width:100%;
    flex:none;
    margin-right:0;
}
.news-items2 .news-item .news-item-content{
    margin-left:0;
    padding-top:30px;
    flex:none;
}
/* 新闻资讯 end */

/* 祺行活动 start */
.news-banner-carousel{
    width:100%;
    height:auto;
}
.news-swiper__banner-container{
    height:auto;
    --swiper-navigation-color: #fff;
    --swiper-navigation-size: 30px;
}
.news-banner__response-image img,
.news-banner__response-video .news-banner-type__video{
    width:100%;
    height:auto;
    min-height:350px;
    object-fit:cover;
}
.news-banner__response-video .news-banner-type__video.news-banner-type__video-PC{
    display:block;
}
.news-banner__response-video .news-banner-type__video.news-banner-type__video-mobile{
    display:none;
}
.news-banner__content{
    position:absolute;
    z-index:1;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:100%;
    height:100%;
    display:flex;
}
.news-banner__content .news-banner__content-box{
    box-sizing:border-box;
    padding:100px 0 50px;
    color:#fff;
}
.news-banner__content .news-banner__content-box .new-banner_cotent-title{
    font-size:40px;
    margin-bottom: 10px;
}
.news-banner__content .news-banner__content-box .new-banner_cotent-text{
    font-size:16px;
    letter-spacing:0.05em;
}
.news-banner__content .news-banner__content-box .new-banner_cotent-more{
    display:inline-block;
    font-size: 16px;
    width: 260px;
    height: 40px;
    line-height: 40px;
    border: 1px solid var(--color2);
    text-align: center;
    border-radius: 40px;
    margin-top: 40px;
    color: var(--color2);
}
.news-main{
    padding-bottom:50px;
    background-color:#191919;
}
.news-filter-wrapper{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-end;
    padding:30px 0;
}
.news-filter-wrapper .news-filter-form .layui-form-item{
    margin-bottom:0;
}
.news-filter-wrapper .news-filter-form .layui-form-item .layui-form-label{
    color:#fff;
    font-size:16px;
    padding:5px 0;
}
.news-filter-wrapper .news-filter-form .layui-form-item .layui-form-select{
    width:150px;
}
.news-filter-wrapper .news-filter-form .layui-form-item .layui-input-block{
    min-height:30px;
}
.news-filter-wrapper .news-filter-form .layui-form-item .layui-input{
    background-color:transparent;
    border:unset;
    border-bottom:1px solid #fff;
    color:#fff;
    font-size:16px;
    text-align:center;
    height:30px;
}

.news-filter-wrapper .news-filter-tags{
    display:flex;
    flex-direction:row;
    align-items:center;
}
.news-filter-wrapper .news-filter-tags .news-filter-tag-item{
    width:110px;
    height:30px;
    text-align:center;
    line-height:30px;
    border:1px solid #fff;
    margin-left:20px;
}
.news-filter-wrapper .news-filter-tags .news-filter-tag-item a{
    font-size:14px;
    color:#fff;
    display:block;
}
.news-filter-wrapper .news-filter-tags .news-filter-tag-item.active{
    background-color:var(--color2);
    border-color:var(--color2);
}
.news-filter-wrapper .news-filter-tags .news-filter-tag-item.active a{
    color:#000;
}
.news-items{
    min-height:30vh;
}
.news-item{
    padding-bottom:50px;
}
.news-item_link{
    display:flex;
    flex-flow:row wrap;
    overflow:hidden;
}
.news-item img{
    width:600px;
    height:300px;
    object-fit:cover;
    margin-right:20px;
}
.news-item-content{
    flex:1;
    margin-left:20px;
    height:300px;
    box-sizing:border-box;
    padding-top:40px;
    padding-left:20px;
    border-bottom:1px solid #a7acb2;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}
.news-item-content p{
    color:#acacac;
    font-size:14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-item-content .content{
    margin-bottom:30px;
}
.news-item-content h4{
    color:#fff;
    font-size:24px;
    line-height:1.2em;
    height:2.4em;
    margin:30px 0 15px;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-item-content .more{
    color:#fff;
    font-size:14px;
    margin-top:auto;
    margin-bottom:30px;
    padding-right:20px;
    background-image:url(../imgs/read-more.png);
    background-size:14px 10px;
    background-position:center right;
    background-repeat:no-repeat;
}
.news-item-content .more:hover{
    color:#919191;
}
.news-load-more{
    width:100%;
    height:30px;
    line-height:30px;
    text-align:center;
    background-color:#000;
    font-size:14px;
    color: #fff;
    display:block;
}
.news-load-more:hover{
    color:#fff;
}
/* 祺行活动 end */

/* 内文 start */
.news-head{
    text-align:center;
    margin-top:50px;
    box-sizing:border-box;
    padding:0 20px;
}
.news-head h3{
    position:relative;
    font-size:26px;
    line-height:2;
    color:#fff;
}
.news-head p{
    font-size:16px;
    color:#acacac;
    padding:10px 0;
}
.news-content{
    max-width:800px;
    margin:50px auto 0;
    box-sizing:border-box;
    font-size:16px;
    color:#ffffff;
    letter-spacing:1px;
    line-height:2;
}
.news-content img{
    max-width:100%;
    width:100%;
}
.news-content p, .news-content span, .news-content a{
    color:#fff;
}
/* 内文 start */


/* 在线购车 start */
.buycar-goods-list{
    display:flex;
    flex-flow:row wrap;
}
.buycar-goods-item{
    position:relative;
    width:50%;
    height:50vh;
    min-height:400px;
    background-size:cover;
    background-position:center;
    overflow:hidden;
}
.buycar-goods-item.buycar-goods__full-item{
    width:100%;
    height:100vh;
}
.buycar-goods-item .buycar-goods__image{
    position:relative;
    width:100%;
    height:100%;
}
.buycar-goods-item .buycar-goods__image img{
    width:100%;
    height:100%;
    object-fit:cover;
    pointer-events:none;
}
.buycar-goods-item .buycar-goods__image::after{
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:linear-gradient(to right, rgba(0,0,0,0.2), rgba(0,0,0,0));
}
.buycar-goods-item.buycar-goods__full-item .buycar-goods__content{
    left:14%;
    padding-top:85px;
}
.buycar-goods-item .buycar-goods__content{
    position:absolute;
    left:50px;
    top:0;
    width:auto;
    height:100%;
    color:#fff;
    box-sizing:border-box;
    padding:25px;
    padding-top:60px;
    display:flex;
    flex-direction:column;
    transition:all 0.5s linear;
}
.buycar-goods__content h3{
    height:50px;
    padding:10px 0 10px;
    font-size:32px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.buycar-goods__content h3 img{
    max-width:100%;
    max-height:100%;
}
.buycar-goods__content b{
    display:block;
    width:30px;
    height:2px;
    background-color:var(--color2);
    margin-bottom:20px;
}
.buycar-goods__content span{
    font-size:14px;
}
.buycar-goods__content p{
    font-size:22px;
}
.buycar-goods__content a{
    display:block;
    margin-top:auto;
    margin-bottom:30px;
    width:145px;
    height:30px;
    border:1px solid var(--color2);
    text-align:center;
    line-height:30px;
    color: var(--color2);
    font-size:14px;
    transition:all 0.2s linear;
}
.buycar-goods__content a:hover{
    color:#fff;
    background-color:var(--color4);
    border-color:var(--color4);
    opacity:0.75 !important;
}
.buycar-goods-item.buycar-goods__full-item .buycar-goods__content{
    padding-top:120px;
}
.buycar-goods-item.buycar-goods__full-item .buycar-goods__content a{
    margin-bottom:20vh;
}
.buycar-goods-item.buycar-goods__full-item .buycar-goods__content a:hover{

}

.buycar-app{
    position:relative;
}
.buycar-app .container{
    position:relative;
    z-index:1;
    display:flex;
    flex-flow:row wrap;
    justify-content:center;
    align-items:center;
    padding-top:50px;
}
.buycar-app::before{
    content:'';
    display:block;
    position:absolute;
    bottom:0;
    width:100%;
    height:50%;
    /* background-color:#000; */
    opacity:0.4;
}
.buycar-app-screen{
    margin-right:100px;
}
.buycar-app-screen img{
    width:245px;
}
.buycar-app-content{
    margin-right:80px;
    padding-top:10px;
}
.buycar-app-text{
    color:#fff;
    margin-bottom:20px;
}
.buycar-app-text h3{
    font-size:30px;
    font-family:SourceHanSerif;
}
.buycar-app-text p{
    font-size:14px;
}
.buycar-app-download{
    display:flex;
    flex-direction:row;
    align-items:center;
}
.buycar-app-download .code{
    width:110px;
    height:110px;
    border:5px solid #fff;
    background-color:#fff;
}
.buycar-app-download .btns{
    padding-left:20px;
}
.buycar-app-download .btns a{
    display:block;
    width:130px;
    height:32px;
    line-height:32px;
    font-size:14px;
    color:#fff;
    border:1px solid #fff;
    text-align:center;
    border-radius:16px;
    margin:20px 0;
}
/* 在线购车 end */


/* 购车详情 start */
.buycar-detail{
    height:auto;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:top center;
    padding-top:60px;
    overflow:hidden;
}
.buycar-choose-menu{
    border-bottom:1px solid rgba(255, 255, 255, 0.3);
    overflow:visible;
}
.buycar-choose-menu-swiper{
    color:#fff;
    max-width:900px;
    margin:0 auto;
    box-sizing:border-box;
}
.buycar-choose-menu .swiper-slide{
    position:relative;
    text-align:center;
    cursor:pointer;
    line-height:69px;
    font-size:18px;
}
.buycar-choose-menu .swiper-slide.on{
    font-weight:bold;
}
.buycar-choose-menu .swiper-slide.on::after{
    content: '';
    position:absolute;
    bottom:0;
    left:50%;
    width:40px;
    height:5px;
    background-color:var(--color2);
    transform:translate(-50%,50%);
}

.buycar-detail-main{
    position:relative;
    height:calc(100vh - 200px);
    min-height:500px;
    overflow:hidden;
}
.buycar-detail_main-real{
    position:absolute;
    z-index:10;
    top:0;
    left:0;
    width:100%;
    transform:translateY(0);
    opacity:1;
}
.buycar-detail_main-real.conceal{
    transform:translateY(-100vh);
}
.buycar-detail_main-real .buycar-real{
    padding-top:50px;
}
.buycar-detail_main-real .buycar-real-body{
    position:relative;
    width:100%;
}
.buycar-detail_main-real .buycar-real-body .buycar-real-left{
    position:absolute;
    top:0;
    left:0;
    width:calc(75% - 50px);
    margin-right:50px;
    overflow:hidden;
}
.buycar-real-left .buycar-realibox{
    position:relative;
    width:90%;
    height:calc(100vh - 270px);
    margin:0 auto;
}
.realibox-loading{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#191919;
}
.realibox-loading .realibox-loading-box{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
}
.realibox-loading .realibox-loading-box .realibox__loading-icon{
    width:30px;
    height:30px;
    display: inline-block;
    vertical-align: middle;
    animation: rotate 1s steps(12) infinite;
    background: transparent url(../imgs/loading.svg) no-repeat;
    background-size: 100%;
}
.buycar-real-left .buycar-realibox canvas{
    width:100% !important;
    height:100% !important;
    object-fit:cover;
}

.buycar-detail_main-content{
    height:100%;
}
.buycar-detail_main-content.conceal{
    opacity:0;
}
.buycar-choose{
    display:none;
    height:100%;
    box-sizing:border-box;
    padding:50px 0;
}
.buycar-choose.active{
    display:block;
}
.buycar-choose .buycar-choose-body{
    height:100%;
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
    overflow:hidden;
}
.buycar-choose-desc{
    min-height:50vh;
    display:flex;
    align-items:center;
    justify-content:center;
}
.buycar-choose-desc strong{
    font-size:36px;
    color:#fff;
    text-align:center;
}
.buycar-choose-body .buycar-choose-left{
    width:calc(75% - 50px);
    height:100%;
    margin-right:50px;
    overflow:hidden;
}
.buycar-swiper{
    --swiper-pagination-color: var(--color2);
    --swiper-navigation-color: #ffffff;
    --swiper-navigation-size: 30px;
}
.buycar-choose-left .buycar-swiper{
    position:relative;
    width:100%;
    height:100%;
}
.buycar-choose-left .buycar-swiper .swiper-pagination-bullet{
    width:50px;
    height:3px;
    border-radius:0;
    background-color:rgba(255,255,255,0.5);
}
.buycar-choose-left .buycar-swiper .swiper-pagination-bullet-active{
    background-color:var(--color2);
}
.buycar-choose-left .buycar-swiper .swiper-slide{
    text-align:center;
    height:100%; 
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
}
.buycar-choose-left .buycar-swiper .swiper-slide img{
    max-width:90%;
    max-height:100%;
    object-fit:cover;
}
.buycar-choose-body .buycar-choose-right{
    width:25%;
    height:100%;
    color:#fff;
}
.buycar-choose-mold{
    height:100%;
    display:flex;
    flex-direction:column;
}
.buycar-choose-mold h4{
    font-size:20px;
    line-height:40px;
    margin-bottom:10px;
}
.buycar-choose-mold ul{
    width:100%;
    max-height:calc(100% - 50px - 50px);
    overflow-y:auto;
    box-sizing:border-box;
    padding-right:10px;
}
.buycar-choose-mold ul li{
    width:100%;
    height:40px;
    border:1px solid #5a5a5a;
    background-color:#000;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    box-sizing:border-box;
    padding:0 20px;
    margin-bottom:10px;
    cursor:pointer;
    font-size:14px;
}
.buycar-choose-mold ul li span:first-child{
    margin-right:10px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}
.buycar-choose-mold ul li.on{
    border:3px solid var(--color2);
}
.buycar-choose-mold dl{
    width:80%;
    max-height:calc(100% - 50px - 50px);
    overflow-y:auto;
    overflow-x:hidden;
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
    font-size:14px;
}
.buycar-choose-mold ul::-webkit-scrollbar, .buycar-choose-mold dl::-webkit-scrollbar{
    width:4px;
    border-radius:4px;
    background-color:rgba(0, 0, 0, 0.8);
}
.buycar-choose-mold ul::-webkit-scrollbar-thumb, .buycar-choose-mold dl::-webkit-scrollbar-thumb{
    border-radius:2px;
    background-color:rgba(255, 255, 255, 0.2);
}
.buycar-choose-mold dl dd{
    width:50%;
    text-align:center;
    margin-top:10px;
    cursor:pointer;
    display:flex;
    flex-direction:column;
    align-items:center;
}
.buycar-choose-mold dl dd span{
    width:8em;
    max-width:100%;
    overflow:hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}
.buycar-choose-mold dl dd img{
    width:70%;
    height:auto;
    border-radius:50%;
    padding:4px;
    object-fit:cover;
}
.buycar-choose-mold dl dd.on img{
    box-shadow:0 0 0 2px var(--color2);
}
.buycar-choose-mold dl dd span{
    display:inline-block;
    padding-top:8px;
}
.buycar-choose-mold dl dd em{
    font-size:12px;
    color:#eaeaea;
    line-height:1.2;
}
.buycar-choose-mold .buycar-choose-btns{
    width:100%;
    height:50px;
    box-sizing:border-box;
    padding-top:10px;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-end;
    margin-top:auto;
}
.buycar-choose-mold .buycar-choose-btns .buycar-choose-btn{
    width:100px;
    height:34px;
    box-sizing:border-box;
    border:2px solid #fff;
    color:#fff;
    padding:0;
    line-height:30px;
    font-size:14px;
    background-color:transparent;
    cursor:pointer;
    transition:all 0.2s linear;
}
.buycar-choose-mold .buycar-choose-btns .buycar-choose-btn.buycar-choose__btn-prev{
    margin-right:auto;
}
.buycar-order-wrap{
    display:none;
    height:100%;
    overflow-y:auto;
}
.buycar-order-wrap::-webkit-scrollbar{
    width:0;
}
.buycar-order-wrap.active{
    display:block;
}
.buycar-order-wrap .buycar-order-body{
    display:flex;
    flex-direction:column;
}
.buycar-order_car-message{
    width:100%;
    display:flex;
    flex-direction:row;
    padding-top:30px;
    padding-bottom:50px;
    border-bottom:1px solid #a7acb2;
}
.buycar-order_car-look{
    width:55%;
    box-sizing:border-box;
    padding:0 40px;
    text-align:center;
}
.buycar-order_car-look .buycar-order-car{
    width:80%;
}
.buycar-order_look-items{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}
.buycar-order_look-items .buycar-order_look-item{
    width:33%;
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-bottom:20px;
}
.buycar-order_look-items .buycar-order_look-item img{
    width:60px;
    height:60px;
    object-fit:cover;
    border-radius:50%;
    overflow:hidden;
    background-color:#000;
}
.buycar-order_look-items .buycar-order_look-item strong{
    display:block;
    color:#c0c0c0;
    font-size:16px;
    padding-top:10px;
    font-weight:normal;
}
.buycar-order_look-items .buycar-order_look-item span{
    line-height:1;
    display:block;
    color:#c0c0c0;
    font-size:14px;
}
.buycar-order_car-info{
    width:45%;
}
.buycar-order_car-info-title{
    font-size:36px;
    line-height:2;
    color:#fff;
    padding-top:50px;
}
.buycar-order_car-info-title .sub{
    font-size:28px;
}
.buycar-info-item{
    font-size:18px;
    padding-top:30px;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:flex-start;
    line-height:2em;
    color:#fff;
}
.buycar-info-item .detail{
    flex:1;
    text-align:right;
    color:#c0c0c0;
}
.buycar-order_info-form, .buycar-info-form{
    width:100%;
}
.buycar-info__form-top{
    width:100%;
    display:flex;
    flex-direction:column;
    padding-top:60px;
    padding-bottom:60px;
    border-bottom:1px solid #a7acb2;
}
.buycar-order-head{
    display:flex;
    flex-direction:row;
    align-items:flex-end;
    padding-bottom:20px;
    padding-top:10px;
}
.buycar-order-head.column{
    flex-direction:column;
    align-items:flex-start;
}
.buycar-order-head h4{
    position:relative;
    font-size:20px;
    line-height:1;
    color:#fff;
    padding-left:65px;
}
.buycar-order-head p{
    font-size:12px;
    line-height:1;
    color:#c0c0c0;
    margin-left:40px;
}
.buycar-order-head.column p{
    padding-left:65px;
    margin-left:0;
    margin-top:10px;
    line-height:1.2;
}
.buycar-info__form-top .layui-form-items{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    box-sizing:border-box;
    padding-left:50px;
}
.buycar-info__form-top .layui-form-items .layui-form-item{
    width:calc(100% / 3);
    box-sizing: border-box;
    margin-top:25px;
    margin-bottom:0;
}
.buycar-info__form-bottom{
    display:flex;
    flex-direction:row;
    padding:60px 0 0;
}
.buycar-info__form-bottom .buycar-info__form-block{
    width:50%;
    padding-bottom:60px;
}
.buycar-info__form-bottom .buycar-info__form-block:nth-child(1){
    border-right:1px solid #a7acb2;
}
.buycar-info__form-bottom .layui-form-item{
    padding-left:50px;
    box-sizing: border-box;
    margin-top:25px;
    margin-bottom:0;
}

.buycar-info-form .layui-form-item .layui-form-label{
    width:100px;
    font-size:16px;
    text-align:left;
    color:#fff;
    white-space: nowrap;
}
.buycar-info-form .layui-form-item  .layui-input-block.ml{
    margin-left:15px;
}
.buycar-info-form .layui-form-item  .layui-input-block.ml .pay-draw-pirce{
    display: inline-block;
    vertical-align: middle;
    line-height: 28px;
    margin: 6px 0 0 auto;
    cursor: pointer;
    font-size: 16px;
    float:right;
    color:#fff;
}
.buycar-info-form .layui-form-item .layui-form-radio div{
    font-size:16px;
    color:#fff;
    min-width:2em;
}
.buycar-info-form .layui-form-item .layui-form-radio div span{
    padding-left:10px;
    color:#919191;
    font-size:12px;
}
.buycar-info-form .layui-form-item .layui-form-radio i{
    color:#fff;
}
.buycar-info-form .layui-form-item .layui-input{
    background-color:transparent;
    border:unset;
    font-size:16px;
    color:#fff;
    padding-left:0;
}
.buycar-info-form .layui-form-item .layui-input-block .layui-form-select{
    width:80%;
}
.buycar-info-form .layui-form-item.trigger-choose__dealer .layui-input{
    cursor: pointer !important;
    color:#fff !important;
}
.buycar-info-form .layui-form-item .layui-form-select{
    font-size:16px;
    color:#aaa;
}
.buycar-order-state{
    font-size:14px;
    color:#c0c0c0;
    line-height:1.5;
    padding-left:45px;
    margin-top:10px;
}
.buycar-order-state li{
    width:80%;
    white-space: pre-line;
}
.buycar-detail-footer{
    width:100%;
    height:70px;
    background-color:#e4e4e4;
}
.buycar-detail-footer .container{
    padding:10px 0;
    height:100%;
    box-sizing:border-box;
    display:flex;
    flex-flow:row wrap;
    align-items:center;
    justify-content:space-between;
}
.buycar-detail-footer .container>div{
    display:flex;
    flex-flow:row wrap;
    align-items:center;
}
.buycar-detail-footer.on .container .buycar-detail-footer-left{
    width:100%;
    justify-content:space-between;
}
.buycar-detail-footer.on .container .buycar-detail-footer-right{
    display:none;
}
.buycar-car-title{
    height:100%;
    padding-right:30px;
}
.buycar-car-title img{
    max-height:40px;
}
.buycar-car-title h4{
    font-size:24px;
    color:#000;
}
.buycar-car-count{
    position:relative;
    color:#000;
    font-size:28px;
    display:flex;
    align-items:flex-end;
    padding-left:30px;
}
.buycar-car-count::before{
    content:'';
    display:inline-block;
    position:absolute;
    left:0;
    top:15%;
    bottom:15%;
    border-left:2px solid #000;
}
.buycar-car-count .hint1{
    font-size:12px;
    margin-bottom:6px;
    display:none;
    line-height:1;
    bottom:0;
}
.buycar-car-count .hint2{
    font-size:16px;
    display:block;
    padding-bottom:6px;
    line-height:1;
    bottom:0;
}
.buycar-detail-footer.on .container .buycar-detail-footer-left .buycar-car-count .hint1{
    display:block;
}
.buycar-detail-footer.on .container .buycar-detail-footer-left .buycar-car-count .hint2{
    display:none;
}
.buycar-detail-footer-right{
    justify-content:flex-end;
}
.buycar-detail-footer-state{
    color:#000;
    font-size:12px;
    line-height:1.3;
    text-align:right;
    margin-right:20px;
}
.buycar-order-submit{
    color:#fff;
    padding:0 40px;
    font-size:16px;
    height:40px;
    line-height:40px;
    border:none;
    outline:none;
    text-align:center;
    background-color:#000;
    vertical-align:middle;
    cursor:pointer;
}
.buycar-order-submit[disabled=disabled]{
    background-color:#cccc;   
}
.buycar-dealer__body{
    position:fixed;
    z-index:100;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(255, 255, 255, 0.3);
    text-align:center;
}
.buycar-dealer__content{
    display:inline-block;
    margin:0 auto;
    position:relative;
    height:100%;
}
.buycar-dealer__content-box{
    width:47vw;
    height:41vw;
    min-width:600px;
    min-height:520px;
    max-height:100%;
    background-color:#fff;
    box-sizing:border-box;
    padding:0 5px;
    text-align:left;
    display:flex;
    flex-direction:column;
}
.buycar-dealer__content-title{
    padding:10px 0;
    font-size:18px;
    color:#000;
    text-align:center;
}
.buycar-dealer__content-select{
}
.buycar-dealer-form{
    display:flex;
    flex-direction:row;
    align-items:center;
}
.buycar-dealer-form .layui-form-item{
    width:25%;
    margin-left:50px;
    margin-bottom:0;
}
.buycar-dealer-form .layui-form-item .layui-input-block{
    margin-left:0;
    min-height:30px;
}
.buycar-dealer-form .layui-form-item .layui-input-block .layui-input{
    font-size:12px;
    height:30px;
    line-height:30px;
    background-color:#f7f8fa;
    color:#000;
    border:none;
}
.buycar-dealer__content-main{
    flex:1;
    width:100%;
    display:flex;
    flex-direction:row;
    box-sizing:border-box;
    padding:20px 0;
    overflow:hidden;
}
.buycar-dealer__content-map{
    flex:1;
    height:100%;
}
.buycar-dealer__content-rests{
    width:200px;
    height:100%;
    overflow:hidden;
    display:flex;
    flex-direction:column;
}
.buycar-dealer__content-store{
    flex:1;
    width:100%;
    overflow-y:auto;
}
.buycar-dealer__content-store .dealer-store__item{
    padding:10px 0;
    cursor:pointer;
}
.buycar-dealer__content-store .dealer-store__item.active{
    background-color:#f8f8f8;
}
.buycar-dealer__content-store .dealer-store__item h4{
    padding:0 10px;
    font-weight:bold;
    padding-bottom:3px;
}
.buycar-dealer__content-store .dealer-store__item p{
    padding:0 10px;
    color:#909bac;
}
.buycar-dealer__content-store::-webkit-scrollbar {
    width:3px;
}
.buycar-dealer__content-store::-webkit-scrollbar-thumb {
    border-radius:2px;
    background-color:rgba(0, 0, 0, 0.3);
}
.buycar-dealer__content-bnts{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    padding-top:10px;
}
.buycar-dealer__choose-btn{
    width:70px;
    height:20px;
    line-height:20px;
    font-size:12px;
    border-radius:12px;
    border:1.5px solid var(--color3);
    background-color:transparent;
    margin:0 5px;
    cursor:pointer;
}
.buycar-dealer__choose-btn.buycar-dealer__choose-confirm{
    color:#fff;
    background-color:var(--color4);
}
/* 购车详情 end */

/* 订单支付 start */
.order-pay-container{
    padding-top:10px;
    min-height:600px;
}
.order-pay-info{
    color:#fff;
    font-size:14px;
    line-height:40px;
    display:flex;
    flex-direction:row;
}
.order-pay-info.hide{
    display:none;
}
.order-pay-info .sum{
    padding-left:100px;
}
.order-pay-info .sum span{
    color:var(--color1);
}
.order-pay-content{
    position:relative;
}
.order-pay-content.hide{
    display:none;
}
.order-pay-content .order-pay__content-tabs{
    display:none;
}
.order-pay-content .order-pay__content-tabs.active{
    display:block;
}
.order-pay-content .layui-tab-title{
    color:#fff;
}
.order-pay-content .layui-tab-title .layui-this{
    color:var(--color1);
}
.order-pay-content .layui-tab-title .layui-this::after{
    border-color:var(--color1);
}
.order-pay-content .bank-form{
    margin-top:40px;
}
.order-pay-content .layui-tab-content{
    position:relative;
}
.order-pay-content .pay-code-box{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
}
.order-pay-content .pay-code-box .order-pay_code{
    width:200px;
    height:200px;
    background-color:#fff;
    border:10px solid #fff;
}
.order-pay-content .pay-code-box .order-pay_code canvas{
    width:100%;
    height:100%;
}
.order-pay-content .pay-code-box .pay-code-tips{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    margin-top:10px;
}
.order-pay-content .pay-code-box .pay-code-tips img{
    width:15px;
    height:15px;

}
.order-pay-content .pay-code-box .pay-code-tips p{
    color:#fff;
    font-size:12px;
    padding-left:5px;
}
.order-pay-content .pay-code-box .guide-img{
    width:350px;
    margin-left:100px;
}
.order-pay-content .layui-tab-content .bank-form .bank-card{
    position:absolute;
    top:0;
    right:50px;
    width:35%;
    height:auto;
}
.order-pay-content .layui-form-item{
    width:45%;
    margin-bottom:25px;
}
.order-pay-content .layui-form-item .layui-form-label{
    white-space:nowrap;
}
.order-pay-content .layui-form-item.is-required .layui-form-label::before{
    content: "*";
    color: #f56c6c;
    margin-right: 4px;
}
.order-pay-content  .bank-pay-agreement{
    margin-left:110px;
    color:#fff;
    display:flex;
    align-items:center;
}
.order-pay-content .bank-pay-agreement .agreement-icon{
    position:relative;
    width:14px;
    height:14px;
    display:inline-block;
    border-radius:50%;
    border:1px solid #fff;
    cursor:pointer;
}
.order-pay-content .bank-pay-agreement .agreement-icon.selected{
    border-color:var(--color2);
}
.order-pay-content .bank-pay-agreement .agreement-icon.selected::after{
    content:"";
    display:block;
    width:60%;
    height:30%;
    border-bottom:2px solid #fff;
    border-left:2px solid #fff;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -60%) rotate(-45deg);
    border-bottom-left-radius:2px;
}
.order-pay-content .bank-pay-agreement .agreement-text{
    display:flex;
    flex-direction:row;
    align-items:center;
    font-size:14px;
    margin-left:20px;
}
.order-pay-content .bank-pay-agreement .agreement-text .text2{
    cursor:pointer;
}
.order-pay-content .layui-form-item{
    position:relative;
}
.order-pay-content .layui-form-item .pay-sms-send{
    position:absolute;
    right:0;
    top:0;
    background-color:transparent;
    color:var(--color1);
}
.order-pay-content .layui-form-item .pay-sms-send[disabled=disabled]{
    background-color:transparent !important;
    cursor: pointer !important;
}
.order-pay-content .layui-form-item .layui-btn[lay-submit]{
    display:block;
    width:200px;
    margin-top:50px;
    margin-bottom:30px;
}
.order-pay-content .layui-form-item .layui-btn[disabled=disabled]{
    background-color:#ccc;
    cursor: not-allowed;
}
.order-pay-content .layui-form-item .layui-form-label{
    color:#fff;
    font-size:14px;
}
.bank-popUp{
    background-attachment: fixed;
}
.bank-popUp .bank-popUp-main{
    position:fixed;
    z-index:100;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
    background-color:rgba(250,250,250,0.3);
}
.bank-popUp .bank-popUp-content{
    position:relative;
    margin:0 auto;
    width:50vw;
    height:100%;
    display:inline-block;
}
.bank-popUp .bank-popUp-blackBg{
    width:100%;
    height:100%;
    background-color:#000;
    box-sizing: border-box;
    padding:30px 20px 0;
}
.bank-popUp .bank-popUp-blackBg h1{
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    line-height: 2;
    margin: 0 auto 20px;
}
.bank-popUp .bank-popUp-blackBg .text{
    height:75%;
    width:100%;
    overflow-y:auto;
    color:#fff;
    text-align:left;
    text-indent:2em;
    line-height:1.52;
}
.bank-popUp .bank-popUp-blackBg .text h2{
    margin-bottom:10px;
    font-weight:600;
    font-size:14px;
}
.bank-popUp .bank-popUp-blackBg .text h3{
    margin-bottom:10px;
    font-size:12px;
}
.bank-popUp .bank-popUp-blackBg .agree_btn{
    width:100%;
    padding:0;
    height:40px;
    line-height:40px;
    border-radius:20px;
    background-color:var(--color2);
    color:#000;
    font-size:16px;
    margin-top:30px;
    cursor:pointer;
}
.bank-popUp .bank-popUp-close{
    position:absolute;
    right:-25px;
    top:0;
    width:25px;
    height:25px;
    background-color:#fff;
    cursor:pointer;
}
.bank-popUp .bank-popUp-close::before, .bank-popUp .bank-popUp-close::after{
    content:'';
    display:block;
    width:2px;
    height:20px;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-1px;
    margin-top:-10px;
    background-color:#000;
}
.bank-popUp .bank-popUp-close::after{
    transform:rotate(45deg);
}
.bank-popUp .bank-popUp-close::before{
    transform:rotate(-45deg);    
}
.order-pay-content .order-tradeTime{
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    font-size: 14px;
    height: 40px;
    padding: 0 20px;
    display:flex;
    flex-direction:row;
    align-items:center;
}
.order-tradeTime .icon{
    width:20px;
    margin-right: 5px;
}
.order-tradeTime .order-tradeTime__hint span{
    color:var(--color1);
}
.order-pay_state-wrapper{
    margin:100px 0 50px;
}
.order-pay_state-wrapper.hide{
    display:none;
}
.order-state_content{
    text-align:center;
}
.order-state_content .icon{
    width:40px;
    height:40px;
    margin-bottom:10px;
}
.order-state_content .title{
    color:#fff;
    font-size:18px;
    margin-bottom:10px;
}
.order-state_content .title .result{
    color:var(--color1);
}
.order-state_content .hint{
    color:#fff;
    font-size:14px;
    margin-bottom:30px;
}
.order-state_content .hint .link{
    color:var(--color1);
}
.order-state_content .imgs{
    width:150px;
    height:150px;
    margin-bottom:30px;
}
.order-state_content .tips{
    color: #888;
    font-size:14px;
    margin-bottom:100px;
}
.order-pay-state{
    margin:100px 0 100px;
}
/* 订单支付 end */

/* 预约试驾 start */
.trial-container{
    padding-top:60px;
    background-color:#191919;
    background-image:url(../imgs/testdrive-bg.jpg);
    background-size:cover;
    background-position:top center;
    background-repeat:no-repeat;
    overflow:visible;
}
.trial-container .trial-main{
    padding:60px 0;
    box-sizing:border-box;
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
    overflow:visible;
}
.trial-head{
    color:#fff;
}
.trial-head h3{
    font-size:42px;
}
.trial-head p{
    font-size:14px;
}
.trial-content{
    width:480px;
    height:auto;
    box-sizing:border-box;
    padding:30px;
    background-color:rgba(255, 255, 255, 0.8);
}
.trial-form-item{
    width:100%;
    height:50px;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    margin-bottom:25px;
}
.trial-form-item:last-child{
    margin-bottom:0;
}
.trial-form-item .layui-input-block{
    flex:1;
    margin-left:0;
}
.trial-form-item .layui-input-block.trial-form-name{
    flex:2;
    margin-right:10px;
}
.trial-form-item .layui-input-block.trial-form-tel{
    flex:2.5;
}
.trial-form-item .layui-input-block.trial-form-code{
    flex:1.5;
    margin:0 10px;
}
.trial-form-item .layui-input-block.trial-form-smsSend{
    flex:1.2;
}
.trial-form-item .layui-input-block.trial-form-province{
    margin-right:10px;
}
.trial-form-item input[type='text']{
    height:50px;
    line-height:50px;
    background-color:transparent;
    border:none;
    outline:none;
    color:#000;
    box-sizing:border-box;
    padding:0 20px;
    font-size:16px;
    border-bottom:1px solid #000;
    appearance: none;
}
.trial-form-item .layui-input-block.trial-form-code input[type='text']{
    padding:0 10px;
}
.trial-form-item .layui-input-block.trial-form-smsSend button{
    width:100%;
    height:50px;
    line-height:50px;
    background-color:transparent;
    border:none;
    text-align:center;
    font-size:14px;
    color:#000;
    cursor:pointer;
    border-bottom:1px solid #000;
}
.trial-form-agreement{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;
}
.trial-form-agreement .agreement-icon{
    position:relative;
    width:20px;
    height:20px;
    border:1px solid var(--color2);
    cursor:pointer;
}
.trial-form-agreement .agreement-icon.selected::after{
    content: "";
    display: block;
    width: 70%;
    height: 25%;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -60%) rotate(-50deg);
    border-bottom-left-radius: 2px;
}
.trial-form-agreement .agreement-text{
    display:flex;
    flex-direction:row;
    align-items:center;
    color:#959595;
    font-size:16px;
    padding-left:10px;
}
.trial-form-agreement .agreement-text .agreementShow{
    cursor:pointer;
}
.trial-form-subimt{
    display: block;
    width: 100%;
    height: 40px;
    line-height: 38px;
    box-sizing: border-box;
    border: 1px solid #3f3f3f;
    background-color:#3f3f3f;
    color: #fff;
    text-align: center;
    font-size: 18px;
    letter-spacing: 0.2em;
}
.trial-form-subimt:hover{
    opacity:1;
    color:var(--hover-color2);
}
/* 预约试驾 end */


/* 环保信息查询 start */
.protect-container{
    background-color:#191919;
    background-image: url(../imgs/protect-bg.jpg);
    background-size:100% auto;
    padding:70px 0 110px;
}
.protect-table{
    background-color:transparent;
}
.protect-table thead{
    border-bottom:2px solid var(--color2);
}
.protect-table th{
    font-size:20px!important;
    color:var(--color2);
}
.protect-table th, .protect-table td {
    text-align: center!important;
}
.protect-table tr{
    background-color:transparent !important;
}
.protect-table td {
    color:#fff;
}
.protect-table tbody tr{
    position: relative;
}
.protect-table tbody tr::after{
    position:absolute;
    bottom:0;
    left:2%;
    right:2%;
    content:'';
    display:inline-block;
    border-bottom:1px dashed #3b3b3b;

}

.protect-table[lay-size=lg] td,
.protect-table[lay-size=lg] th {
    padding: 25px 30px !important;
}

.protect-button {
    display:block;
    margin: 0 auto;
    color: #fff;
    display:flex;
    align-items:center;
    justify-content:center;
}

.protect-button::after{
    position:relative;
    content: '\00BB';
    display:block;
    font-size:24px;
    bottom:2px;
    margin-left:10px;
}
/* 环保信息查询 end */

/* 了解传祺 start */
.about-wrapper{
    padding:120px 0;
    background:url(../imgs/about-bg.jpg)center/cover;
}
.about-head{
    text-align:center;
    font-size:34px;
    color:#ffffff;
    margin-bottom:80px;
    display:flex;
    flex-direction:column;
    align-items:center;
}
.about-head span{
    position:relative;
    text-transform:Uppercase;
    letter-spacing:0.1em;
    padding-bottom:5px;
}
.about-head span::after{
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    content:'';
    display:block;
    border-bottom:2px solid #8b8b8c;
    width:100%;
    min-width:220px;
    max-width:380px;
}
.about-head h3{
    margin-top:10px;
}
.about-head p{
    margin-top:40px;
    font-size:20px;
}
.about-text p{
    color:#fff;
    margin-bottom:20px;
    text-align:center;
    font-size:16px;
}
.about-content img{
    width:100%;
    height:auto;
}
.about-brand-course{
    padding:80px 0;
    background:url(../imgs/about-course-bg.jpg) center/cover;
}
.about-brand-course .container{
    overflow:inherit;
}
.about-brand-swiper{
    position:relative;
    width:100%;
    --swiper-navigation-color: #ffffff;
    --swiper-navigation-size: 30px;
    overflow:inherit;
}
.about-brand-swiper .swiper-slide{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}
.about-brand-swiper .about-brand-slide-item{
    width:calc((100% - 60px) / 3);
    max-width:100%;
    margin-right:30px;
    padding-bottom:30px;
}
.about-brand-swiper .about-brand-slide-item:nth-child(3n){
    margin-right:0;
}
.about-brand-swiper .about-brand-slide-item img{
    width:100%;
    height:238px;
}
.about-brand-swiper .about-brand-slide-item p{
    color:#fff;
    font-size:16px;
    padding-top:10px;
    text-align:center;
}
.about-brand-swiper .swiper-button-next{
    right:-50px;
    top:50%;
    transform:translateY(calc(-50% - 17px));
}
.about-brand-swiper .swiper-button-prev{
    left:-50px;
    top:50%;
    transform:translateY(calc(-50% - 17px));
}
.about-timeline-swiper{
    position:relative;
    width:800px;
    max-width:100%;
    margin:50px auto 0;
    overflow:hidden;
}
.about-timeline-line{
    position: absolute;
    width: 100%;
    top: 3px;
    left: 0;
    height: 6px;
    background-color: #6F6F6F;
    border-radius: 5px;
}
.about-timeline-swiper .about-timeline-item{
    flex:1;
    color:#fff;
    display: flex;
    flex-direction:column;
    align-items:center;
    font-size: 16px;
    cursor:pointer;
}
.about-timeline-swiper .about-timeline-item i{
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #eee;
    margin: 0 auto;
    margin-bottom: 10px;
}
.about-timeline-swiper .about-timeline-item.swiper-slide-thumb-active i{
    background-color:var(--color4);
}

.about-slides{
    padding:0 50px;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}
.about-slide-item{
    width:25%;
    box-sizing:border-box;
    padding:60px 20px 40px;
    text-align:center;
    color:#fff;
}
.about-slide-item:nth-child(1), .about-slide-item:nth-child(3n), .about-slide-item:nth-child(8n), .about-slide-item:nth-child(10n+1), .about-slide-item:nth-child(8n), .about-slide-item:nth-child(13n+1){
    background:rgba(28,28,28,0.8);
}
.about-slide-item:nth-child(5n),.about-slide-item:nth-child(12n){
    background-color:transparent;
}
.about-slide-item span{
    font-size:22px;
    line-height:2;
}
.about-slide-item p{
    font-size:16px;
    line-height:1.5;
    height:6em;
    padding-top:30px;
}
.about-slide-item img{
    width:200px;
    height:130px;
    object-fit:cover;
    border-radius:4px;
}
.about-factory{
    background:url(../imgs/about-factory-bg.jpg) center/cover;
}
.about-items{
    padding-top:30px;
    display:flex;
    flex-flow:row wrap;
    flex-wrap:wrap;
}
.about-item{
    position:relative;
    width:calc((100% - 60px) / 4);
    margin-right:20px;
    text-align:center;
}
.about-item:last-child{
    margin-right:0;
}
.about-item img{
    width:100%;
    height:auto;
    opacity:0.3;
}
.about-item-content{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.about-item-content a{
    color:#fff;
    display:inline-block;
    line-height:2;
}
.about-item-title a{
    font-size:18px;
    border-bottom:1px solid #fff;
}
.about-item-title a:hover{
    color:var(--hover-color2);
    border-color:var(--color2);
}
.about-item-text{
    position:absolute;
    bottom:20px;
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.about-item-text a{
    font-size:14px;
    opacity:0.5;
}
.about-item-text a:hover{
    color:var(--hover-color2);
    opacity:1;
}
.about-item-text a::before{
    content:'\003E';
}
.about-item-text a::after{
    content:'\003C';
}
.about-item-text a::before, .about-item-text a::after{
    display:inline-block;
    margin:0 5px;
}
/* 了解传祺 end */

/* 品牌文化 start */
.about-brand-idea{
    padding:100px 0 100px;
    background:url(../imgs/about-value-idea-bg.jpg) no-repeat center / cover;
}
.about-brand-goal{
    height:800px;
    background:url(../imgs/about-brand-goal-bg.jpg) no-repeat center / cover;
}
.about-brand-goal .container{
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-end;
}

.about-brand-goal .about-head{
    align-items:flex-end;
}
.about-brand-goal .about-head h3{
    padding-right:10px;
}
.about-brand-goal .about-head span::after{
    left:auto;
    right:10px;
    transform:translateX(0);
}
.about-brand-goal .about-content{
    padding-right:10px;
}
.nucleus-items{
    display:flex;
    flex-flow:column wrap;
    height:600px;
}
.nucleus-item{
    width:66.666%;
    height:300px;
    display:flex;
    flex-flow:row wrap;
}
.nucleus-item img{
    width:50%;
    height:300px;
    object-fit:cover;
}
.nucleus-item:nth-child(2n) img{
    order:2;
}
.nucleus-item:nth-child(2n) .nucleus-content{
    order:1;
}
.nucleus-item:nth-child(3){
    width:33.333%;
    height:600px;
    flex-direction:column;
}
.nucleus-item:nth-child(3) img{
    width:100%;
}
.nucleus-content{
    position:relative;
    flex:1;
    box-sizing:border-box;
    padding:0 20px;
    background-color:#191919;
}
.nucleus-content h4{
    color: #909090;
    opacity:0.1;
    font-size:120px;
}
.nucleus-content p{
    color:#fff;
    font-size:14px;
}
.nucleus-item .nucleus-content::after{
    position:absolute;
    content:'';
    display:block;
}
.nucleus-item:nth-child(1) .nucleus-content::after{
    top:50px;
    left:0;
    transform:translateX(-90%);
    border-top:10px solid transparent;
    border-left:20px solid transparent;
    border-right:20px solid #191919;
    border-bottom:10px solid transparent;
}
.nucleus-item:nth-child(2) .nucleus-content::after{
    top:50px;
    right:0;
    transform:translateX(90%);
    border-top:10px solid transparent;
    border-left:20px solid #191919;
    border-right:20px solid transparent;
    border-bottom:10px solid transparent;
}
.nucleus-item:nth-child(3) .nucleus-content::after{
    top:0;
    left:50px;
    transform:translateY(-90%);
    border-top:20px solid transparent;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:20px solid #191919;
}
/* 品牌文化 end */

/* 传祺团队 start */
.about-team-leader{
    padding:50px 0;
    background:url(../imgs/about-team-leader-bg.jpg) no-repeat center center / cover;
}
.leader-items{
    display:flex;
    flex-direction: column;
}
.leader-item{
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    margin-bottom:50px;
    box-sizing:border-box;
    padding:0 60px;
}
.leader-item:last-child{
    margin-bottom:0;
}
.leader-item img{
    flex:1;
    max-width:400px;
}
.leader-content{
    color:#fff;
    max-width:400px;
    padding:0 20px;
    padding-top:60px;
}
.leader-head{
    position:relative;
    padding-left:30px;
}
.leader-head::before{
    position:absolute;
    left:0;
    top:5%;
    bottom:5%;
    content:'';
    display:block;
    border-left:4px solid var(--color2);
}
.leader-head span{
    font-size:20px;
}
.leader-head h4{
    font-size:44px;
}
.leader-text{
    padding-top:30px;
}
.leader-text p{
    font-size:14px;
}
.leader-item:nth-child(1) img{
    order:2;
}
/* 传祺团队 end */

/* 经销商加盟 start */
.dealer-section{
    width:100%;
}
.dealer-section-ask{
    padding:100px 0 110px;
    background:url(../imgs/dealer-section1-bg.jpg) no-repeat center center / cover;
}
.dealer-requirement{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
}
.dealer-requirement-item{
    position:relative;
    color:#fff;
    width:150px;
    height:350px;
    border:1px solid var(--color2);
    margin-right:60px;
}
.dealer-requirement-item:last-child{
    margin-right:0;
}
.dealer-requirement-item::after{
    content:'\21E2';
    display:inline-block;
    position:absolute;
    right:-30px;
    top:50%;
    font-size:30px;
    transform:translate(50%, -50%);
}
.dealer-requirement-item:last-child::after{
    content:'';
}
.requirement-head{
    position:relative;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
}
.requirement-head::after{
    position:absolute;
    bottom:0;
    left:10%;
    right:10%;
    content:'';
    display:block;
    margin:0 auto;
    border-bottom:1px solid var(--color2);
}
.requirement-head .step{
    font-size:16px;
    text-transform:uppercase;
    writing-mode:vertical-lr;
    border-right:1px solid var(--color2);
    padding-right:5px;
}
.requirement-head p{
    font-size:54px;
    padding-left:8px;
}
.requirement-body{
    padding-top:20px;
}
.requirement-body p{
    width:70%;
    margin:0 auto;
    font-size:16px;
    line-height:1.8;
}
.culture-application{
    display:flex;
    flex-direction:row;
}
.application-item{
    position:relative;
    flex:1;
    height:auto;
}
.application-item img{
    width:100%;
    height:auto;
}
.application-content{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    box-sizing:border-box;
    padding:30% 15% 0 10%;
    color:#fff;
}
.application-head {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
}
.application-head span{
    font-size:28px;
}
.application-head::after{
    content:'';
    display:block;
    width:30px;
    height:14px;
    background:url(../imgs/application-head-icon.png) no-repeat 100% 100%;
}
.application-body{
    margin-top:30%;
    font-size:18px;
}
.dealer-section-ground{
    padding:80px 0 110px;
    background:#191919 url(../imgs/dealer-section3-bg.jpg) no-repeat center center / cover;
}
.ground-list{
    display:flex;
    flex-flow:row wrap;
    padding-top:50px;
}
.ground-item{
    flex:1;
    margin-right:30px;
    color:#fff;
}
.ground-item:last-child{
    margin-right:0;
}
.ground-level{
    position:relative;
    width:90px;
    height:90px;
    color:var(--color2);
    font-size:14px;
    text-align:center;
    margin-left:20px;
}
.ground-level span{
    font-size:54px;
    font-weight:bold;
    font-style: italic;
    margin-right:5px;
}
.ground-level::after{
    content:'';
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    border:1px solid var(--color2);
    transform:rotate(45deg);
}
.ground-summary{
    padding-top:50px;
    font-size: 16px;
    color: #fff;
    margin-top: 10px;
    line-height:2;
}
.ground-summary p span{
    color:var(--color2);
}
.dealer-section-channel{
    padding:80px 0;
    background:#191919 url(../imgs/dealer-section4-bg.jpg) no-repeat center/cover;
}
.channel-list{
    display:flex;
    flex-direction:row;
    padding-bottom:70px;
}
.channel-item{
    width:50%;
    color:#fff;
    box-sizing:border-box;
    border-right: 1px solid transparent;
}
.channel-item:nth-child(2n){
    border:none;
}
.channel-head, .channel-body{
    position:relative;
    height: 57px;
    line-height: 57px;
    box-sizing: border-box;
    display:flex;
    text-align:center;
}
.channel-head .channel-col:first-child, .channel-body .channel-col:first-child{
    width:25%;
    box-sizing:border-box;
}
.channel-head .channel-col, .channel-body .channel-col{
    width:75%;
}
.channel-col:first-child{
    border-right:1px solid transparent;
}
.channel-head .channel-col{
    border-bottom:2px solid var(--color2);
    color:var(--color2);
    font-size:20px;
}
.channel-body{
    background-color:#191919;
}
.channel-body .channel-col{
    font-size:16px;
}
.channel-body:after{
    position:absolute;
    content:'';
    display:block;
    width:98%;
    bottom:0;
    border-bottom:1px dashed rgba(255, 255, 255, 0.2);
}
.channel-body:last-child:after{
    display:none;
}
.channel-item:nth-child(2n) .channel-body:after{
    right:0;
}
.channel-item:nth-child(2n+1) .channel-body:after{
    left:0;
}
.dealer-contact{
    border-top:1px dashed var(--color2);
    padding-top:60px;
}
.contact-content{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
    padding-left:20px;
    margin-bottom:60px;
}
.contact-content-item{
    display:flex;
    flex-direction:row;
    align-items:center;
    color:#fff;
    padding:20px 0;
}
.contact-icon{
    position:relative;
    display:inline-block;
    width:40px;
    height:40px;
    border-radius:50%;
    background-color:#000;
    background-size:100% 100%;
}
.contact-addres{
    background-image:url(../imgs/icon-addres.png);
}
.contact-tel{
    background-image:url(../imgs/icon-tel.png);
}
.contact-email{
    background-image:url(../imgs/icon-email.png);
}
.contact-zip{
    background-image:url(../imgs/icon-zip.png);
}
.contact-icon::before{
    position:absolute;
    top:-20px;
    left:-20px;
    right:-20px;
    bottom:-20px;
    content:'';
    background-image:url(../imgs/contact-icon.png);
    background-size:100% 100%;
}
.contact-content-item p{
    font-size:16px;
    padding-left:10px;
}
.contact-btns{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
}
.contact-btns a{
    display:inline-block;
    background-color:var(--color2);
    height:30px;
    line-height:30px;
    margin:0 10px;
    font-size:16px;
    color:#000;
    padding:0 20px;
    padding-right:50px;
    background-image:url(../imgs/dealer-down-icon.png);
    background-size:30px 30px;
    background-repeat:no-repeat;
    background-position:right 10px center;
}
/* 经销商加盟 end */

/* 搜索 start */
.search-container{
    margin-top:200px;
}
.search-form {
    width: 100%;
    position: relative;
    margin-bottom: 40px;
}
.search-input {
    width: 100%;
    box-sizing: border-box;
    height: 50px;
    line-height: 50px;
    border: 1px solid var(--color2);
    padding: 0 30px;
    font-size: 18px;
    background-color:transparent;
    color:#fff;
}
.search-button {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 140px;
    height: 46px;
    line-height: 46px;
    background-color: var(--color2);
    text-align: center;
    font-size: 18px;
    border:2px solid transparent;
    box-sizing:border-box;
}
.search-button:hover {
    cursor: pointer;
}
.search-tip{
    margin-bottom:40px;
}
.search-tip-text {
    width: 100px;
    line-height: 40px;
    font-size:14px;
    float: left;
    color:#fff;
}
.search-tip-container {
    width:calc(100% - 100px);
    float: left;
}
.search-tip-container a {
    display: block;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 150px;
    box-sizing: border-box;
    height: 40px;
    font-size:14px;
    line-height: 40px;
    text-align: center;
    background-color: var(--color2);
}
.search-tip-container a:hover{
    color:#000;
}
.search-result-head {
    width: 100%;
    font-size: 18px;
    height:50px;
    line-height:50px;
    display:flex;
    flex-direction:row;
    border-bottom:1px solid #7a7a7a;
}
.search-result-head a {
    position: relative;
    display: inline-block;
    width: 130px;
    text-align: center;
    color:#fff;
}
.search-result-head a.active {
    font-weight: bold;
}
.search-result-head a.active::after{
    position:absolute;
    bottom:-2px;
    left:25%;
    content:'';
    display:inline-block;
    width:50%;
    border-bottom:3px solid var(--color2);
}
.search-result-container{
    padding-bottom:100px;
}
.search-result-body {
    padding: 20px 0;
    min-height:500px;
}
.search-result-body-item{
    margin-bottom:0;
}
.search-result-item {
    box-sizing: border-box;
    height: auto;
    min-height:120px;
    padding: 30px 0;
    border-bottom:1px dashed #7a7a7a;
}
.search-result-item a{    
    color:#fff;
}
.search-result-item p {
    padding:10px 0;
    color:#fff;
}
.search-item-title {
    font-size: 16px;
}
.search-item-title span {
    color: var(--color1);
}
.search-item-date {
    color: #878787;
}
.search-result-car-item a {
    width: 200px;
    display: inline-block;
    margin-right: 20px;
    text-align: center;
}
.search-result-car-item img {
    width: 100%;
}
/* 搜索 end */

/* 售后服务 start */
.service-concept-top{
    padding:100px 0;    
    background:url(../imgs/service-concept-bg.jpg) no-repeat center/cover;
}
.service-concept-bottom{
    padding:50px 0;
    background-color:#000;
}
.service-concept-bottom .container{
    display:flex;
    flex-direction:row;
    align-items:center;
}
.service-concept-bottom .container img{
    width:220px;
    margin:0 50px 0 20px;
}
.service-concept-bottom .container p{
    position: relative;
    font-size:16px;
    line-height:2;
    color:#fff;
    padding-left:50px;
}
.service-concept-bottom .container p::before{
    content:'';
    display:inline-block;
    position:absolute;
    left:0;
    top:10%;
    bottom:10%;
    border-left:2px solid var(--color2);
}
.service-wrapper{
    position:relative;
}
.service-wrapper img{
    width:100%;
    height:auto;
}
.service-wrapper-text{
    position:absolute;
    top:50px;
    left:50%;
    transform:translateX(-50%);
    text-align:center;
    color:#fff;
    letter-spacing:1.5em;
    pointer-events:none;
    text-align:justify;
    text-align-last:justify;
    padding-left:10px;
}
.service-wrapper-text h4{
    font-size:48px;
}
.service-wrapper-text h4 span{
    color:#8fe501;
}
.service-wrapper-text strong{
    display:block;
    font-size:36px;
    font-weight:normal;
}
.service-after{
    padding:120px 0;
}
.after-items{
    display:flex;
    flex-flow:row wrap;
}
.after-item{
    flex:1;
    margin-right:30px;
}
.after-item:last-child{
    margin-right:0;
}
.after-item img{
    width:100%;
    height:auto;
}
.after-item p, .after-item a{
    position:relative;
    display:block;
    font-size:24px;
    line-height:1.5;
    color:#fff;
    overflow:hidden;
    padding:10px 0;
}
.after-item a::after{
    position:absolute;
    left:0;
    bottom:0;
    content:'';
    display:inline-block;
    width:100%;
    border-bottom:2px solid var(--color2);
    transform:translateX(-100%);
    transition:all 0.3s linear;
}
.after-item a::before{
    content:'';
    display:inline-block;
    position:absolute;
    right:10px;
    top:50%;
    height:100%;
    opacity:0;
    transition:all 0.3s linear;
    width:8px;
    height:8px;
    border:2px solid #fff;
    border-left:none;
    border-bottom:none;
    transform:rotate(45deg) translateY(-50%);
}
.after-item a:hover::after{
    transform:translateX(0);
}
.after-item a:hover::before{
    opacity:1;
}
.service-download{
    position:relative;
    padding:80px 0;
    background-image:url(../imgs/service-shade.png);
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position:left bottom 20%;
}
.service-download .container{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
    color:#fff;
}
.service-download-left{
    width:20%;
}
.service-download-left h3{
    position:relative;
    font-size:36px;
    line-height:2;
    padding:20px 0;
    font-family:SourceHanSerif;
}
.service-download-left p{
    padding-top:40px;
}
.service-download-left h3::after{
    position:absolute;
    bottom:0;
    left:0;
    content: '';
    display:inline-block;
    width:50px;
    height:2px;
    background-color:var(--color2);
}
.service-download-left p{
    font-size:14px;
}
.service-download-con{
    width:40%;
}
.service-download-con img{
    width:100%;
    height:auto;
}
.service-download-right{
    width:20%;
    box-sizing:border-box;
    padding-right:20px;
    text-align:center;
    padding-top:50px;
}
.service-download-code{
    width:80%;
    margin-bottom:10px;
    border:5px solid #fff;
    background-color:#fff;
}
.service-download-text{
    font-size:12px;
    line-height:2;
    margin-bottom:20px;
}
.service-download-text a{
    color:#fff;
    padding:0 10px;
    text-decoration:underline;
}
.service-download-btns{
    display:flex;
    justify-content:center;
    margin-bottom:10px;
}
.service-download-btns a{
    width:48%;
    display:inline-block;
    margin:0 5px;
}
.service-download-btns a img{
    width:100%;
    height:auto;
}
.service-activity-item{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
    margin-bottom:100px;
}
.service-activity-img{
    position:relative;
    width:60%;
    text-align:center;
}
.service-activity-img img{
    width:72%;
}
.service-activity-img::after{
    content:'';
    display:block;
    position:absolute;
    z-index:-1;
    top:25%;
    left:0;
    width:100%;
    height:50%;
    background-image:url(../imgs/service-activity-bg.png);
    background-size:100% 100%;
    background-repeat:no-repeat;
}
.service-activity-content{
    flex:1;
    color:#fff;
    padding-top:50px;
    box-sizing:border-box;
    padding-right:30px;
}
.service-activity-content h3{
    font-size:40px;
    padding-left:40px;
    border-left:6px solid var(--color2);
    line-height:1;
    margin-bottom:50px;
}
.service-activity-content p{
    font-size:18px;
    line-height:1.5;
    min-height:54px;
    margin-bottom:27px;
}
.service-activity-content a{
    font-size:14px;
    display:inline-block;
    padding:0 30px;
    line-height:2;
    border:1px solid var(--color2);
    color:var(--color2);
}
.service-activity-item:nth-child(2n) .service-activity-img{
    order:2;
}
.service-activity-item:nth-child(2n) .service-activity-content{
    padding-left:40px;
}
.service-activity-item:nth-child(2n+1) .service-activity-content{
    padding-left:70px;
}
/* 售后服务 end */

/* 保养政策 start */
.repair{
    background-image:url(../imgs/service-bg.jpg);
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position:top center;
    padding:50px 0 90px;
}

.repair-text {
    font-size: 16px;
    margin-bottom: 40px;
    color:#fff;
    text-align:center;
}
.repair-main {
    font-size: 16px;
    background-color:transparent;
}
.repair-main .layui-table{
    background-color:transparent;
    color:#d2d2d2;
}
.repair-main .layui-table tr:hover{
    background-color:transparent;
}
.repair-main .layui-table tr{
    background-color:#000;
}
.repair-main .layui-table tr:hover{
    background-color:#000;
}
.repair-main .layui-table[lay-even] tr:nth-child(even){
    background-color:transparent;
}
/* 保养政策 end */

/* 售后承诺书 start */
.newenergy-main{
    background-image:url(../imgs/service-bg.jpg);
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position:top center;
    padding-bottom:100px;
}
.newenergy-head{
    text-align:center;
    margin-top:50px;
    box-sizing:border-box;
    padding:0 20px;
}
.newenergy-head h3{
    position:relative;
    font-size:26px;
    line-height:2;
    color:#fff;
    padding-bottom:5px;
}
.newenergy-head h3::after{
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    content:'';
    display:inline-block;
    width:160px;
    height:1px;
    background-image:linear-gradient(to right ,rgba(142, 227, 1, 0), rgba(142, 227, 1, 1), rgba(142, 227, 1, 0));
}
.newenergy-head p{
    font-size:16px;
    color:#acacac;
    padding:10px 0;
}
.newenergy-content{
    margin:50px auto 0;
    box-sizing:border-box;
    font-size:16px;
    color:#ffffff;
    letter-spacing:1px;
    line-height:2;
    text-indent:2em;
}
.newenergy-content .text{
    text-indent:0em;
}
/* 售后承诺书 end */

/* 祺士学堂 start */
.service-school{
    background-image:url(../imgs/service-bg.jpg);
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position:top center;
    padding-bottom:100px;
}
.service-school-head {
    padding:80px 0;
    text-align:center;
}
.service-school-head h3{
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:40px;
    color:#fff;
    letter-spacing:0.2em;
}
.service-school-head h3::before, .service-school-head h3::after{
    content:'';
    display:inline-block;
    width:80px;
    height:2px;
    margin:0 30px;
}
.service-school-head h3::before{
    background-image:linear-gradient(to right, rgba(142, 227, 1, 0), var(--color2));
}
.service-school-head h3::after{
    background-image:linear-gradient(to right, var(--color2), rgba(142, 227, 1, 0));
}
.service-school-head p{
    font-size:18px;
    color:#898989;
    text-transform:uppercase;
    letter-spacing:0.2em;
}
.service-school-content{
    display:flex;
}
.service-school-img{
    width:50%;
}
.service-school-img img{
    width:100%;
    height:auto;
}
.service-school-text{
    width:50%;
    color:#fff;
    box-sizing:border-box;
    padding-left:20px;
}
.service-school-text p{
    font-size:16px;
    margin-bottom:40px;
}
.school-head{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    padding-bottom:50px;
}
.school-head .school-head-item{
    display:inline-block;
    width:150px;
    line-height:2;
    text-align:center;
    color:#fff;
    border:1px solid #717171;
    margin:0 10px;
    font-size:16px;
}
.school-head .school-head-item.active{
    background-color:var(--color4);
    border-color:var(--color4);
    color:#fff;
}
.school-body{
    margin-bottom:100px;
}
.school-block{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
}
.school-block-item{
    margin-bottom:20px;
    margin-right:20px;
    min-width:40%;
    min-height:250px;
    background-size:cover;
    background-position:center center;
    box-sizing:border-box;
    padding:20px 30px;
    display:flex;
    flex-direction:column;
}
.school-block-item:nth-child(2n){
    margin-right:0;
}
.school-block-item:nth-child(2),.school-block-item:nth-child(3){
    flex:1;
}
.school-block-item:nth-child(1){
    background-image:url(../imgs/school-block-item1-bg.jpg);
}
.school-block-item:nth-child(2){
    background-image:url(../imgs/school-block-item2-bg.jpg);
}
.school-block-item:nth-child(3){
    background-image:url(../imgs/school-block-item3-bg.jpg);
}
.school-block-item:nth-child(4){
    background-image:url(../imgs/school-block-item4-bg.jpg);
}
.school-block-item h4{
    color:var(--color1);
    font-size:22px;
    margin-top:auto;
    margin-bottom:5px;
}
.school-block-item ul li{
    position:relative;
    padding-left:20px;
    margin-bottom:5px;
}
.school-block-item ul li::before{
    position:absolute;
    content:'';
    display:inline-block;
    width:5px;
    height:5px;
    left:5px;
    top:50%;
    transform:translateY(-50%);
    background-color:#fff;
    border-radius:50%;
}
.school-block-item ul li a{
    color:#fff;
    font-size:16px;
}
.school-block-item ul li a:hover{
    color:var(--hover-color1);
}
.school-maintain, .school-manual{
    width:100%;
    display:flex;
    flex-flow:row wrap;
}
.school-body-left{
    width:25%;
    padding-right:80px;
}
.school-form{
    width:100%;
}
.school-form .school-form-item .layui-input-block{
    margin-left:0;
}
.school-form .school-form-item .layui-input-block .layui-input{
    background-color:transparent;
    border:none;
    outline:none;
    border-bottom:1px solid #d3d3d3;
    font-size:16px;
    margin-bottom:30px;
    color:#fff;
}
.school-body-right{
    flex:1;
}
.school-maintain-img{
    min-height:500px;
    background-color:#000;
}
.school-body-right img{
    width:100%;
    height:auto;
}
.school-pdf-reader{
    height:800px;
    background-color:#000;
}
.school-download a{
    width:100%;
    line-height:2;
    display:block;
    text-align:center;
    font-size:16px;
    color:var(--color2);
    border:1px solid var(--color2);
    margin-bottom:25px;
    letter-spacing:0.1em;
    background-image:url(../imgs/school-download-icon.png);
    background-size:30px auto;
    background-repeat:no-repeat;
    background-position:center right 20%;
    box-sizing:border-box;
    padding-right:30px;
}
.school-rest-download a{
    padding:10px 0;
    color:#fff;
    font-size:12px;
    display:flex;
    align-items:center;
}
.school-rest-download img{
    width:30px;
    margin-right:10px;
}
/* 祺士学堂 end */

/* 祺生活 start */
.shopping-banner-carousel{
    width:100%;
    height:auto;
}
.shopping-swiper__banner-container{
    height:auto;
    --swiper-navigation-color: #fff;
    --swiper-navigation-size: 30px;
}
.shopping-banner__response-image{
    position:relative;
}
.shopping-banner__response-image.shade:after{
    content:'';
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background-image:linear-gradient(to right, #000, transparent 60%);
    opacity:0.8;
}
.shopping-banner__response-image img{
    width:100%;
    height:100vh;
    min-height:350px;
    object-fit:cover;
}
.shopping-banner__content{
    position:absolute;
    z-index:1;
    top:0;
    left:50%;
    transform:translateX(-50%);
    height:100%;
    display:flex;
    align-items:center;
}
.shopping-banner__content .shopping-banner__content-box{
    color:#fff;
}
.shopping-banner__content .shopping-banner__content-box .new-banner_cotent-title{
    font-size:40px;
    line-height:1.1;
    margin-bottom:10px;
}
.shopping-banner__content .shopping-banner__content-box .new-banner_cotent-text{
    font-size:16px;
    letter-spacing:0.05em;
}
.shopping-banner__content .shopping-banner__content-box .new-banner_cotent-code{
    margin-top:80px;
    width:120px;
    text-align:center;
}
.shopping-banner__content .shopping-banner__content-box .new-banner_cotent-code img{
    width:100%;
    background-color:#fff;
    border-radius:5px;
}
.shopping-banner__content .shopping-banner__content-box .new-banner_cotent-code p{
    font-size:14px;
    color:#fff;
    line-height:2;
}
.shopping-goods{
    width:100%;
}
.shopping-goods_carousel{
    position:relative;
    --swiper-navigation-color:#fff;
    --swiper-navigation-size:40px;
}
.shopping-goods .swiper-slide{
    position:relative;
}
.shopping-goods .shopping-goods__video video.shopping-goods__video-PC{
    display:block;
}
.shopping-goods .shopping-goods__video video.shopping-goods__video-mobile{
    display:none;
}
.shopping-goods .shopping-goods_image img, .shopping-goods .shopping-goods__video video{
    width:100%;
    height:auto;
    object-fit:cover;
}
.shopping-goods .shopping-goods_content{
    position:absolute;
    top:0;
    left:4%;
    padding:9% 0;
}
.shopping-goods .shopping-goods_content.shopping-goods_clever-content{
    left:5%;
    padding:2% 0;
}
.shopping-goods .shopping-goods_content h4{
    font-size:20px;
    color:#000;
}
.shopping-goods .shopping-goods_content p{
    font-size:12px;
    color:#fff;
}
.shopping-goods .shopping-goods_content.shopping-goods_clever-content h4{
    font-size:16px;
}
.shopping-goods_carousel .swiper-button-next{
    right:5%;
}
.shopping-goods_carousel .swiper-button-prev{
    left:5%;
}
.shopping-goods-head{
    display:flex;
    flex-direction:column;
    align-items:center;
    color:#fff;
    margin-bottom:40px;
}
.shopping-goods-head h3{
    font-size:40px;
    letter-spacing:0.05em;
}
.shopping-goods-head span{
    font-size:20px;
    text-transform:Uppercase;
    letter-spacing:0.075em;
}

.shopping-new-goods{
    padding-top:120px;
    background-image:url(../imgs/shopping-goods-bg.png);
    background-size:100% auto;
    background-repeat:no-repeat;
}
.shopping-new__goods-carousel{
    position:relative;
    --swiper-navigation-color:#fff;
    --swiper-navigation-size:40px;
}
.shopping-new__goods-carousel .swiper-slide{
    position:relative;
}
.shopping-new__goods-carousel .shopping-new__goods-image{
    position:relative;
}
.shopping-new__goods-carousel .shopping-new__goods-image::after{
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:40%;
    background-image:linear-gradient(to bottom, #000, transparent);
    opacity:0.3;
}
.shopping-new__goods-carousel .shopping-new__goods-image img{
    width:100%;
    height:auto;
    object-fit:cover;
}
.shopping-new-goods .shopping-new__goods-content{
    position:absolute;
    top:0;
    left:0;
    padding:0 5%;
    margin-top: 20px;
}
.shopping-new-goods .shopping-new__goods-content h4{
    font-size:20px;
    color:#000;
}
.shopping-new-goods .shopping-new__goods-content p{
    font-size:12px;
    color:#fff;
}
.shopping-new__goods-carousel .swiper-button-next{
    right:5%;
}
.shopping-new__goods-carousel .swiper-button-prev{
    left:5%;
}

.shopping-good-goods{
    padding-top:120px;
    background-image:url(../imgs/shopping-goods-bg.png);
    background-size:100% auto;
    background-repeat:no-repeat;
}
.shopping-good-goods .shopping-good__goods-list{
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    height:100vh;
    min-height:700px;
}
.shopping-good-goods .shopping-good__goods-list .shopping-good__goods-item{
    position:relative;
    width:calc(100% / 3);
    height:50vh;
    min-height:350px;
}
.shopping-good-goods .shopping-good__goods-list .shopping-good__goods-item:nth-child(3){
    height:100vh;
    min-height:700px;
    width:calc(100% / 3);
}
.shopping-good-goods .shopping-good__goods-list .shopping-good__goods-item>div{
    height:100%;
}
.shopping-good__goods-item .shopping-good__goods-image{
    position:relative;
    height:100%;
}
.shopping-good__goods-item .shopping-good__goods-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.shopping-good__goods-item .shopping-good__goods-share::after{
    content:'';
    display:block;
    width:100%;
    height:150px;
    position:absolute;
    top:0;
    left:0;
    color:transparent;
    background-image:linear-gradient(to bottom, #000, transparent 80%);
    opacity:0.5;
}
.shopping-good-goods .shopping-good__goods-list .shopping-good__goods-item .shopping-good__goods-content{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    box-sizing:border-box;
    padding:0 5%;
}
.shopping-good-goods .shopping-good__goods-list .shopping-good__goods-item .shopping-good__goods-content h4{
    margin-top:20px;
    font-size:20px;
    color:#fff;
}
.shopping-rests{
    position:relative;
    width:100%;
    height:100vh;
}
.shopping-rests .shopping-rests__image{
    height:100%;
}
.shopping-rests .shopping-rests__image img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.shopping-rests .shopping-rests__content{
    position:absolute;
    left:5%;
    top:10%;
}
.shopping-rests .shopping-rests__content .shopping-rests__box{
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
    padding:0 10px;
}
.shopping-rests .shopping-rests__content .shopping-rests__box h4{
    color:#fff;
    font-size:38px;
    font-family:SourceHanSerif;
}
.shopping-rests .shopping-rests__content .shopping-rests__box p{
    color:#fff;
    font-size:16px;
    text-align:center;
}
.shopping-footer{
    position:relative;
    background-image:url(../imgs/shopping-footer-bg.jpg);
    background-size:cover;
    background-position:center top;
    background-repeat:no-repeat;
    height:100vh;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
}
.shopping-footer::before{
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#000;
    opacity:0.3;
}
.shopping-footer .container{
    position: relative;
    z-index:10;
    height:auto;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
}
.shopping-footer-screen{
    max-width:300px;
    height:auto;
    margin:0 auto;
}
.shopping-footer-body{
    text-align:center;
    color:#fff;
    margin:0 auto;
}
.shopping-footer-codes{
    display:flex;
    flex-direction:row;
    justify-content:center;
}
.shopping-footer-title{
    font-size:24px;
    font-weight:normal;
    padding-bottom:50px;
    letter-spacing:0.1em;
    font-family: SourceHanSerif;
}
.shopping-footer-code{
    margin:0 30px;
    text-align:center;
}
.shopping-footer-code img{
    width:100px;
    height:100px;
}
.shopping-footer-code p{
    font-size:16px;
    padding-top:10px;
}
/* 祺生活 end */

/* 祺友圈 start */
.blessing-tacu-container{
    padding-top:60px;
}
.blessing-tacu-section{
    margin-bottom:30px;
}
.blessing-tacu-section:last-child{
    margin-bottom:0;
}
.friends-body{
    width:100%;
}
.friends-swiper{
    position:relative;
    max-width:1200px;
    margin:0 auto;
    --swiper-navigation-color: #fff;
    --swiper-navigation-size: 30px;
    --swiper-pagination-color: var(--color2);
}
.friends-swiper .swiper-slide{
    position:relative;
    text-align: center;
}
.friends-swiper .swiper-slide::after{
    position:absolute;
    z-index:10;
    bottom:0;
    left:5%;
    right:5%;
    content:'';
    display:block;
    height:40%;
    background-image:linear-gradient(to top, #000, transparent);
    opacity:0.5;
}
.friends-swiper .swiper-slide img{
    width:90%;
    height:auto;
    margin:0 auto;
}
.friends-slide-content{
    position:absolute;
    z-index:20;
    left:5%;
    right:5%;
    bottom:20px;
    box-sizing:border-box;
    padding:0 50px;
    color:#fff;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    overflow: hidden;
}
.friends-slide-content .text{
    flex:1;
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    text-align:left;
    font-size:26px;
    box-sizing:border-box;
    padding-right:10%;
}
.friends-slide-content .more{
    position:relative;
    font-size:18px;
    color:#fff;
    text-transform:uppercase;
    display:flex;
    align-items:center;
}
.friends-slide-content .more::after{
    content:'';
    display:inline-block;
    width:8px;
    height:8px;
    border:2px solid #fff;
    border-left:none;
    border-bottom:none;
    transform:rotate(45deg);
    margin-left:10px;
}
.friends-slide-content .more:hover{
    color:#aaa;
}
.friends-slide-content .more:hover::after{
    border-color:#aaa;
}
.friends-swiper .swiper-pagination{
    bottom:-30px;
}
.friends-swiper .swiper-pagination-bullet{
    width:50px;
    height:3px;
    border-radius:0;
    background-color:rgba(255,255,255,0.5);
}
.friends-swiper .swiper-pagination-bullet-active{
    background-color:var(--color2);
}
.friends-swiper .swiper-button-prev, .friends-swiper .swiper-button-next{
    width:40px;
    height:40px;
    background-size:100% 100%;
    background-repeat:no-repeat;
}
.friends-swiper .swiper-button-prev::after, .friends-swiper .swiper-button-next::after{
    content:'';
}
.friends-swiper .swiper-button-prev{
    background-image:url(../imgs/friends-swiper-prev.png);
    left:0;
}
.friends-swiper .swiper-button-next{
    background-image:url(../imgs/friends-swiper-next.png);
    right:0;
}
.club-body{
    max-width:1400px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(3, calc(100% / 3));
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}
.club-body-item{
    position:relative;
    overflow:hidden;
}
.club-body-item img{
    width:100%;
    height:auto;
}
.club-body-content{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.5);
    box-sizing:border-box;
    /*padding:0 20px;*/
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:0;
    opacity:0;
    transition:opacity 0.5s linear;
}
.club-body-content p{
    color:#fff;
    font-size:24px;
    vertical-align:middle;
}
.club-body-item:hover .club-body-content{
    animation:fadeInUp 0.5s linear both;
}
.blessing-tacu-brand{
    background-image:url(../imgs/blessing-tacu-brand-bg.png);
    background-size:100% auto;
    background-position:center bottom;
    padding-bottom:100px;
    background-repeat:no-repeat;
}
.brand-body .container{
    display:flex;
    flex-direction:row;
}
.brand-body .brand-body-content{
    position:relative;
    width:50%;
    color:#fff;
    overflow:hidden;
    padding-bottom:50px;
}
.brand-body .brand-body-content .swiper-slide{
    box-sizing:border-box;
    padding-right:60px;
}
.brand-body .brand-body-banner{
    position:relative;
    width:50%;
    overflow:hidden;
}
.brand-body-content .title{
    font-size:30px;
    line-height:1.5em;
    padding-bottom:30px;
}
.brand-body-content .line{
    width:60px;
    height:3px;
    display:block;
    background-color:var(--color2);
}
.brand-body-content .text{
    font-size:18px;
    line-height:2em;
    padding-top:30px;
}
.brand-body-banner img{
    width:100%;
    height:auto;
}
.brand-body-content .swiper-button-prev, .brand-body-content .swiper-button-next{
    width:40px;
    height:40px;
    background-size:100% 100%;
    background-repeat:no-repeat;
    top:auto;
    transform:translate(0 0);
    bottom:0;
}
.brand-body-content .swiper-button-prev::after, .brand-body-content .swiper-button-next::after{
    content:'';
}
.brand-body-content .swiper-button-prev{
    background-image:url(../imgs/friends-swiper-prev.png);
    left:0;
}
.brand-body-content .swiper-button-next{
    background-image:url(../imgs/friends-swiper-next.png);
    right:auto;
    left:50px;
}
/* 祺友圈 end */

/* 登录 start */
.login-container{
    padding-top:60px;
    background-image:url(../imgs/login-bg.jpg);
    background-size:cover;
    background-position:center top;
}
.login-container .container{
    position:relative;
    padding:50px 0;
    min-height:calc(100vh - 200px);
}
.login-head{
    padding-bottom:70px;
}
.login-head h2{
    font-size:44px;
    color:#fff;
}
.login-head p{
    font-size:16px;
    color:#cbcbcb;
}
.login-box{
    width:450px;
    height:auto;
    background-color:rgba(255,255,255,0.1);
    box-sizing:border-box;
    padding:50px 30px 30px;
}
.login-form .login-form-item{
    position:relative;
    display:flex;
    flex-direction:row;
    align-items:center;
    margin-bottom:35px;
}
.login-form .login-form-item.is-required::before{
    content:'*';
    display:inline-block;
    color:#fff;
    font-size:18px;
    line-height: 1.4;
    position:absolute;
    left:0;
    top:0;
}
.login-form .login-form-item .layui-form-label{
    white-space:nowrap;
    width:5em;
    padding:0;
    padding-bottom:5px;
    color:#d1d1d1;
    font-size:18px;
    white-space:nowrap;
    display:inline-block;
    text-align:justify;
    text-align-last:justify;
    padding-left:10px;
}
.login-form .login-form-item .layui-input-block{
    margin-left:0;
    min-height:30px;
    flex:1;
    margin-left:10px;
}
.login-form .login-form-item .layui-input-block .layui-input{
    width:100%;
    padding:0 10px 5px;
    height:30px;
    background-color:transparent;
    border:none;
    border-bottom:1px solid #fff;
    outline:none;
    color:#fff;
    font-size:16px;
    letter-spacing:0.1em;
}
.login-form .login-form-item .login-sms-send{
    margin-left:10px;
    cursor:pointer;
    background-color:var(--color2);
    color:#000;
    border:none;
    height:30px;
    line-height:30px;    
    width:7em;
    text-align:center;
    font-size:16px;
}
.login-form .login-form-item.login-form-agreement{
    display:flex;
    flex-direction:row;
    align-items:flex-start;
}
.login-form-agreement .agreement-icon{
    position:relative;
    width:16px;
    height:16px;
    border:1px solid var(--color2);
    cursor:pointer;
    margin-top:5px;
}
.login-form-agreement .agreement-icon.selected::after{
    content: "";
    display: block;
    width: 70%;
    height: 25%;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -60%) rotate(-50deg);
    border-bottom-left-radius: 2px;
}
.login-form-agreement .agreement-text{
    flex:1;
    color:#959595;
    font-size:14px;
    padding-left:10px;
}
.login-form-agreement .agreement-text a{
    color:#959595;
}

.login-form .login-form-item .login-subimt{
    text-align:center;
    width:100%;
    outline:none;
    height:40px;
    line-height:36px;
    box-sizing:border-box;
    background-color:transparent;
    border:2px solid var(--color2);
    font-size:18px;
    color:var(--color2);
    cursor:pointer;
}
.login-form .login-form-item .login-subimt:hover{
    opacity:1;
    color:var(--hover-color2);
}
.wx-login{
    display:flex;
    flex-direction:row;
    align-items:center;
}
.wx-login img{
    margin:0 20px;
    width:40px;
    height:40px;
    cursor:pointer;
}
.wx-login::before, .wx-login::after{
    content:'';
    display:inline-block;
    flex:1;
    border-top:1px solid #fff;
}
/* 登录 end */

/* 零件价格查询 start */
.check-price-head{
    font-size:22px;
    text-align:center;
    color:#fff;
}
.check-price-form{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    padding-bottom:50px;
}
.check-price-form .layui-form-item{
    margin:0 20px;
}
.check-price-form .layui-form-item .layui-input-block{
    margin:0;
}
.check-price-form .layui-form-item .layui-input-block .layui-input{
    background-color:unset;
    border:unset;
    color:#fff;
    border-bottom:1px solid #fff;
    font-size:16px;
}
.check-price__body-centent{
    min-height:30vh;
    padding-bottom:30px;
}
.check-price__body-centent img{
    width:100%;
    height:auto;
}
.check-price__body-remark{
    font-size:14px;
    color:#fff;
    padding-bottom:30px;
}
.check-price__body-remark p{
    margin-bottom:5px;
}
/* 零件价格查询 end */

/* 传祺青年说 start */
.stripling-container .new-banner_cotent-title{
    font-family:SourceHanSerif;
}
.stripling-intro__item{
    overflow: hidden;
}
.stripling-intro__item .stripling-intro_link{
    display:flex;
    flex-wrap:wrap;
}
.stripling-intro__item .stripling-intro__chunk{
    position:relative;
    width:50%;
    height:100vh;
}
.stripling-intro__item .stripling-intro__chunk-message{
    background-color:#000;
}
.stripling-intro__item:nth-child(2n + 1) .stripling-intro__chunk-banner{
    order:1;
}
.stripling-intro__item:nth-child(2n + 1) .stripling-intro__chunk-message{
    order:0;
}
.stripling-intro__item .stripling-intro__chunk .stripling-intro__chunk-image{
    width:100%;
    height:100%;
    text-align:center;
}
.stripling-intro__item .stripling-intro__chunk .stripling-intro__chunk-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.stripling-intro__item .stripling-intro__chunk .stripling-intro__chunk-content{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    box-sizing:border-box;
    padding:50px 6vw;
    display:flex;
    align-items:center;
}
.stripling-intro__item:nth-child(2n + 1) .stripling-intro__chunk .stripling-intro__chunk-content{
    padding-left:12vw;
    justify-content:flex-end;
    text-align:right;
}
.stripling-intro__item:nth-child(2n) .stripling-intro__chunk .stripling-intro__chunk-content{
    padding-right:12vw;
    justify-content:flex-start;
    text-align:left;
}
.stripling-intro__item .stripling-intro__chunk .stripling-intro__chunk-box{
    min-height:60%;
}
.stripling-intro__item .stripling-intro__chunk .stripling-intro__chunk-title{
    font-size:36px;
    color:#fff;
    margin-bottom:10px;
    font-family:SourceHanSerif;
}
.stripling-intro__item .stripling-intro__chunk .stripling-intro__chunk-text{
    font-size:16px;
    color:#fff;
    letter-spacing: 0.05em;
}
.stripling-choice{
    height: 100vh;
    padding:140px 0;
    background-image:url(../imgs/stripling-choice-bg.jpg);
    background-size:cover;
    background-position:center;
}
.stripling-choice_head h3{
    font-size:36px;
    color:#fff;
    font-family:SourceHanSerif;
    padding-bottom:30px;
}
.stripling-choice_carousel{
    position:relative;
    width:100%;
    padding-bottom:50px;
    overflow:hidden;
}
.stripling-choice_carousel .swiper-slide{
    overflow:hidden;
}
.stripling-choice_slide-image{
    width:100%;
    height:100%;
    text-align:center;
}
.stripling-choice_slide-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    vertical-align:middle;
}
.stripling-choice_slide-content{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.stripling-choice_slide-content .stripling-choice_slide-top{    
    position:absolute;
    left:0;
    top:0;
    width:100%;
    box-sizing:border-box;
    padding:5px 20px;
}
.stripling-give{
    display:flex;
    align-items:center;
    cursor:pointer;
}
.stripling-give i{
    width:18px;
    height:18px;
    background-image:url(../imgs/give-icon1.png);
    background-size:cover;
    background-repeat:no-repeat;
}
.stripling-give.on i{
    background-image:url(../imgs/give-icon2.png);
}
.stripling-give span{
    font-size:14px;
    color:#fff;
    padding-left:5px;
}
.stripling-choice_slide-content .stripling-choice_slide-main{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:auto;
    transform:translateY(calc(100% - 40px));
    transition:all 0.5s linear;
}
.stripling-choice_slide-text{
    background-color:rgba(0, 0, 0, 0);
    padding:40px 20px;
    font-size:16px;
    color:#fff;
    transition:all 0.5s linear;
}
.stripling-choice_carousel .swiper-slide:hover .stripling-choice_slide-content .stripling-choice_slide-main{
    transform:translateY(0);
}
.stripling-choice_carousel .swiper-slide:hover .stripling-choice_slide-text{
    background-color:rgba(0, 0, 0, 0.8);
}
.stripling-choice_carousel .swiper-pagination{
    position:absolute;
    bottom:0;
}
.stripling-choice_carousel .swiper-pagination .swiper-pagination-bullet{
    background-color:#fff;
}
/* 传祺青年说 end */

/* 直播间 start */
.live-container{
    overflow:visible;
}
.live-container .live-section{
    margin-top:50px;
    margin-bottom:100px;
}
.live-container .live-section .about-head{
    margin:60px 0 50px;
}
.live-main{
    width:100%;
    height:auto;
}
.live-main .live-content{
    max-width:900px;
    height:auto;
    margin:0 auto;
}
.live-main .live-content .live-player{
    height:500px;
    background-color:#000;
}
.live-trial-section{
    margin-bottom:100px;
    overflow:visible;
}
.live-trial-form{
    width:450px;
    margin:0 auto;
}
.live-trial-form .trial-form-item input[type='text']{
    border-bottom:none;
    background-color:#000;
    color:#fff;
}
.live-trial-form .trial-form-item .layui-input-block.trial-form-smsSend button{
    border-bottom:none;
    background-color:var(--color2);
    color:var(--color3);
}
/* 直播间 end */

/* 工厂 start */
.plant-introduce{
    padding-top:100px;
}
.plant-introduce.plant-introduce_rest{
    padding-bottom:100px;
}
.plant-introduce-body{
    width:100%;
    height:auto;
}
.plant-introduce-body .introduce-item{
    position:relative;
    display:flex;
    flex-direction:row;
    align-items: flex-start;
    margin-bottom:100px;
}
.plant-introduce-body .introduce-item img{
    width:530px;
    margin-left: 0;
    margin-right: 140px;
}
.plant-introduce-body .introduce-item:nth-child(2n) img{
    order:2;
    margin-left: 140px;
    margin-right: 0;
}
.plant-introduce-body .introduce-item img.max{
    width:680px;
    margin-right:70px;
}
.plant-introduce-body .introduce-item .introduce-content{
    flex:1;
    max-width:600px;
    margin:0 auto;
    box-sizing: border-box;
    padding-right: 70px;
    padding-top: 50px;
}
.plant-introduce-body .introduce-item:nth-child(2n) .introduce-content{
    padding-left: 70px;
    padding-right: 0;
}
.plant-introduce-body .introduce-item .introduce-content .introduce-text{
    font-size:16px;
    color:#fff;
    text-indent:2em;
}
.plant-introduce-body .introduce-item.introduce-item_center-center{
    margin-bottom:20px;
}
.plant-introduce-body .introduce-item.introduce-item_center-center .introduce-content{
    padding:0;
}
.plant-public{
    padding-top:30px;
}
.plant-smart{
    padding-top:100px;
}
.plant-smart-body{
    width:100%;
}
.plant-smart-title{    
    font-size: 24px;
    color:#fff;
    margin-top: 50px;
    text-align:center;
    line-height:3em;
}
.plant-smart_carousel{
    width:100%;
}
.plant-smart_carousel .swiper-slide{
    width:100%;
}
.plant-smart_carousel .swiper-slide img{
    width:100%;
    height:auto;
}
.plant-smart_carousel .swiper-slide p{
    margin-top: 10px;
    font-size: 16px;
    text-align: center;
    color:#fff;
}
.plant-smart-items{
    display:flex;
    padding-top:50px;
}
.plant-smart-items .plant-smart-item{
    width:380px;
    margin-right:30px;
    padding-bottom:30px;
}
.plant-smart-items .plant-smart-item:nth-child(3n){
    margin-right:0;
}
.plant-smart-items .plant-smart-item .plant-smart-item_content img{
    width:100%;
    height:auto;
}
.plant-smart-items .plant-smart-item .plant-smart-item_content .text{
    color:#fff;
    overflow: hidden;
    margin-top: 20px;
    font-size: 16px;
    text-align: center;
}
.plant-entrance{
    padding-top:100px;
}
.plant-entrance-body{
    width:100%;
}
.plant-entrance-slogan{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
}
.plant-entrance-slogan .slogan-item{
    font-size:20px;
    color:#fff;
    padding:0 50px;
    line-height:1.5em;
    text-align: center;
}

.plant-entrance-table table{
    width:100%;
}
.plant-entrance-head{
    padding:40px 0;
    display:flex;
    flex-direction:row;
    align-items:center;
    flex-wrap:wrap;
    margin-top:50px;
}
.plant-entrance-head h4{
    font-size:28px;
    color:#fff;
}
.plant-entrance-head button{
    display:inline-block;
    font-size:14px;
    height:2em;
    background-color:#ff6464;
    border:none;
    border:5px;
}
.plant-entrance-head button a{
    color:#ffffff;
    display: block;
    height:100%;
    padding:0 10px;
    line-height:2em;
}

.plant-entrance-table table thead{
    background-color:#fff;
    border-right:1px solid #fff;
    border-left:1px solid #fff;
}
.plant-entrance-table table th{
    font-weight:bold;
    font-size:20px;
    padding:10px 0;
}
.plant-entrance-table table td{
    padding:30px 60px;
    border-bottom:1px solid #fff;
    border-right:1px solid #fff;
    color:#fff;
}
.plant-entrance-table table td:nth-child(2){
    white-space: nowrap;
    text-align:center;
}
.plant-entrance-table table td:first-child{    
    border-left:1px solid #f7f7f7;
}

.plant-entrance_table-foot div{
    display:flex;
    padding:5px 0;
    color:#fff;
}
.plant-entrance_table-foot span{
    white-space:nowrap;
}
.plant-entrance_table-foot p{
    display: inline-block;
    font-style:14px;
    color:#fff;
    margin-left:10px;
}
.plant-entrance_table-foot p a{
    color:#55a3fe;
}
/* 工厂 end */
/*在线购车小铭牌start*/
.buycar-goods__content-pannel-icon{
     display: flex;
        
}
.buycar-goods__content-pannel-icon img{
    width: 80px;
    height: auto;
    margin-left: 10px;
    margin-top: -10px;
}
/*在线购车小铭牌end*/