/* CSS Document */
* {
	margin: 0;
	padding: 0;
	outline: 0;
}
a { color: #000;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
ul, ol, li {
	list-style: none;
}
em, i {
	font-style: normal;
}
img { padding: 0;
    margin: 0;
	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;

}

  .p-index{ display:none;}
  .clear{ clear: both;}

  .running_bg{   position: absolute;  top: 0;  width: 100%;  z-index: 2;  overflow: hidden;}
  .runningbg_box{ width:100%; height:100%; overflow:hidden; position:absolute;}
  .runningbgs{ position:absolute; overflow:auto; top:0; }
  .float_left{ position:relative;}
  .metro_txt1{ position:absolute; top:0;}
  .zIndex{ z-index:3;}
  .entrance_front{ position:absolute; top:-10%;  z-index:88;}
  .ending{position:absolute; top: 0;   z-index:2; display:none;}
  
  .running_man{   position: absolute;  top: 4%;  width: 25%;  left: 33%;  z-index: 3;}
  
  .running_tip{  width: 15%;  position: absolute;  top: 8%;  left: 40%;  z-index: 2;}
  
  .rule{position:absolute; bottom:0%; width:100%; background:#333333; height:100%;display:none; z-index:4; overflow:hidden;}
  .rule_close{   width: 10%;  position: absolute;  right: 12%;  top: 0;}
  .rule_text{  width: 47%;  position: absolute;  top: 0;  left: 19%;}
  
  .share{position:absolute; bottom:0%; width:100%; background:#333333; height:100%;display:none; z-index:5; overflow:hidden;}
  .share_text{  position: absolute;  top: 10%;}
  
  .infor{position:absolute; bottom:0%; width:100%; background:#333333; height:100%; display:none;z-index:4; overflow:hidden;}
  .infor_text01{ position:relative; margin:20% auto 10%;}
  .infor_time{position:relative;  width: 100%;   font-size: 24px;  margin-top: -7%;  margin-left: -4%;  color: #ff8a00;  text-align: center; }
  .infor_input01{position:relative;   width: 100%; margin:9% auto; }
  .infor_input01 dt{    position: absolute;  color: #fff;  left: 0;  width: 19%;  text-align: right;  height: 25px;  line-height: 25px; }
  .infor_input01 dd{  width: 76%;  position: absolute;  right: 0;}
  .input_text{ border: 0;  border-spacing: 0;  background: #fff;  height: 24px;  padding: 0% 2%;  font-size: 16px;}
  .infor_prompt{position:relative; width: 40%; margin:10% 0% 0% 6%; }
  .infor_reflesh{position:relative; width: 40%;margin:10% 0% 0% 6%;}
  
  .rows{position:absolute; bottom:0%; width:100%; background:#333333; height:100%;z-index:4;display:none; overflow:hidden;}
  .rows_bg{ background:#ededed; border:3px solid #c60000; padding:0% 4%; border-radius:10px; width:80%; margin:10% auto; height:90%; position:relative;}
  .rows_close{  position: absolute;  top: -5%;  right: -6%;  width: 18%;}
  .rows_result{ width:57%; margin:10% auto 0; position:relative}
  .rows_result_num{   position: absolute;   bottom: 0%;  color: #6d4717;  font-size: 34px;  left: 0%;}
  .rows_con{ width:90%; border-top:2px solid #d07500; padding-top:10%; margin:0 auto;}
  .rows_bgpic{ width:100%; position:relative;}
  .rows_title{ width:100%;}
  .rows_list{   color: #6d4717;  position: relative;  width: 95%;  height: 158px;  top: 8%;  overflow: auto;  margin: -71% auto 0;  }
  .rows_dist{     padding:7px 16px;;}
  .rows_list_num{width:20px; height:20px; border-radius:100%; text-align:center; line-height:20px;}
  /*毫秒倒计时*/
  .countdown{  position: absolute;  top: 45%;  left: 5%;  z-index: 3;  font-size: 34px;  font-family: "Times New Roman", Times, serif;  -webkit-transform: rotate(90deg);}
  /*苹果4手机 start*/
@media screen and (max-height: 500px) {
 .running_tip{  width: 13%;  position: absolute;  top: 8%;  left: 40%;  z-index: 2;}
 
  .rule_close{   width: 8%;  position: absolute;  right: 23%;  top: 0;}
  .rule_text{  width: 39%;  position: absolute;  top: 0;  left: 19%;}
  
  
}
  /*苹果6 plus样式*/  
@media screen and (min-height: 600px) and (max-height: 603px) {
	
  .rows_list{   color: #6d4717;  position: relative;  width: 95%;  height: 158px;  top: 8%;  overflow: auto;  margin: -65% 0 0 6%;  }
  .rows_dist{     padding:7px 25px;}
}

@media screen and (min-height: 670px) and (max-height: 672px) {
	
  .rows_list{   color: #6d4717;  position: relative;  width: 95%;  height: 158px;  top: 8%;  overflow: auto;  margin: -65% 0 0 10%;  }
  .rows_dist{     padding:7px 30px;}
}