/* 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:#3d0722;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.foot {position: absolute;bottom:1%;text-align: center;z-index: 9;width: 100%;font-size:10px;color: #FFF;}
.widthimg{ width:100%;}
/*------------------泰和活动样式start---------------------------*/
	#total{ display:none;}
	.imgbg{ background:url(../images/bg.jpg) no-repeat; background-size:100% 100%; }
	.imgtit{margin-top: 5%;width: 100%;}
	.btndj{width: 36%;margin:8% 0 0 32%;}
	.arres{width: 7%;margin: 1% 0 0 46.5%;}
	.starimg{position: absolute;bottom: 3%;width: 88%;left: 6%;z-index: 1;}
	.btnlogo{position: absolute;bottom: 22%;width:22%;left:39%;z-index: 999;}
	.innerring{position: absolute;bottom:3.5%;z-index: 2;width: 86%;left:7%;}
	.clicktxt{ display:block;}
	.wobble{width:40%;margin: 8% 0 0 30%; display:none;}
/*------------------泰和活动样式end------infinite---------------------*/

/*------------------------------预加载前动画样式 start-----------------------------------------*/
/*预加载 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*/
/*------------------------------预加载前动画样式 end-----------------------------------------*/

/*************苹果五样式********************/
@media only screen and (device-width: 320px) and (device-height:568px){
	
}

/*************苹果四样式********************/
@media only screen and (min-device-width: 100px) and (max-device-width:320px) and (max-device-height:567px){
	.widthimg{ width: 80%;margin-left: 10%;}
	.imgtit{margin-top:3%;width: 100%;}
	.btndj{width: 30%;margin: 5% 0 0 34%;}
	.arres {width: 5%;margin: 1% 0 0 47%;}
	.wobble {width: 30%;margin: 5% 0 0 35%;display: none;}
	.innerring {position: absolute;bottom: 1.5%;z-index: 2;width: 80%;left: 10%;}
	.starimg {position: absolute;bottom: 1%;width: 80%;left: 10%;z-index: 1;}
	.btnlogo {position: absolute;bottom: 23%;width: 20%;left: 40%;z-index: 999;}
}