﻿@media screen and (max-width:375px){
	html{font-size: 12px;}
	.coupon_type{width:44%;}
	.coupon_type label{font-size:12px;}
}
@media (min-width:375px) and (max-width:413px){
    html{font-size: 13px;}
	.coupon_type{width:46%;}
}
@media  (min-width:414px){
    html{font-size: 15px;}
	.coupon_type{width:46%;}
}
body{background-color:#f6f6f6;}
label{font-weight:400;margin:0;}
/* 17积分 */
.count_top{
	background:url(../image/pic/pic_13.jpg)no-repeat;
	background-size:cover;
	height:10rem;
	text-align:center;
}
.count_logo{
	width:5rem;
	margin-top:1.9rem;
	margin-bottom:.5rem;
}
.count_top p{
	color:#fff;
	font-size:1.4rem;
}
.count_menu{
	background:#fff;
	border-bottom:1px solid #ededed;
	padding:.8rem 0;
	float:left;
	width:100%;
	margin-bottom:1.3rem;
}
.count_menu p{
	float:left;
	width:50%;
	font-size:1.4rem;
	text-align:center;
	border-right:1px solid #ddd;
}
.count_menu p:last-child{
	border:0;
}
.img_count_menu{
	width:2.2rem;
	margin-left:.5rem;
	margin-top:-.4rem;
}
.count_tit{
	border-top:1px solid #ddd;
	text-align:center;
	width:94%;
	margin:0 auto;
}
.count_tit label{
	color:#333;
	font-size:1.1rem;
	line-height:1.3rem;
	background:#f6f6f6;
	padding:0 .6rem;
	top:-.83rem;
	position:relative;
}
.count_list{
	width:94%;
	margin:0 auto .8rem;
	background:#fff;
	border:1px solid #e6e6e6;
	position:relative;
	height:6rem;
	padding:.8rem .7rem;
}
.count_list label{
	font-size:1.3rem;
	margin-bottom:.5rem;
}
.count_list label span{
	color:#af191f;
	margin-left:1rem;
}
.count_list p{
	font-size:1.2rem;
	color:#666;
}
.count_list i{
	position:absolute;
	top:50%;
	right:.6rem;
	font-size:1.3rem;
	line-height:1.3rem;
	margin-top:-.7rem;
	color:#af191f;
}
/* 17积分-end */

/* 18品牌券 */
.bandCup_tit{
	padding:1rem 4%;
}
.bandCup_tit p{
	font-size:1.15rem;
	line-height:1.15rem;
}
.bandCup_list{
	width:92%;
	margin:0 auto;
	position:relative;
	height:6.5rem;
	margin-bottom:.8rem;
	border-radius:7px;
}
.img_bandCup{
	width:3.4rem;
	margin-top:-1.7rem;
	position:absolute;
	top:50%;
	left:5%;
}
.bandCup_list label{
	color:#fff;
	font-size:1.5rem;
	line-height:1.5rem;
	position:absolute;
	top:50%;
	margin-top:-.8rem;
	left:20%;
}
.img_bandCup_vip{
	position:absolute;
	top:.6rem;
	right:.8rem;
	width:3rem;
}
.bandCup_list p{
	position:absolute;
	right:.8rem;
	bottom:.5rem;
	color:#fff;
	font-size:1.41rem;
}
.bandCup_list p span{
	margin-left:.4rem;
	font-size:1.2rem;
}
.bg_cupY{
	background:url(../image/pic/bg_25.png)no-repeat;
	background-size:100% 100%;
}
.bg_cupB{
	background:url(../image/pic/bg_26.png)no-repeat;
	background-size:100% 100%;
}
.band_add{
	width:92%;
	margin: 0 auto;
    padding: 1rem 0;
    border: 1px dashed #cbcbcb;
    border-radius: 4px;
    text-align: center;
	border-radius:5px;
}
.img_bandAdd{
	width: 1.5rem;
    margin-right: .5rem;
    margin-top: -0.3rem;
}
.band_add label{
	color: #888;
    font-size: 1.2rem;
}
/* 18品牌券-end */

/* 7-1卡券包 */
.coupon_menu{
	display:flex;
	display: -webkit-flex; /* Safari */
	display:-ms-flex;
	display:-moz-flex;
	border-bottom:1px solid #ededed;
	background-color:#fff;
}
.coupon_menu p{
	flex:1;
	-webkit-flex:1;
	-ms-flex:1;
	-moz-flex:1;
	text-align:center;
	border-right:1px solid #f2f2f6;
	font-size:1.2rem;
	line-height:1.2rem;
	padding:.7rem;
}
.coupon_menu p:last-child{
	border-right:0 !important;
}
.coupon_state{
	display:flex;
	display: -webkit-flex; /* Safari */
	display:-ms-flex;
	display:-moz-flex;
	border-bottom:1px solid #ededed;
	background-color:#fff;
	margin-bottom:1rem;
}
.coupon_state p{
	flex:1;
	-webkit-flex:1;
	-ms-flex:1;
	-moz-flex:1;
	text-align:center;
	font-size:1.2rem;
	line-height:1.2rem;
}
.coupon_state p label{	
	padding:.7rem;
}
.col_coupon{
	border-bottom:2px solid #e10c20;
	color:#e10c20;
}
.col_red{
	background-color:#e10c20;
	color:#fff !important;
}
.coupon_wall{
	width:95%;
	max-width:550px;
	margin:auto;
}
.cup_list{
	float:left;
	margin-bottom:.5rem;
	width:100%;
}
.cup_L{
	width:28%;
	float:left;
	height:8rem;
	position:relative;
}
.cup_R{
	width:72%;
	float:left;
	height:8rem;
	background:#fff;
	position:relative;
	overflow:hidden;
	padding:0 .6rem;
}
.cup_L p{
	color: #fff;
    font-size: 1.2rem;
    line-height: 8rem;
    padding-left: .4rem;
}
.cup_R h4{
	font-size:1.25rem;
	line-height:1.25rem;
	margin:.7rem 0;
}
.cup_R p{
	color:#666;
	font-size:1.08rem;
	line-height:1.08rem;
	margin-bottom:.4rem;
}
.cup_R label{
	color:#666;
	font-size:1.08rem;
	line-height:1.08rem;
	margin-bottom:.4rem;
}
.cup_use{
	border-top:1px dashed #c9c9c9;
	font-size:1.15rem;
	line-height:1.15rem;
	padding-top:.4rem;
}
.img_cup_use{
	width:1.2rem;
	margin-left:.2rem;
}
.cup_use i{
	
}
.cup_R .cup_use em{
	color:#e10c20;
	float:right;
}
.img_discount{
	position:absolute;
	top:2rem;
	left:50%;
	width:5rem;
	margin-left:-2.5rem;
}
.img_used{
	position:absolute;
	top:1.2rem;
	right:.5rem;
	width:5rem;
}
.color_gray h4{
	color:#bbb;
}
.color_gray p{
	color:#bbb;
}
.color_gray label{
	color:#bbb;
}
.color_gray .cup_use i{
	
}
.color_gray .cup_use em{
	color:#bbb;
}
.cup_intro{
	display:none;
	clear:both;
	background:#fff;
	padding:0 .5rem;
	border-top:1px solid #f2f2f6;
}
.cup_intro label{
	font-size:1.2rem;
	line-height:1.2rem;
	margin-bottom:.6rem;
	margin-top:.7rem;
}
.cup_intro p{
	color:#999;
	font-size:1.15rem;
	line-height:1.3rem;
	margin-bottom:1rem;
}
.turn_around {
    transform: rotate(180eg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.cup_days{
position:absolute;
top:.8rem;
right:-1.5rem;
width:6rem;
height:1.6 rem;
line-height:1.6rem;
text-align:center;
font-size:1rem;
transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg);
}
.cup_red{
background:#ff0c20;
color:#fff;
}
.cup_yellow{
background:#f1520d;
color:#fff;
}

.bg_Y{	
	background:url(../image/pic/bg_27.png)no-repeat;
	background-size:100% 100%;
}
.bg_R{
	background:url(../image/pic/bg_28.png)no-repeat;
	background-size:100% 100%;
}
.bg_B{
	background:url(../image/pic/bg_29.png)no-repeat;
	background-size:100% 100%;
}
.bg_G{
	background:url(../image/pic/bg_30.png)no-repeat;
	background-size:100% 100%;
}
/* 7-1卡券包-end */

/* 19券详情 */
.coupon_up{background:#fff;border-bottom:1px solid #ededed;padding-bottom:5px;}
.coupon_up img{width:100%;}
.coupon_up p{margin-left:2%;font-size:14px;}
.coupon_up i{margin-right:2%;float:right;font-size:12px;color:#999;margin-top:3px;}
.coupon_up i label{color:#ff5050;}
.coupon_up em{margin-left:2%;font-size:12px;color:#999;background:url(../image/icon/icon_56.png)0 50% no-repeat;background-size:12px;padding-left:15px;}
.coupon_apply{border-top:1px solid #ededed;border-bottom:1px solid #ededed;background:#fff;padding:5px 0;}
.coupon_apply p{font-size:14px;border-left:2px solid #ff5050;line-height:14px;padding-left:2%;}
.coupon_apply label{color:#999;font-size:12px;background:url(../image/icon/icon_55.png)10px 50% no-repeat;background-size:12px;padding-left:25px;}
.coupon_info{margin-left:2%;padding-right:2%;border-top:1px solid #ededed;font-size:12px;margin-top:5px;padding-top:4px;}
.coupon_infonr{margin-left:2%;padding-right:2%;font-size:12px;margin-top:5px;}
.mb7{margin-bottom:7px;}
/* 19券详情-end */

/* 20二维码弹框 */
.QR_wall{
	position:absolute;
	top:15%;
	left:50%;
	margin-left:-43%;
	width:86%;
	/* height:26rem; */
	padding:1.2rem 1rem;
	background:url(../image/pic/bg_31.png)no-repeat;
	background-size:100% 100%;
}
.QR_white{
	position:relative;
	background:#fff;
	border-radius:8px;
}
.QR_logo{	
	width:100%;
	height:100%;
	text-align:center;
	border-radius: 50%;
    overflow: hidden;
	background-color:#fff;
}
.border_w{
	border-radius: 50%;
	border:4px solid rgba(255,255,255,.4);
	position:absolute;
	width:8rem;
	height:8rem;
	top:-4rem;
	left:50%;
	margin-left:-4rem;
}
.img_QRlogo{
	width: 64%;
    margin-top: 11%;
}
.QR_nr{
	text-align:center;
	padding:4rem 0 3rem;
}
.QR_nr p{
	font-size:1.3rem;
	padding-bottom:2.6rem;
}
.QR_nr h4{
	font-weight:400;
	font-size:1.2rem;
	color:#aaa;
	padding-top:3rem;
}
.img_QR{
	width:70%;
}
/* 20二维码弹框-end */
