/* ============================================================
   flex：定义布局为盒模型
   flex-v：盒模型垂直布局
   flex-1：子元素占据剩余的空间
   flex-align-center：子元素垂直居中
   flex-pack-center：子元素水平居中
   flex-pack-justify：子元素两端对齐
   兼容性：ios 4+、android 2.3+、winphone8+
   ============================================================ */
/*取消chrome的字体大小自适应的功能*/
*{
    -webkit-text-size-adjust:none;
    color:#252525;
}
/*--*/
.text-right{
    text-align:right;
}
.redText{
    color:#FF0000;
}
.closeModal{
    cursor: pointer;
}
.commonButton{
    background:#ff9800;
    height:.7rem;
    color:#fff;
    margin:.2rem auto;
    width:4.5rem;
    text-align:center;
    line-height: .7rem;
}
.commonModal{
    position:fixed;
    z-index:10000;
    height:100%;
    width:100%;
    top:0;
    left:0;
    overflow: hidden;
    text-align:center;
    display:none;
}
.commonModalBg{
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    right:0;
    background: #000;
    opacity:0.4;
}
.commonModalContent{
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    width: 80%;
    height: 70%;
    font-size:0.24rem;
}
/*改变placeholder的样式*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #BBB;
}
input:-moz-placeholder,textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #BBB;
}
input::-moz-placeholder,textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #BBB;
}
/*上传头像基础样式修改*/
.beautifulInput{
    width:1rem;
    overflow: hidden;
    position:relative;
}
.beautifulInput input{
    opacity: 0;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
}
/*类iphone选择框*/
.bg-model{
    position:fixed;
    top:0;
    left:0;
    display:none;
    background:rgba(0,0,0,0.3);
    width:100%;
    height:100%;
    z-index:9999
}
.bg-model .content{
    position: absolute;
    left: 0;
    bottom:0;
    width: 100%;
    height: 2.8rem;
    background-color: #fff;
    font-size: 0.34rem;
    text-align:center;
}

.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.fixed-footer{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    background: #fff;
    height:0.9rem;
    border-top:1px solid #e5e5e5;
}
.fixed-footer div{
    width:2.2rem;
    margin-top: 0.08rem;
}
.fixed-footer div a img{
    width:0.4rem;
}
.fixed-footer div a h1{
    font-size:0.22rem;
    text-align: center;
    color:#BBBBBB;
}
.carSource{
    margin-top:0.03rem;
}
.index .screen .tabnav ul li{
    width:100%;
}
.index .screen .tabnav ul .title1{
    font-size:0.22rem;
}
.index .screen .tabnav ul .title2{
    font-size:0.24rem;
}
.markerLine{
    width:0.7rem;
    height:0.01rem;
    background-color: #000000;
}
.hotBrands{
    margin:0 0.2rem;
    color:#252525;
}
.index .screen .tablist ul li.tablist-brand .more a{
    color:#FF9800;
}
.left-block{
    display:inline-block;
    width:0.06rem;
    height:0.34rem;
    background-color:#FF9800;
    margin-right: 0.08rem;
    vertical-align: middle;
}
.right-title{
    vertical-align: middle;
    font-size:0.31rem;
}
.index .screen .tablist ul li.tablist-brand .more a,.index .story .titlebar a,.index .service .titlebar a{
    font-size:0.28rem;
    background-size: .16rem .3rem;
}
.service .list .clearfix{
    background-image:url(../../images-mb/index/promise.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 4.5rem;
    margin: 0.8rem 1.2rem;
    padding:0;
}
.leftTime .leftDay,.leftTime .leftHour,.leftTime .leftMinute,.leftTime .leftSecond{
    color:#ffffff;
    background-color:#FF9800;
    border-radius: 8px;
    width: 0.4rem;
    display: inline-block;
    text-align: center;
}
.leftTime{
    width:100%;
    padding:0 0;
    margin-bottom:0.1rem;
    z-index: 2;
    bottom:0;
    left:0;
}
.timeToGo{
    margin-right:0.3rem;
}
.leftTime span{
    color:#FF9800;
}
.leftBlank{
    margin-left:0.3rem;
}
.rightBlank{
    margin-right:0.3rem;
}
.timeShadow{
    padding: 0.1rem 0;
    background-color: #000000;
    opacity: 0.6;
    position: absolute;
    width: 100%;
    height: 0.43rem;
    bottom: 0;
    left: 0;
}
#numOfreserve,#numOfreserve span{
    color: #FFFFFF;
}
#carMessage{
    padding:0 .4rem;
    font-size:0.28rem;
    padding-top: 0.2rem;
}
#carMessage .carName span{
    color:#000000;
}
#carMessage .marketPrice span{
    color:#979797;
    text-decoration: line-through;
    font-size:0.2rem;
}
.ourPrice span{
    color:#FF9800;
}
.ourPrice #ourPrice{
    color:#FF4B48;
    font-family:Helvetica;
    font-weight: bold;
    font-size: 0.4rem;
}
.buy-btn{
    background: #FF9800;
    border-radius: 0.15rem;
    width: 4rem;
    height: 0.6rem;
    display: block;
    line-height: 0.6rem;
    text-align: center;
    margin: 0.4rem auto;
    color: #ffffff;
}
.consult{
    display: inline-block;
    background-image: url(../../images-mb/index/consult.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 1rem;
    width: 2.2rem;
    margin-left: 0.3rem;
    margin-bottom: -0.6rem;
}
.company{
    display:inline-block;
}
.new-header{
    height:1.031rem;
    width:100%;
    text-align: center;
    position: relative;
    line-height:1.031rem;
}
.new-back{
    background-image:url('https://s.weacar.com/images/shop/back.png');
    height: 0.4rem;
    width: 0.5rem;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left:0.3rem;
    top:50%;
    margin-top:-0.2rem;
}
.new-title{
    font-size:0.32rem;
    width:100%;
    color:#252525;
    height:100%;
}
.content-title-block{
    width:100%;
    height:0.8rem;
}
.content-title{
    margin-left:0.3rem;
    font-size:0.32rem;
    color:#252525;
    height:100%;
    line-height:0.8rem;
}
.service-title{
    font-size:0.28rem;
    color:#252525;
    margin-bottom:0.1rem;
}
.service-small-title{
    color:#000000;
}
.serviceContent{
    padding:0.3rem 0.3rem;
    font-size:0.3rem;
    text-align: justify;
    line-height:0.4rem;
    color:#131313;
}
.serviceContent a{
    color:#327eef;
}
.detail-title-block{
    width:100%;
    height:0.8rem;
}
.detail-title{
    margin-left:0.3rem;
    font-size:0.28rem;
    color:#252525;
    height:100%;
    line-height:0.8rem;
}
.border-6{
    width:100%;
    height:1px;
}
.border-6:after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: #E8E8E8;
    -webkit-transform:scale(0.8);
    transform:scale(0.8);
}
.border-8{
    width:100%;
    height:1px;
}
.border-8:after{
    content: "";
    display: block;
    position: absolute;
    left: -6.5%;
    width: 113%;
    height: 1px;
    background: #E8E8E8;
    -webkit-transform:scale(0.8);
    transform:scale(0.8);
}
.border-10{
    width:100%;
    height:1px;
}
.border-10:after{
    content: "";
    display: block;
    position: absolute;
    left: -12.5%;
    width: 125%;
    height: 1px;
    background: #E8E8E8;
    -webkit-transform:scale(0.8);
    transform:scale(0.8);
}
.brandName,.carName,.color,.price{
    margin-right:0.3rem;
}
.carFeature{
    padding:0.2rem 0.3rem;
    font-size:0.20rem;
    color:#252525;
    text-align: justify;
    background-color: #F2F2F2;
}
.carFeature ul li{
    font-size:0.28rem;
}
.overBlock{
    min-height:2rem;
    padding:0.2rem 0.3rem;
    padding-bottom:0;
}
.overImgBlock{
    width:60%;
    overflow:hidden;
}
.overImg{
    width: 100%;
    height: 100%;
}
.overImg img{
    width:100%;
    height:100%;
}
.description{
    font-size:0.28rem;
    word-wrap: break-word;
    word-break: normal;
    width:60%;
    margin-left:0.3rem;
}
.marketPrice{
    font-size:0.22rem;
    color:#8C8C8C;
    text-decoration: line-through;
}
.priceBlock{
    height:0.6rem;
    padding:0 0.3rem;
    line-height:0.6rem;
}
.myPrice{
    font-size:0.26rem;
    color:#FF413D;
    float:right;
}
.reserveNum,.wan{
    font-size:0.26rem;
}
.floatRight{
    float:right;
}
.carFullName{
    margin-bottom:0.35rem;
}
.smallTop{
    margin-top:-0.2rem;
}
#selling .loading-more{
    padding: 0.2rem 0;
}
#selling .loading-more span{
    display: block;
    margin: 0 auto;
    width: 50%;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.24rem;
    color: #666;
}
footer{
    padding-bottom: 0.3rem;
    width:100%;
}
.grey-blank-new{
    height: .15rem;
    background: #f7f7f7;
}
.iconBlock{
    margin-top:1rem;
}
.iconBlock div{
    width:25%;
    margin-top:0.3rem;
}
.iconTitle{
    font-size: .24rem;
    font-style: normal;
    width: 100%;
    margin-top: 0.2rem;
    color: #929292;
    font-family: PingFangSC-Regular;
    text-align:center;
}

/*查看大图*/
.outer{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    display:none;
}
.coverBlock{
    width:100%;
    height:100%;
    background-color:#000000;
    opacity: 0.6;
    position: absolute;
    z-index: 10;
}
.bigPic{
    width: 50%;
    position: absolute;
    z-index: 11;
    left: -25%;
    margin-left: 50%;
    margin-top:65%;
}
.cantMove{
    overflow-y: hidden;
    position:fixed;
}
.iconBlock div a img{
    width:50%;
}
.mbPic{
    background-size: 100% auto;
    height:2.8rem;
    font-size:0.28rem;
    position: relative;
}
.drecPrice{
    color:#B0B0B0;
}
.drecPrice span{
    color: #B0B0B0;
}
.carDetail{
    padding-right:0.3rem;
}
.carDetail .scrollLoading{
    width:2.5rem;
}
.detail-title-block .detail-content{
    font-size:0.28rem;
    margin-right:0.3rem;
}
#city select{
    width:1.6rem;
    font-size:0.3rem;
    border:none;
    background:#FFF;
}
.includeInterest{
    color:#d8d8d8;
}
#cheJiaShiSuan-header{
    display:none;
}
.btn-pay{
    height:1rem;
    background:#ff9800;
    text-align:center;
    line-height:1rem;
    color:#fff;
    font-size:0.32rem;
}
#dk-luoCheJia {
    display:none;
}


/*首页banner弧形*/
#arcCanvas{
    width: 500px;
    height: 200px;
    z-index: 9;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
}
.arc1:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 100%;
    z-index: -1;
    display: block;
    width: 100%;
    height: 0.7rem;
    border-radius: 50%;
    background-color: #231a12;
    -webkit-transform: translate(-100%, -50%);
    -moz-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}
.arc2:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 100%;
    z-index: -1;
    display: block;
    width: 100%;
    height: 0.7rem;
    border-radius: 50%;
    background-color: #F9FBFD;
    -webkit-transform: translate(-100%, -50%);
    -moz-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}
.arc3:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 100%;
    z-index: -1;
    display: block;
    width: 100%;
    height: 0.7rem;
    border-radius: 50%;
    background-color: #050507;
    -webkit-transform: translate(-100%, -50%);
    -moz-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}
.arc4:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 100%;
    z-index: -1;
    display: block;
    width: 100%;
    height: 0.7rem;
    border-radius: 50%;
    background-color: #05080D;
    -webkit-transform: translate(-100%, -50%);
    -moz-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}
.arc5:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 100%;
    z-index: -1;
    display: block;
    width: 100%;
    height: 0.7rem;
    border-radius: 50%;
    background-color: #c5c7c6;
    -webkit-transform: translate(-100%, -50%);
    -moz-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}
.arc6:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 100%;
    z-index: -1;
    display: block;
    width: 100%;
    height: 0.7rem;
    border-radius: 50%;
    background-color: #3c3c3e;
    -webkit-transform: translate(-100%, -50%);
    -moz-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}
.arc7:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 100%;
    z-index: -1;
    display: block;
    width: 100%;
    height: 0.7rem;
    border-radius: 50%;
    background-color: #0B0B0B;
    -webkit-transform: translate(-100%, -50%);
    -moz-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}

.index-messageList{
    font-size:0.28rem;
    min-height:0.5rem;
    padding:0.2rem 0.3rem;
}
.minContentHeight{
    min-height:10.25rem;
}

#header .back{
    position: absolute;
    left: 0.35rem;
    top: 0.4rem;
    width: 0.15rem;
}
#header .searchBrand {
    position: absolute;
    right: 0.35rem;
    top: 0.36rem;
    width: 0.3rem;
}



.input-box{
    border:none;
    border-bottom:1px solid #D8D8D8;
    position:relative;
    height:0.8rem;
    border-radius:0;
}
.consult-input-block{
    width:75%;
    margin:0.5rem auto;
    margin-top:0.2rem;
}
.consult-input-box{
    border:none;
    position:relative;
    height:0.8rem;
    margin-bottom:0;
}
.consult-input-box div{
    position: absolute;
    left: 0.1rem;
    top: 0.2rem;
}
.consult-input-box input{
    line-height:normal;
    padding-left: 1.5rem;
    padding-right: 0;
    width: 3rem;
    height:0.8rem;
}
.consult-err-msg{
    float: left;
    font-size: .22rem;
    line-height: .65rem;
    height: .65rem;
    color: red;
}
.consult-err-msg:before, .consult-err-msg:after {
    line-height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    height: 0;
    content: '';
}
.consult-err-msg:after{
    clear:both;
}
.submitConsult{
    text-align: center;
    width: 100%;
    margin: 0.4rem 0;
    height: 0.6rem;
    line-height: 0.6rem;
    background: #ffa041;
    display: block;
    color: #fff;
    float: left;
    border-radius: 0.1rem;
}
.input-box input{
    width: 74%;
    padding: 0.2rem 13%;
    line-height:normal;
}
.login-box{
    padding-top:0.8rem;
    overflow:scroll;
    -webkit-overflow-scrolling : touch;
}
.login-box .input-box input,.register-box .input-box input{
    width: 5.6rem;
    height: 0.8rem;
    font-size: 0.24rem;
    border:none;
    padding: 0 15%;
    display: inline-block;
    box-sizing: border-box;
    box-shadow: none;
    background: none;
    -webkit-appearance: none;
}


/*myIndex*/
#myIndex{
    background:#fff;
}
#myIndex .headBlock{
    height:2.2rem;
    background:url('../../images-mb/my/myIndexBg.png');
    background-size: cover;
    padding-top:0.9rem;
    position: relative;
}
#myIndex .noHeadPic{
    width:1.3rem;
    height:1.3rem;
    border-radius: 50%;
}
#myIndex .goAhead{
    width:0.18rem;
    position:absolute;
    top:1.5rem;
    right:0.35rem;
}
#myIndex .name{
    font-size:0.28rem;
    color:#4F4E4E;
    text-align:center;
    margin-top:0.2rem;
}
.largeline .items{
    font-size:.3rem;
    padding:0 .35rem;
    background:#fff;
}
.largeline .items .itemLine{
    height:1.2rem;
}
.baseline .items{
    font-size:0.28rem;
    padding:0 0.35rem;
    background:#fff;
}
.baseline .items .itemLine{
    height:1rem;
}
.baseline .items .itemLogo{
    height:.45rem;
    width:.45rem;
    margin-right:.2rem;
}
.baseline .items .go{
    width:.18rem;
    display: inline;
    vertical-align: middle;
}
.baseline .items .phone a{
    font-size:.28rem;
    color:#FF9800;
}
.baseline .items .logOff{
    font-family: "PingFang-SC-Light";
}
.middleline .items{
    font-size:.28rem;
    padding:0 .35rem;
    background:#fff;
}
.middleline .items .itemLine{
    height:.7rem;
}
.smallline .items{
    font-size:.24rem;
    padding:0 .35rem;
    background:#fff;
}
.smallline .titleline{
    color:#FF9800;
}
.smallline .textline img{
    width:0.3rem;
    margin-right:0.3rem;
}
.smallline .items .itemLine{
    height:0.65rem;
}
/*changePassword*/
.myHead{
    position:relative;
    height:1.031rem;
    font-size:0.32rem;
    line-height:1.031rem;
    text-align:center;
    background:#fff;
}
.myHead .back{
    position: absolute;
    left: 0.35rem;
    top: 0.4rem;
    width: 0.15rem;
}
.myHead .searchBrand{
    position: absolute;
    right: 0.35rem;
    top: 0.36rem;
    width: 0.3rem;
}
/*关于我们*/
#aboutUs .aboutLogoBlock{
    padding:0.7rem;
    font-size:0.32rem;
    text-align:center;
    padding-bottom:0.3rem;
}
#aboutUs .aboutLogoBlock img{
    width:1.5rem;
}
#aboutUs .version{
    margin-top:0.1rem;
}
/*关于我们详细*/
#aboutUsDetail{
    padding-bottom:1rem;
}
#aboutUsDetail .weacarTeamBlock{
    margin-top:.4rem;.
width:100%;
}
#aboutUsDetail .weacarTeamBlock img{
    width:90%;
}
#aboutUsDetail .aboutContent{
    margin-top:.5rem;
    padding:0 .5rem;
}
#aboutUsDetail .aboutContent .aboutTitle{
    color:#ff9800;
    font-size:.34rem;
    text-align:center;
}
#aboutUsDetail .aboutContent .aboutText{
    font-size:.28rem;
    text-align:justify;
    margin:.2rem 0;
}
#aboutUsDetail .aboutContent .connectUs{
    margin-top:.3rem;
}
#aboutUsDetail .aboutContent .connectUs span{
    color:#ff9800;
}

/*常见问题*/
#normalQuestion{
    font-size:.3rem;
    padding:.3rem .5rem;
}
#normalQuestion .oneBlock{
    padding-bottom:.3rem;
}
#normalQuestion .question{
    color:#FF9800;
}
#normalQuestion .answer{
    padding-left:.3rem;
}
/*联系我们*/
#contactUs{
    font-size:.28rem;
}
#contactUs .address{
    padding:0 .35rem;
}
#contactUs .address .addressBlock{
    height:1.2rem;
}
#contactUs .address .position{
    margin-right:.3rem;
}
#contactUs .address .position img{
    width:.5rem;
}
#contactUs .address .map{
    margin:.3rem 0;
}
/*服务承诺*/
#servicePromise{
    font-size:.28rem;
    padding:0 .35rem;
    padding-bottom:.8rem;
}
#servicePromise .serviceTitle{
    margin-top:.35rem;
    color:#000;
}
#servicePromise .servicePromise{
    margin-top:.4rem;
}
#servicePromise .servicePromise p{
    color:#131313;
    text-align:justify;
}
#servicePromise .servicePromise .phoneNum{
    color:#ff9800;
}
/*意见反馈*/
#suggestionBack{
    background:#fff;
}
#suggestionBack .connectYou{
    height:1rem;
    padding:0 .35rem;
    font-size:.3rem;
}
#suggestionBack .connectYou .connectInputBlock{
    width:55%;
}
#suggestionBack .connectYou input{
    font-size:0.26rem;
    width:100%;
    text-align:right;
}
#suggestionBack .suggestionTextarea{
    padding:.2rem .35rem;
    font-size:.3rem;
}
#suggestionBack .suggestionTextarea textarea{
    min-height:1rem;
    font-size:.26rem;
    width:100%;
}
.btn-primary-block{
    width:70%;
    margin:1rem auto;
}

/*我的主页*/
#myIndex{
    margin-bottom:2rem;
}
#myPage .headPic{
    width:1rem;
}
.itemLine .itemTitle{
    min-width:2rem;
}
/*我的地址*/
#myAddress{
    background:#fff;
}
#myAddress .receiver{
    height:1rem;
    font-size:.28rem;
}
#myAddress .receiver .receiveInputBlock{
    width:55%;
}
#myAddress .receiver .receiveInputBlock input{
    font-size:.28rem;
    width:100%;
    text-align:right;
}
#myAddress .detail-address{
    padding: 0.1rem .35rem;
}
#myAddress .detail-address textarea{
    min-height:1rem;
    resize: none;
    border:none;
    font-size:.29rem;
    width:100%;
    text-align:right;
}
#cityPick select{
    font-size:0.28rem;
    max-width:2rem;
    border:none;
    background:#fff;
    outline:none;
}
.noCars{
    display:none;
    font-size:0.24rem;
    margin-bottom:0.5rem;
}

/*mypage*/
.logOff{
    cursor: pointer;
}
.text-right{
    font-size:0.28rem;
}
input{
    font-family: "PingFang-SC-Light";
}
.myInput{
    width:55%;
}
.myInput input{
    width:100%;
}
.loading-block{
    display:none;
}
.uploadLoading{
    position: fixed;
    width:100%;
    height:100%;
    background-color:#000;
    opacity: 0.5;
    top:0;
    left:0;
    padding-top:5rem;
}
.uploadLoading img{
    position: absolute;
    left: 43%;
    width:1rem;
}
.loading-text{
    position: fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    text-align:center;
    padding-top:5.5rem;
}
.loading-text p{
    font-size:.3rem;
}
.bg-model-ok{
    height:0.7rem;
    padding-top:0.2rem;
}
.bg-model .cancel{
    padding-top:0.1rem;
}
/*我的收藏*/
.overList{
    display:none;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:10;
    text-align:right;
}
#collection-list{
    padding-bottom:1rem;
}
#collection-list li{
    position:relative;
}
#collection-list h1, #collection-list h2{
    max-width:3rem;
}
.chooseCollection{
    height:0.4rem;
    text-align:center;
    margin:0 auto;
    display:initial;
    margin-right:0.35rem;
}
.chooseCollection input{
    width:.5rem;
    height:.5rem;
}
#editCollections{
    display:inline-block;
    position:absolute;
    top:0;
    right:.2rem;
    font-size:.26rem;
}
.deleteBlock{
    display:none;
    position: fixed;
    margin: 0 auto;
    right: 0;
    left: 0;
    bottom: 0;
    background:#fff;
    z-index:999;
}
.deleteBlock #deleteCollections{
    margin:0;
}



/*collectItem*/
#carDetail{
    display:none;
}
.collectImgItem{
    position: absolute;
    right:0.3rem;
    top:0.34rem;
}
.collectImgItem img{
    height:0.3rem;
}
#collectThis,#unCollectThis{
    cursor: pointer;
}
.deleteBlock{

}


.north{
    margin-right:0.3rem;
}




/*carDetail*/
.new-title .active{
    color:#ff9800;
    border-bottom: 1px solid red;
}
.new-title span{
    cursor:pointer;
    display: inline-block;
}
.orangeTitleBar{
    display:inline-block;
    width:0.08rem;
    height:100%;
    background:#ff9800;
    vertical-align: middle;
    margin-right: 0.3rem;
    margin-top:-0.05rem;
}
#buyTab .buyType{
    width:3rem;
    height:0.7rem;
    border-radius:0.1rem;
    background:#f2f2f2;
    text-align:center;
    padding-top:0.2rem;
    cursor: pointer;
}
#buyTab .active{
    background: #ff9800;
}
#buyTab .active span{
    color:#fff;
}
.downArrow{
    background:url(../../images-mb/black-down-arrow.png);
    background-size: contain;
    background-repeat:no-repeat;
    width:0.3rem;
    height:0.3rem;
    margin:0 auto;
}
.active .downArrow{
    background:url(../../images-mb/white-down-arrow.png);
    background-size: contain;
    background-repeat:no-repeat;
    width:0.3rem;
    height:0.3rem;
    margin:0 auto;
}
#daikuanBlock{
    display:none;
}
#daikuanBlock #daikuanBg{
    height:100%;
    width:100%;
    position: fixed;
    z-index:100;
    top:0;
    left:0;
    background:#000;
    opacity: 0.5;
}
#daikuanBlock #daikuanDetail{
    position: fixed;
    bottom:0;
    left:0;
    min-height:9.5rem;
    background:#fff;
    z-index:101;
    width:100%;
    font-size:0.26rem;
}
#daikuanBlock #daikuanDetail .rightTopClose{
    width:0.25rem;
    float:right;
    margin:0.3rem;
}
#daikuanBlock #daikuanDetail .chooseShoufu{
    margin-left:0.3rem;
    margin-top:0.3rem;
}
#daikuanBlock #daikuanDetail .outScroll{
    height:1.2rem;
    overflow:hidden;
}
#daikuanBlock #daikuanDetail .outScroll .tab{
    overflow-x: auto;
    overflow-y: hidden;
    height: 1.4rem;
    padding: 0 0.3rem;
    -webkit-overflow-scrolling: touch;
}
#daikuanBlock #daikuanDetail .outScroll .inScroll{
    height:1.4rem;
    width:8rem;
}
#daikuanBlock #daikuanDetail .chooseDaikuanzhouqi{
    margin-left:0.3rem;
    margin-top:0.3rem;
}
.percentSelect{
    width:2rem;
    background:#f2f2f2;
    border-radius: 0.1rem;
    font-size:0.24rem;
    text-align:center;
    margin-right:0.3rem;
}
.percentActive{
    background:#ff9800;
}
.percentActive div{
    color:#fff;
}
.divideLine{
    background:#000;
    height:1px;
    width:80%;
    margin:0.02rem auto;
}
.percentActive .divideLine{
    background:#fff;
}
#daikuanBlock .yearSelect{
    line-height:0.8rem;
}
#daikuanBlock #yearSelect{
    padding:0 .3rem;
}
.modelCar{
    width: 2rem;
    margin-left: 0.3rem;
    margin-top: -0.5rem;
    border: 1px solid #e6e6e6;
    border-radius: 0.1rem;
    vertical-align: bottom;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    background: #fff;
}
.getCarShop{
    margin-left:0.03rem;
}
#getCarShopArrow{
    display:inline-block;
    width:0.2rem;
    margin-left:0.2rem;
    vertical-align: middle;
}
#chooseCarShop{
    width:100%;
    height:100%;
    position: fixed;
    right:-100%;
    top:0;
    z-index:10002;
    background:#fff;
    -webkit-overflow-scrolling : touch;
    font-size:0.3rem;
}
#chooseCarShop .headBlock{
    /*height:3.5rem;*/
}
#chooseCarShop .searchShopBox{
    position: relative;
    width: 90%;
    margin-left: 0.8rem;
}
#chooseCarShop .searchShopBox img{
    position: absolute;
    left: 0.4rem;
    top: 0.38rem;
}
#chooseCarShop .searchShopBox input{
    background: #F0F0F0;
    padding-left: 0.6rem;
    font-size: 0.2rem;
    padding-right: 0.3rem;
    width: 82%;
    border-radius: 0.4rem;
    height: 0.5rem;
    line-height: 0.5rem;
}
#chooseCarShop .weacarShopPic{
    width:100%;
}
#chooseCarShop .leftShopBlock{
    width: 40%;
    display: inline-block;
    box-sizing: border-box;
}
#chooseCarShop .rightShopBlock{
    display: inline-block;
    width: 60%;
    box-sizing: border-box;
}
#chooseCarShop .rightShopBlock .cBlock{
    position: relative;
    cursor: pointer;
}

#chooseCarShop .cancelSearch{
    color:#fff;
}
#chooseCarShop .searchResult{
    border-top:1px solid #dfdfdf;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    margin-top:1rem;
    background:#fff;
    display:none;
    overflow: auto;
}
#chooseCarShop .searchResult ul{
    display:none;
}
#chooseCarShop .searchResult ul li{
    height:0.6rem;
    line-height:0.6rem;
    width:100%;
    padding-left:0.35rem;
    border-bottom:1px solid #dfdfdf;
    font-size:0.26rem;
}
#chooseCarShop .searchResult .noShop{
    text-align:center;
    display:none;
}
#chooseCarShop .searchResult .noShop img{
    width:60%;
    margin-top:3rem;
    margin-bottom:1rem;
}
#chooseCarShop .leftShopBlock, #chooseCarShop .rightShopBlock{
    overflow-x: hidden;
    overflow-y: auto;
}

#shopList{
    font-size:0.3rem;
}
#shopList .shopListItem{
    height:0.8rem;
    padding:0 0.35rem;
    cursor: pointer;
}
#shopList .noShop{
    text-align:center;
}
#shopList .noShop img{
    width:60%;
    margin-top:2.5rem;
    margin-bottom:0.2rem;
}
#shopList div{
    line-height:0.6rem;
}
#shopList .chooseOthers{
    color:#FF9800;
    margin-top:0.3rem;
}

.shopName{

}
.haveShop{
    width:0.3rem;
    position: absolute;
    top:0.25rem;
    right:0.3rem;
}
.locationCity{
    color:#fff;
}




/* for Chrome */
#chooseCarShop .leftShopBlock::-webkit-scrollbar ,#chooseCarShop .rightShopBlock::-webkit-scrollbar{
    display: none;
}

.showCarShop{
    animation:showCar 0.3s;
    -webkit-animation:showCar 0.3s;
    -webkit-animation-fill-mode: forwards;
}
.showCarShopFast{
    animation:showCar 0s;
    -webkit-animation:showCar 0s;
    -webkit-animation-fill-mode: forwards;
}
.hideCarShop{
    animation:hideCar 0.3s;
    -webkit-animation:hideCar 0.3s;
    -webkit-animation-fill-mode: forwards;
}
@keyframes showCar
{
    from {right:-100%;}
    to {right:0;}
}
@-webkit-keyframes showCar
{
    from {right:-100%;}
    to {right:0;}
}
@keyframes hideCar
{
    from {right:0;}
    to {right:-100%;}
}
@-webkit-keyframes hideCar
{
    from {right:0;}
    to {right:-100%;}
}




/*品牌选择*/
.brandModal{
    font-size:0.3rem;
    margin-top:1.031rem;
}
.brandTitle{
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    height: 0.8rem;
    width: 100%;
    line-height: 0.8rem;
    background:#fff;
    border-bottom:1px solid #e8e8e8;
    font-size:0.32rem;
}
.brandList{

}
.brandList li{
    height:1rem;
    line-height:1rem;
    padding-left:0.3rem;
}
.brandList li img{
    float:left;
    width:0.7rem;
    margin-top:0.15rem;
}
.brandList li div{
    font-size:0.28rem;
    margin-left:1rem;
    border-bottom:1px solid #E8E8E8;
}
#firstBrandModal{
    margin-bottom:0.9rem;
    margin-top:1.031rem;
}
.brandFirstLetter{
    height:0.6rem;
    line-height:0.6rem;
    padding-left:0.4rem;
    background:#f2f2f2;
    font-size:0.3rem;
}
.onSellBlock{
    float: right;
    margin-right: 0.6rem;
    font-size: 0.24rem;
    color: #B0B0B0;
}
.onSellCount{
    color: #B0B0B0;
}

.jump-tag{
    display: block;
    position: fixed;
    top: 20%;
    right: 2%;
    z-index: 100;
    width: 24px;
    height: 80%;
    max-height: 700px;
    font-size: 0.28rem;
    text-align: center;
    overflow-y: scroll;
}
.jump-ul{
    height: 100%;
    margin: 0;
    padding: 0;
}
.jump-li {
    height: 4.8%;
    width: 0.25rem;
}
.brandImg img{
    width:0.5rem;
    margin:0 0.3rem;
}
#secondBrandModal .title{
    height:0.7rem;
}
#secondBrandModal .brandName{
    margin-left:-2.5rem;
}
.secondBrandList{
    padding:0.3rem;
    cursor: pointer;
}
.secondBrandList .brandPrice{
    color:#FF413D;
}
.secondBrandList .detailContent{
    margin-left:0.3rem;
}
.seriesYear{
    height:0.4rem;
    font-size:0.22rem;
    line-height:0.4rem;
    background:#F2F2F2;
    padding-left:0.3rem;
}
.seriesDetail {
    height: 0.7rem;
    font-size: 0.22rem;
    line-height: 0.7rem;
    padding: 0 0.3rem;
}
.seriesDetail div:nth-child(1){
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.seriesPrice{
    color:#FF413D;
    min-width: 1rem;
}






/*aside*/
.aside,
.aside-overlay {
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    font-size:0.3rem;
}
.aside {
    -webkit-transition: visibility .25s;
    transition: visibility .25s;
    z-index: 3;
    visibility: hidden;
    overflow: hidden;
}
.aside.active {
    -webkit-transition: none;
    transition: none;
    visibility: visible;
}
.aside-overlay {
    background-color: black;
    opacity: 0;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
}
.active > .aside-overlay {
    opacity: .6;
}
.aside .module-header {
    position: absolute;
    left: 0; right: 0; top: 0;
    height:0.7rem;
    border-bottom:1px solid #E8E8E8;
}
.aside .module-main {
    position: absolute;
    left: 0; right: 0;
    top: 1.031rem;
    bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom:0.3rem;
}
.aside .scrollable {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.aside-content {
    position: absolute;
    bottom: 0; right: 0;
    background-color: white;
    -webkit-transition: transform .15s;
    transition: transform .15s;
    left: 1.5rem;
    top: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.active > .aside-content {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}
aside a:hover {
    text-decoration: none;
}


/*brandSearch*/
.searchBrandPage{
    height:100%;
}
.searchBrandPage .myHead{
    padding:0 0.3rem;
    font-size:0.24rem;
    border-bottom:1px solid #E8E8E8;
}
.searchBrandPage .myHead .headBlock{
    width:88%;
    position: relative;
}
.searchBrandPage .myHead .headBlock img{
    width:0.34rem;
    position: absolute;
    left:0.1rem;
    top:0.32rem;
}
#brandSearchInput{
    background:#F0F0F0;
    padding-left:0.6rem;
    padding-right:0.3rem;
    width:100%;
    border-radius: 0.15rem;
    height:0.5rem;
    line-height:0.5rem;
}
.cancelSearch{
    font-size:0.28rem;
}
.searchBrandPage .hotBrand{
    background:#F2F2F2;
    padding:0.35rem 0.3rem;
    margin-top:1.031rem;
}
.hotBrandTitle{
    font-size:0.28rem;
    margin-bottom:0.3rem;
}
.hotLabelBlock{
    font-size:0.24rem;
    flex-wrap:wrap;
}
.hotLabel{
    border:1px solid #B0B0B0;
    padding:0.05rem 0.08rem;
    min-width:0.5rem;
    margin-right:0.2rem;
    margin-bottom:0.2rem;
    text-align: center;
    line-height: normal;
}

/*shopPosition*/
.leftShopBlock div{
    background:#F2F2F2;
    height:0.8rem;
    line-height:0.8rem;
    text-align:center;
    cursor:pointer;
    box-sizing: border-box;
}
.leftShopBlock .active{
    background:#fff;
    color:#ffa041;
}
.rightShopBlock div{
    background:#fff;
    height:0.8rem;
    line-height:0.8rem;
    text-align:center;
    box-sizing: border-box;
    border-bottom:1px solid #dfdfdf;
}


/*禁止滚动*/
.cantScroll{
    overflow:hidden;
}
/*防止滚动渗透*/
.noscroll,
.noscroll body {
    overflow: hidden;
}
.noscroll body {
    position: relative;
}
/*display:inline-block;*/
.inlineBlock{
    display:inline-block;
}

.uniqueCover{
    position: fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    height:100%;
    background-color:#fff;
    z-index:10001;
    display:none;
}
.height100{
    height:100px;
    overflow:hidden;
}

.selectedText{
    color:#ffa041;
}