.pop_slide-enter-active, .pop_slide-leave-active {
  transform: translateY(0);
  transition: transform 0.4s ease; }

.pop_slide-enter, .pop_slide-leave-to {
  transform: translateY(100vh); }

.contact_pop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  font-size: .28rem;
  background: #fff;
  overflow-x: hidden;
  touch-action: none; }
  .contact_pop .pop_title {
    line-height: 1rem;
    padding-left: .33rem;
    color: #202020;
    font-size: .34rem;
    box-shadow: inset 0px -1px 0px 0px #DEDFE0;
    -webkit-box-shadow: inset 0px -1px 0px 0px #DEDFE0;
    -moz-box-shadow: inset 0px -1px 0px 0px #DEDFE0;
    -webkit-appearance: none; }
  .contact_pop .checked_result {
    padding: .3rem .3rem .3rem .33rem;
    background: #fff;
    box-shadow: inset 0px -1px 0px 0px #dedfe0;
    -webkit-box-shadow: inset 0px -1px 0px 0px #dedfe0;
    -moz-box-shadow: inset 0px -1px 0px 0px #dedfe0;
    -webkit-appearance: none; }
    .contact_pop .checked_result .checked_list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      overflow-x: auto;
      padding-bottom: 7px;
      margin-bottom: -7px; }
    .contact_pop .checked_result .checked_item {
      position: relative;
      display: inline-block;
      margin-right: .2rem;
      padding: .12rem .62rem .12rem .16rem;
      flex-shrink: 0;
      background: rgba(0, 108, 226, 0.1);
      border-radius: .08rem;
      font-size: .26rem; }
      .contact_pop .checked_result .checked_item .org_icon {
        width: 0.4rem;
        height: 0.4rem;
        border-radius: 50%;
        line-height: .4rem;
        text-align: center;
        font-size: 0.4rem;
        background: #006CE2; }
      .contact_pop .checked_result .checked_item img {
        width: .4rem;
        height: .4rem;
        vertical-align: middle;
        border-radius: 50%; }
      .contact_pop .checked_result .checked_item span {
        display: inline-block;
        color: #006CE2;
        vertical-align: middle; }
      .contact_pop .checked_result .checked_item .del_item {
        position: absolute;
        top: 50%;
        right: 0;
        width: 0.6rem;
        height: 0.6rem;
        margin-top: -0.3rem; }
  .contact_pop .card_slide-enter-active, .contact_pop .card_slide-leave-active {
    height: 1.25rem;
    transform: translateY(0);
    transition: height 0.3s ease,padding 0.3s ease,transform 0.3s ease,opacity .2s ease .1s; }
  .contact_pop .card_slide-leave-active {
    opacity: 0;
    transition: height 0.3s ease,padding 0.3s ease,transform 0.3s ease,opacity .1s ease; }
  .contact_pop .card_slide-enter, .contact_pop .card_slide-leave-to {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
    transform: translateY(-1.25rem); }
  .contact_pop .search_pop_inp {
    padding: .3rem 0 .3rem .33rem;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    box-shadow: inset 0px -1px 0px 0px #DEDFE0;
    -webkit-box-shadow: inset 0px -1px 0px 0px #DEDFE0;
    -moz-box-shadow: inset 0px -1px 0px 0px #DEDFE0;
    -webkit-appearance: none; }
    .contact_pop .search_pop_inp .inp_wrapper {
      position: relative;
      flex: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      margin-right: 0.33rem;
      border-radius: .1rem;
      background: #F7F7F7; }
    .contact_pop .search_pop_inp input {
      width: 100%;
      padding: 0 .68rem;
      font-size: .28rem;
      line-height: .68rem;
      border-radius: .1rem;
      border: 1px solid #DEDFE0;
      background: url("./icons/search_icon.png") no-repeat 0.16rem 0.16rem/0.36rem; }
    .contact_pop .search_pop_inp button {
      width: 0;
      height: 0;
      margin: 0;
      line-height: .68rem;
      text-align: center;
      background: #fff;
      color: #006CE2;
      font-size: 0;
      opacity: 0;
      transition: width .3s,font-size 0s .2s,margin .3s,opacity .1s; }
    .contact_pop .search_pop_inp .hide {
      width: 0;
      margin: 0;
      display: none; }
  .contact_pop .search_pop_inp.active {
    padding-right: 0;
    color: #006CE2; }
    .contact_pop .search_pop_inp.active .inp_wrapper {
      margin-right: 0; }
    .contact_pop .search_pop_inp.active input {
      position: relative;
      margin-right: 0;
      border: 1px solid #006CE2;
      box-shadow: 0px 0px 6px 0px rgba(0, 108, 226, 0.5);
      background-image: url("./icons/inp_sear_active.png"); }
    .contact_pop .search_pop_inp.active button {
      width: 0.8rem;
      height: 0.68rem;
      margin: 0 0.2rem;
      font-size: .28rem;
      opacity: 1; }
  .contact_pop .clean_word {
    position: absolute;
    right: .1rem;
    top: 50%;
    width: .56rem;
    height: .56rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%); }
  .contact_pop .del_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: .3rem;
    height: .3rem;
    margin-top: -0.15rem;
    margin-left: -0.15rem;
    background: url("./icons/icon_delete.png") no-repeat center/contain; }
  .contact_pop .sel_wrapper {
    flex: 1;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    background: #F9F9FA; }
    .contact_pop .sel_wrapper .sel_title {
      z-index: 1;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      overflow-x: auto;
      font-size: .28rem;
      padding-left: .33rem;
      background: #fff;
      box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1); }
      .contact_pop .sel_wrapper .sel_title .list_title {
        line-height: 1rem; }
      .contact_pop .sel_wrapper .sel_title .crumbs {
        position: relative;
        float: left;
        line-height: 1rem;
        margin-left: .38rem; }
        .contact_pop .sel_wrapper .sel_title .crumbs .right_arrow {
          position: absolute;
          left: -0.35rem;
          top: 50%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          display: inline-block;
          width: .32rem;
          height: .32rem;
          background: url("./icons/right_arrow.png") no-repeat center/contain; }
        .contact_pop .sel_wrapper .sel_title .crumbs .crumbs_name {
          display: block;
          padding: 0 0.1rem;
          max-width: 2.1rem;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .contact_pop .sel_wrapper .sel_title .crumbs:active {
          background: #F1F1F2; }
        .contact_pop .sel_wrapper .sel_title .crumbs:nth-child(1) {
          margin-left: -0.1rem; }
          .contact_pop .sel_wrapper .sel_title .crumbs:nth-child(1)::before {
            content: none; }
        .contact_pop .sel_wrapper .sel_title .crumbs:last-child {
          margin-right: .23rem; }
      .contact_pop .sel_wrapper .sel_title .crumbs.active {
        color: #006CE2; }
    .contact_pop .sel_wrapper .loading {
      width: 1.2rem;
      margin: 1rem auto 0;
      font-size: 0;
      text-align: center; }
      .contact_pop .sel_wrapper .loading .dot {
        box-sizing: border-box;
        width: 0.2rem;
        height: 0.2rem;
        margin: 0 0.01rem;
        display: inline-block;
        border-radius: 50%;
        vertical-align: middle;
        background: #006CE2;
        animation: loading 1s ease; }
@keyframes loading {
  0% {
    border: 0.02rem solid #fff;
    opacity: 1; }
  33% {
    border: 0.03rem solid #fff;
    opacity: 0.7; }
  66% {
    border: 0.04rem solid #fff;
    opacity: 0.4; }
  100% {
    border: 0.05rem solid #fff;
    opacity: 0.2; } }
      .contact_pop .sel_wrapper .loading .lv1 {
        border: 0.02rem solid #fff;
        animation: loading .8s infinite; }
      .contact_pop .sel_wrapper .loading .lv2 {
        border: 0.03rem solid #fff;
        opacity: 0.7;
        animation: loading .8s .2s infinite; }
      .contact_pop .sel_wrapper .loading .lv3 {
        border: 0.04rem solid #fff;
        opacity: 0.4;
        animation: loading .8s .4s infinite; }
      .contact_pop .sel_wrapper .loading .lv4 {
        border: 0.05rem solid #fff;
        opacity: 0.2;
        animation: loading .8s .6s infinite; }
    .contact_pop .sel_wrapper .sel_list {
      height: calc(100% - 2.2rem);
      overflow-y: auto;
      overflow-x: hidden;
      background: #F9F9FA; }
    .contact_pop .sel_wrapper .search_tip {
      line-height: 1.2rem;
      color: #898989;
      text-align: center; }
    .contact_pop .sel_wrapper .sel_item {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      height: 1.2rem;
      align-items: center;
      overflow: hidden; }
      .contact_pop .sel_wrapper .sel_item .sel_checkbox {
        padding-right: .2rem; }
        .contact_pop .sel_wrapper .sel_item .sel_checkbox .checkbox {
          width: .36rem;
          height: .36rem;
          border: 1px solid #b1b1b1;
          border-radius: 0.1rem;
          box-sizing: border-box; }
        .contact_pop .sel_wrapper .sel_item .sel_checkbox .checkbox.checked {
          border: none;
          background: url("./icons/icon_checked.png") no-repeat center/contain; }
        .contact_pop .sel_wrapper .sel_item .sel_checkbox .checkbox.disabled {
          opacity: .3;
          pointer-events: none; }
      .contact_pop .sel_wrapper .sel_item .sel_info {
        flex: 1;
        overflow: hidden; }
        .contact_pop .sel_wrapper .sel_item .sel_info .sel_name, .contact_pop .sel_wrapper .sel_item .sel_info .sel_tips {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .contact_pop .sel_wrapper .sel_item .sel_info .sel_name {
          padding-right: 0.05rem; }
        .contact_pop .sel_wrapper .sel_item .sel_info .sel_tips {
          padding-right: .4rem;
          font-size: .24rem;
          color: #898989; }
        .contact_pop .sel_wrapper .sel_item .sel_info::after {
          content: '';
          position: absolute;
          bottom: 0;
          display: block;
          width: 100%;
          height: 1px;
          background: #dedfe0; }
      .contact_pop .sel_wrapper .sel_item .sel_left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        height: 1.2rem;
        padding-left: 0.33rem;
        flex: 1;
        align-items: center;
        overflow: hidden; }
        .contact_pop .sel_wrapper .sel_item .sel_left:active {
          background: #F1F1F2; }
      .contact_pop .sel_wrapper .sel_item .sel_right {
        width: 1.3rem;
        padding-right: .24rem;
        text-align: right; }
    .contact_pop .sel_wrapper .sel_all {
      color: #202020; }
    .contact_pop .sel_wrapper .peop_list {
      color: #4D4D4D;
      background: #fff; }
      .contact_pop .sel_wrapper .peop_list .peop_detail {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between; }
      .contact_pop .sel_wrapper .peop_list .peop_phone {
        color: #898989;
        margin-right: .43rem; }
    .contact_pop .sel_wrapper .org_list {
      color: #202020;
      background: #fff; }
      .contact_pop .sel_wrapper .org_list .org_right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        height: 100%;
        justify-content: flex-end;
        align-items: center; }
      .contact_pop .sel_wrapper .org_list .org_right:active {
        background: #F1F1F2; }
      .contact_pop .sel_wrapper .org_list .peop_num {
        font-size: .24rem;
        color: #898989;
        margin-right: .1rem; }
      .contact_pop .sel_wrapper .org_list .enter_arrow {
        display: inline-block;
        width: .32rem;
        height: .32rem;
        vertical-align: text-top;
        background: url("./icons/right_arrow.png") no-repeat center/contain; }
    .contact_pop .sel_wrapper .item_active:active {
      background: #F1F1F2; }
  .contact_pop .btm_btns {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    background: #fff;
    box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, 0.1), 0 0.01rem 0 0 #C0C0C3; }
    .contact_pop .btm_btns .btn {
      display: inline-block;
      width: 3.27rem;
      height: .72rem;
      line-height: .72rem;
      margin: 0 .1rem;
      border-radius: .36rem; }
    .contact_pop .btm_btns .big_btn {
      display: block;
      width: 100%;
      color: #006CE2; }
    .contact_pop .btm_btns .cancel {
      border: .02rem solid #C0C0C3;
      color: #898989; }
    .contact_pop .btm_btns .comfirm {
      border: .02rem solid #006CE2;
      background: #006CE2;
      color: #FFFFFF; }

.show_crumbs .pop_title {
  position: relative;
  z-index: 2;
  background: #fff; }
.show_crumbs .search_pop_inp {
  position: relative;
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-appearance: none;
  z-index: 1; }
.show_crumbs .sel_wrapper .sel_title {
  display: none; }
.show_crumbs .sel_wrapper .sel_list {
  height: calc(100% - 1.2rem); }