/**
*定制需求页
**/

.customize-demand-block{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 30px;
}
.customize-demand-left{
    flex: 1;
}
.customize-demand-sup{
    font-size: 18px;
}
.customize-demand-trip{
    font-size: 20px;
    color: #C75000;
    font-weight: bold;
    margin-top: 6px;
}
.customize-demand-sub{
    font-size: 18px;
    margin-top: 14px;
}
.customize-demand-substance{
    border: 1px solid #C75000;
    border-radius: 10px;
    margin-top: 20px;
    padding-bottom: 40px;
}
.demand-substance-title{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 16px 0;
    background-color: #C75000;
}
.demand-substance-content{
    padding: 26px;
}
.demand-plan-item{
    margin-bottom: 24px;
}
.demand-plan-item:last-child{
    margin-bottom: 0;
}
.plan-item-hd{
    font-size: 16px;
}
.plan-item-bd{
    margin-top: 10px;
}
.substance-item-input{
    padding: 0 12px;
    width: 100%;
    height: 42px;
    font-size: 16px;
    border-radius: 6px;
    border: 1px solid #E4E4E4;
}
.substance-item-textarea{
    width: 100%;
    padding: 14px 16px;
    font-size: 16px;
    min-height: 100px;
    border: 1px solid #E4E4E4;
}
.demand-plan-item .traveller-number{
    display: flex;
    align-items: center;
}
.demand-plan-item .budget-item-bd{
    display: flex;
    align-items: center;
}
.demand-plan-item .data-item{
    margin-right: 16px;
}
.demand-plan-item .data-item:last-child{
    margin-right: 0;
}
.demand-plan-item .data-item .data-tit{
    font-size: 16px;
    color: #333;
}
.demand-plan-item .data-item .data-con{
    margin-top: 8px;
}
.budget-box{
    display: flex;
    align-items: center;
}
.budget-box .contain-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 88px;
    height: 42px;
    font-size: 16px;
    border-radius: 6px;
    border: 1px solid #E4E4E4;
    margin-right: 12px;
}
.budget-box .contain-btn.on{
    background-color: #C75000;
    border-color: #C75000;
    color: #fff;
}
.demand-plan-item .budget-box .substance-item-input{
    border-radius: 0 6px 6px 0;
    border-left: none;
}
.demand-plan-item .data-item .custom-select{
    padding: 0 12px;
    width: 90px;
    height: 42px;
    font-size: 16px;
    border: 1px solid #E4E4E4;
    background-color: #fff;
    border-radius: 6px 0 0 6px;
}
.wap-data-item-select{
    display: none;
    position: relative;
}
.demand-plan-item .meal-amount{
    border-radius: 6px;
}
.hotel-preference-list{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}
.hotel-preference-list .hotel-preference-item{
    display: flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #E4E4E4;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    font-size: 16px;
}
.hotel-preference-list .hotel-preference-item.on{
    background-color: #C75000;
    color: #fff;
}
.hotel-preference-list .hotel-preference-item .hotel-preference-price{
    margin-top: 5px;
}
.customize-demand-code{
    display: flex;
    align-items: center;
    /*margin-right: 20px;*/
}
.customize-demand-code .ask-question-input {
    flex: 1;
    width: 100%;
    font-size: 16px;
    padding: 0 12px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
}
.customize-demand-code .ask-question-code {
    display: block;
    width: 80px;
    height: 42px;
    margin-left: 10px;
    /* border-radius: 4px; */
}
.customize-demand-btns{
    display: flex;
    align-items: center;
    justify-content: center;
}
.customize-demand-btns .send-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    height: 50px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    background-color: var(--primary-bg-color-theme);
    border-radius: 25px;
}
.customize-demand-tips{
    font-size: 16px;
    text-align: center;
    margin-top: 16px;
}

.customize-demand-right{
    position: sticky;
    top: 0;
    width: 320px;
    border-radius: 10px;
    background-color: #F2F2F2;
    margin-left: 20px;
}
.platform-information-group{
    padding: 0 30px;
}
.platform-information-group .platform-information-item{
    padding: 10px 0 30px;
    text-align: center;
    border-bottom: 1px solid #D8D8D8;
}
.platform-information-group .platform-information-item:last-child{
    border-bottom: none;
}
.platform-information-group .platform-information-item .platform-information-iconfont{
    font-size: 60px;
}
.platform-information-group .platform-information-item .phone{
    color: rgba(2, 174, 132, 0.85);
}
.platform-information-group .platform-information-item .email{
    color: #FF9E3E;
    font-size: 50px;
}
.platform-information-group .platform-information-item .address{
    color: #0368ED;
}
.platform-information-group .platform-information-item .platform-information-title{
    font-size: 18px;
    margin-top: 6px;
}
.platform-information-group .platform-information-item .platform-information-text{
    font-size: 18px;
    line-height: 26px;
    margin-top: 7px;
}

.demand-information-list{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}
.demand-information-item{
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
}
.information-item-hd {
    font-size: 16px;
}
.information-item-bd{
    margin-top: 10px;
}
.information-item-select{
    padding: 0 12px;
    width: 100%;
    height: 42px;
    font-size: 16px;
    border: 1px solid #E4E4E4;
    background-color: #fff;
    border-radius: 6px 0 0 6px;
}
@media screen and (max-width: 990px) {
    .customize-demand-right{
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .customize-demand-block{
        padding-top: 0.3rem;
    }
    .customize-demand-sup{
        font-size: 0.24rem;
    }
    .customize-demand-trip{
        font-size: 0.36rem;
        margin-top: 0.2rem;
    }
    .customize-demand-sub{
        font-size: 0.24rem;
        line-height: 0.36rem;
        margin-top: 0.2rem;
    }
    .customize-demand-substance {
        border-radius: 0.1rem;
        margin-top: 0.2rem;
        padding-bottom: 0.4rem;
    }
    .demand-substance-title {
        font-size: 0.24rem;
        padding: 0.16rem 0;
    }
    .demand-substance-content {
        padding: 0.3rem 0.15rem;
    }
    .demand-plan-item{
        margin-bottom: 0.3rem;
    }
    .plan-item-hd{
        font-size: 0.24rem;
    }
    .plan-item-bd{
        margin-top: 0.08rem;
    }
    .substance-item-input{
        padding: 0 0.12rem;
        width: 100%;
        height: 0.56rem;
        font-size: 0.24rem;
        border-radius: 0.06rem;
    }
    .substance-item-textarea{
        width: 100%;
        padding: 0.14rem 0.12rem;
        font-size: 0.24rem;
        min-height: 1.5rem;
    }
    .demand-plan-item .data-item{
        margin-right: 0.18rem;
		margin-top: 0.2rem;
    }
    .demand-plan-item .data-item .data-tit{
        font-size: 0.24rem;
    }
    .demand-plan-item .data-item .data-con{
        margin-top: 0.08rem;
    }
    .budget-box .contain-btn{
        width: 1.6rem;
        height: 0.56rem;
        font-size: 0.24rem;
        border-radius: 0.06rem;
        margin-right: 0.2rem;
    }
    .demand-plan-item .traveller-number{
        justify-content: space-between;
		flex-wrap: wrap;
    }
    .demand-plan-item .budget-item-bd{
        display: block;
    }
    .demand-plan-item .budget-item-bd .data-item{
        margin: 0 0 0.3rem 0;
    }
    .demand-plan-item .meal-amount {
        width: 3.2rem;
    }
    .demand-plan-item .data-item .custom-select {
        display: none;
    }
    .wap-data-item-select{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.1rem 0.12rem;
        width: 100%;
        height: 0.56rem;
        font-size: 0.24rem;
        border: 1px solid #E4E4E4;
        border-radius: 0.06rem 0 0 0.06rem;
    }
    .budget-box .wap-data-item-select{
        /*width: 2rem;*/
		flex: 1;
		white-space: nowrap;
    }
    .wap-data-item-select::after{
        content: "\e614";
        /*position: relative;*/
        /*right: 0.1rem;*/
        /*top: 50%;*/
        /*transform: translateY(-50%);*/
        font-size: 0.24rem;
        line-height: normal;
        font-family: 'iconfont';
    }
    .demand-plan-item .budget-box .substance-item-input{
        border-radius: 0 0.06rem 0.06rem 0;
    }
    .demand-plan-item .meal-amount .num-text {
        width: 2.03rem;
    }
    .hotel-preference-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.2rem;
    }
    .hotel-preference-list .hotel-preference-item{
        padding: 0.16rem;
        border-radius: 0.06rem;
        font-size: 0.24rem;
    }
    .hotel-preference-list .hotel-preference-item .hotel-preference-price{
        margin-top: 0.03rem;
    }
    .demand-information-list{
        grid-template-columns: repeat(1, 1fr);
        gap: 0.3rem;
    }
    .information-item-hd {
        font-size: 0.24rem;
    }
    .information-item-bd{
        margin-top: 0.08rem;
    }
    .information-item-select{
        display: none;
        padding: 0 0.16rem;
        width: 100%;
        height: 0.56rem;
        font-size: 0.24rem;
        border-radius: 0.06rem 0 0 0.06rem;
    }

    .customize-demand-code .ask-question-input {
        padding: 0 0.12rem;
        width: 100%;
        height: 0.56rem;
        font-size: 0.24rem;
        border-radius: 0.06rem
    }
    .customize-demand-code .ask-question-code {
        display: block;
        width: 1.2rem;
        height: 0.56rem;
        margin-left: 0.2rem;
    }

    .customize-demand-btns .send-btn{
        padding: 0 0.16rem;
        height: 0.6rem;
        font-size: 0.28rem;
        border-radius: 0.3rem;
    }
    .customize-demand-tips{
        font-size: 0.24rem;
        margin-top: 0.25rem;
    }
}

@media screen and (max-width: 768px) {
    .lay-black{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 11;
        background-color: rgba(0,0,0,.5);
        display: none;
    }
    /* 1. 强制固定在底部 */
    .layui-laydate.mobile-laydate-style {
        position: fixed !important;
        top: auto !important;       /* 覆盖 JS 计算的 top */
        bottom: 0 !important;       /* 紧贴底部 */
        left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        border: none !important;
        margin: 0 !important;
        border-radius: 16px 16px 0 0 !important; /* 圆角 */
        box-shadow: 0 -5px 20px rgba(0,0,0,0.2) !important; /* 阴影 */
        z-index: 99999999 !important; /* 确保在最上层 */

        /* 滑出动画 */
        animation: laydate-slide-up 0.3s ease-out;
    }

    /* 2. 调整内部宽度占满屏幕 */
    .mobile-laydate-style .layui-laydate-main,
    .mobile-laydate-style .layui-laydate-header,
    .mobile-laydate-style .layui-laydate-content {
        width: 100% !important;
        max-width: 100% !important;
    }
    .layui-laydate-header i{
        top: 50%!important;
        transform: translateY(-50%);
    }
    .layui-laydate-content table{
        width: 100% !important;
    }
    /* 3. 增大触摸区域 */
    .mobile-laydate-style .layui-laydate-content td,
    .mobile-laydate-style .layui-laydate-content th {
        height: 44px !important;
        line-height: 44px !important;
    }

    /* 4. 去掉底部的按钮栏(可选，如果觉得手机上占地方) */
    /* .mobile-laydate-style .layui-laydate-footer { display: none; } */

    /* 动画定义 */
    @keyframes laydate-slide-up {
        from { transform: translateY(100%); }
        to { transform: translateY(0); }
    }
}

/* 简单的滑出动画定义 */
@keyframes laydate-slide-up {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}