.role-cricd-special{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.role-cricd-special .ivu-table th{background-color:#fff!important;text-align:center}.role-cricd-special .left-one{width:199px;height:100%;border-right:1px solid #e1e3e8}.role-cricd-special .left-one .left-one-title{padding:10px}.role-cricd-special .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-special .left-one .left-one-role{padding:10px;height:calc(100% - 94px);overflow-y:auto}.role-cricd-special .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-special .left-one .left-one-role p i{float:right;display:none}.role-cricd-special .left-one .left-one-role p:hover{color:#3080fe;background:rgba(51,102,255,.06)}.role-cricd-special .left-one .left-one-role p:hover>i{display:block}.role-cricd-special .left-one .left-one-role p.checked{color:#3080fe;background:rgba(51,102,255,.06)}.role-cricd-special .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-special .left-one .add-btn>i{width:16px;height:16px;border-radius:50%;margin-right:10px;background:#36f;color:#fff}.role-cricd-special .left-two{width:199px;height:100%;border-right:1px solid #e1e3e8}.role-cricd-special .left-two .left-one-title{padding:10px}.role-cricd-special .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-special .left-two .left-one-title i{float:right;cursor:pointer}.role-cricd-special .left-two .left-one-title i:hover{color:#3080fe}.role-cricd-special .left-two .left-one-role{height:calc(100% - 44px)}.role-cricd-special .left-two .left-one-role>div{height:100%}.role-cricd-special .left-two .left-one-role .dcocd-tree{height:100%;overflow:auto}.role-cricd-special .left-two .left-one-role .dcocd-tree ul li{margin:0}.role-cricd-special .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-special .left-two .left-one-role p i{color:#808eaa;opacity:0}.role-cricd-special .left-two .left-one-role p img{margin-right:5px}.role-cricd-special .left-two .left-one-role p:hover>i{opacity:1}.role-cricd-special .left-two .left-one-role p.checked{color:#3080fe;background:rgba(51,102,255,.06)}.role-cricd-special .right{width:calc(100% - 400px)}.role-cricd-special .right-one{padding:0 10px;height:50%}.role-cricd-special .right-one:first-of-type{border-bottom:1px solid #ccc}.role-cricd-special .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-special .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-special .right-one .left-one-title div button{margin-left:10px}.role-cricd-special .right-one .left-one-title div button span{font-size:14px!important;color:#fff}.role-cricd-special .right-one .right-content{padding:10px 0;height:calc(100% - 50px)}.role-cricd-special .right-one .right-content .right-content-table{height:calc(100% - 50px)}.role-cricd-special .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}.chooseAuth{width:100px;height:36px;border:1px solid #36f;color:#36f;outline:none;background:none;border-radius:4px;cursor:pointer}.add-role-modal .ivu-modal-body{height:500px;padding:0}.add-role-modal .ivu-modal-header-inner{font-size:16px}.add-role-modal .choose-role-box{overflow:hidden;padding:0;height:100%}.add-role-modal .choose-role-box .role-left{width:240px;height:100%;border-right:1px solid #e7edf1;float:left;padding:10px 20px 30px 20px;overflow-y:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.add-role-modal .choose-role-box .role-left>span{display:block;height:18px;font-weight:700;border-left:3px solid #36f;padding-left:10px;line-height:18px}.add-role-modal .choose-role-box .role-right{width:calc(100% - 240px);height:100%;float:right;padding:10px 20px 30px 20px;overflow-y:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.add-role-modal .choose-role-box .role-right>span{display:block;height:18px;border-left:3px solid #36f;font-weight:700;padding-left:10px;line-height:18px}.add-role-modal .choose-role-box .role-right .role-list{width:100%;height:auto;margin-top:10px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.add-role-modal .choose-role-box .role-right .role-list>div{width:130px;position:relative}.add-role-modal .choose-role-box .role-right .role-list>div label{display:inline-block;float:left;margin-right:15px;margin-bottom:10px;height:21px;overflow:hidden}.add-role-modal .choose-role-box .role-right .role-list>div .icon-shanchu2{position:absolute;font-size:14px;right:-10px;top:-4px;display:none;cursor:pointer;color:#5e6d82}.add-role-modal .choose-role-box .role-right .role-list>div .icon-shanchu2:hover{color:#36f}.add-role-modal .choose-role-box .role-right .role-list>div .icon-bianji{position:absolute;font-size:14px;right:-25px;top:-4px;display:none;cursor:pointer;color:#5e6d82}.add-role-modal .choose-role-box .role-right .role-list>div .icon-bianji:hover{color:#36f}.add-role-modal .choose-role-box .role-right .role-list>div:hover i{display:inline-block}.add-role-modal .choose-role-box .role-right .role-list .auth-header{width:100%;height:30px;border-bottom:1px solid #ecf1f9;overflow:hidden}.add-role-modal .choose-role-box .role-right .role-list .auth-header span{display:inline-block;float:left;line-height:30px;font-weight:700}.add-role-modal .choose-role-box .role-right .role-list .auth-header span:first-of-type{width:100px;text-align:center}.add-role-modal .choose-role-box .role-right .role-list .auth-header span:nth-of-type(2){width:calc(100% - 110px);margin-left:10px}.add-role-modal .choose-role-box .role-right .role-list .auth-body{width:100%;height:auto}.add-role-modal .choose-role-box .role-right .role-list .auth-body>div{width:100%;height:40px;overflow:hidden;border-bottom:1px solid #ecf1f9;-webkit-box-sizing:border-box;box-sizing:border-box}.add-role-modal .choose-role-box .role-right .role-list .auth-body>div>span{display:inline-block;width:100px;height:100%;text-align:center;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}.add-role-modal .choose-role-box .role-right .role-list .auth-body>div>div{width:calc(100% - 110px);margin-left:10px;float:left;overflow:hidden}.add-role-modal .choose-role-box .role-right .role-list .auth-body>div>div>label{display:inline-block;width:32%;height:100%;float:left;margin-right:2%;line-height:40px}.add-role-modal .choose-role-box .role-right .role-list .auth-body>div>div>label:nth-of-type(3){margin-right:0}