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

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

p {
	margin: 0;
}

ul{
	margin-bottom: 0;
}

.list-card {
	display: flex;
	align-items: center;
	justify-content: center
}

/* 省份城市选择器样式 - 与首页、信息页、商家页保持一致 */
.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));
}

/* tab 样式 */
.p-list-tabset .ant-tabs-nav {
    margin-bottom: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: .75rem;
    padding-right: .75rem;
}

/* 隐藏 ant-tabs 的内容区域，避免多余的空白和横线 */
.p-list-tabset .ant-tabs-content {
    display: none;
}

.p-list-tabset .ant-tabs-tabpane {
    display: none;
}

/* tab 选中状态样式 */
.text-content {
    --tw-text-opacity: 1;
    color: rgb(82 82 82 / var(--tw-text-opacity));
}

.text-content.active {
    --tw-text-opacity: 1;
    color: rgb(236 72 153 / var(--tw-text-opacity));
    font-weight: normal;
}

/* 列表样式 */
.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);
}



/* 凤楼迭代25-11-12  */
.warning-marquee {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.warning-marquee .marquee-line {
	width: 1px;
	height: 1.25rem;
	background: #c5c5c5;
	margin: 0 1.25rem;
}

.marquee {
	position: relative;
	flex: 1;
	overflow: hidden;
}

.marquee-inner {
	display: inline-block;
	white-space: nowrap;
	animation: marquee 10s linear infinite;
}

.marquee-inner span {
	display: inline-block;
	padding-right: 2rem;
	font-size: 0.875rem;
}

@keyframes marquee {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-50%);
	}
}

.detail-checkout {
	width: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	gap: 0.625rem;
}

.detail-checkout .check-post {
	display: flex;
	flex: 1;
	flex-direction: row;
	align-items: center;
	height: 7.75rem;
	border-radius: 2px;
	overflow: hidden;
}

.detail-checkout .no-check {
	flex: 1;
	display: flex;
	flex-direction: row;
	gap: 0.55rem ;
	align-items: center;
	justify-content: center;
	height: 7.75rem;
	border-radius: 2px;
	background: #e7e7e7;
	overflow: hidden;
	color: #525252;
	font-size: 0.875rem;
}

.detail-checkout .check-post.check-post-r {
	flex-direction: row-reverse;
}

.detail-checkout .check-post .check-post-left {
	height: 100%;
	width: 2.5rem;
	background: #e7e7e7;
	writing-mode: vertical-rl;
	text-orientation: upright;
	font-size: 0.875rem;
	color: #525252;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	letter-spacing: 0.5rem;

}

.detail-checkout .check-post .check-post-info {
	flex: 1;
	overflow: hidden;
	padding: 0.625rem;
	background: #fff;
	height: 100%;
	display: flex;
	flex-direction: row;
}

.detail-checkout .check-post .check-post-info .check-post-thumb {
	flex-shrink: 0;
	height: 100%;
	width: 4.5rem;
	border-radius: 2.2px;
	overflow: hidden;
	margin-right: 0.625rem;
}

.detail-checkout .check-post .check-post-info .check-post-info-r {
	flex: 1;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	font-size: 0.875rem;
	padding: 0.625rem 0;
	justify-content: space-between;
}

.detail-checkout .check-post .check-post-info .check-post-info-r .check-post-title {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.detail-checkout .check-post .check-post-info .check-post-info-r .check-post-title>p {
	margin-right: 0.625rem;
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #525252;
}

.detail-checkout .check-post .check-post-info .check-post-info-r .check-post-title>span {
	color: #ec4899;
}

.detail-checkout .check-post .check-post-info .check-post-info-r .check-post-b p {
	color: #a3a3a3;
}

@media (max-width: 768px) {
	.fl-icon-risk-warning {
		display: none;
	}

	.marquee-line {
		display: none;
	}

	.marquee {
		margin-left: 0.357rem;
	}

	.warning-marquee>span {
		color: #ec4899;
		font-size: 1rem;
	}

	.marquee-inner {
		display: inline-block;
		white-space: nowrap;
		animation: marquee 15s linear infinite;
	}

	.detail-checkout .check-post,
	.detail-checkout .check-post.check-post-r {
		flex-direction: column;
	}

	.detail-checkout .check-post .check-post-left {
		width: 100%;
		font-size: 1rem;
		height: 2.14rem;
		writing-mode: horizontal-tb;
		text-orientation: mixed;
		letter-spacing: normal;
	}

	.detail-checkout .check-post .check-post-left {
		width: 100%;
	}

	.detail-checkout .check-post .check-post-info {
		width: 100%;
		padding: 0.714rem;
	}

	.detail-checkout .check-post .check-post-info .check-post-thumb {
		width: 3.39285rem;
		height: 4.2857rem;
		margin-right: 0.714rem;
	}

	.detail-checkout .check-post .check-post-info .check-post-info-r .check-post-b {
		display: none;
	}

	.detail-checkout .check-post .check-post-info .check-post-info-r .check-post-title {
		display: flex;
		flex-direction: column;
		align-items: start;
		justify-content: space-between;
	}

	.detail-checkout .check-post .check-post-info .check-post-info-r {
		padding: 0;
	}

	.detail-checkout .check-post .check-post-info .check-post-info-r .check-post-title>p {
		width: 100%;
		white-space:wrap;
		margin: 0;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		font-size: 1rem;
	}
	.detail-checkout .no-check{
		flex-direction: column;
		align-items: center;
	}
}


/* 凤楼迭代25-11-12  */