*{box-sizing:border-box}a{color:#2d8cf0}a:hover{color:#5cadff}.dark-a{color:#17233d}.clear-float:after{display:block;clear:both;content:"";visibility:hidden;height:0}.slide-fade-item{transition:all .1s ease-in-out;display:inline-block}.slide-fade-enter,.slide-fade-leave-to{opacity:0;transform:translateX(-10px)}.common-scrollbar::-webkit-scrollbar,.menu-scrollbar::-webkit-scrollbar{width:11px;height:1px}.menu-scrollbar::-webkit-scrollbar-thumb{border-radius:2px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#808695}.common-scrollbar::-webkit-scrollbar-thumb{border-radius:2px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#dcdee2}.main{width:100%;height:100%}.main-sider{position:absolute;top:64px;left:0;z-index:20;height:100%;overflow:auto;background-color:#515a6e;transition:width .3s ease-in-out}.main-sider .logo{height:64px;background-size:contain;background-repeat:no-repeat;background-position:50%;background-origin:content-box}.main-header{top:64px}.main-content,.main-header{position:absolute;right:0;background-color:#fff;transition:left .3s ease-in-out}.main-content{top:168px;bottom:0;overflow-y:auto;padding:8px 16px}