css.less

ul,dl,li,dt,dd {
  margin:0; padding:0; list-style: none;
}
body{background:#fff;}
:global(.am-picker-popup){
  z-index: 9999;
}
span {
  float: none;
}
.box {
  height: 100%; background:#F8F8F8;
}
.clientless {
  height: 100%;
  overflow: hidden;
  .add {
    width: 3.5rem;
    height: 1.22rem;
    margin: 1.8rem .32rem;
  }
}
.splitline {
  width: 100%;
  height: .1rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
  opacity: 0.1041;
}
.clientless>.client {
  width: 1.51rem;
  margin: 0 1.32rem .2rem;
  margin-top: 1.75rem;
}

.clientless>p {
  text-align: center;
  font-size: .15rem;
  color: #666666;
  margin-bottom: .02rem;
}


.ac_wrap {
  height: 100%;
  background: #F8F8F8;
  padding-top: .1rem;
  overflow-y: auto;
  .aclist_wrap {
    background: white; margin-bottom: .1rem; padding-left: .11rem;
    span{ margin-right: 0;}
    li{
      position: relative; display:flex; border-bottom: 1px solid #F8F8F8; height: .5rem; box-sizing: content-box;text-align: left;
      div {
        flex:1;
      }
      &.require:before{
        position: absolute; content:'*'; left:0; top:0; color:red;line-height: .5rem; z-index: 10;
      }
      :global(.am-list-item.am-input-item){
        padding-left: .14rem; height: .5rem; width: 100%; min-height: inherit;
      }
      :global(.am-list-item .am-input-label.am-input-label-5){
        width: 1.22rem; font-size: .15rem; color:#101010;margin:0; padding:0; flex:none;
      }
      :global(.am-list-item .am-input-control input){
        font-size: .15rem;
      }
      .label{
        width: 1.36rem; flex-shrink:0; line-height: .5rem;
        text-align: left;text-indent: .14rem; font-size: .15rem; color:#101010; flex-shrink: 0;
      }
      .choose {
        line-height: .5rem; font-size: .15rem; color:#999; text-align: left;
      }
      .icon_arrow{
        position: absolute; width:.08rem; height: .14rem; background: url(../../assets/image/next-step.png) no-repeat; background-size: 100%; top: .18rem; right:.11rem;
      }
    }
  }

  .ac_confirm{
    position: fixed; height: .6rem; background: white; width: 100%; left:0; bottom:0; z-index: 999;
    .confirm {
      position: absolute; right:.11rem; top:.09rem;
      width: .75rem; height: .4rem; background:#FF9D5C; color:#fff; font-size: .15rem; line-height: .4rem; text-align: center; border-radius: .04rem;
    }
  }
}

:global(.am-action-sheet-button-list .am-action-sheet-cancel-button){
  padding-top:0; height: .7rem; line-height: .7rem; color:#101010;
}
:global(.am-action-sheet-button-list .am-action-sheet-cancel-button-mask){
  display: none;
}
:global(.am-action-sheet-button-list-item){
  color: #FF9D5C;
}

.auditWrap{
  height: 100%; background: #f8f8f8;
  :global(.am-tabs-tab-bar-wrap){
    height: .6rem;
  }
  :global(.am-tabs-default-bar-tab){
    padding:0; font-size: .17rem; color:#ABABAB;
    &:after{ display:none !important;}
  }
  :global(.am-tabs-default-bar-tab-active){
    color:#101010; font-size: .17rem;
  }
  :global(.am-tabs-default-bar-underline){
    border-color:#FF9D5C; border-width: .02rem;
  }
  .noData {
    padding-top: 2.25rem;
    text-align: center;
    padding-bottom: 2rem; font-size: .15rem; color:#666;
    .img {
      margin: 0 auto .2rem;
      width: 1.5rem;
      height: 1.3rem;
      background: url('../../assets/image/clientless.png') no-repeat;
      background-size: 100%;
    }
  }
}
.managerItem{
  display:flex;
  justify-content: space-between;
  .name{
    width: .8rem; margin-left: .11rem; overflow: hidden;
    text-overflow: ellipsis;height: .5rem; white-space: nowrap; margin-right: .1rem;
  }
  .time {
    margin-right: .3rem;
  }
}

.clientItem {
  display:flex;justify-content: space-between;
  .name{
    width: .8rem; margin-left: .11rem; overflow: hidden;
    text-overflow: ellipsis;height: .5rem; white-space: nowrap; margin-right: .1rem;
  }
  .time{
    margin-right: .3rem;
  }
  .status{
    width: .72rem; height: .24rem; line-height: .24rem; font-size: .13rem; color:#fff; border-radius: .12rem; background:#DADADA;
    margin-top: .12rem; margin-right: .3rem; text-align: center;
  }
}
.infoBox{
  :global(.am-modal-body) {
    background:#F8F8F8;
  }
}
.clientInfoBox {
  padding-bottom:.8rem; overflow-y: auto; height: 100%;
  .itemBox{
    margin-top:.1rem; background:#fff;
    li{
      font-size:.15rem; color:#101010; line-height: .5rem; border-bottom:1px solid #f8f8f8; text-align: left;
      box-sizing: border-box; padding-left:.25rem; padding-right:.1rem; display:flex;
      .label{
        width:1.23rem; position: relative;
      }
      .value{
        color:#666; line-height: .21rem; margin: .15rem 0 .14rem;
      }
      &.require{
        position: relative;
        &:before{
          position: absolute; left: .1rem; top:0; content:'*'; color:#FF2654;
        }
      }
    }
  }
  .clientLabels{
    background: #f8f8f8;
    .tit{
      position: relative; margin:0 .11rem; height: .21rem; line-height: .21rem; margin-top: .3rem;
      &:before{
        position: absolute; width: 100%; height: 0; overflow: hidden; border-top: 1px dashed #999; top: .11rem;left:0; content:''; z-index: 1;
      }
      span{
        position: absolute; width: .92rem; text-align: center; left:50%; margin-left: -.46rem; top:0; height: .21rem; background: #f8f8f8; z-index: 4; color:#101010; font-size: .15rem;
      }
    }
    .labels{
      display: flex; padding: 0 .05rem; margin-top: .1rem; margin-bottom: .22rem;flex-wrap: wrap;
      span{
        display:block; padding: .08rem .19rem; background:#FB5150; color:#fff; font-size:.16rem; margin: .05rem; border-radius: .05rem; flex-shrink: 0;
      }
    }
  }

}
.footer {
  position: fixed;
  height: 10vh;
  font-size: .15rem;
  background: #fff;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 99999;

  .btn_reject {
    position: absolute;
    right: .92rem;
    top: .09rem;
    color: #FF9D5C;
    border: 1px solid #FF9D5C;
    border-radius: .04rem;
    text-align: center;
    line-height: .4rem;
    width: .75rem;
    box-sizing: border-box;
  }

  .btn_passed {
    position: absolute;
    right: .11rem;
    top: .09rem;
    border: 1px solid #FF9D5C;
    border-radius: .04rem;
    text-align: center;
    line-height: .4rem;
    width: .75rem;
    box-sizing: border-box;
    background: #FF9D5C;
    color: #fff;
  }
}
.choose>span {
  float: none !important;

}
.label{
  margin-right: 0;
}