.main{ margin-top: 40rpx; padding: 0 24rpx; position: relative; } .main .item{ background-color: #fff; border-radius: 30rpx; padding: 34rpx 34rpx; box-shadow: 0 10rpx 20rpx 10rpx #E8ECEF; margin-bottom: 24rpx; } .main .item .text1{ font-size: 30rpx; color: #000; margin-bottom: 16rpx; } .main .item2{ padding: 0 34rpx; } .bor{ border-bottom: 2rpx solid #F4F7FE; } .main .item .text2{ font-size: 28rpx; color: #68769F; word-break: break-word; } .flex{ display: flex; align-items: center; justify-content: space-between; } .main .item .name{ height: 138rpx; border-bottom: 2rpx solid #F4F7FE; } .main .item .name:last-child{ border-bottom: none; } .main .item .address{ color: #68769F; font-size: 28rpx; } .main .item .img1{ width: 25rpx; vertical-align: middle; height: 25rpx; margin-left: 35rpx; } .showAddress{ background-color: #fff; padding-top: 24px; padding-bottom: 66rpx; padding-left: 24rpx; padding-right: 24rpx; border-radius: 20rpx; position: absolute; top: 50%; left: 50%; transform: translateX(-50%); z-index: 9999; width: 95%; } .showAddress .img1{ width: 48rpx; height: 48rpx; position: absolute; right: 20rpx; top: 20rpx; } .showAddress .title{ text-align: center; font-size: 36rpx; } /deep/ .u-input{ background-color: #FAFAFA; margin-top: 40rpx; border-radius: 20rpx; } .btnconn{ width: 100%; display: flex; justify-content: space-between; margin-top: 40rpx; } .btnconn .btn{ width: 310rpx; line-height: 90rpx; border-radius: 30rpx; border: 2rpx solid #5B53FF; text-align: center; display: flex; align-items: center; color:#5B53FF; justify-content: center; font-size: 34rpx; } .active{ color: #fff !important; background-color: #5B53FF; } .btnconn .btn .img1{ width: 48rpx; height: 48rpx; }