.wapBottom {
        display: none;
    }
@media (max-width: 768px) {
    .wapBottom {
        display: block;
    }

    .wapBottom {
        display: ;
        position: fixed;
        width: 100%;
        height: 40px;
        line-height: 40px;
        background: rgba(0,0,0,0.8);
        bottom: 0;
        left: 0;
        z-index: 222;
    }

        .wapBottom ul li:first-child {
            border: none;
        }

        .wapBottom ul li {
            float: left;
            width: 25%;
            text-align: center;
            box-sizing: border-box;
            border-left: 1px solid rgba(255,255,255,0.2);
        }

            .wapBottom ul li a {
                display: block;
                width: 100%;
                height: 100%;
                color: #fff;
                font-size: 14px;
            }

    .clearfloat:before, .clearfloat:after {
        content: "";
        display: table;
        line-height: 0;
        visibility: hidden;
    }
}