.xn-wrapper{background:#F8F9FA;padding-bottom:1rem;padding-bottom:calc(constant(safe-area-inset-bottom) + 1rem);padding-bottom:calc(env(safe-area-inset-bottom) + 1rem)}.xn-wrapper .header{width:100%;background:linear-gradient(180deg, #FF4A4A 0%, #F8F9FA 76%);position:relative;box-sizing:border-box;padding:.26rem .26rem .4rem}.xn-wrapper .header .nav-box.active{width:100%;max-width:750px;height:1.18rem;position:fixed;top:0;left:50%;z-index:10;transform:translateX(-50%);box-sizing:border-box;padding:.26rem;background-color:#F8F9FA}.xn-wrapper .header .nav-bar{width:100%;height:.66rem;box-sizing:border-box;padding:.04rem;background:#FFFFFF;border-radius:.33rem;overflow:hidden}.xn-wrapper .header .nav-bar .address{width:1.66rem;height:.58rem;box-sizing:border-box;padding-left:.34rem;padding-right:.3rem;font-size:.28rem;font-weight:400;color:#3D3D3D;line-height:.58rem;background:#FFFFFF;position:relative}.xn-wrapper .header .nav-bar .address::before{display:block;content:'';width:.1rem;height:.08rem;position:absolute;top:50%;right:.3rem;transform:translateY(-50%);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAMAAAD6Ou7DAAAAQlBMVEUzMzMzMzMzMzMzMzMzMzMzMzMzMzNHcEwzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzOm24EJAAAAFXRSTlPlpSbhUKm1AAzUHC25c/WGQfMX6t3SLWzNAAAAPklEQVQIHT3AARZAIAAE0UU1BYC9/1XFw1dz6NMo+ZfUnn7FVoTNj7IjWHybVxDk0dUECBg6O2ZAVMGlp7oA8h4EkmXLZ6gAAAAASUVORK5CYII=) no-repeat right center;background-size:contain}.xn-wrapper .header .nav-bar .address::after{display:block;content:'';width:0.02rem;height:0.32rem;background:#DCDCDC;position:absolute;top:50%;right:0;transform:translateY(-50%)}.xn-wrapper .header .nav-bar .search-box{width:calc(100% - 2.7rem);height:.58rem;position:relative}.xn-wrapper .header .nav-bar .search-box input{width:100%;height:.58rem;position:absolute;top:0;left:0;box-sizing:border-box;padding-left:.56rem;font-size:.28rem;font-weight:400;line-height:.58rem;overflow:hidden}.xn-wrapper .header .nav-bar .search-box input::placeholder{color:#C3C3C3}.xn-wrapper .header .nav-bar .search-btn{padding:0 .2rem;height:.58rem;font-size:.28rem;font-weight:400;color:#FFFFFF;line-height:.58rem;background:#FF4A4A;border-radius:0.29rem}.xn-wrapper .header .grid{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;margin-top:.3rem;box-sizing:border-box;padding:0 .5rem .58rem;background:#FFFFFF;box-shadow:0rem 0.08rem 0.3rem 0rem rgba(74,116,174,0.08);border-radius:0.2rem}.xn-wrapper .header .grid .grid-item{width:calc((100% - 1.8rem) / 4);margin-top:.58rem;margin-right:.6rem}.xn-wrapper .header .grid .grid-item:nth-child(4n){margin-right:0}.xn-wrapper .header .grid .grid-item .icon{width:1.02rem;height:1.02rem}.xn-wrapper .header .grid .grid-item .icon img{width:100%;height:100%}.xn-wrapper .header .grid .grid-item .text{width:1rem;height:.36rem;font-size:.24rem;font-weight:400;color:#333333;line-height:.36rem;text-align:center}.xn-wrapper .header .link-box{padding-top:.2rem;display:flex;justify-content:space-between}.xn-wrapper .header .link-box .link-item{width:calc((100% - .24rem) / 2)}.xn-wrapper .header .link-box .link-item a{display:block;box-sizing:border-box;padding:.44rem 0 .6rem .38rem;background:#FFFFFF;background:url("/images/mall/bg_team.png") no-repeat right 0.32rem bottom 0.26rem #fff;background-size:1.43rem 1.45rem;box-shadow:0rem 0.08rem 0.3rem 0rem rgba(74,116,174,0.08);border-radius:0.2rem}.xn-wrapper .header .link-box .link-item a .title{height:0.3rem;font-size:0.3rem;font-weight:700;color:#333333;line-height:0.3rem}.xn-wrapper .header .link-box .link-item a .desc{padding-top:.12rem;height:0.22rem;font-size:0.22rem;font-weight:400;color:#777777;line-height:0.22rem}.xn-wrapper .header .link-box .link-item a .link-btn{display:table;margin-top:.18rem;padding:0 .3rem;height:0.38rem;font-size:0.24rem;font-weight:400;color:#FFFFFF;line-height:0.38rem;background:#FF4D4C;border-radius:0.2rem}.xn-wrapper .header .link-box .link-item:nth-child(2) a{background:url("/images/mall/icon_discount.gif") no-repeat right 0.1rem bottom 0.22rem #fff;background-size:1.5rem 1.72rem}.xn-wrapper .header .link-box .link-item:nth-child(2) a .link-btn{padding:0 .13rem;background:#FABF65;border-radius:0rem 0.2rem 0.2rem 0.2rem}.xn-wrapper .recommend{box-sizing:border-box;padding-left:.26rem}.xn-wrapper .recommend .title{height:.36rem;font-size:.36rem;font-weight:700;color:#333333;line-height:.36rem;padding-bottom:.22rem}.xn-wrapper .recommend .mySwiper{width:100%;overflow-x:auto;padding-bottom:.4rem}.xn-wrapper .recommend .mySwiper::-webkit-scrollbar{display:none}.xn-wrapper .recommend .mySwiper .swiper-slide{width:5.48rem;height:3.57rem;margin-right:.2rem;border-radius:.2rem;overflow:hidden;position:relative;background:linear-gradient(34deg, #fff 0%, rgba(255,255,255,0) 100%)}.xn-wrapper .recommend .mySwiper .swiper-slide img{width:100%;height:100%}.xn-wrapper .recommend .mySwiper .swiper-slide .info{position:absolute;top:.6rem;left:.42rem}.xn-wrapper .recommend .mySwiper .swiper-slide .info .name{height:0.3rem;font-size:0.3rem;font-weight:500;color:#333333;line-height:0.3rem;padding-bottom:.14rem}.xn-wrapper .recommend .mySwiper .swiper-slide .info .price{height:0.38rem;font-size:0.38rem;font-weight:400;color:#FF4D4C;line-height:0.38rem}.xn-wrapper .recommend .mySwiper .swiper-slide .info .price span{font-size:0.3rem}.xn-wrapper .host{box-sizing:border-box;padding:0 .26rem .4rem}.xn-wrapper .host .top{display:flex;justify-content:space-between;padding-bottom:.22rem}.xn-wrapper .host .top .title{height:0.36rem;font-size:0.36rem;font-weight:700;color:#333333;line-height:0.36rem;padding-right:.9rem;background:url("/images/mall/icon_top.png") no-repeat right bottom;background-size:.86rem .24rem}.xn-wrapper .host .top .more{box-sizing:border-box;height:.28rem;font-size:.28rem;font-weight:400;color:#404040;padding-right:.26rem;line-height:.28rem;background:url("/images/mall/icon_more.png") no-repeat right center;background-size:.14rem .25rem}.xn-wrapper .host .content{display:flex;width:100%;justify-content:space-between;box-sizing:border-box;padding:.3rem .3rem .42rem;background:#FFFFFF;box-shadow:0rem 0.08rem 0.3rem 0rem rgba(74,116,174,0.08);border-radius:.2rem}.xn-wrapper .host .content .item{width:calc((100% - .4rem) / 3)}.xn-wrapper .host .content .item .pro-img{width:100%;min-height:2rem;height:auto;border-radius:.12rem;overflow:hidden}.xn-wrapper .host .content .item .pro-img img{width:100%;height:100%}.xn-wrapper .host .content .item .desc{margin-top:.17rem;text-indent:.82rem;font-size:0.3rem;font-weight:500;color:#333333;line-height:0.38rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;background:url("/images/mall/icon_top_1.png") no-repeat left top;background-size:.69rem .32rem}.xn-wrapper .host .content .item .price{margin-top:.26rem;height:0.32rem;font-size:0.32rem;font-weight:500;color:#FF4D4C;line-height:0.32rem}.xn-wrapper .host .content .item .price span{height:0.22rem;font-size:0.22rem;font-weight:700;color:#FF4D4C;line-height:0.22rem}.xn-wrapper .host .content .item:nth-child(2) .desc{background-image:url("/images/mall/icon_top_2.png")}.xn-wrapper .host .content .item:nth-child(3) .desc{background-image:url("/images/mall/icon_top_3.png")}.xn-wrapper .like{width:100%;box-sizing:border-box;padding:0 .26rem}.xn-wrapper .like .tab{width:100%;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;padding-bottom:.46rem}.xn-wrapper .like .tab.active{box-sizing:border-box;padding:0 .26rem .26rem;position:fixed;top:.92rem;left:50%;z-index:10;transform:translateX(-50%);background:#F8F9FA;box-shadow:0rem 0.08rem 0.3rem 0rem rgba(74,116,174,0.08)}.xn-wrapper .like .tab .tab-item{width:calc((100% - .18rem) / 4);height:0.5rem;margin-top:.3rem;color:#999999;font-size:0.26rem;line-height:.5rem;text-align:center;background:#EBEBEB;border-radius:0.25rem}.xn-wrapper .like .tab .tab-item.active{color:#FFFFFF;background:#FF4D4C}.xn-wrapper .like .list{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center}.xn-wrapper .like .list.active{padding-top:2.06rem}.xn-wrapper .like .list .item{width:calc((100% - .2rem) / 2);box-sizing:border-box;padding:.3rem .3rem .45rem;margin-bottom:.2rem;background:#FFFFFF;box-shadow:0rem 0.08rem 0.3rem 0rem rgba(74,116,174,0.08);border-radius:0.2rem}.xn-wrapper .like .list .item .pro-img{width:100%;height:auto;min-height:2.8rem;border-radius:.12rem;overflow:hidden}.xn-wrapper .like .list .item .pro-img img{width:100%;height:100%}.xn-wrapper .like .list .item .desc{box-sizing:border-box;font-size:0.3rem;font-weight:400;color:#333333;padding:.2rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xn-wrapper .like .list .item .price{height:0.32rem;font-size:0.32rem;font-weight:500;color:#FF4D4C;line-height:0.32rem}.xn-wrapper .like .list .item .price span{height:0.22rem;font-size:0.22rem;font-weight:700;color:#FF4D4C;line-height:0.22rem}.xn-wrapper .like .list .item .price .discount{display:inline-block;width:0.8rem;height:0.4rem;font-size:0.28rem;font-weight:500;text-align:center;color:#FF4A4A;line-height:0.4rem;background:#FFF1F1;border-radius:0.5rem;transform:scale(0.8);font-style:initial}.xn-wrapper .cart{position:fixed;bottom:3rem;left:50%;transform:translateX(-50%);z-index:99;width:0.9rem;height:0.9rem;background:url("/images/mall/icon_home_cart.png") no-repeat center center #FF4D4C;background-size:.4rem .4rem;box-shadow:0rem 0.1rem 0.24rem 0rem rgba(255,78,78,0.44);border-radius:0.48rem}.getCityfail{width:100%;height:100%;background:#f5f5f5}.getCityfail .fail_header{position:relative;padding:0 15px;height:46px;background:#fff;border-bottom:1px solid #999;margin-bottom:15px;line-height:46px;font-size:16px;color:#333;text-align:center}.getCityfail .fail_header .fail_header_close{position:absolute;left:15px;top:15px;width:18px;height:18px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAlBAMAAADch4YzAAAAElBMVEUAAACZmZmZmZmZmZmZmZmZmZn7TU31AAAABXRSTlMA1hbALVfatA0AAAB+SURBVCjPhdBbCkBQFAXQGyZA+feYgMS/MgLJ/Kfike7qfojS2Z295BKKMaRXv4R8a5JVVg/XXSW79jZtAh8SIWZgJiaoJa2olHWgCsRADMTALjKwjAw8sI+dZ3/e4Sw/Z/Ztn/8AA2WdqJS0gtrUYwAGYiAGzi8D97C+DJxOsPwaGolqv0YAAAAASUVORK5CYII=) no-repeat center center;background-size:18px 18px}.getCityfail .fail_info{padding:0 15px;background:#fff;height:40px;line-height:40px;font-size:14px;color:#666;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.getCityfail .fail_info .fail_info_txt{color:#999}.getCityfail .fail_backCitylist{padding:25px 15px}.getCityfail .fail_backCitylist .fail_bac_title{font-size:14px;color:#999;margin-bottom:15px}.getCityfail .fail_backCitylist .fail_bac_list .bac_item{width:29%;height:36px;line-height:34px;text-align:center;background:#fff;border:1px solid #ddd;font-size:14px;color:#333;margin:0 6.5% 15px 0}.getCityfail .fail_backCitylist .fail_bac_list .bac_item:nth-child(3n){margin-right:0}