@charset "UTF-8";

/**
 * @copyright     2022 beikeshop.com - All Rights Reserved.
 * @link          https://beikeshop.com
 * @Author        pu shuo <pushuo@guangda.work>
 * @Date          2022-09-26 16:39:21
 * @LastEditTime  2022-09-26 16:39:34
 */

body.page-marketing {
  .marketing-item {
    box-shadow: none;
    border: 1px solid #eee;
    transition: .3s ease-in-out;

    &:hover {
      // border-color: $primary;
      margin-top: -5px;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    }

    .plugin-img {
      margin: -1rem -1rem 0 -1rem;
    }

    .plugin-name {
      height: 40px;
      overflow: hidden;
      text-overflow:ellipsis;
      // white-space: nowrap;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }
  }
}

body.page-marketing-info {
  .plugin-info {
    align-items: flex-start;
  }

  .plugin-icon-wrap {
    position: relative;

    .plugin-icon {
      border-radius: 6%;
      position: relative;
      z-index: 1;
      box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
    }

    .plugin-icon-shadow {
      bottom: -14px;
      filter: blur(10px);
      left: 50%;
      border-radius: 4%;
      transform: translateX(-50%);
      width: 88%;
      opacity: 50%;
      position: absolute;
      // z-index: -1;
    }
  }

  .radio-group {
    > .el-radio {
      height: auto;
      padding: 8px 15px 8px 10px;

      .el-radio__label {
        overflow: hidden;
        > img {
          max-height: 26px;
        }
      }
    }
  }
}