@media only screen and (max-width: 1680px) {
  .img-uk {
    margin: -2rem auto 1rem;
    width: 60%;
  }
  .tagline-box .icon-box {
    height: 3rem;
  }
  .tagline-box .icon-honor10ai {
    left: 1rem;
    height: 3rem;
  }
  .tagline-box .floor-title img {
    height: 3rem;
  }
  .tagline-box .floor-title {
    margin: 0 auto 1rem;
    line-height: 3rem;
    font-size: 4rem;
  }
  .tagline-box .tagline-title {
    margin-top: -3.75rem;
    font-size: 2.75rem;
  }
  .tagline-box .tagline-content {
    font-size: 1.25rem;
  }
  .tagline-box .tagline-tips {
    font-size: 1rem;
  }
  .swiper-slide {
    height: 700px;
  }
  .floor2 .img-winner {
    max-height: 74%;
  }
  .floor3 .list-item {
    width: 32.1%;
  }
}

@media only screen and (max-width: 1600px) {
  .floor2 .floor-header .sub-title {
    font-size: 1rem;
  }
  .floor2 .winner-info {
    margin-bottom: 0rem;
  }
  .floor3 .list-item {
    width: 32%;
  }
}

@media only screen and (max-width: 1440px) {
  .swiper-button-next, .swiper-button-prev {
    width: 26px;
    height: 24px;
  }
  .floor2 .floor-header .sub-title {
    font-size: 0.875rem;
  }
  .tagline-box .tagline-title {
    margin-bottom: 1rem;
  }
  .tagline-box .tagline-content {
    font-size: 1rem;
  }
  .tagline-box .tagline-tips {
    font-size: 0.875rem;
  }
  .floor2 .floor-box {
    padding: 2rem;
  }
  .floor2 .prize-info .floor-title {
    font-size: 2rem;
    line-height: 1.5rem;
  }
  .floor2 .prize-name {
    font-size: 1.3rem;
  }
  .floor2 .img-winner {
    max-height: 68%;
  }
  .floor3 .list-item {
    width: 31.8%;
  }
}

@media only screen and (max-width: 1366px) {
  .tagline-box .floor-title img {
    height: 2.5rem;
  }
  .tagline-box .floor-title {
    line-height: 2rem;
    font-size: 3.5rem;
  }
  .floor2 .winner-info {
    margin-bottom: 1.5rem;
  }
  .floor2 .floor-header .sub-title {
    font-size: 0.75rem;
  }
  .floor2 .img-winner {
    max-height: 60%;
  }
}

@media only screen and (max-width: 1024px) {
  .img-uk {
    margin: -1rem auto 0.5rem;
    width: 60%;
  }
  .tagline-box .floor-title img {
    height: 1.5rem;
  }
  .tagline-box .icon-box {
    height: 2.5rem;
  }
  .tagline-box .icon-honor10ai {
    left: 1rem;
    height: 2.5rem;
  }
  .tagline-box .tagline-title {
    margin-top: -3.15rem;
    font-size: 2rem;
    margin-bottom: 1rem;
  }
  .tagline-box .floor-title {
    margin: 0 auto 0.5rem;
    line-height: 1rem;
    font-size: 2rem;
  }
  .tagline-box .tagline-content {
    font-size: 0.75rem;
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .tagline-box .tagline-tips {
    font-size: 0.75rem;
  }
  .floor2 .floor-box {
    padding: 0rem;
  }
  .floor2 .floor-header {
    margin-bottom: 0.5rem;
  }
  .floor2 .floor-title {
    margin-bottom: 0;
  }
  .winner-info .user-name {
    font-size: 1rem;
  }
  .floor2 .prize-info .floor-title {
    font-size: 1.5rem;
    line-height: 1rem;
  }
  .floor2 .prize-name {
    font-size: 1rem;
  }
  .floor2 .winner-info {
    margin-bottom: 1rem;
    padding: 0 1rem;
    line-height: 2.5rem;
  }
  .floor2 .img-winner {
    max-height: 45%;
  }
  .floor3 {
    height: 1400px;
  }
  .floor3 .list-item {
    width: 48.01%;
  }
  .floor3 .list-item:nth-child(2n) {
    margin-right: 0;
  }
  .floor3 .list-item:nth-child(3n) {
    margin-right: 20px;
  }
}

@media only screen and (width:768px) {
  header .choose-lang, header .top-menu {
    width: 22%;
  }
  .floor1 {
    height: 540px;
  }
  .img-uk {
    margin-top: 1.5rem;
    width: 60%;
  }
  .floor2 {
    height: 580px;
  }
  .floor3 {
    height: 1024px;
  }
  .floor3 .bg-img {
    height: 100%;
  }
}

@media only screen and (max-width:767px) {
  .back-to-top {
    width: 42px;
    height: 42px;
    right: 20px;
    bottom: 150px;
  }
  .floor1 {
    height: 560px;
  }
  .floor1 .middle {
    top: 1rem;
  }
  .logo {
    height: 2rem;
  }
  .img-uk {
    margin: 2rem auto 1rem;
    width: 100%;
  }
  .tagline-box .tagline-content {
    font-size: 0.875rem;
    width: 94%;
  }
  .floor2 {
    height: 570px;
  }
  .floor2 .img-winner {
    max-width: 100%;
    max-height: 58%;
  }
  .swiper-slide {
    height: 500px;
  }
  .floor2 .winner-info {
    margin-bottom: 1rem;
    padding: 0 1rem;
  }
  .winner-info .user-name {
    font-size: 0.875rem;
  }
  .floor2 .prize-info .floor-title {
    font-size: 1.5rem;
  }
  .floor2 .prize-name {
    font-size: 1.1rem;
  }
  .floor3 .middle {
    top: 2%;
  }
  .floor3 .tab-box span {
    display: inline-block;
    padding: 0 1.5rem;
    height: 2rem;
    font-size: 1.25rem;
    line-height: 2.5rem;
  }
  .floor3 .list-item {
    width: 46.2%;
  }
  .list-item .user-name {
    font-size: 1rem;
    line-height: 2rem;
    padding-left: 0.75rem;
  }
  .img-info {
    padding: 0.5rem 0.75rem;
  }
  .img-info p {
    font-size: 0.75rem !important;
  }
  .floor3 .list-item .img-data {
    line-height: 2rem;
  }
  .bg-img {
    height: 100%;
  }
}

@media only screen and (max-width: 375px) {
  .floor1 {
    height: 500px;
  }
  .tagline-box .icon-honor10ai {
    height: 2rem;
    margin-bottom: 0.5rem;
  }
  .tagline-box .floor-title img {
    height: 1rem;
  }
  .tagline-box .floor-title {
    font-size: 1.25rem;
  }
  .tagline-box .icon-box {
    height: 2rem;
  }
  .tagline-box .tagline-title {
    margin-top: -2.75rem;
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
  .tagline-box .tagline-content {
    font-size: 0.75rem;
  }
}

@media only screen and (max-width: 360px) {
  .winner-info .img-data li {
    padding-left: 0;
  }
  .floor3 .list-item {
    width: 45.5%;
  }
  .floor2 .prize-name {
    font-size: 1rem;
  }
}

@media only screen and (max-width: 320px) {
  .img-uk {
    margin: 0 auto;
  }
  .winner-info .user-name {
    font-size: 0.875rem;
  }
  .floor2 .floor-box {
    padding: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .floor2 .prize-info .floor-title {
    font-size: 1.25rem;
  }
  .floor2 .prize-name {
    font-size: 0.75rem;
  }
  .floor2 .winner-info {
    padding: 0 0.5rem;
  }
}