@-webkit-keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(0px);
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0)
    }
}
@-moz-keyframes fadeInRight{
    0%{
        opacity:0;
        -moz-transform:translateX(0px)
    }
    100%{
        opacity:1;
        -moz-transform:translateX(0)
    }
}
@keyframes fadeInRight{
    0%{
        opacity:0;
        transform:translateX(0px)
    }
    100%{
        opacity:1;
        transform:translateX(0)
    }
}
.seriesList{
    display: none;
    position: absolute;
    right:46px;
    bottom:46px;
    width:300px;
    height:275px;
    font-size:12px;
    color:#aaa;
    background:rgba(0,0,0,0.8);
    overflow-y:auto;
    -webkit-animation:fadeInRight .5s ease .2s both;
    -moz-animation:fadeInRight .5s ease .2s both;
    animation:fadeInRight .5s ease .2s both;
    z-index: 101;
    /*三角箭头的颜色*/
    scrollbar-arrow-color: rgba(0,0,0,0);
    /*滚动条滑块按钮的颜色*/
    scrollbar-face-color: rgba(0,0,0,0);
    /*滚动条整体颜色*/
    scrollbar-highlight-color: rgba(0,0,0,0);
    /*滚动条阴影*/
    scrollbar-shadow-color: rgba(0,0,0,0);
    /*滚动条轨道颜色*/
    scrollbar-track-color: rgba(0,0,0,0);
    scrollbar-3dlight-color: rgba(0,0,0,0);
    scrollbar-darkshadow-color: rgba(0,0,0,0);
    .list{
        p{
            height:34px;
            font-weight: bold;
            padding:0 20px;
            line-height: 34px;
            border-top:1px solid #1b1c21;
            cursor: pointer;
            overflow: hidden;
            span{
                margin:0 10px 0 0;
            }
            &.cur{
                color:#00acfe;
            }
            &:hover{
                background:#3f4042;
            };
        }
    }
}