epmet-work-pc/src/assets/scss/modules/management/list-main.scss

.g-main {
  width: 100%;

  .m-search {
    padding: 24px 10px 10px;
    // box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
    background: #FFFFFF;
    box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.08), 0px 3px 6px -4px rgba(0,0,0,0.12);
    margin:20px 7px 7px;

    overflow:hidden;

    /deep/ .el-form-item{
      margin-bottom:16px;
    }

    .u-search-btn{
      margin-right:10px;
      margin-top:5px;
      float:right;
    }

    //查询栏---常规宽度
   .u-item-width-normal{
      width: 168px;
    }
   //查询栏---分开的日期、时间范围的宽度
   .u-item-width-daterange{
      width: 209px;
    }
    //查询栏---后方带一个文字长度
   .u-item-width-normal-text{
    width: 144px;
  }
    //查询栏---合并的日期、时间范围的宽度
    .u-item-width-daterange2{
      width: 445px;
    }
   //查询栏---小区、楼、单元、楼号，级联长度
   .u-item-width-communitycascader{
      width: 141px;
    }
    // 查询栏人防年龄两个输入框
    .u-item-width-resiAge{
      width: 67px;
    }
   .u-item-width-buildcascader{
      width: 96px;
    }
    .u-data-tag{
      margin-left:10px;
    }

    // 搜索栏高度控制显示隐藏
    .m-form-box-height{
      max-height: 100px;
      overflow: hidden;
    }
    .m-form-box-height-auto{
      height: auto;
    }
    .u-item-width-service{
      width: 220px;
    }
  }


  .m-table{
    margin:16px 7px 7px;
    background: #FFFFFF;
    box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.08), 0px 3px 6px -4px rgba(0,0,0,0.12);
    position: relative;
    padding:24px 16px 10px;

    /deep/ .el-table th, .el-table tr{
      height:54px;
    }

    //列表中，只有左侧有按钮时
    .u-table-btn1 {
      display: flex;
        .u-btn-upload {
          margin-left: 10px;
          display: flex;
          text-align: center;
        }

    }

    //列表中，按钮排布左右两边时
    .u-table-btn2 {
      display: flex;
      // margin-top: 10px;
      justify-content: space-between;

      .u-table-btn2-left{
        display: flex;

        .u-btn-upload {
          margin-left: 10px;
          display: flex;
          text-align: center;
        }
      }

    }

    .m-table-item {
      margin-top: 16px;
      position: relative;
    }
  }

.div-flex{
  .m-page{
    display: flex;
    justify-content: space-between;
  }
}

.f-flex {
  display: flex;
  flex-wrap: nowrap;
}
.f-hflex {
  display: flex;
  flex-flow: column;
  overflow: hidden;
}
.f-w50 {
 width: 50% !important;
}
.f-flex1 {
  flex: 1;
}

.f-mean {
  justify-content: space-around;
}

.f-endpoint {
  justify-content: space-between;
}

.f-align_item {
  align-items: center;
}
// 字体大小
.f-font12 {
  font-size: 12px;
}

.f-font14 {
  font-size: 14px !important;
}

.f-font16 {
  font-size: 16px !important;
}

.f-font18 {
  font-size: 18px !important;
}
//内边距
.f-p0 {
  padding: 0 !important;
}
.f-p10 {
  padding: 10px;
}
.f-p16 {
  padding: 16px;
}

.f-p50 {
  padding: 50px;
}

.f-p30 {
  padding: 30px;
}
// 外边距
.f-right5 {
  margin-right: 5px;
}

.f-right24 {
  margin-right: 24px;
}

.f-bottom8 {
  margin-bottom: 8px;
}

.f-bottom16 {
  margin-bottom: 16px;
}
.f-top2 {
  margin-top: 2px;
}

.f-top12 {
  margin-top: 12px;
}

.f-top24 {
  margin-top: 24px !important;
}
.f-top32  {
  margin-top: 32px !important;
}
.f-top40 {
  margin-top: 40px !important;
}

.f-top48 {
  margin-top: 48px !important;
}

.f-top8 {
  margin-top: 8px !important;
}

.f-bot8 {
  margin-bottom: 8px;
}

.f-bot24 {
  margin-bottom: 24px !important;
}

.f-top16 {
  margin-top: 16px !important;
}

.f-bot16 {
  margin-bottom: 16px !important;
}

.f-right8 {
  margin-right: 8px !important;
}
.f-right10 {
  margin-right: 10px !important;
}
.f-right16 {
  margin-right: 16px !important;
}
.f-margin30 {
  margin: 30px;
}

.f-m0 {
  margin: 0 !important;
}
// 详情分类title
.title-small {
  border-left: solid 4px rgba(0, 86, 214, 1);
  line-height: 16px;
  margin-left: 14px;
  padding-left: 4px;
  font-size: 16px !important;
  font-weight: bold;
}
@media only screen and (min-width: 2013px) {
  .showUnfold {
    display: none;
  }
}
@media only screen and (min-width: 1481px){
  .communityUnfold {
    display: none;
  }
}
  //---------旧版

   .item_width_2{
    width: 138px;
  }

  .item_width_1{
    width: 260px;
  }
  .item_width_3{
    width: 200px;
  }



  .list_item_width_1 {
    width: 165px;
  }
  .list_item_width_2 {
    width: 135px;
  }
}


.div-mult-form {
  margin-top: 20px;

  .div_person {
    display: flex;
    font-size: 14px;
    padding-bottom: 20px;

    .person_title {
      text-align: right;
      flex: 0 0 100px;

      line-height: 36px;
      padding: 0 12px 0 0;
    }

    .tag_item {
      margin-right: 10px;
      margin-top: 10px;
    }
    .tag_tip {
      margin-top: 10px;
      color: #9c9c9c;
    }
  }
}
.div-mult-table {
  position: relative;
  padding: 0 20px;

  .div_selcount{
    position: absolute;
    bottom:10px;
    left:30px;
  }
}

.div_dialog_table {
  padding: 10px;

  .table {
    margin-top: 20px;
  }
}

.twoline {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.div_btn{
  display: flex;
}