easyshop-wxmini/lib/spec-popup/index.wxss

.flex {
	display: flex;
}

.column-bottom {
	align-items: flex-end;
}

.row-middle {
	align-items: center;
}

.spec-popup {
	height: 60%;
	padding: 32rpx 0 0;
	text-align: left;
	z-index: 110 !important;
}

.spec-top {
	width: calc(100% - 48rpx);
	height: 30%;
	margin: auto;
	justify-content: space-between;
	border-bottom: 2rpx solid rgba(110, 123, 143, 0.16);
}

.spec-url {
	width: 176rpx;
	height: 100%;
	border-radius: 16rpx;
}

.spec-selected {
	flex-direction: column;
	justify-content: flex-end;
	margin-left: 24rpx;
	line-height: 26rpx;
	font-size: 22rpx;
	color: #50555F;
}

.spec-price {
	margin-bottom: 12rpx;
	line-height: 38rpx;
	font-size: 32rpx;
	color: #F94F50;
}

.txt {
	padding-left: 4rpx;
	line-height: 56rpx;
	font-size: 48rpx;
	font-family: DIN Alternate-Bold, DIN Alternate;
	font-weight: bold;
}

.spec-content {
	height: calc(70% - 36rpx);
	margin-top: 36rpx;
	padding-bottom: 32rpx;
}

.spec-list {
	padding: 0 24rpx;
	margin-bottom: 44rpx;
}

.spec-label {
	margin-bottom: 20rpx;
	line-height: 40rpx;
}

.spec-value {
	display: inline-block;
	margin-right: 24rpx;
	padding: 14rpx 40rpx;
	background: #f8f8f8;
	border: 2rpx solid transparent;
	border-radius: 42rpx;
	text-align: center;
	line-height: 28rpx;
	color: #060606;
}

.value-active {
	background: #fceeee;
	border-color: #D32D2F;
	color: #D32D2F;
}

.spec-count {
	padding: 0 24rpx;
	justify-content: space-between;
}

.count-label {
	margin-bottom: 0;
	line-height: 60rpx;
}