.m-official-bg{
  background: #FFFFFF;
  border-radius: 5px;
  //height: 75px;
  margin: 10px 10px 0;
  padding: 8px 10px;

  .m-official-title{
    font-size: 12px;
    color: #969696;
    letter-spacing: 0.8px;
    margin-bottom: 10px;
  }

  .m-official-con{
    .m-official-left{
      float: left;
      width: calc(100% - 60px);
      .icon-official-icon{
        width: 35px;
        height: 35px;
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
        background-size: contain;
        border-radius: 50%;
      }
      .m-official-leftcon{
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 47px);
        position: relative;
        top: 2px;
        .m-official-name{
          font-size: 14px;
          color: #323232;
          letter-spacing: 0.09px;
          line-height: 14px;
          margin-bottom: 5px;
        }
        .m-official-desc{
          font-size: 10px;
          color: #A3A3A3;
          letter-spacing: 0.13px;
          display: inline-block;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          width: 100%;
          line-height: 12px;
        }

      }
    }
    .m-official-right{
      float: right;
      margin-top: 7px;
      .m-official-btn{
        background: #FFFFFF;
        border: 1px solid #FF4A5B;
        border-radius: 13px;
        width: 47px;
        height: 25px;
        font-size: 13px;
        color: #FF4A5B;
        letter-spacing: 0.17px;
        line-height: 23px;
        text-align: center;
      }
    }
  }

}