@charset "utf-8";
//font 
$table:150px*0.5;
$a    :0.5;
$z1   :10;
$z2   :50;
$z3   :100;

body {
    // background    : yellow;
    padding-bottom   : $table;
    font-size        : 1.5rem;
    height           : 100%;

    .table {
        position        : fixed;
        bottom          : 0;
        left            : 0;
        width           : 100%;
        height          : $table;
        margin          : 0;
        background-color: #fff;
        padding-top     : 15px;
        z-index         : 10000;

        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 17px;

        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;
        }

    }

    .bidlist {
        overflow-y      : auto;
        padding-bottom  : 75px;
        background-color: #f8f9fa;
        height          : 90%;

        li {
            height          : 302px*$a;
            margin-bottom   : 18px*$a;
            background-color: #fff;
            padding         : 35px*$a;

            h2 {
                height     : 31px*$a;
                font-size  : 32px*$a;
                font-family: PingFang-SC-Bold;
                font-weight: bold;
                color      : rgba(32, 32, 32, 1);
                line-height: 31px*$a;
            }

            .p1 {
                margin               : 20px*$a 0;
                font-size            : 26px*$a;
                font-family          : PingFang-SC-Medium;
                font-weight          : 500;
                color                : rgba(122, 122, 122, 1);
            }
        }



    }

    .label {

        background   : rgba(242, 242, 250, 1);
        border-radius: 4px;
        font-size    : 22px*$a;
        font-family  : PingFang-SC-Regular;
        font-weight  : 400;
        color        : rgba(108, 116, 122, 1);
        padding      : 5px;
    }

    .time {
        float: right;
        color: rgba(122, 122, 122, 1);
    }

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

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

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