.rent-no-login{ width:100%; height:auto; padding:100px 10px 30px 10px; text-align:center; box-sizing:border-box; overflow:hidden;}
.rent-no-login img{ display:block; margin:0 auto;}
.rent-no-login a{ color:#fff; width:100%; height:40px; background:#cf092e; border-radius:2px; display:block; margin:15px auto; line-height:40px;}

.scan-btn{ width:100%; height:auto; text-align:center; padding:50px 0; background:#fff; border-bottom:0.5px solid #ddd; color:#999; font-size:13px; cursor:pointer;}
.scan-btn img{ display:block; margin:0 auto 10px auto;}

.user-caring{ width: 100%; height: 34px; background: rgba(254,145, 11, 0.5); color: #c00; font-size: 13px; padding: 0px 10px; box-sizing: border-box; display: flex; align-items: center;}
.order-list{ width: 100%; height: auto; overflow: hidden;}
.order-item{ width: 100%; height: auto; overflow: hidden; padding: 10px 10px; box-sizing: border-box; background: #fff; position: relative; display: flex; align-items: center; border-bottom:0.5px solid #ddd;}
.order-item .car-pic{ width:100px; border-radius: 2px; overflow: hidden; height: auto; margin-right: 6px;}
.order-item .car-pic image{ display: block; width: 100%;}
.order-info{flex: 1; height: auto; overflow: hidden;}
.order-info .car-name,.order-info .rent-code,.order-info .rent-params{ width: 100%; height: auto; overflow: hidden; font-size: 13px; color: #000; line-height: 20px;}
.order-info .rent-code{ font-size: 24rpx; color: #5a5a5a;}
.order-info .rent-params{ color: #999; font-size: 12px;}

.list-ul{ width:100%; height:auto; overflow:hidden; background:#fff;}
.list-ul li{ width:100%; height:42px; border-bottom:0.5px solid #ddd; display: flex; align-items: center; justify-content:space-between; padding:0px 10px; box-sizing:border-box; position:relative;}
.list-ul li .title{ color:#333;}
.list-ul li .info{ color:#777;}
.list-ul li.link{ padding-right:30px;}
.list-ul li.link::before{ content:" "; height:42px; width:20px; background:url(../images/arrow-1.png) no-repeat center center; background-size:8px auto; position:absolute; right:5px; top:0; display:block}

.operat-area{ width:100%; height:auto; overflow:hidden; display: flex; align-items: center; justify-content:center;}
.operat-area .operat-btn{ width: 100%; height:44px; border-radius: 5px; background: #f19005; line-height: 20px;font-size: 16px; font-weight: 500; color: #fff; margin:10px 10px 30px 10px; text-align:center;}
/*@media screen and (max-width: 414px) {
    .operat-area .operat-btn{ width: 130px; height: 130px; font-size: 20px; }
}
@media screen and (max-width: 375px) {
    .operat-area .operat-btn{ width: 120px; height: 120px;font-size: 16px; }
}
@media screen and (max-width: 320px) {
    .operat-area .operat-btn{ width: 80px; height: 80px;}
}
.operat-area .operat-btn:last-child{ background: #05b5e8;}*/
.operat-area .operat-btn:active{ opacity: 0.6;}


.rent-car-pic{ width: 100%; text-align: center;box-sizing: border-box; background:#fff; border-bottom:0.5px solid #ddd; overflow:hidden;}
.rent-car-pic img{ display: block; margin: 10px auto;  border-radius: 3px;}
.input-rentcode{ width:100%; padding:0px 10px; box-sizing:border-box; height:40px; border-top:0.5px solid #ddd; border-bottom:0.5px solid #ddd; margin:10px auto; background:#fff;display: flex; align-items: center}
.input-rentcode input{ width:100%; height:100%; display:block; border:none; flex:1;}
.submit-warp-view{ width:100%; padding:10px 10px; box-sizing:border-box;}
.unlock-btn{ width:100%; border:none; background:#35b5fe; height:44px; color:#fff; border-radius:2px; cursor:pointer;}
.unlock-btn:active{ opacity: 0.6;}

.back-tips{ width: 100%; height: auto; overflow: hidden; padding:0px 10px 0px 10px; box-sizing: border-box;}
.back-tips div{ font-size: 13px; color: #f00; line-height: 22px;}