.overtimeForm {
    .startTime {
        width: 137%;

        &>span {
            display: inline-block;
            vertical-align: top;
            line-height: 44px;
            width: 18%;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        &>div {
            display: inline-block;
            padding-left: 10px;
            width: 82%;
        }

        .wea-input-number {
            width: 50px;
            margin: 0 13px;
        }

        .beforeWork {
            position: relative;
        }

        .minimumLen {
            &>span:last-child {
                color: #999;
                margin-left: 10px
            }
        }

        .ant-row {
            display: inline-block;
            vertical-align: middle;
        }

    }

    .transToBalance {
        margin-left: 10px
    }

    .paidLeaveEnableType {
        width: 120%;

        .lenOfOvertime-lenOfLeave {
            .wea-input-number {
                width: 60px;
                margin: 0 5px;
            }

            &>span:last-child {
                color: #999;
                margin-left: 10px
            }
        }

        .paidLeaveEnableDefaultType {
            margin: 5px 0;
            width: 300px;


        }
    }

    .paidLeaveEnableType2,
    .paidLeaveEnableType3,
    .paidLeaveEnableType1 {}

    .wea-input-number {
        width: 50px;
        margin: 0 10px;
    }

    .ant-time-picker {
        width: 90px;
        margin: 0 5px
    }

    .overtimeCompensation {
        padding: 10px;
        border: 1px solid #ddd;
        margin: 5px 0;

        .overtimeError{
            .error-tip{
                width: 200px;
            }
        }

        .wea-input-number {
            width: 60px;
            margin: 0 10px;
        }

        p {
            padding: 5px 0;

            .del {
                margin-left: 10px;
                color: #4D7AD8;
                cursor: pointer;
            }
        }


        &>span {
            color: #4D7AD8;
            cursor: pointer;

            span {
                margin-left: 5px
            }

        }

        .required:after {
            right: -10px;
        }

        .wea-select{
            margin-left: 6px;
        }

    }

    .overtime {
        p {
            &>div:nth-of-type(2) {
                .error-tip {
                    display: none;
                }
            }
        }
    }

    .computingMode2,
    .computingMode3,
    .computingMode1 {
        .wea-helpful-tip {
            margin-left: 10px
        }

        .wea-form-item-wrapper {
            display: block !important;
        }
    }

    .has_cut_point2,
    .has_cut_point3,
    .has_cut_point1 {
        .cutPoint {
            margin-left: 10px;
            white-space: nowrap;
            width: 300px;
            display: inline-block;

            &>span {
                margin: 0 5px;
            }

            &>span:last-child {
                color: #4D7AD8;
                cursor: pointer;
                margin-left: 15px;
            }

            .ant-row {
                display: inline-block;
                vertical-align: middle;
            }
        }

        .wea-date-picker {
            width: 100px;
        }
    }

    .ant-radio-group {
        width: 500px;

        label {
            display: block;
        }

        .ant-radio-wrapper {
            white-space: normal;
        }
    }

    .ant-radio-wrapper>span {
        vertical-align: top
    }
}

.otrDemo {
    .otrDemo-title {
        margin: 20px;
        margin-bottom: 10px;
        background-color: #ebeaeabf;
        height: 40px;
        line-height: 40px;
        border-left: 6px solid #61a9f5;
        padding-left: 10px;
        font-size: 16px;
    }

    p{
        padding: 5px 25px;
    }

    img{
        margin-left: 30px;
    }
}