shop-73c3bb1a99.css 10 KB

12345678
  1. body{font-size:.24rem;color:#666;background-color:#fff}img{display:block;width:100%}.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}
  2. .page_head{position:fixed;top:0px;z-index:110;width:6.4rem;height:.88rem;line-height:.88rem;text-align:center;background-color:#fff}.page_head .back_icon{position:relative;z-index:5;float:left;width:2em;padding:0 .3rem;height:.88rem}.page_head .back_icon i,.page_head .right_btn i{height:.3rem;margin-top:.29rem;background:url(http://s17.mogucdn.com/p1/160803/idid_ifqwezleha4dqnrsmezdambqgyyde_450x240.png) no-repeat;background-size:2.25rem}.page_head .back_icon i{display:block;width:.3rem;background-position:0 0}.page_head .right_btn{position:relative;z-index:5;float:right;padding:0 .1rem;height:.88rem}.page_head .right_btn i{float:left;width:.34rem;margin-right:.07rem;background-position:26% 0}.page_head .title{width:6.4rem;font-size:.32rem;height:.88rem;position:absolute;left:0;z-index:1}.page_head .cate_wrap{position:absolute;top:.9rem;right:.1rem;z-index:10;width:1.4rem;border:1px solid #e9e9e9}.page_head .cate_wrap:before{content:'';position:absolute;width:.1rem;height:.1rem;top:-.05rem;left:.65rem;border:1px solid #e9e9e9;background-color:#fff;-webkit-transform:rotate(315deg);transform:rotate(315deg)}.page_head .cate_wrap .cate_inner{position:relative;z-index:10;width:1.4rem;overflow:hidden}.page_head .cate_wrap a{display:block;width:1.2rem;margin-left:auto;margin-right:auto;padding:.17rem 0;border-bottom:1px solid #e9e9e9;font-size:.22rem;line-height:.22rem;margin-bottom:-2px}section{margin-top:.88rem}.page_head .cate_wrap .cate_inner,.shop_head{text-align:center;background-color:#fff}
  3. .shop_head .shop_info{display:block;width:6.4rem;height:2.2rem;
  4. background:url(./image/idid_ifrdeolemuygknrsmezdambqmeyde_640x222.png) center;background-size:cover;overflow:hidden}.shop_head .shop_logo{width:1.16rem;height:1.16rem;margin:.42rem auto 0;-webkit-border-radius:50%;border-radius:50%;background:center;background-size:cover}.shop_head .shop_nick{font-size:.28rem;color:#fff;margin-top:.2rem}.shop_head .shop_nick:hover{color:#fff}.shop_main{text-align:center;overflow:hidden}.shop_main .nums{margin:.24rem 0;font-size:.28rem}.shop_main .nums span{color:#ff5252}.shop_main .nums span:first-child{display:inline-block;padding-right:.35rem;margin-right:.35rem;border-right:1px solid #e2e2e2}.shop_main .follow{margin:.4rem 0;padding-left:1.06rem;overflow:hidden}.shop_main .follow .operate_btn{float:left;width:1.74rem;line-height:.6rem;margin:0 .2rem;border:2px solid #666;-webkit-border-radius:.14rem;border-radius:.14rem;font-size:.26rem;text-align:left}.shop_main .follow i{float:left;width:.3rem;height:.3rem;margin-top:.16rem;margin-left:.19rem}.shop_main .follow .follow_btn i{background-position:24% 100%;margin-top:.1rem}.shop_main .follow .customer_service i,.shop_main .follow .follow_btn i,.shop_main .follow .follow_btn[data-follow="1"] i{background:url(http://s17.mogucdn.com/p1/160803/idid_ifqwezleha4dqnrsmezdambqgyyde_450x240.png) no-repeat;background-size:2.25rem}.shop_main .follow .follow_btn[data-follow="1"] i{margin-left:.32rem;background-position:0 97%}.shop_main .follow .customer_service i{background-position:61% 53%;margin-right:.06rem}.shop_coupon{margin-bottom:.3rem;*zoom:1}.shop_coupon:after,nav:after{clear:both;content:".";display:block;visibility:hidden;height:0}.shop_coupon .coupon_item{margin-left:.1rem;width:2rem;float:left;height:1rem;color:#fff}.shop_coupon .coupon_item:hover{color:#fff}.shop_coupon .coupon_item .coupon_info{float:left;width:1.3rem;margin-top:.16rem;height:.7rem;text-align:center;border-right:1px dotted #fff}.shop_coupon .coupon_item .coupon_info .credit{font-size:.44rem}.shop_coupon .coupon_item .coupon_info .credit i{font-size:.3rem;margin-right:.04rem;font-style:normal}.shop_coupon .coupon_item .coupon_info .threshold{margin-top:.06rem;font-size:.14rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop_coupon .coupon_item .coupon_status{float:left;width:.6rem;height:100%;display:table;font-size:.22rem;position:relative}.shop_coupon .coupon_item .coupon_status span{display:table-cell;vertical-align:middle;padding-left:.1rem;line-height:1.2}.shop_coupon .coupon_item .coupon_status i{position:absolute;content:'';right:-5px;top:50%;margin-top:-2px;width:.08rem;height:.08rem;border-top:1px solid #fff;border-left:1px solid #fff;transform:rotate(135deg);-webkit-transform:rotate(135deg)}.shop_coupon .get{background:url(http://s16.mogucdn.com/p1/160831/idid_ifrgky3fgbrwenlcmezdambqmeyde_200x99.png) no-repeat;background-size:contain}.shop_coupon .got{background:url(http://s16.mogucdn.com/p1/160831/idid_ie4dkn3egzswenlcmezdambqgiyde_200x99.png) no-repeat;background-size:contain}.space_bg{height:.2rem;background-color:#f8f8f8}nav{height:.6rem;padding-right:.14rem;font-size:.24rem;border-bottom:1px solid #e6e6e6;background-color:rgba(255,255,255,.95);*zoom:1}nav li{float:left;width:25%;line-height:.6rem;text-align:center}nav li strong{font-weight:400;display:inline-block;padding:0 .1rem}nav,nav .on_price strong{position:relative}nav #price_order{position:absolute;right:0;top:0}nav #price_order:before{position:absolute;right:-.1rem;top:.2rem;content:'';width:.18rem;height:.1rem;background-position:72% 90%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}nav #price_order:after,nav #price_order:before,nav .current #price_order.price-down:after,nav .current #price_order.price-up:before{background:url(http://s17.mogucdn.com/p1/160803/idid_ifqwezleha4dqnrsmezdambqgyyde_450x240.png) no-repeat;background-size:2.25rem}nav #price_order:after{position:absolute;right:-.1rem;top:.3rem;content:'';width:.18rem;height:.1rem;background-position:71.8% 90%}nav .current{color:#f69}nav .current strong{border-bottom:2px solid #f69}nav .current #price_order.price-down:after,nav .current #price_order.price-up:before{background-position:91.4% 91%;-webkit-transform:rotate(0);transform:rotate(0)}nav .current #price_order.price-down:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.goods_wrap{width:6.4rem;min-height:10rem;overflow:hidden}#goods_wall{width:6.3rem;margin-left:.05rem;background-color:#fff}#goods_wall .goods_wall{position:relative;width:6.3rem;margin-left:.05rem}
  5. #goods_wall .poster_grid{text-align:center;padding:.25rem .05rem 0;box-sizing:border-box;
  6. float: left;width: 50%;
  7. }#goods_wall .pic_load{overflow:hidden;width:3.05rem;background:#fff url(https://s10.mogucdn.com/mlcdn/c45406/170609_3jaij6bl7lcje0462fl424g5glad1_80x80.png) center center no-repeat;background-size:2rem}
  8. #goods_wall .bs_load_img{display:block;width:100%;background:no-repeat;background-size:cover;opacity:0;-webkit-transition:opacity .5s ease}#goods_wall .clothesTitle{width:90%;margin-left:auto;margin-right:auto;margin-top:.1rem;margin-bottom:.14rem;font-size:.22rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#goods_wall .price{font-size:.26rem;color:#ff7a9a;padding-right:.18rem}#goods_wall .like{padding-left:.3rem;font-size:.26rem;color:#999;background:url(http://d03.res.meilishuo.net/img/_o/91/4c/7e7b92cde0c6eb57af6776129ef8_89_1110.ch.png) no-repeat -.1rem 81.8%;background-size:.45rem}#goods_wall .h_mark{float:left;margin-left:.08rem;margin-top:-1px;background:no-repeat;background-size:cover;opacity:0}.downloadDialogBox .black_mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:500}.downloadDialogBox .dialog_wrap{height:3.35rem;font-size:.28rem;text-align:center;overflow:hidden;position:fixed;top:50%;left:50%;width:5.8rem;margin-left:-2.9rem;margin-top:-1.7rem;background-color:#fff;-webkit-border-radius:.06rem;border-radius:.06rem;z-index:500}.downloadDialogBox .title{font-size:.36rem;margin-top:.5rem;margin-bottom:.4rem;color:#333}.downloadDialogBox .content{padding-bottom:.46rem;line-height:.36rem}.downloadDialogBox span{color:#ff91aa}.downloadDialogBox .btnwrap{height:.86rem;line-height:.86rem;border-top:1px solid rgba(51,51,51,.2)}.downloadDialogBox .btnwrap a{box-sizing:border-box;float:left;width:50%;color:#f66}.downloadDialogBox .btnwrap a:first-child{border-right:1px solid rgba(51,51,51,.2);color:#999}.windowDrive .dialog{line-height:1.4;width:70%;font-size:.32rem}.windowDrive .dialog-btn span,.windowDrive .dialog-con{padding:.4rem}.windowDrive .dialog-btn{line-height:1}.gotop_wrap{position:fixed;display:none;width:.82rem;padding-top:.82rem;z-index:12;right:.1rem;bottom:.4rem}.gotop_wrap .gotop{display:block;width:100%}.info{width:30%;margin:20% auto auto;margin-top:20vh;text-align:center}.info .text{margin:.2rem 0;color:#999;font-size:.26rem;font-weight:lighter}.info .link{display:inline-block;width:80%;height:.5rem;line-height:.5rem;border:1px solid;border-radius:.04rem;color:#f36};