.role-cricd{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.role-cricd .ivu-table th{background-color:#fff!important;text-align:center}.role-cricd .left-one{width:199px;height:100%;border-right:1px solid #e1e3e8}.role-cricd .left-one .left-one-title{padding:10px}.role-cricd .left-one .left-one-title span{font-size:16px;font-family:PingFangSC-Medium\, PingFang SC;font-weight:500;color:#333;padding-left:5px}.role-cricd .left-one .left-one-role{padding:10px;height:calc(100% - 94px);overflow-y:auto}.role-cricd .left-one .left-one-role p{padding-left:21px;padding-right:5px;height:30px;line-height:30px;font-size:14px;font-family:PingFangSC-Regular\, PingFang SC;font-weight:400;border-radius:4px;cursor:pointer}.role-cricd .left-one .left-one-role p i{float:right;display:none}.role-cricd .left-one .left-one-role p:hover{color:#3080fe;background:rgba(51,102,255,.06)}.role-cricd .left-one .left-one-role p:hover>i{display:block}.role-cricd .left-one .left-one-role p.checked{color:#3080fe;background:rgba(51,102,255,.06)}.role-cricd .left-one .add-btn{width:100%;height:50px;background:#eaefff;font-size:16px;color:#36f;line-height:50px;text-align:center;cursor:pointer}.role-cricd .left-one .add-btn>i{width:16px;height:16px;border-radius:50%;margin-right:10px;background:#36f;color:#fff}.role-cricd .left-two{width:199px;height:100%;border-right:1px solid #e1e3e8}.role-cricd .left-two .left-one-title{padding:10px}.role-cricd .left-two .left-one-title span{font-size:16px;font-family:PingFangSC-Medium\, PingFang SC;font-weight:500;color:#333;padding-left:5px}.role-cricd .left-two .left-one-title i{float:right;cursor:pointer}.role-cricd .left-two .left-one-title i:hover{color:#3080fe}.role-cricd .left-two .left-one-role{height:calc(100% - 44px)}.role-cricd .left-two .left-one-role>div{height:100%}.role-cricd .left-two .left-one-role .dcocd-tree{height:100%;overflow:auto}.role-cricd .left-two .left-one-role .dcocd-tree ul li{margin:0}.role-cricd .left-two .left-one-role p{padding-left:4px;padding-right:5px;height:30px;font-size:14px;font-family:PingFangSC-Regular\, PingFang SC;font-weight:400;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px}.role-cricd .left-two .left-one-role p i{color:#808eaa;opacity:0}.role-cricd .left-two .left-one-role p img{margin-right:5px}.role-cricd .left-two .left-one-role p:hover>i{opacity:1}.role-cricd .left-two .left-one-role p.checked{color:#3080fe;background:rgba(51,102,255,.06)}.role-cricd .right-one{padding:0 10px;width:calc(100% - 400px)}.role-cricd .right-one .left-one-title{display:-webkit-box;display:-ms-flexbox;display:flex;height:50px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #dadfe7;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.role-cricd .right-one .left-one-title span{font-size:16px;font-family:PingFangSC-Medium\, PingFang SC;font-weight:500;color:#333;padding-left:5px}.role-cricd .right-one .left-one-title div button{margin-left:10px}.role-cricd .right-one .left-one-title div button span{font-size:14px!important;color:#fff}.role-cricd .right-one .right-content{padding:10px 0;height:calc(100% - 50px)}.role-cricd .right-one .right-content .right-content-table{height:calc(100% - 50px)}.role-cricd .right-one .right-content .right-content-page{text-align:right;height:49px;line-height:49px}.add-user .ivu-table th{background-color:#fff!important}.add-user .add-user-content{margin-top:10px}.add-user .add-user-page{text-align:right;padding:10px 0}.add-user .add-role-btn{padding:10px 20px 0;text-align:right}.add-user .add-role-btn button{margin-left:10px}.add-role .ivu-modal-body{padding:0!important}.add-role .ivu-modal-body form{padding:20px}.add-role .add-role-btn{border-bottom:1px solid #e7edf1;padding:10px 20px;text-align:right}.add-role .add-role-btn button{margin-left:10px}