.modalPay {
    .modalLabel {
        line-height: 32px;
        font-weight: bold;
        text-align: right;
    }

    .example {
        text-align: center;
        margin-bottom: 20px;
        padding: 30px 50px;
        margin: 20px 0;
    }

    .payCode {
        padding: 2px 10px;
        border: 2px solid rgba(242, 242, 242, 1);
        background-color: rgba(242, 242, 242, 1);
        border-radius: 4px;
        line-height: 40px;
        text-align: center;
        cursor: pointer;
        float: left;

        &.selected {
            border-color: rgba(0, 255, 153, 1);
            background: #00ff99;
            color: #fff;
        }
    }

    .Titl {
        height: 35px;
        line-height: 35px;
        background: rgba(24, 144, 255, 0.1);
        color: #000;
        padding-left: 30px;
        font-weight: bold;
    }

    .TitRow {
        text-align: center;
        border-bottom: 1px solid #ccc;
        height: 50px;
        line-height: 50px;
    }
}

.TipHeader {
    max-height: 100px;
    overflow: auto;
    line-height: 32px;
    color: #333;
    overflow: auto;
    background: #fff;
    // border-bottom: 1px solid #ccc;
    font-size: 14px;
    padding: 10px;
    text-align: left;

    .imgBox {
        width: 60px;
        height: 80px;
        overflow: hidden;
        background: #ccc;
        float: left;
    }

    .imgTitle {
        margin-left: 70px;
        // height: 80px;
        overflow: auto;
        background: #FBFAFA;
        padding: 0 10px;

    }

    .girl,
    .boy,
    .unkonw,
    .girlsmall,
    .boysmall,
    .unkonwsmall {
        background: url("../../../workstation/image/default.png") no-repeat;
        display: inline-block;
        vertical-align: middle;
    }

    .girl {
        background-position: 0px 5px;
    }


    .boy {
        background-position: -60px 5px;
    }


    .unkonw {
        background-position: -126px 5px;

    }

    .girlsmall {
        background-position: 0px -12px;
    }


    .boysmall {
        background-position: -60px -12px;
    }


    .unkonwsmall {
        background-position: -126px -12px;

    }

    .boySpan {
        color: #009FE8;
    }

    .girlSpan {
        color: #E3007F;
    }

    .unkonwSpan {
        color: #666666;
    }


}

.TipHeader {
    &::-webkit-scrollbar {
        height: 5px;
        width: 0;
    }

    &::-webkit-scrollbar-thumb {
        border-radius: 5px;
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background: #ccc;
    }

    &::-webkit-scrollbar-track {
        box-shadow: 0;
        -webkit-box-shadow: 0;
        border-radius: 0;
        background: #f9f9f9;
    }

}

.priceBox {
    border: 1px solid #eee;
    height: 65px;
    line-height: 65px;
    text-align: center;
    color: #666666;
    font-size: 30px;
    background-color: #fff;
    border-bottom: 3px solid #eee;
}

.sumBox {
    text-align: center;
    width: 30px;
    height: 30px;
    padding: 0;
}

.pd0 {

    .ant-card-body,
    .ant-card-head-title {
        padding: 0 !important;
    }

    .ant-card-head {
        min-height: 35px;
        line-height: 35px;
        padding-left: 10px;
    }
}

.smallTable {
    .ant-empty-normal .ant-empty-image {
        height: 20px !important;
    }

    .ant-empty-normal {
        margin: 15px 0 !important;
    }

    // .ant-table-body {
    //     // overflow-y: auto !important;
    // }
}

.invPng,
.money1,
.money2,
.f1,
.clearn,
.tab,
.refund,
.printing,
.revoke {
    background: url("../../../../assets/images/outFeesSprite.png") no-repeat;
    display: inline-block;
}

.refund {
    width: 16px;
    height: 16px;
    background-position: 0 -1px;
    vertical-align: middle;
    margin-right: 10px;
}

.printing {
    width: 16px;
    height: 16px;
    background-position: -19px -1px;
    vertical-align: middle;
    margin-right: 10px;
}

.revoke {
    width: 16px;
    height: 16px;
    background-position: -73px -1px;
    vertical-align: middle;
    margin-right: 10px;
}

.invPng {
    width: 34px;
    height: 22px;
    background-position: 0 -19px;
    vertical-align: middle;
    margin-right: 10px;
}

.money1 {
    width: 14px;
    height: 14px;
    background-position: -91px -1px;
    vertical-align: middle;
    margin-right: 10px;
}

.money2 {
    width: 14px;
    height: 14px;
    background-position: -109px -1px;
    vertical-align: middle;
    margin-right: 10px;
}

.f1 {
    width: 16px;
    height: 16px;
    background-position: -56px -1px;
    vertical-align: middle;
    margin-right: 10px;
}

.clearn {
    width: 16px;
    height: 16px;
    background-position: -38px -1px;
    vertical-align: middle;
    margin-right: 10px;
}

.tab {
    width: 14px;
    height: 14px;
    background-position: -127px -1px;
    vertical-align: middle;
    position: absolute;
    top: 12px;
    left: 0px;
}

.search {
    .ant-btn-primary {
        background-color: #007AFF !important;
    }
}

.boxTitle {
    background: linear-gradient(0deg, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.7) 50%, rgba(238, 238, 238, 0.2) 100%);
    margin: 0px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
}

.Monitor {
    .ant-modal-body {
        padding: 24px;
        font-size: 14px;
        line-height: 1.5;
        word-wrap: break-word;
        min-height: 75vh;
        max-height: 75vh;
        overflow-y: auto;
    }

    .medicalDom {
        .ant-modal-body {
            padding: 8px 6px;
            height: 545px;
            overflow: auto;

            .ant-table-wrapper {
                margin-top: -14px !important;
            }
        }
    }

    .aplitBillsDom {
        .ant-card-head {
            padding-left: 10px;
        }

        .ant-card-body {
            padding: 10px 8px;
        }
    }
}

.payBox {
    text-align: center;
    // margin-left: 30px;
    margin-top: 25px;
    font-size: 14px;
    color: #666666;

    .p2 {

        span {
            color: #007AFF;
        }
    }

    p {
        margin-bottom: 20px !important;
        color: #333330;
    }
}

.payBox2 {
    text-align: center;
    margin-left: 30px;
    font-size: 14px;
    color: #666666;

    .p2 {

        span {
            color: #007AFF;
        }
    }

    p {
        margin-bottom: 5px !important
    }
}

.payBoxI {
    font-size: 30px;
    margin-top: 10px;
    margin-left: 30px;
    float: left;
}

.buttonBox {
    margin-bottom: 5px;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 4px;
    // width: 100%;
    // height: 45px;
    margin-left: 5px;

    p {
        margin: 0;
    }
}

.bkb {
    background-color: #fff;
    color: #666666;
}

.greenSpan {
    color: #2340B3;
    margin-left: 20px
}

.ant-tabs-nav .ant-tabs-tab {
    padding: 8px 16px;
}

.disabled {
    input {
        background-color: #f5f5f5 !important;
    }
}

.readCard-body {
    .ant-table-tbody>tr.ant-table-row-selected td {
        background: #bfe6f8 !important;
    }

    .ant-card-body {
        padding: 5px;
    }
}

input.inputInvoiceInfomation {
    border: none;
}

.outpatient-body {
    .ant-table-thead>tr>th {
        padding: 0 10px !important;
        background: linear-gradient(0deg, rgba(237, 237, 237, 1), rgba(255, 255, 255, 1));
    }
}

.checkCollapse {
    .ant-collapse-extra {
        position: absolute;
        top: 0px;
        left: 12px;
    }
}

.aclCodeW {
    background: #FF9933
}

.aclCodeB {
    background: #00ff99
}

.aclCodeY {
    background: red
}

.accountManagementIP {
    .header {
        height: 100px;
    }

    .condition {
        height: 60px;
        border-bottom: 1px solid #ccc;
        margin: 5px 0;
    }

    .leftTable {
        height: calc(~"100% - 100px - 70px");
        padding: 24px;
        border: 1px solid #ccc;
    }

    .rightTable {
        height: calc(~"100% - 100px - 70px");
        border: 1px solid #ccc;
    }
}

// shizi -- 门诊收费
.patient-charges-shizi {
    width: 100%;
    height: 100%;
    padding: 0 54px;
    background-color: #f0f2f5;
    box-sizing: border-box;

    .table-operations {
        height: 68px;
        background-color: #fff;
        display: flex;
        align-items: center;
    }

    .pcs-center {
        background-color: #fff;
        margin-top: 6px;
    }

    .pcs-form-label {
        display: inline-block;
        border: 1px solid #d9d9d9;
        border-right: 0;
        width: 99px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        border-radius: 4px 0 0 4px;
    }

    .pcs-picker .ant-input-group .ant-calendar-picker .ant-input {
        border-radius: 0;
    }

    .input .ant-input,
    .pcs-select.ant-select .ant-select-selection,
    .pcs-picker .ant-input-group .ant-calendar-picker:nth-of-type(2) .ant-input {
        border-radius: 0 4px 4px 0;
    }

    .cost-type {
        display: inline-block;
        background: url("../../../../assets/images/cost-type.png") no-repeat;
        background-size: 100% 100%;
        vertical-align: middle;
        margin-right: 10px;
        width: 14px;
        height: 14px;
        position: absolute;
        top: 21px;
        left: 0px;
    }

    .icon-money-act {
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url("../../../../assets/images/icon_money_act.png") no-repeat;
        background-size: 100% 100%;
        vertical-align: middle;
        margin-right: 6px;
    }

    .ant-tabs .ant-tabs-bar.ant-tabs-top-bar {
        padding: 8px 0;
    }

    .font14color999 {
        color: #999;
        font-size: 14px;
    }

    .margin-right-12 {
        margin-right: 12px;
    }

    .all-pat-price {
        display: flex;
        justify-content: space-between;
        height: 66px;

        .price {
            width: 48%;
            height: 100%;
            padding-top: 6px;
            display: flex;
            flex-direction: column;
            font-size: 14px;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;

            span {
                margin-bottom: 16px;
                font-size: 23px;
                font-weight: 600;
            }
        }

        .all-price {
            background-color: #F7FBFF;
            color: #1890FF;
        }

        .pat-price {
            background-color: #f9efef;
            color: red;
        }
    }

    .pc-icon .ant-divider.ant-divider-vertical {
        margin: 0 12px;
    }

    .pc-icon-span {
        display: inline-block;
        width: 14px;
        height: 14px;
        margin-right: 4px;
    }

    .pc-icon-expense {
        background: url("../../../../assets/images/icon_expense.png") no-repeat;
        background-size: 100% 100%;
    }

    .pc-icon-employee {
        background: url("../../../../assets/images/icon_employee.png") no-repeat;
        background-size: 100% 100%;
    }

    .pc-icon-money {
        background: url("../../../../assets/images/icon_money.png") no-repeat;
        background-size: 100% 100%;
    }
}

.express-input-disable {
    background: white !important;
    border-right: 0 !important;

    .ant-input-disabled {
        background: white !important;
    }
}

.express-select-border {
    .ant-select-selection {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .ant-input-group.ant-input-group-compact {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }
}

.express-select-right {
    .ant-select-selection {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right: 0;
    }
}

.ant-input-group .ant-calendar-picker .ant-input {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.hospital-zation-express {
    .ant-divider-horizontal {
        margin: '19px 0' !important;
    }

    .ant-card-body {
        padding: 5px;
    }

    .ant-tabs-bar {
        margin: 0 0 5px 0;
    }

    .ant-card-extra {
        padding: 2px 0;
    }

    .splice-boys {
        width: 134px;
        height: 165px;
        margin-left: 20px;
        transform: scale(0.9);
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -o-transform: scale(0.9);
        -moz-transform: scale(0.9);
        background: url('../../../../assets/images/avatar_male.png');
    }

    .splice-girls {
        width: 134px;
        height: 165px;
        margin-left: 20px;
        transform: scale(0.9);
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -o-transform: scale(0.9);
        -moz-transform: scale(0.9);
        background-image: url('../../../../assets/images/avatar_female.png');
    }

}

#read-card-body {

    .card-footer .ant-card-body {
        padding: 0
    }

    .th-style {
        .ant-table-thead>tr>th .ant-table-header-column {
            width: 100%;
            height: 45px;
            line-height: 45px;
        }
    }

    .ant-form .ant-form-item label {
        display: inline-block;
        width: 100%;
        height: 32px;
        border: 1px solid #E5E5E5;
        margin-top: 4px;
        line-height: 32px;
        border-right: 0;
    }

    .ant-input,
    .ant-select .ant-select-selection {
        border-radius: 0 4px 4px 0;
    }
}

.hosptial-adm-body {
    .common-span-ui {
        display: inline-block;
        width: 90px;
        height: 32px;
        border: 1px solid #d9d9d9;
        border-right: 0;
        text-align: center;
        line-height: 32px;
        border-radius: 4px 0 0 4px;
        // margin-top: -1px;
    }

    .common-right-ui {

        .ant-input,
        .ant-select,
        .ant-select-selection {
            border-radius: 0 4px 4px 0;
        }
    }

    .ant-input {
        border-radius: 0 4px 4px 0;
    }

    .splice-boys {
        width: 134px;
        height: 165px;
        margin-left: 0 !important;
        transform: scale(1) !important;
        -ms-transform: scale(1) !important;
        -webkit-transform: scale(1) !important;
        -o-transform: scale(1) !important;
        -moz-transform: scale(1) !important;
        background: url('../../../../assets/images/avatar_male.png');
    }

    .splice-girls {
        width: 134px;
        height: 165px;
        margin-left: 0 !important;
        transform: scale(1) !important;
        -ms-transform: scale(1) !important;
        -webkit-transform: scale(1) !important;
        -o-transform: scale(1) !important;
        -moz-transform: scale(1) !important;
        background-image: url('../../../../assets/images/avatar_female.png');
    }

    .patNo-splice {
        width: 20px;
        height: 20px;
        background-image: url('../image/icon.png');
        background-repeat: no-repeat;
        background-position: -77px -99px;
    }

    .statusdesc-splice {
        width: 20px;
        height: 20px;
        background-image: url('../image/icon.png');
        background-repeat: no-repeat;
        background-position: -104px -125px;
    }

    .account-splice {
        width: 20px;
        height: 20px;
        background-image: url('../image/icon.png');
        background-repeat: no-repeat;
        background-position: -129px -125px;
    }

    .typeDesc-splice {
        width: 20px;
        height: 20px;
        background-image: url('../image/icon.png');
        background-repeat: no-repeat;
        background-position: -76px -125px;
    }

}

.common-col-ul {
    display: flex;
    align-items: center;
}

.discount-modal {

    // width: 1318px;
    .ant-modal-content {
        width: 1318px;
        right: 80%;
    }

    .ant-modal-body {
        padding: 5px;
    }
}

.contextMenu-wrap {
    z-index: 100;
    position: fixed;
    background: linear-gradient(to right, #c6c7cf, #f0f0f0);
    box-shadow: 0px 2px 5px #999999;
    border-radius: 4px;
    padding-top: 5px;

    .contextMenu-option {
        padding: 0px 50px 2px 15px;
        min-width: 160px;
        cursor: default;
        font-size: 14px;

        &:hover {
            background: #388bfe;
            color: white;
        }

        &:active {
            color: #b5b7be;
            background: linear-gradient(to top, #555, #444);
        }
    }

    .contextMenu-separator {
        width: 100%;
        height: 1px;
        background: #b5b7be;
        margin: 2px 0;
    }
}

.patpay-way-body {
    .ant-input[disabled] {
        font-size: 16px;
        font-weight: bold;
    }

    .ant-input {
        font-size: 16px;
        font-weight: bold;
    }
}

.checkbox label {
    border: 0 !important;
}

.chargeFlag {
    background-color: coral;
}