zx_flk_app/pages/coupon/coupon.css

.container {
	margin-bottom: 160rpx;
}

/* 第一部分 */
.select-top {
	width: 100%;
	background-color: #FFFFFF;
	justify-content: space-between;
	align-items: center;
	padding: 24rpx 112rpx 6rpx;
}

.select-item {
	font-size: 28rpx;
	color: #000000;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.selected-item {
	font-size: 28rpx;
	color: #0074FF;
}

.circle {
	width: 18rpx;
	height: 18rpx;
	border-radius: 50%;
	clip-path: inset(60% 0% 0% 0%);
	border: 4rpx solid #FFFFFF;
}

.select-circle {
	width: 18rpx;
	height: 18rpx;
	border-radius: 50%;
	clip-path: inset(60% 0% 0% 0%);
	border: 4rpx solid #0074FF;
}

/* 第二部分 */
.card-box {
	margin: 24rpx 32rpx 0;
}

.card-item {
	background: url('https://qiniu.bms16.com/FmqnSLkoG6capPCFEeLICDbMcVfk') no-repeat;
	background-size: cover;
}

.card-top {
	justify-content: space-between;
	align-items: center;
	padding: 30rpx 32rpx 24rpx 40rpx;
}

.top-left {
	align-items: center;
	flex-direction: column;
}

.top-left-r {
	color: #F95151;
}

.top-left-b {
	color: #0074FF;
}

.top-left > view:nth-of-type(1) {
	font-size: 64rpx;
}

.top-left > view:nth-of-type(2) {
	font-size: 28rpx;
}

.top-center {
	color: #5E6F90;
	font-size: 24rpx;
}

.top-center > view:nth-of-type(1) {
	color: #2A3A5A;
	font-size: 32rpx;
	font-weight: bold;
	margin-bottom: 16rpx;
}

.top-center > view:nth-of-type(2) {
	margin-bottom: 12rpx;
}

.top-right > view {
	border-radius: 28rpx;
	background-color: #0074FF;
	padding: 12rpx 32rpx;
	font-size: 24rpx;
	color: #FFFFFF;
}

.card-bottom {
	padding: 52rpx 0 24rpx 40rpx;
	font-size: 20rpx;
	color: #9FA7B7;
}

/* 第三部分 */
.bottom-item {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #FFFFFF;
	padding: 30rpx 146rpx 64rpx;
	justify-content: space-between;
	color: #333333;
	font-size: 28rpx;
}

.bottom-border {
	width: 2rpx;
	height: 32rpx;
	background-color: #F0F0F0;
}

.bottom-img {
	width: 40rpx;
	height: 40rpx;
	vertical-align: middle;
	margin-right: 12rpx;
}