.layout .pxkc li {
      float: left;
      width: 286px;
      background: #F6F8FC;
      box-shadow: 6px 8px 40px 0px #dee4f5, -13px -13px 34px 0px rgba(255, 255, 255, 0.9);
      border: 2px solid #FFFFFF;
      border-radius: 8px;
      overflow: hidden;
      margin-right: 18px;
      margin-bottom: 40px;
      transition: all .5s;
      margin-top: 15px;
  }

  .layout .pxkc li:nth-child(4n) {
      margin-right: 0;
  }

  .layout .pxkc li:hover {
      transform: translateY(-10px);
  }

  .layout .pxkc li:hover .bottom .t {
      color: #3A72F6;
  }

  .layout .pxkc li .top {
      width: 100%;
      height: 162px;
  }

  .layout .pxkc li .top img {
      width: 100%;
      height: 100%;
  }

  .layout .pxkc li .bottom {
      padding: 30px 16px 28px;
  }

  .layout .pxkc li .bottom .t {
      margin-bottom: 18px;
      width: 254px;
      font-size: 16px;
      font-family: PingFang SC-Bold, PingFang SC;
      font-weight: bold;
      color: #333333;
      transition: all .5s;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      word-break: break-all;
  }

  .layout .pxkc li .bottom .writer {
      font-size: 14px;
      font-family: PingFang SC-Medium, PingFang SC;
      font-weight: 500;
      color: #666666;
  }