html,body,div,span,h2,ul,li,input{
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family:"\5FAE\8F6F\96C5\9ED1", Helvetica, sans-serif;/*微软雅黑*/
    -webkit-user-select: none;/*禁止在chrome浏览器被选中*/
}

ul,li{
    list-style: none;
}
input{
    outline: none;  /*input文本框选中时边框没有颜色*/
}

#box{
    width: 600px;
    margin: 10px auto;
    padding: 20px; /*内填充*/
    border: 1px dashed green;
    border-radius: 5px;  /*css3 园框*/
    box-shadow: 3px 3px 10px 0 #dddddd;
    overflow: hidden;
}

#box h2{
    height: 35px;
    line-height: 35px;
    /*background-color: #cc0000;  ie */
    /*background:-webkit-linear-gradient 现行界面*/
    background:-webkit-linear-gradient(left,greenyellow,aqua,coral,blue);/*从左到右，chrome*/
    background:-moz-linear-gradient(left,greenyellow,aqua,coral,blue);/*火狐*/
    background:-o-linear-gradient(left,greenyellow,aqua,coral,blue);/*欧朋*/
    background:-ms-linear-gradient(left,greenyellow,aqua,coral,blue);/*IE*/
    background:linear-gradient(left,greenyellow,aqua,coral,blue);/*从左到右*/
}

#box h2 span{
    display: block;/*把行内标签转换成块状标签--inline-block 有空格和换行需要去掉*/
    width: 200px;
    text-align: center;
    font-size: 16px;
    float: left;
}

#box #list li{
    height: 30px;
    line-height: 30px;
}

#box #list li.even {
    background: #CCCCCC;
}


#box #list li span{
    display: block;
    width: 200px;
    float: left;
    text-align: center;
}

/*分页*/

#box #page{
    float: right;
    margin-top:20px;
    cursor: pointer;
}

#box #page span{
    display: block;
    float: left;
    width: 50px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    margin-left: 5px;
    border:1px solid #dddddd;
}

#box #page ul{
    float: left;
    overflow: hidden;
}
#box #page li{
    width: 30px;
    height: 20px;
    text-align: center;
    float: left;
    border:1px solid #dddddd;
    margin-left: 5px;
}
#box #page input{
    margin-left: 5px;;
    height: 20px;
    width: 70px;
    border:1px solid #dddddd;
    font-size: 12px;
    text-align: center;
}

#box #page ul li.select{
    background: yellow;
    color: green;
}