page { padding-bottom: 120rpx; padding-top: 20rpx; } .content { position: relative; } .list { padding: 20rpx 30rpx; background: #fff; margin: 0 20rpx 20rpx; } .list,.list .buttom { -webkit-box-align: center; align-items: center; } .list .buttom { display: flex; -webkit-box-pack: justify; justify-content: space-between; padding-top: 10rpx; } .list .buttom .checkbox { font-size: 44rpx; line-height: 1; padding: 4rpx; color: #c0c4cc; background: #fff; border-radius: 50px; } .list .buttom .checkbox.checked { color: #5dbc7c; } .list .buttom .default-buttom,.list .buttom .operation { display: flex; -webkit-box-align: center; align-items: center; } .list .buttom .operation .blank { width: 30rpx; } .list .buttom .text { padding-left: 10rpx; font-size: 24rpx; color: #666; } .wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex: 1; flex: 1; border-bottom: 1px solid #f0f0f0; padding-bottom: 20rpx; } .address-box,.wrapper { display: flex; } .address-box { -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; } .address-box .address { font-size: 30rpx; color: #303133; } .address-box .mobile { font-size: 28rpx; color: #333; } .u-box { font-size: 28rpx; color: #909399; margin-top: 16rpx; } .u-box .name { margin-right: 30rpx; } .icon-bianji { font-size: 40rpx; color: #909399; padding-left: 30rpx; } .add-btn,.icon-bianji { display: flex; -webkit-box-align: center; align-items: center; height: 80rpx; } .add-btn { position: fixed; left: 30rpx; right: 30rpx; bottom: 16rpx; z-index: 95; -webkit-box-pack: center; justify-content: center; width: 690rpx; } .add-btn,.btn { font-size: 32rpx; color: #fff; background-color: #5dbc7c; border-radius: 10rpx; } .btn { width: 40%; height: 80rpx; }