body {
    display: flex;
    flex-direction: column;
}

.z-container {
    flex: 1;
    background-color: #f2f4f6;
}

.z-container-bill-new {
    flex: 1;
    position: relative;
    background-color: #F2F6F9;
}

.z-container-bill-new main {
    position: relative;
    z-index: 2;
    background-color: unset;
}

/*.z-container main {
    position: relative;
    z-index: 2;
    background-color: unset;
}*/
.z-container-bill-new {
    /*min-height: 600px;*/
}

    .z-container-bill-new main .container-content {
        background-color: unset;
        padding: 36px 110px;
    }

    .z-container-bill-new main .jph-checkout-container {
        padding: 24px 0px;
    }

    .z-container-bill-new .z-container-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 144px;
        background-image: url("/jetpaylibs/images/img-background-header-content.svg");
        background-size: cover;
    }

    .z-container-bill-new .jp-title-mbbox {
        display: none;
    }

    .z-container-bill-new .container-content .jp-title-box {
        margin-bottom: 29px;
        display: flex;
    }

        .z-container-bill-new .container-content .jp-title-box .jp-bill-back {
            margin-right: 24px;
            cursor: pointer;
            padding-top: 7px;
        }

        .z-container-bill-new .container-content .jp-title-box .jp-title-label {
            font-size: 28px;
            color: #ffffff;
            font-weight: 700;
        }

        .z-container-bill-new .container-content .jp-title-box .jp-title-des {
            font-size: 14px;
            color: #ffffff;
        }

    .z-container-bill-new .container-content .jp-list-wrapper .jp-bill-item {
        background-color: #ffffff;
        padding: 16px;
        border-radius: 8px;
        box-shadow: 0px 2px 12px 0px rgba(112, 131, 149, 0.08);
        display: flex;
        align-items: center;
        cursor: pointer;
        margin-left: 10px;
        margin-right: 10px;
        text-decoration: none;
    }

        .z-container-bill-new .container-content .jp-list-wrapper .jp-bill-item .icon-tuition {
            background-image: url("/jetpaylibs/images/icons/ic-bill-tuition.svg");
        }

        .z-container-bill-new .container-content .jp-list-wrapper .jp-bill-item .icon-apartment-service {
            background-image: url("/jetpaylibs/images/icons/ic-bill-apartment-service.svg");
        }

        .z-container-bill-new .container-content .jp-list-wrapper .jp-bill-item .icon-enviroment-service {
            background-image: url("/jetpaylibs/images/icons/ic-bill-enviroment-service.svg");
        }

        .z-container-bill-new .container-content .jp-list-wrapper .jp-bill-item .jp-bill-icon {
            font-size: 14px;
            font-weight: 700;
            color: #141414;
            height: 36px;
            width: 36px;
            background-size: 36px 36px;
            background-repeat: no-repeat;
            background-position: center;
        }

        .z-container-bill-new .container-content .jp-list-wrapper .jp-bill-item .jp-bill-text {
            font-size: 14px;
            font-weight: 700;
            color: #141414;
        }

        .z-container-bill-new .container-content .jp-list-wrapper .jp-bill-item .jp-bill-line {
            height: 44px;
            border-right: 1px dotted #E0E2ED;
            margin: 0px 12px;
        }

footer {
    position: unset;
}

/*@media (min-width: 768px) and (max-width: 1024px) {
    .z-container-bill-new main .container-content {
        padding: 24px 50px;
    }
}*/

@media (max-width: 1200px) {
    .z-container-bill-new main .container-content {
        padding: 24px 69px;
    }
}

@media (max-width: 992px) {
    .z-container-bill-new main .container-content {
        padding: 24px 69px;
    }
}

@media (max-width: 768px) {
    /*header*/
    .z-header .content .content_btn-group .content_btn-group__ic {
        width: 24px;
        height: 24px;
    }

        .z-header .content .content_btn-group .content_btn-group__ic img {
            width: 18px;
        }

    .z-header .content .content_btn-group .content_btn-group__hotline {
        display: none;
    }

    .z-header .content .content_btn-group .content_btn-group__phone {
        display: flex
    }
    /*end header*/

    /*content*/
    .z-container-bill-new {
        min-height: unset;
    }

        .z-container-bill-new .z-container-overlay {
            display: none;
        }

        .z-container-bill-new main .container-content {
            padding: 0px 16px 16px 16px;
        }

            .z-container-bill-new main .container-content .list-bank-payment-method-support {
                display: none;
            }

        .z-container-bill-new .container-content .jp-title-box {
            display: none;
        }

        .z-container-bill-new .jp-title-mbbox {
            display: block;
            margin-bottom: 12px;
        }

            .z-container-bill-new .jp-title-mbbox .jp-title-label {
                background-color: #ffffff;
                font-size: 20px;
                color: #141414;
                font-weight: 700;
                border-top: 1px solid #C6C9D7;
                padding: 12px 16px;
                margin-bottom: 20px;
            }

                .z-container-bill-new .jp-title-mbbox .jp-title-label .jp-title-label-ct {
                    padding: unset;
                    display: flex;
                }

                    .z-container-bill-new .jp-title-mbbox .jp-title-label .jp-title-label-ct .jp-bill-back {
                        margin-right: 5px;
                    }

                    .z-container-bill-new .jp-title-mbbox .jp-title-label .jp-title-label-ct .jp-bill-title-txt {
                        padding-top: 2px;
                    }

            .z-container-bill-new .jp-title-mbbox .jp-title-des {
                font-size: 14px;
                color: #353844;
            }

        .z-container-bill-new .container-content .jp-list-wrapper .jp-bill-item .jp-bill-icon {
            margin-left: 24px;
            margin-right: 24px;
        }

    /*end conten*/
}