@charset "UTF-8";
body {
  margin: 0;
  padding: 0px;
  font-size: 14px;
  /* 根字号为14px==>1rem */ }

.bg_box {
  position: relative;
  background: url("../images/smart_recommend/BG.jpg") #07040d top;
  background-repeat: no-repeat;
  min-width: 1200px; }
  .bg_box .content {
    width: 1200px;
    min-width: 1200px;
    margin: 0px auto 0px auto; }
    .bg_box .content .content_box {
      width: 100%;
      height: 1752px;
      position: relative;
      padding-top: 585px; }
      .bg_box .content .content_box .title_box {
        font-family: 'Alibaba PuHuiTi 2.0 5';
        font-weight: bold;
        font-size: 40px;
        color: #111111;
        text-align: center; }
      .bg_box .content .content_box .intelligence_list_box {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        margin-top: 25px; }
        .bg_box .content .content_box .intelligence_list_box .item_box {
          width: 380px;
          background: #FFFFFF;
          box-shadow: 0px 9px 26px 1px rgba(172, 198, 209, 0.4);
          border-radius: 20px;
          margin-right: 30px; }
          .bg_box .content .content_box .intelligence_list_box .item_box .item_img {
            padding: 10px 10px 14px 10px; }
          .bg_box .content .content_box .intelligence_list_box .item_box .item_text {
            font-family: Microsoft YaHei;
            font-weight: 400;
            font-size: 18px;
            color: #545556;
            line-height: 30px;
            padding: 0px 28px 18px 28px; }
        .bg_box .content .content_box .intelligence_list_box .item_box:last-child {
          margin-right: 0px; }
        .bg_box .content .content_box .intelligence_list_box .item_box:hover {
          transform: scale(1.05); }
      .bg_box .content .content_box .brief_box {
        padding-top: 10px;
        padding-bottom: 61px; }
        .bg_box .content .content_box .brief_box p {
          font-family: 'Alibaba PuHuiTi';
          font-weight: 400;
          font-size: 24px;
          color: #333333;
          text-align: center; }
        .bg_box .content .content_box .brief_box .gradual_change {
          /* 渐变背景（你提供的渐变参数） */
          background: linear-gradient(77deg, #1D5FFF 0%, #7226FF 99%);
          /* 核心：将背景裁剪到文字区域 */
          -webkit-background-clip: text;
          /* 兼容webkit内核（Chrome/Safari） */
          background-clip: text;
          /* 文字透明，显示渐变背景 */
          color: transparent;
          /* 可选：保证文字不换行（根据需求调整） */
          white-space: nowrap;
          /* 可选：增加文字大小，渐变效果更明显 */
          font-size: 24px;
          /* 可选：文字加粗 */
          font-weight: bold; }
      .bg_box .content .content_box .merit_box {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        margin-top: 25px; }
        .bg_box .content .content_box .merit_box .merit_item_box {
          background: linear-gradient(-10deg, #FFFFFF 58%, #F0F7FF 100%);
          box-shadow: 0px 9px 26px 1px rgba(172, 198, 209, 0.4);
          border-radius: 20px;
          display: flex;
          flex-direction: column;
          align-content: center;
          align-items: center;
          justify-content: center;
          padding: 37px 38px 37px 38px;
          margin-right: 27px; }
          .bg_box .content .content_box .merit_box .merit_item_box .merit_item_img {
            margin-bottom: 33px; }
          .bg_box .content .content_box .merit_box .merit_item_box .merit_item_title {
            font-family: Alibaba PuHuiTi;
            font-weight: 400;
            font-size: 24px;
            color: #2F37FF;
            margin-bottom: 14px; }
          .bg_box .content .content_box .merit_box .merit_item_box .merit_item_text {
            font-family: Alibaba PuHuiTi;
            font-weight: 400;
            font-size: 16px;
            color: #555555;
            line-height: 24px; }
        .bg_box .content .content_box .merit_box .merit_item_box:last-child {
          margin-right: 0px; }
        .bg_box .content .content_box .merit_box .merit_item_box:hover {
          transform: scale(1.05); }
      .bg_box .content .content_box .btn_box {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        margin-top: 42px; }
        .bg_box .content .content_box .btn_box .btn {
          width: 470px;
          height: 60px;
          background: linear-gradient(90deg, #8533FF 0%, #2238FF 100%);
          box-shadow: 0px 10px 20px 1px rgba(45, 58, 226, 0.2);
          border-radius: 30px;
          font-family: Microsoft YaHei;
          font-weight: bold;
          font-size: 24px;
          color: #FFFFFF;
          line-height: 60px;
          text-align: center; }
          .bg_box .content .content_box .btn_box .btn span {
            color: #FFEE7F; }
        .bg_box .content .content_box .btn_box .btn:hover {
          transform: scale(1.05); }

/* 手机设备 */
@media only screen and (max-width: 767px) {
  /* 样式 */
  .bg_box {
    display: none; }

  .mobile_phone {
    display: block;
    width: 100%; }
    .mobile_phone .mobile_img {
      width: 100%; }

  .btn_box {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    margin-top: 42px;
    width: 100%; }
    .btn_box .btn {
      padding: 0vw 5vw;
      height: 13vw;
      background: linear-gradient(90deg, #8533FF 0%, #2238FF 100%);
      box-shadow: 0px 10px 20px 1px rgba(45, 58, 226, 0.2);
      border-radius: 30px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      font-size: 4.8vw;
      color: #FFFFFF;
      line-height: 13vw;
      text-align: center; }
      .btn_box .btn span {
        color: #FFEE7F; } }
/* 平板设备 */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* 样式 */
  .bg_box {
    display: none; }

  .mobile_phone {
    display: block;
    width: 100%; }
    .mobile_phone .mobile_img {
      width: 100%; } }
/* 笔记本/桌面设备 */
@media only screen and (min-width: 1025px) {
  /* 样式 */
  .bg_box {
    display: block; }

  .mobile_phone {
    display: none; } }

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