*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: none \9;
    line-height: 1.4 \9;
}
body{
    min-width: 1200px;
    font-size: 14px;
    background: #fff;
    font-family: "微软雅黑", Verdana, Tahoma, sans-serif;
}
img{
    width: 100%;
    height: auto;
    vertical-align: middle;
}
a{
    color: inherit;
    text-decoration: none;
}
input,select{
    outline: none;
}
select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
}
select::-ms-expand {
    display: none;
}

select:-moz-focusring{
	color: transparent;
	text-shadow: 0 0 0 #705a39;
}

.hide{
    display: none !important;
}
.app{
    width: 1200px;
    margin: 0 auto;
    position: relative;
    min-height: 700px;
}
.app .left{
    width: 150px;
    overflow: hidden;
    padding-top: 26px;
    position: fixed;
    z-index: 100;
    left: 50%;
    margin-left: -600px;
    padding-bottom: 20px;
}
/*.app .left{
    float: initial;
    position: fixed;
}*/
.app .left .logo{
    width: 100%;
    margin-bottom: 35px;
    cursor: pointer;
}
.app .left .select-box{
    width: 100%;
}
.app .left .select-box .select-item {
    margin-bottom: 40px;
}
.select-item .select-title{
    display:block;
    font-size: 20px;
    text-align: right;
    font-weight: 700;
    margin: 18px 0;
    -webkit-transition: all .15s linear;
    transition: all .15s linear;
    color: #333;
}
.select-item .select-title img{
    width: 13px;
}
.select-item.active .select-title{
    color: #589ffb;
}
.select-item.active .select-option{
    display: flex;
    display: block \9;
    font-size: 0 \9;
    text-align: right \9;
}
.select-item .down1,.select-item.active .down{
    display: none;
}
.select-item.active .down1,.select-item .down{
    display: inline-block;
}
.select-item .select-option{
    display: none;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}
.select-item .select-option .option{
    min-width: 25%;
    color: #6c6c6c;
    font-size: 14px;
    margin-bottom: 10px;
    white-space: nowrap;
    display: inline-block \9;
    text-align: center \9;
} 
.select-item .select-option .option.active{
    color:#589ffb;
}
.select-item .select-option .option:hover{
    color: #589ffb;
}

.main {
    width: 1000px;
    margin-left: 200px;
    padding-bottom: 50px;
    display: inline-block;
    min-height: 800px;
}
.main .header{
    width: 100%;
}
.main .head-tit{
    font-size: 26px;
}
.main .head-tit span{
    margin-top: 30px;
    display: inline-block;
}
.main .head-tit img{
    width: 25%;
    margin-top: 30px;
}
.main .head-main{
    text-align: right;
    border-bottom: 1px solid #eee;
    font-size: 0;
    position: relative;
}
.main .head-main>div{
    display: inline-block;
}
.main .head-main .location{
    width: 8%;
    padding-right: 10px;
    border-right:1px solid #eee;
    height: 26px;
    line-height: 28px;
    cursor: pointer;
}.main .head-main .location>span:hover{
    color: #589ffb;
}
.main .head-main .location img{
    width: 13px;
    margin-right: 5px;
}
.main .head-main .location span{
    color: #666;
    font-size: 14px;
    vertical-align: middle;
}
.main .head-main .location img.arrow{
    width: 10px;
    margin-left: 5px;
    margin-right: 0;
}
.main .head-main .city-box{
    width:400px;
    position:absolute;
    z-index: 999;
    background: #fcfcfc;
    right: 0;
    top: 25px;
    border-radius: 10px 0 10px 0;
    box-shadow: 0 1px 3px rgba(0,0,0,.02),0 5px 20px 1px rgba(0,0,0,.12);
}
.main .head-main .city-box .city-item-box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap:wrap;
    padding:5px 0;
    text-align: left;
}
.main .head-main .location .city-box a{
    width: 20%;
    font-size: 14px;
    color: #555;
    display: inline-block;
    text-align: center;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding:5px 0;
}
.main .head-main .location .city-box a::after{
    content: "";
    display: inline-block;
    width: 1px;
    height: 15px;
    background: #ccc;
    vertical-align: middle;
    position:absolute;
    right: 0;
    top: 11px;
}
.main .head-main .location .city-box a:nth-child(5n):after{
    display:none;
}
.main .head-main .location .city-box a:hover{
    color: #589ffb;
}
.main .head-main .location .city-box a span{
    width: 60%;
    text-align: center;
    display:inline-block;
    height:28px;
    line-height: 28px;
}
.main .head-main .location .city-box a span:hover{
    background: #589ffb;
    border-radius: 5px;
    color: #fff;
}
.main .head-main .location .city-box .city-close{
    width: 32px;
    height: 32px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #fafbfc;
    border-left: solid 1px #cfd5e5;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    text-align: center;
    color: #555;
}
.main .head-main .location .city-box .city-arrow{
    width: 16px;
    height: 14px;
    top: -15px;
    left: 210px;
    position: absolute;
    overflow: hidden;
    z-index: 2;
    color: #ccc;
    font-size: 30px;
    cursor: pointer;
}
.main .head-main .search-box{
    width: 17%;
    padding-left: 10px;
    
}
.main .head-main .search-box img{
    width: 18px;
    margin-right: 5px;
    cursor: pointer;
}
.main .head-main .search-box input{
    border: none;
    height: 30px;
    vertical-align: middle;
    width: 85%;
    font-size: 14px;
    line-height: 30px;
}
.main .head-main .search-box input:focus{
    outline-offset:0;
    outline:none;
}
.main .slider-box{
    width: 100%;
    overflow: hidden;
    height: 480px;
    padding-top: 25px;
    position: relative;
}
.main .slider-box .button{
    top: 220px;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    z-index: 1002;
}
.swiper-container{
    width: 110%;
    overflow: initial;
}
.swiper-button-next{
    right: 65px;
    background-position: 25%;
}
.swiper-button-prev{
    left: -35px;
    background-position: 75%;
}

.swiper-button-next, .swiper-button-prev{
    margin-top: -36px;
}
.swiper-slide-prev,.swiper-slide-next{
    margin-top: 48px;
}
.swiper-slide-prev a img,.swiper-slide-next a img{
    height: 340px;
}
.swiper-slide-active{
    right: 50px;
    transform: scale(1.5);
}
.swiper-slide-prev{
    left: 256px;
}
.swiper-slide-next{
    right: 356px;
}
.swiper-slide{
    border-radius: 15px 0 15px 0;
    overflow: hidden;
}
.swiper-slide.adver>a img{
    width:100%;
    background: #eee;
}
.swiper-slide img{
    border-radius: 15px 0 15px 0;
    width: 100% \9;
    height: 420px \9;
}
.swiper-slide-active:hover img{
    transform: scale(1.1);
}
.swiper-slide.swiper-slide-active a{
    transform: scale(.67) translate(-25%,-13%);
    width: 800px;
    max-height: 439px;
}
.swiper-slide.swiper-slide-active a img{
    width: 799px;
    height: 420px \9;
    transition: transform .5s ease;
}

.swiper-slide a{
    background: transparent;
    border-radius: 15px 0 15px 0;
    overflow: hidden;
}
.layer-mask{
    border-radius: 15px 0 15px 0;
}
.article-box .art-tit{
    padding: 10px 0;
    font-size: 26px;
    color: #000;
    line-height: 35px;
}
.article-box .art-tit img{
    width: 10%;
}
.art-box{
    display: block;
    white-space: nowrap;
    font-size: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.art-item{
    width: 24%;
    display: inline-block \9;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    margin-right: 1.33% \9;
}
.art-item a{
    display: block;
}
.art-item img{
    width: 100%;
    height: 167px;
    background: #9c9c9c;
}
.art-item span{
    position: absolute;
    bottom: 0;
    left: 0;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    color: #fff;
    width: 100%;
    height: 36px;
    line-height: 36px;
    transition: all .3s;
    background: linear-gradient(transparent,rgba(16,23,41,.85));
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000) \9;
}
.art-item:nth-child(1){
    border-radius: 10px 0 0 0;
}
.art-item:nth-child(4){
    border-radius: 0 0 10px 0;
}

.art-item:hover span{
    height: 167px;
    line-height: 167px;
}

.content-box{
    font-size: 0;
    padding: 25px 0;
}

.content-box .left-box{
    width: 70%;
    display: inline-block;
}
.content-box .right-box{
    width: 30%;
    display: inline-block;
    vertical-align: top;
}
.content-box .right-box .title{
    font-size: 20px;
}
.content-box .title{
    font-size: 26px;
    color: #000;
    height: 35px;
    line-height: 35px;
    margin-bottom: 10px;
    margin-top: 0;
}
.content-box .lit-title{
    font-size: 20px;
}
.content-box .title img,
.content-box .lit-title img{
    width: 10%;
    display: none;
}
.content-box .right-box .title{
   
    padding-bottom: 10px;
    height: auto;
    margin: 0;
}
.mes-box{
    padding: 10px 0;
}
.mes-box .item-box{
    width: 102%;
    margin-left: -1.8%;
}
.mes-box .mes-item,
.item-box > a{
    font-size: 0;
    margin-bottom: 25px;
    padding: 10px 12px;
    cursor: pointer;
    margin-right: 8%;
    display: block;
}
.item-box > a img{
    border-radius: 15px 0 15px 0;
}
.mes-box .mes-item.adver{
    padding: 0 12px;
}
.mes-box .mes-item.adver:hover{
    box-shadow: none;
}

.mes-box .mes-item:hover{
    border-radius: 22px 0 22px 0;
    box-shadow: 0 0 25px 2px rgba(0,0,0,.1);
}
.mes-box .mes-item:hover .item-tit{
    color: #589ffb;
}
.mes-box .mes-item:hover .item-img img{

    transform: scale(1.12);
}
.mes-box .mes-item .item-img{
    display: inline-block;
    width: 37%;
    margin-right: 4%;
    vertical-align: top;
    overflow: hidden;
    border-radius: 12px 0 12px 0;
    height: 157px;
    position: relative;
    border: none;
}
.mes-box .mes-item .item-img img{
    min-height: 157px;
    transition: all .75s linear;
}
.mes-box .mes-item .item-info{
    display: inline-block;
    width: 58%;
    /*padding-right: 5%;*/ 
    height: 157px;
    position: relative;
}
.mes-box .mes-item .item-tit{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 22px;
    transition: all .15s linear;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 54px;
}
.mes-box .mes-item .item-desc{
    color: #666;
    font-size: 14px;
    margin-bottom: 25px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 36px;
}
.mes-box .mes-item .item-time{
    color: #666;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.mes-box .mes-item .item-time img{
    display: inline-block;
    width: 30px;
    border-radius: 50%;
    margin-right: 5px;
}
.videoinfo .mes-box .mes-item .item-time img{
    width: 15px;
    border-radius: 0;
}
.videoinfo-item .item-info span img.avator{
    width: 30px;
    border-radius: 50%;
}
.mes-box .mes-item .item-time img.avator{
    width: 30px;
    border-radius: 50%;
}
.mes-box .mes-item .item-time span{
    vertical-align: middle;
    margin-right: 10px;
}
.newcar-box{
    padding-top: 10px;
    margin-bottom: 50px;
    height: 373px;
}
.newcar-box .new-item{
    background: #f3f4f8;
    border-left: 3px solid #dfe0e2;
    margin-bottom: 11px;
    transition: all .5s linear;
    height: 38px;
    overflow: hidden;
    cursor: pointer;
}
.newcar-box .new-item.active{
    height: 220px;
    border-left: 3px solid #64a7fe;
    
}
.newcar-box .new-item.active .car-tit{
    color: #222;
    background: rgba(104,128,251,.1);
}
.newcar-box .new-item img{
    display: none;
    height: 180px;
}
.newcar-box .new-item .car-tit{
    color: #444;
    font-size: 15px;
    font-weight: 700;
    padding: 10px 16px;
}
.newcar-box .new-item.active img{
    display: inline-block;
}
.adver{
    display: block;


    border-radius: 22px 0 22px 0;
    margin-bottom: 25px
}
.adver img{
    border-radius: 12px 0 12px 0;
    background: #9c9c9c;
    min-height: 100px;
}
.mes-box .mes-item.loading{
    width: auto;
    height: 45px;
    line-height: 45px;
    /*background: #d9dbdc url(/web/images/admin/home/loading.png) no-repeat 248px;*/
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .15s linear;
    transition: all .15s linear;
    border-radius: 2px;
    padding: 0;
}

.slice {
    position: relative;
    float: left;
    width: 30px;
    height: 20px;
    left: 270px;
    top: 14px;
    text-align: center;
}
.mes-item.loading .slice{
    left: 270px;
}
.slice > div {
    margin: 1px auto;
}
.slice > div:nth-child(2) {
    font-family: cursive;
    position: absolute;
    bottom: 0;
    left: 3px;
    color: #fff;
}
.loading [data-loader="rectangle"]{
    height: 15px;
}
.loading [data-loader="rectangle"]::after, 
.loading [data-loader="rectangle"]::before,
.loading [data-loader="rectangle"]{
    animation: none;
    bottom: 0;
}
.loading:hover [data-loader="rectangle"]::after{
    animation: rectangle infinite 1s ease-in-out;
    bottom: auto;
    bottom: 0 \9;
}
.loading:hover [data-loader="rectangle"]::before{
    animation: rectangle infinite 1s ease-in-out -0.4s;
    bottom: auto;
    bottom: 0 \9;
}
.loading:hover [data-loader="rectangle"]{
    animation: rectangle infinite 1s ease-in-out -0.2s;
    bottom: auto;
    bottom: 0 \9;
}
.loading:hover .slice{
    top: 20px;
    top: 14px \9;
}
.mes-box .mes-item.loading:hover{
    border-radius: 2px;
    background-color: #e2e4e5;
}

.loading span{
    padding-left: 17px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    line-height: 45px;
}
.home .video-box .hot-video{
    width: 100%;
    margin-bottom: 20px;
    display: block;
}
.home .video-box .hot-video .bg{
    padding: 15px;
    position: relative;
    display: block;
    border-left: 3px solid #589ffb;
    background: #f4f5f8;
}
.home .video-box .hot-video .bg .item-bg{
    position: absolute;
    width: 0;
    height: 100%;
    overflow: hidden;
    left: 0;
    top:0;
    background: #589ffb;
    transition: width .15s ease-in-out;
}
.home .video-box .hot-video .bg .item-bg .video-tit{
    width: 267px;
    color: #fff;
    margin: 15px;
}
.home .video-box .hot-video .bg .item-bg .video-info{
    margin:0 15px;
    width: 267px;
}
.home .video-box .hot-video:hover .item-bg{
    width: 100%;
}
.home .video-box .hot-video:hover
.home .video-box .hot-video .video-tit{
    margin-bottom: 15px;
    position: relative;
    cursor: pointer;
}
.home .video-box .hot-video .video-info{
    clear: both;
}
.home .video-box .hot-video .video-info img{
    width: 15px;
    margin-right: 5px;
}
.home .video-box .hot-video .video-info img.avator{
    width: 30px;
    border-radius: 50%;
}
.home .video-box .hot-video .item-bg .video-info span{
    color: #fff;
}
.home .video-box .hot-video .video-info span{
    color: #444;
    font-size: 14px;
    vertical-align: middle;
}
.home .video-box .hot-video .video-info .video-author{
    display: inline-block;
    width: 50%;
}
.home .video-box .hot-video .video-info .video-views{
    display: inline-block;
    width: 50%;
    text-align: right;
}
.home .video-box .hot-video .video-tit{
    margin-bottom: 15px;
}
.home .video-box .video-tit{
    font-size: 16px;
    color: #444;
    font-weight: 700;
}
.home .video-box .video-item{
    font-size: 0;
    margin-bottom: 15px;
    cursor: pointer;
    display: block;
    border-left: 3px solid #589ffb;
    background: #f4f5f8;
}
.home .video-box .video-item .bg{
    display: inline-block;
    width: 65%;
    height: 59px;
    padding:0 15px;
    vertical-align: middle;
    position: relative;
}
.home .video-box .video-item .mid{
    width: 0;
    height: 58px;
    display: inline-block;
    vertical-align: middle;
}
.home .video-box .video-item:hover .item-bg{
    width: 100%;
    padding:0 15px;
}
.home .video-box .video-item .item-bg{
    display: inline-block;
    width: 0;
    overflow: hidden;
    padding:0;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    background: #589ffb;
    transition: width .15s ease-in;
}
.home .video-box .video-item .item-bg .video-tit{
    color: #fff;
    width: 163px;
}
.home .video-box .hot-video .video-img{
    position: relative;
}
.home .video-box .video-item .video-img{
    width: 35%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    max-height: 58px;
}
.home .hot-video-box{
    padding-top: 8px;
}
.home .video-box .video-item .video-tit{
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}
.backtop{
    position: fixed;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    right: 20px;
    bottom: 300px;
    z-index: 999;
}
.footer{
    position: relative;
    width: 100%;
    background: #263147;
    padding: 50px 0;
}
.fot-main{
    width: 1200px;
    margin: 0 auto;
    font-size: 0;
}
.fot-logo{
    width: 8%;
    margin: 0 6%;
    display: inline-block;
    vertical-align: middle;
}
.fot-content{
    display: inline-block;
    width: 80%;
    vertical-align: middle;
}
.fot-content .logo{
    width: 10%;
    margin-bottom: 20px;
}
.fot-content .link-box{
    font-size: 0;
    margin-bottom: 15px;
}
.fot-content .link-box .link-item{
    display: inline-block;
    margin-right: 3%;
    font-size: 16px;
    color: #fff;
}
.fot-content .link-box .link-item:hover{
    color: #589ffb;
}
.fot-content .intro{
    font-size: 14px;
    color: #ccc;
    margin-bottom: 20px;
    line-height: 1.6;
}
.fot-content .copy{
    font-size: 12px;
    color: #ccc;
}
.fot-content .copy span{
    vertical-align: top;
}
.fot-content .copy img{
    width: 13px;
    margin: 0 5px;
    vertical-align: top;
}
.left.abs{
    position: absolute;
    left: 0;
    margin-left: 0;
}
.home .video-img .play{
    position: absolute;
}
.home .hot-video .video-img .play{
    width: 50px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 9;
}
.home .video-item .video-img .play{
    width: 20px;
    bottom: 0px;
    right: 0px;
    z-index: 9;
}
.swiper-slide a{
    position: relative;
    display: block;
}
.swiper-slide a span{
    position: absolute;
    font-size: 18px;
    color: #fff;
    width: 100%;
    padding: 7.5px;
    text-align: center;
    background: rgba(0,0,0,.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000) \9;
    bottom: 0;
    left: 0;
}
/* .swiper-slide-duplicate-prev{
    right: 500px;
} */
.video .video-box{
    width: 100%;
    font-size: 0;
    padding: 30px 0;
}
.video .video-box .video-item{
    width: 48%;
    display: inline-block;
    padding:25px 15px;
    border: 1px solid #eee;
    border-radius: 15px 0 15px 0;
    margin-bottom: 30px;
    vertical-align: middle;
    margin-right: 2% \9;
}
.video .video-box .video-item:hover{
    border-radius: 15px 0 15px 0;
    box-shadow: 0 0 25px 2px rgba(0,0,0,.1);
    border: 1px solid transparent;
}
.video .video-box .video-item:hover .video-tit{
    color: #589ffb;
}
.video .video-box .video-item:hover .info-video img{
    transform: scale(1.12);
}
.video .video-box .video-item:nth-child(2n+1){
    margin-right: 4%;
}
.video .video-box .video-tit{
    font-size: 18px;
    color: #333;
    font-weight: 700;
    transition: color .15s ease;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;
}
.video .video-box .video-info{
    width: 100%;
    font-size: 0;
   
}
.video .video-info .info-author{
    display: inline-block;
    width: 25%;
    text-align: center;
    color: #777;
    font-size: 14px;
    margin-top:30px;
    vertical-align: middle;
}
.video .video-info .info-author>div{
    margin-bottom: 10px;
}
.video .video-info .info-author .author{
    margin-bottom: 15px;
}
.video .video-info .avator img{
    width: 30px;
    border-radius: 50%;
}
.video .video-info .play img{
    width: 20px;
}
.video .video-info .info-video{
    display: inline-block;
    width: 64%;
    text-align: center;
    border-radius: 15px 0 15px 0;
    overflow: hidden;
    height: 164px;
    margin-left: 8%;
    vertical-align: middle;
}
.video .video-info .info-video img{
    width: 100%;

    transition: all 1s ease-in-out;
    min-height: 190px;
}
.video .adver.video-item{
    background: #fff;
    padding: 0;
    border: none;
    height: 260px;
    overflow: hidden;
    border:1px solid transparent;
}
.video .adver.video-item img{
    height: 260px;
}
.loading,.carshow .loading{
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #d9dbdc url(/web/images/admin/home/loading.png) no-repeat 420px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .15s linear;
    transition: all .15s linear;
    border-radius: 2px;
    padding: 0;
    background-image: none;
    background-image: url(/web/images/admin/home/loading.png) \9;
}
.loading:hover,.carshow .loading:hover{
    background-color: #e2e4e5;
}
.loading .slice{
    left: 445px;
}
.carshow .carshow-box{
    width: 100%;
    font-size: 0;
    padding: 30px 0;
}
.carshow .carshow-box .carshow-item:nth-child(2n+1){
    margin-right: 4%;
}
.carshow .carshow-box .carshow-item{
    width: 48%;
    display: inline-block;
    border: 1px solid #eee;
    border-radius: 15px 0 15px 0;
    margin-bottom: 30px;
    vertical-align: middle;
    overflow: hidden;
    width: 46% \9;
    margin-right: 3% \9;
}
.carshow .carshow-box .carshow-item:hover{
    border-radius: 15px 0 15px 0;
    box-shadow: 0 0 25px 2px rgba(0,0,0,.1);
    border: 1px solid transparent;
}
.carshow .carshow-box .carshow-item:hover .item-tit{
    color: #589ffb;
}
.carshow .carshow-box .carshow-item img{
    transition: transform .75s ease-in-out;
}
.carshow .carshow-box .carshow-item:hover .item-img img{
    transform: scale(1.1);

}
.carshow .carshow-box .item-img{
    width: 100%;
    height: 300px;
    overflow: hidden;
}
/*.carshow .carshow-box .item-img{
    height: 267px;
}*/
.carshow .carshow-item .item-info{
    padding: 20px 15px;
}
.carshow .carshow-item .item-tit{
    font-size: 18px;
    color: #333;
    font-weight: 700;
    transition: color .15s ease;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;
}
.carshow .carshow-item .item-time,
.carshow .carshow-item .item-address{
    font-size: 14px;
    color: #777;
    margin-bottom: 10px;
}
.carshow .carshow-item .item-time img,
.carshow .carshow-item .item-address img{
    width: 18px;
    margin-right: 5px;
    vertical-align: middle;
}
.carshow .carshow-item span{
    vertical-align: middle;
}

.brand-box {
    width: 100%;
    padding-top: 15px;
    position: relative;
}

.brand-box .initial-box {
    width: 100%;
    font-size: 14px;
    margin: 10px 0;
}

.brand-box .initial-box .initial {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    position: relative;
    margin: 0 5px;
    cursor: pointer;
    display: inline-block;
    min-width: 15px;
    text-align: center;
}
.brand-box .initial-box .initial.active{
    color: #589ffb;;
} 
.brand-box .initial-box .initial:hover{
    transition: color .75s ease;
    color: #589ffb;
}

.brand-box .initial-box .initial .arrow {
    position: absolute;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    bottom: -16px;
    z-index: 9;
    background: #fff;
    left: 20%;
}

.brand-box .initial-box .initial .arrow.hot {
    left: 30%;
}

.brand-box .brand-item-box {
    width: 100%;
    border-top: 1px solid #ddd;
}

.brand-box .brand-item-box .brand-item .item {
    display: inline-block;
    min-width: 7%;
    margin: 10px 5px;
    text-align: center;
    cursor: pointer;
}
.brand-box .brand-item-box .brand-item .item.active .item-title{
    color: #589ffb;
} 

.brand-box .brand-item-box .brand-item .item:hover .item-img{
    transition: opacity .5s ease;
    opacity: .7;
    filter:Alpha(opacity=70) \9;
}
.brand-box .brand-item-box .brand-item .item:hover .item-title{
    transition: color .25s ease;
    color: #589ffb;
}

.brand-box .brand-item-box .brand-item .item img {
    width: 50px;
    height: auto;
}

.brand-box .brand-item-box .brand-item .item .item-title {
    white-space: nowrap;
}
.dealer .city-box {
    margin: 10px 0;
    position: absolute;
    top: 15px;
    right: 0;
}

.dealer .city-box span {
    color: #333;
}

.dealer .city-box .city {
    position: relative;
    display: inline-block;

}

.dealer .city-box .city select {
    border: 1px solid #ddd;
    color: #333;
    height: 28px;
    border-radius: 28px;
    padding: 0 20px 0 5px;
    padding-right: 0 \9;
}

.dealer .city-box .city img {
    width: 10px;
    height: 10px;
    position: absolute;
    right: 8px;
    top: 35%;
    display: none \9;
}
.dealer .dealer-box{
    padding: 25px 0;
    width: 100%;
}
.dealer .dealer-item-box{
    font-size: 0;
    width: 100%;
    min-height: 200px;
}
.dealer .dealer-item-box > a:nth-child(4){
    margin-right: 0;
}
.dealer .dealer-item-box>a{
    width: 22%;
    display: inline-block;
    overflow: hidden;
    margin-right: 4%;
    margin-right: 3% \9;
    position: relative;
    height: 390px;
    border-radius: 15px 0 15px 0;
    background:#eee;
    vertical-align: top;
}
.dealer .dealer-item{
    width: 22%;
    display: inline-block;
    margin-right: 4%;
    margin-right: 3% \9;
    margin-bottom: 30px;
    border-radius: 15px 0 15px 0;
    overflow: hidden;
    position: relative;
    height: 390px;
}
.dealer .dealer-item:hover .item-model{
    opacity: 1;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000) Alpha(opacity=100) \9;;
}
.dealer .dealer-item:hover .item-model .item-btn-box{
    transform: translateY(-10px);
    opacity: 1;
    filter:Alpha(opacity=100) \9;
}
.dealer .dealer-item .item-img{
    width: 100%;
    height: 165px;
    /*background: red;*/
}
.dealer .dealer-item .item-img img{
    width: 100%;
    height: 100%;
}
.dealer .dealer-item .item-info{
    padding: 20px 10px;
    background: #fff;
    border-radius: 15px 0 15px 0;
    position: relative;
    bottom: 10px;
    height:235px;
    border: 1px solid #eee;
}
.dealer .item-info div{
    margin-bottom: 15px;
}
.dealer .item-info .item-brand img{
    width: 15px;
}
.dealer .item-info div img{
    width: 12px;
    vertical-align: middle;
    margin-right: 15px;
}
.dealer .item-info div span{
    font-size: 14px;
    color: #555;
    vertical-align: middle;
}
.dealer .dealer-item .item-info .item-name{
    font-size: 16px;
    color: #000;
    font-weight: 700;
    margin: 20px 0;
    height: 42px;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.dealer .dealer-item:nth-child(4n){
    margin-right: 0;
}
.dealer .dealer-item .item-model{
    opacity:0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000) Alpha(opacity=0) \9;
    z-index: 9;
    top: 0;
    left: 0;
}
.dealer .dealer-item .item-model .item-btn-box{
    position: relative;
    top: 60px;
    transition: all .5s ease-in-out;
    opacity: 0;
    filter:Alpha(opacity=0) \9;
}
.dealer .dealer-item .item-model .item-btn{
    width: 38%;
    height: 40px;
    background: #fff;
    color: #333;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    border-radius: 40px;
    text-align: center;
    margin: 30px auto 0;
    cursor: pointer;
}
.brandtuan .brandtuan-item-box{
    width: 100%;
    padding: 20px 0;
    font-size: 0;
}
.brandtuan-item{
    display: inline-block;
    width: 30%;
    margin-right: 5%;
    margin-right: 3% \9;
    padding: 25px 20px;
    border: 1px solid #eee;
    border-radius: 15px 0 15px 0;
    margin-bottom: 30px;
    transition: transform .25s ease;
    height: 385px;
}
.brandtuan-item:hover{
    border-radius: 15px 0 15px 0;
    box-shadow: 0 0 25px 2px rgba(0,0,0,.1);
    border: 1px solid transparent;
    transform: translateY(-3px);
}
.brandtuan-item:hover .item-btn{
    background: #333;
    color: #fff;
    border: 1px solid transparent;
}
.brandtuan-item:nth-child(3n+8){
    margin-right: 0;
}
.brandtuan-item-box>a{
    display: inline-block;
    width: 30%;
    margin-right: 5%;
    margin-right: 3% \9;
    border-radius: 15px 0 15px 0;
    margin-bottom: 30px;
    transition: transform .25s ease;
    background:#eee;
    border-radius: 15px 0 15px 0;
    vertical-align: top;
    height: 385px;
    overflow: hidden;
}
.brandtuan-item .item-logo{
    width: 100%;
    margin-bottom: 20px;
}
.brandtuan-item .item-logo img{
    width: 30%;
}
.brandtuan-item .item-name{
    font-size: 18px;
    color: #000;
    font-weight: 700;
    margin-bottom: 15px;
}
.brandtuan-item .item-desc{
    font-size: 16px;
    color: #555;
    margin-bottom: 10px;
}
.brandtuan-item .item-hot{
    font-size: 13px;
    color: #666;
    height: 60px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.brandtuan-item .item-baoming{
    font-size: 15px;
    color: #333;
    margin-bottom: 10px;
}
.brandtuan-item .item-baoming span{
    color: red;
    font-weight: 700;
}
.brandtuan-item .item-time{
    font-size: 15px;
    color: #333;
    margin-bottom: 25px;
}
.brandtuan-item .item-btn{
    width: 80px;
    height: 30px;
    line-height: 26px;
    text-align: center;
    border: 1px solid #333;
    border-radius: 30px;
    color: #333;
    font-size: 16px;
    cursor: pointer;
    line-height: 30px \9;
}
.float-box{
    width: 30%;
    float: right;
    margin-right: 3% \9;
    padding: 25px 20px;
    border: 1px solid #eee;
    border-radius: 15px 0 15px 0;
    margin-bottom: 28px;
}
.float-box .float-tit{
    color: #000;
    font-size: 18px;
    margin-bottom: 25px;
    font-weight: 700;
    text-align: center;
}
.float-box .input-box input,
.float-box .select-box select{
    width: 100%;
    border-radius: 10px;
    height: 45px;
    line-height:45px;
    border: none;
    padding-left: 10px;
    background: #f5f5f5;
    margin-bottom: 15px;
    font-size: 15px;
}
.float-box .submit{
    width: 100%;
    border-radius: 10px;
    height: 40px;
    line-height:40px;
    border: none;
    background: #64a7ff;
    text-align: center;
    margin: 15px 0;
    color: #fff;
    font-size: 16px;
}
.float-box .desc{
    color: #555;
    font-size: 12px;
    margin: 15px 0;
    margin-top: 10px;
    text-align: center;
    margin-top: 20px;
    white-space: nowrap;
}
.float-box .desc a{
    color: red;
}
.float-box .baoming-box{
    padding-top: 10px;
}
.tabel {
    height: 293px;
    overflow: hidden;
}

.main4ul {
    overflow: hidden;
    margin: 0;
}

.main4ul li {
    width: 100%;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

ul li {
    list-style: none;
}

.main4ul li span {
    border: none;
    color: #333;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    width: 30% \9;
    display: inline-block \9;
    text-align: center \9;
    margin-right: 0px \9;
    font-size: 14px;
}

.main4ul li span:nth-child(1) {
    width: 25%;
    overflow: hidden;
    border: none;
    text-align: left;
}

.main4ul li span:nth-child(2) {
    width: 45%;
    border: none;
    text-align: center;
}

.main4ul li span:nth-child(3) {
    width: 30%;
    border: none;
    text-align: center;
    color: #999;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#demo {
    height: 293px;
    overflow: hidden;
    width: 100%;
}
#demo>div {
    width: 96%;
}
.article .art-main{
    font-size: 0;
    width: 100%;
    padding: 30px 0;
    margin-top: 18px;
}
.article .art-main .article-box{
    display: inline-block;
    width: 65%;
    margin-right: 5%;
    vertical-align: top;
}
.article .article-box .art-tit{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 28px;
    line-height: 40px;
    color: #333;
    letter-spacing: 2px;
    margin-bottom: 20px;
}
.article .article-box .art-author{
    margin-bottom: 20px;
    position: relative;
}
.article .article-box .art-author img{
    width: 30px;
    margin-right: 10px;
    border-radius: 50%;
}
.article .article-box .art-author span{
    color: #777;
    font-size: 14px;
    margin-right: 15px;
    vertical-align: middle;
}
.article .article-box .art-author .reading{
    position: absolute;
    right: 0;
    top: 2px;
}
.article .article-box .art-content{
    width: 100%;
    margin-bottom: 30px;
    font-size: 17px;
}
.article .article-box .art-content p{
    margin: 14px 0;
    font-size: 17px;
    line-height: 1.6;
    color: #666;
    overflow: auto;
}
.article .article-box .art-content p img{
    width: 100%;
    max-width: 100%;
}
.share-box{
    text-align: right;
    margin-bottom: 30px;
    font-size: 0;
    position: relative;
}
.share-box span{
    display: inline-block;
    margin-right: 5px;
    font-size: 14px;
    color: #000;
}
.share-box span img{
    width: 25px;
}
.related-box{
    width: 100%;
    margin-bottom: 100px;
}
.related-box .related-tit{
    font-size: 18px;
    font-weight: 700;
    color: #333;
    margin-bottom: 15px;
}
.related-box .related-hot{
    width: 100%;
    border-radius: 15px 0 15px 0;
    overflow: hidden;
    margin-bottom:25px;
}
.related-box .related-hot .art-item{
    display: inline-block;
    width: 32%;
    margin-right: 2%;
}
.related-box .related-hot .art-item:nth-child(3){
    margin-right: 0;
}
.article .art-main .author-info{
    display: inline-block;
    width: 30%;
    background: #f7f8f9;
    padding: 20px 10px;
    border-radius: 10px;
    vertical-align: top;
}
.article .art-main .author-info .info-avator{
    width: 60px;
    margin: 10px auto;
    height: auto;
    border-radius: 50%;
    overflow: hidden;
}
.article .art-main .author-info .info-avator img{
    height: 60px;
}
.article .art-main .author-info .name{
    font-size: 18px;
    color: #333;
    margin-bottom: 20px;
    text-align: center;
}
.article .art-main .author-info .new{
    margin-bottom: 20px;
    font-size: 0;
}
.article .art-main .author-info .new span{
    display: inline-block;
    width: 30%;
    height: 1px;
    background: #eeeeee;
    vertical-align: middle;
}
.article .art-main .author-info .new p{
    display: inline-block;
    width: 40%;
    text-align: center;
    font-size: 14px;
    color: #777;
    vertical-align: middle;
}
.article .art-main .author-info .new-box{
    width: 100%;
    font-size: 0;
}
.article .art-main .author-info .new-item{
    margin-bottom: 20px;
    cursor: pointer;
}

.article .art-main .author-info .new-item .item-img{
    display: inline-block;
    width: 40%;
    margin-right: 5%;
    border-radius: 10px 0 10px 0;
    overflow: hidden;
    vertical-align: middle;
    height:75px;
}
.article .art-main .author-info .new-item .item-img img{
    transition: all .75s ease-in-out;
    min-height:75px;
}
.article .art-main .author-info .new-item .item-info{
    display: inline-block;
    width: 55%;
    vertical-align: middle;
}
.article .art-main .author-info .new-item .item-info .info-tit{
    font-size: 16px;
    color: #333;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
}
.article .art-main .author-info .new-item .info-time{
    font-size: 14px;
    color: #777;
}
.article .art-main .author-info .new-item:hover .info-tit{
    color: #589ffb;
}
.article .art-main .author-info .new-item:hover .item-img img{
    transform: scale(1.1);
}
.article .mes-box .mes-item{
    margin-right: 0;
    box-sizing: content-box;
    padding-right: 0;
    width: 100%;
    margin-left: -12px;
}

.article.videoinfo .mes-box .mes-item .item-img{
    width: 32.2%;
    height: 120px;
}
.article .art-item img{
    height: 140px;
}
.article.videoinfo .mes-box .mes-item .item-info{
    height: 120px;
    width: 62%;
}
.article.videoinfo .mes-box .mes-item .item-img img{
    min-height: 117px;
}
.article .art-item:hover span{
    height: 140px;
    line-height: 140px;
}
.videoinfo-box{
    width: 100%;
    margin-bottom: 25px;
}

.videoinfo-box .video{
    width: 100%;
    border-radius: 25px 0 25px 0;
    position: relative;
    overflow: hidden;
}
.videoinfo-box .video iframe{
    width: 650px;
    height: 400px;
}
.videoinfo-item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0;
}
.videoinfo-tit{
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin: 15px 0;
}
.videoinfo-item .item-info span{
    margin-right: 15px;
    font-size: 16px; 
    color: #555;
    vertical-align: middle;
}
.videoinfo-item .item-info span img{
    width: 15px;
    margin-right: 5px;
}
.videoinfo-box .share-box{
    margin: 0;
}
.videoinfo .mes-box .mes-item .item-img img.play{
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 35px;
    height: auto;
    min-height: auto;
}
@media screen and (max-width: 1200px) {
    .app .left{
        left: 0;
        margin-left: 0;
        position: absolute;
    }
}

.compare .compare-tit-box{
    width: 100%;
    padding: 15px 0;
}
.compare .compare-tit-box .compare-tit{
    width: 80px;
    margin-right: 10px;
    font-size: 16px;
    color: #333;
    display: inline-block;
    cursor: pointer;
}
.compare .compare-tit-box .compare-tit.active{
    color: #589ffb;
}
.compare-box {
    width: 100%;
}
.compare-box table{
    display: block;
    width: 100%;
}
.compare-box table tr td:nth-child(1){
    width: 160px;
}
.compare-box table tr td{
    width: 210px;
    width: 200px \9;
}
.compare-box table tr td.car-info{
    text-align: center;
    position: relative;
}
.compare-box table tr td.car-info .info-tit{
    height: 40px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.compare-box #divFloat {
    position: fixed;
    top: 0;
    background: #fff;
    z-index: 99;
}
.compare-box #divFloat table tr td.configure .tit{
    font-size: 16px;
    color: #ff8300;
    margin-bottom: 10px;
}
.compare-box table tr td.car-info .info-price{
    margin: 5px 0;
    color: #ff8300;
}
.compare-box table tr td.car-info .info-btn{
    color: #64a7fe;
    display: flex;
    align-items: center;
    justify-content: center;
}
.compare-box table tr td.car-info .info-btn img{
    width: 13px;
    margin-left: 2px;
}
.compare-box table tr td.car-info .operation{
    position: absolute;
    top: 100%;
    background: #fff;
    z-index: 99;
}

.compare-box table,.compare-box td{
    border: 1px solid #ddd;
    border-collapse: collapse;
}
.compare-box table{
    border: none;
}
.compare-box .top td{
    border-bottom: 0;
}
.compare-box td.configure{
    padding: 15px;
}
.compare-box td.configure span{
    display: block;
    margin-bottom: 5px;
}
.compare-box td.configure span.none{
    margin-bottom: 50px;
}
.compare-box td.configure span.tit{
    font-size: 16px;
    color: #333;
}
.compare-box td.configure span i{
    width: 10px;
    height: 10px;
    margin-right: 8px;
    border: 1px solid #333;
    display: inline-block;
    border-radius: 50%;
}
.compare-box td.configure span i.stand{
    border: 1px solid #589ffb;
    background: #589ffb;
}
.compare-box td.configure span label{
    color: #777;
}
.compare-box td.configure span label input{
    display: none;
}
.compare-box td.configure span label span{
    margin: 0;
    display: inline-block;
}
.compare-box td.configure span label i{
    border: 1px solid #777;
}
.compare-box td.configure span label input:checked + i{
    border: 1px solid #589ffb;
    background: #589ffb;
}
.compare-box td.configure span label input:checked + i + span{
    color: #333;
}
.compare-box .top td.car-com {
    padding-top: 10px;
}
.compare-box .top td.car-com .car-img{
    width: 120px;
    margin: 0 auto 10px;
}
.compare-box .top td.car-com .car-img img{
    width: 100%;
    max-height:120px;
}
.compare-box .top td.car-com .car-tit{
    width: 100%;
    height: 40px;
    padding: 0 15px;
    text-align: center;
    color: #555;
}
.compare-box td .operation{
    position: relative;
    width: 100%;
    padding: 0 33px;
    text-align: center;
}
.compare-box td .operation .operation-btn{
    width: 100%;
    padding:10px 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.compare-box td .operation .operation-btn .change-btn{
    font-size:16px;
    color: #555;
    cursor: pointer;
}
.compare-box td .operation .operation-btn span img{
    width: 30px;
    height: auto;
    cursor: pointer;
}
.compare-box td .operation .car-select{
    position: absolute;
    width: 100%;
    left: 5px;
    width: 200px;
    background-color: #fff;
    will-change: contents;
}
.compare-box td .operation .car-select .select-wrapper{
    border-radius: 2px;
    position: relative;
    border: 1px solid #bfbfbf;
    cursor: pointer;
    background-color: #fff;
}
.compare-box td .operation .car-select .select-text{
    font-size: 14px;
    line-height: 20px;
    padding: 4px 8px;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: top;
    box-sizing: border-box;
}
.compare-box td .operation .car-select .select-option{
    position: absolute;
    top: 33px;
    left: 0;
    outline: none;
}
.compare-box td .operation .car-select .pop-wrap{
    position: relative;
    background-color: #fff;
}

.compare-box td .operation .pop-tit{
    list-style: none;
    margin: 0;
    padding: 5px 10px;
    height: 20px;
    line-height: 20px;
    color: #333;
    background-color: #fff;
    border: 1px solid #bfbfbf;
    border-bottom: 0;
    box-sizing: content-box;
    font-size: 0;
}
.compare-box td .operation .pop-tit li{
    display: inline-block;
    font-size: 14px;
}
.compare-box td .operation .brand-wrap{
    position: relative;
    border: 1px solid #bfbfbf;
    overflow: hidden;
}
.compare-box td .operation .brand-nav{
    width: 28px;
    height: 100%;
    padding: 5px 0;
    line-height: 20px;
    float: left;
    text-align: center;
    background-color: #f8f8f8;
    box-sizing: border-box;
    font-size: 14px;
}
.compare-box td .operation .brand-nav li{
    cursor: pointer;
}
.compare-box td .operation .brand-nav li:hover{
    color: #fff;
    background-color: #589ffb;
}
.compare-box td .operation .brand-list{
    margin-left: 28px;
    border-left: 1px solid #bfbfbf;
    max-height: 475px;
    overflow-x: hidden;
    overflow-y: auto;
}
.compare-box td .operation .brand-list dl{
    font-size: 14px;
    line-height: 30px;
    list-style: none;
    margin: 0;

}
.compare-box td .operation .brand-list dl dt{
    color: #589ffb;
    background-color: #ebf0fb;
    font-weight: 700;
    padding-left: 20px;
    padding-right: 10px;
    border-bottom: 1px solid #e5e5e5;
}
.compare-box td .operation .brand-list dl dd{
    position: relative;
    padding-left: 20px;
    padding-right: 10px;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
    white-space: nowrap;
}
.compare-box td .operation .brand-list dl dd:hover,
.compare-box td .operation .series-wrap dl dd:hover,
.compare-box td .operation .spec-wrap dl dd:hover{
    color: #fff;
    background-color: #589ffb;
}

.compare-box td .operation .series-wrap{
    max-height: 475px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #bfbfbf;
}
.compare-box td .operation .series-wrap dl{
    font-size: 14px;
    line-height: 30px;
}
.compare-box td .operation .series-wrap dl dt{
    color: #589ffb;
    background-color: #ebf0fb;
    font-weight: 700;
    padding-left: 20px;
    padding-right: 10px;
    border-bottom: 1px solid #e5e5e5;
}
.compare-box td .operation .series-wrap dl dd{
    position: relative;
    padding-left: 20px;
    padding-right: 10px;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
    white-space: nowrap;
}
.compare-box td .operation .spec-wrap{
    width: 300px;
    background-color: #fff;
    max-height: 475px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #bfbfbf;
}

.compare-box td .operation .spec-wrap dl dt{
    color: #589ffb;
    background-color: #ebf0fb;
    font-weight: 700;
    padding-left: 20px;
    padding-right: 10px;
    border-bottom: 1px solid #e5e5e5;
}
.compare-box td .operation .spec-wrap dl dd{
    position: relative;
    padding-left: 20px;
    padding-right: 10px;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
    white-space: nowrap;
}
.compare-box td .btn-box{
    width: 100%;
    text-align: center;
}
.compare-box .middle td{
    padding: 10px;
    text-align: right;
    color: #555;
}
.compare-box .middle tr.show td:nth-child(1){
    color: #555;
}
.compare-box .middle tr.show td{
    color: #ff8300;
}
.compare-box .middle td[colspan="5"]{
    text-align: left;
    font-size: 15px;
    color: #333;
}
.compare-box .operation .sel_line1{
    height: 20px;
    width: 100%;
    margin-bottom: 8px;
    text-align: left;
    position: relative;
}
.sel_line1 .sel_01, .sel_line2 .sel_01, .sel_line3 .sel_01{
    position: absolute;
}

.compare-box .operation .sel_line1 .sel_01{
    width: 140px;
    min-width: 140px;
    height: 22px;
    margin-bottom: 8px;
    border: 1px solid #ccc;
    border-radius: 2px;
    background: url('/web/images/admin/home/arrow.png') no-repeat 98% center;
    background-size: 12px;
    padding-right: 15px;
    background: none \9;
    padding-right: 0 \9;
    padding-left:5px;
}
@-moz-document url-prefix(){
    .compare-box .operation .sel_line1 .sel_01{
        padding-left:0;
    }
}
.compare-box .top td.car-com .btn-box .btn_02{
    width: 70px;
    border: 1px solid transparent;
    background: #ecf0fb;
    height: 25px;
    border-radius: 3px;
    color: #64a7ff;
    margin:0 5px 8px;
}
.compare-box .top td.car-com .btn-box .btn_01,
.compare-box .top td.car-com .btn-box .btn_03{
    width: 35px;
    border: 1px solid transparent;
    background: #ecf0fb;
    height: 25px;
    border-radius: 3px;
    color: #64a7ff;
    margin-bottom: 8px;
}
.dealerinfo-box{
    border:1px solid #eee;
    border-radius: 25px 0 25px 0;
    overflow: hidden;
    margin: 40px 0 40px 10px;
}
.dealerinfo-box .dealerinfo-item{
    padding: 50px;
}
.dealerinfo-box .dealerinfo-item .shop-item{
    width: 25%;
    display: inline-block;
    margin-right: 15%;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    height: 390px;
    vertical-align: top;
}
.dealerinfo-box .dealerinfo-item .shop-item .item-img{
    width: 100%;
    height: 165px;
}
.dealerinfo-box .dealerinfo-item .shop-item .item-img img{
    width: 100%;
    height: 100%;
    border-radius: 15px 0 15px 0;
}
.dealerinfo-box .dealerinfo-item .shop-item .item-info{
    padding: 15px 10px;
    background: #fff;
    border-radius: 15px 0 15px 0;
    height: 235px;
}
.dealerinfo-box .dealerinfo-item .shop-item .item-info .item-name{
    font-size: 16px;
    color: #000;
    font-weight: 700;
    height: 42px;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.dealerinfo-box .dealerinfo-item .shop-item .item-info div{
    margin-bottom: 15px;
}
.dealerinfo-box .dealerinfo-item .shop-item .item-info .item-brand img{
    width: 15px;
}
.dealerinfo-box .dealerinfo-item .shop-item .item-info div img{
    width: 12px;
    vertical-align: middle;
    margin-right: 15px;
}
.dealerinfo-box .dealerinfo-item .shop-item .item-info div span{
    font-size: 14px;
    color: #555;
    vertical-align: middle;
}
.dealerinfo-box .dealerinfo-item .price-box{
    display: inline-block;
    vertical-align: top;
    width: 43%;
}
.dealerinfo-box .dealerinfo-item .price-box .price-tit{
    font-size: 14px;
    color: #333;
    margin-bottom: 30px;
    white-space: nowrap;
}
.dealerinfo-box .dealerinfo-item .price-box .price-tit span{
    font-size: 18px;
    color: #000;
    font-weight: 700;
    margin-right: 10px;
}
.dealerinfo-box .dealerinfo-item .price-box .price-tit span.desc{
    color: #555;
    font-size: 14px;
    font-weight: normal;
}
.dealerinfo-box .dealerinfo-item .price-box .inline-input::before{
    content: "*";
    color: red;
    width: 5%;
    font-size: 16px;
}
.dealerinfo-box .dealerinfo-item .price-box .inline-input{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.dealerinfo-box .dealerinfo-item .price-box .inline-input span{
    width: 20%;
    font-size: 16px;
    color: #555;
    vertical-align: middle;
}
.dealerinfo-box .dealerinfo-item .price-box .inline-input select,
.dealerinfo-box .dealerinfo-item .price-box .inline-input input{
    width: 75%;
    border: 1px solid #eee;
    height: 35px;
    border-radius: 5px;
    padding-left: 10px;
    font-size: 15px;
    line-height: 35px \9;
    display: inline-block \9;
}
.dealerinfo-box .dealerinfo-item .price-box .inline-input select{
    background: url('../images/admin/home/arrow3.png') no-repeat;
    background-position: 95% center;
    background-size: 15px;
}
.dealerinfo-box .dealerinfo-item .price-box .inline-input.name input{
    width: 40%;
}
.dealerinfo-box .dealerinfo-item .price-box .inline-input.name .choose-box{
    width: 35%;
    padding-left: 10px;
    display: inline-block \9;
}
.dealerinfo-box .dealerinfo-item .price-box .inline-input.name .choose-box .choose{
    cursor: pointer;
}
.dealerinfo-box .dealerinfo-item .price-box .inline-input.name .choose-box .choose .col{
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #eee;
    position: relative;
}
.dealerinfo-box .dealerinfo-item .price-box .inline-input.name .choose-box .choose .col span{
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top:3px;
    left: 3px;
}
.dealerinfo-box .dealerinfo-item .price-box .inline-input.name .choose-box .choose.active .col{
    border: 1px solid #64a7ff;
}
.dealerinfo-box .dealerinfo-item .price-box .inline-input.name .choose-box .choose.active .col span{
    background: #64a7ff;
}
.dealerinfo-box .dealerinfo-item .price-box .inline-desc{
    text-align: center;
    font-size: 15px;
    color: #555;
    margin-bottom: 30px;
}
.dealerinfo-box .dealerinfo-item .price-box .sub-btn{
    width: 35%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    background: #64a7ff;
    margin: 10px auto;
}
.dealerinfo-box .dealerinfo-item .price-box  .rules{
    text-align: center;
}
.dealerinfo-box .dealerinfo-item .price-box  .rules span{
    color: #555;
}
.dealerinfo-box .dealerinfo-item .price-box  .rules a{
    color: #64a7fe;
}
.dealerinfo-box .map-box{
    width: 100%;
    height: 200px;
}
.dealerinfo-box .map-box #Map{
    width: 100%;
    height: 100%;
}
.BMap_Marker>div{
    width: 35px !important;
}
.duty-box{
    background: #fafafa;
    width: 100%;
    padding: 15px;
    color: #8aa2ab;
}
.duty-box .duty-tit{
    font-size: 18px;
    margin-bottom: 10px;
}
.duty-box .duty-content{
    font-size: 15px;
}
.duty-box .duty-content p{
    margin-bottom: 5px;
    line-height: 1.6;
}
.title{
    font-size: 18px;
    color: #000;
    margin: 25px 0;
}
.about-box img{
    margin-bottom: 20px;
    border-radius: 20px 0 20px 0;
}
.about-box .about-content p{
    font-size: 16px;
    color: #555;
    margin-bottom: 20px;
    line-height: 1.8;
}
.contact-box{
    margin-top: 25px;
}
.contact-box img{
    display: inline-block;
    width: 40%;
    height: auto;
    margin-right: 50px;
}
.contact-box .contact-info{
    display: inline-block;
    vertical-align: middle;
}
.contact-info p{
    line-height: 1.6;
    font-size: 16px;
    color: #555;
}
.fink-box{
    font-size: 0;
}
.fink-box a{
    display: inline-block;
    width: 20%;
    text-align: left;
    margin-bottom: 15px;
    font-size: 16px;
    color: #555;
    text-decoration: none;
    vertical-align: middle;
}
.fink-box a:hover{
    color: #64a7fe;
    text-decoration: underline;
}
.search .search-box{
    width: 70%;
    margin-top: 25px;
}
.search .search-box .mes-box .mes-item{
    margin-right: 0;
}
.search .search-box form{
    padding-bottom: 50px;
    position: relative;
}
.search .search-box form input{
    height: 50px;
    width: 100%;
    padding-left: 30px;
    border: none;
    border-radius: 20px;
    background-color: #f0f0f0;
    font-size: 22px;
    color: #2c3638;
}
.search .search-box form button{
    position: absolute;
    top: 0;
    right: 25px;
    width: 30px;
    height: 50px;
    background: url(/web/images/admin/home/search.png) no-repeat center center;
    cursor: pointer;
    border: none;
    background-size: 30px;
}
.search .search-result{
    padding-bottom: 30px;
    border-top: 1px #e6e6e6 solid;
    padding-top: 10px;
}
.search .search-result span{
    margin: -1px 15px 0 0;
    border-top: 1px solid transparent;
    color: #43576a;
    font-size: 16px;
}
.search .search-result span i{
    color: #64a7fe;
    font-style: normal;
}
.carshowinfo .choose-car{
    width: 80%;
}
.carshowinfo .choose-car .info-item a{
    display: inline-block;
}
.carshowinfo .main .title{
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
}
.carshowinfo .info-item{
    border: 1px solid #eee;
    margin-bottom: 10px;
}
.carshowinfo .info-item .info1{
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
}
.carshowinfo .info-item .info2{
    padding: 10px 15px;
}
.carshowinfo .info-item span{
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    width: 30%;
    white-space: nowrap;
}
.carshowinfo .info-item span.address{
    margin-left: 150px;
}
.carshowinfo .choose-car a{
    color: #ff5400;
}
.carshowinfo .info-box .info-tit{
    border-bottom: 1px solid #eee;
}
.carshowinfo .info-box .info-tit .item{
    display: inline-block;
    border: 1px solid #eee;
    line-height: 24px;
    font-weight: 600;
    font-size: 16px;
    padding: 12px 18px 10px;
    transition: all .75s ease;
    background: #f7f7f7;
    color: #222;
    border-bottom: 0;
    position: relative;
    cursor: pointer;
}
.carshowinfo .info-box .info-tit .item:hover{
    color: #ff5400;
    background: #fff;
}
.carshowinfo .info-box .info-tit .item.active:after{
    position: absolute;
    content: '';
    left: 0px;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background-color: #ffffff;
}
.carshowinfo .info-box .info-tit .item.active{
    color: #ff5400;
    background: #fff;
}
.carshowinfo .info-box .info-main{
    padding: 20px;
    border: 1px solid #eee;
    border-top: 0px;
}
.carshowinfo .info-box .info-content{
    line-height: 1.8;
    color: #666666;
}
.carshowinfo .info-box .info-main p{
    margin-bottom: 10px;
    line-height: 1.8;
    color: #666666;
}
.carshowinfo .info-box .info-main p.time{
    font-size: 16px;
    margin: 10px 0;
}
.carshowinfo .info-box .info-main p.title{
    height: auto;
}
.right-box .news-box{
    margin: 15px 0;
}
.right-box > a{
    display:block;
    border-radius: 15px 0 15px 0;
    overflow: hidden;
}
.right-box .news-box .news-item{
    margin-bottom: 25px;
}
.right-box .news-box .news-item .item-tit{
    font-size: 18px;
    color: #333;
    font-weight: 700;
    margin-bottom: 10px;
}
.right-box .news-box .news-item .item-box .item{
    border-left: 3px solid #589ffb;
    margin-bottom: 15px;
}
.right-box .news-box .news-item .item-box .item .item-img{
    width: 35%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    height: 69px;
    overflow: hidden;
}
.right-box .news-box .news-item .item-box .item .item-img img{
    min-height: 69px;
}
.right-box .news-box .news-item .item-box .item .item-info{
    display: inline-block;
    width: 65%;
    height: 69px;
    padding: 0 15px;
    vertical-align: middle;
    position: relative;
}
.right-box .news-box .news-item .item-box .item .mid{
    width: 0;
    height: 68px;
    display: inline-block;
    vertical-align: middle;
}
.right-box .news-box .news-item .item-box .item .info-tit{
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    color: #444;
    font-size: 16px;
    font-weight: 700;
}
.right-box .news-box .news-item .item-box .item .info-tit span{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.right-box .news-box .news-item .item-box .item .item-bg{
    display: inline-block;
    width: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    background: #589ffb;
    transition: width .15s ease-in;
}
.right-box .news-box .news-item .item-box .item .item-bg .info-tit{
    color: #fff;
    width: 163px;
}
.right-box .news-box .news-item .item-box .item:hover .item-bg{
    width: 100%;
    padding: 0 15px;
}
.avder-box{
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}
.avder-box a{
    display: inline-block;
    border-radius: 15px 0 15px 0;
    overflow: hidden;
}
.modal{
    width: 100%;
    height: 100%;
    position: fixed;
    margin: auto;
    left: 0;
    right: 0;
    top: 00px;
    background: rgba(0,0,0,0.5);
    padding: 60px 30px 50px;
    z-index: 9999999;
    display: block;
}
.modal-main{
    display: block;
    position: absolute;
    margin: auto;
    text-align: center;
    width: 700px;
    height: 450px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.modal-main .modal-head{
    text-align: right;
    font-size: 0;
    color: #fff;
}
.modal-main .modal-head span{
    font-size:15px;
    margin-right: 5px;
    vertical-align: middle;
}
.modal-main .modal-head i{
    font-size: 22px;
    font-style: normal;
    vertical-align: middle;
    cursor: pointer;
}
.modal-main a{
    display: inline-block;
}
.reading {
    font-size: 0;
    margin-left:15px;
}
.reading span{
    font-size: 14px;
}
.reading img{
    width:25px !important;
}
.login-box{
    text-align:right;
}
.login-box a{
    padding: 10px 15px;
    border: 1px solid #589ffb;
    border-radius: 15px 0 15px 0;
    height: 40px;
    display: inline-block;
    color: #589ffb;
    cursor: pointer;
}
.app-content{
    min-height: 500px;
    padding: 30px 100px;
}
.app-content .content-title{
    font-size: 22px;
    color: #000;
    margin-bottom: 20px;
}
.app-content .type-title{
    margin-bottom: 15px;
    font-size: 16px;
}
.app-content .upload-box .upload-title{
    font-size: 16px;
    margin-bottom: 20px;
}
.app-content .upload-box .upload-item-box{
    position: relative;
    margin-bottom: 20px;
}
.app-content .upload-box .upload-item-box #upload{
    opacity: 0;
    position: absolute;
    width: 100px;
    height: 100px;
    z-index: -1;
}
.app-content .upload-box .upload-item-box label{
    display: inline-block;
    width: 100px;
    height: 100px;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #999;
    text-align: center;
    padding: 20px;
}
.app-content .upload-box .upload-item-box label div img{
    width: 35px;
    height: auto;
    margin-bottom: 10px;
}
.app-content .upload-box .upload-item-box .upload-item{
    display: inline-block;
    vertical-align: top;
}
.app-content .upload-box .upload-item-box .upload-item div{
    display: inline-block;
    position: relative;
    vertical-align: top;
}
.app-content .upload-box .upload-item-box .upload-item img{
    width: 100px;
    height: auto;
    margin: 0 5px;
}
.app-content .upload-box .upload-item-box .upload-item div:hover .del{
    display: inline-block;
}
.app-content .upload-box .upload-item-box .upload-item div .del{
    position: absolute;
    width: 25px;
    height: auto;
    top: -10px;
    right: -10px;
    display: none;
}
.app-content .content-avator{ 
    width: 350px;
    text-align: center;
}
.app-content .content-avator label input{
    opacity: 0;
    position: absolute;
}
.app-content .content-avator label{
    display:block;
    position: relative;
    cursor: pointer;
}
.app-content .content-avator label img{
    width: 50px;
    height: auto;
    border-radius:50%;
}
.app-content .content-avator label span{
    color: #589ffb;
    display: block;
    font-size: 15px;
}
.app-content .input-box{
    width: 100%;
    margin: 10px 0;
    overflow: auto;
}
.app-content .input-box .phone-box{
    display:flex;
    align-items: center;   
    width: 350px;
    height: 50px;
    border: 1px solid #eee;
    border-radius: 10px;
    margin-bottom: 15px;
    padding-left: 15px;
    font-size: 15px;
}
.app-content .input-box .phone-box input{
    border: none;
    margin: 0;
    height: 45px;
    width: 175px;
    padding: 0;
}
.app-content .input-box .phone-box span{
    display: inline-block;
    width: 60px;
}
.app-content .input-box .phone-box span.send-code,
.app-content .input-box .phone-box .daojishi{
    display:inline-block;
    width: 100px;
    height: 48px;
    line-height: 48px;
    background: #f5f6f7;
    border: transparent;
    text-align: center;
    color: #589ffb;
    cursor: pointer;
}
.app-content .input-box input{
    display: block;
    width: 350px;
    height: 50px;
    border: 1px solid #eee;
    border-radius: 10px;
    margin-bottom: 15px;
    padding-left: 15px;
    font-size: 15px;
}
.app-content .suc-box{
    margin: 100px 0;
}
.app-content .suc-box img{
    display: inline-block;
    width: 40px;
    vertical-align: middle;
    margin-right: 10px;
}
.app-content .suc-box .suc-info{
    display: inline-block;
    vertical-align: middle;
}
.app-content .suc-box .suc-info .suc-title{
    font-size: 18px;
    margin-bottom: 5px;
}
.app-content .suc-box .suc-info .suc-desc{
    font-size: 15px;
    color: #777;
}
.app-content .type-box{
    width: 100%;
    margin-bottom: 30px;
}
.app-content .type-box .type-item{
    margin-bottom: 10px;
    font-size: 0;
    width: 300px;
    cursor: pointer;
}
.app-content .type-box .type-item span{
    font-size:14px;
    color: #333;
    vertical-align: middle;
}
.app-content .type-box .type-item span.col{
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #eee;
    text-align: center;
    margin-right: 10px;
}
.app-content .type-box .type-item span.col i{
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: transparent;
    margin-top: 3px;
}
.app-content .type-box .type-item.active span.col{
    border-color: #589ffb;
}
.app-content .type-box .type-item.active span.col i{
    background: #589ffb;
}
.app-content .savebtn,
.app-content .next-step,
.app-content .backhome{
    display: block;
    width: 350px;
    height: 50px;
    border-radius: 10px;
    background: #589ffb;
    color: #fff;
    line-height:50px;
    font-size: 18px;
    margin-bottom: 20px;
    text-align: center;
    cursor: pointer;
}
.app-content .content-desc{
    display: block;
    color: #589ffb;
    font-size: 14px;
    margin-bottom: 10px;
}
.app-content .more-help{
    font-size: 14px;
    color: #555;
}
.app-content .more-help span{
    color: #589ffb;
    margin: 0 2px;
}
.app-content .company-info{
    width: 400px;
    margin: 20px 0;
}
.app-content .company-info .info-box{
    width: 100%;
    font-size: 0;
    margin-bottom: 25px;
}
.app-content .company-info .info-box>span{
    display: inline-block;
    vertical-align: middle;
}
.app-content .company-info .info-box .info-name{
    font-size: 16px;
    color: #777;
    width: 20%;
}
.app-content .company-info .info-box .info-content{
    font-size: 16px;
    color: #333;
    width: 60%;
    padding-right: 15px;
}
.app-content .company-info .info-box .info-content input{
    border: 1px solid #ccc;
    padding-left: 15px;
    border-radius: 3px;
    height: 35px;
    width: 100%;
    font-size: 16px;
}
.app-content .company-info .info-box .info-btn,
.app-content .company-info .info-box .info-savebtn,
.app-content .company-info .info-box .info-nobtn{
    width: 20%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    background: #589ffb;
    border-radius: 3px;
    font-size: 15px;
}
.app-content .company-info .info-box .info-nobtn{
    color: #777;
    background: #f5f6f7;
}
.footerpage{
    text-align:center;
}
.footerpage span:hover, .footerpage a:hover {
    background: #e8e8e8;
}
.footerpage span,.footerpage a{
    display: inline-block;
    margin: 0 5px;
    white-space: nowrap;
    padding: 0 10px;
    height: 25px;
    line-height: 23px;
    border: 1px solid #e8e8e8;
    color: #666;
    text-align: center;
    cursor: pointer;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    border-radius: 4px;
}
.footerpage span{
    color: #fff;
    border: 1px solid #55A7FA;
    background-color: #55A7FA;
}
#qrcodeid{
    position: absolute;
    margin-top: 10px;
    width: 170px;
    height: 170px;
    box-shadow: 3px 3px 10px #e9e9e9;
    padding: 10px;
    z-index: 99;
    background: #fff;
    right: -70px;
}
#qrcodeid canvas{
    width: 150px;
    height: 150px;
}
.share-box span.share-desc{
    font-size: 14px;
    color: #777;
    position: absolute;
    left: 0;
}