.evaluate {
  display: inline-block;
  position: relative;
  cursor: pointer;

  .icon-evaluate {
    margin: 12Px 10Px 0;
  }

  &-main {
    position: absolute;
    z-index: 5;
    width: 315Px;
    top: -275Px;
    padding: 12Px;
    display: flex;
    flex-direction: column;

    header {
      h1 {
        font-size: 12Px;
        text-align: center;
      }
    }

    footer {
      font-size: 12Px;
      text-align: center;
    }
  }

  &-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 12Px 0;
    background: url('https://web.sdk.qcloud.com/im/assets/images/login-background.png') no-repeat;
    background-size: cover;
    background-position-x: 128Px;
    background-position-y: 77Px;

    textarea {
      box-sizing: border-box;
      width: 288Px;
      height: 90Px;
      margin: 12Px 0;
      padding: 12Px;
      border-radius: 2Px;
      resize: none;
    }

    .btn {
      border: none;
      border-radius: 5Px;
      font-size: 12Px;
      text-align: center;
      line-height: 24Px;
      padding: 2Px 46Px;
      cursor: pointer;
    }
  }

  &-list {
    flex: 1;
    display: flex;

    &-item {
      width: 24Px;
      height: 24Px;
      text-align: center;
      cursor: pointer;
      padding: 4Px 0;
      font-size: 12Px;
      padding-right: 15Px;

      &:last-child {
        padding-right: 0 !important;
      }
    }
  }
}