/* search */
.search_bar{display: flex;flex-direction: row;position: relative;padding: .3rem;}
    .search_main{display: flex;overflow: hidden;position: relative;flex: 1;justify-content: center;flex-direction: row;align-items: center;height: 1rem;padding: .2rem .3rem .2rem 0;justify-content: start;border-radius: 5px;background-color: #f8f8f8;}
    .search_main .iconfont{display: flex;flex-direction: row;padding: 0 .3rem;justify-content: center;align-items: center;color: #c0c4cc;font-size: .4rem;}
    .search_main input{display: flex;flex: 1;line-height: 0.8rem;font-size: .38rem;color: #333333;display: block;}
    .search_btn{padding-left: .3rem;line-height: 1rem;font-size: .38rem;color: #333333;cursor: pointer;}
.search_row{padding: 0.3rem;overflow: hidden;}
    .row_title{font-weight: 500;color: #333333;font-size: .45rem;display: block;line-height: .9rem;margin-bottom: .2rem;position: relative;}
    .row_clear{position: absolute;top: 0;right: 0;bottom: 0;width: .9rem;text-align: center;display: flex;align-items: center;justify-content: center;}
    .row_clear .iconfont{color: #999999;font-size: .55rem;}
    .search_content{overflow: hidden;}
    .search_column{margin-right: .3rem;margin-bottom: .3rem;float: left;background: #f5f5f5;padding: 0 .52rem;line-height: .7rem;height: .7rem;font-size: .35rem;color: #666666;border-radius: .35rem;border: 1px solid #f5f5f5;}
    .list_item{overflow: hidden;border-top: 1px solid #eeeeee;padding: .3rem 0;display: flex;justify-content: space-between;}
    .list_item:first-child{border-top: none;padding-top: 0;}
    .list_image{overflow: hidden;width: 3.2rem;height: 2.4rem;display: flex;align-items: center;justify-content: center;border-radius: .1rem;}
    .list_info{display: flex;flex-direction: column;justify-content: space-between;padding-left: .3rem;width: calc(100% - 3.2rem);min-height: 2.4rem;}
    .list_name{color: #333333;font-size: .4rem;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;line-height: .5rem;word-break: break-all;}
    .list_plate{margin-right: 2px;padding: 0 3px;border-radius: 2px;font-size: .3rem;border: 1px solid #e6f6ff;color: #2fa9ef;}
    .list_dsc{font-size: .35rem;color: #999999;display: flex;justify-content: space-between;align-items: center;white-space: nowrap;overflow: hidden;line-height: .5rem;}
    .list_city{display: flex;align-items: center;}
    .list_city .iconfont{font-size: .4rem;color: #aaaaaa;margin-right: 2px;}
    .list_pricebox{font-size: .35rem;display: flex;justify-content: space-between;align-items: center;white-space: nowrap;overflow: hidden;line-height: .5rem;}
    .list_price{color: #fa2c19;font-size: .5rem;}
    .list_price span{font-size: .3rem;margin-left: 2px;}
    .list_key{color: #2fa9ef;font-size: .3rem;}
    .list_key span{margin-right: 0.3rem;}
    .list_transfer{color: #06b96e;}
/* list */
.top_height{width: 100%;height: 2rem;}
.buy_index_top{padding: 0.3rem 0 0;position: fixed;border-bottom: 1px solid #f0f0f0;height: 2rem;left: 0;top: 0;background-color: #ffffff;z-index: 20;width: 100%;}
    .buy_searchbox{display: flex;align-items: center;overflow: hidden;height: 0.8rem;padding: 0 0.3rem;}
    .buy_search_wrap{width:100%;display:flex;line-height:.8rem;height:.8rem;align-items:center;position:relative;border-radius:.4rem;background-color:#f5f6f7}
    .buy_search_city{white-space:nowrap;padding:0 .3rem 0 .4rem;color:#000000;display:flex;align-items:center;overflow:hidden;font-size:.35rem}
    .buy_search_cityname{display:flex;font-weight:700;justify-content:space-between;align-items:center}
    .buy_search_cityname .iconfont{transform:scaleX(1.2);color:#000000!important;margin-left:2px;font-size:.35rem!important;width:.5rem!important;font-weight:400;text-align: center;}
    .buy_search_box{padding-left: .3rem;position: relative;flex: auto;}
    .buy_search_box::after{position:absolute;left:0;top:50%;width:1px;height:.3rem;background-color:#dddddd;content:"";transform: translateY(-50%);}
    .buy_search_main{align-items:center;color:#000000;white-space:nowrap;max-width:calc(100% - 1.6rem);overflow:hidden;height: 0.8rem;display: flex;}
    .buy_searchTxt{position:absolute;z-index:2;top:1px;right:1px;bottom:1px;background-color:#f5f6f7;color:#fa2c19;padding:0 .3rem;border-radius:.4rem;display:flex;align-items:center;justify-content:center;font-size:.35rem;letter-spacing:1px}
    .buy_search_words{margin: 0.1rem 0;height: 0.6rem;line-height: 0.6rem;}
    .buy_search_words .swiper-container{height: 0.6rem;line-height: 0.6rem;overflow: hidden;}
    .buy_search_words .swiper-slide{color: #666666;font-size: 0.35rem;}
    .buy_top_right{display:flex;flex-direction:column;align-items:center;padding:0 0 0 .3rem;min-width:1.1rem;font-size:.3rem;justify-content:space-between;color:#555555;height: 0.8rem;line-height: 0.4rem;}
    .buy_top_right .iconfont{display:flex;align-items:center;justify-content:center;height:.5rem;font-size: 0.4rem;}
    /* select */
    .buy_select{height: 1rem;line-height: 1rem;overflow: hidden;}
    .buy_select_item{float: left;width: 25%;text-align: center;display: flex;align-items: center;justify-content: center;font-size: 0.35rem;color: #000000;}
    .buy_select_item .iconfont{padding-left: 3px;color: #555555;font-size: 0.25rem;}
    .buy_select_item.active,.buy_select_item.active .iconfont,.select_option.active,.select_option.active .iconfont{color: #fa2c19;}
    .buy_select_main{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 11;bottom: 0;right: 0;}
    .select_bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);}
    .select_box{position: absolute;top: -100%;left: 0;background: #ffffff;width: 100%;height: 100%;padding: 2.3rem .4rem;}
    .select_brand_box{padding:2rem 0 0;display: flex;align-items: center;justify-content: flex-start;}
    .select_option{padding:.3rem 0;font-size:.4rem;line-height:.6rem;float: left;width: 50%;height: 1.2rem;display: flex;align-items: center;}
    .select_option.active .iconfont{padding-right: 1px;font-size: .5rem;}
    /* brand indexlist */
    .brand_left{position: absolute;width: 42%;background: linear-gradient(90deg,#f5f5f5,#f5f5f5 80%,#eeeeee);overflow: hidden;overflow-y: auto;z-index: 2;left: 0;top: 2rem;height: calc(100% - 2rem);}
    .brand_left_box{width: 100%;overflow: auto;height: 100%;}
    .brand_item{width: 100%;overflow: hidden;}
    .brand_zimu{background-color: #ffffff;width: 100%;display: flex;padding-left: 0.4rem;line-height: 0.85rem;font-size: 0.45rem;font-weight: 500;color: #000000;}
    .brand_big_cate,.all_brand{padding: 0.2rem 0.2rem .2rem .4rem;line-height: 0.5rem;color: #333333;font-size: 0.4rem;border-top: 1px solid #eeeeee;display: flex;align-items: center;background-image: linear-gradient(90deg,#f5f5f5,#f5f5f5 80%,#eeeeee);}
    .all_brand{border: none;}
    .brand_big_cate img{width: 0.8rem;margin-right: 0.3rem;}
    .brand_big_cate.active{color: #fa2c19;background: #ffffff;}
    .brandzimu{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);width:1.5rem;height:1.5rem;border-radius:50%;text-align:center;line-height:1.5rem;font-size:.6rem;color:#ffffff;background-color:rgba(0,0,0,.5);opacity: 0;z-index: 12;font-weight: normal;}
    .brand_mid{position: absolute;left: 42%;top: 2rem;width: calc(58% - .8rem);background-color: #ffffff;height: calc(100% - 2rem);overflow: auto;}
    .brand_mid p{line-height: 20vh;text-align: center;color: #999;}
    .series_item{border-bottom: 1px solid #eeeeee;font-size: .38rem;padding: 0.3rem;line-height: 0.6rem;}
    .series_item:last-child{border: none;}
    .series_item.active{color: #fa2c19;}
    .brand_right{position: absolute;height: 100%;width: 0.8rem;background-color: #ffffff;z-index: 3;padding: 2.6rem 0 .4rem;right: 0;top: 0;display: flex;flex-direction: column;justify-content: space-around;text-align: center;}
    .brand_key{line-height: inherit;font-size: 0.35rem;color: #aaaaaa;display: block;text-align: center;width:100%;margin: 0 auto;border-radius: 50%;}
    .brand_key.active{background-color: #fa2c19;color: #ffffff;width: 0.6rem;height: 0.6rem;line-height: 0.6rem;}
    /* select_params */
    .select_params{background-color:#ffffff;white-space:nowrap;overflow:hidden;overflow-x:auto;padding-left:.3rem;-webkit-overflow-scrolling:touch}
    .haschecked{margin:.3rem .3rem 0 0;padding:0 .2rem;background-color:#f5f5f5;border-radius:2px;display:inline-block;line-height:.85rem;color:#555555;font-size:.38rem}
    .haschecked .iconfont{color: #cccccc;font-size: .35rem;float: right;text-align: right;width: 0.5rem;height: 0.85rem;line-height: 0.85rem;}

    /* list */
    .carlist_item{border-top: 1px solid #f5f5f5;padding: 0.3rem;overflow: hidden;display: block;}
    .carlist_item:first-child{border: none;}
    .carlist_img{float:left;width:36vw;height:27vw;display:flex;align-items:center;justify-content:center;position:relative;border-radius:2px;overflow:hidden}
    .carlist_img img{width: 100%;}
    .carlist_img span{position:absolute;top:0;left:0;color:#ffffff;font-size:.3rem;border-radius:2px 0 .3rem .3rem;width:.6rem;display:flex;align-items:center;justify-content:center;padding:2px 0 .15rem;background-color:#06b96e;z-index:2}
    .carlist_info{display:flex;flex-direction:column;justify-content:space-between;padding-left:.3rem;width:calc(100% - 36vw);min-height: 27vw;}
    .carlist_title{color:#333333;font-size:.38rem;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;line-height:.5rem;word-break:break-all}
    .carlist_key{padding-top: 0.1rem;overflow: hidden;}
    .carlist_key_item{display:block;margin-right:2px;line-height:13px;font-size:.3rem;border-radius:2px;float:left;padding:0 .1rem;color:#6b6a6f;border:1px solid #f0f0f0;margin-bottom:.1rem}
    .carlist_key_item:last-child{margin-right: 0;}
	.carlist_top { color:#fa2c19; border-color: #ffefed;}
	.carlist_rec { color:#fa2c19; border-color: #ffefed;}
	.carlist_trans {color:#06b96e; border-color: #daffef;}
	.carlist_mortgage {color:#2fa9ef; border-color: #e6f6ff;}
    .carlist_dsc{font-size:.35rem;color:#999999;display:flex;justify-content:space-between;align-items:center;white-space:nowrap;overflow:hidden;line-height:.5rem}
    .carlist_city{display: flex;align-self: center;}
    .carlist_city .iconfont{color: #aaaaaa;font-size: 0.4rem;}
    .carlist_price{color: #fa2c19;font-size: 0.5rem;font-weight: 500;display: flex;align-items: baseline;}
    .carlist_price em{font-size: 0.3rem;padding-left: .1rem;}
/* detail */
.top_title{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-left: 1.2rem;}
.banner{position: relative;width:100%;display: flex;align-items: center;justify-content: center;overflow: hidden;height: 73vw;}
.offsale-box{position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);z-index: 5;display: flex;align-items: center;justify-content: center;}
.offsale-txt{width: 3rem;height: 3rem;border-radius: 50%;border: 5px double #EEEEEE;display: flex;align-items: center;justify-content: center;font-size: .75rem;letter-spacing: 1px;color: #eeeeee;}
.banner-swiper{height: 100%;display: flex;align-items: center;justify-content: center;}
.banner-slider{display: flex;align-items: center;justify-content: center;}
	.banner .swiper-pagination-bullets{position: absolute;bottom: 0;left: 50% !important;transform: translateX(-50%);z-index: 3;display: flex;align-items: center;justify-content: center;}
    .banner-page{display: flex;justify-content: flex-end;color: #ffffff;font-size: 0.35rem;padding: 0 0.3rem;}
    .title_box{padding: 0.3rem;overflow: hidden;border-bottom: .3rem solid #f5f5f5;}
    .detail_name{padding-top:.1rem;font-size:.45rem;color:#333333;font-weight:500;line-height:.6rem;display:block}
    .name_key{overflow: hidden;display: flex;margin-top: .2rem;align-items: center;justify-content: space-between;}
    .namekey_box{display: flex;}
    .keyitem{margin-right: .2rem;color: #fa2c19;border:1px solid #ffefed; padding: 0 .2rem;line-height: .5rem;font-size: .3rem;border-radius: 2px;display: flex;align-items: center;height: .5rem;}
    .keyitem:last-child{margin-right: 0;}
    .key_transfer{color: #06b96e;border-color:#daffef}
    .key_mort{color: #2fa9ef;border-color:#e6f6ff}
    .namekey_favor{display: flex;flex-direction: row;}
    .namekey_icon{color:#fa2c19; font-size:.35rem; border-radius:2px; padding:.1rem .3rem; background-color: #f5f5f5;line-height: .5rem;}
    .namekey_icon .icnfont{font-size: 0.35rem;}
    .detail_price,.detail_time{overflow:hidden; border-top:1px solid #f5f5f5;margin-top:.3rem;padding-top:.3rem; display: flex; justify-content: space-between; align-items: center;}
    .price_show{color:#fa2c19; font-size:.6rem;display: flex;align-items: baseline;font-weight: 700;}
    .price_show em{color: #666666;font-size: 0.35rem;font-weight: normal;padding-left: 3px;}
    .detail_no { display: flex;justify-content: space-between;align-items: center;}
    .detail_number{color: #333333; font-size: .38rem;}
    .detail_no_dsc{ margin-left: .1rem;display: flex;align-items: center;}
    .detail_no_dsc .iconfont{font-size: 0.4rem;color: #999999;}
    .detail_time_info{display: flex;align-items: center;justify-content: space-between;}
    .detail_time_mark{color: #333333;font-size: 0.38rem;}
    .detail_time_mark em{font-size: 0.3rem;padding-left: 3px;color: #888888;}
    .detail_time_dsc{display: flex;justify-content: space-between;}
    .detail_time_dsc{display: flex;justify-content: space-between;}
    .detail_time_dsc .detail_time_mark{padding-right: 0.3rem;}
    .detail_time_dsc .detail_time_mark:last-child{border-left: 1px solid #f5f5f5;padding-left: 0.3rem;padding-right: 0;}
    .detail-tag { padding: .4rem 0; border-bottom:1px solid #EEEEEE; overflow: hidden;}
    .tag-item { width: 33.3%; float: left; position: relative;}
    .tag-item::after { content: ''; background-color: #f5f6f7; position: absolute; top: 0; left: 0; width: 1px; height: 100%;}
    .tag-item:first-child::after { display: none;}
    .grid-item-box { display: flex; flex-direction: column; align-items: center; justify-content: center;}
    .detail-tag-text { color: #333333; font-size: .38rem; font-weight: 500; line-height: .8rem;}
    .detail-tag-label { font-weight:normal; color:#777777;margin-top:0;font-size:.35rem;line-height:.5rem}
    .detail-params { padding-top:5px; border-bottom:.3rem solid #f5f5f5}
    .detail-params-box { display:block; overflow:hidden; padding:0 .3rem;}
    .detail-params-item { float:left; width:50%; padding:.2rem 0; color:#444444; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: .38rem;line-height: .5rem;}
    .params-item-name { float:left; width:1.7rem; color:#999999;text-align: justify;text-align-last:justify;margin-right: .2rem;}
    .params-item-name::after{content: '';width: 100%;display: inline-block;}
    .detail-params-more { display:block; text-align:center; padding:.3rem 0; color:#fa2c19;background:#FFFFFF;letter-spacing:1px;margin:0 auto .3rem;width:calc(100% - .6rem); font-size: .38rem;}
    .detail-mark { padding:.3rem .4rem;}
    .marktitle { font-weight:bold; font-size:.45rem; letter-spacing:1px; padding:.2rem 0 .3rem;color: #000000;}
    .marktitle span{position: relative;}
    .marktitle span:after{content: '';position: absolute;bottom: 0;right: 1px;width: 65%;height: 40%;background: #efd24d;z-index: -1;}
    .markdsc{ color:#333333; line-height:.7rem; font-size: .4rem;text-align: justify;display: block;}
    .detail-images{padding:0 .3rem;}
    .detail-images img {display:block;width:100%;border-bottom:.3rem solid #FFFFFF;}
    .detail-declare { border-top:.3rem solid #f5f5f5;padding: .3rem 0;}
    .detail-declare .markdsc { color: #888888; font-size: .38rem; line-height: .6rem;}
    .detail-declare .marktitle{padding: 0 .4rem .3rem;}
    .detail-declare .marktitle-tips{padding-bottom: .2rem;}
    .buy-box{display: flex;justify-content: space-between;align-items: center;margin-bottom: .4rem;margin-top: .3rem;}
	.buy-item{display: flex;flex-direction: column;align-items: center;flex: 1;position: relative;}
	.buy-item img{width: 40%;}
	.buy-txt{font-size: .38rem;color: #333333;line-height: .8rem;position: relative;margin-top: .3rem;padding-top: .2rem;}
	.buy-txt:after {background: linear-gradient(to right, #e6e6e6, #f5f5f5); position: absolute; top: 0; left: 50%; width: .5rem; margin-left: -.3rem; height: .13rem; border-radius: 70%; content: '';}
	.buy-item .iconfont{position: absolute;right: -.2rem;top: 30%;height: .4rem;margin-top: -.3rem;color: #dddddd !important;font-size: .4rem !important;width: .4rem;}
	.buy-mark{display: block;font-size: .38rem;color:gray;line-height: .6rem;padding: 0 .4rem;}
    .detail-like { border-top: .3rem solid #f5f5f5; padding-bottom: .3rem;}
    .detail-like-title { display: block; text-align: center; line-height: 1.4rem; position: relative; margin-bottom: .1rem; margin-top: .2rem;}
    .detail-like-title2 { font-size: .45rem; color: #111111; letter-spacing: 1px; display: inline-block; width: 2.5rem; font-weight: 400;}
    .detail-like-left-line,.detail-like-left-line:after,.detail-like-right-line,.detail-like-right-line:after { position: absolute; background-color: #fa2c19; left: calc(50% - 1.5rem); top: .45rem; transform: rotate(25deg); width: 3px; height: .5rem; border-radius: 2px; opacity: .5;}
    .detail-like-left-line:after,.detail-like-right-line:after{ content: ''; height: .4rem; left: -.3rem; top: .3rem; transform: rotate(0); opacity: .5;}
    .detail-like-right-line { left: auto; right: calc(50% - 1.5rem);}
    .detail-like-right-line:after { left: auto; right: -.3rem; top: -.3rem;}
    /* detail foot */
    .detail-foot-height{height: 1.4rem;display: block;overflow: hidden;}
    .detail-foot{box-shadow: 0 -1px 5px 0 rgba(0,0,0,.1);position: fixed;bottom: 0;left: 0;width: 100%;z-index: 10;height: 1.4rem;padding-top: 0.2rem;background: #ffffff;}
    .foot-left{float: left;width: 38%;padding: 0 .3rem 0 .1rem;display: flex;}
    .foot-item{float: left;width: 33.3%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
    .foot-icon{height: 0.5rem;line-height: 0.5rem;display: flex;align-items: center;justify-content: center;}
    .foot-icon .iconfont{font-size: 0.45rem;}
    .foot-icon .icon-shoucang1{font-size: 0.5rem;}
    .foot-text{height: 0.5rem;line-height: 0.45rem;font-size: 0.3rem;color: #888888;}
    .foot-right{float: right;width: 62%;padding-right: 0.3rem;}
    .foot-btn { float:left; width:50%; background:linear-gradient(90deg,#eeb20a 0,#f39a0f 100%); color:#FFFFFF !important; font-size:.35rem; letter-spacing:1px; margin-top:12rpx; height:1rem; line-height:1rem; text-align:center; display:flex;justify-content:center;align-items:center; border-radius: .5rem 0 0 .5rem;}
	.foot-btn:last-child { background: linear-gradient(90deg,#ee8a0a 0,#fa2c19 100%);border-radius: 0 .5rem .5rem 0;}
    /* back to top */
    .gotop { position: fixed; right: .4rem; bottom: 2rem; width: 1rem; height: 1rem; line-height: 1rem; border: 1px solid #DDDDDD; border-radius: 50%; text-align: center; background-color: #FFFFFF;z-index: 3;}
    .gotop .iconfont { font-size: .5rem; color: #888888;}
    /* kan jia */
    .kj_box,.salecarbox{position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 30;opacity: 0;width: 100%;height: 100%;}
    .kj_bg,.salecarbg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);}
    .kj_main,.salecarmain{position: absolute;bottom: -100%;left: 0;background: #ffffff;width: 100%;max-height: 80%;border-radius: .2rem .2rem 0 0;overflow: hidden;overflow-y: auto;}
    .kj_close{position: absolute;right: 0.2rem;top: 0.1rem;width: 1rem;height: 1rem;display: flex;align-items: center;justify-content: center;}
    .kj_close .iconfont{font-size: 0.6rem;color: #cccccc;}
    .kj_form{padding: 0.6rem .6rem .7rem;}
    .kj_price{ display: block; color:#999999; text-align:center; font-size:.35rem; margin-bottom: .2rem;}
    .kj_price span{color:#fa2c19;font-size: 0.38rem;padding-right: 2px;}
    .kj_title{ display:block; text-align:center; font-size:.45rem; color:#333333; letter-spacing:1px; line-height: .7rem; margin-bottom: .2rem;word-break: break-all;}
    .kj_range{margin-bottom: 0.38rem;width: 100%;display: block;}
    .kj_range_txt{ display: block; width: 100%; background-image: linear-gradient(90deg,#2fa9ef 0,#eaf7ff 100%); height: .85rem; position: relative;}
    .kj_txt_item{ color: #666666; float: left; width: 25%; font-size: .35rem; line-height: .85rem; text-align: center; position: relative;}
	.kj_txt_item:after { content: ''; position: absolute; width: 1px; height: 100%; background-color: #4db6f2; right: 0;}
	.kj_txt_item:nth-child(2):after { background-color: #7dcaf6;}
	.kj_txt_item:nth-child(3):after { background-color: #caebff;}
	.kj_txt_item:last-child:after {display: none;}
    .kj_range_price{position: relative;margin-top: 0.1rem;height: 0.55rem;font-size: 0.3rem;}
    .kj_price_item { position: absolute; left: -.35rem; top: 0;color: #999999; line-height: .55rem;}
	.kj_price_item:nth-child(2) { left: 25%; margin-left: -.5rem;}
	.kj_price_item:nth-child(3) { left: 50%; margin-left: -.5rem;}
	.kj_price_item:nth-child(4) { left: 75%; margin-left: -.5rem;}
	.kj_price_item:nth-child(5) { left: auto; right: -.35rem;}
    .kj_item{margin-bottom: 0.6rem;position: relative;border-bottom: 1px solid #f5f5f5;height: calc(1rem + 1px);padding-left: 0.2rem;}
    .required.kj_item::after{content: '';width: 1px;background-color: #fa2c19;top: 50%;transform: translateY(-50%);left: 0;height: 0.4rem;position: absolute;}
    .kj_ipt_dsc{ position:absolute;right:0; top:0; background:#ffffff; display:flex; text-align: right; justify-content: flex-end; align-items:center; width:1.5rem; height:1rem;color:#333333;z-index: 2;font-size: 0.35rem;}
    .kj_item input{all: unset;width: 100%;line-height: .6rem;padding: 0.2rem 0;height: 0.6rem;display: block;}
    .kj_item_btn{background-color: #fa2c19; letter-spacing: 2px; font-size: .45rem;border-radius: .2rem;line-height: 1.1rem;text-align: center;color: #ffffff;}
/* version */
.carinfo_box{padding:.3rem; overflow:hidden; border-bottom:.3rem solid #f5f5f5;display: flex;}
    .carinfo_img { float: left; width: 28vw;height: 21vw;overflow: hidden;display: flex;align-items: center;justify-content: center;border-radius: .1rem;}
    .carinfo_img img { display: block; border-radius: .1rem; width: 100%;}
    .carinfo_info { float: right; width: calc(100% - 28vw); padding-left: .3rem; display: flex; flex-direction: column; justify-content: space-between; box-sizing: content-box;}
    .carinfo_name { color:#111111; font-size: .45rem;line-height: .6rem; font-weight: 500;}
    .carinfo_price { display: block;}
    .carinfo_price{font-size:.55rem;color:#fa2c19; display: block;}
    .carinfo_price span{font-size:.35rem;padding:0 .1rem;}
    .carinfo_dsc{background:#fdfdf6;padding:.4rem 0;text-align:center;font-size:.35rem;line-height:.52rem;color:#999999}
    /* tab */
    .carinfo_tab_height{height: 1.1rem;display: block;width: 100%;overflow: hidden;}
    .carinfo_tab{height: 1.1rem;line-height: 1.1rem;overflow: auto hidden;width: 100%;border-bottom: 1px solid #eeeeee;white-space: nowrap;overflow-x: auto;background: #ffffff;z-index: 5;}
    .carinfo_tab.active{position:fixed;top:1.2rem;left: 0;}
    .carinfo_tab span{padding: 0 0.45rem;display: inline-block;font-size: 0.4rem;}
    .carinfo_tab span.active{color: #fa2c19;}
    .carinfo_swiper .swiper-slide{min-height: calc(100vh - 8rem);padding-bottom: 0.3rem;}
    .carinfo_item{border-top: 1px solid #f5f5f5;padding: 0.35rem 0.3rem;line-height: 0.52rem;display: flex;font-size: 0.35rem;}
    .carinfo_item:first-child{border: none;}
    .carinfo_iteml{float: left;width: 50%;text-align: right;color: #888888;padding-right: 0.2rem;}
    .carinfo_itemr{float: right;width: 50%;color: #333333;padding-left: 0.2rem;}
/* salecar */
.salecar_top{background: #0ca577;color: #ffffff;}
.calecar_img{display: block;overflow: hidden;width: 100%;}
    .calecar_img img{display: block;width: 100%;margin: 0 auto;}
.salecar_wrap{width: calc(100% - .6rem);margin: 0 auto;}
    .salecar_item{background-color:#ffffff;border-radius:.1rem;padding:.3rem;margin:.3rem auto}
    .salecar_title{font-size:.42rem;font-weight:700;line-height:.7rem;margin-bottom:.2rem;color: #111111;}
    /* sale */
    .selecar_process .salecar_title{margin-bottom: 0;}
    .saleinfo_box{overflow:hidden;}
    .saleinfo_item{float:left;width:calc(33.3% - .2rem);margin-left:.3rem;margin-top: 0.2rem;}
    .saleinfo_item:nth-child(3n+1){margin-left: 0;}
    .saleinfo_dsc{font-size:.3rem;color:#999999;line-height:.4rem}
    .saleinfo_txt{font-size:.35rem;line-height:.6rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom: 0.1rem;color: #111111;}
    .saleinfo_photo{margin-top: 0.2rem;overflow: hidden;}
    .photo_title{font-size: 0.42rem;line-height: 0.7rem;}
    .photo_title em{font-weight: normal;color: #999999;font-size: 0.3rem;}
    .photoitem{float: left;margin-left: 0.2rem;margin-bottom: 0.2rem;overflow: hidden;border-radius: .1rem;border: 1px solid #eeeeee;display: flex;align-items: center;justify-content: center;width: 2rem;height: 2rem;position: relative;}
    .photoadd{background: #f5f5f5;}
    .photoadd i.iconfont{font-size: .7rem;color: #aaaaaa;}
    .photoitem:nth-child(4n+1){margin-left: 0;}
    .photoadd input{opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .photoitem span{position:absolute;top:0;right:0;background:rgba(0,0,0,.5);color:#fff;width:.6rem;height:.6rem;display:flex;align-items:center;justify-content:center;font-size:.42rem;line-height:.6rem;border-radius:0 .1rem 0 0}
    .saleinfo_btn{margin:.5rem 0 .1rem;width:100%;text-align:center;line-height:1rem;background-color:#fe6601;color:#ffffff;font-size:.42rem;letter-spacing:2px;border-radius:.1rem}
    .saleinfo_ipt{overflow: visible;margin-top: 0.4rem;}
    .sale_cantact{position: relative;border: 1px solid #eeeeee;border-radius: .1rem;padding: .3rem .2rem .2rem;margin-bottom: .6rem;}
    .sale_cantact span{position: absolute;left:.2rem;top: -.3rem;font-size: .35rem;color: #111111;line-height: .6rem;background: #ffffff;padding: 0 .2rem;font-weight: 700;}
    .sale_cantact span em{float: left;color: #fa2c19;margin-right: 3px;}
    .sale_cantact input{width: 100%;line-height: 0.8rem;height: 0.8rem;border: none;border-radius: .1rem;padding: 0 .2rem;}

    /* step */
    .salecar_step{overflow: hidden;margin-bottom: 0.3rem;}
    .step_item{float: left;width: 25%;text-align: center;position: relative;}
    .step_icon{width: 9vw;height: 9vw;border-radius: 50%;background: #f5f5f5;display: flex;align-items: center;justify-content: center;margin: 0 auto;}
    .step_icon i.iconfont{font-size: 4.5vw;font-weight: bold;color: #666666;}
    .step_text{font-size: 0.35rem;color: #666666;line-height: 0.7rem;}
    .step_right{position:absolute;right:-2vw;top:3vw;width:4vw;height:4vw;display:flex;align-items:center;justify-content:end}
    .step_item:last-child .step_right{display: none;}
    .step_right i.iconfont{font-size: 0.3rem;color: #999999;}
    .salecar_dsc{background-color:#f5f5f5;color:#888888;font-size:.3rem;line-height:.5rem;padding:.2rem;border-radius:.1rem}
    .salecar_dsc p{display: block;}
    .salecar_dsc p:first-child{margin-bottom: 0.1rem;font-size: 0.35rem;}
    /* guwen_item */
    .guwen_item,.guwen_left{display: flex;align-items: center;justify-content: space-between;}
    .guwen_ava{width:1rem;height:1rem;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}
    .guwen_info{display:flex;flex-direction:column;justify-content:space-between;padding-left:.2rem}
    .guwen_name{margin-bottom: 0;line-height: 0.6rem;}
    .guwen_dsc{font-size: 0.3rem;color: #888888;line-height: 0.4rem;}
    .guwen_right{display: flex;}
    .right_btn{text-align: center;margin-left: 0.45rem;display: flex;flex-direction: column;align-items: center;justify-content: space-between;}
    .right_btn i.iconfont{color: #0ca579;font-weight: bold;font-size: 0.52rem;}
    .right_btn_txt{color: #333333;font-size: 0.33rem;margin-top: 2px;}





