/* 样式初始化 ///////////////////////////////////////////////*/
* {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  font-size: 8px;
  font-family: Arial, Helvetica, sans-serif;
}
ul {
  list-style: none;
}
a {
  text-decoration: none;
  color: #fff;
}
html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size:100px;
  font-family: Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  position: relative;
}

/*iframe 标签样式 //////////////////////////////////////////////*/
.iframe {
  position: absolute;
  z-index: -10;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
}
.iframe.show {
  opacity: 1;
  z-index: 99;
  /* animation: show 1s ease-out 1; */
}
/*顶部置业顾问 /////////////////////////////////////////////////////*/

.ZYGW {
  width: 100%;
  height: 0.44rem;
  box-sizing: border-box;
  position: absolute;
  top: -15%;
  padding: 0.05rem;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
}
.ZYGW-user {
  float: left;
  width: 50%;
}
.head_img {
  width: 0.32rem;
  height: 0.32rem;
  border: 0.01rem solid #eee;
  background-image: url("../img/zygw/0.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  position: relative;
  float: left;
}
.head_img .icon {
  position: absolute;
  right: -0.03rem;
  bottom: 0;
  width: 0.12rem;
  height: 0.12rem;
  border-radius: 50%;
  font-size: 0.12rem;
  background-color: #fff;
}
.head_img .icon::before {
  color: #f5a623;
}
.ZYGW-info {
  width: auto;
  height: 100%;
  border-left: 0.01rem solid #fff;
  float: left;
  left: 0.05rem;
  margin-left: 0.1rem;
  padding-left: 0.1rem;
  font-family: "Fira Sans", "Helvetica Neue", Arial, sans-serif;
}
.ZYGW-user .ZYGW-info>span {
  display: block;
  width: auto;
  height: 0.16rem;
  line-height: 0.16rem;
  font-size: 0.12rem;
  color: #fff;
  text-align: left;
}
.ZYGW-main {
  float: right;
  width: auto;
  height: 100%;
  padding: 0.08rem 0;
}
.ZYGW-main:after {
  content: '';
  height: 0;
}
.ZYGW-main li {
  float: right;
  height: 100%;
  width: 0.34rem;
  border-left: 0.01rem solid #fff;
}
.ZYGW-main li:last-child {
  border-left: 0;
}
.ZYGW-main li a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 1;
  text-align: center;
}
.ZYGW-main li a .icon {
  font-size: 0.18rem;
}
.ZYGW-main li a .icon::before {
  color: #fff;
}

.ZYGW-wximg {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9998;
  display: none;
}
.zhezhao1 {
  width: 2rem;
  height: 3rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1.00rem;
  margin-top: -2.00rem;
}
.ZYGW-wximg-tip {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 0.14rem;
  color: #fff;
  margin-top: 0.10rem;
}
.ZYGW-qyinfo {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .6);
  position: relative;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
}
.zhezhao2 {
  width: 90%;
  height: 90%;
  max-width: 4.00rem;
  background: #fff;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  font-size: 0.12rem;
  border-radius: 0.05rem;
}
.info-main {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  border-radius: 0.05rem;
}
.zhezhao2 img {
  width: 100%;
  display: block;
}
.x-info {
  width: 0.20rem;
  height: 0.3rem;
  line-height: 0.3rem;
  position: fixed;
  right: 6%;
  top: 5%;
  color: #000;
  text-align: center;
  font-size: 0.24rem;
  font-family: '微软雅黑';
}

/* 免责声明 */
.mzsm {
  width: 100%;
  height: 0.15rem;
  position: absolute;
  bottom: 0.52rem;
  left: 0;
  z-index: 9999;
  background: url('../img/mzsm/white/mzsm-pano.png') center bottom no-repeat;
  background-size: 100%;
  opacity: 0;
}

/*底部按钮 //////////////////////////////////////////////////*/

.menu_main {
  display: flex;
  width: 100%;
  height: 0.5rem;
  background-color: rgba(0, 0, 0, .2);
  box-shadow: 0 -0.01rem 0.02rem rgba(255, 255, 255, 0.5);
  position: absolute;
  bottom: -10%; 
  /* bottom: 0; */
  align-items: center;
  justify-content: space-around;
  z-index: 9999;
}
.menu_main li {
  width: auto;
  height: 100%;
  flex: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.menu_main li span {
  width: auto;
  height: 0.2rem;
  line-height: 0.2rem;
  text-align: center;
  font-size: 0.12rem;
  color: #fff;
}
/* .menu_main li.action span {
  color: #f99d33;
} */
.menu_main li i {
  display: inline-block;
  width: 100%;
  height: 0.3rem;
  line-height: 0.3rem;
  font-size: 0.22rem;
  text-align: center;
  color: #fff;
}
.menu_main li i::before {
  color: #fff;
}
.menu_main li.action i::before {
  color: #f99d33;
}
.menu_main li.action span {
  color: #f99d33;
}

/*户型鉴赏二级菜单 ///////////////////////////////////////////////*/

.huxingjianshang .btn-wrap {
  width: 100%;
  height: auto;
  display: none;
}

.huxingjianshang .hx-btns {
  display: flex;
  flex-wrap: wrap;
  width: 28%;
  height: auto;
  position: absolute;
  left: 22%;
  bottom: 0.5rem;
  z-index: 98;
  background-color: rgba(0, 0, 0, .2);
  box-shadow: 0.01rem -0.01rem 0.1rem rgba(0, 0, 0, 0.2);
}
.huxingjianshang .menu_second .hx-btn {
  flex: 0 0 100%;
  height: 0.2rem;
  margin-bottom: 0.05rem;
  /* background-color: skyblue; */
  display: flex;
}
.huxingjianshang .menu_second .hx-btn > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 0.25rem;
  padding: 0 0.1rem;
  border-radius: 0.04rem;
  background-color: rgba(236, 236, 236, .3);
  color: #fff;
  font-size: 0.14rem;
}
.huxingjianshang .menu_second .hx-btn.active > a {
  background-color: #f99d33;
}


/* 园林二级菜单 ////////////////////////////////////////////// */
.ms_yljg{
  width: 20%;
  height: 0.3rem;
  line-height: 0.3rem;
  color: #fff;
  font-size: 0.14rem;
  text-align: center;
  background-color: rgba(0, 0, 0, .4);
  box-shadow: 0.01rem -0.01rem 0.1rem rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 55%;
  bottom: 0.5rem;
  display: none;
  z-index: 99;
}

/*左边菜单 /////////////////////////////////////////////////////*/

.left-menu {
  width: 0.80rem;
  height: 0.40rem;
  position: absolute;
  top: 8%;
  left: -1.00rem;
}
.left-menu li {
  width: 0.40rem;
  height: 0.40rem;
  background-image: url(../img/moon.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-left: 0.20rem;
}
.left-menu span {
  display: inline-block;
  height: 0.15rem;
  line-height: 0.15rem;
  text-align: center;
  width: 0.80rem;
  font-size: 0.08rem;
}
/*右边菜单*/

.right-menu {
  width: auto;
  height: auto;
  position: absolute;
  top: 8%;
  right: -10%;
  /* right: 0.1rem;
  background-color: pink; */
  list-style: none;
}
.right-menu li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.24rem;
  height: 0.24rem;
  margin-bottom: 0.10rem;
}
.right-menu li:last-child {
  margin-bottom: 0;
}
.right-menu li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
}
.right-menu li .icon {
  font-size: 0.18rem;
}
.right-menu li .icon.icon-off {
  font-size: 0.18rem;
  position: absolute;
  display: none;
}
.right-menu li.action .icon-off {
  display: inline-block;
}
.right-menu li:nth-child(3) .icon-off {
  display: inline-block;
}
.right-menu li:nth-child(3).action .icon-off {
  display: none;
}
.right-menu li a .icon {
  font-size: 0.18rem;
}
.right-menu li .icon::before {
  color: #fff;
}


@-webkit-keyframes show {
  0% {
    opacity: 0;
    z-index: -10;
  }
  100% {
    opacity: 1;
    z-index: 99;
  }
}