.viewbar {
            font-size: 12px;
            overflow: hidden;
            padding: 7px 5px 5px 5px;
            border-bottom: 1px solid #c0c4cc;
            border-top: 1px solid #c0c4cc;
        }

            .viewbar #viewbar_right {
                float: right;
                width: 120px;
                box-sizing: border-box;
            }

                .viewbar #viewbar_right li {
                    /*padding: 5px;*/
                    box-sizing: border-box;
                    float: left;
                    width: 60px;
                    text-align: center;
                    display: block;
                    position: relative;
                    /* background:white;   */
                }

                    .viewbar #viewbar_right li span {
                        position: absolute;
                        top: 5px;
                        width: 18px;
                        height: 18px;
                        display: inline-block;
                        background-size: 100%;
                        background-position-y: center;
                    }

        .viewitem1 {
            color: black;
            border: 1px solid #000000b8;
            padding: 4px 0;
        }

            .viewitem1 span {
                background: url('/web/files/ico/maxlist.png') no-repeat;
            }

        .viewitem1_selected {
            color: white;
            background: #000000b8;
            border: 0;
            padding: 5px 0;
        }

            .viewitem1_selected span {
                background: url('/web/files/ico/maxlist_s.png') no-repeat;
            }

        .viewitem2 {
            color: black;
            border: 1px solid #000000b8;
            padding: 4px 0;
        }

            .viewitem2 span {
                background: url('/web/files/ico/minlist.png') no-repeat;
            }

        .viewitem2_selected {
            color: white;
            background: black;
            border: 0;
            padding: 5px 0;
        }

            .viewitem2_selected span {
                background: url('/web/files/ico/minlist_s.png') no-repeat;
            }


        .viewbar #viewbar_left {
            float: left;
            overflow: hidden;
        }

            .viewbar #viewbar_left li {
                float: left;
                line-height: 28px;
            }

                .viewbar #viewbar_left .ico {
                    width:20px;
                    height:29px;
                    background: url('/web/files/ico/listico.png') no-repeat;
                    background-size: 100%;
                    background-position-y: center;
                    background-position-x:left;
                    margin-right:5px;                    
                }