/* CSS Document */
* {
	margin: 0;
	padding: 0;
	outline: 0;
}
a {
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
ul, ol, li {
	list-style: none;
}
em, i {
	font-style: normal;
}
img {
	border: none;
}
input, img {
	vertical-align: middle;
}
html {
	font-size: 16px;
	height: 100%;
	width: 100%;
	font-family: "Times New Roman", Times, serif;
}
body {
	margin: 0 auto;
	width: 100%;
	font: 85%/1 "\9ED1\4F53";
	background-color:#ffffff;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	font-family: '微软雅黑';
	font-size: 16px;
}

  /*****************
     会员注册样式
  ******************/
  .opacity{
	  opacity:0;
  }
  .page-bg,
  .wls-scenery-bg,
  .wls-nav-bg,
  .tel-page-bg{ 
       position:absolute;
	   top:0;
	   left:0;
	   width:100%;
	   height:auto;
  }
  .clear{ 
       clear:both; 
  }
  .audio{
      position:absolute;
      top:0;
      left:0;
  }
  .p-index{
	   display:none;
       position:absolute;
	   top:0;
	   left:0;
	   width:100%;
	   height:100%;
	   overflow-x:hidden;
	   overflow-y:auto; 
  }   
  .menberRegisture-con{ 
      position:relative; 
  }
  .menberRegisture-title{ 
      width:90%;
	  margin:5% auto 10%;
	  padding:3% 0;
	  border-bottom:1px solid #959595;
	  text-align:left;
	  color:#5ea72e;
	  font-size:20px;
	  font-weight:bold;
  }
  .menberRegisture-input{ 
      width:86%;
	  margin:0 auto 3%;
	  height:25px;
	  color:#000;
  }
  .menberRegisture-input dd,.menberRegisture-input dt{ 
      float:left;
	  height:30px;
	  line-height:30px;
  } 
  .menberRegisture-input dd{ 
	  width:20%;
	  font-weight:bold;
	  text-align:center;
  }
  .menberRegisture-input dt{ 
      position:relative;
	  width:78%;
	  height:30px;
	  background-color:#fff;
	  border:1px solid #a3a3a3;
  }
  .menberRegisture-input .inputtext{ 
     width:98%;
	 padding-left:2%;
	 border:none;
	 background:none;
	 font-size:16px;
	 line-height:25px;
  }
  /***箭头 start**/
  .menberRegisture-input.area dt::before,.menberRegisture-input.area dt::after{ 
	  position:absolute;
	  -webkit-transform: rotate(0deg);
      content:''; 
  }
  .menberRegisture-input.area dt::before{ 
	  top:7px;
	  right:20px;
	  width:10px;
	  height:10px;
	  background-color:#b4b4b4; 
	  -webkit-transform:rotate(45deg);
  }
  .menberRegisture-input.area dt::after{
	  top: 4px;
	  right: 18px;
	  width: 18px;
	  height: 8px;
	  background-color: #fff;
  }
  .menberRegisture-input.area dt.toTop::after{
	  top: 19px;
	  right: 18px;
	  width: 18px;
	  height: 8px;
	  background-color: #fff;
  }
  .menberRegisture-input.area dt.toTop::before{ 
	  top:14px;
	  right:20px;
	  width:10px;
	  height:10px;
	  background-color:#b4b4b4; 
	  -webkit-transform:rotate(45deg);
  }
   /***箭头 //end**/
  .menberRegisture-input.area{ 
     position:relative; 
  }
  .menberRegisture-input.area .area-list{ 
     display:none;
     position:absolute;
	 top:34px;
	 right:5px;
	 width:78%;
	 height:auto;
	 padding:5% 0 0 0;
	 background-color:#fff;
	 border:1px solid #b4b4b4;
  }
  .menberRegisture-input.area .area-list p{ 
     margin-bottom:10%; 
  }
  .menberRegisture-input.area .area-list i{ 
     font-size:13px;
	 margin-bottom:5%;
	 font-weight:bold;
  }

  .menberRegisture-prompt{ 
     width:90%;
	 padding:2% 0;
	 margin:10% auto 0;
	 text-align:center;
	 background-color:#5ea72e;
	 color:#fff;
	 font-weight:bold;
  }
  .focusShadow{ 
      box-shadow:0 0 0 2px #e5e5e5;
      -webkit-box-shadow:0 0 0 2px #e5e5e5;
  }

/*****************
    集团品牌样式
***********************/
   .groupBrand-texts{ 
       position:relative;
	   margin:6% auto; 
   }
/*******************
    热线拨打样式
******************************/
   .tel-texts{ 
       position:relative;
	   margin:6% auto;
   }
   .tel-pic{
	   margin:3% 0 5% 10%;
	   width:80%; 
   }
   .tel-phone{
	   margin:10% auto 15%;
   }
/******************
   楼盘精选样式
***************************/
   .itemListTotal00-con{
	   position:relative;
	   background:#003a8f;
	   width:100%;
	   height:100%;
   }
   .itemListTotal-con{
	   position:relative;
   }
   .itemTotal-toppic{
	   margin:0 auto 5%;
   }
   .itemListTotal-item{
	   position:relative;
	   width:100%;
   }
   .itemDetail-title{
	   padding:13px 15px;
	   background-color:#ededed;
   }
   .itemDetail-title h1{
	   font-size:20px;
   }
   .itemDetail-title p{
	   margin:14px auto 0;
	   font-size:16px;
   }
   .itemDetail-title p span{
	   color:#fc8108;
   }
   .itemDetail-header{
	   width:86%;
	   margin:20px auto 10px;
	   padding:8px;
	   background-color:#e0e0e0;
   }
   .itemDetail-intr{
	   width:86%;
	   margin:0 auto;
	   padding:10px;
	   border:1px dashed #000;
	   line-height: 27px;
   }
   .itemDetail-intr span{
	  display:inline-block;
	  width:auto;
	  height:auto;
	 /* margin: -26px 0 0 82px;*/
   }
   .itemDetail-bottom{
	   height:50px;
   }
   .item-detail-tel{
	   position:fixed;
	   bottom:0;
	   left:0;
	   width:100%;
	   height:30px;
	   padding:5px 0;
	   text-align:center;
	   background-color:#797979;
   }
   .item-detail-tel img{
	   width:12%;
	   margin: 0 10px 0 10px;
   }
   .item-detail-tel span{
	   color:#fff;
	   font-size:18px;
	   line-height:30px;
   }

 /*************
    微楼书welcome样式
 ********************/
 .wls-welcome-texts{
	 position:relative;
	 width:100%;
	 margin:0 auto;
 }
 .welcome-logo{
	 margin:15px auto 10px;
 }
 .scannings{
	 position:relative;
	 width:20%;
	 margin:10px auto;
 }
 .scanning-circles00,
 .scanning-circles01,
 .scanning-circles02,
 .scanning-circles03{
	 position:absolute;
	 top:0;
	 left:0;
	 width:100%;
 }
  .scanning-circles00 img,
  .scanning-circles01 img,
  .scanning-circles02 img,
  .scanning-circles03 img{
	  position:absolute;
	  top:0;
	  left:0;
  }
  .scanning-text{
	  height:21px;
	  width: 0px;
	  margin:0 auto;
  }
  .scanning-text p{
	  height:21px;
	  width: 0px;
	  background-image: url(../images/wls/welcome/scanning.png);
	  background-repeat: no-repeat;
	  background-size: 400px;
	  background-position: -156px 0;
	  -webkit-animation:anima 4s infinite steps(60);
	  -webkit-animation-delay:4s; 
	  -webkit-transform-origin:left; 
	  margin-left:-50px;
  }
   @-webkit-keyframes anima{
    0% { width:0px;}
    100% {width:120px;}
    }
 
 /****************
    微楼书nav样式
 **********************/
 .wls-nav-con{
	 position:relative;
	 margin:0 auto;
	 width:100%;
 }
 .nav-logo{
	 margin:10% auto 8%;
 }
 .nav-btn-top{
	 width:90%;
	 margin:5% auto 0;
	 text-align:center;
 }
 .nav-btn-top img{
	 width:33%;
	 margin:0;
	 padding:0;
	 border:0;
	 float:left;
 }
 .nav-btns{
	 width:94%;
	 margin-top:5%;
 }
 .nav-btns img{
	 width:44%;
	 margin-left:5%;
	 margin-bottom:5%;
 }
 .nav-pic-box{
	 position:relative;
	 width:100%;
	 overflow:hidden;
 }
 .nav-pic-list{
	position:relative;
	top:0;
	left:0; 
 }
 .nav-pic-list li{
	 float:left;
	 overflow:hidden; 
 }
 .nav-pic-list li img{
	 height:auto; 
 }
 .count{
	 position:absolute;
	 bottom:9px;
	 right:0; 
 }
 .count li{
	 width:8px;
	 height:8px;
	 margin-right:5px;
	 border-radius:100%;
	 background-color:#930;
	 opacity:0.7;
	 float:left;
 }
 .count li.current{
	 background-color:#960;
	 opacity:1; 
 }
 /************
    微楼书楼盘实景样式
 *****************/
 .wls-scenery-con{
	 position:relative;
	 margin:0 auto;
	 width:100%;
 }
 .wls-scenery-con img{
	 margin-bottom:5px;
 }
 .scenery-title{
	 margin:30px auto 0;
	 padding-bottom:6%; 
 }
 .scenery-pic01{
	 width:58%;
	 margin-left:5px; 
 }
 .scenery-pic02{
	 width:36%;
	 margin-left:5px; 
 }
 .scenery-pic03{
	  width: 43%;
	  margin-left: 5px;
  }
  .scenery-pic04{
	  width: 51%;
	  margin-left: 5px;
  }
 .scenery-pic05{
	  width: 97%;
	  margin-left: 5px;
 }
  .scenery-pic06{
	  width: 64%;
	  margin-left: 5px;
 }
 .scenery-pic07{
	  width: 43%;
	  margin-left: -11%;
 }
 /***********************
    左右滚动
 *****************************/
 .visibility{
	 visibility:hidden;
 }
 .room-page-con{
	 position:relative;
 }
 .room-page01_pic{
	 width:90%;
	 margin:4% auto;
 }
 .room-page01-text{
     margin: 8% auto;
 }
 .back{
	 position:absolute;
	 top:4%;
	 right:0;
	 width:20%;
 }
 
 .hx-page01-pic{
	 margin:5% auto 10%;
 }
 
 .arrow01,.un-arrow01{
	 position:absolute;
	 top:50%;
	 right:3%;
	 width:6%; 
 }
 .un-arrow01{
	 left:3%;
 }
 /*项目详情模块样式 start---------------------------------------------------*/
  .item-img{
	  width:100%; 
  }

/*项目详情一*/
  .item-tit{
	  margin-top: 5%; 
  }
  .item-back{ 
	  width: 18%;
	  position: absolute;
	  top: 4.5%;
	  right: 0; 
  }
  .item01-tit{
	  margin: 8% 0 4%;
  }
  .item01-img{
	   margin-bottom:5%; 
  }
/*项目详情模块样式 end---------------------------------------------------*/
/*音乐*/

.topCon {
	display: block;
	position: absolute;
	z-index: 2;
	top: 2%;
	right: 3%;
	height: 40px;
	background: rgba(204, 204, 204, 0);
}
.sound {
	width: 15px;
	height: 15px;
	padding: 5px;
	border: 2px solid #F9F9F9;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	background:url(../images/wls/soundoff.png) center center no-repeat;
	background-size: 50% 50%;
}
.musicOn {
	position: absolute;
	right: 13%;
	top: 1%;
	font-size: 10px;
	color: #e4b74e;
	z-index: 1;
}
.rotateAm {
	-webkit-animation-name: rotateAm;
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes rotateAm {
	0% {
		opacity: 1;
	}
	25% {
		-webkit-transform: rotate(0deg)
	}
	25% {
		-webkit-transform: rotate(90deg)
	}
	50% {
		-webkit-transform: rotate(180deg)
	}
	75% {
		-webkit-transform: rotate(270deg)
	}
	100% {
		-webkit-transform: rotate(360deg)
	}
}
/*音乐end*/