[v-cloak] {
    display: none;
}
.car-rental{ background: #fff url("../images/app_n/car.png") no-repeat center top; background-size: 100% auto; }
.car-rental .rent-bar{ background: rgba(255,255,255,0); border-bottom: none; }
.car-rental .rent-bar .aui-iconfont{ color:#fff; }
.rental-msg{ padding: 0.15rem; }
.rental-msg .depart{ margin-top: 0.8rem; background: #fff; border: 1px solid #e1e1e1; border-radius: 4px; padding: 0.2rem; font-size: 14px; }
.depart-choose{ border-bottom: 1px solid #e1e1e1; margin-bottom: 20px; }
.depart-choose .c-ipt{ font-size: 0.16rem; font-weight: bold; border: none; margin-bottom: 5px; padding-left: 0; line-height: 44px; }
.depart-choose .c-ipt span{ color: #909090; }
.depart-choose .icon-to{ background: url(../images/app_n/icon_to@2x.png) no-repeat center center;background-size: 18px 6px; }
.many-days{float: right;color:#909090;display:none;}
.depart-choose #date_interval b{ float: right; }
.next-step{ background:linear-gradient(90deg,rgba(0,169,255,1),rgba(0,151,255,1)); height: 50px; display: block; color:#fff; font-size: 20px; line-height: 38px;}
.rental-sevice{ margin-top: 0.4rem; color:#909090; font-size: 14px; }
.rental-sevice .msg-title{ font-size: 15px; font-weight: bold; color:#323232; margin-bottom: 5px; }
.rental-sevice .msg-title img{ width: 16px; height: 16px; margin-right: 10px; vertical-align: middle; }
.rental-sevice .msg-introduce{ padding-left: 26px; }
.rental-sevice .sevice-bar{ margin-bottom: 0.2rem; }

/*.city-list{ }*/
/*.city-list .rent-bar{ background: #fff; border-bottom: none; color:#323232; }*/
/*.city-list .rent-bar .aui-iconfont{ color:#0097FF; }*/
/** 地区/路线搜索杨思 */
.city-list .ct-search-bar{position: fixed; left: 0; top: 0; display: flex; width: 100%; padding: 12px 0 12px  15px; background: #fff; border-bottom: 1px solid #E1E1E1; z-index: 10;}
.city-list .ct-search-bar .ct-ipt-fx{flex: 1; position: relative; width: 0; padding: 8px 8px 8px 32px; border-radius: 2px; background: #F2F2F2 url("../images/search-bar-grey.png") no-repeat 12px center; background-size: 14px 14px;}
.city-list .ct-search-bar .ct-ipt-fx input{margin: 0; padding: 0 17px 0 0; border: none; background: #F2F2F2;}
.city-list .ct-search-bar .ct-ipt-fx .clear-ipt-val{position: absolute; width: 17px; height: 17px; top: 10px; right: 10px; background: url("../images/delete-icon-grey.png") no-repeat center center; background-size: 17px 17px;}
.city-list .ct-search-bar .ct-lb-fx{min-width: 70px; line-height: 37px; color: #7E7E80; text-align: center;}
.ct-result{width: 100%; height: 100%; padding-top: 61px; background: #EFEFF4; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.ct-result .ct-tittle{display: flex; padding: 14px 15px; align-items: center; border-bottom: 1px solid #E1E1E1; background: #fff;}
.ct-result .ct-tittle .ct-history-tt{flex: 1; width: 0; color: #4D4D4D; font-size: 14px;}
.ct-result .ct-tittle .ct-clear{width: 24px; height: 25px; background: url("../images/travel_notes/btn_delete_blue_detail@2x.png") no-repeat center center; background-size: 24px 25px;}
.ct-result .ct-ht-list{padding-left: 15px; background: #fff;}
.ct-result .ht-list-ul li{padding: 14px 0; border-bottom: 1px solid #E1E1E1;}
.ct-result .ht-list-ul li:last-child{border-bottom: none;}
.ct-result .ct-search-ul{padding-left: 15px; background: #fff;}
.ct-result .ct-search-ul li{padding: 10px 0 10px 26px; border-bottom: 1px solid #E1E1E1;}
.ct-result .ct-search-ul li:last-child{border-bottom: none;}
.ct-result .ct-search-ul li > p:first-child{font-size: 17px; line-height: 27px;}
.ct-result .ct-search-ul li > p:last-child{font-size: 13px;}
.ct-result .ct-search-ul li.location-tag{background: url("../images/location-grey@2x.png") no-repeat left center; background-size: 16px 16px;}
.ct-result .ct-search-ul li.car-tag{background: url("../images/route-grey.png") no-repeat left center; background-size: 16px 16px;}
/*.city-block{ font-size: 19px; margin-bottom: 0.4rem; padding-left: 15px;}
.city-block .city-type{ font-size: 20px; font-weight: bold; margin-top: 0.15rem; }
.city-block .aui-col-xs-4{ margin-top: 0.15rem; text-align: center; line-height: 28px; }
.city-block .city-img{ width: 1.05rem; height: 1.05rem; background-repeat: no-repeat; background-size: cover; background-position: center; }
.city-block .city-name{
    width: 1.05rem;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}*/
b.to{display:inline-block;width:18px;height:6px;background: url(../images/app_n/icon_to@2x.png) no-repeat center center;background-size: 18px 6px;margin: 0 10px;vertical-align: middle; margin-top: -5px;}

/** 选择租车服务范围样式 */
.route-scroll-wrp{width: 100%; overflow-x: auto; font-size: 0; background: #fff; white-space: nowrap; -webkit-overflow-scrolling: touch;}
.route-scroll-wrp::-webkit-scrollbar{display: none;}
.route-scroll-wrp .route-item{display: inline-block; width: 33.33%; padding: 4px 0; text-align: center;}
.route-scroll-wrp .route-item .date-tt{margin-bottom: 4px; font-size: 17px;}
.route-scroll-wrp .route-item .date-cn{color: #666; font-size: 14px;}
.route-scroll-wrp .route-item.on{background: #088DE8;}
.route-scroll-wrp .route-item.on .date-tt, .route-scroll-wrp .route-item.on .date-cn{color: #fff;}
.route-body-wrp .body-tt{width: 100%; height: 41px; line-height: 41px; padding: 0 15px; background: #F5F6FA;}
.route-body-wrp .body-tt img{width: 16px; height: 16px; margin-right: 8px; vertical-align: middle;}
.route-body-wrp .body-tt .tt-txt{color: #909090; font-size: 15px;}
.route-body-wrp .routes-ul{padding: 10px 0 10px 15px; background: #fff;}
.route-body-wrp .routes-ul li{padding: 15px 15px 6px 32px; border-bottom: 1px solid #E1E1E1; background: url("../images/app_n/btn_normal_rentcar@2x.png") no-repeat left 12px; background-size: 22px 22px;}
.route-body-wrp .routes-ul li.on{background: url("../images/app_n/btn_hl_rentcar@2x.png") no-repeat left 12px; background-size: 22px 22px;}
.route-body-wrp .routes-ul li .route-name{margin-bottom: 10px; font-size: 17px; font-weight: bold;}
.route-body-wrp .routes-ul li .route-explain{margin-bottom: 6px; line-height: 22px; color: #646464; font-size: 14px;}
.route-body-wrp .routes-ul li .combo-low-price{text-align: right; color: #ED3148; font-size: 13px;}
.route-body-wrp .routes-ul li .combo-low-price strong{color: #ED3148; font-size: 19px;}


/*服务范围*/
.rental-service{padding-top: 47px;}
.rent-nav{ background: #fff; color: #323232; position: fixed; }
.rent-nav .aui-iconfont{ color:#0097FF; }
.days-bar{ position: fixed; width: 100%; height: 60px; top: 47px; left: 0; padding: 10px 15px 10px 1.1rem; background: #fff; box-shadow:0px 1px 4px 0px rgba(200,199,204,0.2); z-index: 2; }
.days-bar::before { content: ''; display:block; position: absolute; height: 60px; border-right: 5px solid #0097FF; top: 0; left: 0; }
.days-bar .time-show{ position: absolute; width: 1.1rem; top: 0; left: 0; font-size: 12px; padding: 10px 0 10px 15px; }
.dayth{ color: #0097FF; font-size: 18px; font-weight: bold; line-height: 25px; }
.service-choose{ text-align: right; font-size: 18px; color: #323232; line-height: 40px; font-weight: bold; }
.service-choose span{color: #909090;font-weight: normal;}
.go-out{ padding-left: 15px; font-size: 14px; color: #646464; padding-top: 65px; padding-bottom: 70px;}
.go-out li{ border-bottom: 1px solid #e1e1e1; padding: 15px 0; }
.go-out li label{ padding-left: 35px; position: relative; display:block; padding-right: 15px; line-height: 20px; }
.ipt-radio{ position: absolute; top: 0; left: 0; }
.ipt-radio input{ display: none; }
.ipt-radio span{ display: inline-block; width: 22px; height: 22px; background-repeat: no-repeat; background-size: 22px 22px; background-image: url(../images/app_n/btn_normal_rentcar@2x.png); }
.ipt-radio input[type="radio"]:checked + span{ background-image: url(../images/app_n/btn_hl_rentcar@2x.png); }
.travel-name{ font-size: 17px; color: #323232; font-weight: bold; margin-bottom: 10px; }
.travel-area{ margin-bottom: 5px; }
.opretion-bar{ position: fixed; width: 100%; padding-left: 1.1rem; height: 55px; text-align: center; line-height: 55px; color: #fff; font-size: 15px; bottom: 0; left: 0; box-shadow: 0 1px 2px #999;z-index: 12;}
.opretion-bar .back-revise{ position: absolute; width: 1.1rem; top: 0; left: 0; color: #323232; background:#fff; }
.opretion-bar .nexts{ background:#0097FF; font-size: 18px;}

/** 选择租车服务范围 */



/*车型*/
.date-city{ height: 120px; padding-left: 0; top: 0px; background: #EFEFF4; padding:10px 10px 0px 0px; line-height: 30px; position: relative;}
.date-city::before { height: 110px; top: 10px; }
.date-city-inner{ background: #fff; border-radius: 4px; height: 110px; padding: 10px 0 0 15px; color: #909090; }
.date-city-inner span{ color: #323232; }
.car-list{ padding: 10px 10px 70px; }
.car-list li{ height: 182px; background: #fff; padding: 10px; border-radius: 4px; margin-bottom: 10px; }
.car-list li .car-msg{ padding-left: 1.1rem; position: relative; height: 130px; }
.car-img{ width: 1.1rem; height: 0.73333rem; background-repeat: no-repeat; background-size: 1.1rem 0.73333rem; position: absolute; top: 0; left: 0; }
.car-detail{ font-size: 17px; padding-left: 10px;}
.car-detail .car-name{ line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 48px; font-weight: bold; }
.car-detail .car-price{ font-weight: bold; margin: 5px 0 15px; }
.car-detail .car-price span{ font-weight: normal; font-size: 12px; }
.car-detail .car-space{ font-size: 14px; color:#646464; }
.car-detail .car-space img{ width: 13px; height: 13px; margin-right: 5px; margin-left: 10px; }
.car-detail .car-space img:first-child{ margin-left: 0px; }
.car-btn{ display: inline-block; float: right; }

.car-f-bar{ padding-left: 0; padding-right: 1.5rem; }
.rental-cost{ padding-right: 1rem; position: relative; background: #fff; }
.rental-cost .tatol-price{ line-height: 16px; color: #323232; padding-left: 15px; text-align: left; font-size: 12px; height: 60px; padding-top: 10px; }
.tatol-price .price-num{ font-weight: bold; }
.tatol-price .price-num span{ font-size: 16px; }
.rental-cost .price-center{ position: absolute; top: 0; right: 0; color: #0097FF; width: 1rem; }
.do-book{ position: absolute; top: 0; right: 0; background:rgba(0,151,255,1); width: 1.5rem; font-size: 20px; color: #fff; }

/*车型详情*/
.card-box{ padding: 57px 10px 0; }
.car-pre-block{ background: #fff; border-radius: 4px; padding: 10px; margin-bottom: 10px; }
pre{ font-family: "Microsoft YaHei", "SimHei", "sans-serif";line-height: 22px;color:#646464;font-size: 16px;white-space: pre-line;}
.combo_remark pre{ padding: 0 15px;}
.car-pre-block .car-name{ height: auto; font-size: 20px; }
.car-title{ font-weight: bold; font-size: 18px; position: relative; margin: 10px 0 10px; }
.car-title::before{ position: absolute; content: ''; height: 16px; border-left: 5px solid #0097FF; display: block; top: 50%; left: -10px; margin-top: -8px; }
.car-pre-block .car-img{ position: relative; display: inline-block; margin-right: 10px; height: 0.73333rem; background-position: center; }
.car-text{ color:#646464; font-size: 16px; margin-bottom: 10px; line-height: 22px; }
.cost-bar{ border-bottom: 1px dashed #C8C7CC; color: #646464; font-size: 14px; padding: 8px 0; line-height: 20px; }
.cost-bar:last-child{ border-bottom: none; padding-bottom: 5px; }
.cost-bar .pre-day{ color: #323232; font-weight: bold; line-height: 22px; }
.cost-bar .pre-day span{ float: right; }
.pre-day span em{ font-size: 12px; font-weight: normal; }
.main-introduce .car-title{ margin-bottom: 15px; }
.main-introduce .car-text{ margin-bottom: 30px; }
.main-introduce .car-text:last-child{ margin-bottom: 10px; }
.cost-detail{ position: fixed; width: 100%; height: 100%; bottom: 55px; left: 0; z-index: 11; display: none; }
.cost-bg{ position:absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); top:0; left: 0; }
.cost-content{ background: #fff; position: absolute; bottom: 0px; left: 0; width: 100%; }
.cost-content .cost-head{ height: 50px; text-align: center; line-height: 50px; border-bottom: 1px solid #C8C7CC; }
.cost-foot{ height: 60px; line-height: 60px; font-size: 17px; font-weight: bold; }
.cost-foot span{ float: right; }
.cost-foot span small{ font-size: 12px; }
.cost-content .cost-inner{ padding: 0 15px; font-size: 14px; }
.cost-inner .pre-day{ padding: 10px 0 10px; border-bottom: 1px dashed #C8C7CC; line-height: 25px; }
.cost-inner .car-type{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.cost-inner .travels{ color: #909090; text-align: right; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.c-bold{ font-weight: bold; font-size: 16px; }
.c-bold span{ float: right; }
.c-bold small{ font-size: 14px; padding-left: 5px; }

/**/
.main{overflow-y: hidden;}
.rental-order-detail{ background: #fff; padding-top: 47px; padding-bottom: 55px; }
.rental-order-detail .msg-show div span{float: right;color:#323232;}
.rental-order-detail .msg-show{padding: 10px 15px;border-bottom: 1px solid #E1E1E1;color:#909090;}
.rental-order-detail .msg-show div{line-height: 30px;}
.rental-order-detail .cost-detail{position:inherit;display:block;}
.rental-order-detail .cost-content{position:inherit;}
.rental-order-detail .cost-content .aui-content{margin-bottom: 5px;}
.pre-day .msg-show{ padding:0; border-bottom: none; }
.driver .pre-day:last-child{ border-bottom: none; }
.need-pay{ padding-left: 15px; padding-right: 15px; background:#fff; }
#play_time i{color: #909090;}
/*预订成功*/
.rental-success .order_msg{ margin-bottom: 100px; }
.rental-success .checkbook{ background: #0097FF; }
.lmt-order-info{
    padding: 10px 15px 100px 80px;
}
.lmt-order-info > p{
    line-height: 20px;
    margin-bottom: 5px;
    color: #646464;
    font-size: 14px;
}

/*日历*/

.Date_lr{ width:50%; text-align:center; }
.span21{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-size:14px; color: #666; border: 1px solid #e5e5e5; padding:2px 8px; line-height: 20px; border-radius: .2rem; background-color: #fff; }
#checkinout{ height: 50px; line-height: 50px; position: relative; margin: 10px; padding: 2px 0; display: -webkit-box; display: flex; border: 1px solid #e5e5e5; border-radius: .02rem; background-color: #fff; }
#firstSelect p{line-height:25px;color: #999;font-size:12px;}
#startDate{border:0;position: absolute;left: 0;margin: 0 auto;width: 50%;font-size: 16px;color: #05c0ad;text-align: center;}
#endDate{border:0;position: absolute;right: 0;margin:auto 0;width:50%;font-size: 16px;color: #05c0ad;text-align: center;}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}
.slideInDown { animation-name: slideInDown; }
/*提示*/
.mask_calendar { width: 100%; height: 100%; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.4); display: none; z-index: 9999; }
.calendar { position: fixed; bottom: 0; left: 0; }
.calendar1 { position: fixed; bottom: 0; left: 0; }
.calendar1 {
    display: none;
    position: fixed;
    width: 100%;
    overflow: auto;
    height: 100%;
    background: #fff;
    font-family: Tahoma,lucida grande,Verdana,microsoft yahei,hei
}
.calendar_tishi { width: 150px; height: 30px; padding: 12px; background: rgba(0,0,0,.6); position: fixed; top: 0; bottom: 120px; left: 0; right: 0; margin: auto; color: #fff; font-size: 16px; text-align: center; border-radius: 4px; display:none; }

.mask_calendar td{border:none;height: 0.54rem;border-bottom: 1px solid #F0F0F0;font-size:0.18rem;font-weight: normal!important;}
.mask_calendar td.include-date{position:relative;background:rgba(255,255,255,0)!important;}
.mask_calendar td.include-date::before{position:absolute;display:block;content:"";width:110%;height: 0.34rem;background:#C3E7FF;left:-5%;z-index: -1;top: 0.1rem;}
.mask_calendar td.select-sure{border-radius: 4px;}
.dateTable .rz{display:none;}
.calendar-day{background: #f0f0f0;margin-top: -1px;}
.calendar-day span{display:inline-block; width: 14.2%;height: 30px;line-height: 24px;text-align: center;}
.tbody{margin-top: 45px;}
.tbody .ny1{border-bottom: none;background-color: #f0f0f0;font-size: 18px;color: #323232;}
.ruzhu_td::before { content: ''; display:block; border-style: solid; border-width: 5px; border-color: rgba(0,0,0,0.8) transparent transparent transparent; position: absolute; top: -7px; left: 50%; margin-left: -3px; }

/*订单信息*/
.rental-s{ padding: 0; margin-top: 10px; }
.rental-order{ padding-bottom: 55px; }
.rental-order .date-city{ padding: 10px 0; border-radius: 0; }
.rental-order .date-city::before{ display:none; }
.rental-order .main{ position: inherit; }
.rental-order .aui-input-row{ padding: 14px 10px 14px 15px; }
.rental-order .n2px{ padding: 16px 10px 16px 15px; }
.rental-order .explain{ padding: 0; border:none; }
.rental-order .explain .combo_remark{ padding: 0; }
.rental-order .combo_remark .bolder{ padding:8px 15px; font-size: 18px;}
.rental-order .combo_remark p{ padding: 15px; }
.rental-order #code{ text-indent: 0; width: auto; padding-right: 10px; border-right: 1px solid #ddd;}
.rental-order .remarks textarea{ margin-bottom: 0; }
.rental-order .player_info,.rental-order .order_info,.rental-order .remarks{ border: none; margin-top: 10px; }
.rental-order-detail .msg-show div span.red,.red{color:#EF4235;}
#renting_car{ min-height: 100%; background:#fff; }
/*.days-block{ display:none; }*/
.step2{ background:#fafafa; }
.step3, .step4, .rental-order-detail{ background:#EFEFF4; }
.rental-order-detail .msg-show{ background:#fff; }

.tee_time:before, .tee_time:after{ content:""; display:block; width: 100%; border-bottom: 1px solid #c8c7cc; position:absolute; left: 0; top: 99px; }
.tee_time:after{ top: 149px; }
.w100{width: 100%!important;}
.cost-tan .pre-day:last-child{border-bottom: none;}
.account{color: #909090; margin-top: 10px; display: inline-block;}
.order_msg p{ line-height: 24px; color: #646464; }
@media (max-width: 349px) and (min-width: 320px){
    b.to{
        margin: 0;
        margin-top: -5px;
    }
    .city-block .city-name{
        font-size: 16px;
    }
}


/* 改版 start 2023-11-30 */
.flexRow{
    display: flex;
    flex-direction: row;
}
.flexCol{
    display: flex;
    flex-direction: column;
}
.header-box{
    width: 100%;
    background: url("../images/app_n/car.png"); 
    background-size: cover;
    background-position: center;
    padding-top: 0.68rem;
}
.rent-bar1{ position: fixed;top: 0;background: rgba(255,255,255,0); border-bottom: none; }
.search-box{
    margin:0.2rem auto 0;
    background: #fff;
    height: 2.02rem;
    border-radius: 0.15rem;
    width: 3.35rem;
    padding: 0.23rem 0.16rem;
}
.city-input{
    height: 0.48rem;
    line-height: 0.48rem;
    padding-left: 0.12rem;
    background: #F5F5F5;
    border-radius: 0.08rem;
    margin-bottom: 0.08rem;
}
.date-box{
    height: 0.48rem;
	background: #F5F5F5;
    border-radius: 0.08rem;
    margin-bottom: 0.08rem;
    padding-left:0.12rem;
    align-items: center;
}
.date-text{
    color: #323232;
	font-size: 0.14rem;
	font-weight: 800;
}
.date-number{
    background: #FFFFFF;
	color: #4294F7;
    border-radius: 0.1rem;
    width: 0.56rem;
    height: 0.2rem;
    line-height: 0.2rem;
	text-align: center;
	font-size: 0.1rem;
}
.search-btn{
    height: 0.44rem;
	font-size: 0.16rem;
	line-height: 0.44rem;
	text-align: center;
	border-radius: 0.1rem;
	background-color: #4294F7;
	color: #fff;
}
.bgColor{
    background: linear-gradient(to bottom, #212C67, #2D376F , #9DA1BA, #EDEEF0);
    width: 100%;
    height: 1.5rem;
}
.city-box{
    background-color: #fff;
    padding: 0.2rem;
    border-radius: 0.17rem;
    display: flex;
    width: 3.35rem;
    margin: -1.2rem auto 0;
    flex-wrap: wrap;
    box-shadow: 0rem 0rem 0.01rem 0.01rem rgba(0,0,0,0.15);
}
.city-item{
    background: #F5F5F5;
    border-radius: 0.17rem;
    width: 1.41rem;
    height: 0.49rem;
    color: #323232;
    font-size: 0.13rem;
    font-weight: bold;
    line-height: 0.49rem;
    text-align: center;
    margin-bottom: 0.12rem;
    margin-right: 0.13rem;
    
}
.city-item:nth-child(even){
    margin-right: 0;
}
.city-card{
    display: flex;
    flex-wrap: wrap;
    padding:0 0.16rem;
}
.city-title{
    color: #323232;
    font-size: 0.16rem;
    font-weight: bold;
    margin: 0.34rem 0 0.24rem 0.22rem;
}
.city-card-item{
    border: 0.01rem solid #E6E6E6;
    border-radius: 0.17rem;
    width: 1.64rem;
    margin-right: 0.14rem;
    margin-bottom: 0.14rem;
}
.city-card-item:nth-child(even){
    margin-right: 0;
}
.city-card-item img{
    width: 100%;
    height: 1.1rem;
    border-radius: 0.17rem 0.17rem 0 0;
    object-fit:'cover';
}
.city-card-name{
    color: #747474;
    font-size: 0.12rem;
    margin-bottom: 0.1rem;
}
.city-card-title{
    color: #323232;
	font-size: 0.14rem;
	font-weight: 500;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	overflow: hidden;
    margin-bottom: 0.1rem;
}
.score-box{
    align-items: center;
}
.score-tag{
    width: 0.3rem;
    height: 0.16rem;
    background: #09BB07;
    border-radius: 0.02rem;
    font-size: 0.12rem;
    color: #fff;
    line-height: 0.16rem;
    text-align: center;
    margin-right: 0.15rem;
}
.city-card-price{
    color: #ED3148;
	font-size: 0.07rem;
    font-weight: bold;
    margin-top: 0.34rem;
}
.price-number{
    font-size: 0.14rem; 
    font-weight: 700;
    margin-left: 0.01rem;
}
.navTab{
    width: 100%;
    display: flex;
    padding: 0 20px;
    justify-content: space-around;
    position: relative;
}
.more_btn{
    text-align: center;
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
	position: absolute;
	right: 10px;
}
.more_btn::after{
    width: 10px;
    height: 10px;
    border-top: 2px solid;
    border-right: 2px solid;
    border-color: #ddd;
    content: '';
    position: absolute;
    right: 30%;
    top: 31%;
    transform: rotate(135deg);
}
.mask{
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.mask-content{
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1002;
    background: #fff;
}
.mask-nav{
    padding: 10px 20px;
    text-align: center;
}
.active1{
    color: #4294F7;
}
.rent-bar5{ position: fixed;top: 0;background: #fff; border-bottom: none;color: #000; }


.step5{
    padding-bottom: 0.6rem;
}
.eval-box{
    padding: 0.2rem 0;
}
.eval-header{
    border-left: 0.06rem solid #09BB07;
    color: #323232;
    position: relative;
    font-size: 0.18rem;
    font-weight: bold;
    padding-left: 0.06rem;
    height: 0.21rem;
    line-height: 0.21rem;
}
.eval-content{
    padding: 0.18rem 0.1rem;
    color: #323232;
    font-size: 0.15rem;
    font-weight: bold;
}
.write-eval{
    position:absolute;
    top:0;
    right: 0.1rem;
    color: #088DE8;
    font-size: 0.14rem;
}
.discount-list{
    background: #EDEEF0;
    padding-top:0.1rem; 
}
.discount-title{
    border-left: 0.06rem solid #09BB07;
    color: #323232;
    font-size: 0.18rem;
    font-weight: bold;
    padding-left: 0.06rem;
    height: 0.21rem;
    line-height: 0.21rem;
}
.padding-20{
    padding: 0.1rem;
}
.discount-item{
    padding: 0.1rem;
    background: #fff;
    box-shadow: 0rem 0.01rem 0.02rem 0.01rem rgba(203,203,203,0.5);
    
    border-radius: 0.03rem;
    margin-bottom: 0.1rem;
}
.discount-image{
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 0.03rem;
}
.discount-image img{
    width: 100%;
    height: 100%;
    border-radius: 0.03rem;
    object-fit: cover;
}
.discount-info{
    margin-left: 0.1rem;
    flex: 1;
}
.info-title{
    color: #323232;
    font-size: 0.16rem;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-all;
    overflow: hidden;
}
.profile-title{
    color: #808080;
	font-size: 0.12rem;
	overflow: hidden;
	text-overflow: ellipsis;
    margin-top: 0.05rem;
}
.price-info{
    color: #ED3148;
	font-size: 0.12rem;
	text-align: right;
	font-weight: bold;
	margin-top: 0.05rem;
}
.big-text{
    font-size: 0.15rem;
    margin-left: 0.03rem; 
}
.phone-info{
    text-align: right;
	margin-top: 0.05rem;
	color: #323232;
	font-size: 0.12rem;
	font-weight: bold;
}
.carList1{
    background: #EDEEF0;
	padding-top: 0.2rem;
}
.car-title{
    border-left: 0.06rem solid #09BB07;
    color: #323232;
    font-size: 0.18rem;
    font-weight: bold;
    padding-left: 0.06rem;
    height: 0.21rem;
    line-height: 0.21rem;
}
.padding-30{
    padding: 0.1rem;
}
.car-list1{
    background: #fff;
    padding:0.1rem;

}
.date-select{
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 0.11rem;
    align-items: center;
}
.date-select img{
    width: 0.25rem;
    height: 0.25rem;
    margin-right: 0.1rem;
}
.date-text{
    font-size: 0.14rem;
	color: #323232;
	font-weight: bold;
}
.date-btn{
    flex: 1;
    text-align: right;
    color: #0097FF;
}
.car-item{
    padding: 0.1rem;
    background: #fff;
}
.car-image{
    width: 0.7rem;
    height: 0.55rem;
    margin-right: 0.1rem;
}
.car-image img{
    width:100%;
    height:100%;
}
.car-info{
    flex: 1;
}
.car-name,.car-price{
    font-size: 0.15rem;
    font-weight: bold;
    margin-bottom:0.1rem;
}
.icon-list{
    align-items: center;
}
.icon-list img{
    width: 0.11rem;
    height: 0.11rem;
}
.icon-list span{
    margin: 0 0.1rem 0 0.05rem;
    color: #808080;
}
.address-box{
    border-top: 1px solid #eee;
    padding: 0.15rem 0.18rem;
}
.address-box img{
    width: 0.2rem;
    height: 0.2rem;
    margin-right: 0.15rem;
}
.address-box .more{
    text-align: right;
    color: #0097FF;

}
.car-traffic{
    overflow: hidden;
    height: 0.46rem;
}
.address-info{
    flex: 1;
}

.route-name{
    font-size: 0.22rem;
    color: #323232;
	font-weight: 600;
}
.score-box1{
    align-items: center;
    justify-content: space-between;
    margin-top: 0.06rem;
}
.score-tag1{
    width:0.3rem;;
    height: 0.16rem;
    background: #09BB07;
    border-radius: 0.02rem;
    font-size: 0.12rem;
    color: #fff;
    line-height: 0.16rem;
    text-align: center;
    margin-right: 0.16rem;
}
.toEval{
    color: #4294F7;
    font-size: 0.14rem;
}
.info-local{
    display: flex;
    align-items: center;
    margin-top: 0.06rem;
}
.info-local img{
    width: 0.1rem;
    height: 0.13rem;
    margin-right: 0.03rem;
    
}

.culling{ background:#fff; padding:10px 0 15px; margin-top: 15px; position:relative; height:243px;}
.leftbar{ position:relative; padding:0 15px; line-height: 32px; color:#323232;/* border-bottom: 1px solid #E1E1E1;*/ font-size:16px; font-weight: bold; }
.leftbar:before{ position:absolute; content:""; display:block; width: 5px; height: 20px; background:#09BB07; left:0; top:50%; margin-top: -10px; }
.culling_list li,.lookall{ padding:10px; border-radius:4px;/* box-shadow: 0 1px 5px rgba(203,203,203,.5);*/ width: 320px; float: left; margin-right: 10px; height: 160px; border: 1px solid #D6D7DC;}
.culling_list li:last-child{ margin-right: 0px;}
.hasmr li:last-child{ margin-right: 10px;}
.lookall{ width: 160px; }
.lookall a{ color:#0097FF; }
.lookall{ text-align: center; }
.lookall span{ display:inline-block; border: 1px solid #088de8; border-radius:50%; width: 60px; height: 60px; margin-top: 23px; background:url(../images/app_n/btn_next_blue_big@2x.png) no-repeat center; background-size:14px 23px; margin-bottom: 10px;}
.culling_list{ width: 1160px; }
.culling_list .general_eval_point{ border-bottom: none; padding: 10px 0; }
.culling #wrapper,.culling #wrapper1{ position:absolute; overflow:hidden; -ms-touch-action: none; height:180px; width:100%; left:0px; background:#fff; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; }
.culling #wrapper{-webkit-overflow-scrolling: touch; overflow-x: auto;}
.culling #scroller,.culling #scroller1{ overflow:hidden; position:absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); padding:15px; }
.culling_title{ font-weight: bold; font-size:17px; margin: 5px 0 3px; }
.culling_name{ line-height: 32px; color:#909090; font-size:15px;}
.culling_detail{ font-size:15px; line-height:22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.alleval{font-size: 12px; color:#088de8; }
.alleval img{ width: 5px; vertical-align: middle; margin-top: -3px; margin-left: 5px; }
.customer-avatar{
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right: 6px;
	border-radius: 50%;
	overflow: hidden;
	vertical-align: middle;
}
.customer-avatar img{
	width: 100%;
	height: auto;
}

.banner{
    width: 100%;
    height: 2.28rem;
    margin-top: 45px;
}
.swiper-container{
    width: 100%;
    height: 2.28rem;
    overflow: hidden;
    position: relative;
}
.swiper-container .swiper-slide{
    height: 100%;
    display: block;
    position: relative;
}
.swiper-container .swiper-slide img { 
    display: block; 
    width: 100%; 
    height: 100%;
    overflow: hidden;
    max-width: 100%; 
    object-fit: cover;
}
.padding-30-30{
    padding: 0.2rem 0;
}
.cost-item{
    font-weight: bold;
    font-size: 0.15rem;
    margin-bottom: 0.1rem;
}
.cost-item-name{
    flex: 1;
}

.step6{
    padding-bottom: 0.6rem;
}
.rent-bar6{ position: fixed;top: 0;background: #fff; border-bottom: none;color: #000; }
.swiper-container-car-detail{
    width: 100%;
    height: 2.28rem;
    overflow: hidden;
    position: relative;
}
.swiper-container-car-detail .swiper-slide{
    height: 100%;
    display: block;
    position: relative;
}
.swiper-container-car-detail .swiper-slide img { 
    display: block; 
    width: 100%; 
    height: 100%;
    overflow: hidden;
    max-width: 100%; 
    object-fit: cover;
}
.swiper-container-car{
    width: 100%;
    height: 2.28rem;
    overflow: hidden;
    position: relative;
}
.swiper-container-car .swiper-slide{
    height: 100%;
    display: block;
    position: relative;
}
.swiper-container-car .swiper-slide img { 
    display: block; 
    width: 100%; 
    height: 100%;
    overflow: hidden;
    max-width: 100%; 
    object-fit: cover;
}
.car_title{
    color: #323232;
    font-size: 0.18rem;
    padding: 0.1rem 0.12rem;
}
.line{
    background: #F5F5F5;
    height: 0.1rem;
}
.car-info{
    padding: 0.1rem 0.12rem;
    font-size: 0.15rem;
    border-bottom: 1px solid #EEEEEE;
}
.car-info .h2{
    font-size: 0.15rem;
    margin-bottom: 0.1rem;
    font-weight: 600;
}
.car-info .uni-flex{
    padding-top: 0.12rem;
}
.uni-flex{
    display: flex;
    flex-direction: row;
}
.car-info .uni-flex span{
    font-weight: bold;
    width: 1rem;
    margin: 0;
}
.back-btn{
    background: #4294F7;
    height: 0.49rem;
    color: #fff;
    font-size: 0.2rem;
    line-height:  0.49rem;
    text-align: center;
    margin-top: 1.3rem;
}
.swiper-pagination-car-detail{
    color: #000;
    font-size: 0.15rem;
    bottom: 10px;
    width: 100%;
    left: 0;
    text-align: center;
    position: absolute;
    z-index: 10;
}
.swiper-pagination-car-detail .swiper-pagination-current{
    font-size: 0.18rem;
    font-weight: bold;
}
.swiper-pagination-car{
    color: #000;
    font-size: 0.15rem;
    bottom: 10px;
    width: 100%;
    left: 0;
    text-align: center;
    position: absolute;
    z-index: 10;
}
.swiper-pagination-car .swiper-pagination-current{
    font-size: 0.18rem;
    font-weight: bold;
}
.swiper-pagination-car1{
    color: #000;
    font-size: 0.15rem;
    bottom: 10px;
    width: 100%;
    left: 0;
    text-align: center;
    position: absolute;
    z-index: 10;
}
.swiper-pagination-car1 .swiper-pagination-current{
    font-size: 0.18rem;
    font-weight: bold;
}

.route-list1{
    padding: 0.2rem 0.2rem 0.6rem;
}
.route-list1 .route-item{
    background: #fff;
    border-radius: 0.1rem;
    margin-bottom: 0.13rem;
}
.route-list1 .route-info{
    padding: 0.2rem 0.17rem 0;
}
.route-list1 .info-content{
    flex: 1;
    margin-right: 0.02rem;
}
.route-list1 .info-image{
    width: 1.12rem;
    height: 0.87rem;
    border-radius: 0.1rem;
}
.route-list1 .info-image img{
    width: 100%;
    height: 100%;
    border-radius: 0.1rem;
}
.route-list1 .info-title{
    color: #202021;
    font-size: 0.18rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-all;
    overflow: hidden;
}
.route-list1 .scroe-box{
    align-items: center;
    font-size: 0.12rem;
    margin-top: 0.07rem;
}
.route-list1 .scroe-tag{
    width: 0.3rem;
    height: 0.16rem;
    border-radius: 0.02rem;
    background: #09BB07;
    font-size: 0.12rem;
    color: #fff;
    line-height: 0.16rem;
    text-align: center;
    margin-right: 0.15rem;
}
.route-list1 .info-address{
    margin-top: 0.09rem;
    color: #c8c8c8;
    font-size: 0.12rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-all;
    overflow: hidden;
}
.route-list1 .detail-btn{
    color:#4294F7;
    font-size: 0.12rem;
}
.route-list1  .info-local{
    display: flex;
    align-items: center;
}
.route-list1  .info-local img{
    width: 0.15rem;
	height: 0.15rem;
	margin-right: 0.05rem;
}
.route-list1 .tag-list{
    flex-wrap: wrap;
    margin: 0.11rem 0 0.18rem;
}
.route-list1 .tag-list .tag-item{
    line-height: 0.21rem;
    background: #F5F5F5;
    border-radius: 0.06rem;
    text-align: center;
    padding: 0.05rem 0.09rem;
    margin-right: 0.12rem;
    margin-bottom: 0.11rem;
}
.route-list1 .info-price-content{
    padding: 0.125rem 0.16rem;
}
.route-list1 .info-price{
    color: #ED3148;
	font-size: 0.14rem;
	font-weight: bold;
}
.route-list1 .price-number{
    font-size: 0.23rem;
    margin-left: 0.07rem;
}
.route-list1 .dependence-box{
    border-top: 1px solid  #EEEEEE;
    padding: 0.125rem 0.16rem;
}
.route-list1 .dependence-box .package-list{
    justify-content: space-between;
	flex-wrap: wrap;
    margin-top: 0.1rem;
}
.route-list1 .dependence-box .package-list .package-item{
    width: 0.95rem;
    margin-bottom: 0.05rem;
}
.route-list1 .dependence-box .package-list .package-item:last-child:nth-child(3n-1){
    margin-right: calc( 10%/2 + 0.95rem);
}
.route-list1 .dependence-box .package-list .package-item img{
    width: 100%;
	height: 0.59rem;
	border-radius: 0.1rem;
}
.route-list1 .dependence-box .package-list .package-item .package-name{
    margin:0.12rem 0;
	color: #323232;
	font-size: 0.12rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	overflow: hidden;
    padding: unset;
    background: unset;
}
.route-list1 .dependence-box .package-list .package-item .package-price{
    font-size: 0.12rem;
	color: #323232;
	font-weight: 500;
    margin: unset;
    padding:unset;
    background-color:unset;
}
.route-list1 .itemActive{
    background: rgba(66, 148, 247, 0.1);
}
/* end 2023-11-30 */