@charset "UTF-8";

/*
* @description: 月卡
 *@author:王奉
* @update: name(2020/08/06)
 */

body {
	width: 100%;
	height: 100vh;
	
}
.ecard-header{
	width:100%;
	height:12rem;
	background-size:100% 100%;
	background:url(../images/ecard/bg.png) no-repeat center;
	position:relative;
	z-index:1;
}
.back_icon{
	width: 0.74rem;
	margin:2.5rem 0 0 1rem;
	position:absolute;
   
}
.link-rule{
	color:#222;
	margin:2.5rem 0  0 0;
	font-size: 1rem;
	position:absolute;
	right: 1rem;
}
.info{
	width:96%;
    height:8.5rem;
    background:linear-gradient(90deg,rgba(251,227,208,1) 0%,rgba(228,187,148,1) 100%);
    box-shadow:0px 2px 17px 0px rgba(174,116,73,0.3);
    border-radius:1rem;
	margin:-5rem auto 0;
	position:relative;
	z-index:2;

}
.infodisable{
	background:linear-gradient(90deg,#e6e6e6 0%,#bfbfbf 100%);
   box-shadow:1px 6px 50px 0px rgba(94,94,94,0.3);

}
.expire{
    background:linear-gradient(90deg,rgba(251,227,208,1) 0%,rgba(228,187,148,1) 100%);
    box-shadow:0px 2px 17px 0px rgba(94,94,94,0.3);
   

}

.ecard-header-title{
	width:100%;
	text-align:center;
	color:#222;
	font-size:1.53rem;
	margin-top:2rem;
}
.info-title{
	font-weight:bold;
	color:#222;
	font-size: 1.53rem;
	padding:1.4rem  0;
	margin:0 0 0 1rem;
}
.info-text{
	
	color:#222;
	font-size: 1.43rem;
	margin:0 0 0 1rem;
}
.expire .info-title,.expire .info-text{
	color:#666;
}
.btn-buy{
	display: block;
    margin: 0 1rem 0 0;
    background: #BB560C;
    color: #FBE3D0;
    border-radius: 2rem;
    padding: 0.5rem 1.4rem;
    position: absolute;
    width: auto;
    right: 0;
    bottom: 1rem;
}
.setmeal{
	padding:1.4rem  0;
	font-size: 1.4rem;
	margin-right: 1rem;
}
.money{
	color:#FF0025;
	font-size: 1.5rem;
	font-weight:bold;
}
.privilege-title{
	color:#222;
	font-weight:bold;
	text-align:center;
	margin:1.5rem 0;
}
.box{
   width: 96%;
   min-height:13rem;
   background:#fff;
   border:1px solid rgba(204,204,204,1);
   border-radius:10px;
   position:relative;
   margin:0 auto 2rem;
   padding-bottom:0.1rem;
}
.privilege{
	top: -1rem;
    width: 3.6rem;
    height: 1.9rem;
    background: linear-gradient(-40deg,rgba(229,187,148,1) 0%,rgba(251,227,208,1) 100%);
    border-radius: 3px;
    color: #644B2F;
    position: absolute;
    text-align: center;
    line-height: 1.9rem;
    left: 1rem;
	font-weight:bold;

}
.coupon-icon{
	width: 3rem;
    margin: 1rem auto;
    display: block;
}
.coupon-icon2{
	width: 4rem;
    margin: 2rem auto 1rem;
    display: block;
}
.coupon-title{
	font-weight:bold;
	color:#222;
	font-size:1.1rem;
	text-align:center;
	margin-bottom:0.5rem;
}
.coupon-title span{
	color:#FF0025;
	font-size:1.7rem;
	
}
.coupon-text{
	color:#666;
	font-size:1rem;
	text-align:center;
	line-height:1.5rem;
}
.footer {
	display: none;
}