.yz-left .yz-menu-left{cursor:pointer;font-size:14px;height:50px;line-height:50px;padding:0 10px;position:relative}.yz-left .yz-menu-left>i{left:10px;position:absolute}.yz-left .yz-menu-left .menu-name{box-sizing:border-box;overflow:hidden;padding-left:22px;text-overflow:ellipsis;white-space:nowrap;width:70px}.yz-left .yz-menu-left:hover{background:#e8e8e8}.yz-layout{background:#ebf1f6;height:100%;min-width:1200px;width:100%}.yz-layout .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}.yz-layout .fixed-menu .close-all{border-top:1px solid #eee;cursor:pointer;padding:2px 15px}.yz-layout .fixed-menu .close-all:first-child{border-top:0}.yz-layout .fixed-menu .close-all:hover{color:#3387ff}.yz-layout .logo-main{flex:0 0 60px}.yz-layout .logo-main .logo-img{flex:0 0 200px;height:60px;width:200px}.yz-layout .logo-main .logo-img img{max-height:100%;max-width:100%}.yz-layout .logo-main .nav-main{flex:1;height:100%;width:calc(100% - 526px)}.yz-layout .logo-main .nav-main .el-tabs__nav-next,.yz-layout .logo-main .nav-main .el-tabs__nav-prev{line-height:60px}.yz-layout .logo-main .nav-main .el-tabs__header{border-bottom:none;height:100%;margin:0}.yz-layout .logo-main .nav-main .el-tabs__header .el-tabs__nav-wrap,.yz-layout .logo-main .nav-main .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll{height:100%}.yz-layout .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}.yz-layout .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}.yz-layout .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}.yz-layout .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,.yz-layout .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}.yz-layout .logo-main .nav-main.linellae .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item{color:#333}.yz-layout .logo-main .nav-main.linellae .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item.is-active,.yz-layout .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}.yz-layout .logo-main .nav-main.seacoast .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item{color:#fff}.yz-layout .logo-main .nav-main.seacoast .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item.is-active,.yz-layout .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}.yz-layout .logo-main .nav-main.townlet .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item{color:#fff}.yz-layout .logo-main .nav-main.townlet .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item.is-active,.yz-layout .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}.yz-layout .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}.yz-layout .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,.yz-layout .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}.yz-layout .logo-main .head-setting [class*=el-icon-]{font-size:18px}.yz-layout .logo-main .head-setting .setting-list{border-radius:2px;color:#606266;height:30px;width:36px}.yz-layout .logo-main .head-setting .setting-list:hover{background:#ffffff80;color:#2f74ff;cursor:pointer}.yz-layout .logo-main .head-setting .user-info{color:#606266;cursor:pointer}.yz-layout .logo-main .head-setting.dark-grey .setting-list{color:#ccc}.yz-layout .logo-main .head-setting.dark-grey .setting-list:hover{background:#2a2d2e;color:#fff}.yz-layout .logo-main .head-setting.dark-grey .user-info{color:#ccc}.yz-layout .logo-main .head-setting.seacoast .setting-list{color:#fff}.yz-layout .logo-main .head-setting.seacoast .setting-list:hover{background:#0000004d;color:#fff}.yz-layout .logo-main .head-setting.seacoast .user-info,.yz-layout .logo-main .head-setting.townlet .setting-list{color:#fff}.yz-layout .logo-main .head-setting.townlet .setting-list:hover{background:#b0b0b04d;color:#fff}.yz-layout .logo-main .head-setting.starry-sky .setting-list,.yz-layout .logo-main .head-setting.townlet .user-info{color:#fff}.yz-layout .logo-main .head-setting.starry-sky .setting-list:hover{background:#b0b0b04d;color:#fff}.yz-layout .logo-main .head-setting.starry-sky .user-info{color:#fff}.yz-layout.dark-grey{background:#2c3643}.yz-layout.seacoast{background:url(/image/seacoast.jpg) no-repeat;background-size:cover}.yz-layout.linellae{background:url(/image/linellae.jpg) no-repeat;background-size:cover}.yz-layout.townlet{background:url(/image/townlet.jpg) no-repeat;background-size:cover}.yz-layout.starry-sky{background:url(/image/starry-sky.jpg) no-repeat;background-size:cover}.yz-layout .layout-page{flex:1;height:calc(100% - 60px);width:calc(100% - 20px)}.yz-layout .layout-page .history-tab{background:#ebf1f6}.yz-layout .layout-page .history-tab .el-tabs__header{border-bottom:1px solid #cfd7e5;margin:0}.yz-layout .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}.yz-layout .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}.yz-layout .layout-page .history-tab .el-tabs__header .el-tabs__nav .el-tabs__item:hover{color:#303133}.yz-layout .layout-page .history-tab .el-tabs__header .el-tabs__nav .el-tabs__item:first-child{border-left:0}.yz-layout .layout-page .history-tab .el-tabs__header .el-tabs__nav .el-tabs__item.is-active{background:#fff;border-bottom-color:transparent}.yz-layout .layout-page .history-tab.dark-grey{background:#2c3643}.yz-layout .layout-page .history-tab.dark-grey .el-tabs__header,.yz-layout .layout-page .history-tab.dark-grey .el-tabs__header .el-tabs__nav{border-color:#242d38}.yz-layout .layout-page .history-tab.dark-grey .el-tabs__header .el-tabs__nav .el-tabs__item{background:#242d38;border-color:#242d38;color:#ccc}.yz-layout .layout-page .history-tab.dark-grey .el-tabs__header .el-tabs__nav .el-tabs__item:hover{color:#ccc}.yz-layout .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}.yz-layout .layout-page .history-tab.linellae{background:transparent}.yz-layout .layout-page .history-tab.linellae .el-tabs__header,.yz-layout .layout-page .history-tab.linellae .el-tabs__header .el-tabs__nav{border-color:#cfd7e5}.yz-layout .layout-page .history-tab.linellae .el-tabs__header .el-tabs__nav .el-tabs__item{background:#cfd7e5;border-color:#cfd7e5;color:#fff}.yz-layout .layout-page .history-tab.linellae .el-tabs__header .el-tabs__nav .el-tabs__item:hover{color:#fff}.yz-layout .layout-page .history-tab.linellae .el-tabs__header .el-tabs__nav .el-tabs__item.is-active{background:#fff;border-bottom-color:transparent;color:#303133}.yz-layout .layout-page .history-tab.seacoast{background:transparent}.yz-layout .layout-page .history-tab.seacoast .el-tabs__header{border-bottom:none;margin-bottom:1px}.yz-layout .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}.yz-layout .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}.yz-layout .layout-page .history-tab.seacoast .el-tabs__header .el-tabs__nav .el-tabs__item:first-child{margin-left:0}.yz-layout .layout-page .history-tab.seacoast .el-tabs__header .el-tabs__nav .el-tabs__item:hover{color:#fff}.yz-layout .layout-page .history-tab.seacoast .el-tabs__header .el-tabs__nav .el-tabs__item.is-active{background:#fff;border-bottom-color:transparent;color:#303133}.yz-layout .layout-page .history-tab.townlet{background:transparent}.yz-layout .layout-page .history-tab.townlet .el-tabs__header{border-bottom:none;margin-bottom:1px}.yz-layout .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}.yz-layout .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}.yz-layout .layout-page .history-tab.townlet .el-tabs__header .el-tabs__nav .el-tabs__item:first-child{margin-left:0}.yz-layout .layout-page .history-tab.townlet .el-tabs__header .el-tabs__nav .el-tabs__item:hover{color:#fff}.yz-layout .layout-page .history-tab.townlet .el-tabs__header .el-tabs__nav .el-tabs__item.is-active{background:#fff;border-bottom-color:transparent;color:#303133}.yz-layout .layout-page .history-tab.starry-sky{background:transparent}.yz-layout .layout-page .history-tab.starry-sky .el-tabs__header{border-bottom:none;margin-bottom:1px}.yz-layout .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}.yz-layout .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}.yz-layout .layout-page .history-tab.starry-sky .el-tabs__header .el-tabs__nav .el-tabs__item:first-child{margin-left:0}.yz-layout .layout-page .history-tab.starry-sky .el-tabs__header .el-tabs__nav .el-tabs__item:hover{color:#fff}.yz-layout .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}.yz-layout .layout-page .page-box{flex:1;height:100%;width:calc(100% - 200px)}.yz-layout .layout-page .page-box .page-main{background-color:#fff;border-left:1px solid #cfd7e5;height:calc(100% - 41px);width:100%}.yz-layout .layout-page .page-box .page-main.dark-grey{border-left-color:#2c3643}.yz-layout .layout-page .page-box .page-main.linellae{background-color:#fff9;border-left-color:#cfd7e5}.yz-layout .layout-page .page-box .page-main.seacoast,.yz-layout .layout-page .page-box .page-main.starry-sky,.yz-layout .layout-page .page-box .page-main.townlet{background-color:#fff9;border-left:none;margin-left:1px}.yz-layout .layout-page .page-box .page-main>.el-scrollbar__wrap{overflow-x:auto}.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}