.header{position:relative;box-sizing:border-box;width:100%;height:50px;font-size:22px;color:#fff}.header .top-navigater{float:left;margin-left:20px;margin-top:17px}.header .top-navigater .el-breadcrumb__inner{color:#bdbdbd}.header .top-navigater .el-breadcrumb__inner.is-link,.header .top-navigater .el-breadcrumb__inner a{transition:color .2s cubic-bezier(.645,.045,.355,1);color:#fff}.header .top-navigater .breadcrumb-enter-active,.header .top-navigater .breadcrumb-leave-active{transform:all .5s}.header .top-navigater .breadcrumb-enter,.header .top-navigater .breadcrumb-leave-active{opacity:0;transform:translateX(20px)}.header .top-navigater .breadcrumb-move{transition:all .5s}.collapse-btn{float:left;padding:0;cursor:pointer;line-height:50px}.collapse-btn .el-icon-s-unfold{animation:myend .5s linear 0s 1 alternate forwards;-webkit-animation:myend .5s linear 0s 1 alternate forwards}.collapse-btn .el-icon-s-unfold.active{animation:myfirst .5s linear 0s 1 alternate forwards;-webkit-animation:myfirst .5s linear 0s 1 alternate forwards}.header-right{float:right;padding-right:50px}.header-user-con{display:flex;height:50px;align-items:center}.btn-fullscreen{transform:rotate(45deg);margin-right:5px;font-size:24px}.btn-bell,.btn-fullscreen{position:relative;width:30px;height:30px;text-align:center;border-radius:15px;cursor:pointer}.btn-bell-badge{position:absolute;right:0;top:-2px;width:8px;height:8px;border-radius:4px;background:#f56c6c;color:#fff}.btn-bell .el-icon-bell{color:#fff}.user-name{margin-left:10px}.user-avator{margin-left:20px}.user-avator img{display:block;width:40px;height:40px;border-radius:50%}.el-dropdown-link{color:#fff;cursor:pointer}.el-dropdown-menu__item{text-align:center}@keyframes myfirst{0%{transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg)}to{transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg)}}@keyframes myend{0%{transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg)}to{transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg)}}.el-menu-vertical-demo{height:100%;border:0}.el-menu{background-color:#204274}.el-menu-item{display:flex;align-items:center}.el-menu-item:focus,.el-menu-item:hover,.el-submenu__title:focus,.el-submenu__title:hover{background-color:#376ab5}.listtitle[data-v-5fb572a4]{padding:0 20px}.listtitle .top-navigation .el-button+.el-button[data-v-5fb572a4]{margin-left:6px}.listtitle .top-navigation a[data-v-5fb572a4]{text-decoration:none;color:#fff}.listtitle .top-navigation button.el-button[data-v-5fb572a4]{min-width:80px;border-radius:0;border:0;border-color:#adb6c4;position:relative;box-sizing:border-box;border-left:0;border-right:0;color:#fff;border-radius:2px 0 0 2px;background-color:#adb6c4}.listtitle .top-navigation button.el-button[data-v-5fb572a4]:before{z-index:1;left:-1px;border-left:12px solid #fff}.listtitle .top-navigation button.el-button[data-v-5fb572a4]:after,.listtitle .top-navigation button.el-button[data-v-5fb572a4]:before{position:absolute;box-sizing:border-box;top:0;bottom:0;content:"";width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent}.listtitle .top-navigation button.el-button[data-v-5fb572a4]:after{z-index:9;right:-12px;border-left:12px solid #adb6c4}.listtitle .top-navigation button.el-button[data-v-5fb572a4]:first-child{border-radius:2px 0 0 2px;margin-left:0!important}.listtitle .top-navigation button.el-button[data-v-5fb572a4]:first-child:before{display:none}.listtitle .top-navigation button.el-button .item-name[data-v-5fb572a4]{display:inline-block;margin-right:4px}.listtitle .top-navigation button.el-button .item-close[data-v-5fb572a4]{position:absolute;right:-2px;top:7px;z-index:999;display:inline-block;box-sizing:border-box;width:16px;height:16px;line-height:16px;text-align:center;border-radius:10px}.listtitle .top-navigation button.el-button .item-close.active[data-v-5fb572a4]{border:0;border:1px solid #fff}.listtitle .top-navigation button.el-button.active[data-v-5fb572a4]{background-color:#a1b76e;color:#fff}.listtitle .top-navigation button.el-button.active[data-v-5fb572a4]:after{border-left-color:#a1b76e}.scroll-container[data-v-44a9e4ec]{white-space:nowrap;position:relative;overflow:hidden;width:100%}.scroll-container .scroll-wrapper[data-v-44a9e4ec]{position:absolute}.all-container,.home{height:100%;box-sizing:border-box}.all-container{display:flex}.all-container .logo-title-area{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;border-right:1px solid hsla(0,0%,100%,.4);color:#fff;font-size:20px;padding:0;background:#10305f}.all-container .logo-title-area:after{position:absolute;z-index:10;right:0;bottom:0;left:0;height:1px;content:"";transform:scaleY(.5);background-color:#c8c7cc}.all-container .logo-title-area .logo-img{width:40px;height:40px;border-radius:20px;overflow:hidden}.all-container .logo-title-area .logo-img img{width:100%;height:100%}.all-container .logo-title-area span{margin-left:8px;height:20px;line-height:20px;overflow:hidden}.right-container{flex:1;height:100%;overflow-y:auto}.right-container .swiper-item{box-sizing:border-box;height:42px;padding:4px 20px 2px;background:hsla(0,0%,100%,.8);border-bottom:1px solid #d8dce5;box-shadow:0 1px 3px 0 rgba(0,0,0,.12),0 0 3px 0 rgba(0,0,0,.04)}.right-container .el-header{background-color:#10305f}.el-aside{width:100%;height:100%;box-sizing:border-box;transition:all .5s;background:#204274}.el-aside .happy-scroll-container{width:100%!important;height:100%!important}.el-aside .happy-scroll-container .happy-scroll-content{width:100%}.el-container .el-main{background-color:#fff;height:calc(100% - 42px);width:100%;padding:16px 20px 20px}.nodebook-enter,.nodebook-leave-to{transform:scale(.9);opacity:0}.nodebook-enter-to,.nodebook-leave{transform:scale(1);opacity:1}.nodebook-enter-active,.nodebook-leave-active{transition:all .3s}