.header-box {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.game-icon {
    float: left;
    margin: .18rem 0 0 .24rem;
    width: .96rem;
}

.game-title {
    float: left;
    margin: .18rem 0 0 .16rem;
    background: url(../assets/image/sp_public.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 5.03rem 4.87rem;
    width: 2.68rem;
    height: .63rem;
    background-position: .02rem -3.78rem;
}

.btn-menu {
    float: right;
    margin: .18rem .2rem 0 0;
    background: url(../assets/image/sp_public.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 5.03rem 4.87rem;
    background-position: -4.34rem -.46rem;
    width: .62rem;
    height: .62rem;

    &.active {
        background: url(../assets/image/sp_public.png);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 5.03rem 4.87rem;
        background-position: -3.68rem -.46rem;
    }
}

li {
    list-style: none;
}



header {
    transition: all .6s;
    opacity: 1;

    &.notshow {
        opacity: 0;
        top: -1.2rem;
    }

    ul {
        position: relative;
        top: -.14rem;
        width: 100%;
        overflow: hidden;
        background-color: rgba(48, 86, 107, .85);
        padding: 0 .16rem;
        box-sizing: border-box;
        font-size: .32rem;
        display: none;
        z-index: 10;

        >li {
            width: 100%;
            height: 1.1rem;
            line-height: 1.1rem;
            text-align: center;
            border-bottom: 1px dashed #738794;

            >a {
                display: block;
                width: 100%;
                height: 100%;
                color: #FFF;
                text-decoration: none;
                cursor: pointer;

                &:hover {
                    color: #FFF;
                }
            }
        }

        &.active {
            display: block;
        }
    }
}

footer a,
footer a:link,
footer a:hover,
footer a:visited,
footer a:active {
    color: #7c3d28;
    text-decoration: none;
}

footer {
    float: left;
    width: 100%;
    margin-top: 0;
    padding: .50rem .05rem;
    color: #7c3d28;
    font-size: .24rem;
    text-align: center;
    background: #fff;
    box-sizing: border-box;

    .inner {
        position: relative;
        height: 3.00rem;
        margin-top: -.60rem;
    }
}

.copyright-con {
    position: absolute;
    top: 0;
    left: 50%;
    width: 9.60rem;
    margin-left: -4.80rem;
    transform: scale(.75);
    -webikt-transform: scale(.75);
}

.wen {
    width: .24rem;
}