.aside{box-sizing:border-box;position:fixed;top:calc(50% - 180px);right:30px;padding:22px 0 12px 0;width:70px;height:360px;border-radius:10px;background-image:linear-gradient(#4393ea, #104f92);transition:all .3s ease-in-out;z-index:1998}.aside a{position:relative;top:0;left:0;display:block;width:100%;height:82px;color:#fff;text-align:center;font-size:14px}.aside a:hover i,.aside a:hover p{opacity:.6}.aside a i{margin:0 auto;display:block;width:50px;height:50px;background-image:url("../image/elfin-chart.png");background-size:50px auto;background-repeat:no-repeat;transition:all .3s}.aside a p{transition:all .3s}.aside a:nth-child(1) i{background-position:0 -950px}.aside a:nth-child(2) i{background-position:0 -1000px}.aside a:nth-child(3) i{background-position:0 -1050px}.aside a:nth-child(4) i{background-position:0 -1100px}.aside a .qrcode{display:none;position:absolute;top:-50%;right:100%;padding-right:10px;width:160px;height:150px;border:1px solid #ccc}.aside a .qrcode::after{content:"";display:block;position:absolute;top:0;right:0;width:30px;height:30px;background-color:#104f92;z-index:100}.aside .close{display:none;position:absolute;top:-10px;right:-10px;width:24px;height:24px;background-color:#104f92;border-radius:12px;text-align:center;line-height:24px;cursor:pointer;border:1px solid #3179c6}.aside .close:hover{background-color:#3179c6}.aside .close svg{font-size:14px;fill:#fff;vertical-align:-0.07em}@media screen and (max-width: 1400px){.aside .close{display:block}}@media screen and (max-width: 768px){.aside{display:none}}