@charset "UTF-8";
.agentPage {
  /**********************************************************************************************************************
  taobao agent 淘宝代理 Start
  ***/
  /**********************************************************************************************************************
  1688 agent 淘宝代理 Start
  ***/
  /**********************************************************************************************************************
  sourcing agent 寻源代理 Start
  ***/ }
  .agentPage .pageBannerTop {
    height: revert;
    background: var(--block-bg-color); }
    .agentPage .pageBannerTop .trans {
      display: none; }
    .agentPage .pageBannerTop .marginCommon {
      overflow: revert; }
      .agentPage .pageBannerTop .marginCommon h1 {
        color: var(--title-color);
        font-size: 50px;
        text-align: left; }
    .agentPage .pageBannerTop .cont {
      width: 55%; }
      .agentPage .pageBannerTop .cont .duplicate {
        color: var(--text-color-3);
        font-size: 16px;
        text-align: left;
        font-weight: normal;
        line-height: 28px; }
    .agentPage .pageBannerTop .illustration {
      position: absolute;
      right: 0;
      top: 80px;
      width: 40%; }
      .agentPage .pageBannerTop .illustration img {
        width: 100%;
        border-radius: 10px;
        filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.1)); }
    .agentPage .pageBannerTop .start {
      margin-top: 80px; }
      .agentPage .pageBannerTop .start a.howToBuy {
        color: var(--text-color-0);
        background: #ffffff;
        border: 1px solid var(--text-color-3);
        margin-left: 20px; }
        .agentPage .pageBannerTop .start a.howToBuy:hover {
          color: #ffffff;
          background: var(--text-color-0); }
          .agentPage .pageBannerTop .start a.howToBuy:hover:after {
            background: url("../../static/images/icon_arrow_white_right.png") center center no-repeat;
            background-size: 20px; }
        .agentPage .pageBannerTop .start a.howToBuy:after {
          background: url("../../static/images/icon_arrow_black_right.png") center center no-repeat;
          background-size: 20px; }
  .agentPage h2 {
    color: var(--title-color);
    font-size: 40px;
    text-align: center; }
  .agentPage .services {
    background: #ffffff; }
    .agentPage .services .duplicate {
      color: var(--text-color-3);
      font-size: 18px;
      font-weight: normal; }
    .agentPage .services .serviceList {
      display: grid;
      grid-template-columns: repeat(3, 32%);
      grid-column-gap: 2%;
      grid-row-gap: 30px;
      margin-top: 80px; }
      .agentPage .services .serviceList .serviceItem {
        display: flex;
        padding: 40px;
        background: var(--block-bg-color);
        border-radius: 10px; }
        .agentPage .services .serviceList .serviceItem .desc h3 {
          color: var(--text-color-3);
          font-size: 20px;
          padding-bottom: 20px;
          line-height: 24px;
          position: relative;
          padding-left: 55px; }
          .agentPage .services .serviceList .serviceItem .desc h3:before {
            content: "";
            position: absolute;
            width: 40px;
            height: 40px;
            border-radius: 40px;
            left: 0;
            top: -8px; }
        .agentPage .services .serviceList .serviceItem.buyForYou .desc h3:before {
          background: url("../../static/images/agentService/icon_buy.png") no-repeat;
          background-size: 40px; }
        .agentPage .services .serviceList .serviceItem.qualityInspection .desc h3:before {
          background: url("../../static/images/freeService/icon_check.png") no-repeat;
          background-size: 40px; }
        .agentPage .services .serviceList .serviceItem.inspectionPicture .desc h3:before {
          width: 43px;
          height: 43px;
          background: url("../../static/images/freeService/icon_photo.png") no-repeat;
          background-size: 43px; }
        .agentPage .services .serviceList .serviceItem.finePackage .desc h3:before {
          background: url("../../static/images/freeService/icon_inventory.png") no-repeat;
          background-size: 40px; }
        .agentPage .services .serviceList .serviceItem.mergeOrder .desc h3:before {
          width: 42px;
          height: 42px;
          background: url("../../static/images/agentService/icon_order.png") no-repeat;
          background-size: 42px; }
        .agentPage .services .serviceList .serviceItem.mergePackage .desc h3:before {
          width: 42px;
          height: 42px;
          background: url("../../static/images/agentService/icon_package.png") no-repeat;
          background-size: 42px; }
        .agentPage .services .serviceList .serviceItem.freeStorage .desc h3:before {
          background: url("../../static/images/freeService/icon_warehouse.png") no-repeat;
          background-size: 40px; }
        .agentPage .services .serviceList .serviceItem.transport .desc h3:before {
          width: 42px;
          height: 42px;
          background: url("../../static/images/agentService/icon_transport.png") no-repeat;
          background-size: 42px; }
        .agentPage .services .serviceList .serviceItem.afterSale .desc h3:before {
          width: 42px;
          height: 42px;
          background: url("../../static/images/agentService/icon_after_sale.png") no-repeat;
          background-size: 42px; }
        .agentPage .services .serviceList .serviceItem .desc p {
          font-size: 16px;
          line-height: 24px;
          margin-top: 10px; }
          .agentPage .services .serviceList .serviceItem .desc p:nth-child(2) {
            margin-top: 0; }
          .agentPage .services .serviceList .serviceItem .desc p strong {
            color: var(--text-color-3); }
  .agentPage .support {
    background: #ffffff; }
    .agentPage .support .spaceCommon {
      padding-bottom: 60px; }
    .agentPage .support .duplicate {
      color: var(--text-color-3);
      font-size: 18px;
      font-weight: normal; }
    .agentPage .support .cont {
      margin-top: 40px;
      text-align: center; }
      .agentPage .support .cont a.linkView {
        padding: 15px 60px; }
        .agentPage .support .cont a.linkView:before {
          content: "";
          width: 30px;
          height: 30px;
          position: absolute;
          left: 25px;
          top: 10px; }
      .agentPage .support .cont .taobao:before {
        background: url("../../static/images/guide/icon_taobao.png") center center no-repeat;
        background-size: 30px; }
      .agentPage .support .cont .tmall {
        margin-left: 20px; }
        .agentPage .support .cont .tmall:before {
          background: url("../../static/images/guide/icon_tmall.png") center center no-repeat;
          background-size: 22px; }
      .agentPage .support .cont .alibaba {
        margin-left: 20px; }
        .agentPage .support .cont .alibaba:before {
          width: 32px !important;
          height: 32px !important;
          background: url("../../static/images/guide/icon_alibaba.png") center center no-repeat;
          background-size: 32px; }
  .agentPage .taobaoMain {
    background: #ffffff; }
    .agentPage .taobaoMain .partWrap {
      display: flex; }
      .agentPage .taobaoMain .partWrap h2 {
        position: relative;
        z-index: 1;
        text-align: left; }
      .agentPage .taobaoMain .partWrap .partLeft, .agentPage .taobaoMain .partWrap .partRight {
        position: relative;
        width: 50%; }
        .agentPage .taobaoMain .partWrap .partLeft:before, .agentPage .taobaoMain .partWrap .partRight:before {
          content: "";
          position: absolute;
          left: 60px;
          top: -30px;
          width: 350px;
          height: 350px;
          background: rgba(240, 239, 255, 0.5);
          border-radius: 350px; }
        .agentPage .taobaoMain .partWrap .partLeft p, .agentPage .taobaoMain .partWrap .partRight p {
          position: relative;
          color: var(--text-color-3);
          font-size: 16px;
          margin-top: 10px;
          padding-left: 30px;
          line-height: 28px; }
          .agentPage .taobaoMain .partWrap .partLeft p:nth-child(2), .agentPage .taobaoMain .partWrap .partRight p:nth-child(2) {
            margin-top: 30px; }
          .agentPage .taobaoMain .partWrap .partLeft p:before, .agentPage .taobaoMain .partWrap .partRight p:before {
            content: "";
            position: absolute;
            left: 0;
            top: 10px;
            width: 8px;
            height: 8px;
            background: var(--primary-color);
            border-radius: 10px; }
      .agentPage .taobaoMain .partWrap .partRight:before {
        background: rgba(255, 250, 230, 0.5); }
  .agentPage .whyUse {
    background: #ffffff; }
    .agentPage .whyUse .partWrap {
      display: flex;
      align-items: center; }
      .agentPage .whyUse .partWrap .partLeft {
        width: 40%; }
        .agentPage .whyUse .partWrap .partLeft img {
          width: 100%;
          border-radius: 10px;
          filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.25)); }
      .agentPage .whyUse .partWrap .partRight {
        width: 50%;
        margin-left: auto; }
        .agentPage .whyUse .partWrap .partRight h2 {
          text-align: left; }
        .agentPage .whyUse .partWrap .partRight div {
          color: var(--text-color-3);
          font-size: 16px;
          margin-top: 20px;
          line-height: 28px; }
        .agentPage .whyUse .partWrap .partRight a.linkView {
          margin-top: 30px; }
  .agentPage .advantage {
    background: #ffffff; }
    .agentPage .advantage .spaceCommon50 {
      padding: 30px 0; }
    .agentPage .advantage h2 {
      color: var(--title-color);
      font-size: 40px;
      text-align: left; }
    .agentPage .advantage .partWrap {
      display: flex;
      align-items: center; }
      .agentPage .advantage .partWrap .partLeft {
        width: 50%; }
        .agentPage .advantage .partWrap .partLeft p {
          position: relative;
          color: var(--text-color-3);
          font-size: 16px;
          margin-top: 10px;
          padding-left: 40px;
          line-height: 28px; }
          .agentPage .advantage .partWrap .partLeft p:nth-child(2) {
            margin-top: 30px; }
          .agentPage .advantage .partWrap .partLeft p:before {
            content: "";
            display: inline-block;
            position: absolute;
            top: 4px;
            left: 5px;
            width: 5px;
            height: 11px;
            border-color: transparent var(--primary-color) var(--primary-color) transparent;
            border-width: 3px;
            border-style: solid;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg); }
        .agentPage .advantage .partWrap .partLeft .duplicate {
          color: var(--text-color-3);
          font-size: 18px;
          font-weight: normal;
          text-align: left; }
      .agentPage .advantage .partWrap .partRight {
        width: 40%;
        margin-left: auto; }
        .agentPage .advantage .partWrap .partRight img {
          width: 100%;
          border-radius: 10px;
          filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.25));
          margin-top: 40px; }
          .agentPage .advantage .partWrap .partRight img.good {
            width: 150px;
            height: 150px;
            border-radius: 150px;
            margin-top: -50px;
            margin-left: 50%;
            filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.15)); }
    .agentPage .advantage .cont {
      text-align: center;
      margin-top: 80px;
      padding: 40px 0;
      background: rgba(255, 215, 0, 0.1);
      border-radius: 10px; }
      .agentPage .advantage .cont p {
        color: var(--text-color-3);
        font-size: 18px;
        font-weight: bold;
        padding-bottom: 20px; }
  .agentPage .faq {
    background: #ffffff; }
    .agentPage .faq .spaceCommon {
      width: 850px; }
    .agentPage .faq h2 {
      padding-bottom: 20px; }
    .agentPage .faq .contWrap .item {
      margin-top: 30px; }
      .agentPage .faq .contWrap .item .title {
        position: relative;
        color: var(--text-color-3);
        font-size: 20px;
        font-weight: bold;
        padding-left: 50px; }
        .agentPage .faq .contWrap .item .title:before {
          content: "";
          position: absolute;
          left: 0;
          top: 0;
          width: 30px;
          height: 30px;
          background: url("../../static/images/icon_faq.png") no-repeat;
          background-size: 30px; }
      .agentPage .faq .contWrap .item .desc {
        margin-top: 20px;
        padding-left: 50px; }
        .agentPage .faq .contWrap .item .desc p {
          font-size: 16px;
          line-height: 28px;
          margin-top: 10px; }
          .agentPage .faq .contWrap .item .desc p a {
            color: var(--primary-color); }
            .agentPage .faq .contWrap .item .desc p a:hover {
              color: var(--primary-active-color); }
  .agentPage .advertise {
    text-align: center;
    background: var(--primary-color); }
    .agentPage .advertise .contWrap {
      color: #ffffff;
      font-size: 24px;
      line-height: 40px; }
    .agentPage .advertise .linkView {
      color: var(--text-color-3);
      background: gold;
      margin-top: 50px; }
      .agentPage .advertise .linkView:after {
        background: url("../../static/images/icon_arrow_black_right.png") center center no-repeat;
        background-size: 20px; }
      .agentPage .advertise .linkView:hover {
        color: var(--text-color-3);
        background: #ffffff; }
        .agentPage .advertise .linkView:hover:after {
          background: url("../../static/images/icon_arrow_black_right.png") center center no-repeat;
          background-size: 20px; }
  .agentPage.agent1688 .pageBannerTop .illustration {
    top: 110px; }
  .agentPage.agent1688 .services .serviceList .serviceItem.brandLabel .desc h3:before {
    width: 43px;
    height: 43px;
    background: url("../../static/images/agentService/icon_label.png") no-repeat;
    background-size: 43px; }
  .agentPage.agent1688 .services .serviceList .serviceItem.amazonFba .desc h3:before {
    background: url("../../static/images/agentService/icon_amazon.png") no-repeat;
    background-size: 40px; }
  .agentPage.agent1688 .services .serviceList .serviceItem.customized .desc h3:before {
    background: url("../../static/images/agentService/icon_customized.png") no-repeat;
    background-size: 40px; }
  .agentPage.agent1688 .support .spaceCommon {
    padding-top: 20px;
    padding-bottom: 100px; }
  .agentPage.agent1688 .support .cont .alibaba {
    margin-left: 0; }
  .agentPage.agent1688 .support .cont .taobao {
    margin-left: 20px; }
  .agentPage.agent1688 .taobaoMain .partWrap .partLeft {
    width: 62%;
    padding-right: 50px; }
  .agentPage.agent1688 .taobaoMain .partWrap .partRight {
    width: 38%; }
  .agentPage .buyStep {
    background: var(--block-bg-color); }
    .agentPage .buyStep .duplicate {
      color: var(--text-color-3);
      font-size: 18px;
      font-weight: normal; }
    .agentPage .buyStep .cont {
      margin-top: 40px;
      display: flex; }
      .agentPage .buyStep .cont .method1 {
        width: 60%; }
      .agentPage .buyStep .cont .method2 {
        width: 40%;
        padding-left: 50px; }
      .agentPage .buyStep .cont h3 {
        position: relative;
        color: var(--text-color-3);
        font-size: 18px;
        margin-bottom: 20px;
        padding-left: 30px;
        line-height: 28px; }
        .agentPage .buyStep .cont h3:before {
          content: "";
          position: absolute;
          left: 0;
          top: 10px;
          width: 8px;
          height: 8px;
          background: var(--primary-color);
          border-radius: 10px; }
      .agentPage .buyStep .cont .duplicate {
        font-size: 15px;
        text-align: left; }
      .agentPage .buyStep .cont .desc p {
        position: relative;
        color: var(--text-color-3);
        font-size: 16px;
        margin-top: 10px;
        padding-left: 30px; }
        .agentPage .buyStep .cont .desc p:nth-child(1) {
          margin-top: 0; }
        .agentPage .buyStep .cont .desc p :before {
          content: "";
          width: 20px;
          height: 10px;
          position: absolute;
          top: 5px;
          left: 0;
          background: url(../../static/images/icon_arrow_black_right.png) center center no-repeat;
          background-size: 20px; }
      .agentPage .buyStep .cont .more {
        color: var(--text-color-3);
        font-size: 16px;
        margin-top: 20px; }
        .agentPage .buyStep .cont .more a {
          color: var(--primary-color); }
          .agentPage .buyStep .cont .more a:hover {
            color: var(--primary-active-color); }
  .agentPage.agentSourcing {
    overflow: revert !important; }
    .agentPage.agentSourcing .pageBannerTop {
      /*background: linear-gradient(to bottom right, var(--primary-color), #a93dc7);*/
      background: linear-gradient(to bottom right, #463ac7, #ba4499); }
      .agentPage.agentSourcing .pageBannerTop .marginCommon h1 {
        color: #ffffff;
        font-size: 40px;
        width: 55%;
        line-height: 50px; }
      .agentPage.agentSourcing .pageBannerTop .cont .duplicate {
        color: #ffffff; }
      .agentPage.agentSourcing .pageBannerTop .illustration {
        width: 32%; }
      .agentPage.agentSourcing .pageBannerTop .start {
        margin-top: 20px;
        text-align: left; }
        .agentPage.agentSourcing .pageBannerTop .start a.howToBuy {
          margin-left: 0;
          border: 0;
          background: gold; }
          .agentPage.agentSourcing .pageBannerTop .start a.howToBuy:hover {
            color: var(--text-color-0);
            background: #ffffff; }
          .agentPage.agentSourcing .pageBannerTop .start a.howToBuy:after {
            background: url(../../static/images/icon_arrow_black_right.png) center center no-repeat;
            background-size: 20px; }
    .agentPage.agentSourcing .services .serviceList .serviceItem {
      background: #fff;
      filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.1)); }
      .agentPage.agentSourcing .services .serviceList .serviceItem.findSupply .desc h3:before {
        width: 43px;
        height: 43px;
        background: url(../../static/images/agentService/icon_find_supply.png) no-repeat;
        background-size: 43px; }
      .agentPage.agentSourcing .services .serviceList .serviceItem.followUp .desc h3:before {
        width: 43px;
        height: 43px;
        background: url(../../static/images/agentService/icon_follow.png) no-repeat;
        background-size: 43px; }
    .agentPage.agentSourcing .buyStep {
      background: linear-gradient(to top, var(--block-bg-color), #ffffff); }
      .agentPage.agentSourcing .buyStep h2 {
        text-align: left; }
      .agentPage.agentSourcing .buyStep .duplicate {
        text-align: left; }
      .agentPage.agentSourcing .buyStep .cont {
        align-items: flex-start; }
        .agentPage.agentSourcing .buyStep .cont .stepWrap {
          width: 60%; }
        .agentPage.agentSourcing .buyStep .cont .stepRight {
          width: 38%;
          margin-left: auto;
          position: sticky;
          position: -webkit-sticky;
          top: 40px; }
          .agentPage.agentSourcing .buyStep .cont .stepRight img {
            width: 100%; }
        .agentPage.agentSourcing .buyStep .cont .step {
          margin-top: 20px; }
          .agentPage.agentSourcing .buyStep .cont .step:nth-child(1) {
            margin-top: 0; }
        .agentPage.agentSourcing .buyStep .cont h3 {
          margin-bottom: 10px; }
        .agentPage.agentSourcing .buyStep .cont .desc p {
          padding-left: 0; }
          .agentPage.agentSourcing .buyStep .cont .desc p:before {
            display: none; }
        .agentPage.agentSourcing .buyStep .cont .more {
          margin-top: 10px; }
      .agentPage.agentSourcing .buyStep .diffBuyers {
        display: flex;
        margin: 80px 0 40px; }
        .agentPage.agentSourcing .buyStep .diffBuyers h3 {
          position: relative;
          width: 30%;
          color: var(--text-color-3);
          font-size: 18px;
          padding-top: 20px; }
          .agentPage.agentSourcing .buyStep .diffBuyers h3:before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            width: 100px;
            height: 6px;
            background: gold; }
        .agentPage.agentSourcing .buyStep .diffBuyers .diff {
          width: 60%;
          margin-left: auto;
          display: grid;
          justify-content: space-between;
          grid-template-columns: repeat(2, 50%);
          padding: 10px 20px 20px;
          background: #ffffff;
          border-radius: 10px; }
          .agentPage.agentSourcing .buyStep .diffBuyers .diff .item {
            color: var(--text-color-3);
            font-size: 16px;
            margin-top: 10px; }
            .agentPage.agentSourcing .buyStep .diffBuyers .diff .item div {
              position: relative;
              font-weight: bold;
              padding-bottom: 10px;
              padding-left: 20px; }
              .agentPage.agentSourcing .buyStep .diffBuyers .diff .item div:before {
                content: "";
                position: absolute;
                left: 0;
                top: 6px;
                width: 8px;
                height: 8px;
                background: gold;
                border-radius: 10px; }
      .agentPage.agentSourcing .buyStep .summary {
        color: var(--text-color-3);
        font-size: 18px; }
    .agentPage.agentSourcing .whoConnect {
      background: #ffffff; }
      .agentPage.agentSourcing .whoConnect .duplicate {
        color: var(--text-color-3);
        font-size: 18px;
        font-weight: normal; }
      .agentPage.agentSourcing .whoConnect .target {
        display: grid;
        justify-content: space-between;
        grid-template-columns: repeat(3, 30%);
        margin-top: 80px; }
        .agentPage.agentSourcing .whoConnect .target .item {
          padding: 40px;
          background: var(--block-bg-color);
          border-radius: 10px; }
          .agentPage.agentSourcing .whoConnect .target .item .icon {
            text-align: center; }
            .agentPage.agentSourcing .whoConnect .target .item .icon img {
              width: 80px; }
          .agentPage.agentSourcing .whoConnect .target .item h3 {
            color: var(--title-color);
            font-size: 18px;
            margin-bottom: 20px;
            margin-top: 10px;
            text-align: center; }
          .agentPage.agentSourcing .whoConnect .target .item .desc p {
            font-size: 16px;
            line-height: 24px;
            margin-top: 10px; }
            .agentPage.agentSourcing .whoConnect .target .item .desc p:nth-child(1) {
              margin-top: 0; }
    .agentPage.agentSourcing .whyUse .partWrap {
      align-items: flex-start; }
      .agentPage.agentSourcing .whyUse .partWrap .partRight {
        width: 55%; }
        .agentPage.agentSourcing .whyUse .partWrap .partRight .compare p {
          position: relative;
          padding-left: 20px;
          margin-left: 20px;
          font-style: italic; }
          .agentPage.agentSourcing .whyUse .partWrap .partRight .compare p:nth-child(2) {
            margin-top: 10px; }
          .agentPage.agentSourcing .whyUse .partWrap .partRight .compare p:before {
            content: "";
            position: absolute;
            left: 0;
            top: 12px;
            width: 7px;
            height: 7px;
            background: var(--primary-color);
            border-radius: 10px; }
  .agentPage .exclusive {
    background: linear-gradient(to top, var(--block-bg-color), #ffffff); }
    .agentPage .exclusive .duplicate {
      color: var(--text-color-3);
      font-size: 18px;
      font-weight: normal; }
    .agentPage .exclusive .cont {
      display: flex;
      justify-content: space-between;
      margin-top: 80px; }
      .agentPage .exclusive .cont .item {
        width: 20%;
        text-align: center; }
        .agentPage .exclusive .cont .item .number {
          position: relative;
          color: var(--title-color);
          font-size: 40px;
          font-weight: bold; }
          .agentPage .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; }
        .agentPage .exclusive .cont .item .desc {
          font-size: 16px;
          margin-top: 30px; }

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