/*sidebar*/
#sidebar{
    position: fixed;
    bottom: 297px;
    right: 0;
    padding: 0 16px;
    z-index: 1000;
    background-color: #FFFFFF;
    box-shadow: 0 4px 12px 0 rgba(7,17,27,.1);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
#sidebar a{
    display: block;
    width: 26px;
    height: 51px;
    padding: 16px 0;
    font-size: 22px;
    line-height: 20px;
    color: #b5b9bc;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    border-bottom: 1px solid #edf1f2;
}
#sidebar a i{
    font-size: 18px;
    color: #d9dde1;
}
#sidebar a span{
    display: none;
    font-size: 12px;
    color: #07111b;
    line-height: 12px;
}
#sidebar a:hover i{
    display: none;
}
#sidebar a:hover span{
    display: block;
}
#sidebar a .sidebar-app{
    background: url("../../img/index/sidebar.png")0 -220px no-repeat;
}
#sidebar a .sidebar-weixin{
    background: url("../../img/index/sidebar.png")no-repeat;
}
#sidebar a .sidebar-app,
#sidebar a .sidebar-weixin{
    position: absolute;
    bottom: -2px;
    right: 56px;
    width: 172px;
    height: 212px;
    opacity: 0;
    max-width: 0;
    transform: scale(.01);
    transition: opacity .25s,transform .3s;
    transform-origin: 100% 95%;
}
#sidebar a:hover .sidebar-app,
#sidebar a:hover .sidebar-weixin{
    display: block;
    visibility: visible;
    opacity: 1;
    max-width: none;
    transform: scale(1);
}