.outer-chanin{width:100%;height:100%}.outer-chanin .simple-header{background:#00bfb4;height:50px;width:100%;padding:0 20px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.outer-chanin .simple-header img{max-height:30px;max-width:180px!important}.outer-chanin .mantle{width:100%;height:100%;background-color:#323232;opacity:.9;position:fixed;left:0;top:0}.outer-chanin .mantle img{width:50%;float:right;margin:60px}.outer-chanin .head{background:#00bfb4;height:50px;width:100%;padding:6px 20px;align-items:center;justify-content:space-between;box-sizing:border-box}.outer-chanin .head .logo{max-height:30px;max-width:180px!important}.outer-chanin .main{height:calc(100% - 100px)}.outer-chanin .el-footer{margin-top:80px}.outer-chanin .footer{text-align:center}.outer-chanin .footer p{color:#999;font:14px Microsoft YaHei}