.search-container { background-color: white; } .search { position: relative; width: 100vw; height: 50rpx; display: flex; box-sizing: border-box; padding-left: 26rpx; background-color: white; } .search input { display: block; box-sizing: border-box; background: #F7F8FA; height: 62rpx; border-radius: 20rpx; padding-left: 20rpx; line-height: 62rpx; font-size: 12px; } .search-title { left: 0; font-weight: bold; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .search-placeholder { font-size: 14px; color: #A9A6A6; line-height: 62rpx; } .scan_image { width: 25rpx; height: 25rpx; position: absolute; top: 14rpx; right: 37%; z-index: 99; } .shops-container { display: flex; justify-content: space-between; align-items: center; margin: 16rpx; } .shops-container .l { display: flex; align-items: center; } .shops-container .l text { color: #666; margin-left: 16rpx; } .shops-container .l image { width: 40rpx; height: 40rpx; } .shops-container .r { display: flex; align-items: center; } .shops-container .r text { color: #666; } .shops-container .r image { width: 40rpx; height: 40rpx; } .goodsDynamic { position: absolute; bottom: 46rpx; left: 24rpx; width: 668rpx; color: #fff; font-size: 24rpx; } .goodsDynamic .swiper2 { width: 100%; height: 64rpx; } .goodsDynamic-item { display: inline-flex; align-items: center; background: rgba(0, 0, 0, 0.4); border-radius: 32rpx; padding: 8rpx 16rpx; } .goodsDynamic-item image { width: 32rpx; height: 32rpx; border-radius: 50%; flex-shrink: 0; } .goodsDynamic-item text { margin-left: 8rpx; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .notice-icon { width: 130rpx; height: 33rpx; margin-right: 10px; } .notice-box { width: 100vw; height: 88rpx; line-height: 88rpx; border-bottom: 1rpx solid #efeff4; } .notice_swiper { height: 88rpx; width: 100%; } .notice_itemr { padding-left: 16rpx; font-size: 24rpx; overflow: hidden; color: #e64340; } .container { background-color: #fff; min-height: 100%; display: block; } .category-container { padding: 0 0 10px 0; margin-top: 16rpx; position: relative; background-color: white; } .category-box { background-color: #fff; display: flex; flex-wrap: wrap; box-shadow: 0px 0px 18px 0px rgba(5, 5, 5, 0.15); width: 700rpx; margin-left: 25rpx; border-radius: 10px; padding: 20rpx 0; position: inherit; } .category-list { width: 140rpx; text-align: center; display: inline-block; overflow: hidden; } .category-column { width: 100%; margin-top: 20rpx; overflow: hidden; } .category-imgbox { width: 100rpx; height: 100rpx; } .category-title { font-size: 24rpx; text-align: center; } .swiper-container { width: 750rpx; height: 375rpx; position: relative; z-index: 1; } .swiper-container .swiper1 { width: 750rpx; height: 375rpx; } .swiper-container .swiper1 image { width: 750rpx; height: 375rpx; /* margin: 8rpx 15rpx; */ /* border-radius: 16rpx; */ } ::-webkit-scrollbar { width: 0; height: 0; color: transparent; } .type-item-on { color: #e64340; border-bottom: 1rpx solid #e64340; } .goods-container { display: flex; justify-content: space-between; flex-wrap: wrap; box-sizing: content-box; padding: 0 24rpx; } .goods-box { width: 339rpx; /* height: 472rpx; */ background-color: #fff; overflow: hidden; margin-bottom: 24rpx; border-radius: 5px; border: 1px solid #D1D1D1; padding-bottom: 10rpx; } .goods-box .img-box { width: 339rpx; height: 339rpx; overflow: hidden; } .goods-box .img-box image { width: 339rpx; height: 339rpx; } .goods-box .goods-title { width: 280rpx; font-size: 24rpx; color: #333; margin-left: 24rpx; } .goods-box .goods-price-container { display: flex; align-items: baseline; } .goods-box .goods-price { overflow: hidden; font-size: 34rpx; color: #F20C32; margin-left: 24rpx; } .goods-box .goods-price2 { overflow: hidden; font-size: 26rpx; color: #aaa; text-decoration: line-through; margin-left: 20rpx; } .pos-fiexd { position: fixed; top: 0; left: 0; } .coupons { margin-top: 10rpx; width: 100%; height: 180rpx; overflow: hidden; } .coupons-scroll { white-space: nowrap; height: 180rpx; width: 100%; background-color: #fff; } .coupons-item { width: 300rpx; height: 180rpx; margin: 10rpx; padding-top: 20rpx; padding-left: 15rpx; background-color: #f1a83b; box-sizing: content-box; font-size: 20rpx; line-height: 35rpx; overflow: hidden; color: #fff; display: inline-block; } .coupons-float { position: fixed; right: 15rpx; bottom: 80rpx; width: 80rpx; height: 80rpx; background-color: #fff; text-align: center; border-radius: 50%; border: 1rpx solid #ddd; } .coupons-float image { width: 60rpx; height: 60rpx; margin-top: 10rpx; } .tuan { width: 750rpx; padding-bottom: 20rpx; } .tuan-item { width: 720rpx; margin: auto; margin-top: 20rpx; background-color: #FFF; position: relative; } .tuan-goods-pic { width: 720rpx; height: 250rpx; overflow: hidden; } .tuan-goods-pic image { width: 720rpx; } .tuan-title { margin-top: 20rpx; margin-left: 20rpx; font-size: 30rpx; font-weight: 400; } .tuan-profile { margin-left: 20rpx; font-size: 28rpx; color: #999; } .tuan-price { margin-left: 20rpx; } .tuan-price .now { font-size: 36rpx; color: #e64340; } .tuan-price .original { margin-left: 20rpx; font-size: 26rpx; color: #999; text-decoration: line-through; } .tuan-btn { position: absolute; right: 30rpx; bottom: 0rpx; } .category-goods-title { width: 100vw; display: flex; justify-content: space-between; align-items: center; margin-bottom: 8rpx; border-bottom: 1rpx solid #efeff4; } .category-goods-title .more { color: #666; font-size: 24rpx; margin-right: 32rpx; } .progress { width: 686rpx; padding: 0 32rpx; margin-bottom: 16rpx; } .table-icon-miaosha { width: 34rpx; height: 42rpx; margin-right: 18rpx; } .table-icon-tuijian { width: 34rpx; height: 40rpx; margin-right: 18rpx; } .table-icon-kanjia { width: 34rpx; height: 40rpx; margin-right: 18rpx; } .table-icon-pingtuan { width: 34rpx; height: 51rpx; margin-right: 18rpx; } .table-icon-goodslist { width: 34rpx; height: 45rpx; margin-right: 18rpx; } .table-text { color: black !important; font-size: 16px !important; padding: 0 28rpx; } /*秒杀*/ .miaosha-container { padding: 0; } .miaosha-goods-list { margin: 20rpx; border-radius: 16rpx; display: flex; padding: 20rpx; } .miaosha-goods-list .image { width: 260rpx; height: 260rpx; flex-shrink: 0; border-radius: 16rpx; } .miaosha-goods-list .r { margin-left: 32rpx; } .miaosha-goods-list .r .goods-title { color: #333; font-size: 28rpx; } .miaosha-goods-list .r .label { color: #e64340; font-size: 24rpx; display: flex; align-items: flex-start; margin-top: 8rpx; } .miaosha-goods-list .r .label text { margin-left: 8rpx; } .miaosha-goods-list .count-down { background: rgba(250, 195, 198, 0.3); border-radius: 5rpx; font-size: 14rpx; font-weight: 400; padding: 6rpx 16rpx; margin-top: 6rpx; text-align: center; border-radius: 10rpx; } .van-count-down { color: #E14962 !important; font-size: 12px !important; font-weight: 400; } .miaosha-price-btn { display: flex; justify-content: space-between; align-items: center; } .miaosha-price-btn .msbtn { width: 170rpx; height: 60rpx; background: linear-gradient(156deg, #FF7863 0%, #FF211A 100%); border-radius: 34rpx; border: none !important; line-height: 60rpx !important; font-size: 13px !important; } .miaosha-price-btn .price { color: #e64340; font-size: 40rpx; margin-top: 12rpx; } .miaosha-price-btn .price text { color: #666666; font-size: 26rpx; text-decoration: line-through; } .live-banner { margin-top: 32rpx; width: 696rpx; margin-left: 27rpx; height: 279rpx; background: #D8D8D8; border-radius: 18px; } .kanjia-container { margin-top: 0px; padding-bottom: 12rpx; } .kanjia-vcard { background-color: white !important; } .van-card__price { margin-top: 24rpx; } .van-card__price-integer { font-size: 18px !important; } .vprogress { margin-top: 24rpx; } .van-progress__portion { background: #FF211A !important; } .van-progress__pivot { color: #E14962 !important; } .kjbtn { width: 170rpx; height: 60rpx; background: linear-gradient(156deg, #FF7863 0%, #FF211A 100%) !important; border-radius: 34rpx !important; border: none !important; line-height: 60rpx !important; font-size: 13px !important; } .ptbtn { width: 170rpx; height: 60rpx; background: linear-gradient(156deg, #FF7863 0%, #FF211A 100%) !important; border-radius: 34rpx !important; border: none !important; line-height: 60rpx !important; font-size: 13px !important; } .adPositionIndexPop { width: 100vw; height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; } .adPositionIndexPop image { width: 420rpx; } .adPositionIndexPop .close { margin-top: 32rpx; } .pingtuantag { margin-left: 16rpx; }