gcb_zc/assets/a.scss

@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%;

            a:nth-child(1) li {
                background-image: url(../static/img/ztb.png);
            }

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

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

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

            a:nth-child(1) li.selected {
                background-image: url(../static/img/ztb1.png);
            }

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

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

            a:nth-child(4) li.selected {
                background-image: url(../static/img/me1.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;
                    color     : rgba(175, 175, 175, 1);
                }

            }

            li.selected {
                span {
                    color: #ff5c5c;
                }
            }




        }

    }



    .search {
        width     : 100%;
        height    : 44px;
        padding   : 7px 17px;
        background: #fff;

        input {
            width              : 75%;
            height             : $a*60px;
            background-color   : rgba(240, 243, 245, 1);
            border-radius      : $a*30px;
            border             : none;
            background-image   : url(../static/img/search.png);
            background-repeat  : no-repeat;
            background-position: 15px center;
            background-size    : 20px;
            padding-left       : 40px;
            color              : rgba(153, 153, 153, 1);
        }

        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%;
        background      : #fff;

        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