|
|
|
*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-tap-highlight-color:rgba(0,0,0,0);overflow-x:hidden}body{font-size:.3rem;font-family:Helvetica,Arial,黑体;background:#fff}button,input{border:none;outline:none}a{text-decoration:none}.hide{display:none}.main-wrap{width:100%;max-width:16rem;margin-left:auto;margin-right:auto}.header{width:100%;height:8.35rem;background:url(../img/header-eca3bb67eb89a090.jpg);background-size:100%}.coupon{display:block;width:100%;height:9.8rem;background:url(../img/coupon-ba45eff1a092cfef.jpg) no-repeat;background-size:100% auto}.share{margin:0 auto .75rem;width:14rem;height:2rem;font-size:.725rem;line-height:2rem;color:#fff;background:#d25d7f;text-align:center}.share:after{content:"";display:block;width:100%;height:.25rem;background:#a03454}.arrow{display:inline-block;width:.275rem;height:.5rem;background:url(../img/arrow-6ff612dd66b81d4e.png);background-size:100%}.banner-border{background-color:#f1f1f9;background-image:url(../img/wrap-bg-bfcf893f33ecbd98.jpg);background-size:100%;padding-top:.75rem}.banner{display:block;margin:1.25rem auto;width:14rem;height:6rem;background:#fff}.banner img{width:100%;height:100%}.download{margin:.75rem auto;font-size:.6rem;line-height:1.75rem;text-align:center}.download .weixin{width:6rem}.download .app,.download .weixin{display:inline-block;height:1.75rem;color:#fff;background:#000}.download .app{margin-left:.5rem;width:7.5rem}.download .arrow{height:.275rem;background-size:100% 100%}.footer{width:100%;height:2.75rem;background:url(../img/yoho-8d72b40e8e388d31.png) 50% no-repeat;background-color:#000;background-size:13.75rem .825rem}.tip{position:fixed;left:50%;top:50%;width:13.5rem;background:#fff;text-align:center;line-height:1.25;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.tip .title{margin:.5rem auto;font-size:1rem;font-weight:700}.tip .sub-title{font-size:.8rem}.tip .desc{font-size:.6rem;color:#444}.tip .button{display:block;margin:.75rem auto;width:6.75rem;height:1.4rem;font-size:.65rem;line-height:1.4rem;text-align:center;color:#fff;background:#000}.tip:before{content:"";display:block;width:100%;height:1.35rem;background:#000}.mask,.tip-wrap{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.6);z-index:1}.mask .pengyouquan{float:right;margin-top:.75rem;margin-right:.75rem;width:14.5rem;height:2.175rem;background:url(../img/pengyouquan-a7bee0f100b58fbf.png) 100% no-repeat;background-size:2.175rem 2.175rem}.mask .arrow{float:right;margin-top:.75rem;margin-right:1.5rem;width:14.5rem;height:6.15rem;background:url(../img/arrow2-60335b059fa6558d.png) 100% no-repeat;background-size:3.3rem 6.15rem}.mask p{width:100%;font-size:1.1rem;line-height:1.5;text-align:center;color:#fff} |
|
|
\ No newline at end of file |
|
|
|
*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-tap-highlight-color:rgba(0,0,0,0);overflow-x:hidden}body{font-size:.3rem;font-family:Helvetica,Arial,黑体;background:#fff}button,input{border:none;outline:none}a{text-decoration:none}.hide{display:none}.main-wrap{width:100%;max-width:16rem;margin-left:auto;margin-right:auto}.header{width:100%;height:8.35rem;background:url(../img/header-00be48c1aa7821e2.jpg);background-size:100%}.coupon{display:block;width:100%;height:9.8rem;background:url(../img/coupon-ba45eff1a092cfef.jpg) no-repeat;background-size:100% auto}.share{margin:0 auto .75rem;width:14rem;height:2rem;font-size:.725rem;line-height:2rem;color:#fff;background:#d25d7f;text-align:center}.share:after{content:"";display:block;width:100%;height:.25rem;background:#a03454}.arrow{display:inline-block;width:.275rem;height:.5rem;background:url(../img/arrow-6ff612dd66b81d4e.png);background-size:100%}.banner-border{background-color:#f1f1f9;background-image:url(../img/wrap-bg-bfcf893f33ecbd98.jpg);background-size:100%;padding-top:.75rem}.banner{display:block;margin:1.25rem auto;width:14rem;height:6rem;background:#fff}.banner img{width:100%;height:100%}.download{margin:.75rem auto;font-size:.6rem;line-height:1.75rem;text-align:center}.download .weixin{width:6rem}.download .app,.download .weixin{display:inline-block;height:1.75rem;color:#fff;background:#000}.download .app{margin-left:.5rem;width:7.5rem}.download .arrow{height:.275rem;background-size:100% 100%}.footer{width:100%;height:2.75rem;background:url(../img/yoho-8d72b40e8e388d31.png) 50% no-repeat;background-color:#000;background-size:13.75rem .825rem}.tip{position:fixed;left:50%;top:50%;width:13.5rem;background:#fff;text-align:center;line-height:1.25;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.tip .title{margin:.5rem auto;font-size:1rem;font-weight:700}.tip .sub-title{font-size:.8rem}.tip .desc{font-size:.6rem;color:#444}.tip .button{display:block;margin:.75rem auto;width:6.75rem;height:1.4rem;font-size:.65rem;line-height:1.4rem;text-align:center;color:#fff;background:#000}.tip:before{content:"";display:block;width:100%;height:1.35rem;background:#000}.mask,.tip-wrap{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.6);z-index:1}.mask .pengyouquan{float:right;margin-top:.75rem;margin-right:.75rem;width:14.5rem;height:2.175rem;background:url(../img/pengyouquan-a7bee0f100b58fbf.png) 100% no-repeat;background-size:2.175rem 2.175rem}.mask .arrow{float:right;margin-top:.75rem;margin-right:1.5rem;width:14.5rem;height:6.15rem;background:url(../img/arrow2-60335b059fa6558d.png) 100% no-repeat;background-size:3.3rem 6.15rem}.mask p{width:100%;font-size:1.1rem;line-height:1.5;text-align:center;color:#fff} |
|
|
\ No newline at end of file |
...
|
...
|
|
