.common-footer,.cart-footer,.cart-bottom-nav,.order-confirm-footer,.payment-footer{z-index:10;box-shadow:0 0px 2px 0 rgba(221,221,221,0.8);height:0.98rem;position:fixed;bottom:0;left:0;right:0;font-size:0;background-color:#fff;}
.common-footer.hide{display:none;}
.common-footer a{width:25%;display:inline-block;font-size:0.2rem;color:#282828;text-align:center;height:0.98rem;padding:0.6rem 0 0 0;position:relative;}
.common-footer a p{padding:0.05rem 0 0 0;}
.common-footer a i{width:0.48rem;height:0.48rem;display:block;background-size:0.96rem 1.92rem;background-repeat:no-repeat;overflow:hidden;position:absolute;bottom:0.38rem;left:50%;transform:translate3d(-50%,0,0);-webkit-transform:translate3d(-50%,0,0);}

.common-footer a:nth-child(1) i{ background: url('../image/shop/foot_home.png') no-repeat; background-size: 0.33rem; background-position: center; }
.common-footer a:nth-child(1).router-link-active i{ background: url('../image/shop/foot_home_1.png') no-repeat; background-size: 0.33rem; background-position: center; }
.common-footer a:nth-child(2) i{ background: url('../image/shop/foot_kind.png') no-repeat; background-size: 0.33rem; background-position: center; }
.common-footer a:nth-child(2).router-link-active i{ background: url('../image/shop/foot_kind_1.png') no-repeat; background-size: 0.33rem; background-position: center; }
.common-footer a:nth-child(3) i{ background: url('../image/shop/foot_cart.png') no-repeat; background-size: 0.33rem; background-position: center; }
.common-footer a:nth-child(3).router-link-active i{ background: url('../image/shop/foot_cart_1.png') no-repeat; background-size: 0.33rem; background-position: center; }
.common-footer a:nth-child(4) i{ background: url('../image/shop/foot_my.png') no-repeat; background-size: 0.33rem; background-position: center; }
.common-footer a:nth-child(4).router-link-active i{ background: url('../image/shop/foot_my_1.png') no-repeat; background-size: 0.33rem; background-position: center; }
.common-footer a.router-link-active p{ color: #FE0A0A; }

.swiper-container{position:relative;z-index:1;overflow:hidden;margin:0 auto}
.swiper-wrapper{position:relative;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;width:100%;height:100%;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;transition-property:transform;-ms-transition-property:-ms-transform}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0}
.swiper-pagination{position:absolute;bottom:.16rem;width:100%;font-size:0;height:.16rem;z-index:10;text-align:center;-webkit-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-pagination-bullet{display:inline-block;width:.16rem;height:.16rem;border-radius:100%;background:rgba(255,255,255,0.8);margin:0 .09rem}

.swiper-pagination-bullet{display:inline-block;width:.16rem;height:.16rem;border-radius:100%;background:rgba(255,255,255,0.8);margin:0 .09rem}
.swiper-pagination-bullet{ background-color: rgba(230,230,230,0.8);}
.swiper-pagination-bullet-active{background-color:#fa7374;}

.common-head{z-index:10;height:0.88rem;position:fixed;top:0;left:0;right:0;display:-webkit-box;display:-webkit-flex;display:flex;align-items:center;-webkit-align-items:center;}
.common-head{background-color:#fff;display:block;box-shadow:0 0 1px 0 rgba(0,0,0,0.2);}
.common-head .back-button,.circle-head .back-button{position:absolute;top:0;left:0;}
.common-head h3,.circle-head h3{font-size:0.32rem;text-align:center;margin:0 1rem;line-height:0.88rem; color: #333; }
.common-head .common-head-button{position:absolute;right:0;top:0;display:block;font-size:0.32rem;padding:0 0.3rem;color:#333;line-height:0.88rem;}
.common-head .common-head-button.grey-button{font-size:0.28rem;color:#333;}
.back-button,.sort-button{width:0.8rem;height:0.88rem;display:block;position:relative;}
.search-header .back-button{margin:0 0 0 -0.3rem;}
.back-button:after{content:"";width:0.22rem;height:0.22rem;border-bottom:0.03rem solid #333;border-left:0.03rem solid #333;display:block;transform:translate3d(-50%,-50%,0) rotate(45deg);-webkit-transform:translate3d(-50%,-50%,0) rotate(45deg);position:absolute;left:50%;top:50%;}