    html {
        height: 100%;
    }

    body {
        padding: 0;
        margin: 0;
        font-size: 62.5%;
        height: 100%;
    }

    .bg {
        /* height: 100%; */
        min-height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* .header {
        background-image: url(../images/wcx/wcx.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        width: 90%;
        height: 9rem;
    } */

    .container {
        width: 100%;
        /* margin-top: 1rem; */
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .main {
        flex: 1;
        width: 90%;
        height: 100%;
        position: relative;
        padding-bottom: 3rem;
        background-color: #F8F8F8;
        margin-top: 1rem;
        border-top-left-radius: .8rem;
        border-top-right-radius: .8rem;
    }

    .title {
        margin-top: 1rem;
        font-size: 1.2rem;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #3885FF;
    }

    .circle {
        width: .3rem;
        height: .3rem;
        border: 2px solid #3885FF;
        background-color: #fff;
        border-radius: 50%;
        margin: 0 0.6rem;
    }

    .circle-dot {
        width: .2rem;
        height: .2rem;
        background-color: #3885FF;
        border-radius: 50%;
        margin: 0 0.2rem;
    }

    .item-container {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .item {
        width: 30%;
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #505050;
    }

    .item a {
        text-decoration: none;
        color: #505050;
        text-align: center;
    }

    .icon {
        margin-top: .8rem;
        width: 80%;
        /** width: 4.2rem;
         height: 4.2rem;**/
    }

    .item-title {
        font-size: 1rem;
        text-align: center;
        font-family: 黑体;
        font-weight: bolder;
      /**  width: 4.5rem;**/
    }

    .bottom-text {
        text-align: center;
        padding: 1rem;
        height: 1rem;
        color: #ABABAB;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }