@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?kikvbn');
    src: url('../fonts/icomoon.eot?kikvbn#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?kikvbn') format('truetype'), url('../fonts/icomoon.woff?kikvbn') format('woff'), url('../fonts/icomoon.svg?kikvbn#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.aside {
    display: none;
    position: fixed;
    bottom: 20px;
    left: 100%;
    transform: translateX(-200%);
    width: 40px;
    color: #666;
    z-index: 9999;
}

.aside a i {
    font-size: 0!important;
}


/* 内容区 */

.aside ul li {
    overflow: hidden;
    height: 40px;
    width: 40px;
    margin-bottom: 3px;
    border-radius: 16px;
    color: #666;
    background-color: #eeeeee;
}

.aside ul li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 20px;
    font-family: 'icomoon';
    text-align: center;
    text-decoration: none;
    color: #666;
    line-height: 40px;
}

.aside ul li a:hover {
    text-decoration: none;
}

.aside ul li:nth-child(1) a:before {
    content: '\e908';
}

.aside ul li:nth-child(2) a:before {
    content: '\e9b3';
}

.aside ul li:nth-child(3) a:before {
    content: '\e9ae';
}

.aside ul li:nth-child(4) a:before {
    content: '\e903';
}

.aside ul li:nth-child(5) a:before {
    content: '\e98e';
}

.aside ul li a:hover {
    animation: c .7s forwards;
}

.aside .gotop {
    display: none;
}

@keyframes c {
    0% {}
    100% {
        background-color: #1797ff88
    }
}