@import '../../../styles/common/variables';

.wg_pmr {
  display: block;
  min-height: 200px;
  position: relative;
  width: 710px;

  .pmr_card_c {
    position: relative;
    display: block;
    width: 618px;
    height: 200px;
    position: relative;
    font-size: $font_size_base;

  }

  //V2.0
  .pmr_card_c {
    position: relative;

    .pmr_avatar {
      width: 110px;
      height: 110px;
      top: 40px;
      left: 0px;
      position: absolute;

      .avatar_xlarge, .md-avatar.md-avatar--80 {
        font-size: 2.5rem;
        width: 120px;
        height: 120px;

        img {
          border-radius: 100%;
        }

        border-radius: 100%;
      }
    }

    .pmr_card_c_wrapper {
      margin-left: 160px;
      padding: 45px 0 36px 0;
      max-width: 540px;
      width: 100%;
      text-align: left;
    }

    .pmr_card_c_smartbutton {
      //position: absolute;
      //right: 10px;
      //top: 85px;
      display: inline-flex;
      margin: 0 0 50px 5px;
    }

    .pmr_card_c_more {
      margin-top: 16px;

      span {
        font-size: 12px;
        display: inline-block;
        vertical-align: middle;
      }

      i {
        font-size: 16px;
      }
    }

    .pmr_card_c_name {
      margin-bottom: 4px;
      //padding-right: 24px;
      span {
        font-size: 26px;
        line-height: 35px;
        display: inline-block;
        vertical-align: middle;
        white-space: inherit;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }

      i {
        font-size: 16px;
        margin-left: 10px;
        color: $font_color_black;
        display: inline-block;
        vertical-align: middle;
      }

      .pmr_card_c_title {
        display: inline-block;
        max-width: 500px;
        vertical-align: top;
      }

      .pmr_slide_f {
        position: static;
        display: inline-block;

        span {
          font-size: 12px;
        }

        a {
          display: inline-block;
          margin-top: 6px;
        }
      }
    }
  }

  .pmr_more_icon {
    margin-right: 5px;
    height: 17px;
  }

  .auto-select {
    font-size: 12px;
  }
  .moreway {
    padding: 20px;
    line-height: 24px;
    font-size: 12px;

    span,
    a,
    label {
      display: inline-block;
      line-height: 24px;
      vertical-align: middle;
      margin-right: 5px;
    }

    .wbxCallinNumber {
    }
  }

  .txt_split {
    margin: 0 2px;
  }
}

.wg_pmr_more{
  min-width:360px;
  min-height: 200px;
  position: relative;
}
#pmr_advancedInfo {
  .pmr_pop {
    padding-top: 0;
  }

  .pmr_pop_items {
    padding-top: 20px;
  }

  .pmr_pop_imorei h5 {
    color: $font_color;
  }
  .pmr_pop_imorei {
    line-height: 20px;
    color: #666;
    font-size: 12px;
    font-style: normal;
    margin-top: 8px;
    i{
      font-size: 12px;
    }
  }
  .pmr_adInfo_roomid {
    font-size: 12px;
    //margin-bottom: 20px;
  }
}

.pmr_pop_imoret {
  margin-bottom: 3px;
  line-height: 18px;

  span,
  h5,
  a {
    font-size: 12px;
    line-height: 18px;
    font-weight: 900;
    font-family: $font_bold;
    display: inline-block;
  }

  a.pmr_pop_imoret_help {
    display: inline-block;

    i.icon-ng-help {
      font-size: 13px;
      line-height: 16px;
      display: inline-block;
    }

    span {
      display: none;
    }
  }
}

.pmr_pop_imorei {
  line-height: 20px;
  color: $font_color_light;
  font-size: $font_size_base;
  font-style: normal;
  font-family: $font_family_light;
  margin-top: 8px;

  span {
    margin-right: 5px;
    color: $font_color_light;
  }

  label {
    color: $font_color;
  }

  i {
    font-style: normal;
  }
}

.pmr_card_btns {
  margin-top: 20px;

  button {
    min-width: 200px;

    .md-button--icon {
      margin-left: 15px;
      color: #fff!important;

      &:active, &:hover, &:focus {
        color: #fff;
      }
    }
  }
  .md-menu{
    .md-icon {
      color:green
    }
  }
}
.hide{
  display: none;
}
