.add-role-container{background-color:#fff;padding:2.1rem 1.7rem 3.4rem 1.7rem;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.add-role-container .add-name-item{flex-direction:column;align-items:flex-start;justify-content:flex-start}.add-role-container .add-name-item .el-input{width:380px;margin-top:8px}.add-role-container .check-all{display:flex;font-size:14px;color:#666}.add-role-container .check-all .el-checkbox{margin-left:4px}.add-role-container .role-box{border:1px solid #ddd;margin-top:10px;flex:1;display:flex;flex-direction:column;overflow-y:scroll}.add-role-container .role-content{display:flex;border-bottom:1px solid #ddd}.add-role-container .role-content .el-checkbox__label{color:#111;font-size:14px}.add-role-container .role-content .f-item{display:flex;width:358px;align-items:center;border-right:1px solid #ddd;padding-left:111px;box-sizing:border-box}.add-role-container .role-content .s-item{padding:27px 42px;flex:1}.add-role-container .role-content .s-item>.el-checkbox-group{display:grid;grid-template-columns:2fr 3fr;grid-row-gap:29px}.add-role-container .commit{color:#fff;background-color:#3b91ff}.add-role-container .bottom-button{margin-top:45px;display:flex;justify-content:center}