@charset "UTF-8";
/***
operateTips 首页 How to buy Start
***/
.centerSearch {
  position: relative;
  width: 100%;
  overflow: hidden;
  /*网站首页Banner搜索 centerSearch*/ }
  .centerSearch .operateTips {
    margin-top: 60px; }
    .centerSearch .operateTips .howToBuy {
      padding-bottom: 20px; }
      .centerSearch .operateTips .howToBuy a {
        color: #ffffff;
        font-size: 20px;
        padding: 0 70px 0 0;
        background: none; }
        .centerSearch .operateTips .howToBuy a.linkView:after {
          top: 8px; }
    .centerSearch .operateTips .buyStep {
      width: 1000px;
      margin: 0 auto;
      display: grid;
      justify-content: space-between;
      grid-template-columns: repeat(3, 30%); }
      .centerSearch .operateTips .buyStep .stepItem {
        padding: 30px 20px;
        background: var(--text-color-0);
        background: rgba(0, 0, 0, 0.1);
        border-radius: 20px; }
        .centerSearch .operateTips .buyStep .stepItem .icon {
          width: 50px;
          height: 50px;
          background: #ffffff;
          background: rgba(255, 255, 255, 0.8);
          border-radius: 22px; }
          .centerSearch .operateTips .buyStep .stepItem .icon i {
            display: block;
            width: 100%;
            height: 100%;
            filter: brightness(0) hue-rotate(180deg) opacity(1);
            /*brightness() 函数设置亮度值，范围从 0（完全黑色）到 1（原始颜色）*/ }
          .centerSearch .operateTips .buyStep .stepItem .icon.user i {
            background: url("../../static/images/index/icon_index_step_user.png") center center no-repeat;
            background-size: 25px; }
          .centerSearch .operateTips .buyStep .stepItem .icon.shopping i {
            background: url("../../static/images/index/icon_index_step_shopping.png") center center no-repeat;
            background-size: 25px; }
          .centerSearch .operateTips .buyStep .stepItem .icon.package i {
            background: url("../../static/images/index/icon_index_step_package.png") center center no-repeat;
            background-size: 30px; }
          .centerSearch .operateTips .buyStep .stepItem .icon.ship i {
            background: url("../../static/images/index/icon_index_step_ship.png") center center no-repeat;
            background-size: 25px; }
        .centerSearch .operateTips .buyStep .stepItem b {
          display: block;
          color: #ffffff;
          font-size: 20px;
          margin-top: 20px; }
        .centerSearch .operateTips .buyStep .stepItem p {
          color: var(--base-color-3);
          font-size: 15px;
          margin-top: 20px;
          line-height: 24px; }
  .centerSearch .marginCommon {
    width: 1200px;
    margin: 0 auto;
    padding: 80px 0;
    overflow: hidden; }
    .centerSearch .marginCommon h1 {
      font-size: 50px;
      color: #FFFFFF;
      font-weight: bold;
      text-align: center;
      padding: 0 110px; }
    .centerSearch .marginCommon .duplicate {
      color: #ffffff;
      font-size: 20px;
      text-align: center;
      font-weight: normal;
      line-height: 28px; }
  .centerSearch .transBanner {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom right, var(--primary-color), #a93dc7);
    opacity: 0.95; }
  .centerSearch img.banner {
    position: absolute;
    width: 100%;
    z-index: -2; }
  .centerSearch .head.searchCont {
    position: relative;
    margin: 0 110px;
    padding-top: 30px;
    overflow: hidden;
    background: none;
    box-shadow: none;
    z-index: 90; }
  .centerSearch .head .topSearch {
    position: relative; }
    .centerSearch .head .topSearch .search {
      height: 60px;
      border: none;
      border-radius: 30px; }
      .centerSearch .head .topSearch .search.newSearch {
        border-bottom-left-radius: 0;
        -moz-border-bottom-left-radius: 0;
        -webkit-border-bottom-left-radius: 0; }
      .centerSearch .head .topSearch .search .text {
        width: 100%;
        height: 60px;
        font-size: 18px;
        padding-left: 25px;
        padding-right: 160px; }
        .centerSearch .head .topSearch .search .text::placeholder {
          font-size: 18px; }
    .centerSearch .head .topSearch .camera {
      width: 36px;
      height: 30px;
      background-size: 30px;
      right: 115px;
      top: 17px; }
    .centerSearch .head .topSearch .submit {
      top: 4px;
      right: 4px;
      width: 100px;
      height: 52px;
      border-radius: 30px;
      border: 1px solid var(--primary-color);
      background: var(--primary-color) url("../../static/images/icon_search.png") center center no-repeat;
      background-size: 30px;
      text-indent: -9999px;
      filter: none; }
      .centerSearch .head .topSearch .submit:hover {
        background: var(--primary-active-color) url("../../static/images/icon_search.png") center center no-repeat;
        background-size: 30px;
        filter: none; }
      .centerSearch .head .topSearch .submit.submitLoading {
        background: var(--primary-color) url("../../static/images/loading/icon_loading_gray.gif") center center no-repeat;
        background-size: 20px; }

/***
weOffer 我们提供什么 Start
***/
.weOffer {
  background: #ffffff;
  overflow: hidden; }
  .weOffer h2 {
    color: var(--title-color);
    font-size: 40px;
    text-align: center; }
  .weOffer .spaceCommon .duplicate {
    color: var(--text-color-3);
    font-size: 18px;
    font-weight: normal;
    line-height: 28px;
    padding: 10px 170px; }
  .weOffer .offerList {
    display: grid;
    grid-template-columns: repeat(3, 32%);
    grid-column-gap: 2%;
    grid-row-gap: 30px;
    margin-top: 80px;
    position: relative; }
    .weOffer .offerList:before {
      content: "";
      display: block;
      width: 100%;
      height: 200%;
      position: absolute;
      top: -70px;
      background: var(--block-bg-color);
      background: linear-gradient(to bottom, var(--block-bg-color), #ffffff);
      border-radius: 100%; }
    .weOffer .offerList .offerItem {
      padding: 30px 20px;
      background: #fff;
      filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.1));
      border-radius: 20px; }
      .weOffer .offerList .offerItem .icon {
        width: 50px;
        height: 50px;
        background: var(--column-bg-dark-color);
        border-radius: 22px; }
        .weOffer .offerList .offerItem .icon i {
          display: block;
          width: 100%;
          height: 100%;
          background: var(--primary-color); }
      .weOffer .offerList .offerItem.buy .icon i {
        -webkit-mask: url(../../static/images/index/icon_index_step_shopping.png) center center no-repeat;
        mask: url(../../static/images/index/icon_index_step_shopping.png) center center no-repeat;
        -webkit-mask-size: 26px;
        mask-size: 26px; }
      .weOffer .offerList .offerItem.sourcing .icon i {
        -webkit-mask: url(../../static/images/index/icon_index_offer_sourcing.png) center center no-repeat;
        mask: url(../../static/images/index/icon_index_offer_sourcing.png) center center no-repeat;
        -webkit-mask-size: 26px;
        mask-size: 26px; }
      .weOffer .offerList .offerItem.check .icon i {
        -webkit-mask: url(../../static/images/index/icon_index_step_package.png) center center no-repeat;
        mask: url(../../static/images/index/icon_index_step_package.png) center center no-repeat;
        -webkit-mask-size: 30px;
        mask-size: 30px; }
      .weOffer .offerList .offerItem.amazon .icon i {
        -webkit-mask: url(../../static/images/index/icon_index_offer_fba.png) center center no-repeat;
        mask: url(../../static/images/index/icon_index_offer_fba.png) center center no-repeat;
        -webkit-mask-size: 30px;
        mask-size: 30px; }
      .weOffer .offerList .offerItem.storage .icon i {
        -webkit-mask: url(../../static/images/index/icon_index_offer_storage1.png) center center no-repeat;
        mask: url(../../static/images/index/icon_index_offer_storage1.png) center center no-repeat;
        -webkit-mask-size: 26px;
        mask-size: 26px; }
      .weOffer .offerList .offerItem.ship .icon i {
        -webkit-mask: url(../../static/images/index/icon_index_step_ship.png) center center no-repeat;
        mask: url(../../static/images/index/icon_index_step_ship.png) center center no-repeat;
        -webkit-mask-size: 26px;
        mask-size: 26px; }
      .weOffer .offerList .offerItem b {
        display: block;
        color: var(--title-color);
        font-size: 24px;
        margin-top: 20px; }
      .weOffer .offerList .offerItem p {
        color: var(--text-color-3);
        font-size: 16px;
        line-height: 24px;
        margin-top: 20px; }
      .weOffer .offerList .offerItem.buy p, .weOffer .offerList .offerItem.sourcing p, .weOffer .offerList .offerItem.check p {
        height: 120px; }
      .weOffer .offerList .offerItem .more {
        margin-top: 20px; }
        .weOffer .offerList .offerItem .more a {
          color: var(--primary-color);
          font-size: 16px;
          padding: 0 70px 0 0;
          background: none; }
          .weOffer .offerList .offerItem .more a.linkView:after {
            top: 5px;
            background: var(--primary-color);
            -webkit-mask: url(../../static/images/icon_arrow_blue_right.png) center center no-repeat;
            mask: url(../../static/images/icon_arrow_blue_right.png) center center no-repeat;
            -webkit-mask-size: 20px;
            mask-size: 20px; }

/***
exclusive 独家伙伴 Start
***/
.exclusive {
  background: linear-gradient(to top, var(--block-bg-color), #ffffff); }
  .exclusive h2 {
    color: var(--title-color);
    font-size: 40px;
    text-align: center; }
  .exclusive .spaceCommon .duplicate {
    color: var(--text-color-3);
    font-size: 18px;
    font-weight: normal;
    line-height: 28px;
    padding: 10px 200px; }
  .exclusive .cont {
    display: grid;
    grid-template-columns: repeat(3, 33.33%);
    grid-row-gap: 80px;
    justify-content: space-between;
    margin-top: 80px;
    padding-bottom: 40px; }
    .exclusive .cont .item {
      padding: 0 50px;
      text-align: center; }
      .exclusive .cont .item .number {
        position: relative;
        color: var(--title-color);
        font-size: 40px;
        font-weight: bold; }
        .exclusive .cont .item .number:after {
          content: "";
          position: absolute;
          bottom: -10px;
          left: 50%;
          transform: translateX(-50%);
          width: 20px;
          height: 5px;
          background: var(--primary-color);
          border-radius: 20px; }
      .exclusive .cont .item .desc {
        font-size: 16px;
        margin-top: 30px; }

/***
ourBusiness 主营业务 Start
***/
.ourBusiness {
  background: #ffffff; }
  .ourBusiness h2 {
    color: var(--title-color);
    font-size: 40px;
    text-align: left; }
  .ourBusiness .partWrap {
    display: flex; }
    .ourBusiness .partWrap .duplicate {
      color: var(--text-color-3);
      font-size: 18px;
      font-weight: normal;
      text-align: left;
      line-height: 28px; }
    .ourBusiness .partWrap .partLeft {
      width: 40%; }
      .ourBusiness .partWrap .partLeft .more {
        margin-top: 80px; }
    .ourBusiness .partWrap .partRight {
      width: 50%;
      margin-left: auto;
      margin-top: 20px; }
      .ourBusiness .partWrap .partRight .item {
        display: flex;
        padding: 30px;
        margin-bottom: 30px;
        border: 2px solid var(--title-color);
        border-radius: 20px; }
        .ourBusiness .partWrap .partRight .item:nth-last-child(1) {
          margin-bottom: 0; }
        .ourBusiness .partWrap .partRight .item .itemLeft {
          width: 65%; }
        .ourBusiness .partWrap .partRight .item .itemRight {
          width: 35%;
          text-align: right; }
          .ourBusiness .partWrap .partRight .item .itemRight img {
            width: 60%; }
        .ourBusiness .partWrap .partRight .item:nth-child(3) .itemRight img {
          width: 65%; }
        .ourBusiness .partWrap .partRight .item h3 {
          color: var(--title-color);
          font-size: 20px; }
        .ourBusiness .partWrap .partRight .item .desc {
          font-size: 16px;
          padding: 10px 0 20px; }
        .ourBusiness .partWrap .partRight .item .more a {
          color: var(--primary-color);
          font-size: 16px;
          padding: 0 70px 0 0;
          background: none; }
          .ourBusiness .partWrap .partRight .item .more a.linkView:after {
            top: 5px;
            background: var(--primary-color);
            -webkit-mask: url(../../static/images/icon_arrow_blue_right.png) center center no-repeat;
            mask: url(../../static/images/icon_arrow_blue_right.png) center center no-repeat;
            -webkit-mask-size: 20px;
            mask-size: 20px; }

/*# sourceMappingURL=index.css.map */