body { margin: 0; padding: 0; font-family: Arial, sans-serif; background: #f4f4f4; }
header { position: fixed; top: -60px; transition: top 0.3s; width: 100%; text-align: center; z-index: 1000; display:none; }
img{ display:block; }
footer { position: fixed; bottom: 0; height:60px; width: 100%; text-align: center; z-index: 1000; }
.main-content { background: #fff; margin: 0 auto; max-width: 500px; min-height: 100vh; padding: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); position: relative;}        
.footer-content { background: #fff; margin: 0px auto; cursor: pointer; max-width: 500px; height:60px; padding: 0 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);  overflow: hidden;}
.head-content { background: #333; color: #fff; margin: 0 auto; max-width: 500px; padding: 5px 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.footer-div {background:#105cfb; color:#fff; border-radius:20px; margin:10px auto; height:40px; line-height: 40px;}
img.lazy {  opacity: 0;  transition: opacity 0.5s ease-in-out; }
img.lazy.loaded { opacity: 1; }  
.coupon_div{ display: none; background: #fffe url(https://qihuili.oss-cn-hangzhou.aliyuncs.com/fws.pub/upload/202406/26uOcO.png) no-repeat scroll;
    background-size: cover; width: 500px; height: 943px; margin: 0 auto; position: fixed; bottom: 0; }
.coupon_div_1{ position: absolute; bottom: 58%; width: 100%; text-align: center; font-size: 22px; color: #f00; font-weight: 800; }
.coupon_div_2{ position: absolute; bottom: 43%; width: 100%; text-align: center; }
.coupon_div_3{ position: absolute; bottom: 41%; width: 100%; text-align: center; font-size: 16px; color: #FFF; }
.coupon_div_4{ position: absolute; bottom: 22%; width: 100%; text-align: center; font-size: 14px; color: #eee; }
.coupon_div_5{ position: absolute; bottom: 26.5%; width: 100%; height:7%; text-align: center; font-size: 14px; color: #eee; }
@media (max-width: 500px) {
    .main-content { width: 100%; padding:0px; }
    .footer-content { width: calc(100% - 40px); }
    .head-content { width: calc(100% - 40px); }
    .coupon_div{ width: 100%; height: 0; padding-top:170%; left:0; bottom: 60px; }
    .coupon_div_1{ bottom: 54%; }
    .coupon_div_2{ bottom: 37%; }
    .coupon_div_3{ bottom: 35.5%; }
    .coupon_div_4{ bottom: 14%; }
    .coupon_div_5{ bottom: 20%; height:8% }
}