@charset "UTF-8";
.recorder {
  margin-top: 60px; }
  .recorder.blog {
    position: relative;
    background: #fff; }
    .recorder.blog .container {
      width: 1200px;
      min-width: 1200px;
      margin: 0px auto; }
    .recorder.blog .banner {
      height: 423px;
      background: url(../images/blog/blog-bg.jpg) center bottom no-repeat; }
      .recorder.blog .banner .message {
        float: right;
        width: 680px; }
        .recorder.blog .banner .message h2,
        .recorder.blog .banner .message h1 {
          padding: 42px 0 25px;
          color: #26272e;
          font-size: 24px;
          line-height: 36px;
          font-weight: 600; }
          .recorder.blog .banner .message h2 span,
          .recorder.blog .banner .message h1 span {
            font-size: 22px; }
        .recorder.blog .banner .message p {
          position: relative;
          margin-top: 5px;
          color: #555555;
          font-weight: 400;
          font-size: 14px;
          line-height: 33px;
          padding-left: 15px; }
          .recorder.blog .banner .message p::after {
            position: absolute;
            content: "";
            width: 5px;
            height: 5px;
            left: 0;
            top: 12px;
            border-radius: 50%;
            background-color: #000000; }
        .recorder.blog .banner .message .mob {
          display: none; }
      .recorder.blog .banner .imgbox {
        margin-top: 65px;
        float: left;
        width: 500px; }
        .recorder.blog .banner .imgbox img {
          position: relative;
          z-index: 1;
          display: inline-block; }
    .recorder.blog .blog-search {
      padding: 70px 0 30px;
      border-bottom: 1px solid #e0e0e0; }
      .recorder.blog .blog-search .search-title {
        float: left;
        width: 50%; }
        .recorder.blog .blog-search .search-title h2 {
          color: #222;
          font-size: 24px;
          font-weight: 600;
          line-height: 24px; }
      .recorder.blog .blog-search .search {
        position: relative;
        float: right;
        max-width: 50%; }
        .recorder.blog .blog-search .search input {
          position: relative;
          padding: 0 46px 0 22px;
          width: 228px;
          height: 46px;
          color: #999;
          font-size: 18px;
          font-weight: 500;
          line-height: 20px;
          background: #f6f6f6;
          border-radius: 6px;
          box-sizing: border-box;
          border: 1px solid #e0e0e0;
          outline: none;
          -webkit-appearance: none !important;
          vertical-align: middle;
          line-height: normal;
          text-align: left;
          transition: all 0.3s; }
        .recorder.blog .blog-search .search .search-btn {
          display: block;
          position: absolute;
          top: 0%;
          right: 20px;
          transform: translate(0%, 50%);
          width: 23px;
          height: 23px;
          background: url(../images/blog/search-icon.png) no-repeat; }
    .recorder.blog .blog-rearch-result img {
      position: absolute;
      display: block;
      width: 100%;
      max-width: none;
      height: 100%;
      object-fit: cover;
      border-radius: 4px; }
    .recorder.blog .blog-rearch-result a {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 4px;
      -webkit-transition: 0.5s ease-in-out;
      transition: 0.5s ease-in-out; }
      .recorder.blog .blog-rearch-result a:after {
        position: absolute;
        content: "YTB Subs";
        display: none;
        height: 30px;
        padding: 0px 10px;
        left: 0;
        top: 0;
        line-height: 30px;
        font-size: 12px;
        color: #fff;
        border-radius: 2px;
        border-top-left-radius: 4px;
        background-color: #6579fc; }
      .recorder.blog .blog-rearch-result a:hover {
        opacity: 0.8;
        box-shadow: 0px 6px 30px 0px rgba(19, 22, 38, 0.52);
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out; }
    .recorder.blog .blog-rearch-result .subs-tag {
      display: inline-block;
      position: absolute;
      padding: 0 7px;
      height: 30px;
      color: #fff;
      font-size: 12px;
      font-weight: 600;
      line-height: 30px;
      background: #6579fc;
      border-radius: 4px 0 3px 0px; }
    .recorder.blog .blog-rearch-result .blog-result-title {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 110px;
      line-height: 110px;
      background: rgba(0, 0, 0, 0.6);
      border-radius: 0px 0 4px 4px; }
      .recorder.blog .blog-rearch-result .blog-result-title h3 {
        display: inline-block;
        padding: 0 30px;
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        line-height: 30px;
        text-align: left;
        vertical-align: middle;
        margin-top: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical; }
    .recorder.blog .blog-rearch-result .message-box {
      display: flex;
      justify-content: space-between; }
      .recorder.blog .blog-rearch-result .message-box a .tag {
        display: inline-block;
        position: absolute;
        top: 12px;
        left: 0;
        padding: 0 10px;
        width: auto;
        height: 22px;
        line-height: 24px;
        color: #1e1c2c;
        font-size: 12px;
        font-weight: 600;
        background-color: #30deb4;
        z-index: 9; }
      .recorder.blog .blog-rearch-result .message-box .left-box {
        margin-top: 58px;
        width: 170px; }
        .recorder.blog .blog-rearch-result .message-box .left-box dt {
          margin-bottom: 24px;
          font-size: 14px;
          font-weight: 600;
          line-height: 20px; }
        .recorder.blog .blog-rearch-result .message-box .left-box dd a {
          color: #0054ff;
          font-size: 12px;
          font-weight: 500;
          line-height: 28px;
          cursor: pointer;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
          .recorder.blog .blog-rearch-result .message-box .left-box dd a:hover {
            box-shadow: none;
            text-decoration: underline; }
      .recorder.blog .blog-rearch-result .message-box .right-message {
        width: 1000px; }
    .recorder.blog .result-hot-box {
      margin-top: 58px;
      height: 498px; }
      .recorder.blog .result-hot-box .hot-left {
        position: relative;
        float: left;
        width: 684px;
        height: inherit;
        background: #fff;
        border-radius: 4px; }
        .recorder.blog .result-hot-box .hot-left:after {
          position: absolute;
          content: "YTB Subs";
          display: none;
          height: 30px;
          padding: 0px 10px;
          left: 0;
          top: 0;
          line-height: 30px;
          font-size: 12px;
          color: #fff;
          border-radius: 2px;
          border-top-left-radius: 4px;
          background-color: #6579fc; }
        .recorder.blog .result-hot-box .hot-left a .tag {
          top: 26px;
          height: 30px;
          line-height: 30px;
          font-size: 16px; }
      .recorder.blog .result-hot-box .hot-right {
        float: right;
        width: 306px; }
        .recorder.blog .result-hot-box .hot-right .hot-right-list {
          position: relative;
          margin-bottom: 30px;
          height: 234px; }
          .recorder.blog .result-hot-box .hot-right .hot-right-list:after {
            position: absolute;
            content: "YTB Subs";
            height: 30px;
            display: none;
            padding: 0px 10px;
            left: 0;
            top: 0;
            line-height: 30px;
            font-size: 12px;
            color: #fff;
            border-radius: 2px;
            border-top-left-radius: 4px;
            background-color: #6579fc; }
          .recorder.blog .result-hot-box .hot-right .hot-right-list:last-child {
            margin-bottom: 0px; }
    .recorder.blog .result-list {
      padding: 40px 0 80px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      list-style: none;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .recorder.blog .result-list li {
        margin-right: 9px;
        margin-bottom: 10px;
        width: 243px;
        height: 287px;
        background: transparent;
        border-radius: 4px;
        border: 1px solid #e0e0e0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        .recorder.blog .result-list li:nth-child(4n) {
          margin-right: 0px; }
        .recorder.blog .result-list li .blog-result-title {
          position: relative;
          height: auto !important;
          line-height: normal;
          background: #fff;
          border-radius: 0 0 6px 6px; }
          .recorder.blog .result-list li .blog-result-title h3 {
            padding: 0 30px;
            margin-top: 8px;
            color: #222;
            font-size: 14px;
            font-weight: 600;
            line-height: 24px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical; }
        .recorder.blog .result-list li:hover .blog-result-title h3 {
          color: #1264fc;
          text-decoration: underline; }
      .recorder.blog .result-list .list-img {
        position: relative;
        height: 194px; }
        .recorder.blog .result-list .list-img img {
          border-radius: 4px 4px 0 0; }
    .recorder.blog .record-btn {
      margin-top: 40px;
      height: 56px;
      background: #34F1A5;
      border-radius: 8px;
      color: #fff;
      font-size: 20px;
      font-weight: 500;
      text-align: center;
      line-height: 66px;
      text-decoration: none; }
      .recorder.blog .record-btn .down-txt {
        color: #000;
        font-size: 16px;
        font-weight: 500; }
      .recorder.blog .record-btn:hover {
        opacity: 0.7;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
        text-decoration: none; }
      .recorder.blog .record-btn.buy {
        margin-left: 10px;
        min-width: 200px;
        box-sizing: border-box;
        border: 1px solid #000;
        border-radius: 8px;
        background-color: transparent; }
        .recorder.blog .record-btn.buy .buy-icon {
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 0;
          height: 0;
          opacity: 0;
          transition: all 0.2s; }
        .recorder.blog .record-btn.buy:hover {
          border: none;
          background-color: #ffbd4a; }
          .recorder.blog .record-btn.buy:hover .buy-icon {
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 20px;
            height: 20px;
            opacity: 1;
            transition: all 0.2s 0.2s;
            background: url(../images/recorder/buy-cart.png);
            background-size: 20px 20px; }
    .recorder.blog .record-btn-wins {
      width: 286px;
      height: 66px; }
      .recorder.blog .record-btn-wins .down-txt {
        position: relative;
        top: 5px;
        left: 55%; }
      .recorder.blog .record-btn-wins:hover .down-txt {
        top: 35%;
        left: 50%; }
        .recorder.blog .record-btn-wins:hover .down-txt::before {
          content: "";
          display: inline-block;
          position: relative;
          top: 15px;
          left: -20px;
          width: 26px;
          height: 26px;
          background: url(../images/blog/blog-wins.png) no-repeat;
          background-size: 100%; }
        .recorder.blog .record-btn-wins:hover .down-txt::after {
          content: "Für Win 11/10/8/7";
          display: block;
          position: absolute;
          top: 28px;
          left: 33%;
          color: #000;
          font-size: 12px;
          font-weight: 500; }
    .recorder.blog.detail .banner {
      position: relative;
      height: 423px; }
      .recorder.blog.detail .banner .container {
        position: relative;
        z-index: 1; }
      .recorder.blog.detail .banner .banner-image {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 0;
        width: 100%;
        height: inherit; }
        .recorder.blog.detail .banner .banner-image > img {
          position: absolute;
          display: block;
          width: 100%;
          max-width: none;
          height: 100%;
          object-fit: cover; }
    .recorder.blog .blog-detail-article {
      padding: 70px 0; }
      .recorder.blog .blog-detail-article blockquote,
      .recorder.blog .blog-detail-article pre,
      .recorder.blog .blog-detail-article a,
      .recorder.blog .blog-detail-article abbr,
      .recorder.blog .blog-detail-article acronym,
      .recorder.blog .blog-detail-article address,
      .recorder.blog .blog-detail-article big,
      .recorder.blog .blog-detail-article cite,
      .recorder.blog .blog-detail-article code,
      .recorder.blog .blog-detail-article del,
      .recorder.blog .blog-detail-article dfn,
      .recorder.blog .blog-detail-article em,
      .recorder.blog .blog-detail-article img,
      .recorder.blog .blog-detail-article ins,
      .recorder.blog .blog-detail-article kbd,
      .recorder.blog .blog-detail-article q,
      .recorder.blog .blog-detail-article s,
      .recorder.blog .blog-detail-article samp,
      .recorder.blog .blog-detail-article small,
      .recorder.blog .blog-detail-article strike,
      .recorder.blog .blog-detail-article strong,
      .recorder.blog .blog-detail-article sub,
      .recorder.blog .blog-detail-article sup,
      .recorder.blog .blog-detail-article tt,
      .recorder.blog .blog-detail-article var,
      .recorder.blog .blog-detail-article b,
      .recorder.blog .blog-detail-article u,
      .recorder.blog .blog-detail-article i,
      .recorder.blog .blog-detail-article center,
      .recorder.blog .blog-detail-article dl,
      .recorder.blog .blog-detail-article dt,
      .recorder.blog .blog-detail-article dd,
      .recorder.blog .blog-detail-article ol,
      .recorder.blog .blog-detail-article ul,
      .recorder.blog .blog-detail-article li,
      .recorder.blog .blog-detail-article fieldset,
      .recorder.blog .blog-detail-article form,
      .recorder.blog .blog-detail-article label,
      .recorder.blog .blog-detail-article legend,
      .recorder.blog .blog-detail-article table,
      .recorder.blog .blog-detail-article caption,
      .recorder.blog .blog-detail-article tbody,
      .recorder.blog .blog-detail-article tfoot,
      .recorder.blog .blog-detail-article thead,
      .recorder.blog .blog-detail-article tr,
      .recorder.blog .blog-detail-article th,
      .recorder.blog .blog-detail-article td,
      .recorder.blog .blog-detail-article article,
      .recorder.blog .blog-detail-article aside,
      .recorder.blog .blog-detail-article canvas,
      .recorder.blog .blog-detail-article details,
      .recorder.blog .blog-detail-article embed,
      .recorder.blog .blog-detail-article figure,
      .recorder.blog .blog-detail-article figcaption,
      .recorder.blog .blog-detail-article footer,
      .recorder.blog .blog-detail-article header,
      .recorder.blog .blog-detail-article menu,
      .recorder.blog .blog-detail-article nav,
      .recorder.blog .blog-detail-article output,
      .recorder.blog .blog-detail-article ruby,
      .recorder.blog .blog-detail-article section,
      .recorder.blog .blog-detail-article summary,
      .recorder.blog .blog-detail-article time,
      .recorder.blog .blog-detail-article mark,
      .recorder.blog .blog-detail-article audio,
      .recorder.blog .blog-detail-article video,
      .recorder.blog .blog-detail-article input {
        margin: 0;
        padding: 0;
        border: 0;
        font-weight: normal;
        vertical-align: baseline;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
      .recorder.blog .blog-detail-article article,
      .recorder.blog .blog-detail-article aside,
      .recorder.blog .blog-detail-article details,
      .recorder.blog .blog-detail-article figcaption,
      .recorder.blog .blog-detail-article figure,
      .recorder.blog .blog-detail-article footer,
      .recorder.blog .blog-detail-article header,
      .recorder.blog .blog-detail-article menu,
      .recorder.blog .blog-detail-article nav,
      .recorder.blog .blog-detail-article section {
        display: block; }
      .recorder.blog .blog-detail-article .article-nav {
        font-size: 0; }
        .recorder.blog .blog-detail-article .article-nav a,
        .recorder.blog .blog-detail-article .article-nav span {
          display: inline-block;
          color: #1264fc;
          font-size: 18px;
          line-height: 28px;
          font-weight: 500;
          vertical-align: middle; }
        .recorder.blog .blog-detail-article .article-nav a {
          color: #1264fc;
          -webkit-transition: all 0.1s;
          transition: all 0.1s; }
          .recorder.blog .blog-detail-article .article-nav a:hover {
            opacity: 0.7;
            text-decoration: none;
            -webkit-transition: all 0.1s;
            transition: all 0.1s; }
        .recorder.blog .blog-detail-article .article-nav span.gt {
          padding: 0 8px;
          color: #555; }
      .recorder.blog .blog-detail-article .article-cnt {
        position: relative;
        margin-top: 66px;
        padding: 54px 42px;
        border-radius: 4px;
        background: #fff;
        box-shadow: 0px 5px 30px 0px rgba(19, 22, 38, 0.1); }
        .recorder.blog .blog-detail-article .article-cnt .article-text-list {
          width: 1100px;
          display: flex;
          flex-direction: row;
          justify-content: space-around;
          align-self: center;
          margin-bottom: 40px;
          margin: 0 auto 0; }
          .recorder.blog .blog-detail-article .article-cnt .article-text-list ul li {
            list-style: none; }
          .recorder.blog .blog-detail-article .article-cnt .article-text-list .article-list-one {
            background-color: #EDF7FF;
            width: 400px; }
            .recorder.blog .blog-detail-article .article-cnt .article-text-list .article-list-one ._list_header {
              position: relative;
              width: 100%;
              height: 85px;
              line-height: 85px;
              font-size: 26px;
              font-weight: 500;
              color: #FFFFFF;
              background-color: #7CA8E5;
              text-align: center; }
              .recorder.blog .blog-detail-article .article-cnt .article-text-list .article-list-one ._list_header::after {
                content: '';
                position: absolute;
                left: 50%;
                margin-left: -10px;
                bottom: -10px;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 10px 10px 0 10px;
                border-color: #7CA8E5 transparent transparent transparent; }
            .recorder.blog .blog-detail-article .article-cnt .article-text-list .article-list-one ul {
              margin-top: 30px;
              padding-left: 40px;
              padding-right: 20px; }
              .recorder.blog .blog-detail-article .article-cnt .article-text-list .article-list-one ul li {
                position: relative;
                font-size: 13px;
                font-weight: 500;
                color: #26272E;
                line-height: 26px;
                padding-left: 0;
                margin-bottom: 20px; }
                .recorder.blog .blog-detail-article .article-cnt .article-text-list .article-list-one ul li::after {
                  content: '';
                  position: absolute;
                  left: -26px;
                  top: 6px;
                  width: 15px;
                  height: 15px;
                  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABAklEQVQokZ3SvyuFcRTH8ddFMilKKYvBZBWTwcJkMMhfoMiilFJG2WySsImSH4OBf8Agm1IMBv+AhcJg0dF56ul27+3e+1mec57v8z7fcz7PqcztvGlXHW1wi/jCRleL4Dj20I21Vm7uw3mCoa1m4QqOMZz5JXabhdcxm/Frzv1vWA8mG5gXZ9sZ/2ABHwV8hTtco7cKHMAZCmNX8VgcBjyWcbR1j5HMO3GKocxPcFSuHPA0ik0ZxUO+28xn6BlL1fNEO0+YwAWm0I/bdFguxDy+q+HCpHfMYL9UNNoOLeOllpNlh3+xkh+Hq6HDnLWmav2eAwymgVGsrurt9iduGoHwB8eiKIzQQ9weAAAAAElFTkSuQmCC);
                  background-repeat: no-repeat;
                  background-position: top center;
                  background-color: transparent; }
          .recorder.blog .blog-detail-article .article-cnt .article-text-list .article-list-two {
            background-color: #FFF6E5;
            width: 400px; }
            .recorder.blog .blog-detail-article .article-cnt .article-text-list .article-list-two ._list_header {
              position: relative;
              width: 100%;
              height: 85px;
              font-size: 26px;
              font-weight: 500;
              color: #FFFFFF;
              line-height: 85px;
              background-color: #FD6B3F;
              text-align: center; }
              .recorder.blog .blog-detail-article .article-cnt .article-text-list .article-list-two ._list_header::after {
                content: '';
                position: absolute;
                left: 50%;
                margin-left: -10px;
                bottom: -10px;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 10px 10px 0 10px;
                border-color: #FD6B3F transparent transparent transparent; }
            .recorder.blog .blog-detail-article .article-cnt .article-text-list .article-list-two ul {
              margin-top: 30px;
              padding-left: 40px;
              padding-right: 20px; }
              .recorder.blog .blog-detail-article .article-cnt .article-text-list .article-list-two ul li {
                position: relative;
                font-size: 13px;
                font-weight: 500;
                color: #26272E;
                line-height: 26px;
                padding-left: 0;
                margin-bottom: 20px; }
                .recorder.blog .blog-detail-article .article-cnt .article-text-list .article-list-two ul li::after {
                  content: '';
                  position: absolute;
                  left: -26px;
                  top: 6px;
                  width: 15px;
                  height: 15px;
                  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA00lEQVQokZ3SrQ3CUBTF8T/fAkFSBCvUohGYooAtWKBzILoAgiGQ7IBlCZogKoCSkNPcBvpyQVBT8c6v992Ttsp9wj9P28wc2ALxj2/EllEWTRwAF2Bo7wVwCtAUOAIRUAATTXwCVwuMLaCgh7DsXbAEVkBuB9EHDlFu2Ue9o66WODhESb1G+30jF7sohDVOnUbTsLAQaqfMgVlQWAN6RXiFNaCHtJNXWIUFu8DhSxFeYcr2BDvAyA705zTac7CyfU27AUtgDeyAs1OO8AzYVBOheAGPDDzoUUIoswAAAABJRU5ErkJggg==);
                  background-repeat: no-repeat;
                  background-position: top center;
                  background-color: transparent; }
        .recorder.blog .blog-detail-article .article-cnt p {
          padding-bottom: 0px; }
        .recorder.blog .blog-detail-article .article-cnt table {
          margin: 24px auto !important;
          width: 100%;
          border: 1px solid #e0e0e0; }
          .recorder.blog .blog-detail-article .article-cnt table td {
            padding: 10px;
            line-height: 18px !important;
            text-align: center;
            vertical-align: middle !important;
            font-family: "Roboto", "sans-serif" !important;
            border: 1px solid #e0e0e0; }
          .recorder.blog .blog-detail-article .article-cnt table h3,
          .recorder.blog .blog-detail-article .article-cnt table h2,
          .recorder.blog .blog-detail-article .article-cnt table h4,
          .recorder.blog .blog-detail-article .article-cnt table h5,
          .recorder.blog .blog-detail-article .article-cnt table h6,
          .recorder.blog .blog-detail-article .article-cnt table p {
            padding: 0 16px;
            text-align: left !important; }
        .recorder.blog .blog-detail-article .article-cnt .article-title {
          padding-top: 10px;
          color: #222;
          font-size: 30px;
          line-height: 44px;
          font-weight: 600; }
        .recorder.blog .blog-detail-article .article-cnt .article-description {
          margin-top: 32px;
          padding-bottom: 0px;
          color: #666;
          font-size: 16px;
          font-weight: 500;
          line-height: 26px; }
        .recorder.blog .blog-detail-article .article-cnt .article-authors {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          justify-items: flex-start;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          font-size: 16px;
          font-weight: 400;
          color: #9c9eab;
          line-height: 1.4;
          margin: 20px 0 40px; }
          .recorder.blog .blog-detail-article .article-cnt .article-authors ._split {
            display: inline-block;
            width: 1px;
            height: 17px;
            background-color: #9c9eab;
            margin: 0 10px; }
        .recorder.blog .blog-detail-article .article-cnt .article-share {
          overflow: hidden;
          border-bottom: 1px solid #dddfe9; }
          .recorder.blog .blog-detail-article .article-cnt .article-share .share-box {
            float: right; }
        .recorder.blog .blog-detail-article .article-cnt p[data-f-id="pbf"] {
          display: none !important; }
        .recorder.blog .blog-detail-article .article-cnt .article-article p,
        .recorder.blog .blog-detail-article .article-cnt .article-article ul,
        .recorder.blog .blog-detail-article .article-cnt .article-article ol {
          margin-bottom: 10px;
          font-size: 15px;
          font-weight: 400;
          color: #000;
          line-height: 30px; }
        .recorder.blog .blog-detail-article .article-cnt .article-article b,
        .recorder.blog .blog-detail-article .article-cnt .article-article strong {
          padding-top: 15px;
          font-weight: 600;
          color: #26272e;
          line-height: 32px;
          margin-bottom: 20px; }
        .recorder.blog .blog-detail-article .article-cnt .article-article article > h2 {
          display: flex;
          margin-top: 20px;
          color: #1e1c2c;
          background: #e6efff 0% 0% no-repeat padding-box;
          position: relative;
          margin-bottom: 20px;
          padding: 20px 0px;
          padding-left: 34px;
          font-size: 30px;
          font-weight: 600;
          color: #27282E;
          align-items: center; }
          .recorder.blog .blog-detail-article .article-cnt .article-article article > h2::after {
            content: "";
            width: 9px;
            background: #0054ff 0% 0% no-repeat padding-box;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0; }
        .recorder.blog .blog-detail-article .article-cnt .article-article {
          margin-top: 46px; }
          .recorder.blog .blog-detail-article .article-cnt .article-article img {
            margin: 40px auto;
            display: block;
            max-width: 100%; }
          .recorder.blog .blog-detail-article .article-cnt .article-article > h2 {
            display: flex;
            margin-top: 20px;
            color: #1e1c2c;
            background: #e6efff 0% 0% no-repeat padding-box;
            position: relative;
            margin-bottom: 20px;
            padding: 20px 0px;
            padding-left: 34px;
            font-size: 30px;
            font-weight: 600;
            color: #27282e;
            align-items: center;
            flex-wrap: wrap; }
            .recorder.blog .blog-detail-article .article-cnt .article-article > h2::after {
              content: "";
              width: 9px;
              background: #0054ff 0% 0% no-repeat padding-box;
              position: absolute;
              left: 0;
              top: 0;
              bottom: 0; }
            .recorder.blog .blog-detail-article .article-cnt .article-article > h2 strong {
              line-height: 36px; }
          .recorder.blog .blog-detail-article .article-cnt .article-article h3 {
            margin-top: 20px;
            margin-bottom: 8px;
            font-size: 24px;
            font-weight: 600;
            color: #27282e;
            line-height: 1.2; }
          .recorder.blog .blog-detail-article .article-cnt .article-article a {
            color: #005fff;
            cursor: pointer;
            font-weight: 500;
            -webkit-transition: all 0.1s;
            transition: all 0.1s; }
            .recorder.blog .blog-detail-article .article-cnt .article-article a:hover {
              opacity: 0.7; }
          .recorder.blog .blog-detail-article .article-cnt .article-article article > h2 {
            margin-top: 20px;
            color: #1e1c2c;
            background: #e6efff 0% 0% no-repeat padding-box;
            position: relative;
            margin-bottom: 20px;
            padding: 20px 0px;
            padding-left: 34px;
            font-size: 30px;
            font-weight: 600;
            color: #27282e;
            align-items: center; }
            .recorder.blog .blog-detail-article .article-cnt .article-article article > h2::after {
              content: "";
              width: 9px;
              background: #0054ff 0% 0% no-repeat padding-box;
              position: absolute;
              left: 0;
              top: 0;
              bottom: 0; }
          .recorder.blog .blog-detail-article .article-cnt .article-article article .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); }
            .recorder.blog .blog-detail-article .article-cnt .article-article article .head-type-01 a {
              color: #fff; }
            .recorder.blog .blog-detail-article .article-cnt .article-article article .head-type-01::after {
              content: "";
              display: inline-block;
              position: absolute;
              left: 0;
              top: auto;
              bottom: -16px;
              width: 24px;
              height: 16px;
              background: url(../images/blog-detail/h2_bg_01.png) no-repeat; }
          .recorder.blog .blog-detail-article .article-cnt .article-article article .head-type-02 {
            position: relative;
            margin-bottom: 36px;
            padding: 10px 16px 10px 32px;
            font-size: 24px;
            line-height: 28px;
            width: 1043px;
            margin-left: 35px;
            background: linear-gradient(to right, #d9e4ff, transparent); }
            .recorder.blog .blog-detail-article .article-cnt .article-article article .head-type-02::after {
              content: "";
              display: inline-block;
              position: absolute;
              left: -32px;
              bottom: 0;
              margin: auto;
              width: 54px;
              height: 55px;
              background: url(../images/blog-detail/h2_bg_02.png) no-repeat; }
        .recorder.blog .blog-detail-article .article-cnt .article-catalogues {
          margin-bottom: 40px !important;
          margin-top: 80px;
          position: relative; }
          .recorder.blog .blog-detail-article .article-cnt .article-catalogues::after {
            content: '';
            display: block;
            position: absolute;
            width: 25px;
            height: 18px;
            background: url(../images/blog-detail//icon-book.svg) no-repeat center;
            position: absolute;
            left: 12px;
            top: -34px; }
          .recorder.blog .blog-detail-article .article-cnt .article-catalogues::before {
            content: 'Inhaltsverzeichnis';
            display: block;
            position: absolute;
            color: #1e1c2c;
            font-weight: 600;
            font-size: 18px;
            left: 50px;
            top: -40px; }
          .recorder.blog .blog-detail-article .article-cnt .article-catalogues li {
            list-style: inherit;
            line-height: 28px;
            list-style-position: inside;
            margin: 10px 0; }
            .recorder.blog .blog-detail-article .article-cnt .article-catalogues li::marker {
              color: #005fff; }
            .recorder.blog .blog-detail-article .article-cnt .article-catalogues li.catalogues_h3 {
              list-style: none;
              margin-left: 40px; }
              .recorder.blog .blog-detail-article .article-cnt .article-catalogues li.catalogues_h3 a {
                font-size: 14px; }
            .recorder.blog .blog-detail-article .article-cnt .article-catalogues li a {
              font-size: 14px;
              color: #005fff;
              cursor: pointer;
              font-weight: 600;
              -webkit-transition: all 0.1s;
              transition: all 0.1s;
              text-decoration: none; }
              .recorder.blog .blog-detail-article .article-cnt .article-catalogues li a:hover {
                color: #005fff;
                text-decoration: none; }
            .recorder.blog .blog-detail-article .article-cnt .article-catalogues li .h3_ul_list {
              padding-left: 20px; }
              .recorder.blog .blog-detail-article .article-cnt .article-catalogues li .h3_ul_list li {
                list-style: none;
                line-height: 20px; }
                .recorder.blog .blog-detail-article .article-cnt .article-catalogues li .h3_ul_list li a {
                  font-weight: 500; }
            .recorder.blog .blog-detail-article .article-cnt .article-catalogues li .cato_icon::before {
              content: '';
              width: 12px;
              transition: all 0.3s;
              height: 10px;
              background: url(../images/blog-detail/arrow-up.svg) no-repeat center;
              position: relative;
              right: 8px;
              margin-left: 10px;
              display: inline-block;
              top: 0;
              transform: rotate(180deg); }
            .recorder.blog .blog-detail-article .article-cnt .article-catalogues li.hide .h3_ul_list {
              display: none; }
            .recorder.blog .blog-detail-article .article-cnt .article-catalogues li.hide .cato_icon::before {
              transform: rotate(90deg); }
        .recorder.blog .blog-detail-article .article-cnt .article-getFree ul,
        .recorder.blog .blog-detail-article .article-cnt .article-getUnlimited ul,
        .recorder.blog .blog-detail-article .article-cnt .article-btns ul {
          padding-right: 0px; }
        .recorder.blog .blog-detail-article .article-cnt .article-getFree {
          padding: 0 32px;
          overflow: hidden;
          height: 475px;
          background: url(../images/blog-detail/blog-detail-pic02.jpg) center top no-repeat;
          background-repeat: no-repeat;
          background-position: top center;
          background-size: cover;
          margin-bottom: 62px;
          margin-top: 30px; }
          .recorder.blog .blog-detail-article .article-cnt .article-getFree ._getFree {
            float: right;
            max-width: 680px; }
            .recorder.blog .blog-detail-article .article-cnt .article-getFree ._getFree h3 {
              padding-top: 24px;
              font-size: 28px;
              font-weight: 600;
              color: #26272e; }
            .recorder.blog .blog-detail-article .article-cnt .article-getFree ._getFree ul {
              margin-top: 20px;
              margin-bottom: 34px; }
              .recorder.blog .blog-detail-article .article-cnt .article-getFree ._getFree ul li {
                margin-bottom: 12px;
                list-style: none;
                position: relative;
                font-size: 16px;
                font-weight: 400;
                color: #575860;
                line-height: 24px;
                padding-left: 18px; }
                .recorder.blog .blog-detail-article .article-cnt .article-getFree ._getFree ul li::after {
                  content: "";
                  position: absolute;
                  left: 0;
                  top: 50%;
                  margin-top: -3px;
                  width: 6px;
                  height: 6px;
                  border-radius: 50%;
                  background: #128bfc; }
            .recorder.blog .blog-detail-article .article-cnt .article-getFree ._getFree .record-btn {
              height: 46px; }
        .recorder.blog .blog-detail-article .article-cnt .article-ol {
          padding-left: 14px; }
        .recorder.blog .blog-detail-article .article-cnt .article-tips {
          position: relative;
          margin: 80px 0 40px;
          padding: 38px 88px;
          border-radius: 4px;
          background: #fff6e5;
          border: 1px solid #f9e3ba; }
          .recorder.blog .blog-detail-article .article-cnt .article-tips p {
            font-size: 16px;
            font-weight: 500;
            color: #27282e;
            line-height: 30px; }
            .recorder.blog .blog-detail-article .article-cnt .article-tips p a {
              font-weight: 600; }
          .recorder.blog .blog-detail-article .article-cnt .article-tips ul {
            list-style: disc; }
            .recorder.blog .blog-detail-article .article-cnt .article-tips ul li {
              list-style: disc;
              padding-left: 0; }
          .recorder.blog .blog-detail-article .article-cnt .article-tips:after {
            content: "";
            position: absolute;
            top: -50px;
            left: 0;
            width: 122px;
            height: 50px;
            background: url(../images/blog-detail/tips.png) center top no-repeat;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: 0 100%; }
        .recorder.blog .blog-detail-article .article-cnt .background-blog-banner {
          background: url(../images/blog-detail/blogbannerbg.png) no-repeat;
          background-size: cover;
          background-position: top;
          margin-top: 30px;
          margin-bottom: 40px; }
          .recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper {
            width: 100%;
            padding: 15px 0;
            height: 344px; }
            .recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              -webkit-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center;
              height: 100%; }
              .recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._img-pc {
                width: 471px;
                height: 385px;
                position: relative; }
                .recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._img-pc:before {
                  content: "";
                  position: absolute;
                  top: 0;
                  width: 100%;
                  height: 100%;
                  background: url(../images/blog-detail/blogbannertwo-left.png) no-repeat;
                  background-position: 50%; }
              .recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._text-mobile {
                display: none; }
              .recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._text-pc {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                display: block;
                margin: 0px 10px; }
                .recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._text-pc strong {
                  padding-top: 15px;
                  font-size: 22px;
                  font-weight: 600;
                  color: #26272e;
                  padding-left: 12px;
                  line-height: 32px;
                  display: block;
                  margin-bottom: 20px;
                  word-break: break-word; }
                .recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._text-pc h1 {
                  padding-top: 10px;
                  padding-bottom: 20px;
                  font-size: 22px;
                  font-weight: 600;
                  color: #26272e;
                  padding-left: 12px;
                  line-height: 32px; }
                .recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._text-pc li {
                  margin-top: 5px;
                  font-size: 14px;
                  font-weight: 500;
                  color: #575860;
                  line-height: 22px;
                  position: relative;
                  padding-left: 30px;
                  list-style: none; }
                  .recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._text-pc li:before {
                    content: "";
                    position: absolute;
                    top: 10px;
                    left: 0;
                    width: 8px;
                    height: 8px;
                    display: inline-block;
                    border-radius: 50%;
                    background: #4f8eff;
                    vertical-align: top;
                    margin-right: 14px; }
                .recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._text-pc .btns {
                  display: flex;
                  margin-top: 30px;
                  padding-left: 15px;
                  -webkit-box-sizing: border-box;
                  box-sizing: border-box; }
                  .recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._text-pc .btns .record-btn {
                    cursor: pointer;
                    margin-top: 0px; }
                    .recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._text-pc .btns .record-btn > a {
                      height: 56px;
                      display: block; }
                .recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._text-pc .btn {
                  text-align: center;
                  min-width: 213px;
                  padding: 0 20px;
                  height: 66px;
                  display: inline-block;
                  background: #00d96b;
                  border-radius: 8px;
                  font-size: 20px;
                  cursor: pointer;
                  font-weight: 500;
                  color: #fffefe;
                  line-height: 66px; }
                  .recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box ._text-pc .btn a {
                    color: #fff;
                    text-decoration: none; }
              .recorder.blog .blog-detail-article .article-cnt .background-blog-banner .background-wrapper .banner-text-box .change-btn button {
                background: none; }
        .recorder.blog .blog-detail-article .article-cnt .btn-blog-banner {
          margin-top: 40px;
          margin-bottom: 40px; }
          .recorder.blog .blog-detail-article .article-cnt .btn-blog-banner .btns {
            display: flex;
            justify-content: center; }
            .recorder.blog .blog-detail-article .article-cnt .btn-blog-banner .btns .record-btn.down {
              width: 286px;
              height: 56px; }
              .recorder.blog .blog-detail-article .article-cnt .btn-blog-banner .btns .record-btn.down .down-txt {
                position: relative;
                top: 5px;
                left: 55%; }
                .recorder.blog .blog-detail-article .article-cnt .btn-blog-banner .btns .record-btn.down .down-txt:before {
                  content: "";
                  display: inline-block;
                  position: relative;
                  top: 15px;
                  left: -20px;
                  width: 26px;
                  height: 26px;
                  background: url(../images/blog/blog-wins.png) no-repeat;
                  background-size: 100%; }
                .recorder.blog .blog-detail-article .article-cnt .btn-blog-banner .btns .record-btn.down .down-txt:after {
                  content: "Für Win11/10/8/7";
                  display: block;
                  position: absolute;
                  top: 28px;
                  left: 33%;
                  color: #000;
                  font-size: 12px;
                  font-weight: 500; }
              .recorder.blog .blog-detail-article .article-cnt .btn-blog-banner .btns .record-btn.down:hover .down-txt {
                top: 35%;
                left: 50%; }
        .recorder.blog .blog-detail-article .article-cnt .article-tips {
          position: relative;
          margin: 80px 0 40px;
          padding: 38px 88px;
          border-radius: 4px;
          background: #fff6e5;
          border: 1px solid #f9e3ba; }
          .recorder.blog .blog-detail-article .article-cnt .article-tips p {
            font-size: 16px;
            font-weight: 500;
            color: #27282e;
            line-height: 30px; }
            .recorder.blog .blog-detail-article .article-cnt .article-tips p a {
              font-weight: 600; }
          .recorder.blog .blog-detail-article .article-cnt .article-tips:after {
            content: "";
            position: absolute;
            top: -50px;
            left: 0;
            width: 122px;
            height: 50px;
            background: url(../images/blog-detail/tips.png) center top no-repeat;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: 0 100%; }
        .recorder.blog .blog-detail-article .article-cnt .article-tips2 {
          position: relative;
          margin: 40px 0 40px;
          padding: 40px 88px;
          width: 100%;
          min-height: 30px;
          border: 1px solid #d4e2fa;
          border-radius: 4px;
          background: url(../images/blog-detail/tips-bg.png) no-repeat;
          background-color: #f7faff; }
          .recorder.blog .blog-detail-article .article-cnt .article-tips2 p {
            margin-bottom: 10px;
            font-size: 16px;
            font-weight: 500;
            color: #27282e;
            line-height: 30px; }
            .recorder.blog .blog-detail-article .article-cnt .article-tips2 p a {
              font-weight: 600; }
        .recorder.blog .blog-detail-article .article-cnt ul li {
          position: relative;
          line-height: 20px;
          padding-left: 15px; }
          .recorder.blog .blog-detail-article .article-cnt ul li::after {
            position: absolute;
            width: 6px;
            height: 6px;
            top: 7px;
            left: 0;
            border-radius: 50%;
            background-color: #000; }
        .recorder.blog .blog-detail-article .article-cnt article > ul li {
          position: relative;
          line-height: 26px;
          margin-bottom: 10px;
          padding-left: 15px !important; }
          .recorder.blog .blog-detail-article .article-cnt article > ul li:last-of-type {
            margin-bottom: 0; }
          .recorder.blog .blog-detail-article .article-cnt article > ul li::after {
            position: absolute;
            content: "";
            width: 6px;
            height: 6px;
            top: 10px;
            left: 0;
            border-radius: 50%;
            background-color: #000; }
        .recorder.blog .blog-detail-article .article-cnt article > ol {
          padding-left: 25px; }
          .recorder.blog .blog-detail-article .article-cnt article > ol li {
            list-style: decimal; }
        .recorder.blog .blog-detail-article .article-cnt article .article-catalogues li::after {
          display: none; }
        .recorder.blog .blog-detail-article .article-cnt .article-related-reference {
          position: relative;
          background-color: #f7faff;
          margin: 60px 0;
          border-radius: 5px;
          overflow: hidden;
          width: 1160px;
          margin-bottom: 40px; }
          .recorder.blog .blog-detail-article .article-cnt .article-related-reference ._reference {
            position: relative;
            font-size: 18px;
            font-weight: 500;
            color: #27282e;
            line-height: 18px;
            padding: 13px 24px;
            width: 390px;
            border-radius: 5px 0 0 5px; }
            .recorder.blog .blog-detail-article .article-cnt .article-related-reference ._reference::before {
              content: "";
              position: absolute;
              left: 2px;
              top: 0;
              width: 2px;
              height: 44px;
              background: #485ffe; }
        .recorder.blog .blog-detail-article .article-cnt .article-links {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          list-style: none;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          align-items: stretch; }
          .recorder.blog .blog-detail-article .article-cnt .article-links li {
            padding-left: 0;
            background: transparent;
            border-radius: 4px;
            border: 1px solid #e0e0e0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin: 0;
            margin-bottom: 22px;
            margin-right: 22px;
            width: 22.53%;
            min-width: 262px;
            min-height: 376px;
            background: transparent;
            border-radius: 4px;
            border: 1px solid #e0e0e0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box; }
            .recorder.blog .blog-detail-article .article-cnt .article-links li > a {
              display: block;
              width: 100%;
              height: 100%; }
            .recorder.blog .blog-detail-article .article-cnt .article-links li:nth-child(4n) {
              margin-right: 0px; }
            .recorder.blog .blog-detail-article .article-cnt .article-links li a:hover {
              opacity: 0.7;
              -webkit-transition: all 0.1s;
              transition: all 0.1s; }
              .recorder.blog .blog-detail-article .article-cnt .article-links li a:hover h3 {
                color: #1264fc; }
            .recorder.blog .blog-detail-article .article-cnt .article-links li .blog-result-title {
              position: relative;
              line-height: normal;
              background: #fff;
              border-radius: 0 0 6px 6px; }
              .recorder.blog .blog-detail-article .article-cnt .article-links li .blog-result-title h3 {
                padding: 22px;
                color: #222;
                font-size: 14px;
                font-weight: 600;
                line-height: 24px; }
          .recorder.blog .blog-detail-article .article-cnt .article-links .tag {
            display: inline-block;
            position: absolute;
            top: 12px;
            left: 0;
            padding: 0 10px;
            width: auto;
            height: 22px;
            line-height: 24px;
            color: #1e1c2c;
            font-size: 12px;
            font-weight: 600;
            background-color: #30deb4;
            z-index: 9; }
          .recorder.blog .blog-detail-article .article-cnt .article-links .list-img {
            position: relative;
            height: 243px;
            line-height: 243px; }
            .recorder.blog .blog-detail-article .article-cnt .article-links .list-img img {
              position: absolute;
              display: block;
              width: 100%;
              max-width: none;
              height: 100%;
              object-fit: cover;
              border-radius: 4px 4px 0 0; }
        .recorder.blog .blog-detail-article .article-cnt .blog-banner-list {
          width: 1156px;
          margin: 0px auto;
          margin-top: 20px;
          display: flex;
          align-items: center;
          justify-content: center;
          min-height: 344px; }
          .recorder.blog .blog-detail-article .article-cnt .blog-banner-list .left-message {
            width: 590px; }
            .recorder.blog .blog-detail-article .article-cnt .blog-banner-list .left-message h2 {
              font: bold 22px/32px Spartan; }
            .recorder.blog .blog-detail-article .article-cnt .blog-banner-list .left-message ul {
              margin-top: 10px; }
              .recorder.blog .blog-detail-article .article-cnt .blog-banner-list .left-message ul li {
                padding-left: 20px;
                position: relative;
                color: #444444;
                font: normal 14px/28px Spartan;
                font-weight: 500;
                list-style-type: none;
                margin: 5px 0; }
                .recorder.blog .blog-detail-article .article-cnt .blog-banner-list .left-message ul li::after {
                  position: absolute;
                  content: "";
                  width: 6px;
                  height: 6px;
                  left: 0;
                  top: 11px;
                  border-radius: 50%;
                  background: #128bfc; }
            .recorder.blog .blog-detail-article .article-cnt .blog-banner-list .left-message .btn-box {
              margin-top: 20px;
              width: 100%;
              text-align: left; }
              .recorder.blog .blog-detail-article .article-cnt .blog-banner-list .left-message .btn-box .record-btn {
                height: 56px;
                line-height: 56px;
                min-width: 240px; }
                .recorder.blog .blog-detail-article .article-cnt .blog-banner-list .left-message .btn-box .record-btn.buy {
                  min-width: 177px; }
        .recorder.blog .blog-detail-article .article-cnt .blog-banner-list01 {
          padding: 16px 0;
          background: url(../images/blog-detail/blog-list01-bg.png) no-repeat center;
          background-size: cover; }
          .recorder.blog .blog-detail-article .article-cnt .blog-banner-list01 .left-message {
            margin-right: 40px; }
        .recorder.blog .blog-detail-article .article-cnt .blog-banner-list02 {
          background: linear-gradient(90deg, #f5fbff 0%, #f2f0fe 100%); }
          .recorder.blog .blog-detail-article .article-cnt .blog-banner-list02 .left-message {
            margin-left: 40px; }
        .recorder.blog .blog-detail-article .article-cnt .blog-banner-list03 {
          padding: 16px 0;
          min-height: 344px;
          height: auto;
          background: url(../images/blog-detail/blog-list03-bg.png) no-repeat center;
          background-size: cover; }
          .recorder.blog .blog-detail-article .article-cnt .blog-banner-list03 .left-message {
            margin-right: 40px; }
          .recorder.blog .blog-detail-article .article-cnt .blog-banner-list03 .btn-box {
            text-align: left; }
        .recorder.blog .blog-detail-article .article-cnt .blog-banner-list04 {
          background: linear-gradient(90deg, #f5fbff 0%, #f2f0fe 100%); }
          .recorder.blog .blog-detail-article .article-cnt .blog-banner-list04 .left-message {
            margin-left: 40px; }
          .recorder.blog .blog-detail-article .article-cnt .blog-banner-list04 .img-box {
            margin-top: 35px; }

.recorder.blog .blog-detail-article .article-cnt .article-Also {
  position: relative;
  margin: 15px 0 15px 35px; }

.recorder.blog .blog-detail-article .article-cnt .article-Also::after {
  content: "";
  position: absolute;
  left: -45px;
  top: 50%;
  margin-top: -16px;
  width: 33px;
  height: 33px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAEzElEQVRYhY2YbWiWVRjHf9deXCY9NtMvvagfHFsNMpOmYhQuMtIorT70ecIUmS/lF3sBwWDCIGIpWbMo6kvRB4MoYQVhiTWTNBlt6gY1e6HYWD5ia3t87ivOue/7ec79ul1wOOc+93Vf1//8r+u83eKde4yIqIJ6QR20qbTbUN0U1M2odxuqC1HvKqoTqHcR1TOo9wWY2rFF2Aaxz1WZC4j5oB2o7kG9piQ4L/ZNpR5BtRf13kV1Kg9EDfnyFCLDwBGgCQREbGVrK5JSbP8K4DDY77fkeckC0QC8jfApsLTq3HXsAiAKLtJmKSLHrT3f7pxAFEBOINJZcSLua9dpGitp7Ni+TmvX2s8HMQ84jrAh6tMxWHGa5jirrrzbYO37fhwQUoNfrOJhoL3q0DUQB0QUVKJkhqhdxfgxyenZ4jKxxVImEe6j1EcASTqo7HC4pdNN1hDEfJDeqOMkliigPFZyEzXs6/X9Ql1gocPOAqOggaJly4PSDVvk/vfR30/AUB/MlGC65PebdqkMN25Ax2l08iu48l5gQJxaIn2KLBVkm5n+IRN78ocPFIeQ5i64/dHKqCUegitnkeU7YXF7DiMRJneH4VjjL0QJ3p0ZIejFHpi8gKzuhsYW269x0P0vwJ9nkeaDsKA5Iy+o2hTrd40BsTGZC5L8ziuhP+6DmavI+qNw0yLHR6BUnoFPnoOpSaT1dahflJ470b6NBsTaJAMpjBhHM5PoQBc03Io8/BYi9b6Kuxf8Ow4fPwt1BaT1NaiZlzGNCdiQdQbE3amRwI2d8+LqJfTMfliyCtZ3x/SC+u9B+Gw7FO5Fml6ebQFrqT2wo+lgck2X6gjNDPHKfl0OyuRlKJeRezqgdM3mAZ76JWRl/CLU1UDLNihfh2sXgtmBU9u20Uqu5anhILY4Db4JxV9h9fMxVYe9k4eg+AuyrDNvAbvFgChm+q4sQPFUUWjdAYVlcO5IlGlX1u2DwnLUrhuZ4bhmQExkM5DCiKnueARZuRdGj8NPR5O65rFpMzz0Cvz1Ofz2Qd5KOm5ADKWDiG1YYawXNiFtPTBxAT39YjS8oSxphSffgX8G0dFDsdEnwjFsQHyfCSJUDr9paEQe6IVSET25018XxAUL3LwYnvnI17m8H3Rmtv3kOwOiPxuE46B2HnJfDzQsQk/vgv/GqwohG7UNsPVDWLAEHXkJShMZ09Nlhn4DYgC4PBsbsmIvNK5Ezx+AyZ9jKoHh9m64cy166VW4PpwMQZIR43cg3MB6yRMz0sZV6Mgx+OPLZLhCKu56EB02U/eb9C08mRdvUFOLeOcfNw9mXx/2D7VpooEfde4QKe3IHSX3OmDqMdQzO+FUyMRUdTvPDkn0OWVZj5++KomdeuDZE/iNHO/M8f5YPo6M/STRP+v95FjgjzgII13At3NiI2XAVec5G5bIKYRdJheoq7clDmIGeAL4OoOP5KjEbaegjCaosbsZmHY10y4/Zi8x2dqXTkbKgcd95wKK3k/6AruJvSrrGmiQbge2AmOJ0cUZyb+fjIE8HdibJkVmuxCb5DHTyBxIR6NspGyb0fuJ0d+NiPne3LoyJVwn5iptwCZU28D8n9DFoAVUi6iOg5r/Ez+gegJ0AM+ecvwDkV0bnBIK8D/rI8r5MCpbLQAAAABJRU5ErkJggg==);
  background-size: cover; }

.recorder.blog .blog-detail-article .article-cnt .article-Also span {
  font-weight: bold; }

@media screen and (max-width: 1200px) {
  .recorder.blog .blog-detail-article .article-cnt {
    padding: 30px 20px; }
    .recorder.blog .blog-detail-article .article-cnt .article-related-reference {
      width: 100%; }
      .recorder.blog .blog-detail-article .article-cnt .article-related-reference ._reference {
        width: calc(100% - 48px); }
    .recorder.blog .blog-detail-article .article-cnt .article-getFree {
      height: auto;
      padding-bottom: 30px; }
    .recorder.blog .blog-detail-article .article-cnt .article-article img {
      height: auto !important; }
    .recorder.blog .blog-detail-article .article-cnt .article-tips {
      padding: 50px 20px 20px; }
    .recorder.blog .blog-detail-article .article-cnt .article-links {
      display: inline-block;
      text-align: center; }
      .recorder.blog .blog-detail-article .article-cnt .article-links li {
        display: inline-block;
        margin: 20px 0;
        vertical-align: text-top; }
    .recorder.blog .blog-detail-article .article-cnt .article-catalogues {
      padding: 20px; }
      .recorder.blog .blog-detail-article .article-cnt .article-catalogues li {
        margin-top: 10px;
        line-height: 1.4; }
        .recorder.blog .blog-detail-article .article-cnt .article-catalogues li a {
          font-size: 14px; }
    .recorder.blog .blog-detail-article .article-cnt .blog-banner-list {
      width: 100%;
      height: auto;
      padding: 25px 0;
      background: linear-gradient(90deg, #f5fbff 0%, #f2f0fe 100%);
      flex-wrap: wrap; }
      .recorder.blog .blog-detail-article .article-cnt .blog-banner-list .left-message {
        margin: 0px; }
  .recorder.blog.detail .banner {
    height: auto; } }
@media screen and (max-width: 768px) {
  .recorder {
    margin-top: 0px; }
    .recorder .container {
      width: 100% !important;
      min-width: 100% !important;
      padding: 0 10px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .recorder.product::before {
      top: -52px;
      right: 0;
      z-index: 0;
      width: 55px;
      height: 107px;
      background-size: contain; }
    .recorder.product .container {
      width: auto;
      min-width: auto; }
    .recorder.product .banner {
      padding: 64px 10px 20px;
      margin-bottom: 140px;
      height: auto; }
      .recorder.product .banner .message {
        float: none;
        width: auto;
        text-align: center; }
        .recorder.product .banner .message h3 {
          margin: 0px auto 20px;
          font-size: 14px;
          line-height: 14px;
          padding: 6px 12px; }
        .recorder.product .banner .message h1 {
          font-size: 24px;
          line-height: 36px; }
        .recorder.product .banner .message ul {
          display: none; }
        .recorder.product .banner .message .message-text {
          display: block;
          color: #000;
          font-size: 14px;
          line-height: 24px;
          font-weight: 500; }
      .recorder.product .banner .imgbox {
        width: auto;
        height: auto;
        float: none;
        margin: 0;
        text-align: center; }
        .recorder.product .banner .imgbox::before {
          bottom: 10px;
          left: -60px;
          z-index: 2;
          width: 82px;
          height: 78px; }
        .recorder.product .banner .imgbox img {
          width: 90%; }
      .recorder.product .banner .camera,
      .recorder.product .banner .music,
      .recorder.product .banner .play,
      .recorder.product .banner .screen,
      .recorder.product .banner .audio {
        background-size: contain; }
      .recorder.product .banner .camera,
      .recorder.product .banner .music {
        display: none; }
      .recorder.product .banner .play {
        top: 20px;
        right: -10px;
        width: 134px;
        height: 35px; }
      .recorder.product .banner .screen {
        top: 195px;
        right: 0px;
        width: 70px;
        height: 70px; }
      .recorder.product .banner .audio {
        bottom: -10px;
        left: 0;
        width: 100px;
        height: 60px; }
      .recorder.product .banner .record-btn {
        position: absolute;
        bottom: -450px;
        width: 100%;
        left: 0;
        min-width: auto;
        box-sizing: border-box; }
    .recorder.product .moment {
      padding: 0;
      width: 100% !important;
      min-width: 0 !important;
      overflow: hidden; }
      .recorder.product .moment h2 {
        padding: 0 20px 18px;
        font-size: 23px;
        line-height: 35px; }
      .recorder.product .moment p {
        padding: 0 20px;
        color: #000;
        font-size: 14px;
        line-height: 24px;
        max-width: none; }
        .recorder.product .moment p.note {
          max-width: none; }
      .recorder.product .moment .moment-list {
        margin-top: 44px;
        padding: 0 20px;
        display: block; }
        .recorder.product .moment .moment-list .moment-div {
          width: 164px; }
          .recorder.product .moment .moment-list .moment-div dd {
            color: #000;
            font-size: 12px;
            line-height: 18px; }
            .recorder.product .moment .moment-list .moment-div dd span {
              display: block; }
        .recorder.product .moment .moment-list .slick-dots {
          margin-top: 20px;
          display: flex;
          width: 100%;
          list-style: none;
          text-align: center;
          align-items: center;
          justify-content: center; }
          .recorder.product .moment .moment-list .slick-dots li {
            margin: 0 6px; }
            .recorder.product .moment .moment-list .slick-dots li > button {
              display: block;
              padding: 0;
              width: 6px;
              height: 6px;
              text-indent: -9999px;
              border-radius: 50%;
              background: #fff;
              box-sizing: border-box;
              border: 1px solid #5487ff; }
            .recorder.product .moment .moment-list .slick-dots li.slick-active > button {
              width: 14px;
              height: 14px;
              border: none;
              background: #5487ff; }
      .recorder.product .moment .moment-content {
        margin: 24px auto 0;
        width: 100%;
        height: auto; }
        .recorder.product .moment .moment-content .moment-box {
          position: relative;
          top: 0;
          height: 0; }
          .recorder.product .moment .moment-content .moment-box > img {
            position: relative;
            max-width: 100%; }
          .recorder.product .moment .moment-content .moment-box .moment-txt {
            position: relative;
            padding: 18px 32px;
            margin: -34px auto 0;
            width: 94%;
            max-width: none; }
            .recorder.product .moment .moment-content .moment-box .moment-txt p {
              font-size: 12px;
              font-weight: 500;
              line-height: 22px; }
          .recorder.product .moment .moment-content .moment-box.box0 .moment-txt, .recorder.product .moment .moment-content .moment-box.box2 .moment-txt, .recorder.product .moment .moment-content .moment-box.box4 .moment-txt {
            top: 0px; }
          .recorder.product .moment .moment-content .moment-box.box1 .moment-txt, .recorder.product .moment .moment-content .moment-box.box3 .moment-txt, .recorder.product .moment .moment-content .moment-box.box5 .moment-txt {
            top: 0px;
            left: 0px; }
          .recorder.product .moment .moment-content .moment-box.box2 .moment-txt {
            top: 0px; }
          .recorder.product .moment .moment-content .moment-box.box3 .moment-txt {
            top: 0px; }
          .recorder.product .moment .moment-content .moment-box.box4 .moment-txt {
            top: 0px; }
          .recorder.product .moment .moment-content .moment-box.box5 .moment-txt {
            top: 0px;
            right: 0px; }
          .recorder.product .moment .moment-content .moment-box.on {
            height: auto; }
    .recorder.product .feature {
      padding: 98px 16px 48px;
      margin-top: 0px;
      background-size: cover; }
      .recorder.product .feature h2 {
        font-size: 23px;
        line-height: 35px; }
      .recorder.product .feature p {
        color: #000;
        font-size: 14px;
        line-height: 24px; }
      .recorder.product .feature .feature-list {
        margin-top: 24px; }
        .recorder.product .feature .feature-list dl {
          margin: 0 auto 42px;
          float: none;
          height: auto;
          width: auto;
          max-width: 360px;
          box-sizing: border-box; }
          .recorder.product .feature .feature-list dl.center {
            margin: 0 auto 42px; }
          .recorder.product .feature .feature-list dl.last p {
            line-height: 20px; }
      .recorder.product .feature .feature-tips dl {
        float: none;
        margin-bottom: 40px;
        margin-right: 0px;
        width: auto;
        max-width: 360px; }
        .recorder.product .feature .feature-tips dl.last {
          float: none;
          margin-right: 0; }
        .recorder.product .feature .feature-tips dl dt span {
          max-width: 240px; }
    .recorder.product .methodofuse {
      padding: 0 16px; }
      .recorder.product .methodofuse h2 {
        padding: 62px 0 0px;
        font-size: 23px;
        line-height: 35px; }
      .recorder.product .methodofuse p {
        color: #000;
        font-size: 14px;
        line-height: 24px; }
      .recorder.product .methodofuse .method-list {
        margin-top: 40px; }
        .recorder.product .methodofuse .method-list dl {
          float: none;
          width: 100%; }
          .recorder.product .methodofuse .method-list dl dt {
            height: auto;
            line-height: normal; }
          .recorder.product .methodofuse .method-list dl dd {
            padding: 0px; }
          .recorder.product .methodofuse .method-list dl h3 {
            font-size: 17px;
            line-height: 24px;
            padding: 16px 0 10px; }
          .recorder.product .methodofuse .method-list dl p {
            padding-bottom: 26px; }
          .recorder.product .methodofuse .method-list dl.two {
            margin-left: 0px; }
          .recorder.product .methodofuse .method-list dl.three {
            float: none; }
          .recorder.product .methodofuse .method-list dl h4 {
            display: none; }
      .recorder.product .methodofuse .record-btn {
        margin: 40px auto 78px;
        width: 100%; }
    .recorder.product .review {
      padding: 0 16px;
      height: auto;
      padding-bottom: 50px;
      background: linear-gradient(0deg, #fafbff 0%, #e9efff 100%);
      margin-bottom: 175px; }
      .recorder.product .review .container {
        height: auto; }
      .recorder.product .review h2 {
        padding-top: 60px;
        font-size: 23px;
        line-height: 32px; }
      .recorder.product .review p {
        padding-bottom: 0;
        width: 100%;
        color: #000;
        font-size: 12px;
        line-height: 18px; }
      .recorder.product .review .review-list {
        margin: 0 auto;
        width: 100%;
        max-width: 438px; }
      .recorder.product .review .slick-slide {
        height: auto; }
        .recorder.product .review .slick-slide .inner {
          margin: 0 auto;
          width: 98%;
          height: auto; }
        .recorder.product .review .slick-slide p {
          margin: 0 0 16px;
          padding: 0 32px;
          width: auto;
          height: auto;
          color: #707070; }
          .recorder.product .review .slick-slide p strong {
            color: #000;
            font-weight: 700; }
        .recorder.product .review .slick-slide h3 {
          padding-bottom: 40px;
          font-size: 14px;
          line-height: 22px; }
        .recorder.product .review .slick-slide .review-pic {
          padding: 40px 0;
          height: auto;
          line-height: normal; }
      .recorder.product .review .slick-dots {
        margin-top: 20px;
        list-style: none;
        display: flex !important;
        justify-content: center;
        align-items: center; }
        .recorder.product .review .slick-dots li {
          margin: 0 6px; }
          .recorder.product .review .slick-dots li > button {
            display: block;
            padding: 0;
            width: 6px;
            height: 6px;
            text-indent: -9999px;
            border-radius: 50%;
            background: #fff;
            box-sizing: border-box;
            border: 1px solid #5487ff; }
          .recorder.product .review .slick-dots li.slick-active > button {
            width: 14px;
            height: 14px;
            border: none;
            background: #5487ff; }
    .recorder.product .review-above {
      margin-top: 24px;
      padding: 0 16px; }
      .recorder.product .review-above p {
        margin: 0 auto 20px;
        max-width: none;
        color: #000;
        font-size: 16px;
        line-height: 24px; }
      .recorder.product .review-above .record-btn {
        margin: 0 auto;
        width: 100%; }
    .recorder.product .need {
      display: none; }
    .recorder.product .brings {
      padding: 82px 16px 100px; }
      .recorder.product .brings .brings-left {
        float: none;
        width: 100%; }
        .recorder.product .brings .brings-left h2 {
          padding: 32px 0 0px;
          font-size: 23px;
          line-height: 35px; }
        .recorder.product .brings .brings-left p {
          margin-bottom: 26px;
          color: #000;
          font-size: 14px;
          line-height: 24px; }
        .recorder.product .brings .brings-left img {
          display: none; }
      .recorder.product .brings .brings-right {
        padding-top: 40px;
        float: none;
        width: 100%; }
        .recorder.product .brings .brings-right dl {
          margin-right: 0;
          float: none;
          width: 100%;
          text-align: center; }
          .recorder.product .brings .brings-right dl.two {
            margin-right: 0;
            width: 100%; }
          .recorder.product .brings .brings-right dl dt {
            line-height: normal; }
          .recorder.product .brings .brings-right dl h3 {
            font-size: 18px; }
          .recorder.product .brings .brings-right dl p {
            padding-bottom: 0; }
    .recorder.product .getfree {
      margin-bottom: 84px;
      padding: 0 0 84px;
      height: auto;
      border-radius: 0px; }
      .recorder.product .getfree::before {
        display: none; }
      .recorder.product .getfree::after {
        top: -92px;
        right: 0px; }
      .recorder.product .getfree .getfree-left {
        position: relative;
        z-index: 1;
        float: none;
        width: 100%;
        height: auto; }
        .recorder.product .getfree .getfree-left > img {
          margin-top: -100px;
          margin-left: 0px; }
          .recorder.product .getfree .getfree-left > img.pc {
            display: none; }
          .recorder.product .getfree .getfree-left > img.mob {
            display: inline-block; }
      .recorder.product .getfree .getfree-right {
        margin-left: 0px;
        padding: 0 26px;
        float: none;
        width: auto;
        text-align: center; }
        .recorder.product .getfree .getfree-right b {
          max-width: 334px;
          height: 28px;
          color: #5487ff;
          font-size: 16px;
          border-radius: 14px;
          line-height: 28px; }
        .recorder.product .getfree .getfree-right h2 {
          padding: 30px 0 40px; }
      .recorder.product .getfree .getfree-left,
      .recorder.product .getfree .getfree-right {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0); }
      .recorder.product .getfree .getfree-right {
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0); }
    .recorder.product .product-tips {
      padding: 0px 0 80px; }
      .recorder.product .product-tips .container {
        height: auto; }
      .recorder.product .product-tips h2 {
        padding: 0 26px 20px;
        font-size: 23px;
        line-height: 35px; }
      .recorder.product .product-tips .tips-list {
        margin: 0 auto;
        padding: 0 26px;
        width: auto;
        max-width: 428px; }
      .recorder.product .product-tips dl {
        margin: 0; }
      .recorder.product .product-tips .slick-dots {
        margin-top: 20px; }
    .recorder.product .product-faps {
      padding: 84px 0; }
      .recorder.product .product-faps .container {
        padding: 0 26px; }
      .recorder.product .product-faps h2 {
        padding-bottom: 60px; }
      .recorder.product .product-faps .faps-list {
        width: 100%; }
        .recorder.product .product-faps .faps-list li {
          padding: 20px 0px 20px 30px; }
          .recorder.product .product-faps .faps-list li h3 {
            font-size: 16px;
            line-height: 24px; }
    .recorder.product .productfloat {
      display: none !important; }

  .bounceIn {
    background-size: contain; }

  .record-btn {
    width: 100%;
    border-radius: 0px 40px 40px 40px; }
    .record-btn .down-txt {
      font-size: 18px;
      line-height: 23px;
      transform: scale(1) translate(-50%, -50%) !important; }
    .record-btn .down-icon {
      display: none; }

  .record-line {
    padding-left: 190px;
    font-size: 14px;
    line-height: 22px; }
    .record-line:before {
      width: 180px; }

  .recorder.product .productfloat {
    display: none; }

  .recorder.blog {
    overflow-x: hidden; }
    .recorder.blog .banner {
      height: auto;
      padding-bottom: 50px; }
      .recorder.blog .banner .imgbox {
        display: none; }
      .recorder.blog .banner .message {
        width: 100%;
        float: none;
        margin-top: 30px;
        text-align: center; }
        .recorder.blog .banner .message h1,
        .recorder.blog .banner .message h2 {
          padding: 60px 0 20px; }
        .recorder.blog .banner .message p::after {
          display: none; }
        .recorder.blog .banner .message .mob {
          display: block !important; }
        .recorder.blog .banner .message .pc {
          display: none !important; }
    .recorder.blog .blog-rearch-result .message-box {
      flex-wrap: wrap; }
      .recorder.blog .blog-rearch-result .message-box .left-box {
        width: 100%; }
      .recorder.blog .blog-rearch-result .message-box .right-message {
        width: 100%; }
    .recorder.blog .blog-detail-article .article-cnt .blog-banner-list.blog-banner-list02 {
      padding-inline: 16px; }
    .recorder.blog .blog-detail-article .article-cnt .blog-banner-list .left-message {
      width: 100%; }
    .recorder.blog .blog-detail-article .article-cnt .blog-banner-list .btn-box {
      text-align: center; }
      .recorder.blog .blog-detail-article .article-cnt .blog-banner-list .btn-box .record-btn.buy {
        min-width: 240px !important;
        margin-left: 0;
        margin-top: 10px; }
    .recorder.blog .blog-detail-article .article-cnt .btn-blog-banner .btns {
      flex-wrap: wrap; }
      .recorder.blog .blog-detail-article .article-cnt .btn-blog-banner .btns .record-btn.down {
        width: 90%;
        min-width: 286px; }
      .recorder.blog .blog-detail-article .article-cnt .btn-blog-banner .btns .record-btn.buy {
        min-width: 286px;
        margin-left: 0;
        margin-top: 10px;
        width: 90%; }
    .recorder.blog .blog-detail-article .article-cnt .article-article article > h2 {
      word-wrap: break-word; }
    .recorder.blog .btn-blog-banner .btns {
      flex-wrap: wrap; }
      .recorder.blog .btn-blog-banner .btns .record-btn.down {
        width: 90%;
        min-width: 286px; }
      .recorder.blog .btn-blog-banner .btns .record-btn.buy {
        min-width: 286px;
        margin-left: 0;
        margin-top: 10px;
        width: 90%; }
    .recorder.blog .result-hot-box {
      height: auto; }
      .recorder.blog .result-hot-box .hot-left {
        float: none;
        width: 100%;
        height: 300px; }
      .recorder.blog .result-hot-box .hot-right {
        float: none;
        width: 100%;
        text-align: center; }
        .recorder.blog .result-hot-box .hot-right .hot-right-list {
          margin-top: 30px;
          width: 48%;
          display: inline-block;
          vertical-align: text-top; }
    .recorder.blog .background-blog-banner .background-wrapper {
      padding: 0 10px;
      width: 100%;
      height: auto !important;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .recorder.blog .background-blog-banner .background-wrapper .banner-text-box {
        width: 100%;
        display: block;
        height: auto;
        position: relative; }
        .recorder.blog .background-blog-banner .background-wrapper .banner-text-box ._img-pc {
          display: none;
          width: 100%;
          height: 250px; }
          .recorder.blog .background-blog-banner .background-wrapper .banner-text-box ._img-pc:before {
            background-size: contain; }
        .recorder.blog .background-blog-banner .background-wrapper .banner-text-box ._text-pc {
          margin: 0px !important;
          margin-left: 0 !important;
          padding: 12px;
          padding-bottom: 40px;
          width: 100%;
          margin: 0; }
          .recorder.blog .background-blog-banner .background-wrapper .banner-text-box ._text-pc .btns {
            padding-left: 0;
            text-align: center;
            flex-wrap: wrap; }
            .recorder.blog .background-blog-banner .background-wrapper .banner-text-box ._text-pc .btns .record-btn.buy {
              margin-top: 10px !important; }
          .recorder.blog .background-blog-banner .background-wrapper .banner-text-box ._text-pc .btn {
            margin: 0 auto 40px;
            font-size: 14px !important; }
          .recorder.blog .background-blog-banner .background-wrapper .banner-text-box ._text-pc h1 {
            width: 100%;
            font-size: 28px;
            padding-top: 0;
            padding-left: 12px;
            line-height: 30px;
            margin-top: 20px;
            word-wrap: break-word; }
          .recorder.blog .background-blog-banner .background-wrapper .banner-text-box ._text-pc li {
            margin-top: 5px;
            font-size: 14px;
            font-weight: 500;
            color: #575860;
            line-height: 24px;
            position: relative;
            padding-left: 20px;
            list-style: none; }
            .recorder.blog .background-blog-banner .background-wrapper .banner-text-box ._text-pc li:before {
              content: "";
              position: absolute;
              top: 10px;
              left: 0;
              width: 8px;
              height: 8px;
              display: inline-block;
              border-radius: 50%;
              background: #4f8eff;
              vertical-align: top;
              margin-right: 14px; }
          .recorder.blog .background-blog-banner .background-wrapper .banner-text-box ._text-pc p {
            font-size: 14px;
            line-height: 20px; }
        .recorder.blog .background-blog-banner .background-wrapper .banner-text-box ._text-mobile {
          display: none; }
    .recorder.blog .record-btn {
      margin: 10px auto 0;
      width: 60%; }
      .recorder.blog .record-btn.buy {
        margin-left: 0;
        width: 60%;
        min-width: 265px; }
    .recorder.blog .blog-rearch-result .blog-result-title {
      height: 80px;
      line-height: 80px; }
      .recorder.blog .blog-rearch-result .blog-result-title h3 {
        font-size: 16px;
        line-height: 1.4;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-top: 20px;
        text-align: center; }
    .recorder.blog .result-list {
      border-top: 1px solid #ececec;
      padding-top: 10px; }
      .recorder.blog .result-list li {
        width: 45%;
        margin: 20px 2%;
        height: 200px; }
        .recorder.blog .result-list li .blog-result-title {
          height: 70px; }
          .recorder.blog .result-list li .blog-result-title h3 {
            padding: 0 10px 0;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
            font-weight: 300;
            line-height: 1.4; }
      .recorder.blog .result-list .list-img {
        height: 100px; }
    .recorder.blog .blog-search {
      padding: 30px 20px; }
      .recorder.blog .blog-search .search-title {
        float: none;
        width: 100%;
        margin-bottom: 20px; }
      .recorder.blog .blog-search .search {
        float: none;
        width: 100%;
        max-width: 100%; }
        .recorder.blog .blog-search .search input {
          width: 100%; } }
@media screen and (max-width: 400px) {
  .recorder.product .banner .record-btn {
    bottom: -420px; } }

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