.flex-between { display: flex; justify-content: space-between; align-items: center; } .container { width: 750rpx; } .box { width: 700rpx; background: #FFFFFF; border-radius: 9.33rpx; padding: 0 21.33rpx 46.67rpx; margin: 0 auto; box-sizing: border-box; } .top-title { height: 110rpx; font-weight: bold; font-size: 30.67rpx; color: #000000; display: flex; justify-content: space-between; align-items: center; } .refresh-btn { font-weight: bold; font-size: 28rpx; color: #0B898E; display: flex; align-items: center; } .refresh-btn image { width: 32rpx; margin-right: 13.33rpx; } .address-box { width: 655.33rpx; height: 80rpx; background: rgba(11, 137, 142, .06); border-radius: 13.33rpx; padding: 0 21.33rpx; font-weight: 500; font-size: 26.67rpx; color: #0B898E; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; } .address-box .location { width: 42.67rpx; margin-right: 26.67rpx; } .address-box .rightIcon { width: 20rpx; } .address-boxs { width: 655.33rpx; height: 133.33rpx; background: #F7F7F7; border-radius: 13.33rpx; padding: 13.33rpx 21.33rpx; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; } .address-boxs .location { width: 42.67rpx; margin-right: 26.67rpx; } .address-boxs .content { display: flex; align-items: center; margin-right: 33.33rpx; } .address-boxs .content .left { font-weight: 500; font-size: 26.67rpx; color: #000000; } .address-boxs .content .right { width: 333.33rpx; margin-left: 16.67rpx; } .address-boxs .content .right .top { font-weight: 400; font-size: 30.67rpx; color: #000000; } .address-boxs .content .right .top text { font-weight: 500; font-size: 24rpx; color: #666666; margin-left: 33.33rpx; } .address-boxs .content .right .bottom { margin-top: 6.67rpx; font-weight: 500; font-size: 24rpx; color: #666666; } .address-boxs .rightIcon { width: 33.33rpx; } .product-item { height: 153.33rpx; display: flex; width: 100%; margin-top: 40rpx; } .product-item .product-img { width: 153.33rpx; height: 153.33rpx; border-radius: 13.33rpx; margin-right: 20rpx; } .product-item .product-content { flex: 1; height: 153.33rpx; display: flex; flex-direction: column; justify-content: space-between; } .product-item .product-content .title-boxs { display: flex; justify-content: space-between; align-items: center; } .product-item .product-content .title-boxs .title { width: 445.33rpx; font-weight: 500; font-size: 28rpx; color: #000000; } .product-item .product-content .title-boxs image { width: 20rpx; } .product-item .product-content .subtitle { font-weight: 500; font-size: 24rpx; color: #999999; } .product-item .product-content .price { font-weight: 500; font-size: 33.33rpx; color: #E30000; } .product-item .product-content .price::before { content: '¥'; font-size: 24rpx; } .product-item .product-content .price text { font-weight: 500; font-size: 24rpx; color: #E30000; margin-left: 6.67rpx; } .product-item .product-content .product-btn { width: 160rpx; font-weight: bold; font-size: 28rpx; color: #111111; display: flex; justify-content: space-between; align-items: center; } .product-item .product-content .product-btn image { width: 46.67rpx; flex-shrink: 0; } .sku-box { width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.3); position: fixed; z-index: 99; left: 0; bottom: 0; } .sku-popup { position: fixed; left: 0; bottom: 0; width: 100%; height: 60vh; background-color: #fff; padding: 20rpx; box-sizing: border-box; overflow-x: hidden; } .sku-name { display: flex; justify-content: space-between; align-items: center; font-size: 35rpx; font-weight: bold; height: 80rpx; padding: 0 20rpx; box-sizing: border-box; } .sku-name span { font-weight: 400; } .sku-content { width: 100%; height: 50vh; overflow-y: auto; overflow-x: hidden; max-width: 100%; } .sz-xcx-fwb-img { width: 100% !important; height: auto !important; display: block !important; margin: 0 auto !important; object-fit: contain !important; max-width: 100% !important; }