﻿body{font-size: 0.6rem;background: #4726a5;}
.scroll-new{overflow: hidden;height: 1.4rem;background: #0d0c21;font-size: 0.6rem;max-width: 1080px;margin: 0 auto;}
.scroll-new a{color: #fff;padding: 0 0.6rem;}
.wrap{padding: 0 20px;max-width: 1040px;margin: 0 auto;}

.overtime{overflow: hidden;border-radius: 0.2rem;box-shadow: 0 5px 10px #2d1868;margin-bottom: 0.6rem;}
.overtime .til{font-size: 0.6rem;color: #fff;height: 1.5rem;line-height: 1.5rem;background: #3c3635;padding: 0 0.5rem;}
.overtime .lxftime{width: calc( 100% - 7.6rem );color: #26225f;padding-left: 1rem;background: #ffeb01;position: relative;height: 1.5rem;line-height: 1.5rem;box-sizing: border-box;}
.overtime .lxftime > span{font-size: 0.8rem;margin-left: 0.4rem;margin-right: 2px;}
.overtime .lxftime > em{font-size: 0.6rem;}
.overtime .lxftime:before{content: '';width: 0.96rem;height: 0.9rem;display: inline-block;background: url(../img/clock.png);background-size: cover;position: absolute;left: 0.3rem;top: 0.3rem;}
.overtime.over .lxftime{padding-left: 2rem;}

.baoming{}
.baoming .til{margin-bottom: 0.6rem;}
.baoming .til img{height: 1.1rem;display: inline-block;margin-right: 12px;position: relative;top: 4px;}
.baoming .til span{font-size: 0.6rem;color: #fff;}
.baoming .car-select{background: #fff;padding: 0 12px;position: relative;}
.baoming .car-select:after{content:'';position: absolute;right: 10px;top: 50%;margin-top: -10px;width: 11px;height: 20px;background: url(../img/arrow-right.png) no-repeat;background-size: cover;}
.baoming .car-select,
.baoming .submit,
.baoming .form-control{width: 100%;box-sizing: border-box;margin-bottom: 15px;height: 1.6rem;line-height: 1.6rem;border-radius: 0.1rem;font-size: 0.7rem;}
.baoming .submit{outline: none;border: 0;background: #ed1953;color: #fff;font-size: 0.8rem;margin-bottom: 0;margin-top: 5px;box-shadow: 0 5px 10px #2a1762;margin-bottom: 1rem;}
.baoming .notice{color: #fff;margin-bottom: 1rem;}
.baoming .notice-til{font-size: 0.7rem;font-weight: 600;margin-bottom: 0.3rem;}
.baoming .notice li{line-height: 1.5;margin-bottom: 0.2rem;}

.main-til{width: 14.34rem;margin: 0 auto 0.6rem;height: 1.3rem;background: url(../imgs/til.png) no-repeat;background-size: 14.34rem auto;}

.huodong{margin-bottom: 1.2rem;color:#FFF}
.huodong .content{background: #039e90;border-radius: 0.3rem;padding: 1rem 0.23rem 1rem 1rem;color:#FFF;}
.huodong .baoming-btn{width: 100%;height: 1.6rem;line-height: 1.6rem;outline: none;border: 0;background: #fabc00;font-size: 0.8rem;color: #333;margin-top: 0.9rem;border-radius: 0.8rem;margin-bottom: 1.2rem;box-shadow: 3px 3px 5px #025e56;}

.jieshao{margin-bottom: 1.2rem;}
.jieshao .main-til{background-position: 0 -1.85rem;}
.jieshao .content{color: #fff;line-height: 1.8;text-indent: 1em;}
.jieshao .content a{color: #fff;}

.pinpai{margin-bottom: 0.8rem;position: relative;padding-bottom: 1rem;}
.pinpai .main-til{background-position: 0 -3.6rem;}
.pinpai .tip{text-align: center;color: #fff;margin-bottom: 0.5rem;}
.pinpai .swiper-container{background: #fff;padding-top: 14px;border-radius: 0.2rem;}
.pinpai .swiper-slide ul{text-align: center;}
.pinpai .swiper-slide li{display: inline-block;text-align: center;width: 19%;margin-bottom: 14px;font-size: 10px;overflow: hidden;word-break: normal;white-space: nowrap;text-overflow: ellipsis}
.pinpai .swiper-slide li a{display: inline-block;width: 100%;color: #333;margin-bottom: 3px;font-size: 10px;}
.pinpai .swiper-slide  li img{width: 60px;height: 60px;margin: 0 auto 4px;display: block;}
.pinpai .swiper-pagination{bottom: 0!important;width: 100%;}
.pinpai .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left: 0.3rem;}

.youshi{margin-bottom: 1.2rem;}
.youshi .main-til{background-position: 0 -5.5rem;}
.youshi-list li{margin-bottom: 0.5rem;height: 7rem;overflow: hidden;border-radius: 0.2rem;}
.youshi-list .img{width: 45%;height: inherit;float: left;overflow: hidden;position: relative;}
.youshi-list .img img{position: absolute; top: -100%;right: -100%;bottom: -100%;left: -100%;margin: auto;width: auto;height: auto;transition:all .5s;height: 100%;}
.youshi-list .youshi-til{width: 10%;padding: 0 0.2rem;padding-top: 0.7rem;box-sizing: border-box;text-align: center;float: left;height: inherit;background: #3c3635;font-size: 0.7rem;color: #fff;line-height: 1.5;}
.youshi-list .txt{background: #ff6427;width: 45%;float: left;overflow: hidden;color: #fff;height: inherit;line-height: 1.5;box-sizing: border-box;}
.youshi-list .txt p{padding: 0.5rem 0.2rem;}
.youshi-list .hidden{display: none;}
.youshi .more{border: 0;outline: none;text-align: center;color: #333;background: #fabc00;font-size: 0.7rem;padding: 0.4rem 0;width: 100%;margin-top: 0.5rem;cursor: pointer;border-radius: 0.1rem;box-shadow: 3px 3px 5px #2a1762;}

.jiaotong{margin-bottom: 1.2rem;}
.jiaotong .main-til{background-position: 0 -7.3rem;}
.jiaotong .content{padding: 0.5rem;background: #fff;border-radius: 0.2rem;}
.jiaotong .content > dl{margin-bottom: 0.5rem;color: #4726a5;}
.jiaotong .content > dl dt{font-size: 0.7rem;font-weight: 600;margin-bottom: 0.3rem;}
.jiaotong .content > dl dd{line-height: 1.5;}
.jiaotong .baoming-btn{border: 0;outline: none;text-align: center;color: #fff;background: #ea074c;font-size: 0.7rem;padding: 0.4rem 0;width: 100%;margin: 0.8rem 0;cursor: pointer;border-radius: 0.1rem;box-shadow: 3px 3px 5px #2a1762;}
.jiaotong .content p{line-height: 1.5;margin-bottom: 10px;color: #4726a5;}
.jiaotong .content p:first-of-type{margin-top: 15px;}

.huigu{margin-bottom: 0.8rem;}
.huigu .main-til{background-position: 0 -9.1rem;}
.huigu .content{background: #fff;padding: 0.5rem;overflow: hidden;border-radius: 0.2rem;}
.half-pic{overflow: hidden;margin-bottom: 10px;}
.half-pic .img-wrap{width: 48.5%;position: relative;height: 4.5rem;overflow: hidden;}
.half-pic .img-wrap:first-of-type{float: left;}
.half-pic .img-wrap:last-of-type{float: right;}
.half-pic img{position: absolute; top: -100%;right: -100%;bottom: -100%;left: -100%;margin: auto;width: auto;height: auto;transition:all .5s;height: 100%;}
.huigu .fullimg img{width: 100%;}

.copyright{color: #fff;}
.copyright span{line-height: 2;}

.fix-bottom{overflow: hidden;position: fixed;left: 0;bottom: 0;border-top: 10px solid #0271aa;width: 100%;background: #009af4;z-index: 1000;}
.fix-bottom ul{}
.fix-bottom li{text-align: center;box-sizing: border-box;width: 100%;float: left;font-size: 0.8rem;}
.fix-bottom a{display: block;color: #fff;}
.fix-bottom .b-txt{line-height: 2.5;}
.fix-bottom li + li {border-left: 1px solid #0074ac;}

/*侧边栏选地址或车型*/
.aside {position: fixed;top: 0;right: 0;bottom: 0;z-index: 2000;font-size: 0.6rem;width: 0;background-color: #fff;-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;overflow-x: hidden;overflow-y: auto;}
.aside.open {width: 80%;-webkit-transform: translateX(0);transform: translateX(0);}
.aside-ctrl--reset {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;opacity: 0;visibility: hidden;background-color: #000;-webkit-transition: all .3s;transition: all .3s;z-index: 1999;}
.aside-ctrl--reset.open {visibility: visible;opacity: .5;}

.aside-header {height: 1.5rem;line-height: 1.5rem;overflow: hidden;background: #f7f7f7;border-bottom: 1px solid #dcdcdc;z-index: 999;}
.aside-header .aside-back, 
.aside-header .aside-back-all {position: relative;left: 0.2rem;top: 0.3rem;z-index: 2;display: inline-block;width: 1rem;height: 1rem;background: url(http://cz.xcabc.com/wechat/img/back.png) no-repeat;background-position: center;background-size:  contain;}
.aside-header .title {position: absolute;top: 0;right: 0;display: inline-block;width: 100%;text-align: center;font-size: 0.8rem;}

.aside .classify{padding: 0.6rem 0;text-align: center;font-size: 0.8rem;color: #e94716;}
.aside .hot-list{overflow: hidden;border-bottom: 1px solid #f5f5f5;padding-right: 2rem;}
.aside .hot-list li{text-align: center;float: left;width: 25%;height: 1.6em;overflow: hidden;padding: 0.8em 0;border-bottom: 1px solid #f5f5f5;}
.aside .hot-list li a{display: block;padding: 0 1em;border-right: 1px solid #f5f5f5;color: #161616;}
.aside .hot-list li:last-child a,
.aside .hot-list li:nth-child(4) a{border-right: 0;}
.aside .city-classify dt{font-size: 0.8rem;padding: 0.4rem;background: #f0f0f0;color: #666;}
.aside .city-classify li{padding: 0.5rem;border-top: 1px solid #d9d9d9;}

.zimu-index{position: fixed;top: 1.5rem;right: 0;z-index: 2001;overflow-y: scroll;}
.zimu-index li{color: #666;font-size: 0.8rem;text-align: center;padding: 0 0.8em;cursor: pointer;line-height: 1.25;}

.aside-car dt{position: relative;z-index: 1;padding: 0.3rem;background: #f0f0f0;border-bottom: 1px solid #dcdcdc;font-size: 0.8rem;}
.aside-car dd{padding: 0.3rem;border-top: 1px solid #eaeaea;background: #fff;overflow: hidden;}
.aside-car .car-type dd img{width: 1.5rem;height: 1.5rem;vertical-align: middle;margin-right: 0.4rem;}
.aside-car .car-serial .carimg{float: left;display: inline-block;}
.aside-car .car-serial .carimg img{width: 1.5rem;height: 1.5rem;vertical-align: middle;margin-right: 0.4rem;}
.aside-car .car-serial .carinfo{float: left;display: inline-block;}
.aside-car .car-serial .carname{margin-bottom: 5px;font-size: 0.65rem;}
.aside-car .car-serial .carprice{color: #ff7c7e;}

/*侧边分享*/
.aside-tool{position:fixed;bottom:100px;right:10px;background:rgba(0,0,0,0.7) !important;filter:Alpha(opacity=90);background:#000;z-index: 99;padding: 8px 5px;border-radius: 5px;}
.aside-tool>ul>li{position: relative;}
.aside-tool>ul>li+li{margin-top: 20px;}
.aside-tool>ul>li>a{display: block;}
.aside-tool .backtop img{width: 24px;display: block;margin: 0 auto;}
.aside-tool .share>a img{width: 28px;display: block;margin: 0 auto;}
.aside-tool .menu>a img{width: 34px;display: block;margin: 0 auto;}

.aside-bdshare{position: fixed;/*left: 50%;transform: translateX(-50%);*/top: 50%;transform: translateY(-50%);white-space: nowrap;z-index: 1001;}
.aside-bdshare.big-img{width: 100%;}
.aside-bdshare.big-img>a{width: 25%;height: 4rem;margin: 0;background-position: center;background-size: 90%;}
.aside-bdshare.big-img .bds_qzone{background-image: url(../img/share_qq.jpg);}
.aside-bdshare.big-img .bds_tsina{background-image: url(../img/sina.jpg);}
.aside-bdshare.big-img .bds_tqq{background-image: url(../img/weibo.jpg);}
.aside-bdshare.big-img .bds_weixin{background-image: url(../img/share_friend.jpg);}

.main-left{width: 298px;padding-top: 22px;float: left;border: 1px solid #e5e5e5;position: fixed;top: 0;right: 0;z-index: 2000;transform: translateX(100%);transition: transform .3s;}
.main-left.aside.open{transform: translateX(0);width: 298px;}
.main-right{width: 865px;float: right;height: 2000px;}
.main-right .wrapper{width: 100%;}
.character-tab{margin-left: 9px;margin-bottom: 15px;overflow: hidden;}
.character-tab li{float: left;width: 31px;height: 31px;line-height: 31px;border: 1px solid #dcdcdc;color: #3a3a3a;font-size: 16px;text-align: center;margin-left: 6px;margin-bottom: 9px;border-radius: 5px;cursor: pointer;}
.character-tab li.curr{background: #e94716;color: #fff;}
.character-tab li.disabled{background: #eee;color: #b3b3b3;cursor: default;}
.car-selector{position: relative;overflow-y: auto;border-top: 1px solid #e5e5e5;height: 598px;}
.car-selector .character{height: 39px;line-height: 39px;text-indent: 19px;width: 100%;background: #f7f7f7;font-size: 18px;font-weight: 600;color: #e94716;}
.car-selector .fixed-character{position: absolute;left: 0;top: 0;}
.car-tree{margin: 0 13px;}
.manufacturer{position: relative;border-bottom: 1px solid #e9e9e9;}
.manufacturer a{display: block;padding: 10px 14px;color: #3a3a3a;}
.manufacturer.red a{color: #e94715;}
.manufacturer img{width: 30px;height: 30px;display: inline-block;vertical-align: middle;margin-right: 15px;}
.manufacturer .toggle-btn{position: absolute;top: 0;right: 0;width: 26px;height: 50px;cursor: pointer;}
.manufacturer .toggle-btn:before{content: '';width: 8px;height: 5px;background: url(../img/icon.png) no-repeat;position: absolute;right: 10px;top: 22px;}
.manufacturer .toggle-btn:hover{background-color: #ddd;}
.car-tree ol{margin-left: 65px;margin-top: 15px;display: none;}
.car-tree ol li{padding-left: 20px;position: relative;}
.car-tree ol li:before{content: '';width: 9px;height: 17px;position: absolute;left: 0;top: 10px;background: url(../img/icon.png) no-repeat;background-position: -35px -12px;}
.car-tree ol li:first-child{font-weight: 600;margin-left: -20px;}
.car-tree ol li:first-child:before{width: 15px;height: 9px;background-position: -35px 0;}
.car-tree ol li a{display: block;padding: 10px 0;color: #3a3a3a;}
.car-tree ol li.selected a{color: #e94715;}
.car-tree ol li.red a{color: #e94715;}
.car-tree ol li a span{color: #999;margin-left: 5px;}
.car-tree li.open ol{display: block;}

.baoming-list{overflow: hidden;margin-bottom: 0.6rem;font-size: 0.6rem;color: #fff;}
.baoming-list .left,
.baoming-list .center,
.baoming-list .right{float: left;box-sizing: border-box;}
.baoming-list .left{width: 2rem;margin-left: 0.5rem;}
.baoming-list .left .icon{width: 0.9rem;height: 0.6rem;max-height: 45px;max-width: 48px;background: url(http://cd.xcabc.com/ContentM/v2/img/airing.png) no-repeat;background-size: contain;margin-left: 0.3rem;display: block;margin-top: 0.15rem;}
.baoming-list .center{width: calc( 100% - 2.5rem );}
.baoming-list .center li{display: table;width: 100%;}
.baoming-list .center li span{display: table-cell;}
.baoming-list .right{float: right;}

.wx{}
.wx img{margin-top:20px;width:100%;}


.show{max-width: 1080px;margin:0 auto;font-size: 0.6rem;}
.show .ad{width:100%;height:541px;}
.show .carbm .title{width:100%;height:140px;text-align:center}
.show .carbm .bms{width:100%;height:448px;background:url(carinfo2020.jpg);}
.show .carbm .bm{width:700px;height:290px;margin:0 auto 200px auto;}
.show .caryh .title{width:100%;height:180px;text-align:center}
.show .caryh .left{width:1000px;height:400px;background:url(show_left.png);margin-bottom:80px;}
.show .caryh .left .img{margin:2px;width:584px;height:330px;float:left;}
.show .caryh .left .txt{font-size:14px;color:#FFF;line-height:35px;width:400px;height:280px;margin:95px 0 0 10px;float:left}
.show .caryh .left .txt .price{font-size:22px;color:#f0ff00;line-height:40px;width:400px;overflow:auto;margin-top:10px;}
.show .caryh .right{width:1000px;height:400px;background:url(show_right.png);margin-left:30px;}
.show .caryh .right .txt{font-size:14px;color:#FFF;line-height:35px;width:380px;height:280px;margin:75px 12px 0 20px;float:left}
.show .caryh .right .txt .price{font-size:22px;color:#f0ff00;line-height:40px;width:400px;height:auto;overflow:auto;margin-top:10px;}
.show .caryh .right .img{margin:2px;width:584px;height:330px;float:left;}
.show .jxs{width:100%;height:auto;overflow:auto;margin:80px 0 0 0;}
.show .jxs .title{width:100%;height:225px;text-align:center}
.show .jxs .info{width:812px;height:auto;overflow:auto;margin:0 auto;}
.show .jxs .info .subtitle{font-size:18px;color:#FFF;line-height:45px;background:#0b57c0;padding-left:20px;}
.show .jxs .info .txt{font-size:14px;color:#FFF;line-height:25px;background:#151616;padding:10px;margin-bottom:100px;}

.show .bm .btns{width:156px;height:35px;text-align:center;background:#ca1e1e;color:#FFF;margin:30px auto 0;line-height:35px;font-size:16px;}



.show .foot{width:80%;height:auto;overflow:auto;padding:0 10%;}
.show .foot .title{width:96%;height:40px;background:#1527ad;color:#FFF;border-radius: 0.2rem;font-size:20px;line-height:40px;padding:0 2%;}
.show .foot .subtitle{width:96%;height:auto;overflow:auto;background:#151616;color:#FFF;border-radius: 0.2rem;font-size:14px;line-height:30px;padding:20px 2%;margin-bottom:50px;}

.textinput{margin-top:20px;width:250px;height:30px;line-height:30px;padding-left:20px;font-size:20px;color:#FFF;background-clip: padding-box!important;outline-color: invert ;
	outline-style: none ;
	outline-width: 0px ;
	border: none ;
	border-style: none ;
	text-shadow: none ;
	-webkit-appearance: none ;
	-webkit-user-select: text ;
	outline-color: transparent ;
	box-shadow: none;background-color:transparent;border-bottom:1px solid #6e6c77;}

.textinput::-webkit-input-placeholder{
  color:#ffffff;
}
.textinput:-moz-placeholder{   /* Mozilla Firefox 19+ */
  color:#ffffff;
}
.textinput::-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
  color:#ffffff;
}
.textinput:-ms-input-placeholder{  /* Internet Explorer 10-11 */
  color:#ffffff;
}
	
.cj{width:100%;height:auto;overflow:auto;}
.cj ul{margin:0;border:0;padding:0;}
.cj ul li{border:5px solid #4626a5;width:160px;height:180px;margin:5px 15px;float:left;border-radius:20px}
.cj ul li img{border-radius:18px}


.block-box {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10000;
  display: none; }
  .block-box .con-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
	border:1px solid #c1c1c1;
	background:#FFF}
	
.block-box .con-box .c-content {
	  padding:20px;
      overflow: hidden;
      position: relative;
      border-radius:10px; }
.block-box .con-box .c-content .title {
        line-height: 50px;
        padding-top: 10px;
        font-size: 20px;
        text-align: center;}
		
	.block-box .con-box .c-content .navs{width:96%;height:40px;line-height:40px;margin:auto}
	.block-box .con-box .c-content .navs .lists{float:left;padding:0 10px}
	
		
.block-box .con-box .c-content .k{width:100%;height:30px;margin:10px 0;}
.block-box .con-box .c-content .k input {
        width:90%;
		height: 30px;
        border-radius:10px;
        border: 1px solid #dcdcdc;
        background-color: #eee;
        font-size: 20px;
        padding: 0 10px;
        display: block;
		margin:auto;font-size:12px;}
		
      .block-box .con-box .c-content input::-webkit-input-placeholder {
        color: #999; }
      .block-box .con-box .c-content .inp-1 {
        margin: 0.15rem auto 0; }
      .block-box .con-box .c-content .inp-2 {
        margin: 14px auto; }
		
.block-box .con-box .c-content .subtns{width: 320px;
        height: 40px;
        line-height: 40px;
        background-color: #f6535d;
        border-radius: 10px;
        font-size: 20px;
        color: #fff;
        display: block;
        margin:20px 0;
        outline: none;
        border: 0 none;
		text-align:center;
		}
		
      .block-box .con-box .c-content button {
        width: 320px;
        height: 40px;
        line-height: 40px;
        background-color: #f6535d;
        border-radius: 10px;
        font-size: 20px;
        color: #fff;
        display: block;
        margin:20px 0;
        outline: none;
        border: 0 none; }
      
      .block-box .con-box .c-content .sendmsg {
        background-color: #3aa1e5; }
    .block-box .con-box .close-box {
      width: 25px;
      height: 25px;
      cursor: pointer;
      background: url("close.png") center no-repeat;
      background-size: 100%;
      position: absolute;
      top: 10px;
      right: 10px; }
.car-info{}
.car-jxs-title{width:100%;height:auto;overflow:auto;margin:0;border:0;padding:0;}