.banner[data-v-0a83219a] {
  width: 100%;
  height: 400px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.banner .banner__content[data-v-0a83219a] {
    width: 1200px;
    height: 400px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -600px;
    z-index: 1;
}
.banner .banner__content a[data-v-0a83219a] {
      width: 188px;
      height: 56px;
      background: linear-gradient(84deg, #ffce77 0%, #ffeac1 100%);
      -webkit-box-shadow: 0px 5px 10px 1px rgba(113, 78, 13, 0.57);
              box-shadow: 0px 5px 10px 1px rgba(113, 78, 13, 0.57);
      border-radius: 60px;
      border: 1px solid rgba(255, 255, 255, 0.4);
      line-height: 56px;
      text-align: center;
      display: block;
      position: absolute;
      top: 252px;
      left: 26px;
      font-size: 20px;
      font-weight: bold;
      color: #442a0f;
}
.banner .banner__content a[data-v-0a83219a]:hover {
        background: linear-gradient(84deg, #eb9600 0%, #fcca69 100%);
}

.main[data-v-45c01200] {
  width: 100%;
  background: #f5f7f9;
  padding: 52px 0 16px;
}
.main *[data-v-45c01200] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.main .content[data-v-45c01200] {
    width: 1200px;
    margin: 0 auto;
}
.main .content h2[data-v-45c01200] {
      height: 35px;
      margin: 0 0 44px;
      color: #2d2d2d;
      text-align: left;
      position: relative;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      padding: 1px;
}
.main .content h2 span[data-v-45c01200] {
        font-size: 28px;
        font-weight: bold;
        padding: 0 2px;
        position: relative;
        z-index: 2;
        line-height: 35px;
}
.main .content h2[data-v-45c01200]::after {
        display: block;
        content: "";
        height: 14px;
        width: 100%;
        position: absolute;
        z-index: 1;
        left: 0;
        bottom: -4px;
        background: -webkit-gradient(linear, right top, left top, from(#ffdb9b), to(#ffe3ae));
        background: linear-gradient(270deg, #ffdb9b 0%, #ffe3ae 100%);
}
.main .content .introduce[data-v-45c01200] {
      font-size: 12px;
      color: #666666;
      text-align: center;
      line-height: 15px;
      margin-bottom: 40px;
}
.main .content .info-box[data-v-45c01200] {
      padding: 32px 0;
      margin-top: -60px;
}
.main .content .info-box .header-area[data-v-45c01200] {
        height: 60px;
        opacity: 0;
}
.main .content .info-box .info .list[data-v-45c01200] {
        width: 386px;
        height: 220px;
        background: #ffffff;
        border-radius: 16px;
        padding: 30px;
        margin-bottom: 20px;
}
.main .content .info-box .info .list[data-v-45c01200]:hover {
          -webkit-box-shadow: 0px 6px 10px 1px rgba(0, 0, 0, 0.05);
                  box-shadow: 0px 6px 10px 1px rgba(0, 0, 0, 0.05);
}
.main .content .info-box .info .list[data-v-45c01200]:not(:nth-child(3n + 1)) {
          margin-left: 20px;
}
.main .content .info-box .info .list .image_card[data-v-45c01200] {
          margin-right: 20px;
}
.main .content .info-box .info .list .image_card > img[data-v-45c01200],
          .main .content .info-box .info .list .image_card a img[data-v-45c01200] {
            border-radius: 16px;
}
.main .content .info-box .info .list .image_card a[data-v-45c01200] {
            display: inline-block;
}
.main .content .info-box .info .list .image_card em img[data-v-45c01200] {
            margin: 10px 4px;
}
.main .content .info-box .info .list h3[data-v-45c01200] {
          width: 236px;
          font-size: 20px;
          font-weight: bold;
          color: #333333;
          line-height: 26px;
}
.main .content .info-box .info .list p[data-v-45c01200] {
          width: 236px;
          font-size: 12px;
          color: #999999;
          line-height: 22px;
          margin-top: 10px;
          text-align: justify;
}
.main .content .info-box .info .list .btn[data-v-45c01200] {
          position: relative;
          width: -webkit-fit-content;
          width: -moz-fit-content;
          width: fit-content;
}
.main .content .info-box .info .list .btn:hover .down[data-v-45c01200] {
            display: block;
}
.main .content .info-box .info .list .btn > a[data-v-45c01200] {
            width: 110px;
            height: 36px;
            border-radius: 20px;
            border: 1px solid #f2973b;
            text-align: center;
            line-height: 34px;
            color: #f2973b;
            font-size: 14px;
            display: inline-block;
}
.main .content .info-box .info .list .btn > a[data-v-45c01200]:hover {
              border: none;
              line-height: 36px;
              background: -webkit-gradient(linear, left top, right top, from(#ffde9b), to(#ffbf65));
              background: linear-gradient(90deg, #ffde9b 0%, #ffbf65 100%);
              color: #333333;
}
.main .content .info-box .info .list .btn .down[data-v-45c01200] {
            display: none;
            position: absolute;
            top: 36px;
            left: 0;
            padding-top: 10px;
}
.main .content .info-box .info .list .btn .down ul[data-v-45c01200] {
              width: 200px;
              height: 100px;
              background: #ffffff;
              -webkit-box-shadow: 0px 2px 15px 1px rgba(99, 108, 120, 0.16);
                      box-shadow: 0px 2px 15px 1px rgba(99, 108, 120, 0.16);
              border-radius: 8px;
              padding: 10px 0;
}
.main .content .info-box .info .list .btn .down ul li a[data-v-45c01200] {
                width: 200px;
                height: 40px;
                font-size: 14px;
                color: #666666;
                line-height: 40px;
                padding-left: 20px;
}
.main .content .info-box .info .list .btn .down ul li a i[data-v-45c01200] {
                  margin-right: 10px;
                  width: 20px;
                  height: 20px;
}
.main .content .info-box .info .list .btn .down ul li a i.icon_win[data-v-45c01200] {
                    background-image: url(../../static/img/iconWindowsNor.6ed614c6.svg);
}
.main .content .info-box .info .list .btn .down ul li a i.icon_mac[data-v-45c01200] {
                    background-image: url(../../static/img/iconMacNor.383e6941.svg);
}
.main .content .info-box .info .list .btn .down ul li a i.icon_audiotext[data-v-45c01200] {
                    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAtUExURUdwTJmZmZmZmZmZmZmZmZiYmJeXl5mZmZeXl5mZmZmZmZmZmZiYmI6OjpeXl8PE6wkAAAAPdFJOUwD/3368YUyuJfOZyDcMHqHjR4UAAAB/SURBVAjXY2DAAbpFHsCY3kELWkMPgJmqzAqBgsIw5r13njAmA4MhiGWzvaXUAMJ0yZRMWsBwFMRsXHFm5wMmsAlsihPVlBSV1EDsa2G8xsaFESAm0Eguh3IGKJNjyjwwUwqICwvAzMItbtmzZieAmLdc3KY3tE+AOu4CGGEFAHxdIJ5Re0l7AAAAAElFTkSuQmCC);
}
.main .content .info-box .info .list .btn .down ul li a i.icon_videotext[data-v-45c01200] {
                    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUdwTJmZmZmZmZiYmJiYmJmZmZiYmJeXl5mZmZiYmICAgJiYmIuLi5mZmZqampmZmVR5MY4AAAAPdFJOUwChyNz2fWAa7ToEUAtwv7ib13AAAACESURBVAjXY2DADlgdC2BM/v62BYyC4WCmpL0m//8fB0BMgbX+AQz7N4CZDFMMGOoTIKIuF6BMoFoGhpMgY1j6fRcw8AmAzf1YwPDYxNkQava2tBRpEP2OgYHbcscBKJPrcS9Y9jEQ57uDmfft3k78aAF2xNp3b4U2HG2DGMAF1LMGhx8AdOYmWYi+9T8AAAAASUVORK5CYII=);
}
.main .content .info-box .info .list .btn .down ul li a[data-v-45c01200]:hover {
                  background: #f8f8f8;
}
.main .content .info-box .info .list .btn .down ul li a:hover .icon_win[data-v-45c01200] {
                    background-image: url(../../static/img/iconWindowsHover.6547c4fb.svg);
}
.main .content .info-box .info .list .btn .down ul li a:hover .icon_mac[data-v-45c01200] {
                    background-image: url(../../static/img/iconMacHover.8a73a3af.svg);
}
.main .content .info-box .info .list .btn .down ul li a:hover .icon_audiotext[data-v-45c01200] {
                    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABFUExURUdwTDIyMjMzMyoqKjIyMjIyMi8vLzIyMjIyMjIyMgAAAC8vLzIyMi8vLzExMTIyMjAwMDIyMjIyMjAwMDIyMjIyMjMzM0NjJp0AAAAWdFJOUwDx+gyzYCXfv38EHqg0VMpCS5pnknX3MM0JAAAAm0lEQVQY05XQ2w6DIAwGYA6lLWdE7fs/6tCw6bza/qS0+RIOQam/glU4PhHqSkmhcy5fSKvypJyM7Be6A22MkfUDj3iZ5FsFZCj7HQEWLbpRH3N2E7Pp2DLr8Si6bm8kWqgQkYwqU+3iWrB+JJkVJ4o/W+cA6bN/Iprz4BmznS0kgfDBZJh5KdVsppY3236gBlQIOnz9lb2tv+YFIH0GD5E954wAAAAASUVORK5CYII=);
}
.main .content .info-box .info .list .btn .down ul li a:hover .icon_videotext[data-v-45c01200] {
                    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABCUExURUdwTDIyMgAAADExMS4uLjIyMjIyMjIyMjIyMjIyMikpKTMzMzIyMjIyMjExMTIyMjExMTIyMjIyMi8vLzIyMjMzM05W6N4AAAAVdFJOUwDfBHga7WHAnvULcDemVtVIgss+i7zYrnQAAACXSURBVBjTlZDbFoQgCEVBQ8BbVsP//+pYU85q5qnzoLhBOAuAJ3qZTH/QyCg4ABHxI2vSZlszWBfFAcF5taWH1eoXAmyK/Zws3CvTD8xHz664XZOUTJPbI5ZhabGy5xlRFbHc7NbQpdLOJ/NxNcx1+LygY6Q0PjKeDUy/S0g2M/tcrMy0XNgl7rCsDaKncJv+GeHik62/ATitBfI7rv7YAAAAAElFTkSuQmCC);
}
.main .right-side[data-v-45c01200] {
    position: fixed;
    width: 24px;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 12px;
    right: 20px;
    top: 50%;
    padding: 20px 8px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.main .right-side[data-v-45c01200]:hover {
      width: 140px;
      background: rgba(0, 0, 0, 0.5);
      -webkit-transition: width 0.2s;
      transition: width 0.2s;
      padding: 20px 14px;
}
.main .right-side .right-side__item[data-v-45c01200] {
      overflow: hidden;
      font-size: 12px;
      color: rgba(255, 255, 255, 0.5);
      height: 16px;
      line-height: 16px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      white-space: nowrap;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      cursor: pointer;
}
.main .right-side .right-side__item i[data-v-45c01200] {
        display: block;
        width: 8px;
        height: 8px;
        background: rgba(255, 255, 255, 0.5);
        border-radius: 50%;
        margin-right: 14px;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}
.main .right-side .right-side__item + .right-side__item[data-v-45c01200] {
        margin-top: 16px;
}
.main .right-side .right-side__item[data-v-45c01200]:hover {
        color: rgba(255, 255, 255, 0.8);
}
.main .right-side .right-side__item:hover i[data-v-45c01200] {
          background: rgba(255, 255, 255, 0.8);
}
.main .right-side .right-side__item.active[data-v-45c01200] {
        font-weight: bold;
        color: #fff;
}
.main .right-side .right-side__item.active i[data-v-45c01200] {
          background: #ffffff;
}