do-element/lib/theme-chalk/container.css

Secondary encapsulation of basic element-ui

body,html{height:100%}.d-container{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.d-container::after{content:'';display:table;clear:both}.d-container .d-header{position:absolute;top:0;z-index:99;height:60px;line-height:60px;background:#fff;min-width:1280px;width:100%;-webkit-box-shadow:0 4px 6px 0 rgba(62,62,105,.1);box-shadow:0 4px 6px 0 rgba(62,62,105,.1)}.d-container .d-header.d-header-fixed{position:fixed}.d-container .d-header .d-header-content{position:relative;max-width:1280px;min-width:1280px;margin:0 auto;text-align:center}.d-container .d-header .d-header-title{font-size:18px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#383838;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.d-container .d-header .d-header-right{position:absolute;right:0}.d-container .d-header .d-logo{float:left;width:160px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;white-space:nowrap}.d-container .d-header .d-logo .d-logo-image{height:36px;width:36px}.d-container .d-header .d-logo .el-link--inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;font-family:PingFangSC-Regular,PingFang SC}.d-container .d-menu.el-menu{float:left}.d-container .d-footer{height:40px;line-height:40px;text-align:center;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;color:#a9a9b5}.d-container .d-beian-link{color:inherit;text-decoration:none}.d-container .d-main{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:1280px;min-width:1280px;margin:80px auto 10px}.d-container .d-content{background:#fff;-webkit-box-shadow:0 4px 6px 0 rgba(62,62,105,.1);box-shadow:0 4px 6px 0 rgba(62,62,105,.1);border-radius:4px;margin-left:170px;height:100%;overflow-x:hidden}.d-container .fade-transform-enter-active,.d-container .fade-transform-leave-active{-webkit-transition:all .15s;transition:all .15s}.d-container .fade-transform-enter{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}.d-container .fade-transform-leave-to{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}.d-router-view{padding:20px}