.MonthlySet {
    padding: 16px;
    // height: 100%;
    background: #FFF;

    .card {
        box-sizing: border-box;
        position: relative;
        background: #F7F8FA;
        border-radius: 4px;
        border: 1px dashed #CFD6E6;
        padding: 24px;
        padding-bottom: 0;
        overflow: hidden;



        .mark {
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: -1px;
            right: -1px;
            width: 80px;
            height: 32px;
            background: #FAC864;
            border-radius: 4px 16px 4px 100px;
            font-size: 14px;
            font-family: SourceHanSansCN-Medium, SourceHanSansCN;
            font-weight: 500;
            color: #FFF;

            &.caculating {
                background: #2BD9BC;
            }

            &.compeleted {
                background: #A3B8CC;
            }
        }

        .cardTitle {
            height: 24px;
            font-size: 24px;
            font-family: SourceHanSansCN-Medium, SourceHanSansCN;
            font-weight: 500;
            color: #17181A;
            line-height: 24px;
            margin-bottom: 22px;

            &>a {
                font-size: 14px;
                font-family: SourceHanSansCN-Normal, SourceHanSansCN;
                font-weight: 400;
                color: #3376FE;
                padding-left: 16px;
            }

            .editActBtnGroup {
                display:inline-block;
                padding-left:16px;
                
                &>a {
                    font-size: 14px;
                    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
                    font-weight: 400;
                    color: #3376FE;
                    cursor: pointer;
                }
            }

            &>span {
                font-size: 16px;
                font-family: SourceHanSansCN-Normal, SourceHanSansCN;
                font-weight: 400;
                color: #17181A;
                padding-left: 15px;
            }
        }





        .bms-ant-form-vertical .bms-ant-form-item-label,
        .bms-ant-col-24.bms-ant-form-item-label,
        .bms-ant-col-xl-24.bms-ant-form-item-label {
            padding: 0;
        }

        .bms-ant-picker {
            padding: 1px 8px;
        }

        .bms-ant-picker .bms-ant-picker-input>input {
            line-height: 0;
        }

        .bms-ant-input-number .bms-ant-input-number-input {
            height: 22px;
        }

        &.on {
            background: #FFF;
        }

        &:first-child {
            margin-top: 0;
        }
    }

    .colorBtn {
        text-align: center;
        height: 40px;
        line-height: 40px;
        background: linear-gradient(90deg, #36F 0%, #66A6FF 98%);
        border-radius: 4px;
        font-size: 14px;
        font-family: SourceHanSansCN-Normal, SourceHanSansCN;
        font-weight: 400;
        color: #FFF;
        margin-top: 16px;
        margin-bottom: 16px;
        cursor: pointer;
    }

    .grayBtn {
        text-align: center;
        height: 40px;
        margin-top: 16px;
        margin-bottom: 16px;
        line-height: 40px;
        background: #FAFCFF;
        border-radius: 4px;
        border: 1px solid #DAE2F2;
        font-size: 14px;
        font-family: SourceHanSansCN-Normal, SourceHanSansCN;
        font-weight: 400;
        color: #17181A;
        cursor: pointer;
    }
}