.dbItem{
    text-align:left;
    padding:5px 10px;
    border:1px solid #e6e6e6;
    margin:0 5px;
    float:left;
    position:relative;
}
a:hover .dbItem{
    background:#F0F3F4
}
@media screen and (max-width: 1920px) {
.total-item{
    float:left;
    cursor:pointer;
    width: 24%;
    margin: 0 0.5%; 
    font-size:16px;
    margin-top:5px;
    margin-bottom:10px;
    text-align:left;
    text-indent:5px
}
}
@media screen and (max-width: 1366px) {
.total-item{
    float:left;
    cursor:pointer;
    width: 24%;
    margin: 0 0.5%; 
    font-size:14px;
    margin-top:5px;
    margin-bottom:15px;
    text-align:left;
    text-indent:5px
}
}
.purple{
    width:20px;
    height:20px;
    float:left;
    line-height:23px;
    white-space:nowrap;
    text-indent:25px;
    margin-left:35%;
    background-image:url("../img/1purple.png");
    background-repeat:no-repeat;
}
.red{
    width:20px;
    height:20px;
    float:left;
    line-height:23px;
    white-space:nowrap;
    text-indent:25px;
    margin-left:35%;
    background-image:url("../img/1red.png");
    background-repeat:no-repeat;
}
.yellow{
    width:20px;
    height:20px;
    float:left;
    line-height:23px;
    white-space:nowrap;
    text-indent:25px;
    margin-left:35%;
    background-image:url("../img/1yellow.png");
    background-repeat:no-repeat;
}
.green{
    width:20px;
    height:20px;
    float:left;
    line-height:23px;
    white-space:nowrap;
    text-indent:25px;
    margin-left:35%;
    background-image:url("../img/1green.png");
    background-repeat:no-repeat;
}
.pointer{
    cursor:pointer
}