.lh-transfer{
  position: relative;
  background: #fff;
  justify-content: center;
  min-width: 600px;
  .lh-transfer-header {
    padding: 0 0 10px 0;
  }
  .title{
    font-size: 14px;
    padding: 15px 25px;
    color: #b0b1b9;
  }
  .lh-transfer-left{
    width: 50%;
    padding-bottom: 4px;
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #e8ecf1;;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    ul{
      height: 212px;
      overflow-y: auto;
      li {
        height: 32px;
        display: block;
      }
    }
  }
  .lh-transfer-right{
    width: 50%;
    padding-bottom: 4px;
    box-sizing: border-box;
    border: 1px solid #e8ecf1;;
    display: inline-block;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 14px;
    color: #434860;
    margin-left: -1px;
    ul{
      height: 212px;
      overflow-y: auto;
    }
    .lh-transfer-right-item{
      height: 32px;
      line-height: 32px;
      padding: 0 20px 0 25px;
      justify-content: space-between;
      .right-str {
        display: block;
        float: left;
        width: -moz-calc(~"100% - 20px");
        width: -webkit-calc(~"100% - 20px");
        width: calc(~"100% - 20px");
        //短一点的情况
        &.shorts {
          width: -moz-calc(~"100% - 66px");
          width: -webkit-calc(~"100% - 66px");
          width: calc(~"100% - 66px");
        }
      }
      .right-img{
        height: 100%;
        float: right;
        display: block;
        .right-icon{
          cursor: pointer;
          font-size:14px;
          color:#c9ccd5;
          &:hover {
            color:#e9563e;
          }
        }
      }
      &:hover{
        background-color: #eff2ff;
      }
    }
  }
}