/*****共用背景*/
.web-icon {
	display: inline-block;
}

.ico {
	width: 15px;
	height: 16px;
	background-position: 3px 5px;
	position: relative;
	top: 3px;
}

/* 复用样式 */
/* .img_bj {
	position: absolute;
	top: 0;
	left: 0.14rem;
	width: 2.9rem;
	height: 2.12rem;
} */

.tow.img_bj {
	left: 0.34rem;
	width: 3.42rem;
	height: 1.75rem;
}

/* .img_phone {
	position: absolute;
	bottom: 0;
	right: 0.28rem;
	width: 1.76rem;
	height: 2.65rem;
	z-index: 1;
} */

/* 返回头部 */
.back_header {
	position: absolute;
	bottom: 0.3rem;
	right: 0.3rem;
	width: 0.8rem;
	height: 0.8rem;
}

.float_right {
	position: absolute;
	right: 0;
	top: 6rem;
	z-index: 1;
}

.float_right div {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.6rem;
	height: 1.4rem;
	writing-mode: tb-rl;
	font-size: 0.24rem;
	color: #fff;
	border-radius: 0.2rem 0 0 0.2rem;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 1;
}

.float_one {
	/*决定文字排版方向*/
}

.float_one.on {
	background-color: #fc2b55;
}

.float_tow {
	margin-top: 0.18rem;
	/*决定文字排版方向*/
}

.float_tow.wx {
	font-size: 0.28rem;
}

.float_tow.on {
	background-color: #737373;
}

/* 状态图案 */
.coupon_form .guoqi {
	position: absolute;
	right: 0.2rem;
	top: 0.08rem;
	width: 1.64rem;
	height: 1.44rem;
}

.coupon_form .guoqi img {
	width: 100%;
}

/* 头部logo */
.header {
	position: relative;
	box-sizing: border-box;
}

.header .header_bj {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-1.27rem, -1.2rem);
	width: 2.54rem;
	height: 1.27rem;
	background-color: #fdeccf;
	border-radius: 1.27rem 1.27rem 0 0;
	text-align: center;
	z-index: 1;
}

.header .header_logo {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-0.68rem, -0.69rem);
	width: 1.37rem;
	height: 1.37rem;
	background-size: cover;
	z-index: 1;
}

.ali .header .header_logo {
	transform: translate(-0.68rem, -0.9rem);
}

.header.rd .header_bj {
	left: 4.77rem;
	height: 1.38rem;
	transform: translate(0rem, -1.2rem);
}

.header.rd .header_logo {
	left: 5.38rem;
	transform: translate(0, -0.69rem);
}

.container {
	height: 100%;
	font-size: .24rem;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}

.container .wx_bg {
	padding: 8.27rem 0 0;
	min-height: 15.10rem;
	position: relative;
	background: url("https://static.ldvip.cn/unitary_voucher/bj/img/wx_bg.jpg") no-repeat;
	background-size: cover;
	box-sizing: border-box;
}

.container .ali_bg {
	padding: 8.27rem 0 0;
	min-height: 15.10rem;
	position: relative;
	background: url("https://static.ldvip.cn/unitary_voucher/bj/img/ali_bg.jpg") no-repeat;
	background-size: cover;
	box-sizing: border-box;
}

/*线*/
.hr {
	width: 100%;
	height: 0px;
	border: 0.01rem dashed #D8D8D8;
}

.activitydescription-con {
	padding: 0 0.5rem;
	overflow: hidden;
	box-sizing: border-box;
}

.activitydescription-con .title {
	height: 0.4rem;
	line-height: .4rem;
	font-family: SourceHanSansCN-Bold;
	font-size: 0.28rem;
	font-weight: bold;
	letter-spacing: 0em;
	color: #3D3D3D;
}

.activitydescription-con .details p {
	text-align: left;
	font-size: 0.26rem;
	font-weight: normal;
	line-height: 1.8em;
	letter-spacing: 0.12em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: PingFangSC-Medium;
	color: #3D3D3D;
}

.activitydescription-con .details img {
	width: 100%;
}

.activitydescription-con .more_text {
	float: right;
	color: #fc2b55;
}

.activitydescription-con .more_text .txt {
	text-decoration: underline;
	font-weight: 500;
	line-height: 1.2em;
	font-size: 0.18rem;
	color: #fc2b55;
}

/* 优惠券信息 */
.coupon-info {
	text-align: center;
	padding-top: 0.68rem;
	box-sizing: border-box;
}

.coupon-info .title {
	font-size: .3rem;
	font-weight: 500;
	line-height: .4rem;
	font-family: SourceHanSansCN-Medium;
	letter-spacing: 0em;
	color: #333333;
}

.coupon-info .coupon-price {
	margin-top: 0.28rem;
	text-align: center;
	word-wrap: break-word;
	word-break: break-all;
	font-family: PingFangSC-Bold;
	font-size: 0.56rem;
	font-weight: bold;
	letter-spacing: 0em;
	color: #3D3D3D;
}

.coupon-info .coupon-text {
	margin: 0.44rem auto 0;
	padding: 0.2rem 0.05rem;
	width: 2.4rem;
	word-wrap: break-word;
	word-break: break-all;
	font-family: PingFangSC-Regular;
	font-size: 0.28rem;
	color: #b51713;
	border-radius: 0.4rem;
	background: linear-gradient(to bottom, #f19f21, #fdca55);
}

.coupon-info .coupon-time {
	margin-top: 0.3rem;
	font-size: .24rem;
	font-weight: 400;
	color: #666;
}

.coupon_form .no-receive-btn {
	margin: 0.4rem 1.54rem 0.3rem;
	padding: 0.2rem 0.96rem;
	text-align: center;
	font-family: SourceHanSansCN-Medium;
	font-size: 0.46rem;
	font-weight: 500;
	letter-spacing: 0em;
	color: #ffffff;
	letter-spacing: .01rem;
	border-radius: 0.6rem;
	background: #fc2b55;
}

.coupon_form .coupon-time {
	text-align: center;
	font-family: SourceHanSansCN-Regular;
	font-size: 0.24rem;
	font-weight: normal;
	letter-spacing: 0em;
	color: #999999;
}

/* 领取记录 */
.getRecord .row {
	padding: 0 0.1rem;
	overflow: hidden;
}

.getRecord .row .col {
	padding: 0.24rem 0.3rem 0.24rem 0.54rem;
	border-radius: 0.2rem;
	background-color: #f2f2f2;
	box-sizing: border-box;
}

.getRecord-title {
	margin: 0.3rem 0;
	text-align: center;
	overflow: hidden;
}

.getRecord-title .img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-1.4rem, 0.28rem);
	width: 0.57rem;
	height: 0.45rem;
}

.getRecord-title p {
	word-wrap: break-word;
	word-break: break-all;
	font-size: 0.36rem;
	font-weight: bold;
}

.getRecord-state {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.getRecord-state .time {
	font-size: 0.22rem;
	font-weight: 500;
	color: #646464;
}

.getRecord-state .state-right {
	display: flex;
	justify-content: space-between;
}

.getRecord-state .state-text img {
	width: 0.24rem;
	height: 0.24rem;
}

.getRecord-state .state-text {
	margin-right: 0.22rem;
	display: flex;
	align-items: center;
}

.getRecord-state .state-text p {
	font-size: 0.24rem;
	font-weight: 500;
	color: #3ec288;
}

.getRecord-state .state-btn {
	padding: 0.05rem 0.2rem;
	background-color: #fc2b55;
	color: #fff;
	font-size: 0.22rem;
	border-radius: 0.2rem;
}

.getRecord-state .state-btn.on {
	background-color: #a1a1a1;
}

.getRecord-message {
	display: flex;
	align-items: center;
	margin-top: 0.28rem;
	box-sizing: border-box;
	overflow: hidden;
}

.getRecord-message .img_wx {
	width: 0.93rem;
	height: 0.82rem;
}

.getRecord-con {
	flex: 1;
	margin-left: 0.6rem;
}

.getRecord-con .text {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.getRecord-con .text p {
	word-wrap: break-word;
	word-break: break-all;
	font-size: 0.22rem;
	font-weight: 500;
	color: #565656;
}

.getRecord-con .text .txt {
	padding-right: 0.2rem;
	font-size: 0.26rem;
	font-weight: bold;
	color: #333;
}

/* 隐私保护 */
.agreement {
	padding: 0.6rem 0.3rem 0.4rem;
}

.agreement p {
	font-weight: 500;
	font-size: 0.26rem;
	line-height: 1.8em;
	color: #333;
	word-wrap: break-word;
	word-break: break-all;
}

.agreement .agreement_title {
	font-size: 0.36rem;
	font-weight: bold;
	word-wrap: break-word;
	word-break: break-all;
	text-align: center;
}

.agreement .txt {
	text-decoration: underline;
	font-size: 0.28rem !important;
	font-weight: bold !important;
}

/* 页脚 */
.footer {
	margin: 0.6rem 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer .text {
	margin: 0 0.15rem;
	display: flex;
	align-items: center;
	z-index: 1;
}

.footer .text img {
	margin-right: 0.12rem;
	width: 0.22rem;
	height: 0.22rem;
}

.footer .txt {
	color: #fff;
	font-size: 0.22rem;
}

.method .footer .txt {
	color: #333;
	font-size: 0.22rem;
}

/* 页脚 */
.footer.gray {
	display: block;
	margin: 0;
	padding: 0;
	height: 2.89rem;
	background: url("https://static.ldvip.cn/unitary_voucher/bj/img/bottom_bg@2x.png") no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
}

.footer.gray .agreement-con {
	margin-top: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer.gray .text {
	margin: 0 0.15rem;
	display: flex;
	align-items: center;
	z-index: 1;
}

.footer.gray img {
	margin-right: 0.12rem;
	width: 0.22rem;
	height: 0.22rem;
}

.footer.gray .txt {
	color: #fff;
	font-size: 0.24rem;
}

.footer.gray .txt {
	color: #6c6c6c;
	text-decoration: underline;
}

.footer.gray .hot-line {
	margin: .2rem auto;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}

.footer.gray .hot-line .txt {
	color: #ff591c;
}

/* 使用方法 */
.method {
	width: 7.5rem;
	height: 100%;
	font-size: 0.24rem;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}

.method-header {
	width: 100%;
	height: 3.61rem;
}

.methods-con {
	margin-top: 0.8rem;
}

.method_bj01 {
	margin: 0 auto;
	width: 6.68rem;
	height: 7.96rem;
}

.method_bj02 {
	margin: 0.4rem auto 0;
	width: 6.6rem;
	height: 5.84rem;
}

.method_bj03 {
	margin: 0.56rem auto 0;
	width: 6.68rem;
	height: 5.84rem;
}

.method_bj04 {
	margin: 0.48rem auto 0;
	width: 6.59rem;
	height: 7.36rem;
}

/* 说明弹窗 */
.modal {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 7.5rem;
	height: 100%;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 1;
}

.descriptionModal {
	display: none;
	position: fixed;
	/* position: absolute; */
	top: 2.24rem;
	left: 50%;
	transform: translate(-50%, 0);
	width: 6rem;
	z-index: 1111;
}

.descriptionModal .row {
	padding: 0.38rem 0.3rem;
	width: 100%;
	height: 8.4rem;
	border-radius: 0.2rem;
	background-color: #ffffff;
	overflow: auto;
	border: 0.16rem solid #e8b980;
	box-sizing: border-box;
}

@media only screen and (min-width: 1024px) {
	.descriptionModal {
		top: 0.2rem;
	}

	.descriptionModal .row {
		height: 8rem;
	}
}

.descriptionModal .title {
	text-align: center;
	font-size: 0.36rem;
	font-weight: bold;
}

.descriptionModal .list {
	margin-top: 0.38rem;
}

.descriptionModal .list p {
	font-size: 0.2rem;
	font-weight: 500;
	line-height: 2em;
	color: #333;
	word-wrap: break-word;
	word-break: break-all;
}

.descriptionModal .close {
	margin: 0.36rem auto 0;
	width: 0.7rem;
	height: 0.7rem;
}

/* 领取成功弹窗 */
.pop-content {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	background: #FFFFFF;
	border-radius: 0.1rem;
	box-sizing: border-box;
}

.pop-close {
	position: absolute;
	width: 0.27rem;
	height: 0.27rem;
	top: 0.36rem;
	right: 0.36rem;
}

.pop-close img {
	display: block;
	width: 100%;
	height: 100%;
}

.pop-title {
	padding: 1.11rem 0 0.37rem;
	text-align: center;
	word-wrap: break-word;
	word-break: break-all;
	font-size: 0.38rem;
	color: #333;
}

.pop-gift {
	margin: 0 auto;
	width: 3.36rem;
	height: 1.96rem;
}

.pop-gift img {
	width: 100%;
	height: 100%;
}

.pop-con {
	padding-top: 0.29rem;
	text-align: center;
	word-wrap: break-word;
	word-break: break-all;
	font-size: 0.28rem;
	color: #666;
}

.pop-btn {
	margin: 0.59rem auto 0;
	text-align: center;
	width: 4.9rem;
	height: 0.88rem;
	line-height: 0.88rem;
	font-size: 0.36rem;
	font-family: PingFang SC;
	font-weight: bold;
	color: #FFFFFF;
	word-wrap: break-word;
	word-break: break-all;
	border-radius: 0.08rem;
}

.pop-content.wx .pop-btn {
	background-color: #00C250;
}

.pop-content.ali .pop-btn {
	background-color: #3974F6;
}

/* 微信 */
.container.wx {
	background-color: #ae110b;
}

.activityDescription-title {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.activityDescription-title .activityDescription-icon {
	width: 0.66rem;
	height: 0.15rem;
}

.activityDescription-title .title {
	padding: 0 0.3rem;
	font-size: 0.36rem;
	font-weight: bold;
}

/* 微信 end */

/* 支付宝 */
.container.ali {
	background: #0f3cb3;
}

.ali .coupon-info .title {
	color: #0f3cb3;
}

/* 支付宝使用方法 */
.ali .method_bj03 {
	margin: 0.4rem auto 0;
	width: 6.66rem;
	height: 7.35rem;
}

.ali .getRecord-state .state-text p {
	color: #0f3cb3;
}

.ali .getRecord-message .img_wx {
	width: 1.11rem;
	height: 1.11rem;
}

.container.ali .content .input-content {
	margin-top: 0.6rem;
	padding: 0 0.36rem 0.6rem;
	position: relative;
}

.container.ali .content .input-content .no-receive-btn {
	border-radius: 0.4rem;
	height: 0.8rem;
	line-height: .8rem;
	background: #80c3f3;
	text-align: center;
	font-size: .3rem;
	font-weight: 600;
	color: #fff;
	letter-spacing: .01rem;
}

/* 卡密 */
.redeemcoupons {
	position: relative;
	/* width: 7.5rem; */
	/* height: 100%; */
	font-size: .16rem;
	overflow: hidden;
	background-color: #ffdeac;
	box-sizing: border-box;
}

.redeemcoupons .img_phone {
	position: absolute;
	bottom: 0.4rem;
	right: 0.4rem;
	width: 2.39rem;
	height: 1.82rem;
}

.redeemcoupons .header {
	width: 7.5rem;
	height: 5.76rem;
	overflow: hidden;
	box-sizing: border-box;
}

.redeemcoupons .header .header-path {
	position: absolute;
	left: 0.32rem;
	top: 0.36rem;
	width: 0.16rem;
	height: 0.28rem;
}

.redeemcoupons .header .header-path img {
	width: 100%;
}

.redeemcoupons .header .header-title {
	width: 3rem;
	word-wrap: break-word;
	word-break: break-all;
	font-family: PingFang SC;
	text-align: center;
	font-size: 0.36rem;
	font-weight: bold;
	line-height: .48rem;
	letter-spacing: 0.1em;
	color: #333333;
}

.redeemcoupons .redeemcoupons_con {
	width: 100%;
	min-height: 12.2rem;
	background: url("https://static.ldvip.cn/unitary_voucher/bj/img/code_wx-header-bg.png") no-repeat;
	background-size: cover;
	overflow: hidden;
	box-sizing: border-box;
}

.redeemcoupons.ali .redeemcoupons_con {
	width: 100%;
	min-height: 12.2rem;
	background: url("https://static.ldvip.cn/unitary_voucher/bj/img/code_ali-header-bg.png") no-repeat;
	background-size: cover;
	overflow: hidden;
	box-sizing: border-box;
}

.redeemcoupons_con .form {
	margin: 7.6rem auto 0;
	padding: 0 0.3rem;
	position: relative;
	width: 6.2rem;
	border-radius: 0.2rem;
	/*内阴影*/
	overflow: hidden;
	box-sizing: border-box;
}

.redeemcoupons_con .form_border {
	margin: 0.06rem 0.06rem;
	padding: 0.36rem 0.34rem;
	border-radius: 0.2rem;
}

.redeemcoupons_con .form .title {
	text-align: center;
	font-size: 0.32rem;
	font-weight: bold;
	font-style: italic;
	color: #f13038;
}

.redeemcoupons_con .form .form-input {
	display: block;
	width: 100%;
	height: 0.8rem;
	text-align: center;
	font-family: PingFang SC;
	font-size: 0.3rem;
	font-family: arial;
	color: #333;
	font-weight: 500;
	border-radius: 0.1rem;
	box-shadow: 5px 2px 5px #cacaca;
	border: none;
	background: #fff;
	box-sizing: border-box;
}

.redeemcoupons_con .form input::-webkit-input-placeholder {
	/* WebKit browsers 适配谷歌 */
	color: #9e9d9d;
}

.redeemcoupons_con .form .form-btn {
	display: block;
	margin: 0 auto;
	width: 3.1rem;
	height: 0.7rem;
	cursor: pointer;
}

.redeemcoupons_con .form .form_hint {
	word-wrap: break-word;
	word-break: break-all;
	text-align: center;
	font-size: 0.23rem;
	font-family: PingFang SC;
	font-weight: 500;
	color: #cacaca;
}
.redeemcoupons_con .form .form_hint1{
	word-wrap: break-word;
	word-break: break-all;
	text-align: center;
	font-size: 0.23rem;
	font-family: PingFang SC;
	font-weight: 500;
	color: #ff5e00;
}
.redeemcoupons_con .form .form_hint1 a{
	color: #ff5e00;
}

.explain-wrap {
	position: relative;
	min-height: 5.46rem;
	background: url("https://static.ldvip.cn/unitary_voucher/bj/img/code_wx-explain-bg.png") no-repeat;
	background-size: cover;
	box-sizing: border-box;
}

.explain-img {
	position: absolute;
	left: 50%;
	top: -0.4rem;
	transform: translate(-50%, 0);
	width: 4.64rem;
	height: .9rem;
}

.explain {
	position: relative;
	margin: 0 auto;
	padding: 0.2rem;
	width: 6.87rem;
	border-radius: 0.2rem;
	box-sizing: border-box;
	background: #fff;
	box-shadow: 0px 0px 15px 1px #ffdeac inset;
}

.rule-img {
	display: block;
	width: 100%;
}

.explain-text {
	padding: 0.5rem .25rem 0;
	height: 8rem;
	border: 2px dashed #fe8455;
	overflow-y: auto;
	box-sizing: border-box;
}

.explain p {
	word-wrap: break-word;
	word-break: break-all;
	width: 100%;
	font-size: 0.24rem;
	font-family: PingFang SC;
	font-weight: 500;
	color: #333;
	line-height: 1.8em;
}

.explain .more_text {
	margin: 0.4rem auto 0.2rem;
	text-align: center;
	width: 2.6rem;
	padding: 0.1rem 0;
	color: #fc2b55;
}

.explain .more_text_middle {
	margin-left: auto;
	text-align: center;
	width: 2.6rem;
	padding: 0.1rem 0;
	color: #fc2b55;
}

.explain .more_text .txt,
.explain .more_text_middle .txt {
	text-decoration: underline;
	font-weight: 500;
	line-height: 1.2em;
	font-size: 0.18rem;
	color: #fc2b55;
}


.explain .onw {
	font-style: italic;
	color: #ee4e4d;
}

.explain .tow {
	font-style: italic;
	color: #0188c1;
}

.explain .title {
	font-style: italic;
	text-align: center;
	font-size: 0.3rem;
	font-weight: bold;
}

.explain p .bold {
	font-weight: bold;
	/* text-decoration: underline; */
	border-bottom: 1px solid #fff;
}

.record-wrap {
	padding-bottom: .3rem;
	height: auto;
	background: url("https://static.ldvip.cn/unitary_voucher/bj/img/code_wx-record-bg.png") no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
}

.form_con {
	margin: 0 auto;
	position: relative;
	width: 6.86rem;
	border-radius: 0.2rem;
	background-color: #fcf5e0;
	/*内阴影*/
	box-shadow: 0px 0px 20px 10px #f3c4aaad inset;
	overflow: hidden;
	box-sizing: border-box;
}

.form_border {
	margin: 0.06rem 0.06rem;
	padding: 0.36rem 0.34rem;
	border-radius: 0.2rem;
}

/* 领取记录 */
.redeemcoupons .record {
	position: relative;
	margin: 0.95rem auto 0;
	padding: 0.8rem 0.2rem 0.6rem;
	width: 6.86rem;
	border-radius: 0.2rem;
	background-color: #ffffff;
	/*内阴影*/
	box-shadow: 0px 0px 15px 1px #ffdeac inset;
	box-sizing: border-box;
}

.redeemcoupons .record .record-img {
	position: absolute;
	left: 50%;
	top: -0.4rem;
	transform: translate(-50%, 0);
	width: 4.64rem;
	height: .9rem;
}

.redeemcoupons .record .title {
	position: relative;
	width: 100%;
	height: 0.64rem;
	line-height: 0.64rem;
}

.redeemcoupons .record .title p {
	word-wrap: break-word;
	word-break: break-all;
	text-align: center;
	font-style: italic;
	font-size: 0.36rem;
	font-weight: bold;
}

.redeemcoupons .record .img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-1.4rem, -50%);
	width: 0.57rem;
	height: 0.45rem;
}

.redeemcoupons .record .col {
	padding: 0.24rem 0.25rem 0.24rem 0.5rem;
	border: 2px dashed #fe8455;
	border-radius: 0.2rem;
}

.phone .txt {
	color: #ff0000;
}

.phone a {
	color: #ff0000;
}
