body{ color: #ccc; }


header{
    position:fixed ;
    width: 100%;
    height: 5em;
    padding-top: .5em;
    background: #191919;
    border-bottom: .25em #111 solid;
}


footer{
    text-align: left;
}


article{ 
    padding-top: 3em;
    background: none; font-size: 1.25em;
    overflow: hidden;

}

h1 .main{ color: rgb(17, 185, 185);}
h1 .reverse{ color: rgb(185, 157, 17);}
h1 .disabled{ color: #666;}

h2{ padding-left: .375em; }

i{
    
    float: left;
    height: 2em; width: 2em;
    padding: .5em; 
    cursor: pointer;
}
i:hover{
    background: rgb(20, 58, 79);

}


div{
    
    float: left;
    margin-bottom: 1em;

}


li{
    float: left;
    /* 定高 避免错位 */
    /* height: 5em; */
    width: 50%; 
    /* background-color: blueviolet; */
    /* margin-bottom: 1em; */

}



.s1{color: aqua;}
.s2{color: rgb(17, 255, 0);}
.s3{color: rgb(221, 0, 255);}
.s4{color: rgb(255, 0, 68);}
.s5{color: rgb(212, 255, 0);}



.count{
    padding: 0 6.25em;

}