.addCartWrap .addCartMask{background-color:hsla(0,0%,39.2%,.7);width:100vw;height:100vh;position:fixed;left:0;top:0;z-index:100}.addCartWrap .maskShow-enter{opacity:0;will-change:auto}.addCartWrap .maskShow-enter-active,.addCartWrap .maskShow-leave-active{-webkit-transition:all ease-in;transition:all ease-in;-webkit-transition-duration:.2s;transition-duration:.2s;will-change:auto}.addCartWrap .maskShow-leave-active{opacity:0}.addCartWrap .maskHide-leave-active{-webkit-transition:all ease-in;transition:all ease-in;-webkit-transition-delay:1.5s;transition-delay:1.5s;-webkit-transition-duration:.2s;transition-duration:.2s;opacity:0;will-change:auto}.addCartWrap .productWrap{width:84%;height:7.5rem;background-color:#fff;position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%) scale(1);transform:translate(-50%) scale(1);padding-bottom:2.6rem;border-radius:.3rem .3rem 0 0;overflow:hidden;-webkit-box-shadow:0 -10px 30px rgba(0,0,0,.2);box-shadow:0 -10px 30px rgba(0,0,0,.2)}.addCartWrap .productWrapShow-enter{-webkit-transform:translateX(-50%) translateY(100%);transform:translateX(-50%) translateY(100%);will-change:auto}.addCartWrap .productWrapShow-enter-active,.addCartWrap .productWrapShow-leave-active{-webkit-transition:all ease-in-out;transition:all ease-in-out;-webkit-transition-duration:.4s;transition-duration:.4s;will-change:auto}.addCartWrap .productWrapShow-leave-active{-webkit-transform:translateX(-50%) translateY(100%);transform:translateX(-50%) translateY(100%)}.addCartWrap .productWrapHide-leave-active{-webkit-animation:productWrapHide ease-in;animation:productWrapHide ease-in;-webkit-animation-duration:1s;animation-duration:1s}@-webkit-keyframes productWrapHide{0%{width:84%;border-radius:.3rem .3rem 0 0;-webkit-transform:translate(-50%) scale(1);transform:translate(-50%) scale(1);will-change:auto;padding:0}10%{border-radius:.3rem;will-change:auto}40%{width:7.5rem;border-radius:50%;-webkit-transform:translate(-3.75rem,-2.55rem) scale(.32);transform:translate(-3.75rem,-2.55rem) scale(.32);will-change:auto}70%{-webkit-transform:translate(-3.75rem,-3.15rem) scale(.16);transform:translate(-3.75rem,-3.15rem) scale(.16);will-change:auto}to{width:7.5rem;border-radius:50%;-webkit-transform:translate(-3.75rem,1.95rem) scale(.16);transform:translate(-3.75rem,1.95rem) scale(.16);padding:0;will-change:auto}}@keyframes productWrapHide{0%{width:84%;border-radius:.3rem .3rem 0 0;-webkit-transform:translate(-50%) scale(1);transform:translate(-50%) scale(1);will-change:auto;padding:0}10%{border-radius:.3rem;will-change:auto}40%{width:7.5rem;border-radius:50%;-webkit-transform:translate(-3.75rem,-2.55rem) scale(.32);transform:translate(-3.75rem,-2.55rem) scale(.32);will-change:auto}70%{-webkit-transform:translate(-3.75rem,-3.15rem) scale(.16);transform:translate(-3.75rem,-3.15rem) scale(.16);will-change:auto}to{width:7.5rem;border-radius:50%;-webkit-transform:translate(-3.75rem,1.95rem) scale(.16);transform:translate(-3.75rem,1.95rem) scale(.16);padding:0;will-change:auto}}.addCartWrap .productInfoWrap{font-size:0;position:relative;height:3.3rem}.addCartWrap .productImageWrap{width:3.2rem;height:2.12rem;border-radius:.08rem;overflow:hidden;position:absolute;left:.5rem;top:.5rem}.addCartWrap .productImage{width:100%;height:2.12rem}.addCartWrap .productImageWrapHide-leave-active{-webkit-animation:productImageWrapHide ease-in;animation:productImageWrapHide ease-in;-webkit-animation-duration:1s;animation-duration:1s}@-webkit-keyframes productImageWrapHide{0%{top:.5rem;will-change:auto}40%{top:3.75rem;-webkit-transform:translate(1.65rem,-50%) scale(3.6);transform:translate(1.65rem,-50%) scale(3.6);will-change:auto}70%{-webkit-transform:translate(1.65rem,-50%) scale(3.6);transform:translate(1.65rem,-50%) scale(3.6);will-change:auto}to{top:3.75rem;-webkit-transform:translate(1.65rem,-50%) scale(3.6);transform:translate(1.65rem,-50%) scale(3.6);will-change:auto}}@keyframes productImageWrapHide{0%{top:.5rem;will-change:auto}40%{top:3.75rem;-webkit-transform:translate(1.65rem,-50%) scale(3.6);transform:translate(1.65rem,-50%) scale(3.6);will-change:auto}70%{-webkit-transform:translate(1.65rem,-50%) scale(3.6);transform:translate(1.65rem,-50%) scale(3.6);will-change:auto}to{top:3.75rem;-webkit-transform:translate(1.65rem,-50%) scale(3.6);transform:translate(1.65rem,-50%) scale(3.6);will-change:auto}}.addCartWrap .pruductInfo{position:absolute;right:0;top:45%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:40%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.addCartWrap .pruductInfo p{line-height:.6rem}.addCartWrap .productName{color:#000;font-size:.32rem}.addCartWrap .productPrice{color:#000;font-size:.3rem}.addCartWrap .countEdit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#000;margin:.1rem 0 0 0;font-size:0}.addCartWrap .countEdit .count{font-size:.38rem;font-weight:700;margin:0 .4rem;border-radius:.06rem}.addCartWrap .countEdit i{width:.52rem;height:.52rem;font-size:.52rem;color:#000}.addCartWrap .countEdit .add{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.addCartWrap .buyNowBtnWrap{color:#fff;background-color:#000;position:absolute;overflow:hidden;border-radius:.08rem;bottom:1.8rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:3rem;height:1rem}.addCartWrap .buyNowBtnWrap i{width:.5rem;left:.42rem;font-size:.5rem}.addCartWrap .buyNowBtnWrap i,.addCartWrap .buyNowBtnWrap p{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.addCartWrap .buyNowBtnWrap p{white-space:nowrap;font-size:.32rem;left:1.17rem}.addCartWrap .buyNowBtnWrapShow-enter{-webkit-transform:translateX(-50%) translateY(2.8rem);transform:translateX(-50%) translateY(2.8rem);will-change:auto}.addCartWrap .buyNowBtnWrapShow-enter-active,.addCartWrap .buyNowBtnWrapShow-leave-active{-webkit-transition:all ease-in;transition:all ease-in;-webkit-transition-duration:.4s;transition-duration:.4s;will-change:auto}.addCartWrap .buyNowBtnWrapShow-leave-active{-webkit-transform:translateX(-50%) translateY(2.8rem);transform:translateX(-50%) translateY(2.8rem)}.addCartWrap .confirmBtnWrap{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;overflow:hidden;border-radius:.08rem;bottom:.6rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:3rem}.addCartWrap .confirmBtnWrap .confirmBtn{background-color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:3rem;height:1rem;font-size:0;position:relative}.addCartWrap .confirmBtnWrap .confirmBtn i{width:.5rem;left:.25rem;font-size:.5rem}.addCartWrap .confirmBtnWrap .confirmBtn i,.addCartWrap .confirmBtnWrap .confirmBtn p{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.addCartWrap .confirmBtnWrap .confirmBtn p{white-space:nowrap;font-size:.32rem;left:1rem}.addCartWrap .confirmBtnWrapShow-enter{-webkit-transform:translateX(-50%) translateY(1.8rem);transform:translateX(-50%) translateY(1.8rem);will-change:auto}.addCartWrap .confirmBtnWrapShow-enter-active,.addCartWrap .confirmBtnWrapShow-leave-active{-webkit-transition:all ease-in;transition:all ease-in;-webkit-transition-duration:.4s;transition-duration:.4s;will-change:auto}.addCartWrap .confirmBtnWrapShow-leave-active{-webkit-transform:translateX(-50%) translateY(1.8rem);transform:translateX(-50%) translateY(1.8rem)}.addCartWrap .confirmBtnWrapHide-leave-active{-webkit-animation:confirmBtnWrapHide ease-in;animation:confirmBtnWrapHide ease-in;-webkit-animation-duration:1.5s;animation-duration:1.5s}@-webkit-keyframes confirmBtnWrapHide{0%{-webkit-transform:translate(-50%);transform:translate(-50%);will-change:auto}55%{-webkit-transform:translate(-50%) scale(1);transform:translate(-50%) scale(1);will-change:auto}65%{-webkit-transform:translate(-50%) scale(1.1);transform:translate(-50%) scale(1.1);will-change:auto}75%{-webkit-transform:translate(-50%,-.4rem) scale(1);transform:translate(-50%,-.4rem) scale(1);will-change:auto}to{-webkit-transform:translate(-50%,5rem) scale(1);transform:translate(-50%,5rem) scale(1);will-change:auto}}@keyframes confirmBtnWrapHide{0%{-webkit-transform:translate(-50%);transform:translate(-50%);will-change:auto}55%{-webkit-transform:translate(-50%) scale(1);transform:translate(-50%) scale(1);will-change:auto}65%{-webkit-transform:translate(-50%) scale(1.1);transform:translate(-50%) scale(1.1);will-change:auto}75%{-webkit-transform:translate(-50%,-.4rem) scale(1);transform:translate(-50%,-.4rem) scale(1);will-change:auto}to{-webkit-transform:translate(-50%,5rem) scale(1);transform:translate(-50%,5rem) scale(1);will-change:auto}}.addCartWrap .pHide-leave{opacity:1}.addCartWrap .pHide-leave-to{opacity:0}.addCartWrap .pHide-leave-active{-webkit-transition:all .5s ease;transition:all .5s ease}.addCartWrap .comfirmBtnHide-leave-active{-webkit-animation:comfirmBtnHide ease-in;animation:comfirmBtnHide ease-in;-webkit-animation-duration:1.5s;animation-duration:1.5s}@-webkit-keyframes comfirmBtnHide{0%{width:3rem;will-change:auto}20%{width:1rem;will-change:auto}25%{border-radius:50%;will-change:auto}to{border-radius:50%;width:1rem;will-change:auto}}@keyframes comfirmBtnHide{0%{width:3rem;will-change:auto}20%{width:1rem;will-change:auto}25%{border-radius:50%;will-change:auto}to{border-radius:50%;width:1rem;will-change:auto}}.main-menu{width:.9rem;height:.9rem;background-color:#fff;border-radius:50%;text-align:center;-webkit-box-shadow:0 0 5px #555;box-shadow:0 0 5px #555;position:relative;-webkit-transition:all .15s;transition:all .15s;color:#000}.main-menu.show{width:3rem;height:3.65rem;border-radius:.1rem}.main-menu .menubtn{padding:.16rem;font-size:0}.main-menu .menubtn i{font-size:.58rem;color:#000}.main-menu .content{width:100%;padding:.2rem .3rem;position:relative;z-index:30}.main-menu .content .avator{width:.54rem;height:.54rem;font-size:.54rem;color:#000;margin-right:.2rem;border-radius:.1rem}.main-menu .content .item{padding:.2rem 0;font-size:.28rem;text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-menu .content .user{margin:0 0 .2rem;padding:.3rem 0;border-bottom:2px solid #f5f5f5}.main-menu .content .user .name{font-size:.26rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.main-menu .mask{position:fixed;left:0;top:0;height:100%;width:100%;z-index:20}.home{width:100%;font-size:0}.home .list{min-height:calc(100vh - 1.24rem);padding-bottom:.1rem}.home .list .userLogo{width:100%;background-color:#fff}.home .list .userLogo img{width:30%}.home .list .sort{width:100%;height:20vw;background-color:#fff;margin:0 0 .06rem;background-size:cover;background-position:50%;background-repeat:no-repeat;overflow:hidden}.home .list .sort .mask{width:100%;height:100%;background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.8)),color-stop(38%,rgba(0,0,0,.3)),to(transparent));background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.3) 38%,transparent);padding:0 0 0 .8rem}.home .list .sort .mask .name{color:#fff;font-size:.36rem;font-weight:700;text-align:left}.home .list .cardWrap{padding:0 .2rem}.home .list .cardWrap .card{width:100%;background-color:#fff;border-radius:.08rem;margin:0 0 .1rem;background-size:cover;background-position:50%;position:relative;overflow:hidden}.home .list .cardWrap .card .productImg{width:100%;display:block}.home .list .cardWrap .card .mask{width:100%;position:absolute;bottom:0;left:0;background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(38%,rgba(0,0,0,.3)),to(rgba(0,0,0,.6)));background:linear-gradient(180deg,transparent,rgba(0,0,0,.3) 38%,rgba(0,0,0,.6));padding:.8rem .4rem .4rem}.home .list .cardWrap .card .mask .name{color:#fff;font-size:.42rem;font-weight:700;text-align:left}.home .list .cardWrap .card .mask .action{background-color:#fff;padding:.1rem 0;border-radius:.06rem;color:#000;font-size:.26rem;width:1.5rem;margin:.1rem 0 0}.home .list .cardWrap .card .addCartBtn{position:absolute;right:.3rem;bottom:.3rem;width:.8rem;height:.8rem;background-color:#fff;border-radius:50%;font-size:0;text-align:center}.home .list .cardWrap .card .addCartBtn img{width:.5rem;display:inline-block;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.home .btns{position:fixed;right:.4rem;bottom:1rem;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}