body {background-color: #f8f8f8;}
.hgd-list-class-vr {margin-top: 15px;}
.hgd-list-class-vr .hlc-content {padding-bottom: 5px;}
.hgd-list-class-vr .hlc-content .hlc-main {max-width: 990px;}
.hgd-floor-content .hfc-content .hfc-box .hfc-vr-text {position: relative;padding-right: 160px;}
.hfc-vr-link {position: absolute;right: 10px;bottom: 19px;z-index: 10;width: 140px;height: 42px;line-height: 42px;border-radius: 5px;text-align: center;font-size: 18px;background-color: #332c28;color: #fff;transition: transform .3s ease-in-out, box-shadow .3s ease-in-out;-webkit-transition: transform .3s ease-in-out, box-shadow .3s ease-in-out;cursor: pointer;}
.hfc-vr-link:hover {transform: translateY(-3px); -webkit-transform: translateY(-3px);box-shadow: 0 5px 20px rgba(0,0,0,.3);}
.banner {position: relative; width: 100%; max-width: 1920px; min-width: 320px;}
.banner img {display: block; width: 100%; cursor: pointer;}
.hgd-three-popup {
  display: none;
  padding: 40px;
  line-height: 1.4;
}
.hgd-three-margin {
  margin-bottom: 10px;
}
.hgd-three-step {
  margin: 30px 0;
  padding: 0 30px 0 40px;
}
.hgd-three-step .hts-icon,
.hgd-three-step .hts-text {
  display: inline-block;
  vertical-align: middle;
}
.hgd-three-step .hts-icon {
  width: 65px;
  height: 65px;
  margin-right: 15px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.hgd-three-step .hts-icon-1 {
  background-image: url("../images/vr/icon1.png");
}
.hgd-three-step .hts-icon-2 {
  background-image: url("../images/vr/icon2.png");
}
.hgd-three-step .hts-icon-3 {
  background-image: url("../images/vr/icon3.png");
}
.htp-btn-margin {
  margin-top: 50px;
}
.htp-btn {
  display: block;
  width: 430px;
  height: 55px;
  margin: auto;
  border: none;
  outline: none;
  border-radius: 10px;
  cursor: pointer;
}
.htp-btn-status-1,
.htp-btn-status-2,
.htp-btn-status-4 {
  background-color: #68b12c;
}
.htp-btn-status-3 {
  border: 1px solid #ccc;
  background-color: #f2f2f2;
  color: #333;
}


/*-------20210508HAHA--------*/

.threed-box{
}

.threed-btn{
  position: absolute;
  top:600px;
  width: 1200px;
  display: flex;
  z-index: 2;
  justify-content: center;
}
.threed-btn a{
  margin: 0 20px;
}

.threed-img{
  width: 100%;
  z-index: 1;
}
.threed-img img{width: 100%}