.container { display: flex; padding-top: 32rpx; } .left_logo { width: 180rpx !important; height: 180rpx !important; margin-right: 30rpx; margin-left: 19rpx; } .right { flex: 1; margin-right: 21rpx; border-bottom: 1rpx solid #E6E6E6; max-width: 460rpx; } .no_bottom { border-bottom: none; } .header { display: flex; justify-content: space-between; } .title { font-weight: 400; font-size: 32rpx; color: #000000; margin-bottom: 14rpx; } .distance { font-weight: 400; font-size: 22rpx; color: rgba(168,104,43,0.8); } .center { font-weight: 400; font-size: 24rpx; color: #555555; margin-bottom: 18rpx; } .address { font-weight: 400; font-size: 24rpx; color: #999999; margin-bottom: 25rpx; display: flex; align-items: center; } .address_icon { display: inline-block; width: 24rpx; height: 26rpx; margin-right: 12rpx; } .text-container { flex: 1; white-space: nowrap; /* 强制文本在一行内显示 */ overflow: hidden; /* 隐藏超出容器的文本 */ text-overflow: ellipsis; } .bottom { display: flex; justify-content: space-between; margin-bottom: 35rpx; } .bottom_left { } .btn { display: inline-flex; align-items: center; background: rgba(255,81,42,0.1); border-radius: 100rpx 100rpx 100rpx 100rpx; padding: 7rpx 22rpx 7rpx 0; } .mobile { background: #FFF2DA; margin-left: 20rpx; } .btn_icon { display: inline-block; width: 24rpx; height: 24rpx; margin-right: 9rpx; margin-left: 11rpx; } .bottom_right { display: inline-block; font-weight: 400; font-size: 26rpx; color: #FFFFFF; padding: 10rpx 23rpx; background: #D5AC66; border-radius: 100rpx 100rpx 100rpx 100rpx; }