.user-select[data-v-ff5df8e6]{position:relative}.user-select .user-select-item[data-v-ff5df8e6]{position:absolute;top:56px;left:0;width:100%;z-index:10;background:#fff;height:340px;overflow-y:auto}.user-select .user-select-item li[data-v-ff5df8e6]{padding:0 15px;height:40px;line-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;border-bottom:1px solid #dcdfe6}.user-select .user-select-item li[data-v-ff5df8e6]:hover{background:#f5f7fa}.msg-box[data-v-ff5df8e6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.msg-box .left-tree[data-v-ff5df8e6]{overflow-y:auto;height:340px;-webkit-box-flex:1;-ms-flex:1;flex:1;border-right:1px solid #dcdfe6}.msg-box .left-tree .tree-type[data-v-ff5df8e6]{line-height:40px;height:40px;border-bottom:1px solid #dcdfe6;cursor:pointer;padding-left:25px}.msg-box .left-tree .tree-type[data-v-ff5df8e6]:hover{background:#f5f7fa}.msg-box .left-tree .el-tree-node__content[data-v-ff5df8e6]{height:40px;line-height:40px;border-bottom:1px solid #dcdfe6}.msg-box .left-list[data-v-ff5df8e6]{overflow-y:auto;height:340px;-webkit-box-flex:1;-ms-flex:1;flex:1}.msg-box .left-list li[data-v-ff5df8e6]{padding:0 15px;height:40px;line-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #dcdfe6;cursor:pointer}.msg-box .left-list li[data-v-ff5df8e6]:hover{background:#f5f7fa}.msg-box .left-list li .row-text[data-v-ff5df8e6]{width:220px}.msg-box .left-list li i[data-v-ff5df8e6]{line-height:40px;font-size:16px}.msg-box .left-list li i[data-v-ff5df8e6]:hover{color:#00c06b}.prompt[data-v-ff5df8e6]{font-size:14px;color:#333;margin:20px 0}.type[data-v-ff5df8e6]{font-size:16px;margin:0 0 20px 0}.role-box[data-v-ff5df8e6]{display:inline-block;margin:0 30px 30px 0;width:200px;height:205px;border:1px solid #eee;padding:20px;font-size:14px;position:relative;vertical-align:middle}.role-box:hover .row-icon[data-v-ff5df8e6]{display:block}.role-box .row-icon[data-v-ff5df8e6]{display:none;position:absolute;right:20px;top:10px;font-size:16px}.role-box .row-icon i[data-v-ff5df8e6]{display:inline-block;margin-left:10px;cursor:pointer;color:#777}.role-box .row-icon i[data-v-ff5df8e6]:hover{color:#00c06b}.role-box .row-title[data-v-ff5df8e6]{font-size:14px;font-weight:600;height:42px}.role-box .row-title i[data-v-ff5df8e6]{color:#fc8804}.role-box .row-title-color i[data-v-ff5df8e6]{color:#00b472}.role-box .row-detail[data-v-ff5df8e6]{color:#777;height:63px;margin:8px 0;font-size:12px;overflow:hidden}.role-box .row-num[data-v-ff5df8e6]{color:#333}.role-box .row-num span[data-v-ff5df8e6]{color:#00c06b}.role-add[data-v-ff5df8e6]{text-align:center;padding-top:60px;cursor:pointer}.role-add i[data-v-ff5df8e6]{font-size:50px;color:#00c06b}.role-add div[data-v-ff5df8e6]{color:#777;margin-top:10px;font-size:16px}