/** 租车相关页面公用样式 */
.border-box{
    box-sizing: border-box;
}
.container{
    width: 1100px;
    margin: 0 auto;
    color: #323232;
    font-size: 16px;
}
/*.requisite-bg{*/
    /*background:url(../images/personal/bg_siren.png) no-repeat center top;*/
    /*height:190px;*/
    /*text-align: center;*/
    /*line-height: 190px;*/
    /*font-size:34px;*/
    /*color:#fff;*/
    /*font-weight: bold;*/
    /*min-width: 1100px;*/
/*}*/
.step-wrp{
    padding-top: 30px;
}
.step-wrp-inner{
    display: flex;
    justify-content: center;
}
.step-wrp-inner .flex-item{
    flex: 1;
    box-sizing: border-box;
}
.step-wrp-inner .flex-item:last-child{
    margin-right: 0;
}
.step-bg{
    position: relative;
    width: 288px;
    height: 28px;
    line-height: 28px;
    color: #808080;
    font-size: 14px;
    text-align: center;
}
.step-1, .step-2, .step-3{
    margin-right: -15px;
}
.step-1.active{
    color: #fff;
    background: url("../images/car_renting/step-blue.png") no-repeat left top;
}
.step-1.overdue{
    color: #fff;
    background: url("../images/car_renting/step-grey-blue.png") no-repeat left top;
}
.step-2,
.step-3{
    background: url("../images/car_renting/step-grey-center.png") no-repeat left top;
}
.step-2.active,
.step-3.active{
    color: #fff;
    background: url("../images/car_renting/step-center-blue.png") no-repeat left top;
}
.step-2.overdue,
.step-3.overdue{
    color: #fff;
    background: url("../images/car_renting/step-center-grey-blue.png") no-repeat left top;
}
.step-4{
    width: 282px;
    background: url("../images/car_renting/step-grey-last.png") no-repeat left top;
}
.color-red{
    color: #F34051;
}
.color-green{
    color: #008D0B;
}
.color-grey{
    color: #808080;
}
.inline-btn{
    display: inline-block;
    height: 44px;
    line-height: 44px;
    padding: 0 46px;
    font-size: 16px;
    text-align: center;
    border-radius: 4px;
    box-sizing: border-box;
    vertical-align: middle;
}
.inline-btn.grey{
    color: #323232;
    background: #F8F8F8;
    border: 1px solid rgba(5,5,5,0.1);
}
.inline-btn.red{
    color: #F34051;
    border: 1px solid #F34051;
}
.inline-btn.blue{
    color: #fff;
    background: #088DE8;
}
.inline-btn.blue:hover{
    background: #0871E8;
}


/** 行程选择样式 */
.step-wrp-inner .flex-item p{
    margin-top: 10px;
    line-height: 1.25em;
    font-size: 16px;
    text-align: center;
    word-break: break-all;
}
.condition{
    margin-top: 30px;
    padding: 20px;
    font-size: 16px;
    background: #F2F2F2;
    border-radius: 4px;
}
.condition.fixed{
    position: fixed;
    top: -30px;
    width: 1100px;
    z-index: 99;
}
.car_area_name{
    background-color: #F7F7FB;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
}
.cond-box{
    float: left;
    margin-right: 20px;
}
.cond-box:last-child{
    margin-right: 0;
}
.cond-city-ipt{
    position: relative;
    width: 300px;
    margin-top: 10px;
}
.cond-date-ipt{
    width: 220px;
    margin-top: 10px;
    padding: 0;
}
.cond-date-ipt .date-lb{
    top: 8px;
}
.cond-box input{
    width: 100%;
    padding: 12px 9px 11px 9px;
    border-radius: 4px;
    border: 1px solid #D6D7DC;
}
.travel-days{
    line-height: 41px;
    margin-top: 10px;
}
.con-container{
    overflow: hidden;
}
.left-aside-wrp{
    position: relative;
    float: left;
    width: 200px;
    min-height: 88px;
    padding-bottom: 10000px;
    margin-bottom: -10000px;
    background: #F6F9FA;
}
.left-aside{
    position: relative;
    width: 200px;
    background: #F6F9FA;
}
.right-content{
    float: left;
    padding-bottom: 113px;
    margin-left: 20px;
    width: 880px;
}
.trip-item{
    padding: 16px 0 16px 16px;
    cursor: pointer;
}
.trip-item strong{
    font-size: 18px;
}
.trip-item small{
    font-size: 16px;
}
.trip-item p{
    margin-top: 11px;
    color: #808080;
    font-size: 16px;
}
.trip-item.active,
.trip-item.active p{
    color: #088DE8;
    background: #fff;
}
.content-item{
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #D6D7DC;
    border-radius: 4px;
    cursor: pointer;
    transition: border 0.3s;
    align-items: center;
}
.content-item:hover{
    border-color: #088DE8;
}
.trip-title{
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: bold;
}
.content-item p{
    line-height: 1.25em;
    margin-bottom: 10px;
    font-size: 16px;
    word-break: break-all;
}
.content-item .course-p{
    margin-bottom: 0;
}
.content-item .sp-check,
.content-item .sp-check.active{
    display: inline-block;
    width: 70%;
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    color: #0097FF;
    text-align: center;
    font-size: 18px;
    border: 1px solid #0097FF;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
}
.content-item .sp-check:hover{
    color: #fff;
    background: #06A6E8;
    border-color: #06A6E8;
}
.content-item.active{
    border: 2px solid #088DE8;
    background: #F9FDFF;
}.content-item.active .sp-check{
    color: #fff;
    background: #0097FF;
 }
.price-flx-itm{
    color: #ED3148;
}
.price-flx-itm .cur-tag{
    font-size: 14px;
}
.price-flx-itm strong{
    font-size: 26px;
}
.price-flx-itm .last-tag{
    color: #666;
    font-size: 14px;
}
.under-block-btn{
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    background: #ccc;
    cursor: not-allowed;
}
.under-block-btn.active{
    background: #088DE8;
    cursor: pointer;
}
.min-blk-btn{
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    margin-top: 10px;
    margin-left: 20px;
    border-radius: 4px;
}
.hot-recmd-set{
    margin-top: 60px;
}
.hot-recmd-set h2{
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: normal;
}
.recmd-ul li{
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
}
.flx-left{
    width: 330px;
    height: 210px;
    margin-right: 20px;
    overflow: hidden;
}
.flx-left img{
    width: 330px;
    height: auto;
}
.flx-right{
    flex: 1;
}
.flx-right .set-link{
    display: block;
    /*line-height: 50px;*/
    padding-top: 10px;
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
}
.set-desc{
    margin-top: 10px;
    max-height: 72px;
    line-height: 24px;
    overflow: hidden;
}
.destination-tag{
    color: #0070B8;
    padding-left: 20px;
    background: url("../images/car_renting/dest-flag-blue.png") no-repeat left center;
}

/** 选择车型页面样式 */
.left-module{
    width: 720px;
}
.list-mdl{
    width: 360px;
    margin-left: 20px;
}
.route-list{
    padding: 20px;
    border: 1px solid #E1E1E1;
    border-top: 4px solid #088DE8;
    box-sizing: border-box;
}
.route-title{
    padding-left: 30px;
    padding-bottom: 18px;
    font-size: 18px;
    border-bottom: 1px solid #ddd;
    background: url("../images/car_renting/route-menu-tag.png") no-repeat left top;
}
.order-detail-tt{
    background: url("../images/car_renting/order-detail-tag.png") no-repeat left top;
}
.route-box{
    margin-top: 10px;
    padding: 14px 10px;
    background: #F7F8FD;
    box-sizing: border-box;
}
.dest-row,
.date-row{
    padding-left: 28px;
    font-size: 14px;
    background: url("../images/car_renting/destination-grey.png") no-repeat left center;
}
.date-row{
    margin-top: 15px;
    background: url("../images/car_renting/route-date-grey.png") no-repeat left top;
}
.count-day{
    color: #666;
    font-size: 16px;
}
.route-date-ul li{
    padding: 20px 0;
    border-bottom: 1px dashed #E1E1E1;
}
.route-date-ul li:last-child{
    border-bottom: none;
}
.car-list-wrp{
    padding: 20px;
    border: 1px solid #E1E1E1;
}
.trip-abs{
    font-size: 20px;
    padding: 12px 20px;
    background: #F2F2F2;
}
.trip-abs strong:first-child{
    margin-right: 35px;
}
/*.trip-list-wrp{
    margin-top: 20px;
    padding: 20px 20px 0 20px;
    background: #FAFAFA;
    border: 1px solid #ccc;
    border-radius: 4px;
}*/
.trip-ul li{
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #E1E1E1;
}
.trip-ul li:first-child{
    margin-top: 0;
}
.trip-ul li:last-child{
    border-bottom: none;
}
.trip-ul .trip-day{
    font-size: 20px;
}
.trip-ul p,
.ot-item p{
    line-height: 1.25em;
    margin-top: 8px;
    color: #808080;
    font-size: 16px;
    word-break: break-all;
}
.ot-item pre{
    margin-top: 8px;
    color: #808080;
    font-size: 16px;
    font-family: "Microsoft YaHei", Arial, "宋体";
}
.car-list li{
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
}
.car-list li:last-child{
    border-bottom: none;
}
.car-name{
    margin-bottom: 10px;
    /*color: #0097FF;*/
    font-size: 22px;
    font-weight: bold;
}
.car-name.black{
    color: #323232;
}
.car-name > small{
    margin-left: 10px;
    color: #0097FF;
    font-size: 16px;
    cursor: pointer;
}
.box-left{
    float: left;
}
.box-right{
    float: right;
    text-align: right;
}
.car-info-row{
    color: #B3B3B3;
    font-size: 18px;
}
.car-info-row .car-num{
    color: #323232;
    font-size: 16px;
}
.icon-row{
    margin-bottom: 20px;
}
.view-num,
.rent-num{
    display: inline-block;
    padding-left: 28px;
    margin-right: 20px;
    height: 20px;
    line-height: 20px;
    color: #B3B3B3;
    /*font-size: 20px;*/
}
.view-num{
    background: url("../images/car_renting/icon_person.png") no-repeat left center;
}
.rent-num{
    background: url("../images/car_renting/package.png") no-repeat left center;
}
.car-img-row img{
    width: 150px;
    height: 100px;
    margin-right: 20px;
    border: none;
    vertical-align: middle;
}
.rent-price{
    margin-bottom: 20px;
    color: #F34051;
    font-size: 20px;
    text-align: right;
}
.rent-price > small{
    font-size: 14px;
}
.rent-price .single-price{
    font-size: 24px;
}
.counting{
    text-align: right;
}
.counting .number{
    width: 60px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 50px;
    vertical-align: middle;
    box-sizing: border-box;
}
.subtraction,
.addition{
    display: inline-block;
    width: 21px;
    height: 20px;
    vertical-align: middle;
    cursor: pointer;
}
.subtraction{
    margin-right: 10px;
    background: url("../images/car_renting/atraction_grey.png") no-repeat center center;
}
.subtraction.active{
    background: url("../images/car_renting/atraction_blue.png") no-repeat center center;
}
.addition{
    margin-left: 10px;
    background: url("../images/car_renting/addition_blue.png") no-repeat center center;
}
.navigate-box{
    margin-top: 20px;
    padding: 18px 20px;
    border: 1px solid #088DE8;
    background: #F9FDFF;
}
.back-left{
    float: left;
    line-height: 44px;
}
.back-left a{
    color: #088DE8;
    font-size: 16px;
}
.next-wrp{
    float: right;
    text-align: right;
}
.cal-sp{
    display: inline-block;
    height: 44px;
    line-height: 44px;
    margin-right: 20px;
    font-size: 20px;
    vertical-align: middle;
}
.cal-sp .car-price{
    color: #EA3D3D;
    font-size: 28px;
}

/** 填写租车人信息页面样式 */
.res-box{
    margin-top: 20px;
    border: 1px solid #088DE8;
    border-radius: 4px;
    overflow: hidden;
}
/*.car-list-2{
    padding: 0 20px;
    box-sizing: border-box;
}
.car-list-2 .car-item{
    padding: 20px 0;
    box-sizing: border-box;
    border-bottom: 1px dashed #E1E1E1;
}
.car-list-2 .car-item:last-child{
    border-bottom: none;
}
.car-list-2 .icon-row{
    margin-bottom: 0;
}
.car-list-2 .price-grey{
    font-size: 18px;
}
.car-list-2 .car-num{
    font-size: 16px;
}*/
.res-bg-wrp{
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    text-align: right;
    font-weight: bold;
    font-size: 18px;
    background: url("../images/car_renting/bg_blue_long.png") no-repeat center center;
    box-sizing: border-box;
}
.res-bg-wrp .price-red{
    color: #F34051;
    font-size: 24px;
}
/*.renter-info{*/
    /*margin-top: 40px;*/
/*}*/
.rt-info-item{
    width: 100%;
    /*overflow-x: hidden;*/
    /*padding: 20px 0 10px 0;*/
}
.rt-info-item > p{
    /*padding: 0 20px;*/
    font-size: 14px;
    word-break: break-all;
    line-height: 22px;
    box-sizing: border-box;
}
.rt-info-item > pre{
    /*padding: 0 20px;*/
    font-size: 14px;
    font-family: "Microsoft YaHei", Arial, "宋体";
}
.grey-bg-tt{
    position: relative;
    padding: 12px 20px;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}
.grey-bg-tt:before{
    content: '';
    width: 4px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 11px;
    background: #088DE8;
}
.ipt-row{
    margin-bottom: 20px;
    font-size: 16px;
}
.ipt-left-lb{
    width: 220px;
    height: 44px;
    line-height: 44px;
    margin-right: 20px;
    text-align: right;
}
.rent-date{
    height: 44px;
    line-height: 44px;
    margin-right: 18px;
}
.colon-div{
    line-height: 44px;
    margin: 0 20px;
}
.primary-select{
    width: 82px !important;
    height: 44px;
    border-radius: 4px;
}
.primary-select select{
    display: none;
    width: 82px;
}
.primary-select .selectBox-dropdown{
    height: 100%;
}
.car-rent-ipt{
    width: 320px;
    padding: 11px 10px 10px 10px;
    font-size: 16px;
    border: 1px solid #D6D7DC;
    border-radius: 4px;
    box-sizing: border-box;
}
.contact-phone{
    position: relative;
}
.select-phone-code{
    position: absolute;
    left: 10px;
    top: 10px;
    width: 54px;
    height: 24px;
    line-height: 24px;
    border-right: 1px solid #D6D7DC;
    box-sizing: border-box;
    cursor: pointer;
}
.select-phone-code:after{
    content: '';
    position: absolute;
    right: 7px;
    top: 9px;
    width: 7px;
    height: 6px;
    background: url("../images/car_renting/btn_up_normal@3x.png") no-repeat center center;
}
.contact-phone input{
    padding-left: 74px;
}
.phone-code-ul{
    display: none;
    position: absolute;
    left: 0;
    top: 44px;
    min-width: 120px;
    max-height: 180px;
    overflow-y: auto;
    background: #fff;
    z-index: 99;
    border: solid 1px #e9e9e9;
    border-top: none;
    border-radius: 0 0 4px 4px;
}
.phone-code-ul li{
    padding: 7px 10px;
    box-sizing: border-box;
    cursor: pointer;
}
.phone-code-ul li:hover{
    color: #fff;
    background: rgb(75, 197, 244);
}
.phone-code-ul li.select{
    background: #c9edff;
}
.error-tips{
    display: none;
    margin-left: 15px;
    color: #ff0404;
}
.rule-itm{
    padding: 20px 14px;
    border-bottom: 1px dashed #ddd;
}
.rule-title{
    margin-bottom: 10px;
}
.rule-itm:last-child{
    padding-bottom: 0;
    border-bottom: none;
}
#orderRules{
    padding: 0 20px 20px;
    background: #F9F9F9;
    border: 1px solid #E1E1E1;
    border-top: none;
}
.amount-row{
    padding: 0 20px;
    position: relative;
    height: 62px;
    background: #E3F4FF;
    box-sizing: border-box;
}
.amount-row:before{
    content: '';
    width: 100%;
    height: 8px;
    position: absolute;
    left: 0;
    top: -8px;
    background: url("../images/car_renting/saw-up-blue.png") no-repeat left center;
}
.amt-flx{
    color: #ED3148;
}
.amt-flx small{
    font-size: 14px;
}
.amt-flx strong{
    font-size: 26px;
}
.relative-row{
    position: relative;
}
.relative-row .error-tips{
    position: absolute;
    width: 100%;
    left: 0;
    top: 42px;
    margin-left: 0;
    font-size: 14px;
}

/** 租车订单列表样式 */
.iv-apply-list{
    margin-top: 20px;
}
.car-order-ul li{
    margin-bottom: 20px;
    border: 1px solid #B3B3B3;
    border-radius: 4px;
    box-sizing: border-box;
    background: #fff;
}
.car-order-ul .padded-top{
    padding: 0 20px;
}
.order-body{
    padding-bottom: 14px;
}
.order-abs{
    width: 80%;
}
.order-top-wrp{
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dashed #E1E1E1;
}
.order-date{
    color: #808080;
}
.car-order-ul p{
    margin-top: 14px;
    line-height: 22px;
}
.order-amount{
    text-align: right;
    font-size: 19px;
}
.view-detail-link{
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 24px;
    margin-top: 20px;
    color: #fff;
    text-align: center;
    background: #088DE8;
    border-radius: 4px;
    box-sizing: border-box;
    min-width: 120px;
}
.view-detail-link:hover{
    color: #fff;
}
.oper-btn-row{
    padding: 14px 20px;
    text-align: right;
    border-top: 1px solid #E1E1E1;
}
.oper-btn-row .inline-btn,
.detail-oper-btn .inline-btn{
    min-width: 120px;
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    padding-right: 15px;
    background: #fff;
    margin-right: 20px;
}
.oper-btn-row .inline-btn:last-child,
.detail-oper-btn .inline-btn:last-child{
    margin-right: 0;
}
.none-car-order{
    padding: 80px 0;
    color: #808080;
    font-size: 20px;
    text-align: center;
    background: #fff;
}
.base-info-wrp{
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #E1E1E1;
}


/** 租车订单详情页 */
.odr-dt-ul{
    padding: 16px 0;
    border-bottom: 1px dashed #E1E1E1;
}
.odr-dt-ul li{
    float: left;
    width: 33.333%;
    line-height: 30px;
}
.od-status{
    color: #F34051;
    text-align: right;
}
.detail-oper-btn{
    text-align: right;
}
.order-marks{
    line-height: 24px;
    margin-top: 20px;
    font-size: 18px;
    word-break: break-all;
}
.car-list-2{
    padding: 20px;
}
.driver-info{
    padding: 16px 0;
    border-bottom: 1px dashed #E1E1E1;
}
.drv-tt{
    margin-bottom: 10px;
    font-size: 18px;
}
.drv-tb{
    width: 100%;
}
.drv-tb-head{
    background: #FAFAFA;
}
.drv-tb-head img{
    margin-right: 10px;
    vertical-align: middle;
}
.drv-tb-row{
    width: 100%;
    display: table;
}
.drv-tb-col{
    display: table-cell;
    width: 25%;
    padding: 10px 0;
    vertical-align: middle;
    text-align: center;
}
.drv-tb-col p{
    line-height: 24px;
}
.trip-list-wrp-new{
    padding: 0 20px;
    background: #FAFAFA;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.trip-list-wrp-new li{
    margin-top: 0;
    padding: 20px 0;
    border-bottom: 1px solid #E1E1E1;
}

/** 租车订单支付页面样式 */
.car-grey-bg{
    padding: 30px;
    font-size: 16px;
    background: #F6F9FA;
    box-sizing: border-box;
    border: 1px solid #D6D7DC;
    border-bottom: 1px dashed #D6D7DC;
}
.car-grey-bg > p{
    margin-bottom: 10px;
    line-height: 22px;
}
.car-nums p{
    float: left;
    width: 85%;
    line-height: 22px;
}
.car-nums .amount-info{
    float: right;
}
.car-nums i{
    font-size: 14px;
}
.amount-info{
    padding-left: 40px;
    font-size: 18px;
    background: url("../images/price_list.png") no-repeat left center;
}
.pay_box{
    border-top: none;
    border-bottom: none;
}
.subt-btn{
    line-height: 44px;
    padding: 18px 30px;
    text-align: right;
    border: 1px solid #e6e6e6;
    border-top: none;
    box-sizing: border-box;
    background:rgba(239,249,255,1);
}
.final-pay{
    margin-right: 30px;
    vertical-align: middle;
}
.final-pay i{
    color: #F34051;
    font-size: 20px;
}
.final-pay strong{
    color: #F34051;
    font-size: 30px;
}
.subt-btn .blue_btn{
    width: 170px;
    height: 44px;
    line-height: 44px;
}
.pay_way{
    border-bottom: none;
}


/** 车辆信息弹窗样式 */
.car-base-info{
    width: 1100px;
    padding: 27px 20px;
    background: #F2F2F2;
}
.car-base-info .icon-row{
    margin-bottom: 0;
}
.car-base-info .rent-price{
    font-size: 18px;
}
.other-info{
    width: 1100px;
    padding: 0 20px;
}
.other-info .car-img-row{
    margin-top: 20px;
}
.ot-item{
    padding: 20px 10px;
    box-sizing: border-box;
    border-bottom: 1px dashed #E1E1E1;
}
.ot-item h2{
    font-size: 20px;
    font-weight: normal;
}
.global-mask{
    /*display: none;*/
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}
.win-v2{
    /*display: none;*/
    position: fixed;
    top: 100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 560px;
    background: #fff;
    border-radius: 4px;
    z-index: 10000;
}
.win-body{
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
}
.win-footer{
    padding: 40px 0;
    text-align: center;
    box-sizing: border-box;
}
.win-footer .inline-btn{
    margin-right: 80px;
    min-width: 140px;
    padding-left: 10px;
    padding-right: 10px;
}
.win-footer .inline-btn:last-child{
    margin-right: 0;
}