@charset "utf-8";
//font 
$table:120px*0.5;
$a    :0.5;

body {
    // background    : yellow;
    padding-bottom   : $table;
    padding          : 0 $a*20px;

    .table {
        position        : fixed;
        bottom          : 0;
        left            : 0;
        width           : 100%;
        height          : $table;
        margin          : 0;
        background-color: #fff;

        ul {
            width : 100%;
            height: 100%;
            li:nth-child(1) {
                background-image: url(../static/img/ztb.png)  ;
            }

            li:nth-child(2) {
                background-image: url(../static/img/gc.png);
            }

            li:nth-child(3) {
                background-image: url(../static/img/xm.png);
            }

            li:nth-child(4) {
                background-image: url(../static/img/me.png);
            }

            li {
                width     : 24%;
                height    : 100%;
                display   : inline-block;
                text-align: center;
                background-size:30px !important;
                background:no-repeat center top;
                span {
                    margin-top: 33px;
                    display   : inline-block;
                }
            }

            
        }

    }

    .search {
        width  : 100%;
        height : 44px;
        padding: 7px;

        input {
            width        : 75%;
            height       : $a*60px;
            background   : rgba(240, 243, 245, 1);
            border-radius: $a*30px;
            border       : none;
        }

        span {
            font-size  : 1.5rem;
            font-family: PingFang-SC-Medium;
            font-weight: 500;
            color      : rgba(255, 92, 92, 1);
            margin-left: 13px;
        }

    }

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

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

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