@charset "utf-8";
//font 
$table:90px;

body {
    background    : yellow;
    padding-bottom: $table;

    .table {
        position: fixed;
        bottom  : 0;
        left    : 0;
        width   : 100%;
        height  : $table;
        margin: 0;
        background-color: #fff;
        ul {
            width: 100%;
            height : 100%;
            li {
                width  : 24%;
                height : 100%;
                display: inline-block;
                text-align: center;
                span{
                    margin-top: 60px;
                    display: inline-block;
                }
            }
            li:nth-child(1){
                background: url(../static/img/ztb.png) no-repeat center 16px;
            }
            li:nth-child(2){
                background: url(../static/img/gc.png) no-repeat center 16px;
            }
            li:nth-child(3){
                background: url(../static/img/xm.png) no-repeat center 16px;
            }
            li:nth-child(4){
                background: url(../static/img/me.png) no-repeat center 16px;
            }
        }

    }

    * {
        margin : 0;
        padding: 0;
    }
}

* {
    text-decoration: none;
    list-style     : none;
    box-sizing: border-box;
}

$colour :#009688 #5FB878 #393D49 #1E9FFF #F7B824 #FF5722