/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
.rc-tooltip.rc-tooltip-zoom-appear,
.rc-tooltip.rc-tooltip-zoom-enter {
  opacity: 0;
}
.rc-tooltip.rc-tooltip-zoom-enter,
.rc-tooltip.rc-tooltip-zoom-leave {
  display: block;
}
.rc-tooltip-zoom-enter,
.rc-tooltip-zoom-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  animation-play-state: paused;
}
.rc-tooltip-zoom-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  animation-play-state: paused;
}
.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,
.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
  animation-name: rcToolTipZoomIn;
  animation-play-state: running;
}
.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
  animation-name: rcToolTipZoomOut;
  animation-play-state: running;
}
@keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
}
@keyframes rcToolTipZoomOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
}
.rc-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  line-height: 1.5;
  font-size: 12px;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 1px;
  opacity: 0.9;
}
.rc-tooltip-hidden {
  display: none;
}
.rc-tooltip-inner {
  padding: 8px 10px;
  color: #333333;
  text-align: left;
  text-decoration: none;
  background-color: #ffffff;
  border-radius: 3px;
  min-height: 34px;
  border: 1px solid #b1b1b1;
}
.rc-tooltip-arrow,
.rc-tooltip-arrow-inner {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-tooltip-placement-top .rc-tooltip-arrow,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow,
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  transform: translate(-50%, 5px);
  margin-left: -6px;
  border-width: 6px 6px 0;
  border-top-color: #b1b1b1;
}
.rc-tooltip-placement-top .rc-tooltip-arrow-inner,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow-inner,
.rc-tooltip-placement-topRight .rc-tooltip-arrow-inner {
  bottom: 1px;
  margin-left: -6px;
  border-width: 6px 6px 0;
  border-top-color: #ffffff;
}
.rc-tooltip-placement-top .rc-tooltip-arrow {
  left: 50%;
}
.rc-tooltip-placement-topLeft .rc-tooltip-arrow {
  left: 15%;
}
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  right: 15%;
}
.rc-tooltip-placement-right .rc-tooltip-arrow,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  left: -5px;
  margin-top: -6px;
  border-width: 6px 6px 6px 0;
  border-right-color: #b1b1b1;
  transform: translateX(calc(-100% + 1px));
}
.rc-tooltip-placement-right .rc-tooltip-arrow-inner,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow-inner,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow-inner {
  left: 1px;
  margin-top: -6px;
  border-width: 6px 6px 6px 0;
  border-right-color: #ffffff;
}
.rc-tooltip-placement-right .rc-tooltip-arrow {
  top: 50%;
}
.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  bottom: 15%;
}
.rc-tooltip-placement-left .rc-tooltip-arrow,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  right: -5px;
  margin-top: -6px;
  border-width: 6px 0 6px 6px;
  border-left-color: #b1b1b1;
  transform: translateX(calc(100% - 1px));
}
.rc-tooltip-placement-left .rc-tooltip-arrow-inner,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow-inner,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow-inner {
  right: 1px;
  margin-top: -6px;
  border-width: 6px 0 6px 6px;
  border-left-color: #ffffff;
}
.rc-tooltip-placement-left .rc-tooltip-arrow {
  top: 50%;
}
.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  bottom: 15%;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  transform: translate(-50%, -5px);
  margin-left: -6px;
  border-width: 0 6px 6px;
  border-bottom-color: #b1b1b1;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow-inner,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow-inner,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow-inner {
  top: 1px;
  margin-left: -6px;
  border-width: 0 6px 6px;
  border-bottom-color: #ffffff;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow {
  left: 50%;
}
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
  left: 15%;
}
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  right: 15%;
}
 {
  /* Reset */
  /* 去掉chrome下input和textarea的选中发光样式 */
  /* Function */
  /* 清浮动 */
  /* Arial */
  /* 宋体 */
  /* 雅黑 */
  /*.f-curbig{cursor: url(http://s2.music.126.net/style/web2/img/timeline/big.cur), auto;}*/
  /* 放大镜图标 */
  /*
    .f-cursml{cursor: url(http://s2.music.126.net/style/web2/img/timeline/small.cur), auto;}*/
  /* Fonts */
  /* 浅灰  */
  /* red */
  /* blue 链接色 */
  /* 灰 */
  /* orange 会员色 */
  /* for update merged */
}
body,
html,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
header,
menu,
section,
p,
input,
td,
th,
ins {
  padding: 0;
  margin: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body:focus,
html:focus,
h1:focus,
h2:focus,
h3:focus,
h4:focus,
h5:focus,
h6:focus,
ul:focus,
ol:focus,
li:focus,
dl:focus,
dt:focus,
dd:focus,
header:focus,
menu:focus,
section:focus,
p:focus,
input:focus,
td:focus,
th:focus,
ins:focus {
  outline: 0;
}
body,
textarea,
select,
input,
button {
  font-size: 12px;
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-text-size-adjust: none;
}
section,
header,
main,
article,
aside,
ins,
nav {
  display: block;
}
html,
body {
  width: 100%;
  height: 100%;
  border: 0;
  word-wrap: break-word;
  word-break: break-word;
  -ms-overflow-style: scrollbar;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
em,
i {
  font-style: normal;
  text-align: left;
  font-size: inherit;
}
html,
body,
img,
iframe {
  border: 0;
}
textarea {
  resize: none;
  overflow: auto;
}
input:focus,
textarea:focus,
span:focus,
a:focus,
button:focus {
  outline: none;
}
button::-moz-focus-inner {
  border: 0;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #ccc;
}
input::-moz-input-placeholder,
textarea::-moz-input-placeholder {
  color: #ccc;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #ccc;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #ccc;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
li,
s {
  list-style: none;
}
img,
.txt {
  border: 0;
}
mark {
  background: none;
}
[hidefocus] {
  outline: none;
}
a {
  text-decoration: none;
  color: #333;
}
a:hover {
  text-decoration: none;
  color: #333;
}
a,
a *,
.f-hand,
.f-hand * {
  cursor: pointer;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}
button {
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
}
input,
select,
textarea {
  -webkit-appearance: none;
  border-radius: 0;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
}
.f-cb:after {
  clear: both;
  content: '.';
  display: block;
  height: 0;
  visibility: hidden;
}
.f-cb {
  *zoom: 1;
}
.f-alpha {
  _behavior: url(http://music.163.com/style/css/iepngfix.htc);
}
.f-ib {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.f-img,
.f-blk {
  display: block;
  width: 100%;
  height: 100%;
}
.f-pr {
  position: relative;
  zoom: 1;
}
.f-pa {
  position: absolute;
}
.f-link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.f-hide,
.js-hide,
.f-dn {
  display: none !important;
}
.f-vhide,
.js-vhide {
  visibility: hidden;
}
.f-oh {
  overflow: hidden;
}
.f-oa {
  overflow: auto;
}
.f-fl {
  float: left;
}
.f-fr {
  float: right;
}
.f-ct {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.f-sep {
  margin-left: 5px;
  margin-right: 5px;
}
.f-ff0 {
  font-family: Arial, Helvetica, sans-serif;
}
.f-ff1 {
  font-family: simsun,\5b8b\4f53;
}
.f-ff2 {
  font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
}
.f-ff3 {
  font-family: Georgia, "Times New Roman", Times, serif;
}
.f-fs0 {
  font-size: 12px;
}
.f-fs1 {
  font-size: 14px;
}
.f-fs2 {
  font-size: 16px;
}
.f-fs3 {
  font-size: 18px;
}
.f-fs4 {
  font-size: 20px;
}
.f-fs5 {
  font-size: 22px;
}
.f-fs6 {
  font-size: 24px;
}
.f-fw0 {
  font-weight: normal;
}
.f-fw1 {
  font-weight: bold;
}
.f-tdu,
.f-tdu:hover {
  text-decoration: underline;
}
.f-tdn,
.f-tdn:hover {
  text-decoration: none;
}
.f-pre {
  word-wrap: break-word;
  word-break: break-all;
}
.f-thide {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.f-thide2,
.f-thide3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.f-thide2 {
  -webkit-line-clamp: 2;
}
.f-thide3 {
  -webkit-line-clamp: 3;
}
.f-tdlt {
  text-decoration: line-through;
}
.f-brk {
  word-wrap: break-word;
  word-break: break-word;
  white-space: normal;
}
.f-nw {
  white-space: nowrap;
}
.f-tid {
  text-indent: -9999px;
}
.f-nobd {
  border: none;
}
.f-tc {
  text-align: center;
}
.f-tr {
  text-align: right;
}
.f-tl {
  text-align: left;
}
.f-vam,
.f-vama * {
  vertical-align: middle;
}
.f-vat {
  vertical-align: top;
}
.f-rdi {
  margin: -2px 0 0 -1px;
  *margin: -6px -4px -4px -4px;
  vertical-align: middle;
}
.f-hand {
  cursor: pointer;
}
.f-cd {
  cursor: default;
}
.f-inline {
  display: inline-block;
}
.f-sltnone {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.f-dft,
.f-dft * {
  cursor: default;
}
.f-mgt5 {
  margin-top: 5px;
}
.f-mgt10 {
  margin-top: 10px;
}
.f-mgt20 {
  margin-top: 20px;
}
.f-mgt30 {
  margin-top: 30px;
}
.f-mgt40 {
  margin-top: 40px;
}
.f-mgl10 {
  margin-left: 10px;
}
.f-mgb5 {
  margin-bottom: 5px;
}
.f-oys {
  overflow-y: scroll;
}
.s-fc0,
a.s-fc0:hover {
  color: #000;
}
.s-fc1 {
  color: #333;
}
a.s-fc1:hover {
  color: #000;
}
.s-fc2,
a.s-fc2:hover {
  color: #D0D0D0;
}
.s-fc3,
a.s-fc3:hover {
  color: #666;
}
.s-fc4,
a.s-fc4:hover {
  color: #999;
}
.s-fc5,
a.s-fc5:hover {
  color: #555;
}
.s-fc6,
a.s-fc6:hover {
  color: #c20c0c;
}
.s-fc7,
a.s-fc7:hover {
  color: #4a90e2;
}
.s-fc8,
a.s-fc8:hover {
  color: #aeaeae;
}
.s-fc9,
a.s-fc9:hover {
  color: #ea524e;
}
.s-fc10 {
  color: #d33a31;
}
.s-fc11 {
  color: #c2c2c2;
}
a.s-fc11:hover {
  color: #c2c2c2;
}
.s-fc12,
a.s-fc12:hover {
  color: #fff;
}
.s-fc13 {
  color: #fe672e;
}
.s-fc14 {
  color: #ccc;
}
.s-fc15 {
  color: #888;
}
.s-fc16 {
  color: #f03e45;
}
.s-fc17 {
  color: #bbb;
}
.s-fc18 {
  color: #4995EB;
}
.s-fc19 {
  color: #ccc;
}
.forupdatemerged {
  color: #fff;
  display: none;
}
.f-hide {
  display: none;
}
.f-clearboth:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.rc-tooltip {
  opacity: 1;
}
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  top: -8px;
  border-width: 0 10px 10px;
  border-bottom-color: #fff;
}
.rc-tooltip-inner {
  padding: 0;
  border: none;
  background-color: transparent;
}
.rc-tooltip-placement-top .rc-tooltip-arrow {
  bottom: 12px;
  border-width: 10px 10px 0;
  border-top-color: #fff;
}
.m-layer-mask {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
}
.m-layer {
  position: relative;
  z-index: 9998;
  width: 530px;
  margin: 300px auto 0;
  border-radius: 4px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
  border: none;
}
.m-layer .zbar,
.m-layer .zttl {
  cursor: move;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.m-layer .zbar {
  position: relative;
  z-index: 10;
  border-bottom: 1px solid #191919;
  border-radius: 4px 4px 0 0;
  background: #2d2d2d;
}
.m-layer .zttl {
  padding-right: 45px;
  margin: 0;
  height: 38px;
  line-height: 38px;
  padding-left: 18px;
  border-radius: 3px 3px 0 0;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  background-position: 50% 0;
}
.m-layer .zcnt {
  padding: 0;
  border: 1px solid #878787;
  border-width: 0 1px 1px;
  border-radius: 0 0 4px 4px;
  background: #fff;
}
.m-layer .zcls {
  position: absolute;
  z-index: 20;
  top: 15px;
  right: 27px;
  width: 10px;
  height: 10px;
  overflow: hidden;
  text-indent: -9999px;
  cursor: pointer;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAWCAYAAADafVyIAAAAAXNSR0IArs4c6QAAAIZJREFUSA3FkkEOwCAIBGt/6Qt9ZnuaxmxCthwEL6gIzCSOtdZzbWvOObZjeqv97nSHZMFHq5OzJlF9nQHmEQl5je59vQGEjszl6dNnAIGSck90v63fAFI1ceTU9RsoOWREZ9JnoORK6vIY1hv8JYPQva8zcCQQRzGqP28QTY5I3b32O27wAsNNSgpS8Q18AAAAAElFTkSuQmCC);
  background-size: contain;
}
.style__m-download___KV0aK {
  width: 100%;
  height: 100%;
  background-color: #F1F3F5;
  background-size: cover;
  font-family: PingFangSC-Regular;
}
.style__m-download___KV0aK .style__download___322Vq {
  width: 100%;
  height: 100%;
}
.style__m-download___KV0aK .style__n-qrcode___dg4uU {
  position: fixed;
  z-index: 10;
  top: 395px;
  right: 25px;
  padding: 16px 18px 9px;
  background: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  color: #333;
  font-size: 12px;
  text-align: center;
}
.style__m-download___KV0aK .style__n-qrcode___dg4uU p {
  margin-top: 10px;
}
.style__m-download___KV0aK .style__n-qrcode___dg4uU img {
  width: 100px;
  height: 100px;
}
.style__m-download___KV0aK .style__n-qrcode___dg4uU.style__iframe___2PxaS {
  top: 325px;
}
.style__m-download___KV0aK .style__wrapper___1fTwc {
  position: relative;
  width: 1192px;
  margin: 0 auto;
}
.style__m-download___KV0aK .style__wrapper___1fTwc .style__clients___iw5uL {
  position: absolute;
  line-height: 60px;
  height: 60px;
  top: 0;
  right: 0;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}
.style__m-download___KV0aK .style__wrapper___1fTwc .style__clients___iw5uL .style__icon-download___2aJYJ {
  float: left;
  width: 20px;
  height: 20px;
  margin-top: 20px;
  margin-right: 6px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAA5RJREFUWAnNmbtvE0EQh23zCFLsIoWlVEgIQXhTEMlVqECKAkkU/lEggSgFFalSpOARwAUFnaUUIJwUPM3v2+xd7s57593zBWek0e7tzsx+OxffPlKvlZTBYDAj1znprLQpbdlSRe1A2rdlT2W3Xq9/VRks9RAPQQFyTwpYO8RXtvvSrnRXsEzAS7wABTalaB2r570i5xv9VNcOKtAf+WZHPSMBBXdNpovS6VHBAvsPZb8lyE9FfrmAAqNvwWpRjHH7thVgW6ADVyAnoODOyXhZet3ldAJtHxVzQ5C/srHPZhts5lbUzqsNkc8y3rQOSyovBzibRGjsp9lMNhxBeK2hcITZVPDvKHUaAgVIxk5JClAzAGzIKOWR82DBTG+ynmOe17xgGeL+GFAdfEr4tU5aFi2L4YgB9cR3rupPSZnJwgCLEQMoYlaIuNH2TbLoWKZalMF50Yy7QlQ5IVhYUmPAq1VGrygW632toVSyKwld+CtiKAzTho1XbEgLTSfXOQcg+7nTKrMA8gs+rdJkLWYnXCRf1PlC+lv6UHpDOo7syfmVlLHZkFyU5knLJ4Ps2b5J2QU/l77Li+bR/oYYxCKm6lsjfJoAeouC/pUx2Xzv7XRs+FZVNhTOfd+xWboGIJkpkgf6uZ+JDCzkhp55Vb7ChF5aX+OjmLxi/mSK5ADAfpGF+tjXrTkg19X+YYQv3UyEzSjZN2JjPdHDJduUV/R9Mogz30oXJH+T7IbzhAmsO+DW1H4lzynRbjLYSzQUVYFcdWQSSNfBB3B+ENnMAee7OPTIIGdVX2HXuyJI/IwI4I8qz+xjsnDBrcrAF45Y3YYG4MTPodpX+A66IFP+Fty02Qlxzgk5hO3DFmUiJIsMelOagqTRJQm40A+8YYoAdxWcE3+IALmcfN1ZZ9vHaoFtiMAC09F+UKnkW7hDQ6Dckv0jF6Rte6x+bEKFaxHzfY4ySAAAD0Mjyf6OdElA8SWArXM2vl0iHgxxsmJAEXORM2ptzBvvrjr4BF1AqUtpKyOs/bAYiWcdNWiA+6qXOhtHMcYouaN5nfSPM5ho5DKnaHVImFZaZUzGTskQoGbAboPNwP+EZCzW66GdztArjvDtHzqv+qRfN1kLu36LICkFyn0NVyLTPFco/FrLX2AmQQQ5peeO1XEP+NVeAWdAOWDNSznot5N9HvV92bB8VX+J7hpcWZ1ROzsTjq2At2yporp/Q/wDYZIaqIRbHggAAAAASUVORK5CYII=) no-repeat;
  background-size: contain;
  vertical-align: text-bottom;
}
.style__m-download___KV0aK .style__wrapper___1fTwc .style__clients___iw5uL.style__iframe-clients___1iwnA {
  top: 70px;
}
.style__m-download___KV0aK .style__wrapper___1fTwc .style__clients___iw5uL:hover {
  opacity: 0.7;
}
.header__m-top___3FicT {
  position: relative;
  height: 60px;
  box-sizing: border-box;
}
.header__m-top___3FicT .header__n-wrapper___DEo2Z {
  width: 1100px;
  position: relative;
  margin: 0 auto;
}
.header__m-top___3FicT .header__n-wrapper___DEo2Z .header__logo___3Q0N8 {
  float: left;
  width: 294px;
  height: 28px;
  margin: 17px 0;
  background: url(//s5.music.126.net/static_public/5d2e7e0f4c302eee822efc3d_5d2e7e0f4c302eee822efc3f/logo.76f2b7eba1ebcc0bb9224e8511e2c96b.png) no-repeat;
  background-size: contain;
}
.header__m-top___3FicT .header__n-wrapper___DEo2Z .client-modal {
  position: absolute;
  top: 82px;
  right: 0;
  z-index: 10;
  padding-top: 20px;
  padding-left: 10px;
  width: 276px;
  height: 250px;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  box-sizing: border-box;
}
.header__m-top___3FicT .header__n-wrapper___DEo2Z .client-modal .btn {
  float: left;
  display: block;
  width: 113px;
  height: 45px;
  margin-bottom: 10px;
  margin-left: 10px;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #333333;
  line-height: 45px;
  background: rgba(0, 0, 0, 0.08);
}
.header__m-top___3FicT .header__n-wrapper___DEo2Z .client-modal .btn.aos i {
  float: left;
  width: 23px;
  height: 23px;
  margin: 10px 12px 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAAXNSR0IArs4c6QAAA7pJREFUaAXtmsuLTmEcx4cx7gxSWChNkUsobEQmTRZWNv4DycJGk4Vmg8bsbNgoFjaKnYVLykKKhHKJ1Ci5Jyb3+93nW/PU0zPnPc95z/Oc9z2vzre+nfPcfs/v8lzP+7a1Vag8UHngf/LAFoxZktOgBbTbm7NtzWaja5bkK3hGsz7YXmfzUdTfBW/U2c5bvV5FfAIfUGElXASvWZXH8j4NdkL1+RP+hQaK/FR40GTEespzsTEOgUfhMdgFe6CG33TYAb/CV/AOPAefwB1wK/wAS4/5aHgaKkJZ+J16coiiW3ooCkMwi2Fundu0W1tmC/stw17zft9Ku8bY6UHqvRuu+57nJlg69KKRUfoL72vgJKg5ZvKTnicpnwg1TzVUVUfzMFokY2wTq1FoABr84UVKfoZaUNIgZ4iKnNoJU+AROEOJZmMMClyAbnQek3cFSmm3zE7/ovwy1P5p5+t9D2w61qGBzwhX8axpbR/aWoIQOkQ303sRe6mMmgu79RICDbG8kGFzoIajohIbkt8VKjTU+8ZBRRmo4S/mhlHQJ2A2FXRLeANvDldu56khWuRq9wL52koMFvOi7ece1CodBTo8P4KK0g+4Dwo6c+pwrfyieBXZgtaK/fAbVESvw3kwGBLsbta6CSyHGt53YVHGSe5FKHRDtx/tlV74VlFdYZY5UjSsV0F12CjoZORCBwzvFPMZqHnW4UomrXnQSOh042I8GdIvFT4D1TgpUkl5qR0FFib1l5Q3opssBo5o1EoZlYGtFK0kXasIJnmllfKqCLZStJJ0zRLB0BtHUr8x8jLp5TNQh9tPCdrow20joVuMi49k6JNHKnwG6kpy1pEwRPoS9B6TnHYhyfM01k3GhvT6bWfkfZ9JwxPwKbwFN0JB16VG3SbU3zb4EGr0HIf6rSMqOpGmH1EMGm2g+pUOs4wCWZ7e64YlRN8umw3pUJcevjnoMyjTSuYTklIeLD/EQE1w7yqWonyWokxXojRBIQbKuDNpwiOUnQqVEToEJqDATrgBaj4rrU8cruP0FcyeO5NJL4UuTD39ECPnHYD6BlQaLEQTHQ40tGyudzRcQVpD3K6j9x6nXnDS9XSowFry3Hw3bfqtlW/K635GF1i3BgU3qAws2MGFiy8igkkrs5tnFhjXQC00URHbwJdo99bRUEu+Duo2npPQHw9s6Lbg1rPLS/Pehyb28n+ItBtBKTvg1DtMOrbD1U90SMntUJv2bqhbRxJ0MOiFg7Af6lN8hcoDlQcqD1QeKJUH/gH/fkvsHGxxDAAAAABJRU5ErkJggg==) no-repeat;
  background-size: contain;
}
.header__m-top___3FicT .header__n-wrapper___DEo2Z .client-modal .btn.iphone i,
.header__m-top___3FicT .header__n-wrapper___DEo2Z .client-modal .btn.ipad i {
  float: left;
  width: 26px;
  height: 26px;
  margin: 8px 12px 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAAXNSR0IArs4c6QAAAyBJREFUaAXtmk+ITVEcx2eY0hDCGKXUDIopTRFFaqQICzsLzUZiQVlJWViwsGahZlZsKJFiRYrxZCHCilKMTFiMkvyJ/Pf51tzmze3e3vvde86Z96bzq0/3z7vn9zvf3z33nHPPfS0t0WIGYgZiBmIGYgYaPgOLqOE+OAdrGr62hgrO5Nqj8Ab+jbGD7ZSwLlTchUSYtr+gF5reOlDwBKrFaf8lzIKmt7MoSIvT8ammV4aAPvgNaYEfONcNTW/nUZAWp+MDTa8MAbPhNaQFHufclLDlqPgJicBh9vf4VNbm03mGb4l7CO/hJlyGj+DNWh167sHXBtB2AXwCDQVD8A4Sm8bO37ED7WvmshXWwnxQZ/MCHkEFdDypto7o1+AbJE2vequ7dQG2wRyYDsvgMDyGrB41KT/C7ydgLgQ3Zf8YfIWkQrW2r7hWd/WLoYx8KhGrIJipaZ+GWoJc/q756upQCg8GFpck6kgIgZpt6MFPgobY/iDefnDZKeIu285wOoSo6hiHsqvi/mwnLkcDC7zoXka+x12Bxam3XZlfndq/qKu32EbLxQ6ureDjeRk/VoGlslmgoncKlJlQxCJQM5CFE0r7P9DEoJRZBbaXimYvXHpYsAhUt51Mku1VLVaio1ix8VIWgZoUfx4vGmSvt2wUi0DdQY2BIW0LwUo9FhaBEqZlvZCmXntnyID9BKueQoXY18uvlvaD2Aqi5L3Y+hR7nbh6WfZubUR4AD7F5PmuELcHTKbB22IaJhbDZkshR9d24Wc3/IH7UJdZOxk5vQpaHZsM02KW96ULzS70TOQ1JZ/nNRZr5c67bSeCmqtPMVm+bxOzSKszJ0SdzVBggXr2tH4azNRUvkNWpn2cu0Ss0pNva3a0LupDTNqnFo+XWivn4voZOLkF6Qq5Pt7rorJFfXRTcMSjyMGiFXNZTms1o3WI1Pipr0l67arnLuubRzs0hOkjzFNIV1yiboCamd7vloDu+iY4CcOQLqPxbgBK/yGhFScuTZ+/+mE9aCh5BhKnT2F5No8fNK72QSe8hStwD6LFDMQMxAzEDMQM+MzAfyLQajvV9K/AAAAAAElFTkSuQmCC) no-repeat;
  background-size: contain;
}
.header__m-top___3FicT .header__n-wrapper___DEo2Z .client-modal .btn.mac i {
  float: left;
  width: 22px;
  height: 22px;
  margin: 10px 12px 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAAXNSR0IArs4c6QAABG5JREFUaAXtmVmoTlEUx83XnDEikRIZk9B9cRNJUcYHnmTMmOG+yDtvUjyQMjx48EKJFBlK5ilE5kwhw30g4zX+/tm7jt0ZvvN9+xy3nFX/9jl7r3nvb6917m3UqKAiA0UGigwUGSgy8P9moHGOobfGVgtjr57xUx62swqwKc4PBmPASNAXdAVtgOgjeAMegkvgFLgJfoIGTZ3wbjE4D76CXyXiC3znwCLQETQ4qsKjFUA7UmpQUXwP0LEENAcNgnQUT4Aoh8udP4rO/v86wuk48DqD4GxSXqB70r8Kcg6G0/zOrNNpR11IM/MOchoGdTEEndVOHgSXnfkgT9zzO+SOgGNAZSTIqyAngFxoKFbqQNABPevaHwhU7y4Cdz3pfS4yoqXgO3D5dVz7gUypFdrPANe4fddVrxt1GNCO2PmkcS+8oiQ57XCmt2stBpKc3SBPoWUgiVfrT0APoOSpfibJzIMnE+qGVh2TJAd08YwzHuxL4P/B+lTDq8Qk6db6fdDeyHgd1qKtFAfEcxeoq9HOPAZRcltZEykhSkwUnzu/UEI+qSXK1Cu6huLedxgHJjOGXRq3mO8AOoM7IE6Xu3YafvW73qgaTTpOrqG4dzXOs4wHGx1ZlZgas7bTWYvTadc+IzPAyHsZ1pXhhJx5CfoAt3SsZ06kBCgR1vE04wIp8EX7UZTGeJD3ELL6LBsOtHOqkTryfYASEORN87wNWS/UDC3XQRrjLu9K44myPhooYAXu8qV5P468F9JF8AykMe7yvkd+VMCbNRXqk/4bQMmPpSaxq38WdVtV2j20Q8diY0vH08fvRzrVHFRMPnawDi/03WhJxT2sdLg7H/euUyXfKibdgPdAnLGkNVuY1a3MMB5tqlCnmgkvO6gL4VwFzuxDVjQeqCQ8Ad1BW1Dup5USegbINy+0By1JuxS2rmPUE6htC56CvbyLRgBdQGGySXO7kfNGq9CUZNBdV+cz3XiwK0R+vllTCXFlS3lfbuS9DCrS31I6st1Ynh0h95b5/kDH7EAET1SgasyHAG+kMnEVRBl052/DqxuuN4jrVlSspbsX0HF29US9X4A3sQbCk4pWwx1lMDiv7I41mkvpVtTnitKUDv1Zwzt1QeNTEAwm7Nl+0Zf629L/KKqNt5tL0P8QHi/1z9j8a1iR4ICOjjqVYSDN7XgNfn2ltwNXQFji7JyPLggT4STn9Y8Sayw46tIYBKpAOXVzC3IiJacOBHXb56PM6zebKQ1Gu/5EaI3a8RVz+qwqJzjpUOt2xOiQLqvXjvp7UD+QC03Bir7trPGsxw/YmpBLZAEjc3jWjZlHcLZ/DZjP51GGX2cY5HN0T8wnlGgrQ1g6CXzv5GF05vabiw7vz4puTtW9R6DSQNWULwTeOxV0VkxqBmrBZVAPSg1WfwY8C9SheC3i3r6ncCxIyr7KSQ0YCfoCBa+PZ5FuRZWaB+AiUG1V/6rvRa+UVYBhTio4HWXtqm5f7VpBRQaKDBQZKDJQZKDIQIYZ+A1n5uXGSFWexAAAAABJRU5ErkJggg==) no-repeat;
  background-size: contain;
}
.header__m-top___3FicT .header__n-wrapper___DEo2Z .client-modal .btn.pc i {
  float: left;
  width: 26px;
  height: 26px;
  margin: 8px 12px 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAAXNSR0IArs4c6QAAAjhJREFUaAXtmclKA0EQhmPcEFfcl0RNNIJn8ehT+Age9CS+hGefRB/As3jyDcSb4lUQVFzQ/4/TYZhEpnt6i1oFXzKZ9FL1VzWZTpdKYqKAKCAKiAKiwP9VoOcXhF6GjxNgAayALbAPKiDX+nJbhGswgqlmwTKogwZYB6tgCUyBAWBkoQMchHfTgA7XAANgIAyoCmbAMHBmPgJkJhgES4qOP4MzcAAOwTxgyQVZHkUCpGPjgGpzHXBdMJC15JrZYYAMlHYOGOAG2ARBzSTAE3jGMuIaYXa4JoZAnr0kDd7zGvr43iTAIx8O+B6z7HuC2ONLgLEzYDu/ZNBWwdj9JYOxM2A7v2TQVsFU/yDPnqn5mpcmTzLZvrqf1RaHj2pvup1ctTNRdbfgpPfodwn47MpdhCu70RnIJINXOgN2aPPU4V5X3nqFV0U4TaI5Ltj/pzm1RDLJYL/WiO2NVL9PfKWu21t5uhPiZ4KB0aLsB0ME+B2eBKh0cPsuGXSop6xBh2K2hpISbUlhf/HnS/TDXiPzEUxK9ALDX4MHoH68TWaMkkGTR7UdRMN/srkr4PmCOgXiX/Y1UAFzgDuG9LhquxQlg2lH4Feu8SDlNiG7u+Bz5iRg8FXAoBvgDtAeE0abnwK9mOwHbV2iAIuAhzPqwKaOa5V9ng2OAV2ftNppNcKkvk2VPg91sqXPamDwLP1eoEzLd61GasRI71zDqvQZ/DbYA6wGMVFAFBAFRAFRQBQQBUQBUaBrFfgCfpxQQtHxgv4AAAAASUVORK5CYII=) no-repeat;
  background-size: contain;
}
.header__m-top___3FicT .header__n-wrapper___DEo2Z .client-modal .btn.linux i {
  float: left;
  width: 26px;
  height: 26px;
  margin: 8px 12px 0;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: contain;
}
.main__m-main___2uUHP {
  width: 1100px;
  margin: 0 auto ;
  padding: 112px 0;
}
.main__m-main___2uUHP .main__n-pc___3oNRI {
  display: inline-block;
  width: 556px;
  height: 100%;
  text-align: center;
}
.main__m-main___2uUHP .main__n-pc___3oNRI .main__img___2st-0 {
  width: 557px;
  height: 328px;
  margin: 0 auto 3px;
}
.main__m-main___2uUHP .main__n-mobile___2-BTD {
  position: relative;
  display: inline-block;
  margin-left: 220px;
  width: 306px;
  height: 100%;
  text-align: center;
}
.main__m-main___2uUHP .main__n-mobile___2-BTD .main__img___2st-0 {
  width: 299px;
  height: 331px;
  margin: 0 auto;
}
.main__m-main___2uUHP .main__title___1u4H7 {
  margin-bottom: 33px;
  width: 100%;
  text-align: center;
  font-size: 22px;
  opacity: 0.8;
  color: #FFFFFF;
}
.main__m-main___2uUHP .main__type-tip___2Y-Am {
  width: 100%;
  margin: 26px auto;
  font-size: 16px;
  color: #eee;
  text-align: center;
}
.main__m-main___2uUHP .main__type-tip___2Y-Am span {
  display: inline-block;
  height: 28px;
  line-height: 24px;
}
.main__m-main___2uUHP .main__type-tip___2Y-Am span:last-child {
  padding-left: 40px;
}
.main__m-main___2uUHP .main__button___1MzUb {
  width: 300px;
  height: 65px;
  margin: 50px auto 0 auto;
  border-radius: 20px;
  background-color: #fff;
  color: #ff3a3a;
  font-size: 22px;
  line-height: 65px;
  text-align: center;
  cursor: pointer;
  box-sizing: content-box;
}
.main__icon-newtag___3P5wk {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(data:image/png;base64,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) no-repeat center;
  background-size: contain;
  vertical-align: -10px;
  position: relative;
  left: 70px;
}
.main__icon-newtag-pc___3Jct9 {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(data:image/png;base64,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) no-repeat center;
  background-size: contain;
  vertical-align: -10px;
  position: relative;
  left: 108px;
}
.main__icon-ncode___NRbaQ {
  display: inline-block;
  width: 21px;
  height: 21px;
  margin-right: 3px;
  background: url(//s5.music.126.net/static_public/5d2e7e0f4c302eee822efc3d_5d2e7e0f4c302eee822efc3f/icon_ncode.28be3ef7e9730069682ff0d0ca17e942.png) no-repeat center;
  background-size: contain;
  vertical-align: -3px;
}
.main__icon-apple___fWj92 {
  display: inline-block;
  width: 21px;
  height: 21px;
  margin-right: 3px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAtCAYAAAApzaJuAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAANoSURBVFiFxZhBaBxlFMd/72t2NoeCOXjwULDHHiMJZHc2hxFzaw8FlbbYQkU8qWBBUFCRgkI9lB5akd5SyCFCAhEL6qEwB/fbhaRQsIeAHlZEugcPPQSazm7nedjZZLo7s53I7Mz/Nu/t9+bH+2bf994nTFnaaNRQfQ/wELkrzeaVF62ZmRrM0tIJjPke1TMxcz/L2qlAaaOxjOpPwNyI668s63OHioB+Bo6POcPwlywxJFcgz5sjCH4HTiS4H4i1r2WJY/KEotf7KgUIVK9mDZNbpqIs/U3StsGPYu3ZrLHyy1QQnE0B2sVxLh8lVH5QIgsJ1l9xnLr4/uOjhMrv36caz9JD4Fuxdu3/hMoPSuQ2qvdQ3ZFWa3fUra77KgCO84/4/sQiOvFD10ZjmTA8h8gycAqYBf4F2qhuUa1upm2Nuu488CZwBpiPufrALiJ3Uf1BrH2QCUqXlmocO3YDqE2CBvaBLWCdZ8/uMzPzEmG4gsjlEZBJ2qDX+0i2t7upUFqvf4jIDaZ4Lo5JtYsxb0uz+dsYlLru58DXhcE8rz1EXpdmc+egJKjrvlUiEMBxwnAFokxF1fgP4OWSgPrAJbF2HYbfTa/3aYlAABfE2o3hg6jnzRIEjxjvfYrSdbH2k7jB8PTpSmlAql0c54tRs8GYN8rgAUDkjvj+/qjZoPqiAjk9iWwkmQ3wSsEoh6pUHiaZDXCyWJJIIt2krYO82+GjSHU2zWXIOItNQXPqeYlgBugUyxLTkyeLSWaDaqdglNjbzblEMyKdglEOJXJRFxbGjjeDyP0yeCLNUa3eHDUawtAvASau81qvP3f2DVqXRuMRquUVUQCRa1QqX4rv94d1arNUIADVzwiCltZq3hBqtUyemBYx5qYBkGZzh8EAWb5U78SPmeulgRxqn35/7RDKcdaAP8vjAeC2bG93D6CiUfqbEoEe0+tdg5EuQaxdRdUvBUn16nBKHm9dVN8F9gpGalOt3ho+jEFJu90B3i8QaI8wvBC/iUls8sTadUS+KwRJ9VKUiAOld56VysdMu9KrXpFWa2vUPPl+yvNmCIJV4J2Un+wDG8A9wrDDoGE8icg8cBqRlZR1/QjoVpIz0+2wuu554ANgMQq4A2xSra5Nus/Uev0UIheB0wwG3j7QZnD1mHqC/Ac+QyR+vnRdrQAAAABJRU5ErkJggg==) no-repeat center;
  background-size: contain;
  vertical-align: -3px;
}
.main__icon-windows-new___3AjzS {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 3px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAIqSURBVFiF7ZghjNNgFMd/77umPYGYQEyQMLKKJmAQTa470wQSJk7iCAkk5zAjnASJQlxOIRBgcAhISEBOkG3JcQ6BQCAmJkiYOLG2d3uIrrDAlbGux03sp5om/77f+9L0ff2E/4Q2GnVUXcADXIxxUfWAGvAR1dtSakHfr7K2VkfkyqSYC2QC1ox4b2EZDcMKcfwU2ALOLfKsE23V96s4zkVUs6XMOqwBfVQfSbf7FoA4fgbcXEQiQzQMLZLkFqpbU0VndTgiSS7J/v5AG43vQKUMGYsoeoJIa87cOpa1AbwuSwTAIHKnUFKkNIkMQ4mdLYo5a4FpVjJ5rGTyWDqZUaGk6gAAkW8luQwNqi8LBPs4ThuA8bhI/iT2LBynRRwPgWvAIapHf42IfEX1sbTb6Yo6zg5R1Efk8tzlRQaoRsAn6XReze9/iqRTO4ruYUyT8Xg9vStDYJiT6RNFe3Jw8PNd0SBoIrJR2EK1J93ue9Eg2C0wtT9j21el3R5pELQQ2S0s8ouHBpHtAkGP0ShdCZEHJYgA7BiKbhWNqU2uLpQkU1m6j97SsJLJYyWThwEOz1oiwwBvCmZLb8LCtreJ4y/ADURcVM//Q+6I4+PelNRC/9gZf/z4axhWSBIX1RqqLiJ1wJuIVkkH6H3pdF4A6ObmO1SbpyIzL+r7VWz7OarXmX3scboyGZOtSHZw4GJMHZg+o5nFh1IPi/L4TdQDUlERj3TQ9lC9+wPeYK8xkN4o5QAAAABJRU5ErkJggg==) no-repeat center;
  background-size: contain;
  vertical-align: -3px;
}
.main__icon-unfold___1Ou-q {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAEcSURBVEiJ7daxToNAHMfx778NvaUDo6NjX6AJhg44GuMbOfpGxnSUQVKSvgCjoyODy5U05yBRoi29u163+42E8PmGYwDi4uLi4uICTgBMUaR03T37fSV1/X4pzGTZNdNpTpK8SFm2YooiZbfbAAugReRBquotOJznK4x5BlKgYTa7maB11sMAKcasTZ6vLgCvexhggdbZBKVqoBncOw8ZMIDng8sNStXfZ75cXpEkr/y+AYBPRO7OOYKjcNfdynb7IT83Bg44BUP/tYcOsIH/4SECbOGD+DkBLvBR3CfAFR7FXQJ84JO4TYAvbIWPBhjziMiTD2yNjwT8nTXshFsEOMHO+EiAM+yFHwjwgr1x6H9AtM5QqpaybH2e8QXtR+h0VPIiWwAAAABJRU5ErkJggg==) no-repeat center;
  background-size: contain;
  opacity: 0.6;
  vertical-align: 3px;
}
.main__icon-unfold___1Ou-q:hover {
  opacity: 1;
}
.main__icon-packup___270qM {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAEiSURBVEiJ7dYhc4MwGMbx/4sgZqJyElk7NbhWMNm7fZl9k32Y3W2uFXAwha2snKyoIaKZ4Eq3K1AI4PLIAPk9l+QAwTImjheU5TNKfctud7SZw7OCo2iJ1gUiX2hdmCha2swjVjBsEXm8Dpof4EWybD8b3giPKNAb74QtC/Ta8xb4hDFvwKkeqa5v+56Bu3grLLKRLHtHZGNboHPZO+E0Ter7Vqs1xnwCD9eH729BK94XHlOgER8K2xa4wW1hmwL/8LHw0AI1PhU8pIDMAfctICaOF2hdAMGUcGcBOOD7Tx5lGc4FA0iaJjcvIggoy9BDqRy4HILjlHBDgct3f49SebXn1dK/cj4nkueHKeG/MWEY4HlrfP/D9gfExcXFxcWlNb8yFNz1ahLOPgAAAABJRU5ErkJggg==) no-repeat center;
  background-size: contain;
  opacity: 0.6;
  vertical-align: -3px;
}
.main__icon-packup___270qM:hover {
  opacity: 1;
}
.main__icon-tip___RlxL_ {
  float: left;
  width: 24px;
  height: 24px;
}
.main__icon-tip___RlxL_.main__icon-mac___2FGu8 {
  width: 154px;
  height: 44px;
  background: url(//s5.music.126.net/static_public/5d2e7e0f4c302eee822efc3d_5d2e7e0f4c302eee822efc3f/icon_mac_black_new.bbaa33f484108e702bc365c250b74e79.png) no-repeat;
  background-size: contain;
}
.main__icon-tip___RlxL_.main__icon-win___2Pwzt {
  width: 140px;
  height: 44px;
  background: url(//s5.music.126.net/static_public/5d2e7e0f4c302eee822efc3d_5d2e7e0f4c302eee822efc3f/windows.3e335fd6d5078918ef80f7e54d0bd4b8.png) no-repeat;
  background-size: contain;
}
.main__icon-tip___RlxL_.main__icon-iphone___1U4-y {
  width: 120px;
  height: 44px;
  background: url(//s5.music.126.net/static_public/5d2e7e0f4c302eee822efc3d_5d2e7e0f4c302eee822efc3f/icon_iphone_black_new.3c51a3730124d2d8d662aa4393572914.png) no-repeat;
  background-size: contain;
}
.main__icon-tip___RlxL_.main__icon-android___1MqTO {
  width: 120px;
  height: 44px;
  background: url(//s5.music.126.net/static_public/5d2e7e0f4c302eee822efc3d_5d2e7e0f4c302eee822efc3f/android.f73995b4ecd8636ecb3819906598ec13.png) no-repeat;
  background-size: contain;
}
.main__shrink___Uba7N {
  padding: 80px 0 112px;
}
.main__shrink___Uba7N .main__n-pc___3oNRI .main__img___2st-0 {
  width: 464px;
  height: 273px;
}
.main__shrink___Uba7N .main__n-mobile___2-BTD .main__img___2st-0 {
  width: 246px;
  height: 273px;
}
.main__shrink___Uba7N .main__title___1u4H7 {
  margin-bottom: 23px;
}
.main__shrink___Uba7N .main__type-tip___2Y-Am {
  width: 100%;
  height: 44px;
  margin: 20px auto;
}
.main__download-select___ntaw1 {
  position: absolute;
  right: -27px;
  top: 25px;
  box-sizing: border-box;
  width: 306px;
  height: 100px;
  background-color: #fff;
  border-radius: 20px;
  padding: 10px;
  font-weight: 400;
}
.main__download-select___ntaw1 .main__select-item___1bQry {
  padding: 0px 15px;
  border-radius: 10px;
  width: 288px;
  height: 38px;
  line-height: 38px;
  font-size: 16px;
  color: #283248;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
}
.main__download-select___ntaw1 .main__select-item___1bQry:hover {
  background-color: #f5f5f5;
}
.main__download-select___ntaw1 .main__line___Q0bg9 {
  padding: 0px 15px;
  background-color: #283248;
  opacity: 0.06;
  width: 288px;
  height: 1px;
}
.main__divider___1W_h2 {
  margin: 0 0 0 20px;
  display: inline-block;
  background-color: #ff3a3a;
  opacity: 0.1;
  width: 1px;
  height: 21px;
  vertical-align: -3px;
}
.main__divider-left___uHJS3 {
  padding-left: 20px;
}
.main__divider-right___1mgsr {
  padding-left: 20px;
}
.mobile-qrcode {
  width: 204px;
  height: 224px;
  margin-bottom: 20px;
  padding-top: 20px;
  background-color: #FFFFFF;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  text-align: center;
  box-sizing: border-box;
}
.mobile-qrcode img {
  width: 164px;
  height: 164px;
}
.mobile-qrcode p {
  margin-top: 7px;
  width: 100%;
  font-size: 14px;
  color: #333333;
  text-align: center;
}
.rc-tooltip {
  background: none;
}
.dcnt__n-dncnt___1vUTq {
  background: #fff;
  height: 437px;
  border-bottom: 1px solid #e3e3e3;
}
.dcnt__n-dncnt2___15W95 {
  background: #f8f8f8;
}
.dcnt__n-dncnt___1vUTq .dcnt__lt___QR1Sg {
  float: left;
  margin-left: 30px;
}
.dcnt__n-dncnt___1vUTq .dcnt__rt___22OYK {
  float: right;
}
.dcnt__n-dncnt___1vUTq .dcnt__tit___2uU9q {
  font-size: 40px;
  font-weight: normal;
  padding: 45px 0 5px 0;
}
.dcnt__n-dncnt___1vUTq .dcnt__des___2uVqU {
  font-size: 16px;
  color: #666;
  line-height: 24px;
}
.dcnt__n-dncnt___1vUTq .dcnt__des___2uVqU em {
  color: #cc0000;
}
.dcnt__n-dncnt___1vUTq .dcnt__cnt1___1TT3G {
  padding-top: 120px;
}
.dcnt__n-dncnt___1vUTq .dcnt__cnt2___Ho71r {
  padding-top: 106px;
}
.dcnt__n-dncnt___1vUTq .dcnt__cnt3___1Xlb8 {
  padding-top: 72px;
}
.dcnt__n-dncnt___1vUTq .dcnt__cnt4___3Uq7K {
  padding-top: 95px;
}
.dcnt__n-dncnt___1vUTq .dcnt__cnt5___2YyX2 {
  padding-top: 53px;
}
.dcnt__n-dncnt___1vUTq .dcnt__cnt5___2YyX2 .dcnt__tit___2uU9q {
  margin-top: 96px;
}
.dcnt__n-dncnt___1vUTq .dcnt__cnt1___1TT3G .dcnt__rt___22OYK {
  margin-right: 57px;
  _margin-right: 20px;
}
.dcnt__n-dncnt___1vUTq .dcnt__cnt6___vKDRa {
  text-align: center;
  width: 1068px;
}
.dcnt__n-dncnt___1vUTq .dcnt__cnt6___vKDRa .dcnt__tit___2uU9q {
  font-size: 26px;
}
.dcnt__n-dncnt___1vUTq.dcnt__nobb___1KWAp {
  border-bottom: none;
  height: 343px;
}
.dcnt__n-dncnt___1vUTq .dcnt__down___3D9ad {
  margin: 42px 0 0 0;
  padding-left: 106px;
}
.dcnt__n-dncnt___1vUTq .dcnt__d-pc___3MlDR {
  padding-left: 0px;
}
.dcnt__n-dncnt___1vUTq .dcnt__d-pc___3MlDR img {
  margin-top: 8px;
}
.dcnt__n-dncnt___1vUTq .dcnt__d-ios___-M4qL {
  margin: 42px 0 0;
}
.dcnt__n-dncnt___1vUTq .dcnt__down___3D9ad {
  width: 124px;
}
.dcnt__n-dncnt___1vUTq .dcnt__down___3D9ad .dcnt__btn___2VMFx {
  display: block;
  width: 113px;
  height: 23px;
  margin: 6px auto 0;
  color: #fff;
  padding: 8px 0 0 10px;
}
.dcnt__n-dncnt___1vUTq .dcnt__down___3D9ad .dcnt__pc___3rbk6 {
  width: 105px;
  height: 23px;
  padding: 8px 0 0 18px;
  background-position: 0 -464px;
}
.dcnt__n-dncnt___1vUTq .dcnt__down___3D9ad .dcnt__pc___3rbk6:hover {
  background-position: 0 -495px;
}
.dcnt__n-dncnt___1vUTq .dcnt__down___3D9ad .dcnt__ios___2wS6A {
  width: 110px;
  height: 23px;
  padding: 8px 0 0 15px;
  background-position: 0 -526px;
}
.dcnt__n-dncnt___1vUTq .dcnt__down___3D9ad .dcnt__ios___2wS6A:hover {
  background-position: 0 -557px;
}
.dcnt__n-dncnt___1vUTq .dcnt__down___3D9ad .dcnt__aos___1GCPB {
  background-position: 0 -588px;
}
.dcnt__n-dncnt___1vUTq .dcnt__down___3D9ad .dcnt__aos___1GCPB:hover {
  background-position: 0 -619px;
}
.dcnt__n-dncnt___1vUTq .dcnt__down___3D9ad .dcnt__uwpos___ybYSZ {
  background-position: 0 -402px;
}
.dcnt__n-dncnt___1vUTq .dcnt__down___3D9ad .dcnt__uwpos___ybYSZ:hover {
  background-position: 0 -433px;
}
.dcnt__n-dncnt___1vUTq .dcnt__d-uwpos___1q61A img {
  margin-top: 4px;
  margin-left: -6px;
}
.dcnt__n-dncnt___1vUTq .dcnt__wrap___PIcYP,
.dcnt__n-dnbaner___1F8nr .dcnt__wrap___PIcYP {
  width: 982px;
  margin: 0 auto;
}
.footer__g-ft___OQRjG {
  position: relative;
  height: 170px;
  overflow: hidden;
  border-top: 1px solid #d3d3d3;
  background: #f2f2f2;
}
.footer__m-ft___2UViJ {
  width: 980px;
  margin: 0 auto;
}
.footer__m-ft___2UViJ .footer__copy___3q4O4 .footer__s-fc4___2SxAm:hover {
  text-decoration: underline;
}
.footer__m-ft___2UViJ .footer__copy___3q4O4 {
  float: left;
  width: 520px;
  padding-top: 15px;
  line-height: 24px;
}
.footer__m-ft___2UViJ .footer__copy___3q4O4 .footer__line___3gWV3 {
  margin: 0 8px 0 10px;
  color: #c2c2c2;
}
.footer__m-ft___2UViJ .footer__copy___3q4O4 .footer__sep___3zDs7 {
  margin-right: 14px;
}
.footer__m-ft___2UViJ .footer__enter___35_lK {
  width: 330px;
  margin-top: 33px;
}
.footer__m-ft___2UViJ .footer__fc1___24QkZ {
  color: #333;
}
.footer__m-ft___2UViJ .footer__fc2___MXG1p {
  color: #666;
}
.footer__m-ft___2UViJ .footer__fc1___24QkZ:hover {
  text-decoration: underline;
}
.footer__m-ft___2UViJ .footer__copy___3q4O4 {
  float: left;
  width: 560px;
  background-position: -400px -140px;
  line-height: 22px;
}
.footer__m-ft___2UViJ .footer__copy___3q4O4 p {
  float: left;
  margin-right: 10px;
}
.footer__m-ft___2UViJ .footer__fback___2Exhi {
  float: left;
  padding-top: 43px;
}
.footer__m-ft___2UViJ .footer__fback___2Exhi i {
  margin-right: 3px;
  _position: relative;
  _top: -1px;
}
/* footer for my music */
.footer__m-footer-1___7ajcv {
  background: none;
}
.footer__m-ft___2UViJ .footer__logo___mxGDS.footer__logonew___QHYkz {
  background: url(//s5.music.126.net/static_public/5d2e7e0f4c302eee822efc3d_5d2e7e0f4c302eee822efc3f/foot_enter_new.cea28c5441f53411124b34366d6775d3.png) no-repeat;
  background-size: 110px 450px;
}
.footer__m-ft___2UViJ .footer__logonew___QHYkz + .footer__tt___3jqIq {
  background: url(//s5.music.126.net/static_public/5d2e7e0f4c302eee822efc3d_5d2e7e0f4c302eee822efc3f/foot_enter_tt.b5e72cc1c9897a931c387f4ef276a969.png) no-repeat;
  background-size: 180px 100px;
}
.footer__m-ft___2UViJ .footer__enter___35_lK .footer__unit___2_LTc {
  float: left;
  width: 60px;
  height: 70px;
  margin-left: 30px;
  text-align: center;
  color: #666;
}
.footer__m-ft___2UViJ .footer__enter___35_lK .footer__unit___2_LTc:first-child {
  margin-left: 0;
}
.footer__m-ft___2UViJ .footer__logonew___QHYkz {
  display: block;
  float: none;
  width: 50px;
  height: 45px;
  margin: 0 auto;
}
.footer__m-ft___2UViJ .footer__logonew___QHYkz.footer__logo-musician___3OV1W {
  background-position: 0 0;
}
/* 音乐人 */
.footer__m-ft___2UViJ .footer__logonew___QHYkz.footer__logo-reward___nx1fF {
  background-position: -60px -50px;
}
/* 赞赏 */
.footer__m-ft___2UViJ .footer__logonew___QHYkz.footer__logo-cash___2amku {
  background-position: 0 -101px;
}
/* 视频现金激励 */
.footer__m-ft___2UViJ .footer__logonew___QHYkz.footer__logo-auth___3bMUk {
  background-position: -63px -101px;
}
/* 用户认证 */
.footer__m-ft___2UViJ .footer__enter___35_lK .footer__tt___3jqIq {
  display: inline-block;
  margin: 5px 5px 0;
  width: 52px;
  height: 14px;
}
.footer__m-ft___2UViJ .footer__enter___35_lK .footer__tt-musician___X2TOm {
  background-position: 0 0;
}
/* 音乐人 */
.footer__m-ft___2UViJ .footer__enter___35_lK .footer__tt-reward___aOa88 {
  background-position: 0 -54px;
}
/* 赞赏 */
.footer__m-ft___2UViJ .footer__enter___35_lK .footer__tt-cash___2EIXa {
  background-position: -1px -72px;
}
/* 视频现金激励 */
.footer__m-ft___2UViJ .footer__enter___35_lK .footer__tt-auth___HgpNg {
  background-position: -1px -91px;
}
/* 用户认证 */
.footer__mail___1KWyi a {
  color: #333;
}
.footer__g-ft___DTOQk {
  position: relative;
  overflow: hidden;
  border-top: 1px solid #d3d3d3;
  background: #f2f2f2;
}
.footer__m-ft___1Kd3G {
  width: 980px;
  margin: 0 auto;
}
.footer__m-ft___1Kd3G .footer__center___18Bn7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.footer__m-ft___1Kd3G .footer__copy___1bY8K .footer__s-fc4___MUp-w:hover {
  text-decoration: underline;
}
.footer__m-ft___1Kd3G .footer__copy___1bY8K {
  float: left;
  width: 520px;
  padding-top: 15px;
  line-height: 24px;
}
.footer__m-ft___1Kd3G .footer__copy___1bY8K .footer__line___3BaBv {
  margin: 0 8px 0 10px;
  color: #c2c2c2;
}
.footer__m-ft___1Kd3G .footer__copy___1bY8K .footer__link___1uQeg {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.footer__m-ft___1Kd3G .footer__enter___31x5G {
  width: 330px;
  margin-top: 33px;
}
.footer__m-ft___1Kd3G .footer__fc1___2Mexc {
  color: #333;
}
.footer__m-ft___1Kd3G .footer__fc2___3NubD {
  color: #666;
}
.footer__m-ft___1Kd3G .footer__fc1___2Mexc:hover {
  text-decoration: underline;
}
.footer__m-ft___1Kd3G .footer__copy___1bY8K {
  float: left;
  width: 560px;
  background-position: -400px -140px;
  line-height: 22px;
}
.footer__m-ft___1Kd3G .footer__fback___21Pn6 {
  float: left;
  padding-top: 43px;
}
.footer__m-ft___1Kd3G .footer__fback___21Pn6 {
  float: left;
  padding-top: 43px;
}
.footer__m-ft___1Kd3G .footer__info___cZXXC {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.footer__m-ft___1Kd3G .footer__info___cZXXC a,
span,
p {
  text-align: center;
}
.footer__m-ft___1Kd3G .footer__info___cZXXC img {
  height: 14px;
  width: 13px;
}
.footer__m-ft___1Kd3G .footer__info___cZXXC .footer__last___11u-u {
  margin-left: 6px;
}
/* footer for my music */
.footer__m-footer-1___3bTV0 {
  background: none;
}
.footer__m-ft___1Kd3G .footer__logo___195os.footer__logonew___1ow6N {
  background: url(//s5.music.126.net/static_public/5d2e7e0f4c302eee822efc3d_5d2e7e0f4c302eee822efc3f/foot_enter_new.cea28c5441f53411124b34366d6775d3.png) no-repeat;
  background-size: 110px 450px;
}
.footer__m-ft___1Kd3G .footer__logonew___1ow6N + .footer__tt___1nidP {
  background: url(//s5.music.126.net/static_public/5d2e7e0f4c302eee822efc3d_5d2e7e0f4c302eee822efc3f/foot_enter_tt.b5e72cc1c9897a931c387f4ef276a969.png) no-repeat;
  background-size: 180px 100px;
}
.footer__m-ft___1Kd3G .footer__enter___31x5G .footer__unit___2vgQ6 {
  float: left;
  width: 60px;
  height: 70px;
  margin-left: 30px;
  text-align: center;
  color: #666;
}
.footer__m-ft___1Kd3G .footer__enter___31x5G .footer__unit___2vgQ6:first-child {
  margin-left: 0;
}
.footer__m-ft___1Kd3G .footer__logonew___1ow6N {
  display: block;
  float: none;
  width: 50px;
  height: 45px;
  margin: 0 auto;
}
.footer__m-ft___1Kd3G .footer__logonew___1ow6N.footer__logo-musician___3svRd {
  background-position: 0 0;
}
/* 音乐人 */
.footer__m-ft___1Kd3G .footer__logonew___1ow6N.footer__logo-reward___2OhMZ {
  background-position: -60px -50px;
}
/* 赞赏 */
.footer__m-ft___1Kd3G .footer__logonew___1ow6N.footer__logo-cash___3OjyC {
  background-position: 0 -101px;
}
/* 视频现金激励 */
.footer__m-ft___1Kd3G .footer__logonew___1ow6N.footer__logo-auth___3au2i {
  background-position: -63px -101px;
}
/* 用户认证 */
.footer__m-ft___1Kd3G .footer__enter___31x5G .footer__tt___1nidP {
  display: inline-block;
  margin: 5px 5px 0;
  width: 52px;
  height: 14px;
}
.footer__m-ft___1Kd3G .footer__enter___31x5G .footer__tt-musician___3H1M0 {
  background-position: 0 0;
}
/* 音乐人 */
.footer__m-ft___1Kd3G .footer__enter___31x5G .footer__tt-reward___mhbwg {
  background-position: 0 -54px;
}
/* 赞赏 */
.footer__m-ft___1Kd3G .footer__enter___31x5G .footer__tt-cash___2ygJ0 {
  background-position: -1px -72px;
}
/* 视频现金激励 */
.footer__m-ft___1Kd3G .footer__enter___31x5G .footer__tt-auth___3ff_- {
  background-position: -1px -91px;
}
/* 用户认证 */
.footer__mail___3vrau a {
  color: #333;
}
#demo__scroll-box___V07DJ {
  scrollbar-width: none;
  /* 对于 Firefox */
  -ms-overflow-style: none;
  /* 对于 Internet Explorer 和 Edge */
}
#demo__scroll-box___V07DJ::-webkit-scrollbar {
  display: none;
  /* 对于 Chrome, Safari 和 Opera */
}
*::-webkit-scrollbar {
  display: none;
}
.linuxWin__buttons___2DOYu {
  padding: 37px 100px;
}
.linuxWin__buttons___2DOYu ::after {
  clear: both;
  content: '.';
  display: block;
  height: 0;
  visibility: hidden;
}
.linuxWin__buttons___2DOYu li {
  margin-bottom: 0;
}
.linuxWin__buttons___2DOYu li a {
  display: block;
  width: 130px;
  padding-left: 20px;
  height: 38px;
  line-height: 38px;
  font-size: 12px;
  color: #555;
  border: 1px solid #ccc;
  border-radius: 3px;
  text-decoration: none;
}
.linuxWin__buttons___2DOYu li a:first-child {
  float: left;
}
.linuxWin__buttons___2DOYu li a:last-child {
  float: right;
}
.linuxWin__buttons___2DOYu li ::after {
  clear: both;
  content: '.';
  display: block;
  height: 0;
  visibility: hidden;
}
.client-modal {
  padding-top: 20px;
  padding-left: 10px;
  width: 276px;
  height: 350px;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  box-sizing: border-box;
}
.client-modal .btn {
  float: left;
  display: block;
  width: 113px;
  height: 45px;
  margin-bottom: 10px;
  margin-left: 10px;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #333333;
  line-height: 45px;
  background: rgba(0, 0, 0, 0.08);
}
.client-modal .btn i {
  float: left;
  width: 26px;
  height: 26px;
  margin: 10px 9px 0 9px;
}
.client-modal .btn.aos i {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAAXNSR0IArs4c6QAAA7pJREFUaAXtmsuLTmEcx4cx7gxSWChNkUsobEQmTRZWNv4DycJGk4Vmg8bsbNgoFjaKnYVLykKKhHKJ1Ci5Jyb3+93nW/PU0zPnPc95z/Oc9z2vzre+nfPcfs/v8lzP+7a1Vag8UHngf/LAFoxZktOgBbTbm7NtzWaja5bkK3hGsz7YXmfzUdTfBW/U2c5bvV5FfAIfUGElXASvWZXH8j4NdkL1+RP+hQaK/FR40GTEespzsTEOgUfhMdgFe6CG33TYAb/CV/AOPAefwB1wK/wAS4/5aHgaKkJZ+J16coiiW3ooCkMwi2Fundu0W1tmC/stw17zft9Ku8bY6UHqvRuu+57nJlg69KKRUfoL72vgJKg5ZvKTnicpnwg1TzVUVUfzMFokY2wTq1FoABr84UVKfoZaUNIgZ4iKnNoJU+AROEOJZmMMClyAbnQek3cFSmm3zE7/ovwy1P5p5+t9D2w61qGBzwhX8axpbR/aWoIQOkQ303sRe6mMmgu79RICDbG8kGFzoIajohIbkt8VKjTU+8ZBRRmo4S/mhlHQJ2A2FXRLeANvDldu56khWuRq9wL52koMFvOi7ece1CodBTo8P4KK0g+4Dwo6c+pwrfyieBXZgtaK/fAbVESvw3kwGBLsbta6CSyHGt53YVHGSe5FKHRDtx/tlV74VlFdYZY5UjSsV0F12CjoZORCBwzvFPMZqHnW4UomrXnQSOh042I8GdIvFT4D1TgpUkl5qR0FFib1l5Q3opssBo5o1EoZlYGtFK0kXasIJnmllfKqCLZStJJ0zRLB0BtHUr8x8jLp5TNQh9tPCdrow20joVuMi49k6JNHKnwG6kpy1pEwRPoS9B6TnHYhyfM01k3GhvT6bWfkfZ9JwxPwKbwFN0JB16VG3SbU3zb4EGr0HIf6rSMqOpGmH1EMGm2g+pUOs4wCWZ7e64YlRN8umw3pUJcevjnoMyjTSuYTklIeLD/EQE1w7yqWonyWokxXojRBIQbKuDNpwiOUnQqVEToEJqDATrgBaj4rrU8cruP0FcyeO5NJL4UuTD39ECPnHYD6BlQaLEQTHQ40tGyudzRcQVpD3K6j9x6nXnDS9XSowFry3Hw3bfqtlW/K635GF1i3BgU3qAws2MGFiy8igkkrs5tnFhjXQC00URHbwJdo99bRUEu+Duo2npPQHw9s6Lbg1rPLS/Pehyb28n+ItBtBKTvg1DtMOrbD1U90SMntUJv2bqhbRxJ0MOiFg7Af6lN8hcoDlQcqD1QeKJUH/gH/fkvsHGxxDAAAAABJRU5ErkJggg==) no-repeat;
  background-size: contain;
}
.client-modal .btn.iphone i,
.client-modal .btn.ipad i {
  margin: 8px 10px 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAAXNSR0IArs4c6QAAAyBJREFUaAXtmk+ITVEcx2eY0hDCGKXUDIopTRFFaqQICzsLzUZiQVlJWViwsGahZlZsKJFiRYrxZCHCilKMTFiMkvyJ/Pf51tzmze3e3vvde86Z96bzq0/3z7vn9zvf3z33nHPPfS0t0WIGYgZiBmIGYgYaPgOLqOE+OAdrGr62hgrO5Nqj8Ab+jbGD7ZSwLlTchUSYtr+gF5reOlDwBKrFaf8lzIKmt7MoSIvT8ammV4aAPvgNaYEfONcNTW/nUZAWp+MDTa8MAbPhNaQFHufclLDlqPgJicBh9vf4VNbm03mGb4l7CO/hJlyGj+DNWh167sHXBtB2AXwCDQVD8A4Sm8bO37ED7WvmshXWwnxQZ/MCHkEFdDypto7o1+AbJE2vequ7dQG2wRyYDsvgMDyGrB41KT/C7ydgLgQ3Zf8YfIWkQrW2r7hWd/WLoYx8KhGrIJipaZ+GWoJc/q756upQCg8GFpck6kgIgZpt6MFPgobY/iDefnDZKeIu285wOoSo6hiHsqvi/mwnLkcDC7zoXka+x12Bxam3XZlfndq/qKu32EbLxQ6ureDjeRk/VoGlslmgoncKlJlQxCJQM5CFE0r7P9DEoJRZBbaXimYvXHpYsAhUt51Mku1VLVaio1ix8VIWgZoUfx4vGmSvt2wUi0DdQY2BIW0LwUo9FhaBEqZlvZCmXntnyID9BKueQoXY18uvlvaD2Aqi5L3Y+hR7nbh6WfZubUR4AD7F5PmuELcHTKbB22IaJhbDZkshR9d24Wc3/IH7UJdZOxk5vQpaHZsM02KW96ULzS70TOQ1JZ/nNRZr5c67bSeCmqtPMVm+bxOzSKszJ0SdzVBggXr2tH4azNRUvkNWpn2cu0Ss0pNva3a0LupDTNqnFo+XWivn4voZOLkF6Qq5Pt7rorJFfXRTcMSjyMGiFXNZTms1o3WI1Pipr0l67arnLuubRzs0hOkjzFNIV1yiboCamd7vloDu+iY4CcOQLqPxbgBK/yGhFScuTZ+/+mE9aCh5BhKnT2F5No8fNK72QSe8hStwD6LFDMQMxAzEDMQM+MzAfyLQajvV9K/AAAAAAElFTkSuQmCC) no-repeat;
  background-size: contain;
}
.client-modal .btn.mac i {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAAXNSR0IArs4c6QAABG5JREFUaAXtmVmoTlEUx83XnDEikRIZk9B9cRNJUcYHnmTMmOG+yDtvUjyQMjx48EKJFBlK5ilE5kwhw30g4zX+/tm7jt0ZvvN9+xy3nFX/9jl7r3nvb6917m3UqKAiA0UGigwUGSgy8P9moHGOobfGVgtjr57xUx62swqwKc4PBmPASNAXdAVtgOgjeAMegkvgFLgJfoIGTZ3wbjE4D76CXyXiC3znwCLQETQ4qsKjFUA7UmpQUXwP0LEENAcNgnQUT4Aoh8udP4rO/v86wuk48DqD4GxSXqB70r8Kcg6G0/zOrNNpR11IM/MOchoGdTEEndVOHgSXnfkgT9zzO+SOgGNAZSTIqyAngFxoKFbqQNABPevaHwhU7y4Cdz3pfS4yoqXgO3D5dVz7gUypFdrPANe4fddVrxt1GNCO2PmkcS+8oiQ57XCmt2stBpKc3SBPoWUgiVfrT0APoOSpfibJzIMnE+qGVh2TJAd08YwzHuxL4P/B+lTDq8Qk6db6fdDeyHgd1qKtFAfEcxeoq9HOPAZRcltZEykhSkwUnzu/UEI+qSXK1Cu6huLedxgHJjOGXRq3mO8AOoM7IE6Xu3YafvW73qgaTTpOrqG4dzXOs4wHGx1ZlZgas7bTWYvTadc+IzPAyHsZ1pXhhJx5CfoAt3SsZ06kBCgR1vE04wIp8EX7UZTGeJD3ELL6LBsOtHOqkTryfYASEORN87wNWS/UDC3XQRrjLu9K44myPhooYAXu8qV5P468F9JF8AykMe7yvkd+VMCbNRXqk/4bQMmPpSaxq38WdVtV2j20Q8diY0vH08fvRzrVHFRMPnawDi/03WhJxT2sdLg7H/euUyXfKibdgPdAnLGkNVuY1a3MMB5tqlCnmgkvO6gL4VwFzuxDVjQeqCQ8Ad1BW1Dup5USegbINy+0By1JuxS2rmPUE6htC56CvbyLRgBdQGGySXO7kfNGq9CUZNBdV+cz3XiwK0R+vllTCXFlS3lfbuS9DCrS31I6st1Ynh0h95b5/kDH7EAET1SgasyHAG+kMnEVRBl052/DqxuuN4jrVlSspbsX0HF29US9X4A3sQbCk4pWwx1lMDiv7I41mkvpVtTnitKUDv1Zwzt1QeNTEAwm7Nl+0Zf629L/KKqNt5tL0P8QHi/1z9j8a1iR4ICOjjqVYSDN7XgNfn2ltwNXQFji7JyPLggT4STn9Y8Sayw46tIYBKpAOXVzC3IiJacOBHXb56PM6zebKQ1Gu/5EaI3a8RVz+qwqJzjpUOt2xOiQLqvXjvp7UD+QC03Bir7trPGsxw/YmpBLZAEjc3jWjZlHcLZ/DZjP51GGX2cY5HN0T8wnlGgrQ1g6CXzv5GF05vabiw7vz4puTtW9R6DSQNWULwTeOxV0VkxqBmrBZVAPSg1WfwY8C9SheC3i3r6ncCxIyr7KSQ0YCfoCBa+PZ5FuRZWaB+AiUG1V/6rvRa+UVYBhTio4HWXtqm5f7VpBRQaKDBQZKDJQZKDIQIYZ+A1n5uXGSFWexAAAAABJRU5ErkJggg==) no-repeat;
  background-size: contain;
}
.client-modal .btn.pc i {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAAXNSR0IArs4c6QAAAjhJREFUaAXtmclKA0EQhmPcEFfcl0RNNIJn8ehT+Age9CS+hGefRB/As3jyDcSb4lUQVFzQ/4/TYZhEpnt6i1oFXzKZ9FL1VzWZTpdKYqKAKCAKiAKiwP9VoOcXhF6GjxNgAayALbAPKiDX+nJbhGswgqlmwTKogwZYB6tgCUyBAWBkoQMchHfTgA7XAANgIAyoCmbAMHBmPgJkJhgES4qOP4MzcAAOwTxgyQVZHkUCpGPjgGpzHXBdMJC15JrZYYAMlHYOGOAG2ARBzSTAE3jGMuIaYXa4JoZAnr0kDd7zGvr43iTAIx8O+B6z7HuC2ONLgLEzYDu/ZNBWwdj9JYOxM2A7v2TQVsFU/yDPnqn5mpcmTzLZvrqf1RaHj2pvup1ctTNRdbfgpPfodwn47MpdhCu70RnIJINXOgN2aPPU4V5X3nqFV0U4TaI5Ltj/pzm1RDLJYL/WiO2NVL9PfKWu21t5uhPiZ4KB0aLsB0ME+B2eBKh0cPsuGXSop6xBh2K2hpISbUlhf/HnS/TDXiPzEUxK9ALDX4MHoH68TWaMkkGTR7UdRMN/srkr4PmCOgXiX/Y1UAFzgDuG9LhquxQlg2lH4Feu8SDlNiG7u+Bz5iRg8FXAoBvgDtAeE0abnwK9mOwHbV2iAIuAhzPqwKaOa5V9ng2OAV2ftNppNcKkvk2VPg91sqXPamDwLP1eoEzLd61GasRI71zDqvQZ/DbYA6wGMVFAFBAFRAFRQBQQBUQBUaBrFfgCfpxQQtHxgv4AAAAASUVORK5CYII=) no-repeat;
  background-size: contain;
}
.client-modal .btn.linux i {
  background: url(data:image/png;base64,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) no-repeat;
  background-size: contain;
}
.client-modal .btn.chrome i {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAAXNSR0IArs4c6QAAA0BJREFUaEPdmg1u2zAMhZ2TrTvZtpN1O9kGGqVBM/zTI916CRC0SGyKH/lISVYe24u/Hhfx/RR2v338/+aM9Xvbtj/bttFfeo++JgEJgN4/mh4S5K8p2AlAylYXyosJgUo1LMeuA3glmAaBQVHAz4RjWEi6q4BfAdbK5grgHeAYtizZKuCd4KRkv2ddpwJ4R7gyZAZ4Z7iSXF8BkEDdmswA6ea/mc5v8r0J6QHSkovXhf+DTCnG5O9T07EAGUh+NwXJQaPFNS/CpQC8BXlVJE9ZtABZkvJiGvi9Ooq4jmzQq7OetKD1ZzJYpyxqQJ0pNIvliRgI2tItGlA3FO0oZTGTEUVwfF+3RCUuloCeDCvXuEWOOqbuq8iUbmGpUo3vZSGd97Kjs2g1HLODqfqjwdlRznC0se00tsNnCRjNd5mUPVlWJB1tgzpz8O4zO551ySiLVkNBoj9lh9W9B50BKw55HVd/ngUrKsto2lot5z1gbLAiJS/Ceo6r2PKctWq5EnzL3m5rBVA3JctoJ3ve7mAEsFrM2QTeyZ4H2FnwPziDVcAsixOAlkxX/JPKggCjLKKOaLnrZoMGDgKMsvgygF4W0UjLDH65RNmZaC+5OmdFgJ3OfEgUifz0yuO0AhHEKCA0D2bNgL5HgsV2LXmi9k6A6GTq1SLabKxFO2rrtFRDZUCRn5LqlB1zsd1ZLdC9VuT5MDR7AhDtJVF5HlMZ+sxF12LkpDz1lRte2nXTy3sghZYN2Tz8mQJko1NHz52SOSkq26kj89nEQ6eONE9qyh4bIoBe46na6kjzqR9M7qAtAOTYGZ0WzBXWVcstD1Z+fjzaEx92pGkqxzt86Q5UkaOu1W5jKR++kHPdwTJAa1LvStNsbtH5YLfYI8ipDS2PAR+AXgGpnemqJXxOFGWQozNdj5PZyx6Cnc4mIklNZbJyzpHVbypLaaCSQb5+ArJ6UpVBppkzJ8XM6sfCGP1lIXLWaLlUhqObVzLIg1W3Qdq57sI+2rG4uUEAEcl2z/uXsobWoBclqk15uGldVzlobcsxG7hQguElnnRl9CuNauKXGYejHYlGtLxzp7+8Y7cmdP5BupR9N9Cn+68CHHWyY+wfQsXfOQ1AWD0AAAAASUVORK5CYII=) no-repeat;
  background-size: 20px 20px;
  background-position: center;
}
.client-modal .btn.tv i {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADKSURBVHgB7dndCYMwFIbhYydoN3CzdkPbCVyhGziCbmAjJBBapP4Q4xfeB86FFxJfhCjEDACARWo3rZvezSg8jW/5iVMPi6f/jnye+GG3TjuFVT5wtPIMbm4lB06qixWOQHUEqiNQHYHqCFRHoDoC1RGojkB1BKojUB2B6ghUFwIHK1QIfFt5XvFFbYUfgIbI5qQPvCasjeMqO8bc+WPy9flMqNsbeLdlm9Ocf/d1fo1sOjtm49hs7xu8WnpZf0IelvYt9n4NAEAWH8H5TF8fs+H1AAAAAElFTkSuQmCC) no-repeat;
  background-size: 20px 20px;
  background-position: center;
}
.client-modal .btn.car i {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzA0OTcyNTcxMTcyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjEwODE2IiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPjxwYXRoIGQ9Ik04OTYgMzQ1LjZDODkyLjk1MzYgMzQ1LjYgODkwLjA2MDggMzQ1LjMxODQgODg3LjExNjggMzQ1LjE2NDhMOTQ3LjIgNDIyLjQgOTQ3LjIgNDIyLjQgOTQ3LjIgNjUyLjggOTQ3LjIgNzA0IDk0Ny4yIDc4MC44Qzk0Ny4yIDgwOS4wODggOTI0LjI4OCA4MzIgODk2IDgzMkw3OTMuNiA4MzJDNzY1LjMxMiA4MzIgNzQyLjQgODA5LjA4OCA3NDIuNCA3ODAuOEw3NDIuNCA3MDQgMjgxLjYgNzA0IDI4MS42IDc4MC44QzI4MS42IDgwOS4wODggMjU4LjY4OCA4MzIgMjMwLjQgODMyTDEyOCA4MzJDOTkuNzEyIDgzMiA3Ni44IDgwOS4wODggNzYuOCA3ODAuOEw3Ni44IDcwNCA3Ni44IDY1Mi44IDc2LjggNDIyLjQgNzYuOCA0MjIuNCAxNDYuMTI0OCAzNDQuMzk2OEMxNDAuMjg4IDM0NS4xMTM2IDEzNC4yNzIgMzQ1LjYgMTI4IDM0NS42IDg1LjU4MDggMzQ1LjYgNTEuMiAzMjguMzk2OCA1MS4yIDMwNy4yIDUxLjIgMjg2LjAwMzIgODUuNTgwOCAyNjguOCAxMjggMjY4LjggMTU3LjIzNTIgMjY4LjggMTgyLjMyMzIgMjc3LjA2ODggMTk1LjMwMjQgMjg5LjA3NTJMMjgxLjYgMTkyIDc2OCAxOTIgODM4LjE0NCAyODIuMTg4OEM4NTIuMjI0IDI3NC4wNDggODcyLjc4MDggMjY4LjggODk2IDI2OC44IDkzOC40MTkyIDI2OC44IDk3Mi44IDI4Ni4wMDMyIDk3Mi44IDMwNy4yIDk3Mi44IDMyOC4zOTY4IDkzOC40MTkyIDM0NS42IDg5NiAzNDUuNlpNMTUzLjYgNDczLjZDMTUzLjYgNTAxLjg4OCAxOTMuNzE1MiA1MjQuOCAyNDMuMiA1MjQuOCAyOTIuNjg0OCA1MjQuOCAzMzIuOCA1MDEuODg4IDMzMi44IDQ3My42IDMzMi44IDQ0NS4zMTIgMjkyLjY4NDggNDIyLjQgMjQzLjIgNDIyLjQgMTkzLjcxNTIgNDIyLjQgMTUzLjYgNDQ1LjMxMiAxNTMuNiA0NzMuNlpNNzI0Ljk5MiAyNDMuMiAzMjQuNjA4IDI0My4yIDIzMC40IDM3MS4yIDgxOS4yIDM3MS4yIDcyNC45OTIgMjQzLjJaTTc4MC44IDQyMi40QzczMS4zMTUyIDQyMi40IDY5MS4yIDQ0NS4zMTIgNjkxLjIgNDczLjYgNjkxLjIgNTAxLjg4OCA3MzEuMzE1MiA1MjQuOCA3ODAuOCA1MjQuOCA4MzAuMjg0OCA1MjQuOCA4NzAuNCA1MDEuODg4IDg3MC40IDQ3My42IDg3MC40IDQ0NS4zMTIgODMwLjI4NDggNDIyLjQgNzgwLjggNDIyLjRaIiBmaWxsPSIjMmMyYzJjIiBwLWlkPSIxMDgxNyI+PC9wYXRoPjwvc3ZnPg==) no-repeat;
  background-size: 20px 20px;
  background-position: center;
}
*::-webkit-scrollbar {
  display: none;
}
.firstPage__scroll-box___2ncLo {
  width: 100vw;
  height: 100vh;
  background-color: #120b0b;
  top: 0;
  left: 0;
  overflow: auto;
  scrollbar-width: none;
  /* 对于 Firefox */
  -ms-overflow-style: none;
  /* 对于 Internet Explorer 和 Edge */
}
.firstPage__scroll-box___2ncLo::-webkit-scrollbar {
  display: none;
  /* 对于 Chrome, Safari 和 Opera */
}
.firstPage__scroll-box___2ncLo .firstPage__scroll-content___3V6sf {
  height: 1260px;
  background: -webkit-linear-gradient(top, #f90404 0%, #ff7f00 25%, #ffff00 50%, #00ff00 75%, #0000ff 100%);
  background: linear-gradient(180deg, #f90404 0%, #ff7f00 25%, #ffff00 50%, #00ff00 75%, #0000ff 100%);
}
.firstPage__scroll-box___2ncLo .firstPage__devices___34oLH {
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 0;
  left: 0;
}
.firstPage__scroll-box___2ncLo .firstPage__car___3qEr7 {
  margin-top: 70px;
  width: 280px;
  height: 388px;
  background-image: url(//s5.music.126.net/static_public/5d2e7e0f4c302eee822efc3d_5d2e7e0f4c302eee822efc3f/FirstScreen_Car.9002beee8d1db0a1ae62a9c6f835e26e.png);
}
.firstPage__scroll-box___2ncLo .firstPage__computer___TL1pL {
  margin-top: 709px;
  width: 610px;
  height: 360px;
  background-image: url(//s5.music.126.net/static_public/5d2e7e0f4c302eee822efc3d_5d2e7e0f4c302eee822efc3f/FirstScreen_Computer_player.5047513a72fd3a3c8105b02cb43237b2.png);
}
:root {
    --RH: clamp(128px, 128vh, 1260px);
    --WH: clamp(100px, calc(100vh - 75px), 907px);
    --WH-x: clamp(100px, 100vh, 982px);
    --UnlimitRH: 128vh;
}

.firstPage__scroll-content___3b6OB {
    height: 128vh;
    background: #f1f3f5;
    overflow: hidden;
}

.firstPage__devices___-On30 {
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    opacity: 0;
    box-shadow: 50px -20px 102.75px -70px rgba(0, 0, 0, 0.3);
}

.firstPage__computer___2tX18 {
    width: calc(88.5 * var(--WH) / 100);
    height: calc(52 * var(--WH) / 100);
    z-index: 1;
    opacity: 1;
    background-image: url(//s5.music.126.net/static_public/5d2e7e0f4c302eee822efc3d_5d2e7e0f4c302eee822efc3f/FirstScreen_Computer.e833bab12b1f813617be7ce4b8685817.png);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: calc(22.6 * var(--UnlimitRH) / 100 - 70px);
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    box-shadow: none !important;
}

.firstPage__computer___2tX18 .firstPage__computer-mask___3BgiP {
    position: relative;
    background: transparent;
    width: calc(71.2 * var(--WH) / 100);
    height: calc(46.5 * var(--WH) / 100);
    overflow: hidden;
    top: 3%;
    box-shadow: 0 0 102.75px 0 rgba(0, 0, 0, 0.3);
}

.firstPage__computer___2tX18 .firstPage__computer-player___Nd8pX {
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(71.2 * var(--WH) / 100);
    height: calc(46.5 * var(--WH) / 100);
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    opacity: 0;
    position: relative;
    z-index: 2;
    background-image: url(//s5.music.126.net/static_public/5d2e7e0f4c302eee822efc3d_5d2e7e0f4c302eee822efc3f/FirstScreen_Computer_player.5047513a72fd3a3c8105b02cb43237b2.png);
}

.firstPage__TV___3GjCF {
    top: calc(56 * var(--UnlimitRH) / 100);
    width: calc(67 * var(--WH) / 100);
    height: calc(38 * var(--WH) / 100);
    z-index: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    background-image: url(//s5.music.126.net/static_public/5d2e7e0f4c302eee822efc3d_5d2e7e0f4c302eee822efc3f/FirstScreen_TV.7c33257033f230af2492d430f04e2060.png);
    margin-left: calc(-33.5 * var(--WH) / 100);
}

.firstPage__car___zQ6Ow {
    top: calc(61 * var(--UnlimitRH) / 100);
    width: calc(28.9 * var(--WH) / 100);
    height: calc(40 * var(--WH) / 100);
    background-image: url(//s5.music.126.net/static_public/5d2e7e0f4c302eee822efc3d_5d2e7e0f4c302eee822efc3f/FirstScreen_Car.9002beee8d1db0a1ae62a9c6f835e26e.png);
}

.firstPage__phone___19oop {
    top: calc(75 * var(--UnlimitRH) / 100);
    width: calc(10.7 * var(--WH) / 100);
    height: calc(22 * var(--WH) / 100);
    background-image: url(//s5.music.126.net/static_public/5d2e7e0f4c302eee822efc3d_5d2e7e0f4c302eee822efc3f/FirstScreen_Phone.70487f9ebe65df227b0e63b3cc3767c1.png);
}

.firstPage__watch___1qttq {
    top: calc(82 * var(--UnlimitRH) / 100);
    width: calc(7.7 * var(--WH) / 100);
    height: calc(13 * var(--WH) / 100);
    background-image: url(//s5.music.126.net/static_public/5d2e7e0f4c302eee822efc3d_5d2e7e0f4c302eee822efc3f/FirstScreen_Watch.02c5fcfe7cf5f597c21d0a495ea6f0b1.png);
}

.firstPage__first-title___3xAzF {
    top: calc(12 * var(--UnlimitRH) / 100 - 40px);
    width: 503.75px;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-size: cover;
    background-repeat: no-repeat;
    height: 82px;
    background-image: url(//s5.music.126.net/static_public/5d2e7e0f4c302eee822efc3d_5d2e7e0f4c302eee822efc3f/first_title.a9d99d34d152eba2e179966241432537.png);
}

.firstPage__second-title___3bc1F {
    top: calc(44 * var(--UnlimitRH) / 100 - 80px);
    width: 775px;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    height: 86px;
    text-align: center;
    opacity: 0;
}

.firstPage__second-title___3bc1F .firstPage__second-title-text___3PZTH {
    color: white;
    font-size: 44px;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
}

.firstPage__second-title___3bc1F .firstPage__second-title-subtext___3QzmC {
    color: rgba(255, 255, 255, 0.6);
    width: 100%;
    font-size: 18px;
    position: absolute;
    bottom: 0;
}

.firstPage__buttons___lz_Xz {
    width: 380px;
    height: 52px;
    position: absolute;
    bottom: calc(8 * var(--WH) / 100 + 80px);
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 3;
    gap: 20px;
}

.firstPage__buttons___lz_Xz .firstPage__button___os1g1 {
    width: 180px;
    border-radius: 6px;
    opacity: 1;
    border: 1px solid;
    font-size: 18px;
    padding: 16px 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    color: #283248;
    font-weight: 500;
}

.firstPage__buttons___lz_Xz .firstPage__button___os1g1 img {
    width: 20px;
    height: 20px;
    margin-right: 7px;
}

.firstPage__buttons___lz_Xz .firstPage__main-button___OyABR {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, #fff 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, #fff 100%);
}

.firstPage__buttons___lz_Xz .firstPage__main-button___OyABR .firstPage__tooltip___2m9cG {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    background: rgba(0, 204, 255, 0.9);
    padding: 10px 20px;
    display: none;
    z-index: 1;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    border-radius: 6px;
    font-size: 12px;
    text-align: center;
    width: 200px;
    height: 300px;
    color: #283248;
}

.firstPage__buttons___lz_Xz .firstPage__main-button___OyABR .firstPage__tooltip___2m9cG p {
    margin-top: 10px;
}

.firstPage__buttons___lz_Xz .firstPage__main-button___OyABR .firstPage__tooltip___2m9cG img {
    width: 100px;
    height: 100px;
}

.firstPage__buttons___lz_Xz .firstPage__sub-button___uu0wF {
    background: rgba(255, 255, 255, 0.1);
    color: white;
    border: none !important;
}

.firstPage__bottom-more___wdzhV {
    width: 28px;
    position: fixed;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    background-size: cover;
    background-repeat: no-repeat;
    bottom: 3vh;
    height: 28px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAALCSURBVHic7ZpRTxNREEbPABIw+mJ9wAT8/79LTPRBTIwGTZFeH3qbaulud7dzd8bwnaftNsx8c5Z2WwYQQgghhBBCCCGEEEKI54F5FiulnAGv68PvZvbbs74XLXO6CS2lXADvgdN66hH4aGb3Xj08KKW8BK75N+cHM/vlUf/Eo0jlim1I6vFNHSAFNcsNT3NeefXwFHrRUT+F1L9k7pt5X/ZJeArtesmESz0gE7qzj8ZT6Gdg1dMnROoAmSvW2V1wE1rf1G9JJHWgzFuvGxI4f2yCUUM0vftH5XAXCvFSI/s3EQpxQ0VfzGZCYf7homVCY6Ew35AZZMIMQqH9sFlkwkxCod3QmWTCjELBf/hsMmFmoeAnIaNMCBAKx8vIKhOChMJ0KZllQqBQGC8nu0wIFgrDJdXj1DIhgVAYLJUDz4fLhCRCYZDULtLIhERCYZLUVDIhmVAYJTWdTPDfy58Al/XhTzPr+uv9oTqtv/u75NyH517+BbBgK2EFfDWz5cR6u/vzDUft+0sp58CbnZx3ZvYwpd4unkLfAue7p1mHnSr1jPVF2uyh7mu9Sf/pUWUueDr30sy+TKm5i6fQdx31jpLqRY9MgGJmnzz6eK6Ru14yBizqQCEckAnd2UfjKfQb69/GfYRJHSCzsM7ugude/gG4I5HUgTLdbkj0NJrMiCGavqdG5Wi1lw+VGtm/5V4+ZKjoi9l6Lz/rcNEy6WnsxlxDZpBJT3NXWg+bRSY9AdxpNXQmmfSEaIL38Nlk0hOkGV4SMsqkJ0xTjpWRVSbE7uUnScksE+L38qPkZJcJCXZKQyXV49QyIYFQGCyVA8+Hy4QkQmGQ1M4fJYlMSCQUJklNJROSCYVRUtPJhIRC4f+4m3eRUijs3Z9vOGrf35q0QgFKKafAK7b7/iXww8we41IJIYQQQgghhBBCCCGEEA34A78/EcYYFPOLAAAAAElFTkSuQmCC);
}

.firstPage__bg-normal___5xqzO {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-color: #050507;
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url(//s5.music.126.net/static_public/5d2e7e0f4c302eee822efc3d_5d2e7e0f4c302eee822efc3f/FirstScreen_bg_normal.0684c6f3609415e51c41e6d495d96b12.png);
}

.firstPage__bg-roll___2R9Rg {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: #050507;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url(//s5.music.126.net/static_public/5d2e7e0f4c302eee822efc3d_5d2e7e0f4c302eee822efc3f/FirstScreen_bg_roll.731f874abfdf0196861abb6301450c51.png);
    -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
            transform-origin: top center; /* 添加这一行 */
}

.firstPage__download-select___17M3f {
    position: absolute;
    box-sizing: border-box;
    width: 240px;
    height: 104px;
    top: -150px;
    right: -120px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 6px;
    font-weight: 400;
    cursor: pointer;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
}

.firstPage__download-select___17M3f:hover {
    background: rgba(255, 255, 255, 0.86);
}

.firstPage__download-select___17M3f .firstPage__select-item___2STkr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 6px;
    padding: 10px 16px;
    gap: 6px;
    background: rgba(255, 255, 255, 0.9);
    -webkit-backdrop-filter: blur(50px);
            backdrop-filter: blur(50px);
    font-size: 18px;
    font-weight: 500;
    height: 40px;
}

.firstPage__download-select___17M3f .firstPage__select-item___2STkr:hover {
    background: rgba(255, 255, 255, 0.86);
}

.firstPage__download-select___17M3f .firstPage__select-item___2STkr img {
    width: 20px;
    height: 20px;
}

.firstPage__download-select___17M3f .firstPage__select-item___2STkr .firstPage__version___3IcBc {
    font-size: 14px;
    color: #9e9e9e;
}

.firstPage__download-select___17M3f .firstPage__line___btBg_ {
    padding: 0 15px;
    background-color: #283248;
    opacity: 0.06;
    width: 288px;
    height: 1px;
}

.firstPage__icon-tip___3z_O1 {
    float: left;
    width: 24px;
    height: 24px;
}

.firstPage__icon-tip___3z_O1.firstPage__icon-mac___1q558 {
    width: 154px;
    height: 44px;
    background: url(//s5.music.126.net/static_public/5d2e7e0f4c302eee822efc3d_5d2e7e0f4c302eee822efc3f/icon_mac_black_new.bbaa33f484108e702bc365c250b74e79.png) no-repeat;
    background-size: contain;
}

.firstPage__icon-tip___3z_O1.firstPage__icon-win___16qq0 {
    width: 140px;
    height: 44px;
    background: url(//s5.music.126.net/static_public/5d2e7e0f4c302eee822efc3d_5d2e7e0f4c302eee822efc3f/windows.3e335fd6d5078918ef80f7e54d0bd4b8.png) no-repeat;
    background-size: contain;
}

.firstPage__icon-tip___3z_O1.firstPage__icon-iphone___2D982 {
    width: 120px;
    height: 44px;
    background: url(//s5.music.126.net/static_public/5d2e7e0f4c302eee822efc3d_5d2e7e0f4c302eee822efc3f/icon_iphone_black_new.3c51a3730124d2d8d662aa4393572914.png) no-repeat;
    background-size: contain;
}

.firstPage__icon-tip___3z_O1.firstPage__icon-android___2av5T {
    width: 120px;
    height: 44px;
    background: url(//s5.music.126.net/static_public/5d2e7e0f4c302eee822efc3d_5d2e7e0f4c302eee822efc3f/android.f73995b4ecd8636ecb3819906598ec13.png) no-repeat;
    background-size: contain;
}

.firstPage__icon-apple___3y1SY {
    display: inline-block;
    width: 21px;
    height: 21px;
    margin-right: 3px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAtCAYAAAApzaJuAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAANoSURBVFiFxZhBaBxlFMd/72t2NoeCOXjwULDHHiMJZHc2hxFzaw8FlbbYQkU8qWBBUFCRgkI9lB5akd5SyCFCAhEL6qEwB/fbhaRQsIeAHlZEugcPPQSazm7nedjZZLo7s53I7Mz/Nu/t9+bH+2bf994nTFnaaNRQfQ/wELkrzeaVF62ZmRrM0tIJjPke1TMxcz/L2qlAaaOxjOpPwNyI668s63OHioB+Bo6POcPwlywxJFcgz5sjCH4HTiS4H4i1r2WJY/KEotf7KgUIVK9mDZNbpqIs/U3StsGPYu3ZrLHyy1QQnE0B2sVxLh8lVH5QIgsJ1l9xnLr4/uOjhMrv36caz9JD4Fuxdu3/hMoPSuQ2qvdQ3ZFWa3fUra77KgCO84/4/sQiOvFD10ZjmTA8h8gycAqYBf4F2qhuUa1upm2Nuu488CZwBpiPufrALiJ3Uf1BrH2QCUqXlmocO3YDqE2CBvaBLWCdZ8/uMzPzEmG4gsjlEZBJ2qDX+0i2t7upUFqvf4jIDaZ4Lo5JtYsxb0uz+dsYlLru58DXhcE8rz1EXpdmc+egJKjrvlUiEMBxwnAFokxF1fgP4OWSgPrAJbF2HYbfTa/3aYlAABfE2o3hg6jnzRIEjxjvfYrSdbH2k7jB8PTpSmlAql0c54tRs8GYN8rgAUDkjvj+/qjZoPqiAjk9iWwkmQ3wSsEoh6pUHiaZDXCyWJJIIt2krYO82+GjSHU2zWXIOItNQXPqeYlgBugUyxLTkyeLSWaDaqdglNjbzblEMyKdglEOJXJRFxbGjjeDyP0yeCLNUa3eHDUawtAvASau81qvP3f2DVqXRuMRquUVUQCRa1QqX4rv94d1arNUIADVzwiCltZq3hBqtUyemBYx5qYBkGZzh8EAWb5U78SPmeulgRxqn35/7RDKcdaAP8vjAeC2bG93D6CiUfqbEoEe0+tdg5EuQaxdRdUvBUn16nBKHm9dVN8F9gpGalOt3ho+jEFJu90B3i8QaI8wvBC/iUls8sTadUS+KwRJ9VKUiAOld56VysdMu9KrXpFWa2vUPPl+yvNmCIJV4J2Un+wDG8A9wrDDoGE8icg8cBqRlZR1/QjoVpIz0+2wuu554ANgMQq4A2xSra5Nus/Uev0UIheB0wwG3j7QZnD1mHqC/Ac+QyR+vnRdrQAAAABJRU5ErkJggg==) no-repeat center;
    background-size: contain;
    vertical-align: -3px;
}

.firstPage__icon-windows-new___30WWF {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAIqSURBVFiF7ZghjNNgFMd/77umPYGYQEyQMLKKJmAQTa470wQSJk7iCAkk5zAjnASJQlxOIRBgcAhISEBOkG3JcQ6BQCAmJkiYOLG2d3uIrrDAlbGux03sp5om/77f+9L0ff2E/4Q2GnVUXcADXIxxUfWAGvAR1dtSakHfr7K2VkfkyqSYC2QC1ox4b2EZDcMKcfwU2ALOLfKsE23V96s4zkVUs6XMOqwBfVQfSbf7FoA4fgbcXEQiQzQMLZLkFqpbU0VndTgiSS7J/v5AG43vQKUMGYsoeoJIa87cOpa1AbwuSwTAIHKnUFKkNIkMQ4mdLYo5a4FpVjJ5rGTyWDqZUaGk6gAAkW8luQwNqi8LBPs4ThuA8bhI/iT2LBynRRwPgWvAIapHf42IfEX1sbTb6Yo6zg5R1Efk8tzlRQaoRsAn6XReze9/iqRTO4ruYUyT8Xg9vStDYJiT6RNFe3Jw8PNd0SBoIrJR2EK1J93ue9Eg2C0wtT9j21el3R5pELQQ2S0s8ouHBpHtAkGP0ShdCZEHJYgA7BiKbhWNqU2uLpQkU1m6j97SsJLJYyWThwEOz1oiwwBvCmZLb8LCtreJ4y/ADURcVM//Q+6I4+PelNRC/9gZf/z4axhWSBIX1RqqLiJ1wJuIVkkH6H3pdF4A6ObmO1SbpyIzL+r7VWz7OarXmX3scboyGZOtSHZw4GJMHZg+o5nFh1IPi/L4TdQDUlERj3TQ9lC9+wPeYK8xkN4o5QAAAABJRU5ErkJggg==) no-repeat center;
    background-size: contain;
    vertical-align: -3px;
}

.firstPage__divider___lRPC2 {
    margin: 0 0 0 20px;
    display: inline-block;
    background-color: #ff3a3a;
    opacity: 0.1;
    width: 1px;
    height: 21px;
    vertical-align: -3px;
}

.firstPage__divider-left___9NjDH {
    padding-left: 20px;
}
.introduction__container___3hB3Y {
  background: #F1F3F5;
  height: 816px;
  position: relative;
  margin-top: 160px;
}
.introduction__first-line___3OFzg {
  height: 116px;
  width: 1192px;
  position: relative;
}
.introduction__first-line___3OFzg .introduction__title___nNdPq {
  height: 100%;
  text-align: left;
  font-size: 48px;
  font-weight: bold;
  position: relative;
  top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}
.introduction__first-line___3OFzg .introduction__title___nNdPq p {
  height: 48px;
}
.introduction__first-line___3OFzg .introduction__icons___3Cf3m {
  position: absolute;
  bottom: 0;
  /* 放在父元素的底部 */
  right: 0;
  /* 放在父元素的右边 */
  height: 116px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 10px;
  padding-right: 10px;
}
.introduction__first-line___3OFzg .introduction__icons___3Cf3m img {
  cursor: pointer;
  width: 40px;
  /* 根据实际图标大小调整 */
  height: 40px;
  /* 根据实际图标大小调整 */
}
.introduction__first-line___3OFzg .introduction__icons___3Cf3m .introduction__icon-ok___1lYjp:hover {
  opacity: 0.7;
}
.introduction__first-line___3OFzg .introduction__icons___3Cf3m .introduction__icon-2___1DVBF {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.introduction__images___9c_nZ {
  margin-top: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  /* 左对齐 */
  gap: 20px;
  /* 图片之间的间隔 */
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding-right: calc(-546vw);
}
.introduction__images___9c_nZ .introduction__media___sw8BN {
  min-width: 586px;
  height: 620px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: white;
  border-radius: 10px;
  box-sizing: border-box;
  -webkit-border-image: -webkit-linear-gradient(top, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%) 1;
          border-image: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%) 1;
  overflow: hidden;
}
.introduction__images___9c_nZ::-webkit-scrollbar {
  display: none;
}
.introduction__images___9c_nZ .introduction__title___nNdPq {
  margin-top: 40px;
  font-size: 36px;
  font-weight: 600;
  line-height: 36px;
  margin-left: 40px;
  border-radius: 10px;
}
.introduction__images___9c_nZ .introduction__subtitle___3S_yD {
  margin-top: 20px;
  font-size: 18px;
  font-weight: normal;
  line-height: 18px;
  color: #283248;
  margin-left: 40px;
}
.introduction__images___9c_nZ img {
  margin-top: 40px;
  width: 586px;
  height: 466px;
}
.introduction__images___9c_nZ .introduction__video-container___1kdUb {
  margin-top: 40px;
  width: 590px;
  height: 470px;
  overflow: hidden;
  pointer-events: none;
}
.introduction__images___9c_nZ video {
  width: 100%;
  height: 102%;
  margin-top: -3px;
  border: none !important;
  outline: none !important;
  object-fit: fill;
  pointer-events: none;
}
.introduction__images___9c_nZ video:focus {
  outline: none !important;
}
.introduction__images___9c_nZ img:first-child {
  margin-left: 0;
  /* 第一个图片左侧对齐 */
}
.introduction__container___2aVwQ {
  background: #F1F3F5;
  width: 1192px;
  position: relative;
  margin-top: 160px;
}
.introduction__first-line___3X1aB {
  height: 116px;
  width: 100%;
  position: relative;
}
.introduction__first-line___3X1aB .introduction__title___2mva_ {
  height: 100%;
  text-align: left;
  font-size: 48px;
  font-weight: bold;
  position: relative;
  top: 0;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.introduction__first-line___3X1aB .introduction__title___2mva_ p {
  height: 48px;
}
.introduction__first-line___3X1aB .introduction__icons___n0r38 {
  position: absolute;
  bottom: 0;
  /* 放在父元素的底部 */
  right: 0;
  /* 放在父元素的右边 */
  height: 116px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 10px;
  padding-right: 10px;
}
.introduction__first-line___3X1aB .introduction__icons___n0r38 img {
  width: 40px;
  /* 根据实际图标大小调整 */
  height: 40px;
  /* 根据实际图标大小调整 */
}
.introduction__first-line___3X1aB .introduction__icons___n0r38 .introduction__icon-ok___QWrFX:hover {
  opacity: 0.7;
}
.introduction__first-line___3X1aB .introduction__icons___n0r38 .introduction__icon-2___2LDDt {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.introduction__images___2XKAS {
  margin-top: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  /* 左对齐 */
  gap: 20px;
  /* 图片之间的间隔 */
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.introduction__images___2XKAS::-webkit-scrollbar {
  display: none;
}
.introduction__images___2XKAS img {
  width: 586px;
  height: 620px;
}
.introduction__images___2XKAS img:first-child {
  margin-left: 0;
  /* 第一个图片左侧对齐 */
}
.introduction__images___2XKAS img:not(:first-child) {
  margin-left: 20px;
  /* 其他图片依次靠右 */
}
.introduction__card-container___kJpkx {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 80px;
  margin-top: 80px;
  margin-bottom: 120px;
}
.introduction__section___1qdlL {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.introduction__section___1qdlL .introduction__title___2mva_ {
  font-family: PingFang SC;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0px;
  color: rgba(40, 50, 72, 0.7);
}
.introduction__cards___316Q2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 20px;
}
.introduction__n-qrcode___2NZsw {
  z-index: 10;
  position: absolute;
  display: block;
  padding: 8px;
  background: #222222;
  border-radius: 10px;
  color: #ffffff;
  font-size: 14px;
  line-height: 100%;
  text-align: center;
}
.introduction__n-qrcode___2NZsw p {
  margin-top: 4px;
}
.introduction__n-qrcode___2NZsw img {
  width: 100px;
  height: 100px;
  margin-top: 8px;
  border: 4px solid #fff;
  /* 白色边框 */
  border-radius: 4px;
  /* 圆角 */
}
.introduction__tooltip___397rL {
  position: absolute;
  background-color: black;
  color: white;
  padding: 8px;
  border-radius: 4px;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.introduction__modal___7P3xO {
  width: 530px;
  height: 354px;
  border-radius: 12px;
  opacity: 1;
  background: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  justify-self: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  outline: 0;
}
.introduction__modal___7P3xO .introduction__title___2mva_ {
  margin-top: 40px;
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  color: #3D3D3D;
}
.introduction__modal___7P3xO .introduction__buttons___1z2fS {
  margin-top: 75px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 80px;
  width: 450px;
  border-radius: 6px;
  opacity: 1;
}
.introduction__modal___7P3xO .introduction__buttons___1z2fS .introduction__button___3AYmo {
  cursor: pointer;
  width: 175px;
  height: 68px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 20px;
  gap: 2px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  z-index: 0;
  background: rgba(40, 50, 72, 0.06);
  border-radius: 6px;
}
.introduction__modal___7P3xO .introduction__buttons___1z2fS .introduction__button___3AYmo .introduction__button-content___33myb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  color: #283248;
}
.introduction__modal___7P3xO .introduction__buttons___1z2fS .introduction__button___3AYmo img {
  width: 20px;
  height: 20px;
}
.introduction__modal___7P3xO .introduction__buttons___1z2fS .introduction__button___3AYmo .introduction__version___7WMzD {
  font-size: 14px;
  color: #9E9E9E;
}
.introduction__modal___7P3xO .introduction__close___3_Nq7 {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 24px;
  height: 24px;
  background-image: url(//s5.music.126.net/static_public/5d2e7e0f4c302eee822efc3d_5d2e7e0f4c302eee822efc3f/outlineClose.15a35eebc918388680a17a572ac79534.svg);
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: cover;
}
.introduction__overlay___FB5P8 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.downloadCard__card___YHBgv {
  width: 322px;
  height: 48px;
  background-color: white;
  border-radius: 4px;
  position: relative;
  padding: 28px 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.downloadCard__card___YHBgv :hover {
  box-shadow: 0px 10px 20px 0px rgba(0, 17, 51, 0.06);
}
.downloadCard__icon___3l95K {
  width: 44px;
  height: 44px;
  margin-right: 30px;
}
.downloadCard__content___10SJm {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.downloadCard__title___1-DEp {
  font-size: 20px;
  margin: 0;
  text-align: left;
  color: #283248;
}
.downloadCard__subtitle___-JIIQ {
  font-size: 18px;
  margin: 0;
  text-align: left;
  color: rgba(40, 50, 72, 0.7);
}
.downloadCard__buttons___3JZXu {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: -webkit-linear-gradient(right, #ffffff 78px, rgba(255, 255, 255, 0) calc(606px));
  background: linear-gradient(to left, #ffffff 78px, rgba(255, 255, 255, 0) calc(606px));
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  gap: 30px;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  padding-right: 30px;
  border-radius: 8px;
}
.downloadCard__buttons___3JZXu .downloadCard__button___1gdcx {
  width: 28px;
  height: 28px;
  border: none;
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  font-size: 16px;
  border-radius: 4px;
}
.downloadCard__buttons___3JZXu .downloadCard__button___1gdcx:hover {
  opacity: 0.8;
}
.downloadCard__buttons___3JZXu .downloadCard__download___3bejR {
  background-image: url(//s5.music.126.net/static_public/5d2e7e0f4c302eee822efc3d_5d2e7e0f4c302eee822efc3f/download.e4346d37fc7bc4e29f47a596ebdf861a.svg);
}
.downloadCard__buttons___3JZXu .downloadCard__view-more___1pntV {
  background-image: url(//s5.music.126.net/static_public/5d2e7e0f4c302eee822efc3d_5d2e7e0f4c302eee822efc3f/view-more.88da816ba18b4e93dbf0781a23c3d3fe.svg);
}
.downloadCard__card___YHBgv:hover .downloadCard__buttons___3JZXu {
  opacity: 1;
}
.downloadCard__n-qrcode___2cWkB {
  position: fixed;
  z-index: 10;
  top: 395px;
  right: 25px;
  padding: 16px 18px 9px;
  background: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  color: #333;
  font-size: 12px;
  text-align: center;
}
.downloadCard__n-qrcode___2cWkB p {
  margin-top: 10px;
}
.downloadCard__n-qrcode___2cWkB img {
  width: 100px;
  height: 100px;
}
.downloadCard__n-qrcode___2cWkB.downloadCard__iframe___wDBNt {
  top: 325px;
}