.breadcrumb{padding:20px 24px;background-color:#fff}.layout{display:-webkit-box;display:-ms-flexbox;display:flex}.layout>aside{color:#fff;width:210px;background:#fff;position:fixed;top:0;bottom:0;z-index:15;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;left:0;-webkit-box-shadow:5px 0 10px 0 rgba(80,80,80,.1);box-shadow:5px 0 10px 0 rgba(80,80,80,.1)}.layout>aside.collapse{width:64px}.layout>aside.collapse>header img{width:54px}.layout>aside.collapse+section{margin-left:64px;width:calc(100% - 64px)}.layout>aside.collapse+section>header{left:0}.layout>aside.collapse+section>header>i{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.layout>aside>header{background:#fff;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-bottom:1px solid #ebeef5}.layout>aside>header img{-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;height:30px;-o-object-fit:contain;object-fit:contain}.layout>aside .el-menu{border-right:none;overflow-y:auto;height:100%}.layout>section{width:calc(100% - 210px);margin-left:210px;min-height:100vh}.layout>section,.layout>section>header{-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.layout>section>header{height:60px;padding:0 20px;border-bottom:1px solid #ebeef5;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;top:0;left:0;right:0;z-index:10}.layout>section>header .el-icon-arrow-down{margin-left:4px}.layout>section>header>i{width:24px;height:24px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAACoElEQVR4Xu2Zv2sUQRTHv2+yHidHkIhBtDFKUEQhhVj5gytsbNIdYuSyt3PehiCpLESQcFhYpRACQfbI3t4Fwf/CxlJsArbKgRYWFhYWcrsjC0YOye7s3W5kb3au3Tcz7/t53zc7s0co+I8Krh8agHZAwQnoFii4AfQmqFtAt0DBCegWiDPAysr6XKnsf59qk5C47+123kRpiHWABlB0B1SrVWNhYfHmNLeA7xsf9/ZefZuoBaZZeNLc9VsgKSlV47QDVK1sUl3aAUlJqRqnrAMsy5oPYOz0up1aXPGkAEzLXifC6aN0QDCE2+87g6zWsKy1e4KCHYDKnutU0gHg9j4BV7NK7rB5AuBW33XepV2j2WyeHArWJdDyn7l+FgaAyVvLAO0ScGoEZAYALNsliAtpqxM7XtCG5zn7k6wR3liPlYfbBHpwyPj0ACZJ6n+NWeWtuwzoAhS1R6kJwLbtE7+G4iVADQls9QCs8tYdBvQAOpvAaeoA4JzP+sLYIoKdQPhBiBoA2u02+zT4+paA22OID0PVABAqqdfrFWYcfwGIDSKSHuAyOweMSfzIw02zeQMzzCPQYoLF1HHAqNhGo1EGKz0H8BgAiwGRHkCe7wKm+fAaGPWI6EoEhAwA5PwuUKvVSpXZuWcCeEqA8Q8I9QEcCOZ8bSmA6AFYKtRdYLTi4f8Y585ffAKITSIqKfUaTLDj/w3hnF/yMfOaQJdTX4fHWThPseHh6fPgyyPP7WzH5ZX0QJEnbZnmogFkinMKJ9MOmMKiZZqydoAMZ/hODQJ2RhaX1+dE7Ee363yIyk/qADP8Kkyw8ipQlpcA3vdc57oGEEFAO0BmIdWfSx2gAShOQDtA8QJL5WkHSBEpHqAdoHiBpfK0A6SIFA8ovAN+A+qq20GCpESjAAAAAElFTkSuQmCC) 50%/cover}.layout>section>header .el-icon-bell{margin-right:20px;cursor:pointer}.layout>section>header .el-badge{margin-right:20px}.layout>section>header .el-badge .el-icon-bell{margin-right:0}.layout>section>main{min-height:calc(100vh - 108px);margin-top:0;background:#f2f2f2;padding:24px}