@font-face {
  font-family: "MiSans";
  /* Project id  */
  src: url("../font/MiSans-Normal.ttf") format("truetype"); }

.banner_top {
  width: 100%;
  height: 31.25rem;
  font-family: "MiSans";
  position: relative;
  flex-direction: column;
  overflow: hidden; }
  .banner_top img {
    height: 100%;
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: -1; }
  .banner_top .detail_title {
    color: #fff;
    text-align: center;
    line-height: 1.5; }
    .banner_top .detail_title h1 {
      font-size: 3.75rem; }
    .banner_top .detail_title h2 {
      font-size: 2.5rem;
      text-transform: uppercase; }

.style_tag {
  padding: 2.5rem 0rem;
  font-family: "MiSans";
  display: flex;
  align-items: center;
  justify-content: center; }
  .style_tag ul {
    border: 0.5px solid #666;
    text-align: center;
    width: 99.5rem; }
    .style_tag ul li {
      box-sizing: border-box;
      flex: 1;
      padding: 1.25rem 0px;
      border: 0.5px solid #666;
      font-family: "MiSans";
      font-size: 1.5rem;
      font-weight: bold;
      line-height: 1.75rem;
      color: #A3A3A3;
      cursor: pointer; }
    .style_tag ul .active {
      color: #000;
      background-color: rgba(50, 63, 234, 0.5); }
  .style_tag .home_info {
    display: none; }

.style_mobileTag {
  display: none; }

.custom_tag {
  padding-bottom: 1.875rem;
  border-bottom: 1px solid #000;
  font-family: "MiSans"; }
  .custom_tag ul {
    text-align: center; }
    .custom_tag ul li {
      font-size: 1.875rem;
      font-weight: bold;
      color: #A3A3A3;
      margin: 0 4.375rem;
      cursor: pointer;
      padding-bottom: 0.75rem; }
    .custom_tag ul .active {
      color: #000;
      border-bottom: 0.375rem solid #323FEA; }

.house_view {
  padding: 2.5rem 10rem;
  font-family: "MiSans"; }
  .house_view .home_info {
    align-items: end;
    color: #666;
    padding-bottom: 1.875rem; }
    .house_view .home_info .house_type {
      font-size: 1.875rem;
      padding-right: 1.875rem;
      border-right: 1px solid #000; }
      .house_view .home_info .house_type span {
        font-size: 4.625rem;
        font-weight: bold;
        display: inline-block;
        margin-right: 0.625rem; }
    .house_view .home_info .house_ins {
      padding-left: 1.875rem;
      font-size: 1.25rem; }
      .house_view .home_info .house_ins p {
        padding-top: 10px; }
      .house_view .home_info .house_ins span {
        font-size: 1.875rem;
        display: inline-block;
        margin-right: 1.25rem; }
  .house_view .mobile_vrTitle {
    display: none; }
  .house_view .vr_show {
    width: 100%;
    min-height: 55.5rem;
    height: 82.22222%;
    overflow: hidden;
    border-radius: 2.5rem; }
    .house_view .vr_show iframe {
      min-height: 55.5rem; }

.swiper_box {
  padding: 0 1.25rem;
  font-family: "MiSans"; }
  .swiper_box img {
    display: block;
    width: 100.25rem;
    height: 55rem;
    margin: auto; }
  .swiper_box .ditail_group {
    width: 100.25rem;
    margin: auto;
    justify-content: space-between;
    flex-wrap: wrap; }
    .swiper_box .ditail_group .detail_card {
      width: 31.25rem;
      text-align: center;
      margin-bottom: 1.25rem; }
      .swiper_box .ditail_group .detail_card img {
        width: 100%;
        height: 34rem; }
      .swiper_box .ditail_group .detail_card p {
        padding: 1.25rem 0;
        font-size: 2.5rem;
        color: #666; }

.detail_plate {
  padding-bottom: 5.625rem; }

.floor_box {
  font-family: "MiSans";
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  display: flex;
  align-items: center;
  justify-content: center; }
  .floor_box .floor_item {
    width: 50%;
    min-height: 45.375rem;
    text-align: center;
    box-sizing: border-box; }
    .floor_box .floor_item h3 {
      font-family: "MiSans";
      font-size: 50px;
      color: #666;
      padding: 1.875rem 0; }
    .floor_box .floor_item img {
      min-height: 28.625rem; }
    .floor_box .floor_item:nth-of-type(1) {
      border-right: 1px solid #000; }
      .floor_box .floor_item:nth-of-type(1) img {
        margin-top: 4rem; }

.swiper_title {
  font-family: "MiSans";
  padding: 3.75rem 0rem 2.5rem;
  font-size: 3.125rem;
  color: #666;
  text-align: center; }

.mobile_swiper_box {
  display: none; }

@media only screen and (max-width: 768px) {
  .house_view {
    padding: 2.66667vw 4vw;
    border-bottom: 1px solid #000; }
    .house_view .home_info {
      display: none; }
    .house_view .mobile_vrTitle {
      display: block;
      text-align: center;
      padding: 6.66667vw 0vw;
      font-size: 6.66667vw;
      font-weight: bold;
      font-family: "MiSans";
      color: #000; }
    .house_view .vr_show {
      border-radius: 0; }
  .banner_mobileTop {
    width: 100%;
    height: 160vw;
    font-family: "MiSans";
    position: relative;
    flex-direction: column;
    overflow: hidden; }
    .banner_mobileTop img {
      height: 100%;
      width: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      z-index: -1; }
    .banner_mobileTop .detail_title {
      color: #fff;
      text-align: center;
      line-height: 1.5;
      font-weight: bold; }
      .banner_mobileTop .detail_title h1 {
        font-size: 8vw;
        font-weight: bold; }
      .banner_mobileTop .detail_title h2 {
        font-size: 3.46667vw;
        padding: 2vw 0vw;
        text-transform: uppercase; }
  .custom_mobileTag {
    padding: 6.66667vw 4.8vw 6.66667vw; }
    .custom_mobileTag .style_group {
      text-align: center;
      justify-content: space-between; }
      .custom_mobileTag .style_group li {
        font-size: 4vw;
        font-weight: bold;
        color: #A3A3A3;
        border-bottom: 1.33333vw solid rgba(0, 0, 0, 0);
        cursor: pointer;
        padding-bottom: 2.66667vw;
        margin: 0; }
      .custom_mobileTag .style_group .active {
        color: #000;
        border-bottom: 1.33333vw solid #00D0FF; }
  .style_tag {
    display: none; }
  .style_mobileTag {
    padding: 6.66667vw 1.6vw 1.86667vw;
    font-family: "MiSans";
    box-sizing: border-box;
    width: 100%;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: flex; }
    .style_mobileTag .home_info {
      text-align: center;
      box-sizing: border-box;
      min-width: 65.2vw;
      padding: 2vw 0px;
      margin: 0vw 1.6vw;
      border: 1px solid #A3A3A3;
      font-family: "MiSans";
      font-weight: bold;
      color: #A3A3A3; }
      .style_mobileTag .home_info .house_type {
        line-height: 1.3;
        font-size: 3.73333vw;
        margin-right: 2vw; }
        .style_mobileTag .home_info .house_type span {
          font-size: 9.2vw; }
      .style_mobileTag .home_info .house_ins {
        line-height: 1.5;
        text-align: left; }
        .style_mobileTag .home_info .house_ins p {
          font-size: 2.66667vw; }
          .style_mobileTag .home_info .house_ins p span {
            font-size: 7.73333vw; }
    .style_mobileTag .active {
      color: #666;
      border: 1px solid #666; }
  .floor_box {
    display: block;
    border: none; }
    .floor_box .floor_item {
      width: 100%;
      height: auto;
      min-height: auto;
      border: none;
      padding-bottom: 6.66667vw;
      font-weight: bold; }
      .floor_box .floor_item h3 {
        font-size: 6.66667vw;
        color: #000; }
      .floor_box .floor_item img {
        max-width: 90.66667vw;
        min-height: auto;
        display: block;
        margin: 0 auto; }
      .floor_box .floor_item:nth-of-type(1) {
        border: none;
        border-bottom: 1px solid #000; }
        .floor_box .floor_item:nth-of-type(1) img {
          margin: 0 auto; }
  .detail_plate {
    padding: 0; }
  .swiper_title {
    font-family: "MiSans";
    padding: 6.66667vw 0vw;
    font-size: 6.66667vw;
    font-weight: bold;
    color: #000;
    text-align: center;
    border-top: 1px solid #000; }
  .swiper_box {
    display: none; }
  .mobile_swiper_box {
    display: block;
    position: relative;
    padding-bottom: 10vw; }
    .mobile_swiper_box img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .mobile_swiper_box .imgSlide {
      width: 90.66667vw;
      height: 137.33333vw;
      margin: 0 auto; }
    .mobile_swiper_box .ditail_group {
      width: 94vw;
      margin: auto;
      justify-content: space-between;
      flex-wrap: wrap; }
      .mobile_swiper_box .ditail_group .detail_card {
        width: 45.73333vw;
        text-align: center; }
        .mobile_swiper_box .ditail_group .detail_card img {
          width: 100%;
          height: 42.13333vw; }
        .mobile_swiper_box .ditail_group .detail_card p {
          padding: 2.66667vw 0;
          font-size: 4vw;
          color: #666; } }