.border-box {
        width: 100%;
        background: #FFFFFF;
        border-radius: 0.08rem;
        border: 1px solid #E6E6E6;
    }

    .blod-title {

        font-weight: 500;
        font-size: 0.19rem;
        color: #323232;
    }

    .margin12 {
        margin-bottom: 0.12rem;
    }

    .padding2916 {
        padding: 0.29rem 0.16rem;
    }

    .flexRow {
        display: flex;
        flex-direction: row;
    }

    .flexCol {
        display: flex;
        flex-direction: column;
    }

    .fl-between {
        justify-content: space-between;

    }

    .fl-algnitem {
        align-items: center;
    }

    .img-box {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .red-text {
        font-size: 0.11rem;
        color: #ED3148;
    }

    .big-text {
        font-size: 0.19rem;
        font-weight: bold;
    }

    .gray-text {
        font-weight: 400;
        font-size: 0.11rem;
        color: #909090;
    }

    .ellipsis-line2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        word-break: break-all;
        overflow: hidden;
        white-space: normal;
    }
    .ellipsis-line22 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        
        word-break: break-all;
        overflow: hidden;
        white-space: normal;
    }
    .ellipsis-line1 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        word-break: break-all;
        overflow: hidden;
        white-space: normal;
    }

    .black-text {
        font-size: 0.18rem;
        color: #333333;
        line-height: 0.23rem;
    }

    .car-item {
        border-bottom: 1px solid #DFE0E4;
        padding-bottom: 0.22rem;
        margin-top: 0.18rem;
    }

    .item-car-info {
        margin-left: 0.13rem;
        flex: 1;
    }

    .car-pic {
        width: 0.5rem;
        height: 0.5rem;
    }

    .discount-price {
        width: fit-content;
        padding: 0.03rem 0.04rem;
        background: rgba(237, 49, 72, 0.2);
        border-radius: 0.02rem;
        align-items: center;
    }

    .car-price {
        align-items: end;
    }

    .original_price {
        text-decoration: line-through;
    }

    .car-name-info {}

    .car-name {
        align-items: center;
        font-size: 0.15rem;
        color: #323232;
    }

    .car-attribute {
        font-weight: 400;
        font-size: 0.12rem;
        color: #323232;
    }

    .margin18 {
        margin-bottom: 0.18rem;
    }

    .margin10 {
        margin-bottom: 0.1rem;
    }

    .car-num-box {
        justify-content: end;
    }

    .car-date {
        align-items: center;
    }

    .ai-box {
        background: #FFFFFF;
        border-radius: 0.1rem;
        border: 1px solid #E6E6E6;
        padding: 0.19rem 0.12rem;
    }

    .ai-title {
        font-size: 0.17rem;
        font-weight: 500;
        background: linear-gradient(0deg, #4550F8 0%, #3EAAF5 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    .ai-content {
        font-weight: 500;
        font-size: 0.14rem;
        color: #323232;
        line-height: 0.19rem;
    }

    .comment-list {
        margin-top: 0.13rem;
        margin-bottom: 0.26rem;
    }

    .comment-item {
        margin-bottom: 0.25rem;
    }

    .comment-user {
        margin-bottom: 0.1rem;

        font-weight: 400;
        font-size: 0.12rem;
        color: #323232;
        line-height: 0.18rem;
        align-items: center;
    }

    .user-pic {
        width: 0.25rem;
        height: 0.25rem;
    }

    .comment-content {
        font-weight: 400;
        font-size: 0.14rem;
        color: #323232;
        line-height: 0.19rem;
    }

    .comment-img-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.03rem;

    }

    .comment-img-item {
        width: 1.13rem;
        height: 0.7rem;
        position: relative;
    }

    .comment-img-viewAll {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 9;
        color: #FFFFFF;
        background: rgba(50, 50, 50, 0.4);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .more-btn {
        width: fit-content;
        height: 0.3rem;
        line-height: 0.3rem;
        padding: 0 0.1rem;
        background: #FFFFFF;
        border-radius: 0.04rem;
        border: 1px solid #CCCCCC;

        font-weight: 400;
        font-size: 0.13rem;
        color: #323232;
    }

    .fl-center {
        justify-content: center;
        align-items: center;
    }

    .blue-text {
        font-weight: 400;
        font-size: 0.13rem;
        color: #0097FF;
    }

    .black-text1 {
        font-weight: 400;
        font-size: 0.14rem;
        color: #333333;
        line-height: 0.21rem;
    }

    .font14 {
        font-weight: 400;
        font-size: 0.14rem;
        color: #323232;
    }

    .strategy-list,
    .hotel-list {
        overflow-x: auto;
        display: flex;
        gap: 0.06rem;
        padding-left: 0.15rem;
        margin-bottom: 0.19rem;
    }

    .strategy-item,
    .hotel-item {
        background: #FFFFFF;
        border-radius: 0.08rem;
        border: 1px solid #E6E6E6;
        width: 1.62rem;
    }

    .strategy-pic,
    .hotel-pic {
        width: 1.61rem;
        height: 1.26rem;

    }

    .strategy-user-pic {
        width: 0.16rem;
        height: 0.16rem;
        margin-right: 0.05rem;
    }

    .img-box1 {
        width: 100%;
        height: 100%;
        border-radius: 0.08rem 0.08rem 0 0;
    }

    .padding117 {
        padding: 0.11rem 0.07rem;
    }

    .red-text1 {
        color: #ED3148;
        font-size: 0.12rem;
    }

    .hotel-price {
        text-align: right;
        font-weight: 400;
        font-size: 0.12rem;
        color: #808080;
    }

    .star-list {
        gap: 0.02rem;
        align-items: center;
    }

    .padding15 {
        padding-left: 0.15rem;
    }

    .combo-item {
        width: 3.45rem;
        height: 1.19rem;
        background: #FFFFFF;
        border-radius: 0.12rem;
        border: 1px solid #CCCCCC;
    }

    .combo-item-pic {
        width: 0.88rem;
        height: 1.18rem;
        background: #FFFFFF;
        border-radius: 0.12rem 0rem 0rem 0.12rem;
        border: 0px solid #CCCCCC;
    }

    .img-box2 {
        width: 100%;
        height: 100%;
        border-radius: 0.12rem 0rem 0rem 0.12rem;
        object-fit: cover;
    }

    .combo-info1 {
        flex: 1;
        color: #323232;
        font-size: 0.12rem;
        font-weight: 400;
    }

    .padding1213 {
        padding: 0.12rem 0.13rem;
    }

    .combo-list {
        padding-left: 0.15rem;
        margin-bottom: 0.19rem;
    }

    .combo-price {
        font-size: 0.14rem;
        text-align: right;
    }

    .combo-name {
        font-size: 0.14rem;
    }

    .padding1916 {
        padding: 0.19rem 0.16rem;
    }

    .score-box {
        width: fit-content;

        background: #09BB07;
        border-radius: 0.02rem;
        padding: 0.02rem 0.03rem;

        font-weight: 500;
        font-size: 0.13rem;
        color: #FFFFFF;
        margin-right: 0.05rem;
    }

    .addree-text {
        align-items: center;
        font-size: 0.13rem;
        color: #333333;
    }

    .feature-text {
        font-size: 0.13rem;
        color: #333333;
        align-items: center;
    }

    .margin14 {
        margin-bottom: 0.14rem;

    }

    .car-title {
        font-weight: 500;
        font-size: 0.18rem;
        color: #333333;
        line-height: 0.23rem;
    }

    .car-swiper {
        width: 100%;
        height: 2.82rem;
    }

    body {
        background: #fff !important;
    }

    #app {
        position: relative;
    }

    .btn-box1 {
        width: 100%;
        position: fixed;
        bottom: 0;
        height: 0.95rem;
        background: #FFFFFF;
        box-shadow: 0rem 0rem 0.05rem 0rem rgba(0, 0, 0, 0.1);
        z-index: 20;
    }

    .disabled-btn {
        background: #b2dfff !important;
    }

    .blue-btn {
        margin: 0.11rem auto 0;
        /* width: 3.45rem; */
        height: 0.48rem;
        background: #0097FF;
        border-radius: 0.24rem;
        line-height: 0.48rem;
        text-align: center;
        font-weight: 400;
        font-size: 0.17rem;
        color: #FFFFFF;
    }
    .blue-btn1 {
        margin: 0.11rem auto 0;
        /* width: 3.45rem; */
        height: 0.48rem;
        background: #0097FF;
        border-radius: 0.24rem;
        line-height: 0.48rem;
        text-align: center;
        font-weight: 400;
        font-size: 0.17rem;
        color: #FFFFFF;
    }

    .car-info2 {
        padding-bottom: 0.95rem;
    }

    .car-order {
        padding: 45px 0.15rem 1rem;
    }

    .pay-btn {
        width: fit-content;
        height: 0.45rem;
        background: #0097FF;
        border-radius: 0.23rem;
        line-height: 0.45rem;
        padding: 0 0.18rem;
        font-weight: 400;
        font-size: 0.15rem;
        color: #FFFFFF;
    }

    .marginTop10 {
        margin-top: 0.1rem;
    }

    .totalPrice {
        font-size: 0.12rem;
        color: #323232;
    }

    .big-text1 {
        font-size: 0.16rem;
        font-weight: bold;
    }

    .padding1913 {
        padding: 0.19rem 0.13rem;
    }

    .remark textarea {
        max-height: 200px;
        overflow-y: auto;
        border-top: 0px;
        border-left: 0px;
        border-right: 0px;
        border-bottom: 1px solid #F5F5F5;
    }

    .car-form .info-item {
        padding: 0.1rem;
        border-bottom: 1px solid #f0f0f0;
        margin-bottom: 0.1rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
    }

    .car-form .input-item {
        width: 100%;
        position: relative;
        transition: all 0.3s ease;
    }

    .car-form .input-label {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        font-size: 0.11rem;
        color: #0097FF;
        transition: all 0.2s ease;
        opacity: 0;
        z-index: 9;
    }

    .car-form .uni-input1 {
        position: relative;
        left: 0;
        width: 40%;
        /* flex: 1; */
        /* padding-top: 0.2rem; */
        transition: padding 0.3s ease;
        z-index: 10;
    }

    .car-form .icon-clear {
        line-height: 1;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .car-form .checkbox-item {
       
        margin-bottom: 0.1rem;
        display: flex;
        align-items: center;
        gap: 0.08rem;
        color: #666;
    }
    .checkbox-item .icon_check1{
        
        width: 0.14rem;
		height: 0.14rem;
		
    }
    .checkbox-item .check{
        display: block;
        width: 0.14rem;
		height: 0.14rem;
		background: #FFFFFF;
		border-radius: 50%;
		border: 1px solid #B0B0B4;
    }
    .car-form input {
        background: transparent;
    }

    .car-form .triangle-down {
        margin-left: 0.05rem;
        width: 0;
        height: 0;
        border-left: 0.05rem solid transparent;
        border-right: 0.05rem solid transparent;
        border-top: 0.05rem solid #909090;
        /* 倒三角方向由 border-top 控制*/

    }

    .error-input {
        background: rgba(243, 64, 81, 0.1);
    }

    .car-form .info-item2 {
        padding: 0.1rem 0.05rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        margin-right: 0.09rem;
        flex: 1;
    }

    .car-form .info-item2:last-child {
        margin-right: 0;
    }
    .booking-notice{
        align-items: center;
    }
    .notice_text{
        width:fit-content;
        height: 0.2rem;
        line-height: 0.2rem;
        padding: 0 0.06rem;
        background: #FFFFFF;
        border-radius: 0.02rem;
        border: 1px solid #0097FF;
       
        font-weight: 400;
        font-size: 0.12rem;
        color: #0097FF;
        display: block;
    }
    .margin5{
        margin-bottom: 0.05rem;
    }
    .order-info-text{
        align-items: center;
        font-size: 0.14rem;
        color: #333333;
    }
    .order-info-item{
        margin-bottom: 0.25rem;
    }
    .order-info-item:last-child{
        margin-bottom: 0;
    }
    .marginbottom13{
        margin-bottom: 0.13rem;
    }
    .more-text{
        font-weight: 500;
        font-size: 0.13rem;
        color: #323232;
        align-items: center;
        justify-content: center;
    }
    .discount-item{
        margin-bottom: 0.25rem;
    }
    .red-text2{
        font-weight: 400;
        font-size: 0.14rem;
        color: #ED3148;
    }
    .padding1816{
        padding: 0.18rem 0.16rem;
    }
    .price-detail-title{
        font-weight: 500;
        font-size: 0.16rem;
        color: #323232;
    }
    .price-detail{
        position: fixed;
		bottom: 0.95rem;
		width: 100%;
        max-height: 4.32rem;
		background: #FFFFFF;
		border-radius: 0.1rem 0.1rem 0rem 0rem;
		z-index: 16;
		display: none;
    }
    .price-date-item{
        margin-bottom: 0.12rem;
    }
    .price-date-item :last-child{
        margin-bottom: 0;
    }
    .item-date{
        font-weight: 500;
        font-size: 0.15rem;
        color: #323232;
    }
    .item-content{
        align-items: center;
        font-weight: 400;
        font-size: 0.14rem;
        color: #323232;
        margin-bottom: 0.1rem;
    }
    .item-text{
        flex: 1;
        margin-right: 0.1rem;
        
    }
    .close-pic {
		position: absolute;
		top: 0.15rem;
		right: 0.21rem;
	}
    .price-date-list{
        margin-bottom: 0.23rem;
    }
    .price-line{
        margin:0.2rem 0;
        border-bottom: 1px solid #E9E9E9;
    }
    .booking-notice-modal{
        position: fixed;
		bottom: 0;
		width: 100%;
        max-height: 4.32rem;
		background: #FFFFFF;
		border-radius: 0.1rem 0.1rem 0rem 0rem;
		z-index: 21;
        display: none;
    }
    .modal-title{
        display: flex;
		align-items: center;
		justify-content: center;

		font-weight: 500;
		font-size: 0.17rem;
		color: #323232;
        margin-bottom: 0.4rem;
    }
    .booking-notice-list{
        overflow-y: auto;
        max-height: 4.32rem;
        padding-bottom: 0.8rem;
    }
    .notice-item-title{
        font-weight: 500;
        font-size: 0.18rem;
        color: #333333;
    }
    .notice-item-text{
        font-weight: 400;
        font-size: 0.14rem;
        color: #323232;
        line-height: 0.23rem;
    }
    .booking-notice-item{
        margin-bottom: 0.23rem;
    }
    .font17{
        font-size: 0.17rem;
        color: #323232;
    }

    /* 行李说明 */
    .luggage-detail-modal{
        position: fixed;
		bottom: 0;
		width: 100%;
        max-height: 7rem;
		background: #FFFFFF;
		border-radius: 0.1rem 0.1rem 0rem 0rem;
		z-index: 20;
		display: none;
    }
    .popup-box1{
        padding: 0.14rem 0.16rem;
    }
    .titleCenter{
        text-align: center;
        font-weight: 500;
        font-size: 0.17rem;
        color: #323232;
    }
    .tips-text{
        font-weight: 400;
        font-size: 0.12rem;
        color: #323232;
        line-height: 0.15rem;  
    }
    .attr-info{

    }
    .car_name{
        font-weight: 500;
        font-size: 0.16rem;
        color: #323232;
    }
    .car-info{
        display: flex;
        gap: 0.1rem;
        margin:0.1rem 0;
        font-size: 0.13rem;
        color: #323232;
    }
    .car_desc{
        font-weight: 400;
        font-size: 0.13rem;
        color: #616161;
    }
    .luggage-info{
        margin-top: 0.18rem;
    }
    .luggage-name{
        font-weight: 500;
        font-size: 0.16rem;
        color: #323232;
    }
    .luggage-unit-text{
        font-weight: 400;
        font-size: 0.14rem;
        color: #323232;
    }
    .luggage-detail{
        background: #F6F7FB;
        border-radius: 0.12rem;
        
        height:3.9rem;
        margin:0.15rem 0;
        /* padding: 0.1rem 0; */
    }
    .luggage-pic{
        width: 100%;
		height:1.87rem;
    }
    .luggage-table{
        font-size:0.12rem;
        color: #808080;
        
        width: 100%;
        height: 2rem;
        padding:0 0.13rem;
        border: 0px;
    }
    tbody td {
        text-align: center;
        padding:0;
        
    }
    thead th {
        font-size: 0.12rem;
        color: #323232;
        font-weight: 400;
    }
    .row-header{
        width:0.6rem;
        color: #323232;
    }
    .size-24 {
        background: #F0F3F8;
        font-weight: bold;
        position: relative;
        color: #323232;
        font-size: 0.13rem;
    }
    tbody tr:nth-child(2) .size-24 {
        border-top-left-radius: 0.19rem;
		border-top-right-radius: 0.19rem;
    }
    tbody tr:nth-child(3) .size-24,
    tbody tr:nth-child(4) .size-24 {
        border-radius: 0;
    }
    tbody tr:last-child .size-24 {
        border-bottom-left-radius: 0.19rem;
        border-bottom-right-radius: 0.19rem;
    }
    .luggage-table td{
        height: unset !important;
        border: 0px;
        font-weight: 400;
    }
    /* 搜索页 */
    .search-header{
        position: fixed;
        top: 0;
        background: #fff;
        width: 100%;
        z-index: 20;
    }
    .padding914{
        padding: 0.09rem 0.14rem;
    }
    .back-btn{
        margin-right: 0.1rem;
    }
    .search-input{
        flex: 1;
        border: 1px solid #DFE0E4;
        border-radius: 0.16rem;
        padding: 0.09rem 0.14rem;
        display: flex;
        align-items: center;
        gap: 0.09rem;
        height: 0.35rem;
    }
    .input-text{
        flex: 1;
        line-height: 1.8;
    }
    .mian-box-container{
        /* padding-top: 0.55rem; */
        /* height:100vh; */
        height: calc(100vh - 0.55rem);
    }
    .left-scroll{
        width: 0.91rem;
        height: 100%;
        background: #EDEEF0;
    }
    .left-item {
        height: 0.5rem;
        line-height: 0.5rem;
        padding: 0 0.05rem 0 0.15rem;
        position: relative;
        font-weight: 400;
        font-size: 0.14rem;
        color: #202021;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;     
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }
    .left-scroll .active1{
        background: #ffffff;
        color: #0097FF;
        font-weight: 600;
    }
    .left-scroll .active1::after{
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 0.04rem;
        height: 0.16rem;
        background: #0097FF;
        border-radius: 0.02rem;
    }
    .right-scroll{
        height: 100%;
		flex: 1;
		background-color: #fff; 
    }
    .section{
		padding: 0.15rem 0.15rem 0;
    }
    .history-info{
        justify-content: space-between;
        align-items: center;
    }
    .section-title {
        font-size: 0.13rem;
        font-weight: 500;
        color: #323232;
    }
    .list-box {
        display: flex;
        flex-wrap: wrap;
        gap: 0.08rem 0.09rem;
        margin-top: 0.15rem;
    }
    .list-box1 {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 0.1rem;
    }
    .city-item1{
        margin-top: 0.15rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .city-item {
        width: calc(100% / 2 - 0.1rem);
        height: 0.37rem;
        line-height: 0.37rem;
        border-radius: 0.04rem;
        border: 1px solid #DFE0E4;
        text-align: center;
        font-size: 0.14rem;
        color: #333;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;     
        -webkit-box-orient: vertical;  
        -webkit-line-clamp: 1;
        
    }
    .search-list{
        /* padding-top: 0.55rem; */
    }
    .search-item{
        align-items: center;
        border-bottom: 1px solid #EDEDED;
    }
    .search-item:last-child{
        border-bottom: 0px;
    }
    .search-img{
        margin-right: 0.18rem;
    }
    .search-info{
        flex: 1;
        color: #333;
        font-size: 0.13rem;
    }
    .search-title{
        font-weight: 500;
        font-size: 0.16rem;
        color: #00A2FF;
        margin-bottom: 0.05rem;
    }
    .history-list{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0.05rem;
        margin-top: 0.05rem;
    }
    .history-item{
        background: #FAF9F9;
        border-radius: 0.01rem;
        width: fit-content;
        padding:0 0.1rem;
        height: 0.3rem;
        line-height: 0.3rem;
    }
    /* 主页 */
    .comment-list1{
        margin: 0.17rem 0 0.17rem 0.15rem;
        overflow-x: auto;
        display: flex;
        white-space: nowrap;
    }
    .comment-item1{
        width: 3rem;
        /* height: 3.07rem; */
        border-radius: 0.12rem;
        border: 1px solid #CCCCCC;
        display: inline-flex;
        flex-direction: column;
        margin-right: 0.09rem;
    }
    .strategy-pic1{
        width: 100%;
        height: 2rem;
    }
    .comment-text{
        font-weight: 400;
        font-size: 0.14rem;
        color: #323232;
    }
    .user-info{
        align-items: center;
        margin-top: 0.05rem;
    }
    .user-name{
        font-weight: 400;
        font-size: 0.12rem;
        color: #323232;
        line-height: 0.18rem;
        margin-left: 0.07rem;
        margin-right: 0.1rem;
    }
    .user-date{
        font-weight: 400;
        font-size: 0.11rem;
        color: #808080;
        line-height: 0.21rem;
    }
    .comment-score{
        width: fit-content;
        height: 0.16rem;
        padding: 0 0.07rem;
        line-height: 0.16rem;
        background: #D9F0FF;
        border-radius: 0.08rem;
       
        font-weight: 500;
        font-size: 0.12rem;
        color: #323232;
        margin-right: 0.08rem;
    }
    .comment-title{
        font-weight: 500;
        font-size: 0.15rem;
        color: #323232;
    }
    .padding147{
        padding: 0.14rem 0.07rem;
    }
    .guide-list{
        padding: 0 0.15rem;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0.09rem;
    }
    .guide-card{
        width: 1.68rem;
        background: #FFFFFF;
        border-radius: 0.12rem;
        border: 1px solid #CCCCCC;
        margin-bottom: 0.09rem;
    }
    .guide-card__image{
        width: 100%;
        height: 1.26rem;
        border-radius: 0.12rem 0.12rem 0rem 0rem;
        overflow: hidden;
    }
    .guide-card__title{
        font-weight: 400;
        font-size: 0.14rem;
        color: #323232;
    }
    .guide-card__username{
        font-weight: 500;
        font-size: 0.12rem;
        color: #808080;
        line-height: 0.18rem;
    }
    .guide-card__avatar{
        width: 0.16rem;
        height: 0.16rem;
        margin-right:0.06rem;
    }
    .router_list{
        padding: 0 0.15rem;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0.09rem;
        margin-bottom: 0.1rem;
    }
    .router_card{
        width: 1.68rem;
        background: #FFFFFF;
        border-radius: 0.12rem;
        border: 1px solid #E6E6E6;
    }
    .router-card__image{
        width: 100%;
        height: 1.1rem;
        border-radius: 0.12rem 0.12rem 0rem 0rem;
        overflow: hidden;
    }
    .router-card__location{
        font-weight: 400;
        font-size: 0.12rem;
        color: #747474;
    }
    .router-card__title {
        font-weight: 400;
        font-size: 0.14rem;
        color: #323232;
    }
    .router-card__price{
        font-size: 0.07rem;
        color: #ED3148;
    }
    .big-text17{
       
        font-weight: bold;
        font-size: 0.14rem;
    }
    .router-card__rating{
        margin-bottom: 0.17rem;
    }
    .router-card__rating-value{
        display: block;
        width: fit-content;
        height: 0.16rem;
        line-height: 0.16rem;
        padding: 0 0.06rem;
        background: #09BB07;
        border-radius: 0.03rem;
        font-size: 0.12rem;
        color: #ffffff;
    }
    .router-card__reviews{
        font-weight: 500;
        font-size: 0.12rem;
        color: #808080; 
    }
    .header-bg-box{
        background: url('../images/car/index_bg.png') no-repeat;
        background-size: 100% 100%;
		width: 100%;
		height: 2.6rem;
    }
    .header-tab{
        padding: 0.73rem 0.15rem 0;
    }
    .header-tab-item{
        width: 0.92rem;
        height: 0.86rem;
        
        border-radius: 0.16rem;
        
        font-weight: 500;
        font-size: 0.14rem;
        color: #fff;
        justify-content: center;
        align-items: center;
        margin-right: 0.08rem;
        position: relative;
    }
    .tab-icon{
        width: 0.23rem;
        height: 0.23rem;
        margin-bottom: 0.14rem;
    }
    .tab-text{

    }
    .search-btn{
        width: 3.03rem;
        height: 0.48rem;
        line-height: 0.48rem;
        background: #0097FF;
        border-radius: 0.06rem;
       
        font-weight: 500;
        font-size: 0.16rem;
        color: #FFFFFF;
        text-align: center;
    }
    .search-btn-disabled{
        background: #b2dfff;
    }
    .search-box{
        background-color: #fff;
        padding: 0.22rem 0.15rem;
        border-radius: 0.14rem;
        border: 1px solid #DFE0E4;
        z-index: 10;
        margin: -0.83rem 0.15rem 0.19rem;
        box-sizing: border-box;
        position: relative;
    }
    .search-box::before{
        content: "";
        width: 0;
        height: 0;
        border: 0.11rem solid;
        position: absolute;
        top: -0.21rem;
        left: 10%;
        border-color: transparent transparent #fff transparent;
    }
    .input-box-name{
        font-weight: 400;
        font-size: 0.12rem;
        color: #909090;
    }
    .input-box{
        height: 0.4rem;
        margin-bottom: 0.1rem;
        border-bottom: 1px solid #DFE0E4;
        display: flex;
        align-items: center;
    }
    .big-text18{
        font-size: 0.17rem;
        /* font-weight: bold; */
    }
    .day-number{
        display: block;
        width: fit-content;
        padding: 0 0.12rem;
        height: 0.22rem;
        line-height: 0.2rem;
        background: #FFFFFF;
        border-radius: 0.05rem;
        border: 1px solid #0097FF;
        
        font-weight: bold;
        font-size: 0.12rem;
        color: #0097FF;
        position: relative;
    }
    .day-number::after{
        content: '';
        position: absolute;
        width: 0.08rem;
        height: 0.01rem;
        background : #0097FF;
        top: 50%;
        transform: translateY(-50%);
        right: -0.08rem;
    }
    .day-number::before{
        content: '';
        position: absolute;
        width: 0.08rem;
        height: 0.01rem;
        background : #0097FF;
        top: 50%;
        transform: translateY(-50%);
        left: -0.08rem;
    }
    .waterfall-list{
		float: left;
		margin-right:0.09rem;
		
	}
    .waterfall-list:last-child{
        margin-right: 0;
    }
     .water-full{
        padding: 0 0.15rem;
    }
    .water-full::after{
        content: "";
		display: table;
		clear: both;
    }
    .nav-list{
        position: fixed;
        top: 45px;
        height: 35px;
        display: flex;
        flex-direction: row;
        background: #fff;
        width: 100%;
        z-index: 15;
    }
    .nav-item{
        font-size: 0.14rem;
        width: fit-content;
        padding:0 0.1rem;
        align-items: center;
        display: flex;
    }
    .nav-active{
        color: #088DE8;
    }
    /* 订单详情 */
    .order_card{
        background-image: url('../images/car/small_bg1.jpg');
        width: 100%;
        padding-bottom: 0.2rem;

    }
    .order-tips{
        font-weight: 400;
        font-size: 0.13rem;
        color: #FFFFFF;
    }
    .order-status{
        color: #fff;
        padding-top:0.75rem;
    }
    .big-text25{
        
        font-weight: 500;
        font-size: 0.25rem;
        color: #FFFFFF;
    }
    .margin16{
        margin-bottom: 0.16rem;
    }
    .countdown{
        margin-left: 0.08rem;
    }
    .padding016{
        padding: 0 0.16rem;
    }
    .minute-text,.second-text{
        width: fit-content;
        height: 0.2rem;
        line-height: 0.2rem;
        background: #FFFFFF;
        border-radius: 0.02rem;

        font-weight: 400;
        font-size: 0.14rem;
        color: #0097FF;
        display: block;
        padding: 0 0.05rem;
    }
    .order-price-box{
        height: 0.45rem;
        background: #FFFFFF;
        border-radius: 0.07rem;
        padding: 0 0.13rem;

        
        font-weight: 500;
        font-size: 0.15rem;
        color: #323232;
    }
    .fl-rigth{
        justify-content: right;
    }
    .order-pay-btn{
        width: fit-content;
        height: 0.38rem;
        background: #0097FF;
        border-radius: 0.19rem;
        line-height: 0.38rem;
        padding: 0 0.18rem;
        font-weight: 400;
        font-size: 0.13rem;
        color: #FFFFFF;
        margin-left: 0.1rem;
    }
    .cancel-btn{
        width: fit-content;
        height: 0.38rem;
        padding: 0 0.18rem;
        line-height: 0.38rem;
        background: #FFFFFF;
        border-radius: 0.19rem;
        border: 1px solid #DFE0E4;
        font-size: 0.13rem;
        color: #323232;
    }
    .padding1215{
        padding: 0.12rem 0.15rem 1rem;
    }
    .remark-card_title{
        font-size: 0.13rem;
    }
    .remark-card_content{
        
        font-weight: 400;
        font-size: 0.13rem;
        color: #323232;
    }
    .contact-card{
       
        font-weight: 400;
        font-size: 0.15rem;
        color: #323232;
    }
    .contact-card_line{
        margin-bottom: 0.16rem;
    }
    .contact-card_line:last-child{
        margin-bottom: 0;
    }
    .date-nav-list{
        position: sticky;
        top: 45px;
        gap: 0.1rem;
        overflow-x:auto;
        white-space: nowrap;
        padding-left: 0.15rem;
        background: #fff;
        height: 40px;
        align-items: center;
    }
    .date-nav-list-container{
        gap: 0.1rem;
        width: 100%;
    }
    .date-nav-item_ative{
        background: #0097FF !important;
        color: #fff !important;
    }
    .date-nav-item{
        width: 0.9rem;
        height: 0.29rem;
        line-height: 0.26rem;
        background: #FFFFFF;
        border-radius: 0.03rem;
        border: 1px solid #0097FF;
        padding: 0 0.26rem;
        
        font-weight: 500;
        font-size: 0.15rem;
        color: #0097FF;
    }
    .itinerary-card{
        font-weight: 400;
        font-size: 0.15rem;
        color: #323232;
    }
    .itinerary-card_line{
        margin-bottom: 0.16rem;
    }
    .itinerary-card_line:last-child{
        margin-bottom: 0;
    }
    .driver-card_more-text{
        text-align: center;
       
        font-weight: 500;
        font-size: 0.13rem;
        color: #323232;
    }
    .car-card_pic{
        width: 0.5rem;
        height: 0.5rem;
    }
    .car-card_info{
        
        font-weight: 500;
        font-size: 0.15rem;
        color: #323232;
        flex: 1;
    }
    .carDetail-card_title{
        font-weight: 600;
        font-size: 0.17rem;
        color: #323232;
        line-height: 0.29rem; 
    }
    .ai-box1{
       background: #FFFFFF;
        border-radius: 0.1rem;
        border: 1px solid #E6E6E6;
        padding: 0.07rem 0.12rem; 
    }
    .padding12151{
        padding: 0.12rem 0.15rem;
    }
    .travel-modal{
        position: fixed;
		bottom: 0;
		width: 100%;
        max-height: 4.32rem;
		background: #FFFFFF;
		border-radius: 0.1rem 0.1rem 0rem 0rem;
		z-index: 21;
        display: none;
    }
    .travel-card_title{
        font-weight: 500;
        font-size: 0.14rem;
        color: #000000;
    }
    .travel-card_tips{
        font-weight: 400;
        font-size: 0.12rem;
        color: #323232;
        margin-top: 0.8rem;
    }
    .travel-card_input{
        color: #323232;
        font-size: 0.12rem;
    }
    .padding1412{
        padding: 0.14rem 0.12rem;
    }
    /* 列表 */
    .search-card{
        border-bottom: 1px solid #DFE0E4;
        width: 100%;
        background: #fff;
        z-index: 15;
    }
    .search-card_btn-back{
        margin-right: 0.13rem;
        
    }
    .search-card_input{
        flex: 1;
        height: 0.4rem;
        background: #FFFFFF;
        border-radius: 0.08rem;
        border: 1px solid #9F9F9F;
        padding: 0.14rem;
        
        font-weight: 500;
        font-size: 0.13rem;
        color: #323232;
        align-items: center;
    }
    .search-card_input_title{
        margin-right: 0.17rem;
        
    }
    .search-route-card{
        padding-top: 0.58rem;
    }
    .search-route-card_item_info_price{
        text-align: right;
        
    }
    .search-route-card_item{
        border-bottom: 1px solid #DFE0E4;
        padding-bottom: 0.15rem;
        margin-top: 0.15rem;
    }
    .search-route-card_item_pic{
        width: 0.99rem;
        height: 1.07rem;
        background: #DFE0E4;
        overflow: hidden;
        margin-right: 0.1rem;
        border-radius: 0.08rem;
    }
    .search-route-card_item_info{
        flex: 1;
        
    }
    .search-route-card_item_info_title{
        
        font-weight: 500;
        font-size: 0.16rem;
        color: #323232;
    }
    .search-route-card_item_info_text{
        
        font-weight: 400;
        font-size: 0.12rem;
        color: #323232;
    }
    .tag-list{
        gap: 0.05rem;
        flex-wrap: wrap;
    }
    .tag-item{
        width: fit-content;
        height: 0.14rem;
        line-height: 0.14rem;
        padding: 0 0.05rem;
        background: #FFFFFF;
        border-radius: 0.02rem;
        border: 1px solid #6E6E6E;

        font-weight: 400;
        font-size: 0.09rem;
        color: #323232;
    }
    .padding1515{
        padding:0 0.15rem;
    }
    .no-more-data1{
        margin-top: 0.12rem;
        text-align: center;
        font-weight: 400;
        font-size: 0.11rem;
        color: #A8A8A8;
    }
    .yuan-price{
        font-size: 0.11rem;
        color: #323232;
    }
    .days-card{
        position: sticky;
        top: 0.59rem;
        padding-left: 0.15rem;
        height: 0.96rem;
        background: #fff;
        padding-top: 0.1rem;
    }
    .days-list{
        gap: 0.06rem;
        overflow-x:auto;
        white-space: nowrap;
    }
    .days-item{
        width: 0.93rem;
        height: 0.5rem;
        background: #FFFFFF;
        border-radius: 0.03rem;
        border: 1px solid #E6E6E6;
        color: #909090;
        position: relative;
        padding: 0 0.26rem;
    }
    .days-item_date{
        font-weight: 400;
        font-size: 0.15rem;
        
    }
    .days-item_day{
        
        font-weight: 400;
        font-size: 0.12rem;
    }
    .current{
        border: 1px solid #0097FF;
        color: #0097FF !important;
        background: #d9f0ff;
    }
    .days_active{
        border: 1px solid #0097FF;
        color: #0097FF !important;
        /* background: #0097FF; */
    }
    .days-car_item-line{
        border-bottom: 1px solid #DFE0E4;
        padding: 0 0.12rem;
    }
    .days-car_item_info_pic{
        width: 0.99rem;
        /* height: 1.07rem; */
        border-radius: 0.08rem 0rem 0rem 0rem;
        overflow: hidden;
        margin-right: 0.11rem;
    }
    .days-car_item_info_info{
        flex: 1;
        padding-top: 0.12rem;
    }
    .days-car_item{
        margin-bottom: 0.1rem;
    }
    .days_icon{
        opacity: 0;
        width: 0.15rem;
        height: 0.14rem;
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .days_active .days_icon{
        opacity: 1;
    }
    .disabled1{
        background: rgba(0, 151, 255, 0.4);
    }


    /* 骨架图 */
    .skeleton-container {
    padding: 16px;
    background-color: #ffffff;
    }

    /* 骨架图列表 */
    .skeleton-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    }

    /* 列表项 */
    .skeleton-item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    }

    .skeleton-image1{
        width: 100%;
        height: 2.6rem;
        background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
        background-size: 200% 100%;
        border-radius: 8px;
        animation: skeleton-loading 1.5s infinite;
    }

    /* 图片占位符 */
    .skeleton-image {
    width: 120px;
    height: 80px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    border-radius: 8px;
    animation: skeleton-loading 1.5s infinite;
    }

    /* 内容区域 */
    .skeleton-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    }

    /* 线条占位符 */
    .skeleton-line {
    height: 16px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    border-radius: 4px;
    animation: skeleton-loading 1.5s infinite;
    }

    /* 不同长度的线条 */
    .skeleton-line.long {
    width: 100%;
    }

    .skeleton-line.medium {
    width: 80%;
    }

    .skeleton-line.short {
    width: 40%;
    }

    /* 操作区域 */
    .skeleton-actions {
    display: flex;
    align-items: center;
    }

    /* 按钮占位符 */
    .skeleton-button {
    width: 80px;
    height: 32px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    border-radius: 4px;
    animation: skeleton-loading 1.5s infinite;
    }

    /* 骨架图加载动画 */
    @keyframes skeleton-loading {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
    }

    /* 响应式设计 */
    @media (max-width: 768px) {
    .skeleton-item {
        padding: 12px;
        gap: 12px;
    }
    
    .skeleton-image {
        width: 100px;
        height: 60px;
    }
    
    .skeleton-button {
        width: 60px;
        height: 28px;
    }
    }
    .swiper-container1{
        width: 100%;
        height: 100%;
    }
    .swiper-slide{
        width: 100%;
        height: 100%;
    }
    .route-detail-modal{
        position: fixed;
		bottom: 0;
		width: 100%;
        max-height: 7rem;
		background: #FFFFFF;
		border-radius: 0.1rem 0.1rem 0rem 0rem;
		z-index: 20;
		display: none;
    }
    .modal-header{
        position:absolute;
        top: 0;
        width: 100%;
        height: 40px;
        background: #fff;
        line-height: 40px;
        z-index: 100;
    }
    .close-pic1{
        position: absolute;
		top: 0.05rem;
		right: 0.21rem;
    }
    .aui-mask1 {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.6);
        z-index: 11;
    }
    .add_disabled{background:url(../images/btn_max_grey_small@2x.png) no-repeat center center!important;background-size:100% 100%!important;}