* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.prm-body img {
  display: block;
  width: auto;
  max-width: 100%;
}
.prm-body section._mb,
.prm-body div._mb,
.prm-body h1._mb, .prm-body h2._mb, .prm-body h3._mb, .prm-body h4._mb {
  margin-bottom: 96px;
}
@media (max-width: 1439.98px) {
  .prm-body section._mb,
  .prm-body div._mb,
  .prm-body h1._mb, .prm-body h2._mb, .prm-body h3._mb, .prm-body h4._mb {
    margin-bottom: 72px;
  }
}
@media (max-width: 767.98px) {
  .prm-body section._mb,
  .prm-body div._mb,
  .prm-body h1._mb, .prm-body h2._mb, .prm-body h3._mb, .prm-body h4._mb {
    margin-bottom: 56px;
  }
}
@media (max-width: 359.98px) {
  .prm-body section._mb,
  .prm-body div._mb,
  .prm-body h1._mb, .prm-body h2._mb, .prm-body h3._mb, .prm-body h4._mb {
    margin-bottom: 40px;
  }
}
.prm-body section._mt,
.prm-body div._mt,
.prm-body h1._mt, .prm-body h2._mt, .prm-body h3._mt, .prm-body h4._mt {
  margin-top: 96px;
}
@media (max-width: 1439.98px) {
  .prm-body section._mt,
  .prm-body div._mt,
  .prm-body h1._mt, .prm-body h2._mt, .prm-body h3._mt, .prm-body h4._mt {
    margin-top: 72px;
  }
}
@media (max-width: 767.98px) {
  .prm-body section._mt,
  .prm-body div._mt,
  .prm-body h1._mt, .prm-body h2._mt, .prm-body h3._mt, .prm-body h4._mt {
    margin-top: 56px;
  }
}
@media (max-width: 359.98px) {
  .prm-body section._mt,
  .prm-body div._mt,
  .prm-body h1._mt, .prm-body h2._mt, .prm-body h3._mt, .prm-body h4._mt {
    margin-top: 40px;
  }
}
.prm-body section._pt,
.prm-body div._pt,
.prm-body h1._pt, .prm-body h2._pt, .prm-body h3._pt, .prm-body h4._pt {
  padding-top: 96px;
}
@media (max-width: 1439.98px) {
  .prm-body section._pt,
  .prm-body div._pt,
  .prm-body h1._pt, .prm-body h2._pt, .prm-body h3._pt, .prm-body h4._pt {
    padding-top: 72px;
  }
}
@media (max-width: 767.98px) {
  .prm-body section._pt,
  .prm-body div._pt,
  .prm-body h1._pt, .prm-body h2._pt, .prm-body h3._pt, .prm-body h4._pt {
    padding-top: 56px;
  }
}
@media (max-width: 359.98px) {
  .prm-body section._pt,
  .prm-body div._pt,
  .prm-body h1._pt, .prm-body h2._pt, .prm-body h3._pt, .prm-body h4._pt {
    padding-top: 40px;
  }
}
.prm-body section._pb,
.prm-body div._pb,
.prm-body h1._pb, .prm-body h2._pb, .prm-body h3._pb, .prm-body h4._pb {
  padding-bottom: 96px;
}
@media (max-width: 1439.98px) {
  .prm-body section._pb,
  .prm-body div._pb,
  .prm-body h1._pb, .prm-body h2._pb, .prm-body h3._pb, .prm-body h4._pb {
    padding-bottom: 72px;
  }
}
@media (max-width: 767.98px) {
  .prm-body section._pb,
  .prm-body div._pb,
  .prm-body h1._pb, .prm-body h2._pb, .prm-body h3._pb, .prm-body h4._pb {
    padding-bottom: 56px;
  }
}
@media (max-width: 359.98px) {
  .prm-body section._pb,
  .prm-body div._pb,
  .prm-body h1._pb, .prm-body h2._pb, .prm-body h3._pb, .prm-body h4._pb {
    padding-bottom: 40px;
  }
}
.prm-body ._container {
  margin: 0 auto;
  max-width: 1280px;
  padding: 0 26px;
}
@media (max-width: 1279.98px) {
  .prm-body ._container {
    max-width: 1024px;
    padding: 0 42px;
  }
}
@media (max-width: 991.98px) {
  .prm-body ._container {
    max-width: none;
    padding: 0 20px;
  }
}
.prm-body ._container ol {
  margin: 0px 0px 0px 20px;
}

@media (max-width: 467.98px) {
  .prm-body ._container ol {
    margin: 0px 0px 0px 15px;
  }
}

.prm-body a.btn,
.prm-body button.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  min-height: 48px;
  text-align: center;
  color: #fff;
  background-color: #e31235;
  padding: 12px 24px;
  border-radius: 8px;
  transition: background-color 0.3s ease 0s;
}

@media (min-width: 991.98px) {
  .prm-body a.btn:hover,
  .prm-body button.btn:hover {
    background-color: #bd0f2c;
  }
  .prm-body a.btn:focus,
  .prm-body button.btn:focus {
    background-color: #9c0c24;
  }
}
.prm-body a.btn._fw,
.prm-body button.btn._fw {
  width: 100%;
}


.prm-body .prm-wrp {
  width: 1200px;
  margin: auto;
  height: 100%;
}


@keyframes spread-2b3aee28 {
  0% {
    transform: scale(0.6);
  }
  50% {
    transform: scale(0.8);
    opacity: 1;
  }
  to {
    transform: scale(1);
    opacity: 0;
  }
}
.prm-body {
  overflow: hidden;
  max-width: 1440px;
  margin: auto;
}
.prm-body * {
  box-sizing: border-box;
}
.prm-body picture {
  display: block;
}
.prm-body .prm-wrp {
  width: 1200px;
  margin: auto;
}
@media (max-width: 1240px) {
  .prm-body .prm-wrp {
    width: 940px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-wrp {
    width: 710px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-wrp {
    width: 100%;
    padding: 0 4.6875vw;
  }
}
.prm-body .prm-text h2 {
  margin: 48px 0;
  font-weight: 500;
  font-size: 32px;
  line-height: 1.25;
  color: #F5F5F6;
}
@media (max-width: 1240px) {
  .prm-body .prm-text h2 {
    font-size: 25px;
    margin: 37px 0;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-text h2 {
    margin: 4.6875vw 0;
    font-size: 6.25vw;
    text-align: center;
  }
}
.prm-body .prm-text h3 {
  margin: 0;
  font-weight: 500;
  font-size: 44px;
  line-height: 1.1;
  text-align: center;
  color: #F5F5F6;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1240px) {
  .prm-body .prm-text h3 {
    font-size: 34px;
    gap: 12px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-text h3 {
    font-size: 7.5vw;
    gap: 1vw;
  }
}
.prm-body .prm-text h3 span {
  font-size: 32px;
  color: #F5F5F6;
  font-weight: normal;
  display: block;
  margin: 0;
}
@media (max-width: 1240px) {
  .prm-body .prm-text h3 span {
    font-size: 25px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-text h3 span {
    font-size: 6.25vw;
  }
}
.prm-body .prm-text h4 {
  margin: 0 0 20px;
  font-weight: 500;
  font-size: 32px;
  line-height: 1.25;
  color: #F5F5F6;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 1240px) {
  .prm-body .prm-text h4 {
    margin: 0 0 15px;
    gap: 15px;
    font-size: 25px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-text h4 {
    font-size: 6.25vw;
    gap: 4.6875vw;
    margin: 0 0 3.125vw;
  }
}
.prm-body .prm-text h4 span {
  font-weight: 400;
  display: block;
  margin: 0;
}
.prm-body .prm-text p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #F5F5F6;
  margin: 0;
}
@media (max-width: 1240px) {
  .prm-body .prm-text p {
    font-size: 14px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-text p {
    font-size: 3.8875vw;
  }
}
.prm-body .prm-text p + p {
  margin-top: 15px;
}
@media (max-width: 1240px) {
  .prm-body .prm-text p + p {
    margin-top: 11px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-text p + p {
    margin-top: 3vw;
  }
}
.prm-body .prm-text p b {
  font-weight: 500;
}
.prm-body .prm-text p strong {
  font-size: 22px;
  font-weight: normal;
}
@media (max-width: 1240px) {
  .prm-body .prm-text p strong {
    font-size: 17px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-text p strong {
    font-size: 5vw;
  }
}
.prm-body .prm-text .prm-green {
  color: #60EBD8 !important;
  font-style: normal;
}
.prm-body .prm-text .prm-orange {
  color: #FD7732 !important;
  font-style: normal;
}
.prm-body .prm-text .prm-gap0 {
  gap: 0;
  display: block;
}
.prm-body .prm-benefits {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 40px 20px;
  margin: 40px 0 0;
}
@media (max-width: 1240px) {
  .prm-body .prm-benefits {
    gap: 30px 16px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-benefits {
    gap: 4.6875vw;
    margin: 4.6875vw 0 0;
  }
}
.prm-body .prm-benefits.prm-horizontal {
  flex-direction: row;
}
@media (max-width: 760px) {
  .prm-body .prm-benefits.prm-horizontal {
    flex-direction: column;
  }
}
.prm-body .prm-benefits .prm-benefit {
  flex-grow: 1;
  flex-basis: 0;
}
.prm-body .prm-benefits .prm-benefit .prm-benefit-title {
  padding: 10px 20px;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.27;
  margin: 0 0 10px;
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 1240px) {
  .prm-body .prm-benefits .prm-benefit .prm-benefit-title {
    padding: 8px 15px;
    font-size: 17px;
    margin: 0 0 8px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-benefits .prm-benefit .prm-benefit-title {
    padding: 2.5vw 4.6875vw;
    font-size: 3.8875vw;
    margin: 0 0 3.125vw;
  }
}
.prm-body .prm-benefits .prm-benefit .prm-benefit-title.prm-white {
  background: #F5F5F6;
  color: #333333;
}
.prm-body .prm-benefits .prm-benefit .prm-benefit-title.prm-black {
  background: #333333;
  color: #F5F5F6;
}
.prm-body .prm-text-row {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 40px 0 0;
  gap: 40px;
}
@media (max-width: 1240px) {
  .prm-body .prm-text-row {
    gap: 30px;
    margin: 30px 0 0;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-text-row {
    gap: 20px;
    margin: 20px 0 0;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-text-row {
    gap: 4.6875vw 6.25vw;
    margin: 4.6875vw 0 0;
  }
}
.prm-body .prm-text-row .prm-text-col {
  width: calc(50% - 20px);
}
@media (max-width: 1240px) {
  .prm-body .prm-text-row .prm-text-col {
    width: calc(50% - 15px);
  }
}
@media (max-width: 999px) {
  .prm-body .prm-text-row .prm-text-col {
    width: calc(50% - 10px);
  }
}
@media (max-width: 760px) {
  .prm-body .prm-text-row .prm-text-col {
    width: calc(50% - 3.125vw);
  }
}
.prm-body .prm-text-row .prm-text-col p + p {
  margin-top: 3px;
}
@media (max-width: 760px) {
  .prm-body .prm-text-row .prm-text-col p + p {
    margin-top: 0.1vw;
  }
}
.prm-body .prm-block1 {
  height: 610px;
  background: url("../img/hot30/pic1.png") center no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block1 {
    height: 528px;
    background-size: auto 100%;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block1 {
    height: 423px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block1 {
    height: auto;
    background: black url("../img/hot30/m-pic1.png") center bottom no-repeat;
    background-size: 100% auto;
    padding: 9.375vw 0 83vw;
  }
}
.prm-body .prm-block1 ._container {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
@media (max-width: 999px) {
  .prm-body .prm-block1 .prm-text {
    max-width: 260px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block1 .prm-text {
    max-width: none;
    width: 100%;
  }
}
.prm-body .prm-block1 .prm-logo {
  display: block;
  margin: 0;
}
@media (max-width: 999px) {
  .prm-body .prm-block1 .prm-logo {
    max-width: 260px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block1 .prm-logo {
    max-width: none;
    width: 47.5vw;
    margin: auto;
  }
}
.prm-body .prm-block1 .prm-logo img {
  display: block;
  width: auto;
  max-width: 100%;
}
@media (max-width: 760px) {
  .prm-body .prm-block1 .prm-logo img {
    width: 100%;
  }
}
.prm-body .prm-block2 {
  padding: 20px 0 90px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block2 {
    padding: 15px 0 70px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block2 {
    padding: 9.375vw 0;
  }
}
.prm-body .prm-block2 .prm-image {
  display: block;
  margin: 0;
}
.prm-body .prm-block2 .prm-image img {
  display: block;
  width: 100%;
}
.prm-body .prm-video-btn-block {
  height: 800px;
  position: relative;
}
@media (max-width: 1240px) {
  .prm-body .prm-video-btn-block {
    height: 624px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-video-btn-block {
    height: 552px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-video-btn-block {
    height: 56.25vw;
  }
}
.prm-body .prm-video-btn-block video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.prm-body .prm-video-btn-block:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background: black;
  opacity: 0.3;
  z-index: 2;
}
.prm-body .prm-video-btn-block ._container {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 3;
}
.prm-body .prm-video-btn-block .prm-video-btn {
  display: inline-block;
  font-weight: 500;
  font-size: 22px;
  line-height: 0;
  border-radius: 3px;
  position: relative;
  padding: 0 44px;
  line-height: 55px;
}
@media (max-width: 1240px) {
  .prm-body .prm-video-btn-block .prm-video-btn {
    padding: 0 34px;
    line-height: 42px;
    font-size: 17px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-video-btn-block .prm-video-btn {
    font-size: 5vw;
    padding: 0 9.375vw;
    line-height: 13.75vw;
    border-radius: 1.5vw;
  }
}
.prm-body .prm-video-btn-block .prm-video-btn.prm-blue {
  background: #00FFE7;
  color: #333333;
}
.prm-body .prm-video-btn-block .prm-video-btn.prm-blue:hover {
  background: #71fff1;
}
.prm-body .prm-video-btn-block .prm-video-btn.prm-orange {
  background: #FFA849;
  color: #F5F5F6;
}
.prm-body .prm-video-btn-block .prm-video-btn.prm-orange:hover {
  background: #ffc17e;
}
.prm-body .prm-video-btn-block .prm-video-btn span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.prm-body .prm-video-btn-block .prm-video-btn span:before {
  content: "";
  display: block;
  width: calc(100% + 640px);
  height: calc(100% + 100px);
  border: 1px solid #F5F5F6;
  position: absolute;
  left: -321px;
  top: -51px;
  border-radius: 4px;
  animation: spread-2b3aee28 3s linear infinite;
}
@media (max-width: 760px) {
  .prm-body .prm-video-btn-block .prm-video-btn span:before {
    width: calc(100% + 60vw);
    height: calc(100% + 16vw);
    left: calc(-30vw - 1px);
    top: calc(-8vw - 1px);
  }
}
.prm-body .prm-video-btn-block .prm-video-btn span:nth-child(2):before {
  animation-delay: 1s;
}
.prm-body .prm-video-btn-block .prm-video-btn span:nth-child(3):before {
  animation-delay: 2s;
}
.prm-body .prm-block3 {
  height: 397px;
  background: url("../img/hot30/pic3.png") center no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block3 {
    height: 341px;
    background-size: auto 100%;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block3 {
    height: 276px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block3 {
    background: black url("../img/hot30/m-pic3.png") center no-repeat;
    background-size: 100% auto;
    height: 42vw;
    padding: 9.375vw 0;
  }
}
.prm-body .prm-block3 ._container {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.prm-body .prm-block4 {
  height: 876px;
  background: url("../img/hot30/pic4.png") center top no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block4 {
    height: 753px;
    background-size: auto 100%;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block4 {
    height: 613px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block4 {
    background: black url("../img/hot30/m-pic4.png") center bottom no-repeat;
    background-size: 100% auto;
    height: auto;
    padding: 0 0 126vw;
  }
}
.prm-body .prm-block4 .prm-text {
  max-width: 600px;
  padding-top: 150px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block4 .prm-text {
    padding-top: 117px;
    max-width: 468px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block4 .prm-text {
    max-width: 354px;
    padding-top: 0;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block4 .prm-text {
    max-width: none;
    padding: 0;
  }
}
.prm-body .prm-block5 {
  height: 807px;
  background: url("../img/hot30/pic5.png") center top no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block5 {
    height: 694px;
    background-size: auto 100%;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block5 {
    height: 564px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block5 {
    background: url("../img/hot30/m-pic5.png") center bottom no-repeat;
    background-size: 100% auto;
    height: auto;
    padding: 9.375vw 0 161vw;
  }
}
.prm-body .prm-block5 .prm-text {
  max-width: 600px;
  margin-left: auto;
  padding-top: 178px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block5 .prm-text {
    max-width: 468px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block5 .prm-text {
    max-width: 354px;
    padding-top: 100px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block5 .prm-text {
    max-width: none;
    padding: 0;
  }
}
.prm-body .prm-block5 .prm-text * {
  color: #333333;
}
.prm-body .prm-block6 {
  height: 789px;
  background: url("../img/hot30/pic6.png") center top no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block6 {
    height: 678px;
    background-size: auto 100%;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block6 {
    height: 552px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block6 {
    background: url("../img/hot30/m-pic6.png") center bottom no-repeat;
    background-size: 100% auto;
    height: auto;
    padding: 9.375vw 0 96vw;
  }
}
.prm-body .prm-block6 .prm-text {
  max-width: 600px;
  padding-top: 299px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block6 .prm-text {
    max-width: 468px;
    padding-top: 233px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block6 .prm-text {
    max-width: 354px;
    padding-top: 176px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block6 .prm-text {
    max-width: none;
    padding: 0;
  }
}
.prm-body .prm-block6 .prm-text * {
  color: #333333;
}
.prm-body .prm-block7 {
  height: 1094px;
  background: url("../img/hot30/pic7.png") center top no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block7 {
    height: 940px;
    background-size: auto 100%;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block7 {
    height: 765px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block7 {
    background: url("../img/hot30/m-pic7.png") center bottom no-repeat;
    background-size: 100% auto;
    height: auto;
    padding: 9.375vw 0 96vw;
  }
}
.prm-body .prm-block7 .prm-text {
  max-width: 600px;
  padding-top: 96px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block7 .prm-text {
    max-width: 468px;
    padding-top: 70px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block7 .prm-text {
    max-width: 354px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block7 .prm-text {
    max-width: none;
    padding: 0;
  }
}
.prm-body .prm-block7 .prm-text * {
  color: #333333;
}
.prm-body .prm-block8 {
  margin-top: -89px;
  height: 725px;
  background: url("../img/hot30/pic8.png") center top no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block8 {
    height: 623px;
    margin-top: -88px;
    background-size: auto 100%;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block8 {
    height: 507px;
    background-size: auto 100%;
    margin-top: -62px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block8 {
    background: black url("../img/hot30/m-pic8.png") center bottom no-repeat;
    background-size: 100% auto;
    height: auto;
    padding: 0 0 14.65vw;
    margin: 0;
  }
}
.prm-body .prm-block8 .prm-text {
  max-width: 600px;
  padding-top: 278px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block8 .prm-text {
    max-width: 468px;
    padding-top: 216px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block8 .prm-text {
    max-width: 295px;
    padding-top: 200px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block8 .prm-text {
    max-width: 28vw;
    padding: 0;
  }
}
.prm-body .prm-block8 .prm-text * {
  color: #F5F5F6;
}
@media (max-width: 760px) {
  .prm-body .prm-block8 .prm-text * {
    font-size: 3.8875vw;
  }
}
.prm-body .prm-block9 {
  height: 1099px;
  margin-top: -1px;
  background: url("../img/hot30/pic9.png") center top no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block9 {
    height: 945px;
    background-size: auto 100%;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block9 {
    height: 769px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block9 {
    background: black url("../img/hot30/m-pic9.png") center top no-repeat;
    background-size: 100% auto;
    height: auto;
    padding: 95vw 0 9.375vw;
  }
}
.prm-body .prm-block9 .prm-text {
  max-width: 600px;
  padding-top: 612px;
  margin-left: auto;
}
@media (max-width: 1240px) {
  .prm-body .prm-block9 .prm-text {
    max-width: 468px;
    padding-top: 477px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block9 .prm-text {
    max-width: 354px;
    padding-top: 370px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block9 .prm-text {
    max-width: none;
    padding: 0;
  }
}
.prm-body .prm-block9 .prm-text * {
  color: #F5F5F6;
}
.prm-body .prm-block10 {
  padding: 90px 0 0;
  background: black;
}
@media (max-width: 1240px) {
  .prm-body .prm-block10 {
    padding: 70px 0 0;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block10 {
    padding: 0;
  }
}
.prm-body .prm-block10 .prm-top .prm-text {
  max-width: 812px;
  text-align: center;
  margin: auto;
  padding: 0 0 20px;
}
@media (max-width: 760px) {
  .prm-body .prm-block10 .prm-top .prm-text {
    max-width: none;
    padding: 9.375vw 0 4.6875vw;
    text-align: left;
  }
}
.prm-body .prm-block10 .prm-bottom {
  height: 859px;
  background: url("../img/hot30/pic10.png") center no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block10 .prm-bottom {
    height: 738px;
    background-size: auto 100%;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block10 .prm-bottom {
    height: 601px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block10 .prm-bottom {
    height: auto;
    background: url("../img/hot30/m-pic10.png") center top no-repeat;
    background-size: 100% auto;
    padding: 65vw 0 9.375vw;
  }
}
.prm-body .prm-block10 .prm-bottom .prm-benefits {
  margin: 0;
  padding: 265px 0 0;
}
@media (max-width: 1240px) {
  .prm-body .prm-block10 .prm-bottom .prm-benefits {
    padding: 227px 0 0;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block10 .prm-bottom .prm-benefits {
    padding: 180px 0 0;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block10 .prm-bottom .prm-benefits {
    padding: 0;
  }
}
.prm-body .prm-block10 .prm-bottom .prm-benefits * {
  color: #F5F5F6;
}
.prm-body .prm-block11 {
  height: 654px;
  background: black url("../img/hot30/pic11.png") center top no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block11 {
    height: 562px;
    background-size: auto 100%;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block11 {
    height: 457px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block11 {
    height: auto;
    background: black url("../img/hot30/m-pic11.png") center bottom no-repeat;
    background-size: 100% auto;
    padding: 9.375vw 0 77vw;
  }
}
.prm-body .prm-block11 .prm-text {
  max-width: 600px;
  padding-top: 400px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block11 .prm-text {
    max-width: 468px;
    padding-top: 312px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block11 .prm-text {
    max-width: 364px;
    padding-top: 280px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block11 .prm-text {
    max-width: none;
    padding: 0;
  }
}
.prm-body .prm-block11 .prm-text * {
  color: #F5F5F6;
}
.prm-body .prm-block11 .prm-text h4 {
  display: block;
}
.prm-body .prm-block12 {
  height: 789px;
  background: black url("../img/hot30/pic12.png") center bottom no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block12 {
    height: 678px;
    background-size: auto 100%;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block12 {
    height: 552px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block12 {
    height: auto;
    background: black url("../img/hot30/m-pic12.png") center bottom no-repeat;
    background-size: 100% auto;
    padding: 0vw 0 77vw;
  }
}
.prm-body .prm-block12 .prm-text {
  max-width: 396px;
  padding-top: 200px;
  margin-left: auto;
}
@media (max-width: 1240px) {
  .prm-body .prm-block12 .prm-text {
    max-width: 308px;
    padding-top: 156px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block12 .prm-text {
    max-width: 303px;
    padding-top: 200px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block12 .prm-text {
    max-width: none;
    padding: 0;
  }
}
.prm-body .prm-block12 .prm-text * {
  color: #F5F5F6;
}
.prm-body .prm-block12 .prm-text h4 {
  display: block;
}
.prm-body .prm-block13 {
  padding: 90px 0;
  background-color: black;
}
@media (max-width: 1240px) {
  .prm-body .prm-block13 {
    padding: 70px 0;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block13 {
    padding: 9.375vw 0;
  }
}
.prm-body .prm-block13 .prm-image {
  display: block;
  margin: 0;
}
.prm-body .prm-block13 .prm-image img {
  display: block;
  width: 100%;
}
.prm-body .prm-block14 {
  height: 695px;
  background: black url("../img/hot30/pic14.png") center top no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block14 {
    height: 597px;
    background-size: auto 100%;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block14 {
    height: 650px;
    background-position: center bottom;
    background-size: auto 486px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block14 {
    height: auto;
    background: black url("../img/hot30/m-pic14.png") left bottom no-repeat;
    background-size: calc(100% - 4.6875vw) auto;
    padding: 9.375vw 0 100vw;
  }
}
.prm-body .prm-block14 .prm-text {
  max-width: 600px;
  padding-top: 45px;
  margin-left: auto;
}
@media (max-width: 1240px) {
  .prm-body .prm-block14 .prm-text {
    max-width: 468px;
    padding-top: 35px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block14 .prm-text {
    max-width: 364px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block14 .prm-text {
    max-width: none;
    padding: 0;
  }
}
.prm-body .prm-block14 .prm-text * {
  color: #F5F5F6;
}
.prm-body .prm-block15 {
  padding: 90px 0;
  background-color: black;
}
@media (max-width: 1240px) {
  .prm-body .prm-block15 {
    padding: 70px 0;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block15 {
    padding: 9.375vw 0;
  }
}
.prm-body .prm-block15 .prm-image {
  display: block;
  margin: 0;
}
.prm-body .prm-block15 .prm-image img {
  display: block;
  width: 100%;
}
.prm-body .prm-block16 {
  background-color: black;
}
.prm-body .prm-block16 .prm-text {
  max-width: 600px;
  margin: 0 auto 40px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block16 .prm-text {
    max-width: 468px;
    margin: 0 auto 30px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block16 .prm-text {
    max-width: none;
    margin: 0 auto 4.6875vw;
  }
}
.prm-body .prm-block16 .prm-text h4 {
  display: block;
}
.prm-body .prm-block16 .prm-image {
  display: block;
  margin: 0 auto;
  max-width: 812px;
}
.prm-body .prm-block16 .prm-image img {
  display: block;
  width: 100%;
}
.prm-body .prm-block17 {
  height: 956px;
  background: black url("../img/hot30/pic17.png") center bottom no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block17 {
    height: 822px;
    background-size: auto 659px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block17 {
    height: auto;
    background: black url("../img/hot30/m-pic17.png") center bottom no-repeat;
    background-size: 100% auto;
    padding: 9.375vw 0 59vw;
  }
}
.prm-body .prm-block17 .prm-text {
  max-width: 600px;
  padding-top: 90px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block17 .prm-text {
    max-width: 468px;
    padding-top: 70px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block17 .prm-text {
    max-width: none;
    padding: 0;
  }
}
.prm-body .prm-block17 .prm-text * {
  color: #F5F5F6;
}
.prm-body .prm-block18 {
  padding: 90px 0 0;
  background: black;
}
@media (max-width: 1240px) {
  .prm-body .prm-block18 {
    padding: 70px 0;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block18 {
    padding: 9.375vw 0;
  }
}
.prm-body .prm-block18 .prm-text {
  text-align: center;
}
.prm-body .prm-block18 .prm-text * {
  color: #F5F5F6;
}
.prm-body .prm-block18 .prm-image {
  display: block;
  margin: 0;
}
.prm-body .prm-block18 .prm-image img {
  display: block;
  width: 100%;
}
.prm-body .prm-block19 {
  height: 1838px;
  background: black url("../img/hot30/pic19.png") center bottom no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block19 {
    height: 1580px;
    background-size: auto 1400px;
  }
}
@media (max-width: 1240px) {
  .prm-body .prm-block19 {
    height: 1357px;
    background-size: auto 1139px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block19 {
    height: auto;
    background: black url("../img/hot30/m-pic19.png") center bottom 9vw no-repeat;
    background-size: 100% auto;
    padding: 9.375vw 0 182vw;
  }
}
.prm-body .prm-block19 .prm-text {
  max-width: 396px;
  margin-left: auto;
  padding-top: 90px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block19 .prm-text {
    padding-top: 70px;
    max-width: 308px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block19 .prm-text {
    padding: 0;
    max-width: none;
  }
}
.prm-body .prm-block19 .prm-text * {
  color: #F5F5F6;
}
.prm-body .prm-block20 {
  height: 810px;
  background: url("../img/hot30/pic20.png") center no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block20 {
    height: 696px;
    background-size: auto 100%;
  }
}
@media (max-width: 1240px) {
  .prm-body .prm-block20 {
    height: 567px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block20 {
    height: auto;
    background: url("../img/hot30/m-pic20.png") center no-repeat;
    background-size: 100% auto;
    padding: 56vw 0 0;
  }
}
.prm-body .prm-block21 {
  padding: 90px 0;
}
@media (max-width: 1240px) {
  .prm-body .prm-block21 {
    padding: 70px 0;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block21 {
    padding: 9.375vw 0;
  }
}
.prm-body .prm-block21 .prm-text {
  max-width: 600px;
  margin: 0 0 40px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block21 .prm-text {
    max-width: 468px;
    margin: 0 0 30px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block21 .prm-text {
    max-width: none;
    margin: 0 0 4.6875vw;
  }
}
.prm-body .prm-block21 .prm-text * {
  color: #333333;
}
.prm-body .prm-block21 .prm-image {
  display: block;
  margin: 0;
}
@media (max-width: 760px) {
  .prm-body .prm-block21 .prm-image {
    margin: 0 -4.6875vw;
  }
}
.prm-body .prm-block21 .prm-image img {
  display: block;
  width: 100%;
}
.prm-body .prm-block22 {
  padding: 0;
}
.prm-body .prm-block22 ._container {
  position: relative;
}
.prm-body .prm-block22 .prm-text {
  max-width: 600px;
  margin: 0;
  position: absolute;
  left: 90px;
  top: 90px;
  z-index: 2;
}
@media (max-width: 1240px) {
  .prm-body .prm-block22 .prm-text {
    left: 70px;
    top: 70px;
    max-width: 468px;
  }
}
@media (max-width: 1240px) {
  .prm-body .prm-block22 .prm-text {
    max-width: 364px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block22 .prm-text {
    max-width: none;
    position: static;
    margin: 0 0 4.6875vw;
  }
  .prm-body .prm-block22 .prm-text * {
    color: #333333;
  }
}
.prm-body .prm-block22 .prm-image {
  display: block;
  margin: 0;
}
.prm-body .prm-block22 .prm-image img {
  display: block;
  width: 100%;
}
.prm-body .prm-block23 {
  height: 689px;
  background: url("../img/hot30/pic23.png") center bottom no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block23 {
    height: 592px;
    background-size: auto 100%;
  }
}
@media (max-width: 1240px) {
  .prm-body .prm-block23 {
    height: 482px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block23 {
    background: url("../img/hot30/m-pic23.png") center bottom no-repeat;
    background-size: 103% auto;
    height: auto;
    padding: 9.375vw 0 64vw;
  }
}
.prm-body .prm-block23 .prm-text {
  max-width: 600px;
  margin-left: 90px;
  padding-top: 90px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block23 .prm-text {
    margin-left: 70px;
    padding-top: 70px;
    max-width: 468px;
  }
}
@media (max-width: 1240px) {
  .prm-body .prm-block23 .prm-text {
    max-width: 364px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block23 .prm-text {
    max-width: none;
    padding: 0;
    margin: 0;
  }
}
.prm-body .prm-block23 .prm-text * {
  color: #333333;
}
.prm-body .prm-block24 {
  margin: 90px 0 0;
}
@media (max-width: 1240px) {
  .prm-body .prm-block24 {
    margin: 70px 0 0;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block24 {
    padding: 9.375vw 0;
    margin: 0;
  }
}
.prm-body .prm-block24 ._container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 760px) {
  .prm-body .prm-block24 ._container {
    display: block;
  }
}
.prm-body .prm-block24 ._container .prm-image {
  display: block;
  width: 50%;
}
@media (max-width: 999px) {
  .prm-body .prm-block24 ._container .prm-image {
    width: calc(50% - 20px);
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block24 ._container .prm-image {
    width: auto;
  }
}
.prm-body .prm-block24 ._container .prm-image img {
  display: block;
  width: 100%;
}
.prm-body .prm-block24 ._container .prm-text {
  width: calc(50% - 60px);
}
@media (max-width: 1240px) {
  .prm-body .prm-block24 ._container .prm-text {
    width: calc(50% - 40px);
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block24 ._container .prm-text {
    width: calc(50% - 20px);
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block24 ._container .prm-text {
    width: auto;
  }
}
.prm-body .prm-block24 ._container .prm-text .prm-logo {
  display: block;
  margin: 0 0 60px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block24 ._container .prm-text .prm-logo {
    margin: 0 0 40px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block24 ._container .prm-text .prm-logo {
    margin: 0 0 20px;
    max-width: 180px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block24 ._container .prm-text .prm-logo {
    margin: 4.6875vw auto;
    max-width: none;
    width: 40vw;
  }
}
.prm-body .prm-block24 ._container .prm-text .prm-logo img {
  display: block;
  width: auto;
  max-width: 100%;
}
@media (max-width: 760px) {
  .prm-body .prm-block24 ._container .prm-text .prm-logo img {
    width: 100%;
  }
}
.prm-body .prm-block24 ._container .prm-text * {
  color: #333333;
}
.prm-body .prm-block-disclaimer {
  padding: 90px 0;
}
@media (max-width: 1240px) {
  .prm-body .prm-block-disclaimer {
    padding: 70px 0;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block-disclaimer {
    padding: 9.375vw 0;
  }
}
.prm-body .prm-block-disclaimer ._container {
  max-width: 812px;
}
.prm-body .prm-block-disclaimer ul {
  margin-top: 15px;
  padding: 0;
  list-style: none;
  counter-reset: section;
}
@media (max-width: 760px) {
  .prm-body .prm-block-disclaimer ul {
    margin-top: 4.6875vw;
  }
}
.prm-body .prm-block-disclaimer ul li {
  padding-left: 20px;
  position: relative;
  font-size: 14px;
  line-height: 1.4;
}
@media (max-width: 1240px) {
  .prm-body .prm-block-disclaimer ul li {
    font-size: 12px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block-disclaimer ul li {
    font-size: 3.75vw;
    padding-left: 7.5vw;
  }
}
.prm-body .prm-block-disclaimer ul li:before {
  counter-increment: section;
  content: "[" counter(section) "]";
  position: absolute;
  left: 0;
  top: 0;
}
.prm-body .prm-block1i {
  height: 779px;
  background: url("../img/hot30i/pic1.png") center no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block1i {
    height: 669px;
    background-size: auto 100%;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block1i {
    height: 545px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block1i {
    height: auto;
    background: white url("../img/hot30i/m-pic1.png") center bottom no-repeat;
    background-size: 100% auto;
    padding: 9.375vw 0 99vw;
  }
}
.prm-body .prm-block1i ._container {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.prm-body .prm-block1i .prm-text * {
  color: #333333;
}
@media (max-width: 1240px) {
  .prm-body .prm-block1i .prm-text {
    max-width: 300px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block1i .prm-text {
    max-width: 260px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block1i .prm-text {
    max-width: none;
    width: 100%;
  }
}
.prm-body .prm-block1i .prm-logo {
  display: block;
  margin: 0;
}
@media (max-width: 999px) {
  .prm-body .prm-block1i .prm-logo {
    max-width: 260px;
    padding-top: 50px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block1i .prm-logo {
    max-width: none;
    width: 47.5vw;
    margin: auto;
    padding-top: 0;
  }
}
.prm-body .prm-block1i .prm-logo img {
  display: block;
  width: auto;
  max-width: 100%;
}
@media (max-width: 760px) {
  .prm-body .prm-block1i .prm-logo img {
    width: 100%;
  }
}
.prm-body .prm-block2i {
  padding: 90px 0;
}
@media (max-width: 1240px) {
  .prm-body .prm-block2i {
    padding: 70px 0;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block2i {
    padding: 9.375vw 0;
  }
}
.prm-body .prm-block2i .prm-image {
  display: block;
  margin: 0;
}
.prm-body .prm-block2i .prm-image img {
  display: block;
  width: 100%;
}
.prm-body .prm-block3i {
  height: 397px;
  background: black url("../img/hot30i/pic3.png") center no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block3i {
    height: 341px;
    background-size: auto 100%;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block3i {
    height: 276px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block3i {
    background: black url("../img/hot30i/m-pic3.png") center no-repeat;
    background-size: 100% auto;
    height: 42vw;
    padding: 9.375vw 0;
  }
}
.prm-body .prm-block3i ._container {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.prm-body .prm-block4i {
  height: 800px;
  background: black url("../img/hot30i/pic4.png") center bottom no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block4i {
    height: 688px;
    background-size: auto 100%;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block4i {
    height: 560px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block4i {
    height: auto;
    background: black url("../img/hot30i/m-pic4.png") center bottom no-repeat;
    background-size: 100% auto;
    padding: 0vw 0 88vw;
  }
}
.prm-body .prm-block4i .prm-text {
  max-width: 600px;
  padding-top: 340px;
  margin-left: auto;
}
@media (max-width: 1240px) {
  .prm-body .prm-block4i .prm-text {
    max-width: 464px;
    padding-top: 290px;
  }
}
@media (max-width: 1240px) {
  .prm-body .prm-block4i .prm-text {
    max-width: 354px;
    padding-top: 220px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block4i .prm-text {
    max-width: none;
    padding: 0;
  }
}
.prm-body .prm-block4i .prm-text * {
  color: #F5F5F6;
}
.prm-body .prm-block4i .prm-text h4 {
  display: block;
}
.prm-body .prm-block5i {
  padding: 90px 0 184px;
  background: black url("../img/hot30i/pic5bg.png") left bottom no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block5i {
    padding: 70px 0;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block5i {
    background: black;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block5i {
    padding: 9.375vw 0;
  }
}
.prm-body .prm-block5i .prm-image {
  display: block;
  margin: 0;
}
.prm-body .prm-block5i .prm-image img {
  display: block;
  width: 100%;
}
.prm-body .prm-block6i {
  height: 802px;
  background: black url("../img/hot30i/pic6.png") center bottom no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block6i {
    height: 689px;
    background-size: auto 607px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block6i {
    height: 647px;
    background-size: auto 494px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block6i {
    height: auto;
    background: black url("../img/hot30i/m-pic6.png") center bottom no-repeat;
    background-size: 100% auto;
    padding: 9.375vw 0 73vw;
  }
}
.prm-body .prm-block6i .prm-text {
  max-width: 600px;
  padding-top: 90px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block6i .prm-text {
    max-width: 468px;
    padding-top: 70px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block6i .prm-text {
    max-width: 468px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block6i .prm-text {
    max-width: none;
    padding: 0;
  }
}
.prm-body .prm-block6i .prm-text * {
  color: #F5F5F6;
}
.prm-body .prm-block7i {
  height: 836px;
  background: black url("../img/hot30i/pic6.png") center bottom no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block7i {
    height: 726px;
    background-size: auto 607px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block7i {
    height: 701px;
    background-size: auto 494px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block7i {
    height: auto;
    background: black;
    background-size: 100% auto;
    padding: 9.375vw 0 9.375vw;
  }
}
.prm-body .prm-block7i .prm-text {
  max-width: 600px;
  padding-top: 90px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block7i .prm-text {
    max-width: 468px;
    padding-top: 70px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block7i .prm-text {
    max-width: 468px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block7i .prm-text {
    max-width: none;
    padding: 0;
  }
}
.prm-body .prm-block7i .prm-text * {
  color: #F5F5F6;
}
.prm-body .prm-block7i .prm-text .prm-benefits {
  max-width: 393px;
}
.prm-body .prm-block8i {
  height: 1645px;
  background: black url("../img/hot30i/pic8.png") center bottom no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block8i {
    height: 1414px;
    background-size: auto 100%;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block8i {
    height: auto;
    background: black url("../img/hot30i/m-pic8.png") center bottom no-repeat;
    background-size: 100% auto;
    padding: 9.375vw 0 110vw;
  }
}
.prm-body .prm-block8i .prm-text.prm-text1 {
  margin-left: auto;
  padding-top: 180px;
  max-width: 600px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block8i .prm-text.prm-text1 {
    max-width: 468px;
    padding-top: 220px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block8i .prm-text.prm-text1 {
    max-width: 354px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block8i .prm-text.prm-text1 {
    max-width: none;
    padding: 0;
  }
}
.prm-body .prm-block8i .prm-text.prm-text2 {
  padding-top: 550px;
  max-width: 538px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block8i .prm-text.prm-text2 {
    max-width: 420px;
    padding-top: 380px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block8i .prm-text.prm-text2 {
    max-width: 320px;
    padding-top: 324px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block8i .prm-text.prm-text2 {
    max-width: none;
    padding: 0;
  }
}
.prm-body .prm-block8i .prm-text.prm-text2 .prm-text-row {
  gap: 20px;
  max-width: 396px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block8i .prm-text.prm-text2 .prm-text-row {
    max-width: 308px;
    gap: 16px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block8i .prm-text.prm-text2 .prm-text-row {
    max-width: 260px;
    gap: 10px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block8i .prm-text.prm-text2 .prm-text-row {
    max-width: none;
    gap: 4.6875vw 6.25vw;
  }
}
.prm-body .prm-block8i .prm-text.prm-text2 .prm-text-row .prm-text-col {
  width: calc(50% - 10px);
}
@media (max-width: 1240px) {
  .prm-body .prm-block8i .prm-text.prm-text2 .prm-text-row .prm-text-col {
    width: calc(50% - 8px);
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block8i .prm-text.prm-text2 .prm-text-row .prm-text-col {
    width: calc(50% - 5px);
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block8i .prm-text.prm-text2 .prm-text-row .prm-text-col {
    width: calc(50% - 3.125vw);
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block8i .prm-text.prm-text2 .prm-text-row .prm-text-col p {
    font-size: 12px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block8i .prm-text.prm-text2 .prm-text-row .prm-text-col p {
    font-size: 3.8875vw;
  }
}
.prm-body .prm-block8i .prm-text * {
  color: #F5F5F6;
}
.prm-body .prm-block9i {
  height: 578px;
  background: url("../img/hot30i/pic9.png") center bottom no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block9i {
    height: 497px;
    background-size: auto 100%;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block9i {
    height: 404px;
    background-size: auto 100%;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block9i {
    height: auto;
    background: white url("../img/hot30i/m-pic9.png") center bottom no-repeat;
    background-size: 100% auto;
    padding: 9.375vw 0 100vw;
  }
}
.prm-body .prm-block9i .prm-text {
  max-width: 600px;
  padding-top: 90px;
  margin-left: auto;
}
@media (max-width: 1240px) {
  .prm-body .prm-block9i .prm-text {
    max-width: 468px;
    padding-top: 70px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block9i .prm-text {
    padding-top: 50px;
    max-width: 450px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block9i .prm-text {
    max-width: none;
    padding: 0;
  }
}
.prm-body .prm-block9i .prm-text * {
  color: #333333;
}
.prm-body .prm-block10i {
  background: black url("../img/hot30i/pic10.png") center bottom no-repeat;
  height: 500px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block10i {
    height: 418px;
    background-size: auto 271px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block10i {
    height: 381px;
    background-size: auto 221px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block10i {
    height: auto;
    padding: 9.375vw 0 33vw;
    background: black url("../img/hot30i/m-pic10.png") center bottom no-repeat;
    background-size: 100% auto;
  }
}
.prm-body .prm-block10i .prm-text.prm-text1 {
  max-width: 396px;
  margin: 0 auto 90px;
  text-align: center;
  padding-top: 90px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block10i .prm-text.prm-text1 {
    padding-top: 70px;
    margin: 0 auto 70px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block10i .prm-text.prm-text1 {
    margin: 0 auto 9.375vw;
    padding: 0;
  }
}
.prm-body .prm-block10i .prm-text.prm-text2 {
  max-width: 390px;
  margin-left: auto;
}
@media (max-width: 1240px) {
  .prm-body .prm-block10i .prm-text.prm-text2 {
    max-width: 280px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block10i .prm-text.prm-text2 {
    max-width: 200px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block10i .prm-text.prm-text2 {
    max-width: none;
  }
}
.prm-body .prm-block11i {
  background: black url("../img/hot30i/pic11.png") center bottom no-repeat;
  height: 316px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block11i {
    height: 263px;
    background-size: auto 271px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block11i {
    height: 223px;
    background-size: auto 221px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block11i {
    height: auto;
    padding: 9.375vw 0 33vw;
    background: black url("../img/hot30i/m-pic11.png") center bottom no-repeat;
    background-size: 100% auto;
  }
}
.prm-body .prm-block11i .prm-text {
  max-width: 390px;
  padding-top: 96px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block11i .prm-text {
    max-width: 280px;
    padding-top: 70px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block11i .prm-text {
    max-width: 200px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block11i .prm-text {
    max-width: none;
    padding: 0;
  }
}
.prm-body .prm-block12i {
  background: black url("../img/hot30i/pic12.png") center bottom no-repeat;
  height: 370px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block12i {
    height: 309px;
    background-size: auto 318px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block12i {
    height: 264px;
    background-size: auto 259px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block12i {
    height: auto;
    padding: 9.375vw 0 38vw;
    background: black url("../img/hot30i/m-pic12.png") center bottom no-repeat;
    background-size: 100% auto;
  }
}
.prm-body .prm-block12i .prm-text {
  max-width: 390px;
  padding-top: 96px;
  margin-left: auto;
}
@media (max-width: 1240px) {
  .prm-body .prm-block12i .prm-text {
    max-width: 280px;
    padding-top: 70px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block12i .prm-text {
    max-width: 200px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block12i .prm-text {
    max-width: none;
    padding: 0;
  }
}
.prm-body .prm-block13i {
  background: black url("../img/hot30i/pic13.png") center bottom no-repeat;
  height: 906px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block13i {
    background-size: auto 701px;
    height: 779px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block13i {
    background-size: auto 571px;
    height: 685px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block13i {
    height: auto;
    padding: 9.375vw 0 95vw;
    background: black url("../img/hot30i/m-pic13.png") center bottom no-repeat;
    background-size: 100% auto;
  }
}
.prm-body .prm-block13i .prm-text {
  max-width: 600px;
  padding-top: 90px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block13i .prm-text {
    padding-top: 70px;
    max-width: 468px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block13i .prm-text {
    padding: 0;
    max-width: none;
  }
}
.prm-body .prm-block14i {
  background: black url("../img/hot30i/pic14.png") center bottom no-repeat;
  height: 1000px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block14i {
    height: 860px;
    background-size: cover;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block14i {
    height: 700px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block14i {
    padding: 9.375vw 0;
    height: auto;
    background: black;
  }
}
.prm-body .prm-block14i .prm-text {
  padding-top: 90px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block14i .prm-text {
    padding-top: 70px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block14i .prm-text {
    padding-top: 0;
  }
}
.prm-body .prm-block14i .prm-performance-row {
  display: flex;
  flex-direction: column;
  gap: 60px;
  margin-top: 170px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block14i .prm-performance-row {
    gap: 40px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block14i .prm-performance-row {
    gap: 30px;
    margin-top: 140px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block14i .prm-performance-row {
    gap: 6.25vw;
    margin-top: 6.25vw;
  }
}
.prm-body .prm-block14i .prm-performance-row .prm-performance .prm-performance-title {
  font-weight: 400;
  font-size: 32px;
  line-height: 1.25;
  color: #F5F5F6;
  margin: 0 0 20px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block14i .prm-performance-row .prm-performance .prm-performance-title {
    font-size: 25px;
    margin: 0 0 15px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block14i .prm-performance-row .prm-performance .prm-performance-title {
    margin: 0 0 10px;
    font-size: 18px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block14i .prm-performance-row .prm-performance .prm-performance-title {
    font-size: 3.8875vw;
    margin: 0 0 3vw;
  }
}
.prm-body .prm-block14i .prm-performance-row .prm-performance .prm-performance-line-block {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.prm-body .prm-block14i .prm-performance-row .prm-performance .prm-performance-line-block .prm-performance-line {
  background: #C6C6C6;
  border-radius: 24px;
  height: 24px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block14i .prm-performance-row .prm-performance .prm-performance-line-block .prm-performance-line {
    height: 18px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block14i .prm-performance-row .prm-performance .prm-performance-line-block .prm-performance-line {
    height: 16px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block14i .prm-performance-row .prm-performance .prm-performance-line-block .prm-performance-line {
    height: 5vw;
    border-radius: 5vw;
  }
}
.prm-body .prm-block14i .prm-performance-row .prm-performance .prm-performance-line-block .prm-performance-line.prm-blue {
  width: 912px;
  background: linear-gradient(90deg, #D8ECFF 0%, #2B95FF 100%);
}
@media (max-width: 1240px) {
  .prm-body .prm-block14i .prm-performance-row .prm-performance .prm-performance-line-block .prm-performance-line.prm-blue {
    width: 711px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block14i .prm-performance-row .prm-performance .prm-performance-line-block .prm-performance-line.prm-blue {
    width: 538px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block14i .prm-performance-row .prm-performance .prm-performance-line-block .prm-performance-line.prm-blue {
    width: 55.93vw;
  }
}
.prm-body .prm-block14i .prm-performance-row .prm-performance .prm-performance-line-block .prm-performance-line.prm-white {
  width: 646px;
  background: #C6C6C6;
}
@media (max-width: 1240px) {
  .prm-body .prm-block14i .prm-performance-row .prm-performance .prm-performance-line-block .prm-performance-line.prm-white {
    width: 499px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block14i .prm-performance-row .prm-performance .prm-performance-line-block .prm-performance-line.prm-white {
    width: 381px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block14i .prm-performance-row .prm-performance .prm-performance-line-block .prm-performance-line.prm-white {
    width: 45vw;
  }
}
.prm-body .prm-block14i .prm-performance-row .prm-performance .prm-performance-line-block .prm-performance-line-result {
  padding-left: 36px;
  font-size: 32px;
  line-height: 1;
  color: #F5F5F6;
  font-weight: 500;
}
@media (max-width: 1240px) {
  .prm-body .prm-block14i .prm-performance-row .prm-performance .prm-performance-line-block .prm-performance-line-result {
    font-size: 25px;
    padding-left: 25px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block14i .prm-performance-row .prm-performance .prm-performance-line-block .prm-performance-line-result {
    font-size: 18px;
    padding-left: 18px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block14i .prm-performance-row .prm-performance .prm-performance-line-block .prm-performance-line-result {
    font-size: 6.25vw;
    padding-left: 4.6875vw;
  }
}
.prm-body .prm-block15i {
  height: 945px;
  background: url("../img/hot30i/pic15.png") center top no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block15i {
    height: 812px;
    background-size: auto 100%;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block15i {
    height: 661px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block15i {
    background: black url("../img/hot30i/m-pic15.png") center top no-repeat;
    background-size: 100% auto;
    height: auto;
    padding: 96vw 0 9.375vw;
  }
}
.prm-body .prm-block15i .prm-text {
  max-width: 600px;
  padding-top: 96px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block15i .prm-text {
    max-width: 468px;
    padding-top: 70px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block15i .prm-text {
    max-width: 354px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block15i .prm-text {
    max-width: none;
    padding: 0;
  }
}
.prm-body .prm-block15i .prm-text * {
  color: #333333;
}
@media (max-width: 760px) {
  .prm-body .prm-block15i .prm-text * {
    color: #F5F5F6;
  }
}
.prm-body .prm-block16i {
  height: 753px;
  background: black url("../img/hot30i/pic16.png") center top no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block16i {
    height: 647px;
    background-size: auto 560px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block16i {
    height: 527px;
    background-size: auto 456px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block16i {
    background: black url("../img/hot30i/m-pic16.png") center bottom no-repeat;
    background-size: 100% auto;
    height: auto;
    padding: 9.375vw 0 116vw;
  }
}
.prm-body .prm-block16i .prm-text {
  max-width: 600px;
  padding-top: 166px;
  margin-left: auto;
}
@media (max-width: 1240px) {
  .prm-body .prm-block16i .prm-text {
    max-width: 468px;
    padding-top: 90px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block16i .prm-text {
    max-width: 354px;
    padding-top: 50px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block16i .prm-text {
    max-width: none;
    padding: 0;
  }
}
.prm-body .prm-block16i .prm-text * {
  color: #F5F5F6;
}
.prm-body .prm-block17i {
  height: 743px;
  background: black url("../img/hot30i/pic17.png") center top no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block17i {
    height: 638px;
    background-size: auto 100%;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block17i {
    height: 600px;
    background: black url("../img/hot30i/t-pic17.png") center bottom no-repeat;
    background-size: auto 570px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block17i {
    background: black;
    background-size: 100% auto;
    height: auto;
    padding: 9.375vw 0 0;
  }
}
.prm-body .prm-block17i .prm-text {
  padding-top: 90px;
  margin-left: auto;
}
@media (max-width: 1240px) {
  .prm-body .prm-block17i .prm-text {
    padding-top: 70px;
  }
}
@media (max-width: 1240px) {
  .prm-body .prm-block17i .prm-text {
    padding-top: 70px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block17i .prm-text {
    padding-top: 0;
  }
}
.prm-body .prm-block17i .prm-text .prm-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 760px) {
  .prm-body .prm-block17i .prm-text .prm-row {
    display: block;
  }
}
.prm-body .prm-block17i .prm-text .prm-row .prm-col {
  width: calc(50% - 10px);
}
@media (max-width: 760px) {
  .prm-body .prm-block17i .prm-text .prm-row .prm-col {
    width: 100%;
  }
}
.prm-body .prm-block17i .prm-text * {
  color: #F5F5F6;
}
.prm-body .prm-block18i {
  height: 866px;
  background: black url("../img/hot30i/pic18.png") center top no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block18i {
    height: 744px;
    background-size: auto 100%;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block18i {
    height: 606px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block18i {
    background: black url("../img/hot30i/m-pic18.png") center bottom no-repeat;
    background-size: 100% auto;
    height: auto;
    padding: 9.375vw 0 71vw;
  }
}
.prm-body .prm-block18i .prm-text {
  padding-top: 90px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block18i .prm-text {
    padding-top: 70px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block18i .prm-text {
    padding-top: 0;
  }
}
.prm-body .prm-block18i .prm-text h3 {
  margin-top: 130px;
}
@media (max-width: 999px) {
  .prm-body .prm-block18i .prm-text h3 {
    margin-top: 110px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block18i .prm-text h3 {
    margin-top: 6.125vw;
    text-align: left;
  }
}
.prm-body .prm-block18i .prm-text * {
  color: #F5F5F6;
}
.prm-body .prm-block19i {
  height: 1246px;
  background: black url("../img/hot30i/pic19.png") center bottom no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block19i {
    height: 1071px;
    background-size: auto 927px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block19i {
    height: 936px;
    background-size: auto 754px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block19i {
    height: auto;
    padding: 9.375vw 0 66vw;
    background: black url("../img/hot30i/m-pic19.png") center bottom no-repeat;
    background-size: 100% auto;
  }
}
.prm-body .prm-block19i .prm-text {
  padding-top: 90px;
  max-width: 600px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block19i .prm-text {
    padding-top: 70px;
    max-width: 468px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block19i .prm-text {
    padding: 0;
    max-width: none;
  }
}
.prm-body .prm-block19i .prm-text * {
  color: #F5F5F6;
}
.prm-body .prm-block20i {
  height: 1181px;
  background: black url("../img/hot30i/pic20.png") center bottom no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block20i {
    height: 1015px;
    background-size: auto 762px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block20i {
    height: 979px;
    background-size: auto 754px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block20i {
    height: auto;
    padding: 9.375vw 0 102vw;
    background: black url("../img/hot30i/m-pic20.png") center bottom no-repeat;
    background-size: 100% auto;
  }
}
.prm-body .prm-block20i .prm-text {
  padding-top: 90px;
  max-width: 400px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block20i .prm-text {
    padding-top: 70px;
    max-width: 468px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block20i .prm-text {
    padding: 0;
    max-width: none;
  }
}
.prm-body .prm-block20i .prm-text * {
  color: #F5F5F6;
}
.prm-body .prm-block21i {
  padding: 90px 0;
  background: black;
}
@media (max-width: 1240px) {
  .prm-body .prm-block21i {
    padding: 70px 0;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block21i {
    padding: 0 0 9.375vw;
  }
}
.prm-body .prm-block21i .prm-text {
  text-align: center;
}
.prm-body .prm-block21i .prm-text * {
  color: #F5F5F6;
}
.prm-body .prm-block21i .prm-image {
  display: block;
  margin: 0;
}
.prm-body .prm-block21i .prm-image img {
  display: block;
  width: 100%;
}
.prm-body .prm-block22i {
  height: 593px;
  background: black url("../img/hot30i/pic22.png") center bottom no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block22i {
    height: 559px;
    background-size: auto 379px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block22i {
    height: 505px;
    background-size: auto 308px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block22i {
    height: auto;
    padding: 9.375vw 0 58vw;
    background: black url("../img/hot30i/m-pic22.png") center bottom no-repeat;
    background-size: 100% auto;
  }
}
.prm-body .prm-block22i .prm-text {
  max-width: 600px;
  margin-left: auto;
}
@media (max-width: 1240px) {
  .prm-body .prm-block22i .prm-text {
    padding-top: 70px;
    max-width: 468px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block22i .prm-text {
    padding: 0;
    max-width: none;
    margin: 0;
  }
}
.prm-body .prm-block22i .prm-text * {
  color: #F5F5F6;
}
.prm-body .prm-block23i {
  height: 804px;
  background: black url("../img/hot30i/pic23.png") center bottom 90px no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block23i {
    height: 620px;
    background-size: auto 402px;
    background-position: center bottom 70px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block23i {
    height: 575px;
    background-size: auto 327px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block23i {
    height: auto;
    padding: 9.375vw 0 63vw;
    background: black url("../img/hot30i/m-pic23.png") center bottom 4.6875vw no-repeat;
    background-size: 100% auto;
  }
}
.prm-body .prm-block23i .prm-text {
  max-width: 600px;
  padding-top: 90px;
  margin-left: auto;
}
@media (max-width: 1240px) {
  .prm-body .prm-block23i .prm-text {
    padding-top: 70px;
    max-width: 468px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block23i .prm-text {
    padding: 0;
    max-width: none;
    margin: 0;
  }
}
.prm-body .prm-block23i .prm-text * {
  color: #F5F5F6;
}
.prm-body .prm-block24i {
  height: 810px;
  background: url("../img/hot30i/pic24.png") center no-repeat;
}
@media (max-width: 1240px) {
  .prm-body .prm-block24i {
    height: 696px;
    background-size: auto 100%;
  }
}
@media (max-width: 1240px) {
  .prm-body .prm-block24i {
    height: 567px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block24i {
    height: auto;
    background: url("../img/hot30i/m-pic24.png") center no-repeat;
    background-size: 100% auto;
    padding: 56vw 0 0;
  }
}
.prm-body .prm-block25i {
  padding: 90px 0 0;
  background-color: black;
}
@media (max-width: 1240px) {
  .prm-body .prm-block25i {
    padding: 70px 0 0;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block25i {
    padding: 9.375vw 0 0;
  }
}
.prm-body .prm-block25i .prm-text {
  max-width: 600px;
  margin: 0 0 40px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block25i .prm-text {
    max-width: 468px;
    margin: 0 0 30px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block25i .prm-text {
    max-width: none;
    margin: 0 0 4.6875vw;
  }
}
.prm-body .prm-block25i .prm-text * {
  color: #F5F5F6;
}
.prm-body .prm-block25i .prm-image {
  display: block;
  margin: 0;
}
@media (max-width: 760px) {
  .prm-body .prm-block25i .prm-image {
    margin: 0 -4.6875vw;
  }
}
.prm-body .prm-block25i .prm-image img {
  display: block;
  width: 100%;
}
.prm-body .prm-block26i {
  padding: 90px 0;
  background: black;
}
@media (max-width: 1240px) {
  .prm-body .prm-block26i {
    padding: 70px 0;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block26i {
    padding: 0 0 9.375vw;
  }
}
.prm-body .prm-block26i ._container {
  position: relative;
}
.prm-body .prm-block26i .prm-text {
  max-width: 396px;
  margin: 0;
  position: absolute;
  left: 90px;
  top: 90px;
  z-index: 2;
}
@media (max-width: 1240px) {
  .prm-body .prm-block26i .prm-text {
    left: 70px;
    top: 70px;
    max-width: 468px;
  }
}
@media (max-width: 1240px) {
  .prm-body .prm-block26i .prm-text {
    max-width: 364px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block26i .prm-text {
    max-width: none;
    position: static;
    margin: 0 0 4.6875vw;
  }
  .prm-body .prm-block26i .prm-text * {
    color: #333333;
  }
}
.prm-body .prm-block26i .prm-text * {
  color: #333333;
}
@media (max-width: 760px) {
  .prm-body .prm-block26i .prm-text * {
    color: #F5F5F6;
  }
}
@media (max-width: 1240px) {
  .prm-body .prm-block26i .prm-text {
    left: 70px;
    top: 70px;
    max-width: 468px;
  }
}
@media (max-width: 1240px) {
  .prm-body .prm-block26i .prm-text {
    max-width: 364px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block26i .prm-text {
    max-width: none;
    position: static;
    margin: 0 0 4.6875vw;
  }
}
.prm-body .prm-block26i .prm-image {
  display: block;
  margin: 0;
}
.prm-body .prm-block26i .prm-image img {
  display: block;
  width: 100%;
}
.prm-body .prm-block27i {
  padding: 0 0 90px;
  background: black;
}
.prm-body .prm-block27i ._container {
  position: relative;
}
.prm-body .prm-block27i .prm-text {
  max-width: 396px;
  margin: 0;
  position: absolute;
  left: 90px;
  top: 90px;
  z-index: 2;
}
@media (max-width: 1240px) {
  .prm-body .prm-block27i .prm-text {
    left: 70px;
    top: 70px;
    max-width: 468px;
  }
}
@media (max-width: 1240px) {
  .prm-body .prm-block27i .prm-text {
    max-width: 364px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block27i .prm-text {
    max-width: none;
    position: static;
    margin: 0 0 4.6875vw;
  }
}
.prm-body .prm-block27i .prm-image {
  display: block;
  margin: 0;
}
.prm-body .prm-block27i .prm-image img {
  display: block;
  width: 100%;
}
.prm-body .prm-block28i {
  margin: 90px 0 0;
}
@media (max-width: 1240px) {
  .prm-body .prm-block28i {
    margin: 70px 0 0;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block28i {
    padding: 9.375vw 0;
    margin: 0;
  }
}
.prm-body .prm-block28i ._container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 760px) {
  .prm-body .prm-block28i ._container {
    display: block;
  }
}
.prm-body .prm-block28i ._container .prm-image {
  display: block;
  width: 50%;
}
@media (max-width: 999px) {
  .prm-body .prm-block28i ._container .prm-image {
    width: calc(50% - 20px);
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block28i ._container .prm-image {
    width: auto;
  }
}
.prm-body .prm-block28i ._container .prm-image img {
  display: block;
  width: 100%;
}
.prm-body .prm-block28i ._container .prm-text {
  width: calc(50% - 60px);
}
@media (max-width: 1240px) {
  .prm-body .prm-block28i ._container .prm-text {
    width: calc(50% - 40px);
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block28i ._container .prm-text {
    width: calc(50% - 20px);
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block28i ._container .prm-text {
    width: auto;
  }
}
.prm-body .prm-block28i ._container .prm-text .prm-logo {
  display: block;
  margin: 0 0 60px;
}
@media (max-width: 1240px) {
  .prm-body .prm-block28i ._container .prm-text .prm-logo {
    margin: 0 0 40px;
  }
}
@media (max-width: 999px) {
  .prm-body .prm-block28i ._container .prm-text .prm-logo {
    margin: 0 0 20px;
    max-width: 180px;
  }
}
@media (max-width: 760px) {
  .prm-body .prm-block28i ._container .prm-text .prm-logo {
    margin: 4.6875vw auto;
    max-width: none;
    width: 40vw;
  }
}
.prm-body .prm-block28i ._container .prm-text .prm-logo img {
  display: block;
  width: auto;
  max-width: 100%;
}
@media (max-width: 760px) {
  .prm-body .prm-block28i ._container .prm-text .prm-logo img {
    width: 100%;
  }
}
.prm-body .prm-block28i ._container .prm-text * {
  color: #333333;
}/*# sourceMappingURL=style.css.map */