body {
            padding: 0;
            margin: 0;
        }

        .select {
            clear: both;
            position:fixed;
            width:100%;
        }

            .select a {
                display:block;
                width: 50%;
                float: left;
                font-family: "微软雅黑";
                text-align: center;
                padding: 1em 0;
                background-color: #eaeaea;
                text-decoration:none;
                color:black;
            }

                .select a.active {
                    background-color: white;
                    color: #fb8c3d;
                }

        .list {
            padding-top: 4em;
            clear: both;
            width: 100%;
            margin: 0em auto;
        }

            .list a {
                display: block;
                float: left;
                width: 25%;
                margin: 0.2em auto;
                text-align: center;
            }

            .list p {
                font-family: "微软雅黑";
                color: gray;
                font-size:0.1em;
                width:90%;
                overflow:hidden;
                white-space:nowrap;/*不显示的地方用省略号...代替*/
text-overflow:ellipsis;/* 支持 IE */
            }

            .list a img {
                width: 50%;
            }
                .list a img.outline {
                    opacity:0.2;
                }