/* 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;
}

  .p-index
  { 
	display:none; 
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	overflow:hidden;
  }
  .clear
  { 
	 clear: both;
  }
	  
  /***************
      index样式
  **************/
   .index-con,
   .mine-page01-con,
   .mine-page02none-con,
   .mine-page02-con,
   .friend-page01-con,
   .friend-page02-con
   {
	   position:absolute;
	   top:0;
	   left:0;
	   width:100%;
	   height:100%;
	   overflow:auto;
   }
   .index-con,
   .mine-page02none-con,
   .mine-page02-friendlist-bg,
   .friend-page01-con
   {
	   background-color:#fff;
   }
   .index-bottom
   {
	   position:relative;
	   width:90%;
	   margin:0 auto;
	   padding-bottom:5%;
   }
   .index-input
   {
	   padding:3% 0;
	   margin-bottom:3%;
	   border-radius:10px;
	   background-color:#0071aa;
   }
   .index-input-detail
   {
	   width:80%;
	   margin:4% auto 0;      
   }
   .index-input-detail dd
   {
	   float:left;
	   width:20%;
	   height:25px;
	   line-height:25px;
	   font-size:16px;
	   text-align:center;
	   color:#fff;
   }
   .index-input-detail dt
   {
       float:left;
	   width:80%;
	   border-radius:5px;
	   background:#fff;
	   color:#000;
   }
   .inputtext
   {
	   width:98%;
	   padding-left:2%;
	   height:28px;
	   line-height:28px;
	   background:none;
	   border:0;
	   border-spacing:0;
	   font-size:16px;
   }
   .index-btn
   {
	   margin:5% auto 0;
   }
   .index-tipfloat-bg
   {
	   display:none;
	   position:fixed;
	   top:0;
	   left:0;
	   width:100%;
	   height:100%;
	   overflow:hidden;
	   background-color:rgba(0,0,0,.8);
   }
   .index-tipfloat
   {
	   width:90%;
	   margin:25% auto 0;
	   background-color:#58abeb;
	   padding:5% 0;
	   border-radius:10px;
   }
   .index-tipfloat-text-02
   {
	   margin:8% auto;
   }
   
   /***********
      mine-page01 样式
   ******************/
   .mine-page01-con,
   .mine-page02-con,
   .mine-page02-friendlist
   {
	   background-color:#e3e3e3;
   }
   .mine-name,.tofriend-mine-name
   {
	   position:relative;
   }
   .mine-name span,.tofriend-mine-name span
   {
	    position:absolute;
		top: 28%;
		left: 0%;
		font-size: 25px;
		/*width: 126px;*/
		text-align: right;
	        color:#ff9f09;
	        font-weight:bold;
		
   }
   .mine-page01-btns
   {   
       position:relative;
       width:94%;
	   margin:-4% auto 0;
	   padding-bottom:15%;   
   }
   .mine-page01-btn-01
   {
	   position:absolute; 
	   top:0;
	   left:0;
	   width:53%;
   }
   .mine-page01-btn-02
   {
	   position:absolute;
	   right:0;
	   top:0;
	   width:45%;
   }
   .mine-sharefloat-bg,
   .friend-page01-float-bg
   {
	   display:block;
	   position:fixed;
	   top:0;
	   left:0;
	   width:100%;
	   height:100%;
	   overflow:hidden;
	   background-color:rgba(0,0,0,.8);
   }
   .mine-sharefloat-btn
   {
	   width:35%;
	   margin:0 auto;
   }
   
   /***********
     mine-page02none与mine-page02样式
   **************/
   .overflow.mine-page02-con
   {
	   overflow-y:auto;
   }
   .mine-page02-friendlist-bg
   {
	   position:relative;
	   height:auto;
	   padding:5px 0;
   }
   .mine-page02-friendlist
   {
	   position:relative;
	   width:90%;
	   height:200px;
	   overflow-y:auto;
	   margin:0 auto 0px;
	   border-radius:10px;
   }
   .mine-page02-friendlist-tip
   {
	   position:absolute;
	   bottom:0;
	   width:100%;
	   padding-bottom:3%;
	   text-align:center;
	   color:#999999;
   }
   .mine-page02-friendlist-item-list
   {
	   height:160px;
	   overflow-y:auto;
   }
   .mine-page02-friendlist-item
   {
		position: relative;
		float: left;
		width: 45%;
		height: 42%;
		margin: 3% 0 0 3%;
		background: #2196f3;
		border-radius: 10px;
		color: #fff;
		text-indent: 20px;
		font-size: 24px;
		line-height: 44px;
		text-align: left;
   }
   .mine-page02-friendlist-item::after
   {
		position: absolute;
		bottom: 15%;
		right: 3%;
		font-size: 18px;
		font-weight: bold;
		line-height: 18px;
		color: #ff9f2d;
		content: "与你相约";
  }
  
  /************
     friend-page01与friend-page02样式
  ******************/
  .friend-page01-btns
  {
	  position:relative;
	  width:90%;
	  background-color:#1074a6;
	  border-radius:10px;
	  margin:3% auto;
	  padding:5% 0% 17% 0;
  }
  .friend-page01-btn-01
  {
	  position:relative;
	  float:left;
	  width:47%;
	  margin:4% 0 0 1%;
  }
  .friend-page01-btn-02
  {
	  position:relative;
	  float:right;
	  width:50%;
	  margin:4% 1% 0 0;
  }
  .friend-page01-float-bg
  {
	  display:none;
  }
  .friend-page01-float
  {
	  width:90%;
	  margin:20% auto 0;
	  border-radius:10px;
	  padding:5% 0;
	  background-color:#58abeb;
  }
  .friend-page01-float-input,.friend-page01-float-input-tel
  {
	  width:90%;
	  margin:5% auto 0;
  }
  .friend-page01-float-input dd,.friend-page01-float-input-tel dd
  {
	  float:left;
	  width:22%;
	  height:30px;
	  text-align:left;
	  line-height:30px;
	  font-size:18px;
	  color:#fff;
  }
  .friend-page01-float-input dt,.friend-page01-float-input-tel dt
  {
	  float:left;
	  width:78%;
	  height:30px;
	  line-height:30px;
	  background-color:#498fc4;
	  border-radius:10px;
	  font-size:16px;
	  color:#fff;
  }
  .friend-page01-float .inputtext
  {
	  color:#fff;
  }
  .friend-page01-float-input-tel dd
  {
	  width:35%;
  }
  .friend-page01-float-input-tel dt
  {
	  width:65%;
  }
  .friend-page01-float-text
  {
	  margin:10% auto 8%;
  }
  .tofriend-mine-name
  {
	  margin:10% auto 10%;
  }
  .tofriend-mine-name span
  {
	  top: 13.7%;
	  left: 37%;
	  text-align: center;
	  font-size: 18px; 
	  color:#ffde00; 
	  
  }
  .friend-page02-text-03
  {
	  width:90%;
	  margin:0 auto;
	  padding: 3% 0;
	  border-radius:10px;
	  background-color:#fff;
  }
  .friend-page02-btn
  {
	  margin:5% auto 10%;
  }
  .page-bg
  {
	  /*z-index:-1;*/
  }
  .friend-page02-con-detail
  {
	  position:absolute;
	  top:0;
	  left:0;
	  overflow-y:auto;
  }