/* pages/login/login.wxss */
.image {
	text-align: center;
}

.img {
	width: 545rpx;
}

.index_img {
	width: 100%;
	height: calc(100% - 0rpx);
	position: absolute;
}

.packet {
	z-index: -2;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.logo {
	right: 0;
	left: 0;
	margin: auto;
	width: 250rpx;
	top: 11.5%;
}

.myPrize {
	right: 10rpx;
	width: 170rpx;
	top: 30%;
}

.welfareOfficer {
	right: 10rpx;
	width: 170rpx;
	bottom: 28%;
}

.activity_box {
	width: 6em;
	text-align: center;
	position: absolute;
	display: flex;
	align-items: center;
	right: 26rpx;
	top: 13.5%;
}

.activity_rules {
	position: absolute;
	width: 100%;
	height: 60rpx;
	background-color: #B03344;
	border-radius: 20rpx;
}

.activity_rules_text {
	position: absolute;
	width: 180rpx;
	color: #fff;
	border-radius: 20rpx;
}

.product {
	top: 0;
	bottom: -13%;
	margin: auto;
}

.drink_power {
	position: absolute;
	width: 53%;
	top: 17.5%;
	margin: auto;
	left: 0;
	right: 0;
}

.draw_now {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 130rpx;
	width: 75%;
}

.container_page {
	width: 100%;
	min-height: 100vh;
	/* background-image: url('https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/login_bg.png'); */
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	background-color: #156fbf;
	overflow: auto;
	position: relative;
}

.btn {
	width: 630rpx;
	height: 96rpx;
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	bottom: 140rpx;
	border: 2rpx solid #fff;
	border-radius: 48rpx;
	box-sizing: border-box;
	/* background-image: url('https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/login_btn.png');
  background-repeat: no-repeat;
  background-position: center;
	background-size: 100% 100%; */
	/* background-image: linear-gradient(to top, #004588 20%,  #0077b9 100%); */
	background-image: #FBC4A0;
	font-size: 32rpx;
	font-weight: 400;
	font-size: 36rpx;
	color: #FFFFFF;
	line-height: 96rpx;
	text-align: center;
	display: block;
	margin: 0 auto;
	box-shadow: 0 8rpx 8rpx 0 #00235580;
}

/* .btn-check-shop{
	width: 36px;
	height: 25px;
	font-family: AlibabaPuHuiTiM;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
} */
.cancel_btn {
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	bottom: 70rpx;
	font-family: AlibabaPuHuiTiM;
	font-size: 36rpx;
	color: #FFFFFF;
	text-align: center;
	text-decoration: underline;
}

.btn::after {
	border: none;
}

.btn-solid {
	/* background-color: #FF7F00; */
	color: #fff !important;
}


.btn-line {
	background-color: #fff !important;
	border: 1px solid #FF7F00;
	color: #FF7F00;
}

.btn[disabled] {
	background-color: #D2D2D2 !important;
	border-color: #D2D2D2 !important;
	color: #FFF !important;
}

.orange-theme {
	/* background-color: #FF7F00;
  border-color: #FF7F00; */
	color: #FF7F00;
	/* margin-top: 109rpx;
  margin-bottom: 40rpx; */
}

.agree-wrap {
	/* background-color: #fff; */
	width: 100%;
	box-sizing: border-box;
	border-radius: 20rpx;
	height: 53% !important;
	padding: 30rpx 50rpx 50rpx;
	position: relative;
}

.agree-client {
	display: flex;
	align-items: center;
	font-weight: 500;
	font-size: 32rpx;
	color: #333333;
}

.agreeText {
	margin: auto;
	font-size: 42rpx !important;
	font-weight: bold;
	position: absolute;
	top: -2%;
	left: 0;
	right: 0;
	text-align: center;
}

.agree-content {
	color: #333333;
	font-size: 30rpx;
	font-weight: Regular;
	line-height: 48rpx;
	margin-top: 15%;
	min-height: 216rpx;
	padding: 0 10%;
}

.agree-content view {
	padding: 6rpx 0;
}

.agree-content text {
	color: #00A4FF;
	text-decoration: underline;
}

.agree-client image {
	width: 60rpx;
	height: 60rpx;
	border-radius: 60rpx;
	margin-right: 14rpx;
}

.agree-btns {
	display: flex;
	/* justify-content: space-around; */
	flex-direction: column;
	margin-top: 10rpx;
	bottom: 10%;
	position: absolute;
	width: 80%;
}
.agree-btns button{
	margin: 10rpx auto;
}

.agree-btn {
	width: 200rpx;
	height: 80rpx;
	background: #EEEEEE;
	border-radius: 8rpx;
	font-weight: 500;
	font-size: 32rpx;
	color: #fff;
}

.agree-btn.agree {
	background: #FFE18C;
	color: #F90000;
}
.agree-btn.refuse {
	background: #FF2222;
	color: #fff;
	border: 1px solid #fff;
}