body main .article-frame {
    margin: 22px auto 67px auto;
    padding: 31px 0 103px 0;
    max-width: 1143px;
    width: 95%;
    background: white; }
    @media all and (max-width: 764px) {
      body main .article-frame {
        width: auto;
        margin: 0 auto 0 auto;
        padding: 0 0 77px 0; } }
    body main .article-frame .article {
      margin: 0 auto 0 auto;
      max-width: 758px;
      width: 66.31671%; }
      @media all and (max-width: 1024px) {
        body main .article-frame .article {
          max-width: none;
          width: 80%; } }
      @media all and (max-width: 764px) {
        body main .article-frame .article {
          position: relative;
          width: 90.4%;
          margin: 0 auto 0 auto;
          padding: 12px 0 0 0; } }
      body main .article-frame .article .breadcrumbs {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
        @media all and (max-width: 764px) {
          body main .article-frame .article .breadcrumbs {
            display: none; } }
        body main .article-frame .article .breadcrumbs * {
          font-size: 16px;
          letter-spacing: 1px;
          line-height: 30px; }
        body main .article-frame .article .breadcrumbs a {
          color: RGBA(57, 161, 255, 1);
          text-decoration: none;
          border-bottom: 0;
          padding-bottom: 1px; }
        body main .article-frame .article .breadcrumbs span.separator {
          padding: 0 0.4em 0 0.4em; }
        body main .article-frame .article .breadcrumbs span:last-child {
          color: RGBA(48, 49, 51, 1); }
      body main .article-frame .article h2 {
        margin: 33px 0 4px 0;
        font-size: 24px;
        color: black;
        line-height: 32px;
        letter-spacing: 2px; }
        body main.case .article-frame .article h2 {
          margin: 33px 0 24px 0; }
          @media all and (max-width: 764px) {
            body main.case .article-frame .article h2 {
              margin: 0 0 20px 0; } }
        body main.help .article-frame .article h2 {
          margin: 33px 0 24px 0; }
          @media all and (max-width: 764px) {
            body main.help .article-frame .article h2 {
              max-width: none;
              margin: 0 0 20px 0; } }
        @media all and (max-width: 764px) {
          body main .article-frame .article h2 {
            max-width: 80%;
            margin: 0 0 20px 0;
            font-size: 15px;
            letter-spacing: 1px;
            line-height: 18px; } }
      body main .article-frame .article .date {
        margin: 4px 0 24px 0;
        font-size: 14px;
        color: #909399;
        line-height: 30px; }
        @media all and (max-width: 764px) {
          body main .article-frame .article .date {
            margin: 0;
            position: absolute;
            top: 12px;
            right: 0;
            font-size: 10px;
            color: #909399;
            line-height: 18px; } }
      body main .article-frame .article h3 {
        margin: 24px 0 10px 0;
        font-size: 18px;
        color: black;
        line-height: 28px;
        letter-spacing: 1px; }
        @media all and (max-width: 764px) {
          body main .article-frame .article h3 {
            margin: 20px 0 10px 0;
            font-size: 14px;
            line-height: 14px; } }
      body main .article-frame .article h4 {
        margin: 10px 0 8px 0;
        font-size: 16px;
        color: RGBA(48, 49, 51, 1);
        line-height: 24px; }
        @media all and (max-width: 764px) {
          body main .article-frame .article h4 {
            margin: 21px 0 8px 0;
            font-size: 13px;
            line-height: 15px; } }
      body main .article-frame .article p {
        margin: 8px 0 16px 0;
        font-size: 15px;
        color: #606266;
        line-height: 28px;
        letter-spacing: 1px;
        text-align: justify; }
        @media all and (max-width: 764px) {
          body main .article-frame .article p {
            margin: 8px 0 10px 0;
            font-size: 12px;
            line-height: 17px; } }
      body main .article-frame .article ul, body main .article-frame .article ol {
        margin: 12px 0 24px 0;
        padding: 0 0 0 20px; }
        body main .article-frame .article ul li, body main .article-frame .article ol li {
          margin: 4px 0 4px 0;
          font-size: 15px;
          color: #606266;
          line-height: 28px; }
          @media all and (max-width: 764px) {
            body main .article-frame .article ul li, body main .article-frame .article ol li {
              font-size: 12px;
              line-height: 17px; } }
      body main .article-frame .article ol ol {
        list-style-type: lower-latin; }
      body main .article-frame .article img {
        max-width: 100%;
        margin: 4px auto 32px auto;
        border: 1px solid rgba(0, 0, 0, 0.1); }
        @media all and (max-width: 764px) {
          body main .article-frame .article img {
            margin: 4px auto 10px auto; } }
      body main .article-frame .article img.qrcode {
        max-width: 10em; }
      @media all and (max-width: 764px) {
        body main .article-frame .article img.mobile-ui {
          max-height: 400px; } }
      body main .article-frame .article em {
        font-style: normal;
        font-weight: bold; }
      body main .article-frame .article a {
        color: RGBA(57, 161, 255, 1);
        text-decoration: none;
        border-bottom: 1px solid RGBA(57, 161, 255, 1); }