recommend-515cb06248.css 3.6 KB

12
  1. img{display:block;width:100%}body{background-color:#f2f5f8}.lazyloadBg{background:url(https://s10.mogucdn.com/mlcdn/c45406/170609_3jaij6bl7lcje0462fl424g5glad1_80x80.png) no-repeat center center;background-size:34%}.notice_box,.rule_box h3,h2{background-color:#fff;font-size:.28rem;padding:.3rem .2rem}.rule_box h3,h2{font-weight:400;color:#333}.notice_box{color:#999;display:block}.notice_box span{display:inline-block;margin-right:.1rem}.notice_box img{width:.14rem}.banner_box,.notice_box,.rule_box{margin-bottom:.1rem}.banner_box a{display:block;height:2.5rem}.rule_box{padding:.2rem;padding-top:0;background-color:#fff}.rule_box h3{background-color:#fff6f8;color:#f69;font-size:.24rem;padding:.08rem .1rem;margin-bottom:.12rem}.rule_box p{font-size:.24rem;line-height:.32rem;color:#666}.pullUp{position:relative;left:50%;width:.7rem;height:.7rem;overflow:hidden;margin-left:-.35rem}.pullUp div,.pullUp:before{position:absolute;-webkit-transition:all .3s linear}.pullUp:before{content:"木有了";line-height:.7rem;left:-3em;font-size:.22rem}.pullUp[status=end]:before{left:0}.pullUp[status=end] div{opacity:0}.pullUp div{top:.29rem;left:.06rem;border:.06rem solid #999;-webkit-border-radius:50%;border-radius:50%;-webkit-transform-origin:.29rem .06rem;opacity:0}.pullUp[status=loading]{transform:rotate(0deg) translateZ(0);-webkit-transform:rotate(0deg) translateZ(0);-webkit-animation:loading 2s infinite linear .3s}@-webkit-keyframes loading{0%{transform:rotate(0deg) translateZ(0);-webkit-transform:rotate(0deg) translateZ(0)}to{transform:rotate(360deg) translateZ(0);-webkit-transform:rotate(360deg) translateZ(0)}}.pullUp[status=loading] div{opacity:1}.pullUp[status=loading] div:nth-child(1){-webkit-transform:rotate(45deg);transform:rotate(45deg)}.pullUp[status=loading] div:nth-child(2){-webkit-transform:rotate(90deg);transform:rotate(90deg)}.pullUp[status=loading] div:nth-child(3){-webkit-transform:rotate(135deg);transform:rotate(135deg)}.pullUp[status=loading] div:nth-child(4){-webkit-transform:rotate(180deg);transform:rotate(180deg)}.pullUp[status=loading] div:nth-child(5){-webkit-transform:rotate(225deg);transform:rotate(225deg)}.pullUp[status=loading] div:nth-child(6){-webkit-transform:rotate(270deg);transform:rotate(270deg)}.pullUp[status=loading] div:nth-child(7){-webkit-transform:rotate(315deg);transform:rotate(315deg)}.pullUp[status=tap] div:nth-child(1){left:.06rem;opacity:1}.pullUp[status=tap] div:nth-child(2){left:.3rem;opacity:1}.pullUp[status=tap] div:nth-child(4){left:.54rem;opacity:1}.pullUp[status=stop]{display:none}.poster_wrap{background-color:#fff;padding:0 .2rem}
  2. .goods_box{float:left;margin-right:2%;width:48%;height:6.37rem;overflow:hidden}.goods_box a{display:block;width:100%;height:5.18rem;overflow:hidden}.goods_box .soldout::after{content:"";width:100%;height:4rem;position:absolute;left:0;top:0;z-index:10;background:url(http://s16.mogucdn.com/p1/160816/idid_ie3wemzvgqydsojwmezdambqgayde_180x180.png) no-repeat center center;background-color:rgba(0,0,0,.2);background-size:1.5rem;-webkit-border-radius:.2rem;border-radius:.2rem}.goods_box .desc_box,.goods_box img{width:100%}.goods_box h3{padding:0 .1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;font-size:.3rem;line-height:.32rem;margin-top:.2rem;margin-bottom:.2rem;font-weight:400;color:#666}.goods_box .co_box{*zoom:1;height:.36rem;overflow:hidden;font-size:0}.goods_box .co_box:after{clear:both;content:".";display:block;visibility:hidden;height:0}.goods_box .co_box .price{float:left;color:#f69;font-size:.32rem;margin-right:.2rem;margin-left:.14rem;line-height:1}.goods_box .co_box .fav_num{float:right;color:#999;font-size:.24rem;line-height:1;margin-right:.14rem};