html {
   height: 100%
}
html,body {
    margin:0;
    padding:0;
}
*{margin:0; padding: 0;}
ul,li{list-style: none;}
a{text-decoration: none;}
img{width: 100%}
.xfj{width: 100%;height: 100%;background: #f3f3f3;}
.xfj .pic2 {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    outline: none;
    border: 0;
    height: 17%;
    width: 100%;
    z-index: 99;
}
.tab{position: relative;height: 1.25rem;}
.tab li{font-size: 0.48rem;color: #c09bf0;float: left;width:16%;line-height: 1rem;padding-bottom: 0.05rem;
text-align: center;margin-left: 6%;color: #000;
}
.tab .on{border-bottom:0.09rem solid #0a9a92;}
.receive-coupon-list{height: 100%;}
.receive-coupon-block{overflow: hidden;}
.receive-coupon-block li{position: relative;height: auto!important;
margin-top:3%!important;box-shadow:none!important;background: none!important;}
.list-bottom{color: #fff!important;}
.receive-coupon-block li:nth-child(even){margin-left: 0.18rem;}
.receive-coupon-list{position: relative;z-index:2}
.list-bottom{top:0.4rem}
.receive-coupon-list li .lq {
    position: absolute;
    top: 0.15rem;
    left: 0;
    color: #959595;
    font-size: 0.2rem;width: 100%;
}
.receive-coupon-list li .lq section{overflow: hidden;margin-top: 0.2rem;}
.receive-coupon-list li .lq .left{width: 25%;display: inline-block;vertical-align:middle;margin-left: 5%;}
.receive-coupon-list li .lq .right{display: inline-block;vertical-align:middle;width: 66%;position: relative;}
.page2-content .jg{color: #d4565f;font-size: 0.76rem;font-weight: bold;position: absolute;left: 35%;
    top: 30%;}
.jg span{font-size: 0.24rem;margin-top: -0.1rem;display: inline-block;}
.receive-coupon-list li .lq .right a{display: block;width: 2rem;height: 1rem;border-radius: 0.1rem;background: #fe2c46;font-size: 0.4rem;color: #fff;
line-height: 1rem;position: absolute;top: 0;right: 0;text-align: center;
}
.receive-coupon-list li .lq .right .shiyong{background: #fff1ce; color: #fbb300;}
.title{padding-top: 0.1rem;overflow: hidden;width: 89%;margin:0 auto ;}
.title h4{float: left;color: #959595;font-size: 0.35rem;}
.title p{float: right;font-size: 0.24rem;margin-top: 0.1rem;}
.receive-coupon-list li .lq h3 {
    color: #000;
    font-size: 0.5rem; padding-left: 0.3rem;height: 0.6rem;overflow: hidden;width: 62%;
 
}
.receive-coupon-block{width:auto!important;    overflow-y: scroll;
    height: 90%;}
.page2-content li{width: 96%;margin:  2% auto 0;} 
.page2-content h3{position: absolute;font-size: 0.25rem;color: #3690a6;top: 15%;
    left: 6%;}
.ms {
    font-size: 0.35rem;
    position: absolute;
    left: 6%;
        top: 41%;
    color: #d4565f;
}
.pic{display: block;width: 100%;}
.page2-content{margin: 0 auto;top:8.6rem!important;background:url(../images/bj2_02.jpg) no-repeat;height: 69%;background-size: 100%;}
.list-bottom{clear: both;}
.yxq{font-size: 0.24rem;color: #b3b3b3;left: 6%;top: 60%;position: absolute;width: 47%;}

.page2-content .qg{background: url(../images/qg_03.jpg) no-repeat;color: #fff;background-size: 100%;width: 1.56rem;height: 0.5rem;font-size:0.18rem;
text-align: center;line-height: 0.5rem;position: absolute;
top: 27%;
    right: 11%;}
.page2-content .sy{background: url(../images/qg_03.jpg) no-repeat;color: #fff;background-size: 100%;width: 1.56rem;height: 0.5rem;font-size:0.18rem;
text-align: center;line-height: 0.5rem;position: absolute;
top: 53%;
    right: 11%;
}
.receive-coupon-list li .sy .text .jg{color: #521791;}
.receive-coupon-list li .ljsy p {
    font-size: 0.34rem;
    color: #47727a;
    width: 0.15rem;
    margin-top: 0.05rem;
    float: left;
    margin-left: .2rem;
    /* line-height: 0.2rem; */
    PADDING-TOP: 0.1REM;
    PADDING-LEFT: 0.1REM;
}
.ljsy a {
    font-size: 0.38rem;
    color: #fff;
    background: #47737b;
    height: 3.12rem;
    width: 0.6rem;
    text-align: center;
    margin-left: 0.1rem;
    float: left;
    margin-top: 0.1rem;
    PADDING: 0 0.1REM;
    margin-left: 0.6rem;
    margin-top: 0.23rem;
    padding-top: 0.5rem;
}