input {
      height: 50px;
      display: block;
    }

    #flex {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-evenly;
      margin-bottom: 50px;
    }

    .goods {
      display: block;
      width: 180px;
      /* margin:上下外边距 左右外边距 */
      margin: 10px 20px;
      /* 圆角 */
      border-radius: 4px;
    }

    .goods img {
      width: 100%;
    }

    .goods span {
      font-size: 12px;
      /* 文本溢出以省略号显示 */
      text-overflow: ellipsis;
      display: -webkit-box;
      /** 对象作为伸缩盒子模型显示 **/
      -webkit-box-orient: vertical;
      /** 设置或检索伸缩盒对象的子元素的排列方式 **/
      -webkit-line-clamp: 2;
      /** 显示的行数 **/
      overflow: hidden;
      /** 隐藏超出的内容 **/

    }

    .cuprice {
      font-size: 20px;
      color: red;
      font-weight: bolder;
    }

    .price {
      text-decoration: line-through;
      color: gray;
    }

    .cart {
      width: 60%;
      height: 30px;
      color: aliceblue;
      background-color: #ffdb46;
      border-radius: 25px;
      box-shadow: gray 0px 0px 5px;
      float: right;
      display: flex;
      justify-content: space-around;
      align-items: center;
      margin-top: 5px;
    }

    .cart:hover {
      background-color: red;
      cursor: pointer;
    }

    .el-form {
      position: fixed;

    }

    .searchInput {
      width: 300px;
      margin-left: 100px;
      height: 50px;
      border-radius: 20px;
    }