/* 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:#000;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

#total{ display:none;}

/*预加载 start*/
    .spinner { width:100%; height:100%; background:#000; position:absolute; top:0; left:0;}

    .loading_bg01,.loading_bg02,.loading_bg03 {width: 24%;position: absolute;top: 26%;left: 38%;}
    .loading_bg01{-webkit-animation: bounceLeft 1s infinite linear;animation: bounceLeft 1s infinite linear;}
	.loading_bg02{-webkit-animation: bounceRight 1s infinite linear;animation: bounceRight 1s infinite linear;}
    .loading{width: 21%;position: absolute;top:45%;left: 38%;}
	.loading{-webkit-animation: fadeIn .5s linear;animation: fadeIn .5s linear;}
    .loadingPoint{width: 4%;position: absolute;top: 45%;left: 59%;}
	.loadingPoint{-webkit-animation: fadeIn .5s infinite linear;animation: fadeIn .5s infinite linear;}
    @-webkit-keyframes bounceLeft {
      0%{ -webkit-transform:rotate(-360deg);}
      100% { -webkit-transform:rotate(0deg); }
    }

    @keyframes bounceLeft {
      0%{ -webkit-transform:rotate(-360deg);}
      100% { -webkit-transform:rotate(0deg); }
    }
    @-webkit-keyframes bounceRight {
      0%{ -webkit-transform:rotate(360deg);}
      100% { -webkit-transform:rotate(0deg); }
    }

    @keyframes bounceRight {
      0%{ -webkit-transform:rotate(360deg);}
      100% { -webkit-transform:rotate(0deg); }
    }
    @-webkit-keyframes fadeIn {
      0%{ opacity:0;}
      100% { opacity:1; }
    }

    @keyframes fadeIn  {
      0%{ opacity:0;}
      100% { opacity:1; }
    }
  /*预加载  end*/

/*-----------------------------欢迎页---------------------------------------*/
.welcome_logo{width: 70%;position: absolute;top: 17%;left: 15%;}
.welcome_zs{position: absolute;top: 7%;width: 100%;}
.wllogo{position: absolute;top: 15%;}
.wltxt{position: absolute;bottom:30%; }

.sytxt{position: absolute;bottom: 10%;}
/*************苹果五样式********************/
@media only screen and (device-width: 320px) and (device-height:568px){
	.welcome_logo{width:70%;position: absolute;top:17%;left: 15%;}
	.welcome_zs{position: absolute;top: 7%;width: 100%;}
}

/*.touch{width: 40%;position: absolute;bottom: 10%;left: 35.5%;}
.touch li{ float:left;}
.arresright{width: 12%;padding: 13.3% 0 0 8%;}
.arresleft{width: 12%;padding: 12% 8% 0 0%;}*/
.arres{width: 40%;position: absolute;bottom: 14%;left: 30%;}
.zhiwen{ width: 13%;position: absolute;bottom: 10%;left: 43%;}

.hiden{display:none;}
.show{ display:block;}

/*----------------首页----------------*/
#outer {width: 100%; height: 100%; overflow: hidden; position: relative;}
#outer[id] {display: table; position: static;}
#inner{position: absolute;bottom: 10%;}

#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

.mlogo{ position:absolute; left:0; top:0; z-index:8; width:100%;  }

/*-----------------------------------*/

.logoin{width: 40%;position: absolute;bottom: 22%;left: 30%;}
.introduce1{width: 100%;position: absolute;bottom: 12%;}
.introduce2{width: 100%;position: absolute;bottom: 5%;}
#menubtn{position: absolute;top: 0%;z-index: 999;left: 0%; background: rgba(36,17,48,0.8);width: 40%;}
#menubtn li{ width:100%; padding:5% 0;}
.btnimg{width:50%;position: absolute;bottom:2%;left: 0%; z-index:999; padding:10% 0;}
.btnmuneimg{width:50%;position: absolute;top:42%;left: 0%; z-index:999; padding:10% 0;}


/*----------------------预约看房---------------------*/
.yylogo{width: 40%;margin: 12% auto 0;}
.name{width: 14%;margin: 10% auto 0;}
.tel{width: 15%;margin: 6% auto 0;}
.inputbtn{width: 266px;height: 35px;margin: 5% auto 0;background: rgba(0, 0, 0, 0.41);border-radius: 10px;}
.inputtxt{margin: 1% 4%;border: none;font-size: 15px;height: 26px;width: 245px;background: none; color:#c3996b;}
.anbtn{width: 100%;margin: 12% auto 0;}
input::-webkit-input-placeholder {color: #c3996b; font-family:'微软雅黑'; font-size:15px; font-weight:bold; !important; }

/*第二版修改后的样式添加 start*/
.wllogo{position: absolute;top: 15%;}
.wltxt{position: absolute;bottom:30%;}
/*第二版修改后的样式添加 end*/

/*---------------服务--------------------*/
	.fwtit{width: 9%;position: absolute;top: 5%;right: 8%;}
	.fwtxt{width: 13%;position: absolute;bottom: 10%;right: 6%;}
/*************苹果四样式********************/
@media only screen and (min-device-width: 100px) and (max-device-width:320px) and (max-device-height:567px){
	.welcome_logo{width: 70%;position: absolute;top: 12%;left: 15%;}
	.welcome_zs{position: absolute;top:0%;width: 100%;}
	
	#menubtn{position: absolute;top: 0%;z-index: 999;left: 0%; background:rgba(36,17,48,0.8);width: 40%;}
	#menubtn li{ width:100%; padding:5% 0;}
	
	.yylogo{width: 35%;margin: 8% auto 0;}
	.name{width: 14%;margin: 8% auto 0;}
	.tel{width: 15%;margin: 6% auto 0;}
	.inputbtn{width: 266px;height: 35px;margin: 5% auto 0;background: rgba(0, 0, 0, 0.41);border-radius: 10px; padding-top:4px;}
	.inputtxt{margin: 1% 4%;border: none;font-size: 15px;height: 26px;width: 230px;}
	.anbtn{width: 100%;margin: 12% auto 0;}
	
	/*---------------服务--------------------*/
	.fwtit{width: 9%;position: absolute;top: 5%;right: 8%;}
	.fwtxt{width: 12%;position: absolute;bottom: 10%;right: 6%;}
}