/*关系匹配*/
.mappingUser {
  width: 100%;
  min-width: 794px;
  height: auto;
  margin-bottom: 10px;
  border: 1px solid #F2F2F2;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.12);
  position: relative;
}
.mappingUser .user {
  border: 1px solid #F2F2F2;
  border-radius: 4px;
  width: 32.2%;
  background: #fff;
}
.mappingUser .user:nth-of-type(n+2) {
  margin-left: 1.666%;
}
.mappingUser .user header {
  height: 48px;
  position: relative;
}
.mappingUser .user header .title {
  height: 48px;
  display: inline-block;
  font: bold 16px/48px "Microsoft YaHei";
  margin-left: 20px;
}
.mappingUser .user header .opt {
  display: inline-block;
  height: 48px;
  margin-right: 20px;
  font: 14px/48px "Microsoft YaHei";
}
.mappingUser .user header .opt a {
  color: #5681E2;
}
.mappingUser .user header .opt a.active {
  color: #aaa;
}
.mappingUser .user header .opt .save,
.mappingUser .user header .opt .restore {
  display: none;
}
.mappingUser .user header .opt .seperator {
  display: inline-block;
  width: 1px;
  height: 14px;
  background: #eee;
  line-height: 48px;
}
.mappingUser .user .nameMail {
  height: 34px;
  font: 14px/34px "Micrisoft YaHei";
  padding-left: 20px;
  background: #fbfbfb;
  color: #aaa;
}
.mappingUser .user .content li {
  height: 48px;
  padding: 3% 18% 3% 5%;
  font: 13px/14px "Micrisoft YaHei";
  word-break: break-all;
  position: relative;
  overflow: hidden;
}
.mappingUser .user .content li:nth-of-type(n+2) {
  border-top: 1px solid #F2F2F2;
}
.mappingUser .user .content li .editing {
  position: absolute;
  right: 10px;
  top: 10px;
}
.mappingUser .user .content li .editing a {
  border: none!important;
  background: #fff !important;
  padding: 2px 2px;
}
.mappingUser .user .content .mailEditing:active,
.mappingUser .user .content .mailDeleting:active {
  background-color: transparent!important;
}
.addNewUserPopWindow {
  width: 696px;
  height: 307px;
  position: fixed;
  left: 174px;
  top: 186px;
  background: #FFFFFF;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.addNewUserPopWindow .modal-content {
  width: 696px;
  height: 307px;
}
.addNewUserPopWindow .modal-content .modal-body {
  padding: 0;
}
.addNewUserPopWindow .modal-content .modal-body select {
  width: 600px;
}
.addNewUserPopWindow .modal-content .modal-body select:nth-of-type(1) {
  margin-top: 18px;
}
.addNewUserPopWindow .modal-content .modal-body select:nth-of-type(n+3) {
  width: 576px;
  position: relative;
}
.addNewUserPopWindow .modal-content .modal-body i {
  position: relative;
  display: inline-block;
  text-align: center;
  color: #fff;
  left: 10px;
  width: 15px;
  height: 15px;
  background: #9B9B9B;
  border-radius: 50%;
  opacity: 0.62;
  cursor: pointer;
  font: bold 14px/14px "consolas";
}
.addNewUserPopWindow .modal-content .modal_btn {
  margin-top: 33px;
}
.addNewUserPopWindow .modal-content .modal_btn button {
  margin-right: 20px;
}
.addNewUserPopWindow .modal-content .modal_btn button:nth-of-type(2) {
  margin-right: 10px;
}
.mailEditingPopWindow {
  width: 700px;
  height: 130px;
  position: absolute;
  left: 30%;
  z-index: 99;
  text-align: center;
  background: #FFFFFF;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.mailEditingPopWindow .mailOption {
  width: 600px;
  height: 32px;
  margin-top: 20px;
}
.mailEditingPopWindow button {
  display: inline-block;
  width: 160px;
  height: 40px;
  font: 14px/40px "PingFangSC-Regular";
  color: #fff;
  text-align: center;
  background-image: linear-gradient(-180deg, #538EE6 0%, #5681E2 100%);
  border: none;
  border-radius: 2px;
  margin-right: 20px;
}
.addUserButton,
.deleteUserButton {
  height: 32px!important;
  width: 64px!important;
  border-radius: 2px!important;
  background: linear-gradient(-180deg, #538EE6 0%, #5681E2 100%) !important;
  color: #FFF !important;
  border: 1px solid #FFF !important;
  font: 13px/32px 'PingFangSC-Regular' !important;
  text-align: center!important;
  margin-right: 10px!important;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12) !important;
}
.deleteUserButton {
  width: 94px!important;
}
#addRelationUserPopWindow {
  z-index: 9999;
  position: absolute;
  left: 375px;
  width: 50%;
  top: 130px;
  padding-right: 0!important;
  text-align: center;
}
#addRelationUserPopWindow th {
  text-align: center;
}
#addRelationUserPopWindow table {
  border: none;
}
#addRelationUserPopWindow table tr {
  cursor: pointer;
}
#addRelationUserPopWindow .buttonOption {
  width: 100%;
  bottom: -80px;
  position: absolute;
  height: 80px;
}
#addRelationUserPopWindow .buttonOption a {
  margin-top: 20px;
  display: inline-block;
  width: 160px;
  height: 40px;
  font: 14px/40px "PingFangSC-Regular";
  color: #fff;
  text-align: center;
  background-image: linear-gradient(-180deg, #538EE6 0%, #5681E2 100%);
  border: none;
  border-radius: 2px;
  margin-right: 10px;
}
.activeRow {
  color: #fff;
  background: #538EE6;
}
.relationSearchBox {
  height: 40px;
  vertical-align: middle;
}
.relationSearchBox span {
  line-height: 40px;
}
.relationSearchBox input {
  height: 32px;
  background: #FBFBFB;
  border: 1px solid #ECECEC;
  border-radius: 2px;
  font: 12px/17px "PingFangSC-Regular";
  color: #000;
  width: 150px;
  vertical-align: middle;
}
.relationSearchBox .relationSearchBoxBtn {
  width: 110px;
  height: 32px;
  font: 14px/32px "PingFangSC-Regular";
  color: #fff;
  text-align: center;
  background-image: linear-gradient(-180deg, #538EE6 0%, #5681E2 100%);
  border: none;
  border-radius: 2px;
  margin-right: 10px;
  margin-left: 10px;
  vertical-align: middle;
}