.container { } .car-info { width: 100%; /* height: 725rpx; */ background-color: #ffffff; border-radius: 32rpx 32rpx 0 0; position: fixed; bottom: 0; z-index: 1000; padding: 44rpx 32rpx 120rpx; } .info-top { padding-bottom: 32rpx; border-bottom: 2rpx solid #F4F5F6; margin-bottom: 32rpx; } .info-top .img { width: 125rpx; height: 125rpx; border-radius: 16rpx; overflow: hidden; } .top-left > view:nth-of-type(1) { color: #2A3A5A; font-size: 36rpx; margin-bottom: 16rpx; font-weight: bold; } .top-left > view:nth-of-type(2) { color: #5E6F90; background-color: #F3F8FF; border-radius: 40rpx; padding: 0 20rpx; padding-top: 12rpx; padding-bottom: 12rpx; text-align: center; } .ctime { color: #9FA7B7; font-size: 30rpx; margin-bottom: 40rpx; } .center-left { flex-direction: column; align-items: center; } .center-left > view:nth-of-type(1) { width: 16rpx; height: 16rpx; background-color: #2A3A5A; border-radius: 50%; margin-bottom: 4rpx; } .center-left > view:nth-of-type(2) { height: 54rpx; border: 2rpx dashed #CEE4FF; } .center-left > view:nth-of-type(3) { width: 16rpx; height: 16rpx; background-color: #0074FF; border-radius: 50%; margin-top: 4rpx; } .center-right { color: #2A3A5A; font-size: 28rpx; display: flex; flex-direction: column; height: 100%; margin-left: 16rpx; } .center-right > view:nth-of-type(1) { margin-bottom: 40rpx; } .info-bottom { background-color: #F3F8FF; border-radius: 16rpx; margin-top: 40rpx; padding: 32rpx 20rpx; } .bottom-item { display: flex; flex-direction: column; align-items: center; } .bottom-item > view:nth-of-type(1) { color: #2A3A5A; font-size: 40rpx; font-weight: bold; margin-bottom: 12rpx; } .bottom-item text { color: #2A3A5A; font-size: 28rpx; margin-left: 4rpx; } .bottom-item > view:nth-of-type(2) { color: #5E6F90; font-size: 24rpx; } .address-name-style{ width: 640rpx; white-space: nowrap; /* 保持文本在一行内显示 */ overflow: hidden; /* 隐藏溢出的内容 */ text-overflow: ellipsis; /* 使用省略号表示溢出的文本 */ }