/* 免定金专区页面样式 */

/* 基础样式重置 - 与message页面保持一致 */
h2 {
  all: unset;
  display: inline; /* 保留块级行为 */
}
ul{
	margin-bottom: 0;
}

/* 省份城市选择器样式 - 与首页、信息页、商家页保持一致 */
.p-city-list {
    margin-top: .75rem;
    margin-bottom: .75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: .75rem;
    display: grid;
    align-items: center;
    grid-row-gap: .75rem;
    row-gap: .75rem;
    grid-template-columns: 80px auto;
}

.p-city-list .p-less {
    display: flex;
    align-items: center;
}

.p-city-list .p-less .p-text {
    margin-right: .75rem;
    --tw-text-opacity: 1;
    color: rgb(236 72 153 / var(--tw-text-opacity));
}

.p-city-list .p-more {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-column-gap: .25rem;
    column-gap: .25rem;
    grid-row-gap: .75rem;
    row-gap: .75rem;
}

.p-city-list .p-more .p-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-text-opacity: 1;
    color: rgb(82 82 82 / var(--tw-text-opacity));
}

.p-city-list .p-more .p-item.p-active {
    --tw-text-opacity: 1;
    color: rgb(236 72 153 / var(--tw-text-opacity));
}

.p-city-list .p-btn {
    width: min-content;
}

.p-city-wrapper {
    margin-bottom: .75rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-columns: 80px auto;
}

.p-city-wrapper .p-city-area {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(82 82 82 / var(--tw-text-opacity));
    white-space: nowrap;
}

.p-city-wrapper .p-city-items {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-row-gap: .75rem;
    row-gap: .75rem;
}

@media (min-width: 576px) {
    .p-city-wrapper .p-city-items {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (min-width: 768px) {
    .p-city-wrapper .p-city-items {
        grid-template-columns: repeat(10, minmax(0, 1fr));
    }
}

.p-city-wrapper .p-city-items .p-city-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-text-opacity: 1;
    color: rgb(82 82 82 / var(--tw-text-opacity));
}

/* 列表样式 */
.info-list {
    margin-bottom: 1rem;
}

.info-list .g-section {
    margin-bottom: .75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    border-radius: .5rem;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}