/* packageE/stores/stores.wxss */ @import "/mycss/stylesheet.wxss"; @import "/mycss/iconfont.wxss"; .tag { padding: 0 !important; } .store-box { padding: 1rpx 0; background-color: #f5f5f5; } .bg-color2 { background-color: #f5f5f5; } .store-box .store-list { display: flex; flex-direction: column; justify-content: center; border-bottom: 2px solid #efefed; /* width: 100%; */ overflow: hidden; padding: 10px; } .store-box .store-list .item-top { display: flex; width: 100%; } .store-box .store-list .left { width: 93.75px; text-align: center; } .store-box .store-list .left .image { width: 70px; height: 70px; /* border-radius: 50%; */ margin: 0 10px; } .store-box .store-list .left .image .img { width: 100%; height: 100%; /* border-radius: 50%; */ } .store-box .store-list .left .category { margin-top: 10px; display: inline-block; /* background: #adadad; */ /* color: #fff; */ /* border-radius: 5px; */ padding: 1px 5px; } .store-box .store-list .right { width: 281.25px; } .store-box .store-list .right .title { font-weight: 600; /* color: #000; */ /* font-size: 14px; */ } .store-box .store-list .right .sale { font-size: 12px; color: #666; display: flex; width: 100%; } .store-box .store-list .right .sale .grade { padding-right: 5px; display: flex; } .store-box .store-list .right .sale .grade .iconfont { color: #ffba00; font-size: 20px; margin-top: -15rpx; } .store-box .store-list .right .sale .num { flex: 1; } .store-box .store-list .right .sale .distance { text-align: right; width: 100px; padding-right: 10px; } .store-box .store-list .right .sale .distance .iconfont { display: inline-flex; color: #ff2c29; font-size: 20px; height: 24px; line-height: 24px; } .store-box .store-list .right .discounts .discounts-list { display: flex; align-items: center; flex-wrap: wrap; overflow: hidden; } .store-box .store-list .right .discounts .discounts-list .type { /* font-size: 12px; */ /* color: #ff2c29; */ flex: 0 0 80rpx; font-weight: 600; padding-right: 10px; } .store-box .store-list .right .discounts .discounts-list .con { padding-right: 10px; /* color: #000; */ } .store-box .store-list .right .label { font-size: 12px; } .store-list .right .label .label-list { margin-top: 5px; display: flex; align-items: center; } .store-box .store-list .right .label .label-list .label-title { margin-right: 10px; padding: 0 5px; /* background: #fff; */ /* color: #666; */ /* border: 1px solid #ff8400; */ /* border-radius: 6px; */ } .store-box .store-list .goods { width: 100%; font-size: 12px; margin-top: 10px; box-sizing: border-box; } .store-box .store-list .goods .goods-list { display: flex; align-items: center; flex-wrap: nowrap; width: 100%; overflow-x: scroll; } .store-box .store-list .goods .goods-list .goods-one { margin-right: 10px; width: 90px; } .store-box .store-list .goods .goods-list .goods-one .goods-image { width: 90px; height: 90px; border-radius: 5px; } .store-box .store-list .goods .goods-list .goods-one .goods-image image { width: 100%; height: 100%; border-radius: 5px; } .store-box .store-list .goods .goods-list .goods-one .goods-title { margin-top: 5px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .store-box .store-list .goods .goods-list .goods-one .price { color: #ff2c29; font-weight: 600; } .scroll { overflow-x: scroll; } /* 折扣 */ .rebate_box { /* background: #fff; */ /* margin-top: 20px; */ } .rebate_box .content_b_a .tab_b { background: #fff; overflow-x: scroll; white-space: nowrap; border-bottom: solid 2rpx #ebebeb; } .rebate_box .content_b_a .tab_b .tab_b_box { display: flex; font-size: 15.0016px; } .rebate_box .content_b_a .tab_b .tab_b_box .li { margin: 0 24rpx; height: 84rpx; line-height: 84rpx; color: #666; } .rebate_box .content_b_a .tab_b .tab_b_box .current { font-weight: bold; color: #daac5e; border-bottom: solid 6rpx #daac5e; } .rebate_box .content_b_a .tab_b .tab_b_box .li:last-child { padding-right: 24rpx; } .rebate_box .content_b_a .tab_c { /* background: #fafafa; */ } .rebate_box .content_b_a .tab_c .tab_c_box { display: flex; } .rebate_box .content_b_a .tab_c .tab_c_box .li { flex: 1; padding: 20rpx 0; color: #666; text-align: center; } .rebate_box .content_b_a .tab_c .tab_c_box .li .span { display: block; line-height: 40rpx; font-size: 13.0016px; } .rebate_box .content_b_a .tab_c .tab_c_box .current { background: rgba(218, 172, 94, 0.6); color: #fff; } .rebate_box .content_b_a .goods_list { padding: 0 24rpx; } .rebate_box .content_b_a .goods_list .goods { display: flex; padding: 32rpx 0; border-bottom: solid 2rpx #ebebeb; } .rebate_box .content_b_a .goods_list .goods .img { width: 128rpx; height: 128rpx; border: solid 2rpx #e8e8e8; overflow: hidden; margin-right: 24rpx; } .rebate_box .content_b_a .goods_list .goods .img image { width: 100%; } .rebate_box .content_b_a .goods_list .info { width: 550rpx; } .rebate_box .content_b_a .goods_list .info li { display: flex; justify-content: space-between; } .rebate_box .content_b_a .goods_list .info .info_a { margin-bottom: 8rpx; font-size: 15.0016px; } .rebate_box .content_b_a .goods_list .info .info_a .span:first-child { max-width: 360rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rebate_box .content_b_a .goods_list .info .info_a .span:last-child { color: #8c8c8c; font-size: 14px; } .rebate_box .content_b_a .goods_list .info .info_b .span { /* background: #f5f5f5; */ font-size: 12px; color: #18bdad; padding: 0 8rpx; } .rebate_box .content_b_a .goods_list .info .info_c { color: #daac5e; display: flex; justify-content: space-between; margin-top: 15rpx; } .rebate_box .content_b_a .goods_list .info .info_c .span { font-size: 16px; } .rebate_box .content_b_a .goods_list .info .info_c .button { border: solid 2rpx #daac5e; padding: 4rpx 16rpx; font-size: 26rpx; border-radius: 6rpx; color: #daac5e; } /* --------------------------------- */ /* 优惠券 */ .coupon_list { /* background: #fff; */ /* margin-top: 20px; */ padding: 20rpx 0; } .coupon_list .coupon { background: #fff; border: none; margin: 20rpx auto; width: 690rpx; height: 200rpx; background-image: url('https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/coupon_b.png'); background-size: 690rpx 200rpx; background-repeat: no-repeat; display: flex; } .coupon_list .coupon .left { width: 248rpx; height: 180rpx; display: flex; justify-content: center; align-items: center; flex-direction: column; } .coupon_list .coupon .left .img { margin: 0 auto; width: 72rpx; height: 72rpx; border-radius: 60rpx; overflow: hidden; margin-bottom: 16rpx; } .coupon_list .coupon .left .img image { width: 100%; } .coupon_list .coupon .left .p { width: 248rpx; padding: 0 20rpx; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; text-align: center; } .coupon_list .coupon .right { width: 442rpx; height: 180rpx; display: flex; justify-content: space-between; align-items: center; padding: 0 20rpx; position: relative; } .coupon_list .coupon .right .right_a .li { width: 256rpx; line-height: 36rpx; color: #daac5e; text-align: left; font-size: 13.0016px; } .coupon_list .coupon .right .right_b { margin-right: 5.0016rpx; } .coupon_list .coupon .right .right_b .li:first-child { color: #daac5e; font-size: 14px; } .coupon_list .coupon .right .right_b .li:first-child .span { font-size: 20px; } .coupon_list .coupon .right .right_b .li:last-child .button { border: none; background: #daac5e; color: #fff; font-size: 12px; border-radius: 32rpx; padding: 8rpx 16rpx; } .coupon_list .coupon .right .received_b { position: absolute; top: 0; left: 40%; } .coupon_list .coupon .right .received_b i { font-size: 120px; color: #daac5e; opacity: 0.3; } /* ---------------------------- */ /* 礼包 */ .gift_box { padding: 8rpx; /* background: #fff; */ } .gift_box .buy-1 { background: url('http://yunzmall.com/min_img/ico_buy_3.png'); background-size: 60rpx 40rpx; } /* ------------------------ */ /* 加载更多样式 */ .loading-box { width: 100%; height: 50px; line-height: 50px; text-align: center; } /* 门店拼团 */ .show_price_box { display: flex; flex-wrap: wrap; } .show_price { font-size: 11px; color: #ff2c29; border: solid #ff2c29 1px; padding: 1px 4px; margin-top: 5px; } .red_white { color: #fff; background: #ff2c29; margin-right: 5px; } .white_red { color: #ff2c29; background: #fff; } .store_deduction_style { background: #ff2c29; color: #fff !important; border: 1px solid #ff2c29; padding: 0 5px; font-size: 10px; } .store_cash_back_style { border: 1px solid #ff2c29; color: #ff2c29; padding: 0 5px; font-size: 10px; margin-left: 5px; } /* 门店拼团 */