@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 */