领券第四波 h5 男生

-*,: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,img,input{border:none;outline:none}a{text-decoration:none}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.hide{display:none}.main-wrap{width:100%;max-width:16rem;margin-left:auto;margin-right:auto}.loading-mask{position:fixed;background:rgba(0,0,0,.1);top:0;bottom:0;right:0;left:0}@-webkit-keyframes a{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.7}80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes a{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.7}80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.loading-mask .loading{position:absolute;width:3.25rem;height:.75rem;top:50%;left:50%;margin-top:-.375rem;margin-left:-1.625rem}.loading-mask .loading>div{display:inline-block;background:#fff;width:.75rem;height:.75rem;border-radius:100%;margin:.1rem}.loading-mask .loading>div:nth-child(1){-webkit-animation:a .75s .12s infinite cubic-bezier(.2,.68,.18,1.08);animation:a .75s .12s infinite cubic-bezier(.2,.68,.18,1.08)}.loading-mask .loading>div:nth-child(2){-webkit-animation:a .75s .24s infinite cubic-bezier(.2,.68,.18,1.08);animation:a .75s .24s infinite cubic-bezier(.2,.68,.18,1.08)}.loading-mask .loading>div:nth-child(3){-webkit-animation:a .75s .36s infinite cubic-bezier(.2,.68,.18,1.08);animation:a .75s .36s infinite cubic-bezier(.2,.68,.18,1.08)}.header{width:100%;height:7.75rem;background:url(../img/header-71bac892921be253.jpg);background-size:100%}.tab{margin-left:auto;margin-right:auto;width:100%;height:2.5rem;background:url(../img/tab-d2c7e76c1606db55.png) 50% no-repeat;background-color:#000;background-size:15.275rem 1.15rem}.tab .tab-item{position:relative;float:left;width:20%;height:100%}.tab .tab-item:before{content:none;position:absolute;bottom:0;left:0;width:98%;height:.25rem;background:#ffd324}.tab .tab-item.current:before{content:''}.tab .tab-item:after{content:'';position:absolute;top:.5rem;right:0;width:0;height:1.5rem;border-right:.05rem dashed #fff}.tab .tab-item:nth-child(5):after{content:none}.girl .tab{background-image:url(../img/tab-girl-89bcb1f0aa2b44dd.png)}.lifestyle .tab{background-image:url(../img/tab-lifestyle-de5c062e59ced1b2.png);background-size:13.1rem 1.15rem}.lifestyle .tab:last-child{width:33.4%}.lifestyle .tab-item{width:33.3%}.lifestyle .tab-item:nth-child(3):after{content:none}.coupons{padding:.625rem .375rem;width:100%;height:6.25rem;background:#d80303}.coupons .coupon{float:left;width:7.5rem;height:5rem}.coupons .coupon:first-child{margin-right:.25rem}.coupons img{width:100%;height:100%}.brands{position:relative;padding:.375rem;width:100%;background:#d80303}.brands .brand{float:left;display:block;margin-bottom:.375rem;width:15.25rem;height:5.5rem;background:#eee}.brands img{width:100%;height:100%}.brands .after{position:absolute;left:0;bottom:-.05rem;width:100%;height:.175rem;background:url(../img/border-1583b1b4ead3a931.png) 50%;background-size:4.35rem .175rem}.kid .brand{width:7.5rem;height:10.5rem}.kid .brand:nth-child(even){margin-right:.25rem}.kid .brand:nth-child(-n+7){margin-right:0;width:15.25rem;height:5.5rem}.lifestyle .brand{width:7.5rem;height:10.5rem}.lifestyle .brand:nth-child(even){margin-right:.25rem}.lifestyle .brand:nth-child(-n+9){margin-right:0;width:15.25rem;height:5.5rem}.more{margin-bottom:1.25rem}.more .more-title{margin:.75rem 0;width:100%;height:1.5rem;background:url(../img/more-cf51b9afd30dbc89.png) 50% no-repeat;background-size:2.85rem 1.35rem}.more a{display:block;margin-left:auto;margin-right:auto;width:15.1rem;height:6.875rem}.more img{width:100%;height:100%}.footer{width:100%;height:2.6rem;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:8.25rem;background:#fff;text-align:center;line-height:1.25;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.tip .title{margin:1.5rem auto 1rem;font-size:1rem;line-height:1.5;font-weight:700}.tip .sub-title{display:none;font-size:.8rem}.tip .desc{font-size:.6rem;color:#444}.tip .button{display:block;margin:.5rem auto .75rem;width:6.75rem;height:1.65rem;font-size:.65rem;line-height:1.65rem;text-align:center;color:#fff;background:#000}.tip-wrap{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.6);z-index:1}
\ 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,img,input{border:none;outline:none}a{text-decoration:none}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.hide{display:none}.main-wrap{width:100%;max-width:16rem;margin-left:auto;margin-right:auto}.loading-mask{position:fixed;background:rgba(0,0,0,.1);top:0;bottom:0;right:0;left:0}@-webkit-keyframes a{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.7}80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes a{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.7}80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.loading-mask .loading{position:absolute;width:3.25rem;height:.75rem;top:50%;left:50%;margin-top:-.375rem;margin-left:-1.625rem}.loading-mask .loading>div{display:inline-block;background:#fff;width:.75rem;height:.75rem;border-radius:100%;margin:.1rem}.loading-mask .loading>div:nth-child(1){-webkit-animation:a .75s .12s infinite cubic-bezier(.2,.68,.18,1.08);animation:a .75s .12s infinite cubic-bezier(.2,.68,.18,1.08)}.loading-mask .loading>div:nth-child(2){-webkit-animation:a .75s .24s infinite cubic-bezier(.2,.68,.18,1.08);animation:a .75s .24s infinite cubic-bezier(.2,.68,.18,1.08)}.loading-mask .loading>div:nth-child(3){-webkit-animation:a .75s .36s infinite cubic-bezier(.2,.68,.18,1.08);animation:a .75s .36s infinite cubic-bezier(.2,.68,.18,1.08)}.header{width:100%;height:7.75rem;background:url(../img/header-71bac892921be253.jpg);background-size:100%}.tab{margin-left:auto;margin-right:auto;width:100%;height:2.5rem;background:url(../img/tab-8dd3c45247ba94c7.png) 50% no-repeat;background-color:#000;background-size:15.275rem 1.15rem}.tab .tab-item{position:relative;float:left;width:20%;height:100%}.tab .tab-item:before{content:none;position:absolute;bottom:0;left:0;width:98%;height:.25rem;background:#ffd324}.tab .tab-item.current:before{content:''}.tab .tab-item:after{content:'';position:absolute;top:.5rem;right:0;width:0;height:1.5rem;border-right:.05rem dashed #fff}.tab .tab-item:nth-child(5):after{content:none}.girl .tab{background-image:url(../img/tab-girl-beae79ea45102ae6.png)}.lifestyle .tab{background-image:url(../img/tab-lifestyle-de5c062e59ced1b2.png);background-size:13.1rem 1.15rem}.lifestyle .tab:last-child{width:33.4%}.lifestyle .tab-item{width:33.3%}.lifestyle .tab-item:nth-child(3):after{content:none}.coupons{padding:.625rem .375rem;width:100%;height:6.25rem;background:#d80303}.coupons .coupon{float:left;width:7.5rem;height:5rem}.coupons .coupon:first-child{margin-right:.25rem}.coupons img{width:100%;height:100%}.brands{position:relative;padding:.375rem;width:100%;background:#d80303}.brands .brand{float:left;display:block;margin-bottom:.375rem;width:15.25rem;height:5.5rem;background:#eee}.brands img{width:100%;height:100%}.brands .after{position:absolute;left:0;bottom:-.05rem;width:100%;height:.175rem;background:url(../img/border-1583b1b4ead3a931.png) 50%;background-size:4.35rem .175rem}.kid .brand{width:7.5rem;height:10.5rem}.kid .brand:nth-child(even){margin-right:.25rem}.kid .brand:nth-child(-n+7){margin-right:0;width:15.25rem;height:5.5rem}.lifestyle .brand{width:7.5rem;height:10.5rem}.lifestyle .brand:nth-child(even){margin-right:.25rem}.lifestyle .brand:nth-child(-n+9){margin-right:0;width:15.25rem;height:5.5rem}.more{margin-bottom:1.25rem}.more .more-title{margin:.75rem 0;width:100%;height:1.5rem;background:url(../img/more-cf51b9afd30dbc89.png) 50% no-repeat;background-size:2.85rem 1.35rem}.more a{display:block;margin-left:auto;margin-right:auto;width:15.1rem;height:6.875rem}.more img{width:100%;height:100%}.footer{width:100%;height:2.6rem;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:8.25rem;background:#fff;text-align:center;line-height:1.25;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.tip .title{margin:1.5rem auto 1rem;font-size:1rem;line-height:1.5;font-weight:700}.tip .sub-title{display:none;font-size:.8rem}.tip .desc{font-size:.6rem;color:#444}.tip .button{display:block;margin:.5rem auto .75rem;width:6.75rem;height:1.65rem;font-size:.65rem;line-height:1.65rem;text-align:center;color:#fff;background:#000}.tip-wrap{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.6);z-index:1}
\ No newline at end of file