$link-color: #333;
.choerodon-home {
  //background-image: url('./backage@2x.png');
  width: 100%;
  height: 100%;
  background: #f2f6ff;
  .choerodon-home-content {
    width: 100%;
    img {
      background-size: contain;
      width: 100%;
    }
  }

  .search-box {
    width: 100%;
    height: 62px;
    margin-top: -18px;
    padding: 0 200px;
    .search {
      width: 100%;
      height: 100%;
      background: #fff;
      box-shadow: 0 2px 4px 0 rgba(118, 53, 249, 0.50);
      position: relative;
      &:focus {
        border: 1px solid rgba(96, 78, 251, 0.80);
        box-shadow: 0 2px 4px 0 rgba(118, 53, 249, 0.50);
      }

      &:hover {
        border: 1px solid rgba(96, 78, 251, 0.80);
        box-shadow: 0 2px 4px 0 rgba(118, 53, 249, 0.50);
      }
      input {
        height: 100%;
        border: 0 !important;
        width: 77%;
        font-size: 16px;
        color: #1c1549;
        padding: 9px 15px;
        outline: none !important;
        &:focus {
          border: none !important;
          outline: none !important;
        }
        &:hover {
          border: none !important;
          outline: none !important;
        }
      }
      .search-button {
        width: 145px;
        height: 43px;
        margin: 9px;
        background: #604efb;
        line-height: 42px;
        font-size: 16px;
        color: #fff;
        letter-spacing: 0;
        float: right;
        text-align: center;
        cursor: pointer;
      }
    }
  }

  .function {
    padding: 24px 200px;
    width: 100%;
    height: 200px;
    .list {
      height: 100%;
      // border: 1px solid red;
      float: left;
      width: 120px;
      margin-right: 150px;
      img {
        height: 32px;
        margin-bottom: 16px;
      }
      .item {
        width: 112px;
        height: 32px;
        background: rgba(35, 132, 255, 0.20);
        font-size: 16px;
        color: #0046b8;
        letter-spacing: 0;
        text-align: center;
        line-height: 32px;
        margin-bottom: 16px;
        cursor: pointer;
      }
    }
  }
}

