@media screen and (max-width: 768px) {
  .mobile {
    display: block;
  }
  .pc {
    display: none;
  }
  .floor {
    width: 10rem;
  }
  .floor2 {
    margin-top: 0.3255814rem;
  }
  .floor3 {
    height: 8.13953488rem;
  }
  .floor3 .title {
    margin-top: 1.06976744rem;
    font: 700 0.3255814rem 'LuxeUnoSemiBold';
    margin-bottom: 0px;
  }
  .floor3 .container .banner-box {
    height: auto;
  }
  .floor3 .container .banner-box .banner {
    height: auto;
    margin-top: 0.69767442rem;
  }
  .floor3 .container .banner-box .banner .banner-item {
    width: 2.97674419rem;
    height: 2.97674419rem;
    margin: 1.1627907rem 0.25581395rem 0;
  }
  .floor3 .container .banner-box .banner .banner-item img {
    width: 2.18604651rem;
    height: 3.93023256rem;
    transform: translate(20%, -40%);
  }
  .floor3 .container .toggle {
    width: 3.72093023rem;
    height: 0.93023256rem;
    margin-bottom: 0;
  }
  .floor3 .container .toggle .flavor_name {
    font: 400 0.3255814rem 'LuxeUnoLight';
  }
  .floor3 .container .toggle i {
    font-size: 0.69767442rem;
  }
  .floor4 img {
    width: 10rem;
  }
}