addDeposit.wxss 1.56 KB
/* pack-book/pages/reservation/addDeposit.wxss */
.wrap {
    display: flex;
    flex-direction: column;
    padding-top: 20rpx;
}

.box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60rpx;
    padding: 0 57rpx 0 24rpx;
    height: 80rpx;
}

.leftInfo {
    width: 160rpx;
    color: #515151;
}

.rightInfo {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    text-align: right;
    color: #515151;
    border-bottom: 2rpx solid #DBDBDB;
}

.rightInfo input {
    flex: 1;
    text-align: left;
    font-size: 28rpx;
}

.picker {
    text-align: left;
    font-size: 28rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.rightInfo picker {
    width: 100%;
}

.triangleDown {
    width: 0;
    height: 0;
    border-left: 12rpx solid transparent;
    border-right: 12rpx solid transparent;
    border-top: 18rpx solid #515151;
}

.noTxt {
    color: #999;
}

.btns {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 48rpx 82rpx;
}

.cancel {
    width: 20%;
    color: #438E93;
    border: 2rpx solid #438E93;
    border-radius: 10rpx;
    padding: 20rpx 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.save {
    width: 70%;
    background: #438E93;
    color: #fff;
    border-radius: 10rpx;
    padding: 20rpx 0;
    display: flex;
    align-items: center;
    justify-content: center;
}