/* 筛选标题 */

.filter-title {
  font-size: 14px;
}

/* ----------------------------------------------------------------------------- */

/* 下划线 */

.item-bottom {
  border-bottom: 1px solid #d9d9d9;
}

/* ----------------------------------------------------------------------------- */

/* 底部按钮 */

.row-button {
  text-align: right;
  border-top: 1px solid #d9d9d9;
  padding-right: 10px;
  padding-top: 10px;
  margin-top: 10px;
}

/* ----------------------------------------------------------------------------- */

/* 页面顶部标题 */

.top-title {
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 14px;

  .left {
    float: left;
  }

  .right {
    float: right;
    margin-right: 100px;
  }
}

/* ----------------------------------------------------------------------------- */

/* 里面的div撑开外面的div让高度自适应 在最后加上一个div的这个样式 */

.clearfloat {
  clear: both;
  height: 0;
  line-height: 0px;
}

/* ----------------------------------------------------------------------------- */

/* 超出便签宽度不换行 以省略号结尾 */

.nowrap {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* ----------------------------------------------------------------------------- */

/* 禁用 */

.disabled {
  opacity: 0.5;
  pointer-events: none;
}

/* ----------------------------------------------------------------------------- */

/* 占位符 */

.placeholder {
  color: #E1E1E3;
}

/* ----------------------------------------------------------------------------- */

/* 背景颜色 */

.background-success {
  background-color: #67c23a;
}

.background-warning {
  background-color: #e6a23c;
}

.background-danger {
  background-color: #f56c6c;
}

.background-info {
  background-color: #909399;
}

/* ----------------------------------------------------------------------------- */

/* 字体颜色 */

.color-success {
  color: #67c23a;
}

.color-warning {
  color: #e6a23c;
}

.color-danger {
  color: #f56c6c;
}

.color-info {
  color: #909399;
}

/* ----------------------------------------------------------------------------- */

/* 男女样式图标 */

.icon-boy {
  font: normal normal normal 14px/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  background-color: dodgerblue;
  display: inline-block;
  color: white;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
}
.icon-boy:before {
  content: "\f222";
}

.icon-girl {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  background-color: lightcoral;
  color: white;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
}
.icon-girl:before {
  content: "\f221";
}

/* ----------------------------------------------------------------------------- */

/* 模态框底层不滚动 */
body.popup-open {
  position: fixed;
}

.padding-none {
  padding: 0;
}