.bg { /* position: relative; */ background: #F7F7F7; padding-bottom: 170rpx; box-sizing: border-box; min-height: 100vh; padding-top: 20rpx; } .flex-shrink-0{ flex-shrink: 0; } .item-bg{ width: 697rpx; min-height: 160rpx; height: 160rpx; background: #FFFFFF; border-radius: 13rpx; margin: 0 auto; margin-bottom: 28rpx; } .item-bg.active{ border:1px solid #0E8790; } .item { padding: 24rpx; padding-right: 0; display: flex; background: #FFFFFF; border-radius: 13rpx; width: 100%; height: 100%; box-sizing: border-box; } .item .item-point-title{ flex: 1; width: 10rpx; padding-right: 78rpx; display: flex; flex-direction: column; justify-content: space-between; font-weight: 500; font-size: 27rpx; color: #999999; } .item .item-point-guide{ width:140rpx; flex-shrink: 0; border-left: 1px solid #D8D8D8; color: #515150; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 24rpx; } .item .mapPoint{ width: 33rpx; height: 33rpx; } .name { display: flex; font-size: 31rpx; font-weight: bold; color: #333333; } .no-data { width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 300rpx 0; } .no-data view:nth-child(2) { font-size: 30rpx; font-family: PingFang SC; font-weight: 500; color: #333333; margin-top: 25rpx; } .no-data image { width: 160rpx; height: 160rpx; } .btn-bottom{ position: fixed; bottom: 0; width: 750rpx; height: 150rpx; background: #FFFFFF; box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(6, 0, 1, 0.1); display: flex; justify-content: space-between; padding: 30rpx 50rpx 30rpx 50rpx; box-sizing: border-box; } .btn-bottom .addBox{ margin: 0 auto; width: 697rpx; height: 73rpx; background: #D62828; border-radius: 39rpx; font-size: 36rpx; font-family: PingFang SC; font-weight: 500; color: #FFFFFF; line-height: 80rpx; text-align: center; } .distance{ font-weight: 500; font-size: 24rpx; color: #0E8790; text-align: center; padding-top: 11rpx; word-wrap: break-all; }