.select-store { margin: 20rpx 24rpx 20rpx 24rpx; padding: 30rpx 20rpx; background: #ffffff; border-radius: 20rpx; } .select-store .select-store-title { font-weight: 500; font-size: 30rpx; color: #333333; line-height: 42rpx; text-align: left; font-style: normal; } .select-store .select-store-right .select-store-right-text { font-weight: 400; font-size: 28rpx; color: #666666; line-height: 40rpx; text-align: left; font-style: normal; } .select-store .select-store-right .select-store-right-img { width: 12rpx; height: 24rpx; margin-left: 20rpx; } .store-tip { width: 702rpx; margin: 0 29rpx; height: 82rpx; margin-bottom: 20rpx; } .store-info { margin-top: 30rpx; } .store-info .info-header { display: flex; flex-direction: row; padding-bottom: 20rpx; margin-bottom: 20rpx; border-bottom: 1rpx solid #F1F1F1; } .store-info .info-header .info-header-left { width: 90rpx; height: 90rpx; border-radius: 18rpx; object-fit: cover; } .store-info .info-header .info-header-right { margin-left: 20rpx; flex: 1; } .store-info .info-header .info-header-right .info-header-right-name .right-name-text { font-weight: 500; font-size: 28rpx; color: #333333; line-height: 40rpx; text-align: left; font-style: normal; } .store-info .info-header .info-header-right .info-header-right-name .right-name-distance .right-name-distance-text { font-family: DINPro; font-weight: 500; font-size: 24rpx; color: #666666; line-height: 31rpx; text-align: left; font-style: normal; margin-left: 6rpx; } .store-info .info-header .info-header-right .info-header-right-name .right-name-distance .right-name-distance-icon { width: 19rpx; height: 21rpx; } .store-info .info-header .info-header-right .info-header-right-time { font-weight: 400; font-size: 24rpx; color: #666666; line-height: 33rpx; text-align: left; font-style: normal; margin-top: 17rpx; } .store-info .info-bottom { display: flex; flex-direction: row; align-items: center; } .store-info .info-bottom .info-bottom-left { flex: 1; } .store-info .info-bottom .info-bottom-left .info-bottom-left-address { font-weight: 400; font-size: 24rpx; color: #666666; line-height: 33rpx; text-align: left; font-style: normal; lines: 1; text-overflow: ellipsis; width: 500rpx; } .store-info .info-bottom .info-bottom-left .info-bottom-left-phone { font-weight: 400; font-size: 24rpx; color: #666666; line-height: 33rpx; text-align: left; font-style: normal; } .store-info .info-bottom .right-adress-icon { width: 43rpx; height: 43rpx; } .store-info .info-bottom .right-phone-icon { margin-left: 40rpx; width: 43rpx; height: 43rpx; } .store-list { width: 750rpx; background: #f4f4f4; border-radius: 20rpx 20rpx 0rpx 0rpx; padding: 30rpx 20rpx 0 20rpx; position: relative; } .store-list .store-list-title { font-weight: 500; font-size: 32rpx; color: #333333; line-height: 45rpx; text-align: center; font-style: normal; } .store-list .store-list-close { position: absolute; top: 40rpx; right: 40rpx; width: 24rpx; height: 24rpx; } .store-list .store-list-tip { width: 376rpx; height: 64rpx; margin-top: 20rpx; } .store-list .store-list-item { padding: 24rpx 20rpx; background: #ffffff; border-radius: 20rpx; margin-bottom: 20rpx; } .store-list .store-list-item .item-container { display: flex; flex-direction: row; } .store-list .store-list-item .item-container .item-container-left { width: 140rpx; height: 140rpx; border-radius: 24rpx; object-fit: cover; } .store-list .store-list-item .item-container .item-container-right { flex: 1; margin-left: 20rpx; } .store-list .store-list-item .item-container .item-container-right .item-container-right-name .right-name-text { font-weight: 500; font-size: 28rpx; color: #333333; line-height: 32rpx; text-align: left; font-style: normal; } .store-list .store-list-item .item-container .item-container-right .item-container-right-name .right-name-distance .right-name-distance-text { font-family: DINPro; font-weight: 500; font-size: 24rpx; color: #666666; line-height: 31rpx; text-align: left; font-style: normal; margin-left: 6rpx; } .store-list .store-list-item .item-container .item-container-right .item-container-right-name .right-name-distance .right-name-distance-icon { width: 19rpx; height: 21rpx; } .store-list .store-list-item .item-container .item-container-right .item-container-right-time { font-weight: 400; font-size: 24rpx; color: #666666; line-height: 33rpx; text-align: left; font-style: normal; margin-top: 4rpx; } .store-list .store-list-item .item-container .item-container-right .item-container-right-adress { margin-top: 4rpx; } .store-list .store-list-item .item-container .item-container-right .item-container-right-adress .right-adress-text { font-weight: 400; font-size: 24rpx; color: #666666; line-height: 33rpx; text-align: left; font-style: normal; max-width: 460rpx; lines: 1; text-overflow: ellipsis; } .store-list .store-list-item .item-container .item-container-right .item-container-right-adress .right-adress-icon { width: 35rpx; height: 35rpx; margin-left: 14rpx; } .store-list .store-list-item .item-container .item-container-right .item-container-right-phone { margin-top: 4rpx; } .store-list .store-list-item .item-container .item-container-right .item-container-right-phone .right-phone-text { font-weight: 400; font-size: 24rpx; color: #666666; line-height: 33rpx; text-align: left; font-style: normal; lines: 1; text-overflow: ellipsis; } .store-list .store-list-item .item-container .item-container-right .item-container-right-phone .right-phone-icon { width: 35rpx; height: 35rpx; margin-left: 14rpx; } .store-list .store-list-item .item-types { margin-top: 14rpx; display: flex; flex-direction: row; align-items: center; } .store-list .store-list-item .item-types .item-types-title { font-weight: 400; font-size: 24rpx; color: #666666; line-height: 33rpx; text-align: left; font-style: normal; margin-right: 10rpx; text-overflow: ellipsis; } .store-list .store-list-item .item-types .item-types-scroll { white-space: nowrap; flex: 1; display: flex; flex-direction: row; } .store-list .store-list-item .item-types .item-type { margin: 0 14rpx; font-weight: 400; font-size: 20rpx; color: #666666; line-height: 32rpx; text-align: center; font-style: normal; padding: 0 14rpx; height: 32rpx; background: #f3f3f3; border-radius: 16rpx; } .store-list .empty-tip { text-align: center; padding: 80rpx 0; font-size: 28rpx; color: #999999; background: #ffffff; border-radius: 20rpx; margin-bottom: 20rpx; } .store-list .load-more-tip { padding: 20rpx 0; color: #999999; border-radius: 20rpx; margin-bottom: 20rpx; } .store-list .load-more-tip .load-more-tip-text { font-size: 24rpx; text-align: center; } .flex-row-center-between { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .flex-row-center { display: flex; flex-direction: row; align-items: center; }