.page {
    position: relative;
    ;
}

.mobieHlwyy {
    display: none;
}

.h-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding-top: 0.23rem;
    margin-bottom: 1.08rem;

    .logo {
        display: block;
        width: 10.18rem;
        position: relative;
        overflow: hidden;
    }

    .top-back {


        width: 1.65rem;
        height: 0.49rem;
        background: #0085D0;
        border-radius: 0.1rem;

        font-family: "宋体";
        font-size: 0.2rem;
        color: #FFFFFF;
        line-height: 0.48rem;

        display: flex;
        align-items: center;
        padding-left: 0.25rem;

        .top-back-icon {
            width: 0.26rem;
            height: 0.26rem;
            margin-right: 0.1rem;
        }
    }
}

.bgt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 9.56rem;

    img {
        object-fit: fill;
        width: 100%;
        height: 105%;
    }

    z-index: -1;
}

.bgb {
    position: absolute;
    bottom: 4.99rem;
    left: 0;
    width: 100%;
    height: 8.38rem;

    img {
        object-fit: fill;
        width: 100%;
        height: 100%;
    }

    z-index: -1;
}

.bgm {
    position: absolute;
    top: 8.09rem;
    left: 0;
    width: 100%;
    height: 20.94rem;

    img {
        object-fit: fill;
        width: 100%;
        height: 140%;
    }

    z-index: -1;
}


.h-box {
    z-index: 999;
}

.h-box-1 {
    .h-memo {
        width: 7.25rem;
    }
}

.h-box-2 {
    margin-top: 1.2rem;
}

.h-title {

    font-weight: bold;

    .title-1 {
        font-size: 0.6rem;
        color: #0085D0;
        text-shadow: 0px 5px 0px rgba(118, 205, 255, 0.75);
        font-style: italic;
    }

    .title-2 {

        font-size: 0.72rem;
        color: #8DBA3E;
        text-shadow: 0px 5px 0px rgba(141, 186, 62, 0.37);
        font-style: italic;
    }
}

.h-memo {
    margin-top: 0.66rem;


    .h-memo-title {
        font-weight: bold;
        font-size: 0.3rem;
        color: #333333;
    }

    .h-memo-content {
        font-size: 0.22rem;
        font-family: "宋体";
    }
}

.h-btn {
    width: 3.98rem;
    height: 0.72rem;

    background-image: url(../images/hlwyy/btn.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;

    line-height: 0.72rem;
    text-align: center;


    font-weight: bold;
    font-size: 0.3rem;
    color: #FFFFFF;
    text-shadow: 0px 5px 5px rgba(30, 106, 209, 0.75);

    margin: 0 auto;
}

table {
    width: 100%;
    border: none;
    border-collapse: collapse;

    tr {
        width: 100%;

        td {
            &:first-child {
                padding-right: 0.17rem;
            }

            &:last-child {
                padding-left: 0.17rem;
            }

            text-align: center;
            padding-bottom: 0.44rem;
        }
    }
}

.h-step {
    width: 50%;
}

.h-pic {
    width: 7.05rem;
    height: 3.96rem;
    margin-top: 0.44rem;
}

.h-box-2 {
    .h-title {
        text-align: center;
    }
}

.h-box-3 {
    .title-2 {
        box-sizing: border-box;
        padding-top: 2.97rem;
        font-size: 0.6rem;
    }

    .h-memo {
        width: 6.09rem;

        .h-memo-content {
            font-size: 0.24rem;
        }
    }


}

@media (max-width: 500px) {

    .pcHlwyy {
        display: none;
    }

    .mobieHlwyy {
        display: block;
    }
}