.role .areaTree{overflow:hidden;width:82%;margin-bottom:-5%;margin-left:1%;border:1px solid rgba(236,224,221,.664);border-radius:4px;padding-left:1%;padding-top:1%}.role .areaTree,.role .roleTop{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.role .roleTop .role-left .add-con{padding:0 0}.role .roleTop .role-left .add-con .add-btn{margin-left:2px}.role .roleTop .role-right .search-con{margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex}.role .roleTop .role-right .search-con .type{margin-right:10px}.role .roleTop .role-right .search-con .name{margin-right:1px}.role .roleTop .role-right .search-con .search-btn{margin-right:2px}.role .cont{border:1px solid #dcdee2;width:100%}.role .cont .leftTree{height:100%;overflow-y:auto;padding:10px}.role .cont .leftTree .ivu-tree-title{height:20px}.role .cont .left .add-con{padding:10px 0}.role .cont .left .add-con .add-btn{margin-left:3px}.role .cont .right .add-con{padding:10px 0}.role .cont .right .add-con .add-btn{margin-left:3px}.role .cont .right .search-con{padding:10px 0}.role .cont .right .search-con .type{margin-left:37%;margin-right:2px}.role .cont .right .search-con .name{margin-right:1px}.role .cont .right .search-con .page,.role .cont .right .search-con .search-btn{margin-right:2px}.role .treeBtn{margin-top:-3%;float:right;margin-left:2px;display:none;cursor:pointer;-webkit-transform:scale(.55);transform:scale(.55)}.role .roleGroupTree:hover .treeBtn{display:block!important}.role .editRole{width:100%;height:100%}.role .editRole .editRoleCard{width:100%}.role .editRole .editRoleCard .roleEditvalue{margin:auto;margin-top:4%;width:70%;margin-bottom:10px}.role .editRole .editRoleCard .roleEditname{margin:auto;margin-top:3%;width:70%;margin-bottom:10px}.role .editRole .editRoleCard .button{margin:auto;margin-top:3%;margin-bottom:4%;width:60%}.role .editRole .editRoleCard .button .cacelRole{margin-left:32%;width:12%}.role .editRole .editRoleCard .button .editRole,.role .editRole .editRoleCard .button .saveRole{width:12%;margin-left:22px}.role .editGroup{width:100%;height:100%}.role .editGroup .editRoleCard{width:100%}.role .editGroup .editRoleCard .groupEditname{margin:auto;margin-top:3%;width:70%;margin-bottom:10px}.role .editGroup .editRoleCard .button{margin:auto;margin-top:3%;margin-bottom:4%;width:60%}.role .editGroup .editRoleCard .button .cacelGroup{margin-left:32%;width:12%}.role .editGroup .editRoleCard .button .editGroup,.role .editGroup .editRoleCard .button .saveGroup{width:12%;margin-left:22px}.treeList{height:160px;border:1px solid #e8eaec;border-radius:5px}.rolePermissions{height:500px;overflow-y:auto}.Invitation{padding-bottom:5px}