.container.data-v-92bb8f34 { height: 100%; background-color: #fff; background: linear-gradient(180deg, #0174F6 0%, rgba(1, 116, 246, 0) 100%); background-size: 100% 600rpx; background-repeat: no-repeat; color: #333333; display: flex; flex-direction: column; } .container .body.data-v-92bb8f34 { flex: 1; height: 0; overflow: auto; padding-bottom: 30rpx; } .container .body-top-banner.data-v-92bb8f34 { text-align: center; } .container .banner.data-v-92bb8f34 { margin: 24rpx 0 0; width: 686rpx; height: 290rpx; border-radius: 12rpx 12rpx 12rpx 12rpx; background-color: #0174F6; } .container .menus.data-v-92bb8f34 { margin: 30rpx auto 0; box-sizing: border-box; width: 686rpx; padding: 40rpx 38rpx; background: #FFFFFF; box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(10, 54, 104, 0.1); border-radius: 12rpx 12rpx 12rpx 12rpx; display: flex; align-items: center; justify-content: space-between; } .container .menu-item.data-v-92bb8f34 { display: flex; align-items: center; justify-content: center; flex-direction: column; row-gap: 22rpx; font-size: 24rpx; } .container .menu-item .menu-icon.data-v-92bb8f34 { width: 48rpx; height: 48rpx; } .container .info.data-v-92bb8f34 { width: 686rpx; margin: 38rpx auto 0; display: flex; align-items: center; -webkit-column-gap: 20rpx; column-gap: 20rpx; } .container .info .info-icon.data-v-92bb8f34 { width: 80rpx; height: 80rpx; } .container .info .infoList.data-v-92bb8f34 { flex: 1; width: 0; } .container .info .infoList .infoItem.data-v-92bb8f34 { display: flex; align-items: center; justify-content: space-between; -webkit-column-gap: 10rpx; column-gap: 10rpx; } .container .info .infoList .infoIndex.data-v-92bb8f34 { width: 12rpx; height: 12rpx; border-radius: 50%; background-color: #333; } .container .info .infoList .infoText.data-v-92bb8f34 { flex: 1; width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 24rpx; } .container .info .more-icon.data-v-92bb8f34 { width: 24rpx; height: 24rpx; } .container .repairShop.data-v-92bb8f34 { width: 686rpx; margin: 38rpx auto 0; } .container .repairShop .title.data-v-92bb8f34 { font-weight: bold; font-size: 32rpx; color: #333333; } .container .repairShop .shopList .shopItem.data-v-92bb8f34 { padding: 30rpx 0; border-bottom: 1rpx solid #DDDDDD; display: flex; align-items: center; -webkit-column-gap: 20rpx; column-gap: 20rpx; } .container .repairShop .shopList .shopImg.data-v-92bb8f34 { width: 160rpx; height: 100rpx; border-radius: 8rpx 8rpx 8rpx 8rpx; background-color: #999; } .container .repairShop .shopList .shopInfo.data-v-92bb8f34 { flex: 1; width: 0; } .container .repairShop .shopList .shopTitle.data-v-92bb8f34 { font-weight: 500; font-size: 28rpx; color: #333333; margin-bottom: 20rpx; } .container .repairShop .shopList .shopDetail.data-v-92bb8f34 { display: flex; align-items: center; font-size: 24rpx; color: #666666; -webkit-column-gap: 10rpx; column-gap: 10rpx; } .container .repairShop .shopList .shopAddress.data-v-92bb8f34 { flex: 1; width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .container .repairShop .shopList .line.data-v-92bb8f34 { width: 2rpx; height: 24rpx; background-color: #858BA0; } .container .repairShop .shopList .shopDistance.data-v-92bb8f34 { flex-shrink: 0; }