<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.blog .button-combe.btn-primary .noIcon,
.blog-detail .button-combe.btn-primary .noIcon {
  padding-left: 0; }
.blog .button-combe.btn-primary:hover .noIcon,
.blog-detail .button-combe.btn-primary:hover .noIcon {
  left: 50%; }
.blog .banner .button-combe.btn-primary .noIcon,
.blog-detail .banner .button-combe.btn-primary .noIcon {
  left: 50% !important;
  width: 100%; }
.blog .banner .button-combe.btn-primary:hover .noIcon,
.blog-detail .banner .button-combe.btn-primary:hover .noIcon {
  left: 50% !important; }

.blog-detail {
  margin-top: 123px; }
  .blog-detail h1,
  .blog-detail h2,
  .blog-detail h3,
  .blog-detail h4,
  .blog-detail h5,
  .blog-detail h6,
  .blog-detail b,
  .blog-detail strong {
    font-weight: 500; }
  .blog-detail .tag {
    position: relative;
    display: inline-block;
    margin-top: -9px;
    margin-left: 5px;
    vertical-align: top;
    padding: 0px 10px;
    height: 24px;
    line-height: 24px;
    background-color: #ff4141;
    font-size: 14px;
    color: #fff;
    border-radius: 40px; }
    .blog-detail .tag::after {
      position: absolute;
      content: "";
      width: 10px;
      height: 6px;
      left: 3px;
      bottom: -3px;
      background: url(../images/itop-blog/arrow.png); }
  .blog-detail .box-shadow-img {
    box-shadow: 0px 5px 10px #e8efff;
    border: 1px solid #dfe3ff;
    margin: auto;
    display: block; }
  .blog-detail .mob {
    display: none !important; }
  .blog-detail b,
  .blog-detail strong {
    font-weight: bold; }
  .blog-detail img {
    width: auto; }
  .blog-detail .w-p {
    width: 1200px;
    position: relative;
    margin: auto; }
  .blog-detail .flex-box {
    display: flex;
    justify-content: space-between; }
  .blog-detail .d_btn {
    display: flex;
    align-items: center;
    margin-top: 30px; }
    .blog-detail .d_btn .button-combe {
      margin-right: 10px; }
    .blog-detail .d_btn .btn-gold {
      border: 1px solid #ffc144e0 !important; }
    .blog-detail .d_btn .btn-gold .arrow-right {
      fill: #000 !important; }
  .blog-detail .equipment {
    margin-top: 9px; }
    .blog-detail .equipment .icon-box .arrow-icon {
      fill: #1e1c2c; }
      .blog-detail .equipment .icon-box .arrow-icon:hover {
        fill: #0054ff; }
    .blog-detail .equipment span {
      font-size: 12px;
      line-height: 18px;
      color: #1e1c2c; }
  .blog-detail .banner {
    align-items: center;
    padding: 20px 50px;
    background: linear-gradient(106deg, rgba(141, 83, 235, 0.1) 0%, rgba(0, 84, 255, 0.1) 55%, rgba(48, 222, 180, 0.1) 100%); }
    .blog-detail .banner li {
      list-style: none; }
    .blog-detail .banner .right {
      width: 600px; }
      .blog-detail .banner .right dt h1 {
        font-size: 36px;
        line-height: 54px;
        color: #1e1c2c; }
      .blog-detail .banner .right dd p {
        font-size: 16px;
        line-height: 24px;
        color: #8e8b9d; }
    .blog-detail .banner.idr {
      background: url(../images/itop-blog/idr-banner.png) no-repeat center; }
      .blog-detail .banner.idr dt {
        position: relative; }
        .blog-detail .banner.idr dt img {
          position: absolute;
          top: -15px;
          left: 0px; }
      .blog-detail .banner.idr h1 {
        font: normal normal normal 36px/48px Lexend Deca; }
      .blog-detail .banner.idr p {
        margin-top: 10px;
        font: normal normal normal 16px/24px Lexend Deca; }
        .blog-detail .banner.idr p.last {
          font-size: 12px; }
      .blog-detail .banner.idr .btn-primary {
        background: linear-gradient(90deg, #3059ff 0%, #8219de 100%) 0% 0%; }
        .blog-detail .banner.idr .btn-primary:hover {
          background: #3059ff; }
  .blog-detail .nav {
    align-items: center;
    color: #cfced4;
    justify-content: flex-start;
    margin: 40px auto 30px; }
    .blog-detail .nav a {
      margin: 0 8px;
      color: #0054ff;
      font-size: 14px;
      line-height: 28px;
      font-weight: 500; }
      .blog-detail .nav a:hover {
        text-decoration: underline; }
  .blog-detail .article-cnt {
    padding: 60px 115px;
    background: #ffffff;
    border: 1px solid #dedfe9; }
    .blog-detail .article-cnt ul,
    .blog-detail .article-cnt ol {
      padding-left: 40px; }
      .blog-detail .article-cnt ul li,
      .blog-detail .article-cnt ol li {
        list-style: inherit; }
        .blog-detail .article-cnt ul li::marker,
        .blog-detail .article-cnt ol li::marker {
          color: #8e8b9d; }
    .blog-detail .article-cnt .banner li {
      list-style: none; }
    .blog-detail .article-cnt .article-title {
      font-size: 36px;
      line-height: 54px;
      font-weight: 500;
      margin-bottom: 15px;
      color: #1e1c2c; }
    .blog-detail .article-cnt .article-description {
      font-size: 16px;
      line-height: 24px;
      font-weight: 300;
      color: #1e1c2c; }
    .blog-detail .article-cnt .article-authors {
      display: flex;
      flex-direction: row;
      justify-items: flex-start;
      align-items: center;
      margin: 30px 0; }
      .blog-detail .article-cnt .article-authors span {
        font-size: 14px;
        line-height: 28px;
        font-weight: 400;
        color: #8e8b9d; }
      .blog-detail .article-cnt .article-authors ._split {
        display: inline-block;
        width: 1px;
        height: 17px;
        background-color: #8e8b9d;
        margin: 0 10px; }
    .blog-detail .article-cnt .article-share {
      overflow: hidden;
      border-bottom: 1px solid #dddfeb; }
      .blog-detail .article-cnt .article-share .share-box {
        float: right; }
    .blog-detail .article-cnt .article-box {
      margin-top: 30px; }
      .blog-detail .article-cnt .article-box b,
      .blog-detail .article-cnt .article-box strong {
        font-weight: 600 !important; }
      .blog-detail .article-cnt .article-box ul li p,
      .blog-detail .article-cnt .article-box li li p {
        margin-bottom: 10px; }
      .blog-detail .article-cnt .article-box p {
        text-align: left;
        margin-bottom: 30px;
        color: #1e1c2c;
        font-size: 16px;
        line-height: 24px;
        font-weight: 300; }
        .blog-detail .article-cnt .article-box p a {
          color: #0054ff;
          font-size: 16px;
          line-height: 24px;
          font-weight: 300;
          text-decoration: underline;
          transition: all 0.3 ease; }
          .blog-detail .article-cnt .article-box p a:hover {
            opacity: 0.8;
            transition: all 0.3 ease; }
        .blog-detail .article-cnt .article-box p img {
          box-shadow: 0px 5px 10px #e8efff;
          border: 1px solid #dfe3ff;
          margin: auto;
          display: block; }
        .blog-detail .article-cnt .article-box p strong span {
          font-weight: bold; }
      .blog-detail .article-cnt .article-box .own-b {
        font-size: 24px;
        line-height: 40px;
        font-weight: 500;
        margin-bottom: 5px;
        color: #1e1c2c; }
      .blog-detail .article-cnt .article-box .contents {
        margin: 30px 0 50px; }
        .blog-detail .article-cnt .article-box .contents dl dt {
          font-size: 20px;
          font-weight: 500;
          line-height: 30px;
          padding-left: 33px;
          margin-bottom: 15px;
          color: #1e1c2c;
          position: relative; }
          .blog-detail .article-cnt .article-box .contents dl dt::before {
            content: "";
            width: 25px;
            height: 18px;
            background: url("../images/itop-blog/icon-book.svg") no-repeat center;
            position: absolute;
            left: 0;
            top: 7px; }
        .blog-detail .article-cnt .article-box .contents dl .list {
          margin-bottom: 5px;
          transition: all 0.3s; }
          .blog-detail .article-cnt .article-box .contents dl .list &gt; a, .blog-detail .article-cnt .article-box .contents dl .list &gt; h4,
          .blog-detail .article-cnt .article-box .contents dl .list h4 {
            padding-left: 32px;
            font-size: 16px;
            line-height: 22px;
            font-weight: 500;
            display: inline-block;
            margin-bottom: 5px;
            cursor: pointer;
            color: #3477ff;
            position: relative;
            background-color: transparent !important; }
            .blog-detail .article-cnt .article-box .contents dl .list &gt; a ._icon::before, .blog-detail .article-cnt .article-box .contents dl .list &gt; h4 ._icon::before,
            .blog-detail .article-cnt .article-box .contents dl .list h4 ._icon::before {
              content: "";
              width: 12px;
              transition: all 0.3s;
              height: 10px;
              background: url(../images/itop-blog/arrow-up.svg) no-repeat center;
              position: relative;
              right: 0;
              margin-left: 10px;
              display: inline-block;
              top: 0; }
            .blog-detail .article-cnt .article-box .contents dl .list &gt; a.hide ._icon::before, .blog-detail .article-cnt .article-box .contents dl .list &gt; h4.hide ._icon::before,
            .blog-detail .article-cnt .article-box .contents dl .list h4.hide ._icon::before {
              transform: rotate(180deg); }
            .blog-detail .article-cnt .article-box .contents dl .list &gt; a.hide + ul, .blog-detail .article-cnt .article-box .contents dl .list &gt; h4.hide + ul,
            .blog-detail .article-cnt .article-box .contents dl .list h4.hide + ul {
              display: none; }
            .blog-detail .article-cnt .article-box .contents dl .list &gt; a:hover, .blog-detail .article-cnt .article-box .contents dl .list &gt; h4:hover,
            .blog-detail .article-cnt .article-box .contents dl .list h4:hover {
              text-decoration: underline; }
            .blog-detail .article-cnt .article-box .contents dl .list &gt; a::after, .blog-detail .article-cnt .article-box .contents dl .list &gt; h4::after,
            .blog-detail .article-cnt .article-box .contents dl .list h4::after {
              content: "";
              display: inline-block;
              position: absolute;
              top: 9px;
              left: 8px;
              width: 4px;
              height: 4px;
              border-radius: 50%;
              background-color: #3477ff; }
            .blog-detail .article-cnt .article-box .contents dl .list &gt; a:hover, .blog-detail .article-cnt .article-box .contents dl .list &gt; h4:hover,
            .blog-detail .article-cnt .article-box .contents dl .list h4:hover {
              text-decoration: underline; }
          .blog-detail .article-cnt .article-box .contents dl .list ul {
            margin-bottom: 12px;
            padding-left: 32px; }
            .blog-detail .article-cnt .article-box .contents dl .list ul li {
              margin-bottom: 5px;
              font-size: 14px;
              line-height: 22px;
              color: #1e1c2c;
              list-style: none; }
              .blog-detail .article-cnt .article-box .contents dl .list ul li a {
                color: #3477ff; }
                .blog-detail .article-cnt .article-box .contents dl .list ul li a:hover {
                  text-decoration: underline; }
              .blog-detail .article-cnt .article-box .contents dl .list ul li:last-child {
                margin-bottom: 10px; }
        .blog-detail .article-cnt .article-box .contents dl .default {
          padding-left: 32px;
          margin-bottom: 10px; }
          .blog-detail .article-cnt .article-box .contents dl .default a {
            position: relative;
            display: inline-block;
            font-size: 14px;
            line-height: 22px;
            font-weight: 400;
            color: #3477ff;
            cursor: pointer; }
            .blog-detail .article-cnt .article-box .contents dl .default a:hover {
              text-decoration: underline; }
            .blog-detail .article-cnt .article-box .contents dl .default a::after {
              content: "";
              display: inline-block;
              position: absolute;
              top: 9px;
              left: -25px;
              width: 4px;
              height: 4px;
              border-radius: 50%;
              background-color: #3477ff; }
      .blog-detail .article-cnt .article-box .nav-tis h2 {
        font-size: 30px;
        font-weight: 500;
        line-height: 50px;
        color: #1e1c2c;
        background: #e6efff;
        position: relative;
        margin-bottom: 20px;
        padding: 4px 0;
        padding-left: 34px; }
        .blog-detail .article-cnt .article-box .nav-tis h2::after {
          content: "";
          width: 9px;
          background: #0054ff;
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0; }
        .blog-detail .article-cnt .article-box .nav-tis h2.head-type-01 {
          position: relative;
          margin-bottom: 36px;
          padding: 10px 16px;
          font-size: 24px;
          line-height: 28px;
          color: #fff;
          background: linear-gradient(to left, #6282fc, #ae8aee); }
          .blog-detail .article-cnt .article-box .nav-tis h2.head-type-01 a {
            color: #fff; }
          .blog-detail .article-cnt .article-box .nav-tis h2.head-type-01::after {
            content: "";
            display: inline-block;
            position: absolute;
            left: 0;
            top: auto;
            bottom: -16px;
            width: 24px;
            height: 16px;
            background: url(../images/blog/h2_bg_01.png) no-repeat; }
        .blog-detail .article-cnt .article-box .nav-tis h2.head-type-02 {
          position: relative;
          margin-bottom: 36px;
          padding: 10px 16px 10px 32px;
          font-size: 24px;
          line-height: 28px;
          background: linear-gradient(to right, #d9e4ff, transparent); }
          .blog-detail .article-cnt .article-box .nav-tis h2.head-type-02::after {
            content: "";
            display: inline-block;
            position: absolute;
            left: -32px;
            bottom: 0;
            margin: auto;
            width: 54px;
            height: 55px;
            background: url(../images/blog/h2_bg_02.png) no-repeat; }
      .blog-detail .article-cnt .article-box .banner1 {
        background: #232137;
        padding: 0 90px 0 38px;
        margin: 70px 0 30px; }
        .blog-detail .article-cnt .article-box .banner1 .right {
          width: 380px; }
          .blog-detail .article-cnt .article-box .banner1 .right dt h2 {
            font-size: 28px;
            line-height: 42px;
            color: #fff; }
          .blog-detail .article-cnt .article-box .banner1 .right dt h3 {
            font-size: 28px;
            line-height: 42px;
            color: #fff; }
          .blog-detail .article-cnt .article-box .banner1 .right li {
            font-size: 14px;
            line-height: 24px;
            color: #8e8b9d;
            padding-left: 18px;
            position: relative; }
            .blog-detail .article-cnt .article-box .banner1 .right li::before {
              content: "";
              position: absolute;
              background: url(../images/itop-blog/md-checkmark.svg) no-repeat center;
              width: 9px;
              top: 9px;
              left: 0;
              height: 7px; }
          .blog-detail .article-cnt .article-box .banner1 .right .button-combe.btn-primary,
          .blog-detail .article-cnt .article-box .banner1 .right .btn-gold {
            width: 190px !important;
            height: 40px;
            padding: 0 20px; }
          .blog-detail .article-cnt .article-box .banner1 .right .button-combe.btn-primary .noIcon,
          .blog-detail .article-cnt .article-box .banner1 .right .btn-gold .combe-text {
            font-size: 14px;
            padding-left: 0; }
          .blog-detail .article-cnt .article-box .banner1 .right .equipment span {
            color: #8e8b9d; }
          .blog-detail .article-cnt .article-box .banner1 .right .equipment .icon-box a {
            margin-left: 8px; }
            .blog-detail .article-cnt .article-box .banner1 .right .equipment .icon-box a:hover .arrow-icon {
              fill: #0054ff; }
          .blog-detail .article-cnt .article-box .banner1 .right .equipment .icon-box .arrow-icon {
            fill: #8e8b9d;
            transform: scale(0.7); }
      .blog-detail .article-cnt .article-box .banner2 {
        background: url(../images/itop-blog/detail-br2-bg.svg) no-repeat bottom;
        background-size: cover;
        padding: 68px;
        margin: 30px 0 90px;
        padding-bottom: 120px;
        border: 1px solid rgba(141, 83, 235, 0.34); }
        .blog-detail .article-cnt .article-box .banner2 .left {
          width: 500px; }
          .blog-detail .article-cnt .article-box .banner2 .left dt h2 {
            font-size: 28px;
            line-height: 42px;
            font-weight: 500;
            color: #1e1c2c;
            margin-bottom: 5px; }
          .blog-detail .article-cnt .article-box .banner2 .left dt h3 {
            font-size: 28px;
            line-height: 42px;
            font-weight: 500;
            color: #1e1c2c;
            margin-bottom: 5px; }
          .blog-detail .article-cnt .article-box .banner2 .left dd li {
            font-size: 14px;
            line-height: 24px;
            padding-left: 18px;
            color: #8e8b9d;
            position: relative; }
            .blog-detail .article-cnt .article-box .banner2 .left dd li::before {
              content: "";
              position: absolute;
              background: url(../images/itop-blog/md-checkmark.svg) no-repeat center;
              width: 9px;
              top: 9px;
              left: 0;
              height: 7px; }
        .blog-detail .article-cnt .article-box .banner2 .right {
          width: auto;
          text-align: center; }
          .blog-detail .article-cnt .article-box .banner2 .right .d_btn {
            margin-top: 15px; }
          .blog-detail .article-cnt .article-box .banner2 .right .equipment {
            justify-content: center; }
            .blog-detail .article-cnt .article-box .banner2 .right .equipment a {
              margin-left: 10px; }
              .blog-detail .article-cnt .article-box .banner2 .right .equipment a svg {
                transform: scale(0.8); }
      .blog-detail .article-cnt .article-box .banner3 {
        align-items: flex-start;
        justify-content: center;
        padding-left: 0;
        padding-right: 0;
        margin: 30px 0 30px;
        background: #fff; }
        .blog-detail .article-cnt .article-box .banner3 .left p {
          margin-top: 10px;
          font-size: 14px;
          line-height: 18px;
          text-align: center; }
        .blog-detail .article-cnt .article-box .banner3 .right {
          margin-left: 90px;
          width: 500px; }
          .blog-detail .article-cnt .article-box .banner3 .right dt b {
            margin-bottom: 14px;
            display: inline-block;
            font-size: 20px;
            line-height: 25px;
            font-weight: 600;
            letter-spacing: 0px;
            text-align: left; }
          .blog-detail .article-cnt .article-box .banner3 .right ul {
            padding-left: 0; }
          .blog-detail .article-cnt .article-box .banner3 .right li {
            font-size: 14px;
            line-height: 24px;
            padding-left: 18px;
            position: relative;
            list-style: none; }
            .blog-detail .article-cnt .article-box .banner3 .right li::before {
              content: "";
              position: absolute;
              background: url(../images/itop-blog/md-checkmark.svg) no-repeat center;
              width: 9px;
              top: 9px;
              left: 0;
              height: 7px; }
          .blog-detail .article-cnt .article-box .banner3 .right .d_btn .button-combe.btn-primary .combe-text {
            top: 13px;
            text-align: left; }
            .blog-detail .article-cnt .article-box .banner3 .right .d_btn .button-combe.btn-primary .combe-text span {
              display: block;
              font-size: 12px;
              line-height: 14px;
              font-weight: 300;
              margin-left: -7px;
              transform: scale(0.9); }
          .blog-detail .article-cnt .article-box .banner3 .right .d_btn .security {
            justify-content: center;
            margin-top: 10px; }
            .blog-detail .article-cnt .article-box .banner3 .right .d_btn .security div {
              margin-left: 6px;
              font-size: 12px;
              line-height: 20px;
              color: #8e8b9d; }
      .blog-detail .article-cnt .article-box .banner4 {
        align-items: flex-start;
        justify-content: center;
        padding-left: 0;
        padding-right: 0;
        margin: 30px 0 30px;
        background: #fff; }
        .blog-detail .article-cnt .article-box .banner4 .left p {
          margin-top: 10px;
          font-size: 14px;
          line-height: 18px;
          text-align: center; }
        .blog-detail .article-cnt .article-box .banner4 .right {
          margin-left: 90px;
          width: 500px; }
          .blog-detail .article-cnt .article-box .banner4 .right dt b {
            margin-bottom: 14px;
            display: inline-block;
            font-size: 20px;
            line-height: 25px;
            font-weight: 600;
            letter-spacing: 0px;
            text-align: left; }
          .blog-detail .article-cnt .article-box .banner4 .right ul {
            padding-left: 0; }
          .blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-wins-box .button-combe {
            background: linear-gradient(90deg, #6584ff 0%, #0054ff 100%);
            border: none; }
            .blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-wins-box .button-combe:hover {
              background: linear-gradient(90deg, #1965fd 0%, #70f 100%) !important; }
            .blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-wins-box .button-combe .arrow-icon {
              fill: #fff; }
            .blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-wins-box .button-combe .combe-text {
              color: #fff; }
          .blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-mac-box .button-combe {
            background: linear-gradient(90deg, #6584ff 0%, #0054ff 100%);
            border: none; }
            .blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-mac-box .button-combe:hover {
              background: linear-gradient(90deg, #1965fd 0%, #70f 100%) !important; }
            .blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-mac-box .button-combe .arrow-icon {
              fill: #fff; }
            .blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-mac-box .button-combe .combe-text {
              color: #fff; }
          .blog-detail .article-cnt .article-box .banner4 .right .m_btn {
            display: flex;
            align-items: center; }
            .blog-detail .article-cnt .article-box .banner4 .right .m_btn .mob {
              display: block;
              margin-top: -5px;
              margin-right: 40px; }
              .blog-detail .article-cnt .article-box .banner4 .right .m_btn .mob .arrow-right {
                fill: #000 !important; }
          .blog-detail .article-cnt .article-box .banner4 .right li {
            font-size: 14px;
            line-height: 24px;
            padding-left: 18px;
            position: relative;
            list-style: none; }
            .blog-detail .article-cnt .article-box .banner4 .right li::before {
              content: "";
              position: absolute;
              background: url(../images/itop-blog/md-checkmark.svg) no-repeat center;
              width: 9px;
              top: 9px;
              left: 0;
              height: 7px; }
          .blog-detail .article-cnt .article-box .banner4 .right .d_btn .button-combe.btn-primary .combe-text {
            top: 13px;
            text-align: left; }
            .blog-detail .article-cnt .article-box .banner4 .right .d_btn .button-combe.btn-primary .combe-text span {
              display: block;
              font-size: 12px;
              line-height: 14px;
              font-weight: 300;
              margin-left: -7px;
              transform: scale(0.9); }
          .blog-detail .article-cnt .article-box .banner4 .right .d_btn .security {
            justify-content: center;
            margin-top: 5px; }
            .blog-detail .article-cnt .article-box .banner4 .right .d_btn .security div {
              margin-left: 6px;
              font-size: 12px;
              line-height: 20px;
              color: #8e8b9d; }
      .blog-detail .article-cnt .article-box .banner5 {
        align-items: flex-start;
        justify-content: center;
        padding-left: 0;
        padding-right: 0;
        margin: 30px 0 30px;
        background: #fff; }
        .blog-detail .article-cnt .article-box .banner5 .left p {
          margin-top: 10px;
          font-size: 14px;
          line-height: 18px;
          text-align: center; }
        .blog-detail .article-cnt .article-box .banner5 .right {
          margin-left: 90px;
          width: 500px; }
          .blog-detail .article-cnt .article-box .banner5 .right dt b {
            margin-bottom: 14px;
            display: inline-block;
            font-size: 20px;
            line-height: 25px;
            font-weight: 600;
            letter-spacing: 0px;
            text-align: left; }
          .blog-detail .article-cnt .article-box .banner5 .right ul {
            padding-left: 0; }
          .blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-wins-box .button-combe {
            background: linear-gradient(90deg, #6584ff 0%, #0054ff 100%);
            border: none; }
            .blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-wins-box .button-combe:hover {
              background: linear-gradient(90deg, #1965fd 0%, #70f 100%) !important; }
            .blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-wins-box .button-combe .arrow-icon {
              fill: #fff; }
            .blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-wins-box .button-combe .combe-text {
              color: #fff; }
          .blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-mac-box .button-combe {
            background: linear-gradient(90deg, #6584ff 0%, #0054ff 100%);
            border: none; }
            .blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-mac-box .button-combe:hover {
              background: linear-gradient(90deg, #1965fd 0%, #70f 100%) !important; }
            .blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-mac-box .button-combe .arrow-icon {
              fill: #fff; }
            .blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-mac-box .button-combe .combe-text {
              color: #fff; }
          .blog-detail .article-cnt .article-box .banner5 .right .m_btn {
            display: flex;
            align-items: center; }
            .blog-detail .article-cnt .article-box .banner5 .right .m_btn .mob {
              display: block;
              margin-top: -5px;
              margin-right: 40px; }
              .blog-detail .article-cnt .article-box .banner5 .right .m_btn .mob .arrow-right {
                fill: #000 !important; }
          .blog-detail .article-cnt .article-box .banner5 .right li {
            font-size: 14px;
            line-height: 24px;
            padding-left: 18px;
            position: relative;
            list-style: none; }
            .blog-detail .article-cnt .article-box .banner5 .right li::before {
              content: "";
              position: absolute;
              background: url(../images/itop-blog/md-checkmark.svg) no-repeat center;
              width: 9px;
              top: 9px;
              left: 0;
              height: 7px; }
          .blog-detail .article-cnt .article-box .banner5 .right .d_btn .button-combe.btn-primary .combe-text {
            top: 13px;
            text-align: left; }
            .blog-detail .article-cnt .article-box .banner5 .right .d_btn .button-combe.btn-primary .combe-text span {
              display: block;
              font-size: 12px;
              line-height: 14px;
              font-weight: 300;
              margin-left: -7px;
              transform: scale(0.9); }
          .blog-detail .article-cnt .article-box .banner5 .right .d_btn .security {
            justify-content: center;
            margin-top: 5px; }
            .blog-detail .article-cnt .article-box .banner5 .right .d_btn .security div {
              margin-left: 6px;
              font-size: 12px;
              line-height: 20px;
              color: #8e8b9d; }
      .blog-detail .article-cnt .article-box .blog-btn-tl {
        margin-bottom: 30px; }
        .blog-detail .article-cnt .article-box .blog-btn-tl .d_btn {
          align-items: flex-start;
          justify-content: center; }
          .blog-detail .article-cnt .article-box .blog-btn-tl .d_btn .equipment {
            justify-content: center; }
            .blog-detail .article-cnt .article-box .blog-btn-tl .d_btn .equipment svg {
              transform: scale(0.8); }
      .blog-detail .article-cnt .article-box .tips {
        margin: 60px 0 40px;
        font-size: 12px;
        line-height: 20px;
        color: #6c63ff;
        background: #f3f2ff;
        position: relative;
        padding: 20px 35px; }
        .blog-detail .article-cnt .article-box .tips p {
          margin-bottom: 10px;
          font-size: 16px;
          line-height: 22px;
          font-weight: 500; }
        .blog-detail .article-cnt .article-box .tips .t {
          color: #fff;
          background: #6c63ff;
          border-radius: 0px 16px 0px 0px;
          position: absolute;
          top: -32px;
          left: 0;
          padding: 4px 28px; }
      .blog-detail .article-cnt .article-box .table-box {
        margin: 40px 75px; }
        .blog-detail .article-cnt .article-box .table-box table {
          margin: auto;
          border-collapse: inherit;
          border-bottom: 1px solid #dddfeb; }
          .blog-detail .article-cnt .article-box .table-box table thead tr th {
            color: #fff;
            background: #777980; }
          .blog-detail .article-cnt .article-box .table-box table tr th,
          .blog-detail .article-cnt .article-box .table-box table tr td {
            vertical-align: middle;
            text-align: center;
            font-size: 12px;
            line-height: 14px;
            padding: 5px;
            width: auto;
            font-style: normal;
            width: 162px;
            text-align: center;
            border-left: 1px solid #dddfeb;
            border-top: 1px solid #dddfeb;
            font-weight: 500;
            color: #26272e;
            line-height: 20px; }
            .blog-detail .article-cnt .article-box .table-box table tr th:last-child,
            .blog-detail .article-cnt .article-box .table-box table tr td:last-child {
              border-right: 1px solid #dddfeb; }
          .blog-detail .article-cnt .article-box .table-box table tr td {
            font-size: 12px;
            padding: 7px;
            background: #fff;
            color: #8e8b9d; }
          .blog-detail .article-cnt .article-box .table-box table tr th {
            background: #9c9eb8;
            color: #fff;
            padding: 10px;
            font-size: 16px; }
    .blog-detail .article-cnt .idr-banner-01 {
      display: flex;
      justify-content: space-around;
      padding: 20px 30px;
      align-items: center;
      background: url(../images/itop-blog/idr-banner-bg.png) no-repeat bottom; }
      .blog-detail .article-cnt .idr-banner-01 .right {
        margin-left: 60px; }
        .blog-detail .article-cnt .idr-banner-01 .right dt {
          margin-bottom: 10px; }
          .blog-detail .article-cnt .idr-banner-01 .right dt b {
            text-align: left;
            font: normal normal normal 28px/36px Lexend Deca;
            color: #1e1c2c; }
        .blog-detail .article-cnt .idr-banner-01 .right dd {
          font: normal normal normal 14px/20px Lexend Deca;
          color: #1e1c2c; }
          .blog-detail .article-cnt .idr-banner-01 .right dd .btn-primary {
            background: linear-gradient(90deg, #3059ff 0%, #8219de 100%) 0% 0%; }
            .blog-detail .article-cnt .idr-banner-01 .right dd .btn-primary:hover {
              background: #3059ff; }
          .blog-detail .article-cnt .idr-banner-01 .right dd.last {
            margin-top: 10px;
            color: #8e8b9d;
            font-size: 12px; }
    .blog-detail .article-cnt .idr-banner-02 {
      display: flex;
      justify-content: space-around;
      padding: 20px 30px;
      align-items: center; }
      .blog-detail .article-cnt .idr-banner-02 .left p {
        padding-left: 35px;
        font: normal normal normal 12px/14px Lexend Deca;
        color: #1e1c2cb3; }
      .blog-detail .article-cnt .idr-banner-02 .right {
        margin-right: 100px; }
        .blog-detail .article-cnt .idr-banner-02 .right dt {
          margin-bottom: 15px; }
          .blog-detail .article-cnt .idr-banner-02 .right dt b {
            font: normal normal 24px/36px Lexend;
            color: #1e1c2c; }
        .blog-detail .article-cnt .idr-banner-02 .right dd {
          font: normal normal normal 12px/20px Lexend Deca; }
          .blog-detail .article-cnt .idr-banner-02 .right dd ul {
            padding-left: 0px; }
          .blog-detail .article-cnt .idr-banner-02 .right dd li {
            position: relative;
            padding-left: 15px;
            list-style-type: none;
            font: normal normal normal 13px/24px Lexend Deca; }
            .blog-detail .article-cnt .idr-banner-02 .right dd li::after {
              position: absolute;
              content: "";
              width: 9px;
              height: 7px;
              left: 0;
              top: 8px;
              background: url(../images/itop-blog/md-checkmark.svg); }
            .blog-detail .article-cnt .idr-banner-02 .right dd li::marker {
              display: none; }
          .blog-detail .article-cnt .idr-banner-02 .right dd .btn-primary {
            width: 276px;
            height: 60px;
            background: linear-gradient(90deg, #3059ff 0%, #8219de 100%) 0% 0%; }
            .blog-detail .article-cnt .idr-banner-02 .right dd .btn-primary:hover {
              background: #3059ff; }
          .blog-detail .article-cnt .idr-banner-02 .right dd p {
            margin-bottom: 0px;
            font-size: 14px; }
    .blog-detail .article-cnt .idr-banner-03 .d_btn {
      justify-content: center;
      margin: 0px auto;
      align-items: flex-start; }
      .blog-detail .article-cnt .idr-banner-03 .d_btn p {
        margin-top: 10px;
        margin-bottom: 0;
        font: normal normal normal 12px/20px Lexend Deca;
        color: #1e1c2c; }
      .blog-detail .article-cnt .idr-banner-03 .d_btn .btn-primary {
        background: linear-gradient(90deg, #3059ff 0%, #8219de 100%) 0% 0%; }
        .blog-detail .article-cnt .idr-banner-03 .d_btn .btn-primary:hover {
          background: #3059ff; }
    .blog-detail .article-cnt .browser-banner {
      position: relative;
      width: 100%;
      height: 350px;
      display: flex;
      justify-content: center;
      align-items: center;
      background: linear-gradient(90deg, #e1ddfe 0%, #e8f5fa 100%) 0% 0%; }
      .blog-detail .article-cnt .browser-banner::after {
        position: absolute;
        content: "";
        width: 453px;
        height: 211px;
        left: 0;
        top: 0;
        background: url(../images/itop-blog/browser-bg.png); }
      .blog-detail .article-cnt .browser-banner .right h2 {
        margin: 0px;
        font: normal normal normal 28px/42px Lexend Deca; }
      .blog-detail .article-cnt .browser-banner .right h3 {
        margin-bottom: 20px;
        font: normal normal normal 20px/42px Lexend Deca; }
      .blog-detail .article-cnt .browser-banner .right p {
        margin-bottom: 0px;
        font: normal normal normal 14px/24px Lexend Deca;
        color: #706c83;
        padding-left: 20px;
        background: url(../images/itop-blog/md-checkmark.svg) no-repeat left 9px; }
      .blog-detail .article-cnt .browser-banner .right .btn-primary {
        display: flex;
        width: 221px;
        height: 48px;
        padding: 0px;
        margin-top: 20px;
        align-items: center;
        justify-content: center;
        color: #fff;
        background: linear-gradient(270deg, #7a52ff 0%, #226bff 100%) 0% 0%; }
        .blog-detail .article-cnt .browser-banner .right .btn-primary:hover {
          background: transparent linear-gradient(270deg, #65b2ff 0%, #2277ff 100%) 0% 0% no-repeat padding-box; }
    .blog-detail .article-cnt .browser-btn-tl {
      margin-bottom: 20px; }
      .blog-detail .article-cnt .browser-btn-tl .d_btn {
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start; }
        .blog-detail .article-cnt .browser-btn-tl .d_btn .btn-primary {
          width: 276px;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #fff;
          background: transparent linear-gradient(90deg, #236bfb 0%, #7a53fb 100%) 0% 0% no-repeat padding-box; }
          .blog-detail .article-cnt .browser-btn-tl .d_btn .btn-primary:hover {
            background: transparent linear-gradient(270deg, #65b2ff 0%, #2277ff 100%) 0% 0% no-repeat padding-box; }
        .blog-detail .article-cnt .browser-btn-tl .d_btn .btn-gold {
          width: 276px !important; }
      .blog-detail .article-cnt .browser-btn-tl p {
        margin-top: 10px;
        width: 100%;
        font: normal normal normal 14px/20px Lexend Deca; }
  .blog-detail .article-related-reference {
    margin: 120px auto; }
    .blog-detail .article-related-reference dt {
      font-size: 24px;
      line-height: 36px;
      color: #1e1c2c;
      margin-bottom: 20px;
      position: relative;
      padding-left: 22px;
      background-color: #fff3dc; }
      .blog-detail .article-related-reference dt::after {
        content: "";
        width: 9px;
        background: #ffb21c;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0; }
    .blog-detail .article-related-reference .search-box {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap; }
      .blog-detail .article-related-reference .search-box li {
        position: relative;
        width: 290px;
        border: 1px solid #e7e5ec;
        overflow: hidden;
        margin-right: 13px;
        margin-bottom: 9px;
        transition: 0.5s ease-in-out; }
        .blog-detail .article-related-reference .search-box li:hover {
          transition: 0.5s ease-in-out;
          box-shadow: 1px 9px 20px 0px rgba(0, 0, 0, 0.25); }
          .blog-detail .article-related-reference .search-box li:hover img {
            transform: scale(1.1); }
          .blog-detail .article-related-reference .search-box li:hover .search-text p {
            color: #016ff7; }
        .blog-detail .article-related-reference .search-box li .img-box {
          width: 100%;
          height: 154px;
          overflow: hidden; }
          .blog-detail .article-related-reference .search-box li .img-box &gt; img {
            width: inherit;
            height: inherit; }
        .blog-detail .article-related-reference .search-box li img {
          display: block;
          width: 100%;
          transition: 0.5s ease-in-out;
          object-fit: cover; }
        .blog-detail .article-related-reference .search-box li .search-text {
          background-color: #fff;
          padding: 32px 19px;
          border-top: none; }
          .blog-detail .article-related-reference .search-box li .search-text p {
            position: relative;
            display: inline-block;
            width: 100%;
            margin-bottom: 0;
            font-size: 14px;
            font-weight: 400;
            color: #27282e;
            line-height: 22px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden; }
        .blog-detail .article-related-reference .search-box li:nth-child(4n) {
          margin-right: 0; }

@media screen and (max-width: 768px) {
  .m_btn .free {
    margin: 27px auto 5px;
    background: linear-gradient(90deg, #6584ff 0%, #0054ff 100%); }
  .m_btn .buy {
    background: #ffb21c;
    margin: auto; }
  .m_btn .buy,
  .m_btn .free {
    width: 205px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 44px;
    color: #fff;
    text-align: center;
    height: 45px;
    display: block; }

  .blog-detail {
    margin-top: 0; }
    .blog-detail .box-shadow-img {
      max-width: 100%;
      height: auto !important; }
    .blog-detail .pc {
      display: none !important; }
    .blog-detail .mob {
      display: block !important; }
    .blog-detail .w-p {
      width: 100%;
      padding: 0 15px; }
    .blog-detail b,
    .blog-detail strong {
      font-weight: 600; }
    .blog-detail .flex-box {
      flex-wrap: wrap; }
      .blog-detail .flex-box.nav {
        margin-top: 20px; }
        .blog-detail .flex-box.nav a {
          font-size: 12px; }
    .blog-detail .banner {
      align-items: center;
      padding: 30px;
      margin-top: 0 !important; }
      .blog-detail .banner::after {
        content: "";
        background: url(../images/itop-blog/banner-bg-mob.svg) no-repeat center;
        background-size: cover;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1;
        height: 242px;
        right: 0; }
      .blog-detail .banner .right {
        width: auto; }
        .blog-detail .banner .right dt h2 {
          font-size: 24px;
          line-height: 30px;
          font-weight: 500;
          text-align: center; }
        .blog-detail .banner .right dd p {
          font-size: 14px;
          line-height: 20px;
          margin-top: 13px;
          text-align: center; }
    .blog-detail .article-cnt {
      border: none; }
      .blog-detail .article-cnt .article-title {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 10px; }
      .blog-detail .article-cnt .article-description {
        font-size: 14px;
        line-height: 18px; }
      .blog-detail .article-cnt .article-authors {
        margin: 20px 0 15px; }
        .blog-detail .article-cnt .article-authors span {
          font-size: 12px;
          line-height: 14px; }
      .blog-detail .article-cnt .article-box {
        margin-top: 15px; }
        .blog-detail .article-cnt .article-box .own-b {
          font-size: 16px;
          line-height: 24px; }
        .blog-detail .article-cnt .article-box p {
          font-size: 14px;
          line-height: 22px; }
          .blog-detail .article-cnt .article-box p a {
            font-size: 14px;
            line-height: 22px; }
          .blog-detail .article-cnt .article-box p &gt; img {
            max-width: 100% !important;
            height: auto !important; }
        .blog-detail .article-cnt .article-box .contents {
          padding: 35px 40px;
          margin: 25px 0 30px; }
          .blog-detail .article-cnt .article-box .contents dl dt {
            font-size: 18px;
            line-height: 24px;
            padding-left: 27px;
            margin-bottom: 10px; }
            .blog-detail .article-cnt .article-box .contents dl dt::before {
              top: 5px;
              width: 17px;
              height: 15px;
              background-size: 100%; }
          .blog-detail .article-cnt .article-box .contents dl .list &gt; a, .blog-detail .article-cnt .article-box .contents dl .list &gt; h4 {
            font-size: 14px;
            line-height: 18px;
            font-weight: 400;
            margin-bottom: 5px; }
            .blog-detail .article-cnt .article-box .contents dl .list &gt; a::after, .blog-detail .article-cnt .article-box .contents dl .list &gt; h4::after {
              width: 4px;
              height: 4px; }
          .blog-detail .article-cnt .article-box .contents dl .list ul li {
            font-weight: 400;
            font-size: 12px; }
          .blog-detail .article-cnt .article-box .contents dl .default a {
            font-size: 14px;
            line-height: 21px;
            font-weight: 400; }
        .blog-detail .article-cnt .article-box .nav-tis h2 {
          font: normal normal normal 19px/27px Lexend Deca; }
          .blog-detail .article-cnt .article-box .nav-tis h2::after {
            width: 4px; }
        .blog-detail .article-cnt .article-box .table-box {
          overflow: scroll;
          width: 100%;
          padding-left: 80px;
          margin: 45px 0; }
          .blog-detail .article-cnt .article-box .table-box table {
            margin: initial; }
            .blog-detail .article-cnt .article-box .table-box table tr th,
            .blog-detail .article-cnt .article-box .table-box table tr td {
              font-size: 12px;
              padding: 4px;
              width: 80px;
              height: 30px; }
            .blog-detail .article-cnt .article-box .table-box table tr th:first-child,
            .blog-detail .article-cnt .article-box .table-box table tr td:first-child {
              position: absolute;
              left: 15px;
              border-right: 1px solid #dddfeb; }
            .blog-detail .article-cnt .article-box .table-box table tr th:nth-child(2n),
            .blog-detail .article-cnt .article-box .table-box table tr td:nth-child(2n) {
              border-left: none; }
        .blog-detail .article-cnt .article-box .tips {
          padding: 25px 18px;
          margin: 60px 0 40px; }
        .blog-detail .article-cnt .article-box .banner1 {
          padding: 170px 30px 30px;
          position: relative; }
          .blog-detail .article-cnt .article-box .banner1 .left {
            position: absolute;
            left: 30px;
            right: 30px;
            top: 0; }
            .blog-detail .article-cnt .article-box .banner1 .left img {
              width: 100%; }
          .blog-detail .article-cnt .article-box .banner1 .right {
            position: relative;
            z-index: 2; }
            .blog-detail .article-cnt .article-box .banner1 .right dt h2 {
              font-size: 24px;
              line-height: 30px;
              font-weight: 500;
              margin-bottom: 10px; }
        .blog-detail .article-cnt .article-box .banner2 {
          padding: 25px 30px 30px;
          background: url(../images/itop-blog/detail-br2-bg-mob.svg) no-repeat bottom;
          background-size: cover; }
          .blog-detail .article-cnt .article-box .banner2 .left dt h2 {
            text-align: center;
            font-size: 24px;
            line-height: 30px;
            font-weight: 500;
            margin-bottom: 10px; }
          .blog-detail .article-cnt .article-box .banner2 .right {
            margin: auto; }
        .blog-detail .article-cnt .article-box .banner3 {
          margin: 20px 0;
          padding: 90px 0 30px;
          position: relative; }
          .blog-detail .article-cnt .article-box .banner3 .left {
            position: absolute;
            left: 0;
            right: 0;
            margin: -88px auto 0;
            z-index: 9;
            text-align: center; }
            .blog-detail .article-cnt .article-box .banner3 .left.pc {
              display: none; }
            .blog-detail .article-cnt .article-box .banner3 .left img {
              margin-bottom: 0;
              width: 120px; }
            .blog-detail .article-cnt .article-box .banner3 .left p {
              margin-top: 0;
              font-size: 12px;
              line-height: 15px; }
          .blog-detail .article-cnt .article-box .banner3 .right {
            position: relative;
            z-index: 2;
            margin-left: 0;
            padding-top: 106px;
            padding-bottom: 33px;
            padding-left: 34px;
            padding-right: 34px;
            width: 100%;
            background-color: #eff4ff;
            border-radius: 5px; }
            .blog-detail .article-cnt .article-box .banner3 .right dt b {
              font: normal normal 500 18px/29px Lexend;
              margin-bottom: 10px;
              text-align: center; }
            .blog-detail .article-cnt .article-box .banner3 .right ul li {
              font-size: 12px;
              line-height: 18px; }
            .blog-detail .article-cnt .article-box .banner3 .right .m_btn .free {
              margin-top: 15px; }
        .blog-detail .article-cnt .article-box .banner4 {
          margin: 20px 0;
          padding: 90px 0 30px;
          position: relative; }
          .blog-detail .article-cnt .article-box .banner4 .left {
            position: absolute;
            left: 0;
            right: 0;
            margin: -108px auto 0;
            z-index: 9;
            text-align: center; }
            .blog-detail .article-cnt .article-box .banner4 .left.pc {
              display: none; }
            .blog-detail .article-cnt .article-box .banner4 .left img {
              margin-bottom: 0;
              width: 182px; }
            .blog-detail .article-cnt .article-box .banner4 .left p {
              margin-top: 0;
              font-size: 12px;
              line-height: 15px; }
          .blog-detail .article-cnt .article-box .banner4 .right {
            position: relative;
            z-index: 2;
            margin-left: 0;
            padding-top: 106px;
            padding-bottom: 33px;
            padding-left: 34px;
            padding-right: 34px;
            width: 100%;
            background: transparent linear-gradient(0deg, #f5f8ff 0%, #f7efff 100%) 0% 0% no-repeat padding-box;
            border-radius: 5px; }
            .blog-detail .article-cnt .article-box .banner4 .right dl dt {
              text-align: center; }
              .blog-detail .article-cnt .article-box .banner4 .right dl dt b {
                font: normal normal 500 18px/29px Lexend;
                margin-bottom: 10px;
                text-align: center;
                font-weight: bold;
                width: 237px;
                margin-top: -40px; }
            .blog-detail .article-cnt .article-box .banner4 .right ul li {
              font-size: 14px;
              line-height: 24px; }
            .blog-detail .article-cnt .article-box .banner4 .right .b_btn {
              flex-direction: column; }
            .blog-detail .article-cnt .article-box .banner4 .right .m_btn {
              height: 90px;
              margin-bottom: -30px;
              padding-top: 1px; }
              .blog-detail .article-cnt .article-box .banner4 .right .m_btn .free {
                margin-top: 15px;
                background: transparent linear-gradient(90deg, #6082ff 0%, #0255ff 100%) 0% 0% no-repeat padding-box;
                color: #fff; }
        .blog-detail .article-cnt .article-box .banner5 {
          margin: 20px 0;
          padding: 90px 0 30px;
          position: relative; }
          .blog-detail .article-cnt .article-box .banner5 .left {
            position: absolute;
            left: 0;
            right: 0;
            margin: -88px auto 0;
            z-index: 9;
            text-align: center; }
            .blog-detail .article-cnt .article-box .banner5 .left.pc {
              display: none; }
            .blog-detail .article-cnt .article-box .banner5 .left img {
              margin-bottom: 0;
              width: 182px; }
            .blog-detail .article-cnt .article-box .banner5 .left p {
              margin-top: 0;
              font-size: 12px;
              line-height: 15px; }
          .blog-detail .article-cnt .article-box .banner5 .right {
            position: relative;
            z-index: 2;
            margin-left: 0;
            padding-top: 106px;
            padding-bottom: 33px;
            padding-left: 34px;
            padding-right: 34px;
            width: 100%;
            background: transparent linear-gradient(0deg, #f5f8ff 0%, #f7efff 100%) 0% 0% no-repeat padding-box;
            border-radius: 5px; }
            .blog-detail .article-cnt .article-box .banner5 .right dl dt {
              text-align: center; }
              .blog-detail .article-cnt .article-box .banner5 .right dl dt b {
                font: normal normal 500 18px/29px Lexend;
                margin-bottom: 10px;
                text-align: center;
                font-weight: bold;
                width: 196px;
                margin-top: -40px; }
            .blog-detail .article-cnt .article-box .banner5 .right ul li {
              font-size: 14px;
              line-height: 24px; }
            .blog-detail .article-cnt .article-box .banner5 .right .b_btn {
              flex-direction: column; }
            .blog-detail .article-cnt .article-box .banner5 .right .m_btn {
              height: 90px;
              margin-bottom: -30px;
              padding-top: 1px; }
              .blog-detail .article-cnt .article-box .banner5 .right .m_btn .free {
                margin-top: 15px;
                background: transparent linear-gradient(90deg, #6082ff 0%, #0255ff 100%) 0% 0% no-repeat padding-box;
                color: #fff; }
      .blog-detail .article-cnt .idr-banner-01 {
        background: transparent linear-gradient(106deg, rgba(141, 83, 235, 0.1) 0%, rgba(0, 84, 255, 0.1) 55%, rgba(48, 222, 180, 0.1) 100%) 0% 0% no-repeat padding-box; }
        .blog-detail .article-cnt .idr-banner-01 .right {
          margin-left: 0px; }
      .blog-detail .article-cnt .idr-banner-02 {
        flex-wrap: wrap; }
        .blog-detail .article-cnt .idr-banner-02 .right {
          margin-right: 0px; }
        .blog-detail .article-cnt .idr-banner-02 .d_btn {
          flex-wrap: wrap; }
      .blog-detail .article-cnt .idr-banner-03 .d_btn {
        flex-wrap: wrap; }
      .blog-detail .article-cnt .idr-banner-03 .button-link {
        display: block; }
      .blog-detail .article-cnt .browser-banner {
        padding: 20px 10px;
        height: auto;
        flex-wrap: wrap-reverse; }
        .blog-detail .article-cnt .browser-banner .right h2 {
          font-size: 24px; }
        .blog-detail .article-cnt .browser-banner .right h3 {
          font-size: 16px;
          line-height: 36px; }
    .blog-detail .article-related-reference {
      margin: 50px 0 80px; }
      .blog-detail .article-related-reference dt {
        font-size: 18px;
        line-height: 20px;
        padding: 2px 0;
        padding-left: 11px; }
        .blog-detail .article-related-reference dt::after {
          width: 4px; }
      .blog-detail .article-related-reference .search-box {
        justify-content: space-between; }
        .blog-detail .article-related-reference .search-box li {
          margin-right: 0;
          width: 49%;
          margin-bottom: 7px; }
          .blog-detail .article-related-reference .search-box li .img-box {
            height: 122px; }
            .blog-detail .article-related-reference .search-box li .img-box &gt; img {
              height: 100%; }
          .blog-detail .article-related-reference .search-box li .search-text {
            padding: 12px 10px; } }

/*# sourceMappingURL=blog-detail.css.map */
</pre></body></html>