html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
blockquote,
figure,
figcaption {
  margin: 0;
  padding: 0;
}
@font-face {
  font-family: 'Semibold';
  src: url('https://d13pvy8xd75yde.cloudfront.net/global/tablets/fonts/HurmeGeometricSans_No3_6_Bold.otf') format('opentype');
}
#freehear .setBoxUp .x_50,
#freehear .setBoxUp .x50,
#freehear .setBoxUp .y_50,
#freehear .setBoxUp .y50,
#freehear .setBoxUp .scale {
  transform: translate(0, 0) scale(1);
  opacity: 1;
}
#freehear .x50 {
  transform: translateX(50px) scale(1);
  opacity: 0;
}
#freehear .x_50 {
  transform: translateX(-50px) scale(1);
  opacity: 0;
}
#freehear .y50 {
  transform: translateY(50px) scale(1);
  opacity: 0;
}
#freehear .y_50 {
  transform: translateY(-50px) scale(1);
  opacity: 0;
}
#freehear .scale {
  transform: scale(0.5);
  opacity: 0;
}
#freehear .x50,
#freehear .x_50,
#freehear .y50,
#freehear .y_50,
#freehear .scale {
  transition: all 0.8s ease;
}
#freehear .time {
  transition: all 0.8s ease;
}
.mob {
  display: none !important;
}
.pc {
  display: flex !important;
}
@media (max-width: 1080px) {
  .mob {
    display: flex !important;
  }
  .pc {
    display: none !important;
  }
}
#freehear .set img {
  width: 100%;
}
#freehear {
  position: relative;
  height: 0;
  overflow: hidden;
}
#freehear .semibold {
  font-family: 'Semibold';
}
#freehear .x1 {
  font-size: 1.09375vw;
  line-height: 115%;
  font-family: 'Semibold';
  color: #342A50;
}
@media (max-width: 1080px) {
  #freehear .x1 {
    font-size: 2.593vw;
  }
}
#freehear .x2 {
  font-weight: 400;
  font-size: 0.625vw;
  line-height: 115%;
  text-align: right;
}
@media (max-width: 1080px) {
  #freehear .x2 {
    font-size: 1.296vw;
  }
}
#freehear .x3 {
  font-size: 2.734375vw;
  line-height: 115%;
  font-family: 'Semibold';
}
@media (max-width: 1080px) {
  #freehear .x3 {
    font-size: 5.556vw;
  }
}
#freehear .x4 {
  font-size: 1.171875vw;
  line-height: 115%;
  font-weight: 400;
}
@media (max-width: 1080px) {
  #freehear .x4 {
    font-size: 2.593vw;
  }
}
#freehear .x5 {
  font-family: 'Semibold';
  font-size: 1.5625vw;
  line-height: 115%;
  background: linear-gradient(90deg, #5E8FFE 0%, #D09DF3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 1080px) {
  #freehear .x5 {
    font-size: 3.704vw;
  }
}
#freehear .s1 {
  font-family: 'Semibold';
  font-size: 2.34375vw;
  line-height: 115%;
}
@media (max-width: 1080px) {
  #freehear .s1 {
    font-size: 3.704vw;
  }
}
#freehear .s2 {
  font-weight: 400;
  font-size: 1.09375vw;
  line-height: 115%;
}
@media (max-width: 1080px) {
  #freehear .s2 {
    font-size: 2.037vw;
  }
}
@media (max-width: 1080px) {
  #freehear .s3 {
    font-weight: 400;
    font-size: 2.778vw;
    line-height: 100%;
  }
}
#freehear .new_set1 {
  height: 56.171875vw;
  background-color: #F6F7FB;
  position: relative;
}
#freehear .new_set1 .newimg1 {
  position: absolute;
  bottom: 0;
  width: 96.0546875vw;
  left: 0;
}
#freehear .new_set1 .newSet1_bg {
  width: 100vw;
  position: absolute;
  top: 0;
  height: 100%;
}
#freehear .new_set1 .textBox {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 4.296875vw;
  width: fit-content;
  display: flex;
  flex-direction: column;
  gap: 1.171875vw;
}
#freehear .new_set1 .textBox .bottom {
  display: flex;
  align-items: center;
}
#freehear .new_set1 .textBox .bottom .s1 {
  font-weight: 400;
  font-size: 0.8984375vw;
  font-family: unset;
  background: linear-gradient(219deg, #000 42.9%, #fff 40%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#freehear .new_set1 .textBox .bottom .s2 {
  font-weight: 400;
  font-size: 0.8984375vw;
  font-family: unset;
  color: #000;
}
#freehear .new_set1 .textBox .bottom .s3 {
  font-weight: 400;
  font-size: 0.8984375vw;
  color: #fff;
}
#freehear .new_set1 .textBox .bottom .se {
  width: 1px;
  height: 1.5625vw;
  margin: 0 0.78125vw;
}
#freehear .new_set1 .textBox .bottom .black {
  background: #000;
}
#freehear .new_set1 .textBox .bottom .white {
  background: #fff;
}
#freehear .set1 {
  position: relative;
}
#freehear .set1 .top {
  width: 100vw ;
}
@media (max-width: 1080px) {
  #freehear .set1 .top {
    width: 100vw;
    height: 133.148vw;
  }
}
#freehear .set1 .bottom {
  width: 14.140625vw;
  height: 2.8125vw;
  background: linear-gradient(98deg, #fff 56%, #000 40%);
  -webkit-mask-image: url('img/10.png');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: url('img/10.png');
  mask-repeat: no-repeat;
  mask-size: contain;
}
@media (max-width: 1080px) {
  #freehear .set1 .bottom {
    width: 25.926vw;
    height: 5.185vw;
    background: black;
  }
}
#freehear .set1 .name {
  font-size: 4.0625vw;
  width: fit-content;
  font-weight: bold;
  background: linear-gradient(79deg, #000 41%, #fff 0%);
  -webkit-background-clip: text;
  /* 将背景裁剪到文字内容 */
  -webkit-text-fill-color: transparent;
  /* 设置文字填充为透明 */
}
@media (max-width: 1080px) {
  #freehear .set1 .name {
    color: #000000;
    font-size: 7.407vw;
    background: unset;
    -webkit-text-fill-color: unset;
  }
}
#freehear .set1 .left {
  position: absolute;
  bottom: 4.296875vw;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  flex-flow: column;
  gap: 1.171875vw;
  align-items: center;
}
@media (max-width: 1080px) {
  #freehear .set1 .left {
    bottom: unset;
    top: 11.111vw;
    left: 0;
    right: 0;
    margin: auto;
    gap: 3.704vw;
  }
}
#freehear .set1 .left .a3 {
  font-weight: 400;
  font-size: 0.8984375vw;
  line-height: 115%;
  color: white;
}
@media (max-width: 1080px) {
  #freehear .set1 .left .a3 {
    font-size: 2.037vw;
    -webkit-text-fill-color: unset;
    color: #000000;
    font-weight: unset;
  }
}
#freehear .set1 .left .a2 {
  font-weight: 400;
  font-size: 0.8984375vw;
  line-height: 115%;
  color: black;
}
@media (max-width: 1080px) {
  #freehear .set1 .left .a2 {
    font-size: 2.037vw;
  }
}
#freehear .set1 .left .a1 {
  font-weight: 400;
  font-size: 0.8984375vw;
  line-height: 115%;
  width: fit-content;
  color: #000;
}
@media (max-width: 1080px) {
  #freehear .set1 .left .a1 {
    font-size: 2.037vw;
    -webkit-text-fill-color: unset;
    font-weight: unset;
  }
}
#freehear .set1 .left .shang {
  display: flex;
  gap: 1.5625vw;
  align-items: center;
}
#freehear .set1 .left .z1,
#freehear .set1 .left .z2 {
  width: 0.0390625vw;
  height: 1.5625vw;
  margin: 0 0.78125vw 0;
  background-color: black;
}
@media (max-width: 1080px) {
  #freehear .set1 .left .z1,
  #freehear .set1 .left .z2 {
    width: 0.093vw;
    height: 2.222vw;
    margin: 0 3.704vw 0;
  }
}
#freehear .set1 .left .san {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1080px) {
  #freehear .set1 .left .san {
    align-items: center;
  }
}
#freehear .set2 .zhong {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 0.703125vw;
  margin: 8.59375vw 0 5.859375vw;
}
#freehear .set2 .zhong .top {
  display: flex;
  gap: 0.703125vw;
}
#freehear .set2 .zhong .top .left {
  width: 21.09375vw;
  height: 16.09375vw;
  position: relative;
}
#freehear .set2 .zhong .top .left .x1 {
  position: absolute;
  top: 1.40625vw;
  left: 1.40625vw;
}
#freehear .set2 .zhong .top .zhon {
  background-color: #E9E9F1;
  width: 29.0625vw;
  height: 16.09375vw;
  position: relative;
  border-radius: 0.78125vw;
}
#freehear .set2 .zhong .top .zhon .top {
  z-index: 2;
  width: 8.1640625vw;
  height: 1.875vw;
}
#freehear .set2 .zhong .top .zhon .top .bottom {
  width: 5.390625vw;
  height: 1.07421875vw;
  background: linear-gradient(90deg, #fff 70%, #fff 0%);
  -webkit-mask-image: url('img/10.png');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: url('img/10.png');
  mask-repeat: no-repeat;
  mask-size: contain;
  position: absolute;
  left: 7.34375vw;
  bottom: 0.71875vw;
  z-index: 2;
}
#freehear .set2 .zhong .top .zhon .top .name {
  font-size: 1.5625vw;
  width: fit-content;
  font-weight: bold;
  background: linear-gradient(87deg, #000 53%, #fff 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  bottom: 0vw;
  right: 7.3828125vw;
  z-index: 2;
}
#freehear .set2 .zhong .top .zhon .top .name .F_color {
  background: linear-gradient(220deg, #000 50%, #fff 0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#freehear .set2 .zhong .top .zhon .bottom {
  position: absolute;
  bottom: 0vw;
}
#freehear .set2 .zhong .top .right {
  width: 21.09375vw;
  height: 16.09375vw;
  position: relative;
}
#freehear .set2 .zhong .top .right .x1 {
  position: absolute;
  top: 1.3671875vw;
  left: 3.7109375vw;
}
#freehear .set2 .zhong .bottom {
  display: flex;
  gap: 0.703125vw;
}
#freehear .set2 .zhong .bottom .left {
  width: 21.09375vw;
  height: 24.0625vw;
  position: relative;
}
#freehear .set2 .zhong .bottom .left .x1 {
  position: absolute;
  top: 1.484375vw;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
#freehear .set2 .zhong .bottom .zhon .ouo {
  display: flex;
  flex-flow: column;
  gap: 0.703125vw;
}
#freehear .set2 .zhong .bottom .zhon .top .bood {
  width: 14.1796875vw;
  height: 11.640625vw;
  position: relative;
}
#freehear .set2 .zhong .bottom .zhon .top .bood .x1 {
  position: absolute;
  top: 1.484375vw;
  left: 1.171875vw;
  text-align: left;
}
#freehear .set2 .zhong .bottom .zhon .top .boo {
  width: 14.1796875vw;
  height: 11.640625vw;
  position: relative;
}
#freehear .set2 .zhong .bottom .zhon .top .boo .x1 {
  position: absolute;
  top: 1.484375vw;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
#freehear .set2 .zhong .bottom .zhon .bottom {
  width: 29.0625vw;
  height: 11.71875vw;
  position: relative;
  background-color: #F0EFF6;
  border-radius: 0.78125vw;
}
#freehear .set2 .zhong .bottom .zhon .bottom .x1 {
  position: absolute;
  top: 3.8671875vw;
  left: 1.5625vw;
}
#freehear .set2 .zhong .bottom .right {
  width: 21.09375vw;
  height: 24.0625vw;
  position: relative;
}
#freehear .set2 .zhong .bottom .right .x1 {
  position: absolute;
  top: 1.484375vw;
  left: 1.09375vw;
}
@media (max-width: 1080px) {
  #freehear .set2 .da {
    display: flex;
    flex-flow: column;
    gap: 1.852vw;
    justify-content: center;
    align-items: center;
    margin: 16.667vw 0 7.407vw;
  }
}
@media (max-width: 1080px) {
  #freehear .set2 .da .top {
    display: flex;
    gap: 1.852vw;
  }
}
@media (max-width: 1080px) {
  #freehear .set2 .da .top .left {
    width: 43.519vw;
    height: 38.148vw;
    position: relative;
  }
}
#freehear .set2 .da .top .left .x1 {
  position: absolute;
  top: 2.593vw;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
@media (max-width: 1080px) {
  #freehear .set2 .da .top .right {
    width: 43.519vw;
    height: 38.148vw;
    position: relative;
  }
}
#freehear .set2 .da .top .right .x1 {
  position: absolute;
  top: 2.593vw;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
@media (max-width: 1080px) {
  #freehear .set2 .da .heng {
    display: flex;
    gap: 1.852vw;
  }
}
@media (max-width: 1080px) {
  #freehear .set2 .da .heng .zhuo {
    width: 43.519vw;
    height: 57.407vw;
    position: relative;
  }
}
#freehear .set2 .da .heng .zhuo .x1 {
  position: absolute;
  top: 2.593vw;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
@media (max-width: 1080px) {
  #freehear .set2 .da .heng .we {
    display: flex;
    flex-flow: column;
    gap: 1.852vw;
  }
}
@media (max-width: 1080px) {
  #freehear .set2 .da .heng .we .qw {
    width: 43.519vw;
    height: 27.778vw;
    position: relative;
  }
}
#freehear .set2 .da .heng .we .qw .x1 {
  position: absolute;
  top: 2.593vw;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
@media (max-width: 1080px) {
  #freehear .set2 .da .heng .we .qe {
    width: 43.519vw;
    height: 27.778vw;
    position: relative;
  }
}
#freehear .set2 .da .heng .we .qe .x1 {
  position: absolute;
  top: 2.593vw;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
@media (max-width: 1080px) {
  #freehear .set2 .da .bottom {
    display: flex;
    gap: 1.852vw;
  }
}
@media (max-width: 1080px) {
  #freehear .set2 .da .bottom .left {
    width: 43.519vw;
    height: 57.037vw;
    position: relative;
  }
}
#freehear .set2 .da .bottom .left .x1 {
  position: absolute;
  top: 2.593vw;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
@media (max-width: 1080px) {
  #freehear .set2 .da .bottom .right {
    width: 43.519vw;
    height: 57.037vw;
    position: relative;
  }
}
#freehear .set2 .da .bottom .right .x1 {
  position: absolute;
  top: 3.519vw;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
#freehear .set2 .x2 {
  margin-right: 9.375vw;
  margin-bottom: 6.25vw;
}
@media (max-width: 1080px) {
  #freehear .set2 .x2 {
    margin-right: 5.556vw;
    margin-bottom: 25.926vw;
  }
}
#freehear .set3 {
  position: relative;
}
#freehear .set3 .zx {
  width: 100vw ;
  height: 52.265625vw;
  position: relative;
}
@media (max-width: 1080px) {
  #freehear .set3 .zx {
    width: 100vw;
    height: 120.37vw;
  }
}
#freehear .set3 .zhi {
  display: flex;
  flex-flow: column;
  gap: 2.03125vw;
  position: absolute;
  top: 17.3828125vw;
  left: 9.375vw;
}
@media (max-width: 1080px) {
  #freehear .set3 .zhi {
    position: unset;
    gap: 3.704vw;
    margin: 0 9.444vw 6.852vw 5.556vw;
  }
}
#freehear .set4 .x3 {
  text-align: center;
  margin: 14.84375vw 0 1.5625vw;
}
@media (max-width: 1080px) {
  #freehear .set4 .x3 {
    text-align: unset;
    margin: 29.63vw 0 3.704vw 5.556vw;
  }
}
#freehear .set4 .x4 {
  text-align: center;
  margin-bottom: 3.28125vw;
}
@media (max-width: 1080px) {
  #freehear .set4 .x4 {
    text-align: unset;
    margin: 0 5.556vw 7.407vw;
  }
}
#freehear .set4 .tu {
  width: 81.25vw;
  height: 48.046875vw;
  margin: auto;
}
@media (max-width: 1080px) {
  #freehear .set4 .tu {
    width: 88.889vw;
    height: 120.37vw;
  }
}
#freehear .set5 .left .top {
  display: flex;
  flex-flow: column;
  gap: 2.03125vw;
}
#freehear .set5 .bottom {
  margin-top: 4.6875vw;
}
#freehear .set5 .bottom .shang {
  display: flex;
  gap: 1.2109375vw;
}
#freehear .set5 .bottom .shang .zhuo {
  display: flex;
  flex-flow: column;
  gap: 0.390625vw;
}
#freehear .set5 .bottom .shang .zhuo .yan {
  background: linear-gradient(180deg, #DBE2FE 0%, #F3EBF8 100%);
  border-radius: 1.171875vw;
  width: 9.375vw;
  height: 2.34375vw;
  position: relative;
}
#freehear .set5 .bottom .shang .zhuo .yan .x5 {
  position: absolute;
  top: 0.2734375vw;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
#freehear .set5 .bottom .shang .you {
  display: flex;
  flex-flow: column;
  gap: 0.390625vw;
}
#freehear .set5 .bottom .shang .you .se {
  background: linear-gradient(180deg, #DBE2FE 0%, #F3EBF8 100%);
  border-radius: 1.171875vw;
  width: 9.375vw;
  height: 2.34375vw;
  position: relative;
}
#freehear .set5 .bottom .shang .you .se .x5 {
  position: absolute;
  top: 0.2734375vw;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
#freehear .set5 .bottom .xia {
  display: flex;
  flex-flow: column;
  gap: 0.390625vw;
  margin-top: 1.71875vw;
}
#freehear .set5 .bottom .xia .chec {
  background: linear-gradient(180deg, #DBE2FE 0%, #F3EBF8 100%);
  border-radius: 1.171875vw;
  width: 11.953125vw;
  height: 2.34375vw;
  position: relative;
}
#freehear .set5 .bottom .xia .chec .x5 {
  position: absolute;
  top: 0.2734375vw;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
#freehear .set5 .right {
  width: 38.59375vw;
  height: 38.59375vw;
}
#freehear .set5 .eie {
  display: flex;
  align-items: center;
  margin-top: 20.78125vw;
  justify-content: center;
  gap: 8.984375vw;
}
@media (max-width: 1080px) {
  #freehear .set5 .hours {
    flex-flow: column;
  }
}
@media (max-width: 1080px) {
  #freehear .set5 .hours .x3 {
    margin: 29.63vw 0 3.704vw 5.556vw;
  }
}
@media (max-width: 1080px) {
  #freehear .set5 .hours .x4 {
    margin: 0 0 11.111vw 5.556vw;
  }
}
@media (max-width: 1080px) {
  #freehear .set5 .hours .tu {
    width: 91.481vw;
    height: 91.481vw;
    margin: auto;
  }
}
@media (max-width: 1080px) {
  #freehear .set5 .hours .good {
    margin: 11.111vw 8.611vw 0 5.556vw;
  }
}
@media (max-width: 1080px) {
  #freehear .set5 .hours .good .top {
    display: flex;
    gap: 14.907vw;
  }
}
@media (max-width: 1080px) {
  #freehear .set5 .hours .good .top .left {
    display: flex;
    flex-flow: column;
    gap: 1.852vw;
  }
}
@media (max-width: 1080px) {
  #freehear .set5 .hours .good .top .left .zhu {
    background: linear-gradient(180deg, #DBE2FE 0%, #F3EBF8 100%);
    border-radius: 4.537vw;
    width: 24.074vw;
    height: 7.407vw;
    position: relative;
  }
}
@media (max-width: 1080px) {
  #freehear .set5 .hours .good .top .left .zhu .x5 {
    position: absolute;
    top: 1.574vw;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
  }
}
@media (max-width: 1080px) {
  #freehear .set5 .hours .good .top .ere {
    display: flex;
    flex-flow: column;
    gap: 1.852vw;
  }
}
@media (max-width: 1080px) {
  #freehear .set5 .hours .good .top .ere .sw {
    background: linear-gradient(180deg, #DBE2FE 0%, #F3EBF8 100%);
    border-radius: 4.537vw;
    width: 24.074vw;
    height: 7.407vw;
    position: relative;
  }
}
@media (max-width: 1080px) {
  #freehear .set5 .hours .good .top .ere .sw .x5 {
    position: absolute;
    top: 1.574vw;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
  }
}
@media (max-width: 1080px) {
  #freehear .set5 .hours .good .botto {
    display: flex;
    flex-flow: column;
    gap: 1.852vw;
    margin-top: 7.407vw;
  }
}
@media (max-width: 1080px) {
  #freehear .set5 .hours .good .botto .wee {
    background: linear-gradient(180deg, #DBE2FE 0%, #F3EBF8 100%);
    border-radius: 4.537vw;
    width: 31.481vw;
    height: 7.407vw;
    position: relative;
  }
}
@media (max-width: 1080px) {
  #freehear .set5 .hours .good .botto .wee .x5 {
    position: absolute;
    top: 1.574vw;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
  }
}
#freehear .set5 .x2 {
  margin: 5.859375vw 9.375vw 18.0859375vw;
}
@media (max-width: 1080px) {
  #freehear .set5 .x2 {
    margin: 5.556vw 5.556vw 29.63vw;
  }
}
#freehear .set6 {
  position: relative;
}
#freehear .set6 ._1s {
  width: 100vw;
  height: 51.796875vw;
  position: relative;
}
@media (max-width: 1080px) {
  #freehear .set6 ._1s {
    width: 100vw;
    height: 120.37vw;
  }
}
#freehear .set6 .zi {
  display: flex;
  flex-flow: column;
  gap: 2.03125vw;
  position: absolute;
  top: 20.1953125vw;
  left: 9.375vw;
}
@media (max-width: 1080px) {
  #freehear .set6 .zi {
    position: unset;
    gap: 3.704vw;
    margin: 0 0 11.111vw 5.556vw;
  }
}
#freehear .set6 .x2 {
  position: absolute;
  bottom: 3.125vw;
  right: 9.375vw;
}
@media (max-width: 1080px) {
  #freehear .set6 .x2 {
    position: unset;
    margin: 5.556vw 5.556vw 0;
  }
}
#freehear .set_bg {
  background: url(./img/set_bg.png) no-repeat;
  background-size: 100% 100%;
}
#freehear .set7 .x3 {
  margin: 11.796875vw auto 2.03125vw;
  text-align: center;
}
@media (max-width: 1080px) {
  #freehear .set7 .x3 {
    text-align: unset;
    margin: 36.759vw 24.352vw 3.704vw 5.556vw;
  }
}
#freehear .set7 .x4 {
  margin-bottom: 9.21875vw;
  text-align: center;
}
@media (max-width: 1080px) {
  #freehear .set7 .x4 {
    text-align: unset;
    margin: 0 12.037vw 11.111vw 5.556vw;
  }
}
#freehear .set7 .op {
  width: 55.3515625vw;
  height: 22.4609375vw;
  margin: auto;
}
@media (max-width: 1080px) {
  #freehear .set7 .op {
    width: 88.889vw;
    height: 36.019vw;
  }
}
#freehear .set8 .x3 {
  text-align: center;
  margin: 10.15625vw 0 2.03125vw;
}
@media (max-width: 1080px) {
  #freehear .set8 .x3 {
    text-align: unset;
    margin: 33.333vw 37.222vw 3.704vw 5.556vw;
  }
}
#freehear .set8 .x4 {
  text-align: center;
  margin-bottom: 4.6875vw;
}
@media (max-width: 1080px) {
  #freehear .set8 .x4 {
    text-align: unset;
    margin: 0 5.556vw 11.111vw;
  }
}
#freehear .set8 .mo {
  width: 81.25vw;
  height: 46.484375vw;
  margin: auto;
}
@media (max-width: 1080px) {
  #freehear .set8 .mo {
    width: 88.889vw;
    height: 120.37vw;
  }
}
#freehear .set9 .x3 {
  margin: 12.5vw 0 2.03125vw;
  text-align: center;
}
@media (max-width: 1080px) {
  #freehear .set9 .x3 {
    text-align: unset;
    margin: 29.63vw 32.315vw 3.704vw 5.556vw;
  }
}
#freehear .set9 .x4 {
  text-align: center;
  margin-bottom: 2.34375vw;
}
@media (max-width: 1080px) {
  #freehear .set9 .x4 {
    text-align: unset;
    margin: 0 9.722vw 7.407vw 5.556vw;
  }
}
#freehear .set9 .sd {
  width: 100vw;
  height: 53.125vw;
}
@media (max-width: 1080px) {
  #freehear .set9 .sd {
    width: 100vw;
    height: 129.63vw;
  }
}
#freehear .set10 {
  position: relative;
}
#freehear .set10 .uig {
  width: 100vw ;
  height: 59.453125vw;
  position: relative;
}
@media (max-width: 1080px) {
  #freehear .set10 .uig {
    width: 100vw;
    height: 101.852vw;
  }
}
#freehear .set10 .zi {
  display: flex;
  flex-flow: column;
  gap: 2.03125vw;
  position: absolute;
  top: 10.9375vw;
  left: 9.375vw;
}
@media (max-width: 1080px) {
  #freehear .set10 .zi {
    position: unset;
    gap: 3.704vw;
    margin: 29.63vw 0 11.111vw 5.556vw;
  }
}
#freehear .set10 .zi .x3 {
  color: #fff;
}
@media (max-width: 1080px) {
  #freehear .set10 .zi .x3 {
    color: #000;
  }
}
#freehear .set10 .zi .x4 {
  color: #fff;
}
@media (max-width: 1080px) {
  #freehear .set10 .zi .x4 {
    color: #000;
  }
}
#freehear .set10 .x2 {
  position: absolute;
  bottom: 2.34375vw;
  right: 9.375vw;
}
@media (max-width: 1080px) {
  #freehear .set10 .x2 {
    position: unset;
    margin: 5.556vw 5.556vw 29.63vw;
  }
}
#freehear .set11 {
  position: relative;
}
#freehear .set11 .zi {
  position: absolute;
  top: 22.8125vw;
  left: 9.375vw;
  display: flex;
  flex-flow: column;
  gap: 2.03125vw;
}
@media (max-width: 1080px) {
  #freehear .set11 .zi {
    position: unset;
    gap: 3.704vw;
    margin: 0 10.463vw 11.111vw 5.556vw;
  }
}
#freehear .set11 .right {
  width: 75.859375vw;
  height: 50.78125vw;
  margin: 3.125vw 0 0 24.140625vw;
}
@media (max-width: 1080px) {
  #freehear .set11 .right {
    margin: unset;
    width: 100vw;
    height: 105.556vw;
  }
}
#freehear .set12 {
  background-color: #F6F7FB;
  width: 100vw;
  height: 54.6875vw;
  position: relative;
}
@media (max-width: 1080px) {
  #freehear .set12 {
    height: 110.926vw;
    background-color: unset;
  }
}
@media (max-width: 1080px) {
  #freehear .set12 .hj {
    width: 100vw;
    height: 71.574vw;
    position: relative;
    background-color: #F6F7FB;
  }
}
#freehear .set12 .zi {
  display: flex;
  flex-flow: column;
  gap: 2.03125vw;
  position: absolute;
  top: 7.8125vw;
  left: 20vw;
}
@media (max-width: 1080px) {
  #freehear .set12 .zi {
    position: unset;
    margin: 29.63vw 8.704vw 11.111vw 5.556vw;
    gap: 3.704vw;
  }
}
#freehear .set12 .zi .x4 {
  text-align: center;
}
@media (max-width: 1080px) {
  #freehear .set12 .zi .x4 {
    text-align: unset;
  }
}
#freehear .set12 .tu {
  width: 56.640625vw;
  height: 26.7578125vw;
  position: absolute;
  bottom: 5.859375vw;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
@media (max-width: 1080px) {
  #freehear .set12 .tu {
    width: 88.889vw;
    height: 41.944vw;
    bottom: 11.111vw;
  }
}
#freehear .set13 {
  display: flex;
  gap: 0.78125vw;
  margin-top: 0.78125vw;
}
@media (max-width: 1080px) {
  #freehear .set13 {
    gap: 1.852vw;
    margin-top: 1.852vw;
  }
}
#freehear .set13 .left {
  background-color: #F6F7FB;
  width: 49.609375vw;
  height: 51.5625vw;
  position: relative;
}
@media (max-width: 1080px) {
  #freehear .set13 .left {
    width: 49.074vw;
    height: 74.074vw;
  }
}
#freehear .set13 .left .zi {
  position: absolute;
  top: 4.6875vw;
  left: 3.90625vw;
  display: flex;
  flex-flow: column;
  gap: 1.25vw;
}
@media (max-width: 1080px) {
  #freehear .set13 .left .zi {
    gap: 3.704vw;
    top: 5.556vw;
    left: 5.556vw;
  }
}
#freehear .set13 .right {
  background-color: #F6F7FB;
  width: 49.609375vw;
  height: 51.5625vw;
  position: relative;
}
@media (max-width: 1080px) {
  #freehear .set13 .right {
    width: 49.074vw;
    height: 74.074vw;
  }
}
#freehear .set13 .right .tu {
  width: 29.1796875vw;
  height: 22.578125vw;
  position: absolute;
  bottom: 7.8125vw;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
@media (max-width: 1080px) {
  #freehear .set13 .right .tu {
    width: 37.963vw;
    height: 29.444vw;
    bottom: 3.704vw;
  }
}
#freehear .set13 .right .zi {
  position: absolute;
  top: 4.6875vw;
  left: 3.90625vw;
  display: flex;
  flex-flow: column;
  gap: 1.25vw;
}
@media (max-width: 1080px) {
  #freehear .set13 .right .zi {
    gap: 3.704vw;
    top: 5.556vw;
    left: 5.556vw;
  }
}
/*# sourceMappingURL=index.css.map */