.components.FixedCard {
  transition: width .2s ease-out;
  -webkit-transition: width .2s ease-out;
  position: fixed;
  right: 0;
  background: #fff;
  box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.03);
  z-index: 200;
  padding: 20px 30px;
  bottom: 206px;
  font-size: 0;
  white-space: nowrap;
  border-radius: 94px 0 0 94px;
  box-sizing: border-box;
  width: 222rpx;

  &.spread {
    width: 452rpx;
  }

  >view {
    display: inline-block;
    vertical-align: middle;
    &.Icon {
      width: 54px;
      height: 54px;
      position: relative;
      overflow: hidden;
      border-radius: 100%;
      background: #eee;
      >image {
        width: 100%;
        height: 100%;
      }
    }
    &.Name {
      margin-left: 20px;
      >text {
        font-size: 28px;
        font-weight: bold;
        white-space: nowrap;
        line-height: 32px;
        display: block;
        // &:last-child {
        //   font-weight: normal;
        //   font-size: 20px;
        //   line-height: 1;
        //   color: #202020;
        // }
      }
    }
  }
  >text {
    display: inline-block;
    vertical-align: middle;
    font-size: 32px;
    &.Btn {
      font-size: 48px;
      margin-left: 30px;
      color: #1A3B83;
      &.icon-liaotian {
        font-size: 52px;
      }
      &.icon-guanbi {
        color: #333;
      }
    }
  }
}