.scroll-menu{position:relative}.scroll-menu .el-scrollbar__wrap{overflow-x:hidden}.scroll-menu .collapse-btn{background:#ebf1f6;border-bottom:1px solid #e8e8e8;border-bottom-right-radius:3px;border-right:1px solid #e8e8e8;border-top:1px solid #e8e8e8;border-top-right-radius:3px;cursor:pointer;font-size:15px;height:60px;left:100%;margin-top:-30px;position:absolute;top:50%;transition:all 1s;width:15px}.scroll-menu .collapse-btn.linellae{background:#fff;color:#333}.scroll-menu .collapse-btn.dark-grey{background:#2c3643;border-color:#2c3643;color:#fff}.el-menu{background:transparent;border-right:none;transition:all .2s}.el-menu .el-menu-item-group__title{display:none}.el-menu.el-menu--popup{background:#fff}.el-menu .el-menu-item,.el-menu .el-submenu__title{background-color:transparent}.el-menu .el-menu-item.is-hidden,.el-menu .el-submenu__title.is-hidden{display:none}.el-menu .el-menu-item.is-active,.el-menu .el-menu-item:hover,.el-menu .el-submenu__title.is-active,.el-menu .el-submenu__title:hover{background-color:#ecf5ff}.el-menu.dark-grey .el-menu-item,.el-menu.dark-grey .el-submenu__title{background-color:transparent;color:#ccc}.el-menu.dark-grey .el-menu-item.is-active,.el-menu.dark-grey .el-submenu__title.is-active{background-color:#222a34;color:#fff}.el-menu.dark-grey .el-menu-item:hover,.el-menu.dark-grey .el-submenu__title:hover{background-color:#2a2d2e}.el-menu.seacoast .el-menu-item,.el-menu.seacoast .el-submenu__title{background-color:transparent;color:#fff}.el-menu.seacoast .el-menu-item i,.el-menu.seacoast .el-submenu__title i{color:#fff}.el-menu.seacoast .el-menu-item.is-active,.el-menu.seacoast .el-submenu__title.is-active{background-color:#0000004d;color:#fff}.el-menu.seacoast .el-menu-item:hover,.el-menu.seacoast .el-submenu__title:hover{background-color:#0000004d}.el-menu.townlet .el-menu-item,.el-menu.townlet .el-submenu__title{background-color:transparent;color:#fff}.el-menu.townlet .el-menu-item i,.el-menu.townlet .el-submenu__title i{color:#fff}.el-menu.townlet .el-menu-item.is-active,.el-menu.townlet .el-submenu__title.is-active{background-color:#b0b0b04d;color:#fff}.el-menu.townlet .el-menu-item:hover,.el-menu.townlet .el-submenu__title:hover{background-color:#b0b0b04d}.el-menu.starry-sky .el-menu-item,.el-menu.starry-sky .el-submenu__title{background-color:transparent;color:#fff}.el-menu.starry-sky .el-menu-item i,.el-menu.starry-sky .el-submenu__title i{color:#fff}.el-menu.starry-sky .el-menu-item.is-active,.el-menu.starry-sky .el-submenu__title.is-active{background-color:#b0b0b04d;color:#fff}.el-menu.starry-sky .el-menu-item:hover,.el-menu.starry-sky .el-submenu__title:hover{background-color:#b0b0b04d}.menu-default{background:#ebf1f6;height:100%;min-width:1200px;width:100%}.menu-default .fixed-menu{background:#fff;border:1px solid #ccc;box-shadow:0 2px 12px #0000001a;line-height:30px;padding:2px 0;position:fixed;width:120px;z-index:10}.menu-default .fixed-menu .close-all{border-top:1px solid #eee;cursor:pointer;padding:2px 15px}.menu-default .fixed-menu .close-all:first-child{border-top:0}.menu-default .fixed-menu .close-all:hover{color:#3387ff}.menu-default .logo-main{flex:0 0 60px}.menu-default .logo-main .logo-img{flex:0 0 200px;height:60px;width:200px}.menu-default .logo-main .logo-img img{max-height:100%;max-width:100%}.menu-default .logo-main .nav-main{flex:1;height:100%;width:calc(100% - 526px)}.menu-default .logo-main .nav-main .el-tabs__nav-next,.menu-default .logo-main .nav-main .el-tabs__nav-prev{line-height:60px}.menu-default .logo-main .nav-main .el-tabs__header{border-bottom:none;height:100%;margin:0}.menu-default .logo-main .nav-main .el-tabs__header .el-tabs__nav-wrap,.menu-default .logo-main .nav-main .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll{height:100%}.menu-default .logo-main .nav-main .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav{border:none;height:100%;margin-bottom:0}.menu-default .logo-main .nav-main .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item{border-bottom:none;border-left:none;height:100%;line-height:60px}.menu-default .logo-main .nav-main.dark-grey .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item{color:#ccc}.menu-default .logo-main .nav-main.dark-grey .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item.is-active,.menu-default .logo-main .nav-main.dark-grey .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item:hover{background:#222a34;color:#fff}.menu-default .logo-main .nav-main.linellae .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item{color:#333}.menu-default .logo-main .nav-main.linellae .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item.is-active,.menu-default .logo-main .nav-main.linellae .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item:hover{background:#f7f7f7}.menu-default .logo-main .nav-main.seacoast .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item{color:#fff}.menu-default .logo-main .nav-main.seacoast .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item.is-active,.menu-default .logo-main .nav-main.seacoast .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item:hover{background:#0000004d;color:#fff}.menu-default .logo-main .nav-main.townlet .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item{color:#fff}.menu-default .logo-main .nav-main.townlet .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item.is-active,.menu-default .logo-main .nav-main.townlet .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item:hover{background:#b0b0b04d;color:#fff}.menu-default .logo-main .nav-main.starry-sky .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item{color:#fff}.menu-default .logo-main .nav-main.starry-sky .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item.is-active,.menu-default .logo-main .nav-main.starry-sky .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item:hover{background:#b0b0b04d;color:#fff}.menu-default .logo-main .head-setting [class*=el-icon-]{font-size:18px}.menu-default .logo-main .head-setting .setting-list{border-radius:2px;color:#606266;height:30px;width:36px}.menu-default .logo-main .head-setting .setting-list:hover{background:#ffffff80;color:#2f74ff;cursor:pointer}.menu-default .logo-main .head-setting .user-info{color:#606266;cursor:pointer}.menu-default .logo-main .head-setting.dark-grey .setting-list{color:#ccc}.menu-default .logo-main .head-setting.dark-grey .setting-list:hover{background:#2a2d2e;color:#fff}.menu-default .logo-main .head-setting.dark-grey .user-info{color:#ccc}.menu-default .logo-main .head-setting.seacoast .setting-list{color:#fff}.menu-default .logo-main .head-setting.seacoast .setting-list:hover{background:#0000004d;color:#fff}.menu-default .logo-main .head-setting.seacoast .user-info,.menu-default .logo-main .head-setting.townlet .setting-list{color:#fff}.menu-default .logo-main .head-setting.townlet .setting-list:hover{background:#b0b0b04d;color:#fff}.menu-default .logo-main .head-setting.starry-sky .setting-list,.menu-default .logo-main .head-setting.townlet .user-info{color:#fff}.menu-default .logo-main .head-setting.starry-sky .setting-list:hover{background:#b0b0b04d;color:#fff}.menu-default .logo-main .head-setting.starry-sky .user-info{color:#fff}.menu-default.dark-grey{background:#2c3643}.menu-default.seacoast{background:url(/image/seacoast.jpg) no-repeat;background-size:cover}.menu-default.linellae{background:url(/image/linellae.jpg) no-repeat;background-size:cover}.menu-default.townlet{background:url(/image/townlet.jpg) no-repeat;background-size:cover}.menu-default.starry-sky{background:url(/image/starry-sky.jpg) no-repeat;background-size:cover}.menu-default .layout-page{flex:1;height:calc(100% - 60px);width:calc(100% - 20px)}.menu-default .layout-page .el-menu{background:transparent!important;border-right:none}.menu-default .layout-page>ul{background:transparent;border-right:none}.menu-default .layout-page .history-tab{background:#ebf1f6;position:relative;width:100%}.menu-default .layout-page .history-tab .history-tab-main{flex:0 0 calc(100% - 64px);width:calc(100% - 64px)}.menu-default .layout-page .history-tab .all-close{background:#fff;border-left:1px solid #cfd7e5;border-right:1px solid #cfd7e5;border-top:1px solid #cfd7e5;border-top-left-radius:5px;border-top-right-radius:5px;color:#333;height:41px;line-height:40px;text-align:center;width:54px}.menu-default .layout-page .history-tab .el-tabs__header{border-bottom:1px solid #cfd7e5;margin:0}.menu-default .layout-page .history-tab .el-tabs__header .el-tabs__nav{border-left:1px solid #cfd7e5;border-right:1px solid #cfd7e5;border-top:1px solid #cfd7e5;border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden}.menu-default .layout-page .history-tab .el-tabs__header .el-tabs__nav .el-tabs__item{background:#e4e9ee;border-bottom:1px solid #cfd7e5;border-left:1px solid #cfd7e5;text-align:center}.menu-default .layout-page .history-tab .el-tabs__header .el-tabs__nav .el-tabs__item:hover{color:#303133}.menu-default .layout-page .history-tab .el-tabs__header .el-tabs__nav .el-tabs__item:first-child{border-left:0}.menu-default .layout-page .history-tab .el-tabs__header .el-tabs__nav .el-tabs__item.is-active{background:#fff;border-bottom-color:transparent}.menu-default .layout-page .history-tab.dark-grey{background:#2c3643}.menu-default .layout-page .history-tab.dark-grey .el-tabs__header,.menu-default .layout-page .history-tab.dark-grey .el-tabs__header .el-tabs__nav{border-color:#242d38}.menu-default .layout-page .history-tab.dark-grey .el-tabs__header .el-tabs__nav .el-tabs__item{background:#242d38;border-color:#242d38;color:#ccc}.menu-default .layout-page .history-tab.dark-grey .el-tabs__header .el-tabs__nav .el-tabs__item:hover{color:#ccc}.menu-default .layout-page .history-tab.dark-grey .el-tabs__header .el-tabs__nav .el-tabs__item.is-active{background:#fff;border-bottom-color:transparent;color:#303133}.menu-default .layout-page .history-tab.dark-grey .all-close{border-left:1px solid #fff;border-right:1px solid #fff;border-top:1px solid #fff;color:#333}.menu-default .layout-page .history-tab.linellae{background:transparent}.menu-default .layout-page .history-tab.linellae .el-tabs__header,.menu-default .layout-page .history-tab.linellae .el-tabs__header .el-tabs__nav{border-color:#cfd7e5}.menu-default .layout-page .history-tab.linellae .el-tabs__header .el-tabs__nav .el-tabs__item{background:#cfd7e5;border-color:#cfd7e5;color:#fff}.menu-default .layout-page .history-tab.linellae .el-tabs__header .el-tabs__nav .el-tabs__item:hover{color:#fff}.menu-default .layout-page .history-tab.linellae .el-tabs__header .el-tabs__nav .el-tabs__item.is-active{background:#fff;border-bottom-color:transparent;color:#303133}.menu-default .layout-page .history-tab.linellae .all-close{color:#cfd7e5}.menu-default .layout-page .history-tab.seacoast{background:transparent}.menu-default .layout-page .history-tab.seacoast .el-tabs__header{border-bottom:none;margin-bottom:1px}.menu-default .layout-page .history-tab.seacoast .el-tabs__header .el-tabs__nav{border-color:transparent;border-left:none;border-right:none;border-top:none;margin-left:1px;margin-right:1px;margin-top:1px}.menu-default .layout-page .history-tab.seacoast .el-tabs__header .el-tabs__nav .el-tabs__item{background:#ffffff4d;border-bottom:none;border-left:none;color:#fff;margin-left:1px;padding-bottom:1px}.menu-default .layout-page .history-tab.seacoast .el-tabs__header .el-tabs__nav .el-tabs__item:first-child{margin-left:0}.menu-default .layout-page .history-tab.seacoast .el-tabs__header .el-tabs__nav .el-tabs__item:hover{color:#fff}.menu-default .layout-page .history-tab.seacoast .el-tabs__header .el-tabs__nav .el-tabs__item.is-active{background:#fff;border-bottom-color:transparent;color:#303133}.menu-default .layout-page .history-tab.seacoast .all-close{color:#333}.menu-default .layout-page .history-tab.townlet{background:transparent}.menu-default .layout-page .history-tab.townlet .el-tabs__header{border-bottom:none;margin-bottom:1px}.menu-default .layout-page .history-tab.townlet .el-tabs__header .el-tabs__nav{border-color:transparent;border-left:none;border-right:none;border-top:none;margin-left:1px;margin-right:1px;margin-top:1px}.menu-default .layout-page .history-tab.townlet .el-tabs__header .el-tabs__nav .el-tabs__item{background:#ffffff4d;border-bottom:none;border-left:none;color:#fff;margin-left:1px;padding-bottom:1px}.menu-default .layout-page .history-tab.townlet .el-tabs__header .el-tabs__nav .el-tabs__item:first-child{margin-left:0}.menu-default .layout-page .history-tab.townlet .el-tabs__header .el-tabs__nav .el-tabs__item:hover{color:#fff}.menu-default .layout-page .history-tab.townlet .el-tabs__header .el-tabs__nav .el-tabs__item.is-active{background:#fff;border-bottom-color:transparent;color:#303133}.menu-default .layout-page .history-tab.townlet .all-close{color:#333}.menu-default .layout-page .history-tab.starry-sky{background:transparent}.menu-default .layout-page .history-tab.starry-sky .el-tabs__header{border-bottom:none;margin-bottom:1px}.menu-default .layout-page .history-tab.starry-sky .el-tabs__header .el-tabs__nav{border-color:transparent;border-left:none;border-right:none;border-top:none;margin-left:1px;margin-right:1px;margin-top:1px}.menu-default .layout-page .history-tab.starry-sky .el-tabs__header .el-tabs__nav .el-tabs__item{background:#ffffff4d;border-bottom:none;border-left:none;color:#fff;margin-left:1px;padding-bottom:1px}.menu-default .layout-page .history-tab.starry-sky .el-tabs__header .el-tabs__nav .el-tabs__item:first-child{margin-left:0}.menu-default .layout-page .history-tab.starry-sky .el-tabs__header .el-tabs__nav .el-tabs__item:hover{color:#fff}.menu-default .layout-page .history-tab.starry-sky .el-tabs__header .el-tabs__nav .el-tabs__item.is-active{background:#fff;border-bottom-color:transparent;color:#303133}.menu-default .layout-page .history-tab.starry-sky .all-close{color:#333}.menu-default .layout-page .page-box{flex:1;height:100%;width:calc(100% - 200px)}.menu-default .layout-page .page-box .page-main{background-color:#fff;border-left:1px solid #cfd7e5;height:calc(100% - 41px);width:100%}.menu-default .layout-page .page-box .page-main.dark-grey{border-left-color:#2c3643}.menu-default .layout-page .page-box .page-main.linellae{background-color:#fffc;border-left-color:#cfd7e5}.menu-default .layout-page .page-box .page-main.seacoast,.menu-default .layout-page .page-box .page-main.starry-sky,.menu-default .layout-page .page-box .page-main.townlet{background-color:#fffc;border-left:none;margin-left:1px}.style-list{cursor:pointer;margin-top:10px}.style-list:first-child{margin-top:0}.theme-list{border-left:1px solid #e8e8e8;border-top:1px solid #e8e8e8}.theme-list .theme-block{border-bottom:1px solid #e8e8e8;border-right:1px solid #e8e8e8;flex:0 0 123px;padding:10px}.theme-list .theme-block .theme-preview{background:#ebf1f6;border:1px solid #e8e8e8;border-radius:5px;height:50px;width:100px}.theme-list .theme-block .theme-preview.dark-grey{background:#2c3643}.theme-list .theme-block .theme-btn{border:1px solid #e8e8e8;border-radius:30px;cursor:pointer;height:40px;line-height:40px;padding:0 20px}.theme-list .theme-block .theme-btn.active{background:#13bf0b;color:#fff;cursor:default}