page {
	box-sizing: border-box;
	padding: 20rpx 20rpx 0;
	background-color: #f2f2f2;
	font-size: 28rpx;
}

.bdr12 {
	border-radius: 12rpx;
}

.w40 {
	width: 40%;
	box-sizing: border-box;
}

.btn-border {
	border: 2rpx solid #808080;
}


.bg-red {
	background-image: -webkit-linear-gradient(315deg,#f2140c,#f2270c 70%,#f24d0c);
	background-image: linear-gradient(135deg,#f2140c,#f2270c 70%,#f24d0c);
}

.bg-orange {
	background-image: -webkit-linear-gradient(315deg,#ffba0d,#ffc30d 69%,#ffcf0d);
	background-image: linear-gradient(135deg,#ffba0d,#ffc30d 69%,#ffcf0d);
}

.c-orange {
	color: #ff9000;
}

.main {
	padding-bottom: 134rpx;
}

.pic-box {
	width: 130rpx;
	height: 130rpx;
	border-radius: 12rpx;
	overflow: hidden;
}

.rmb::before {
	content: '￥';
}

.title {
	height: 88rpx;
}

.separator {
	position: relative;
}

.separator::before {
	content: '';
	position: absolute;
	width: 2rpx;
	height: 30%;
	background-color: #f8f8f8;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.btn-bar {
	box-sizing: border-box;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	font-size: 26rpx;
	border-top: 2rpx solid #f2f2f2;
}

.btn {
	box-sizing: border-box;
	display: inline-block;
	height: 70rpx;
	line-height: 70rpx;
	padding: 0 40rpx;
	border-radius: 100rpx;
}

.btn-copy {
	display: block;
	color: #666;
	font-size: 22rpx;
	padding: 0 20rpx;
	border-radius: 6rpx;
	background-color: #f0f0f0;
}