@charset "utf-8";
/* 所有页面css */
div{overflow:hidden;}
		body {margin:0px;
				font-family:"微软雅黑";
				font-size:18px; 
				background: #ffffff; 
				
				width:100%; height:100%;
				}
		a { text-decoration:none; 
			color: #fff;
			}
		ul {list-style-type: none;
				margin: 0px;
				padding: 0px;
				}
		.overlay{position: fixed;z-index:100;
						top: 0px;
						left: 0px;
						height:100%;
						width:100%;
						color:red;
						background-color:#fff;
						filter:alpha(opacity=70);
						-moz-opacity: 0.7;
						opacity: 0.7;
						text-align:center;
		
		}
		
		
/*部落*/		
		.box_dow{ position:relative; width:100%;}
		
		
	.box_head{ width:100%; 
						display:block;
						overflow:hidden;
						z-index:-1;
						background-color:#aa0b0b;
						
						background: url("../images/wap/headbackground.png") no-repeat;
						-webkit-background-size: 100% ;
						background-size: 100% ;
						}
		.logo_img{ margin:1.5% 0% 0% 2%;
						
								display:block;
								width: .823rem;
           				 		height: .823rem;
								z-index:1;	
								background: url("../images/wap/logo.png") no-repeat;
							   -webkit-background-size: 100% 100%;
							    background-size: 100% 100%;
								float:left;
								}

 	
 
		.tile_douniu{ float:left;
							 margin:2.7% 3% 0.8% 1%;
							 display:block;}
		.douniu_max{ overflow:hidden;
								display:block;}
		.douniu_max_left{ float:left;
									color:#FFF;
									font-size: .2259375rem;
									font-weight:bold;
									line-height:0.19rem}
		.douniu_max_left span{ font-size:50%;}
		.douniu_max_right{ float:left; color:#FC0;
										 margin:3.2% 3% 1% 5%; 
										 font-size: .2259375rem;
										 font-weight:bold;}
		.douniu_small{ font-size: .1359375rem;
									color:#fff;
									margin-right:0%;
									padding-top:0.7%;
									}
									
/*tob*/									
									
		.head_box{ overflow:hidden;
							width:100%;
							display:block;
							background-color:#eeeeee;
							}
		.notice1{ float:left; 
					display:block;
					background-color:#00b7ee;
					border-radius:0.05rem;
					width: 3.093125rem;
					height: .4859375rem;
					margin:1% 0.5% 1% 1%; 
					}
		.notice1 active{
					background-color:#20a2c9;}
		.notice1 img{ 
							margin:0 auto;
							width:1.10rem;
							height:0.55rem;	
							display:block;
							}		
		.notice2{ float:left; 
					display:block;
					background-color:#3abd96;
					border-radius:0.05rem;
					width: 3.083125rem;
					height: .4859375rem;
					margin:1% 0.5% 1% 1%; 
					}
		.notice2 img{ width:1.10rem;
							margin:0 auto;
							height:0.55rem;
							display:block;
							}		
		.notice3{ float:left; 
					display:block;
					background-color:#ff7b3f;
					border-radius:0.05rem;
					width: 3.14125rem;
					height: .4859375rem;
					margin:1% 0.5% 1% 1%; 
					}
		.notice3 img{ width:1.25rem;
							margin:0 auto;
							height:0.55rem;
							display:block;
							}	
							
	/*顶活动*/						
												
		.center_box{ width:100%; 
							display:block;
							z-index:-1;
							background-color:#fff;
							border-bottom: solid 0.08rem;
							border-color:#efefef;
							}
		.center_txet{ overflow:hidden;
							width:100%;
							display:block;
							border-bottom: solid 0.02rem;
							border-bottom-color:#ebebeb;
							}
		.center_txet9{ overflow:hidden;
							width:100%;
							display:block;
							border-bottom: solid 0.08rem;
							border-bottom-color:#efefef;
							}
		.ding{  float:left; 
							display:block;
							-webkit-background-size: 100% 100%;
							background-size: 100% 100%;
							background-image:url("../images/wap/top.png");
							background-repeat:no-repeat;
							z-index:1;
							width:.30rem;
							height:.30rem;
							margin:1.3% 0.5% 0.8% 1%; 
					
					}
			.message1{float:right;
							display:block;
							-webkit-background-size: 100% 100%;
							background-size: 100% 100%;
							background-image: url("../images/liuyan.png");
							background-repeat:no-repeat;
							z-index:1;
							width:.17rem;
							height:.17rem;
							margin:2% 0% 0.8% 0.5%;  }
		.message_nb1{ color:#999999;
								font-size:0.12rem;
								margin:2% 4% 0.8% 0.5%; ;
								float:right;
								display:block;}	
		.title_txet{ float:left; 
						  color:#333333;
						  display:block;
						  font-size:0.1559375rem;
						  margin:1.5% 0% 1% 0%;
						   }				   

/*第二个页面社交群微信加群示例图片代码*/
		.title_txet_img{display:block; float:left;
								z-index:1;
								width:1.73rem;
								height:3.2rem;
								margin:1.3% 0.5% 0.8% 1%; 	
								}

		.inter_title_txet{ float:left;
					      width:80%;
						  color:#333333;
						  display:block;
						  font-size:0.1559375rem;
						  margin:1.5% 0% 1% 0%;
						   }	
        .inter_center_txet{ overflow:hidden;
							width:100%;
							display:block;
							border-bottom: solid 0.08rem;
							border-bottom-color:#ebebeb;
							margin-bottom:3%;
							}
		`
/*第二个页面社交群微信加群示例图片代码*/
						   
/*今日活动*/						   					   
		.activity_box{ width:100%; 
								display:block;
								z-index:-1;
								overflow:hidden; 
								border-bottom: solid 0.10rem;
								border-bottom-color:#efefef;
														
							}
/*insidepage*/	
		.inside_activity_box{ width:100%; 
								display:block;
								z-index:-1;
								overflow:hidden; 
								border-bottom: solid 0.010rem;
								border-bottom-color:#efefef;
																
							}

						
/*insidepage*/	



							
		.activity_top{ border-bottom: solid 0.012rem;
							border-bottom-color:#ebebeb;
							margin-bottom:0.5%;
							}

		.topbox_left{ float:left; 
							 display:block;
							 width:50%;
							 margin:1.5% 0% 0.5% 1%;}	
		.touxiang{ display:block;
							float:left;
							-webkit-background-size: 100% 100%;
							background-size: 100% 100%;
							background-image: url("../images/wap/touxiang.png");
							background-repeat:no-repeat;
							z-index:1;
							width:0.6rem;
							height:0.6rem;
							
							}			
		.name{ float:left; 
						  color:#69F;
						  display:block;
						  font-size:0.1559375rem;
						  margin:1.5% 0% 1% 3%; 
						  }
		.name span{ color:#CCC;
							font-size:0.08rem;
							}	
		.label{ float:left; 
				  display:block;
				  width:0.8rem;
				  height:0.2rem;
				  color:#69F;
				  text-align:center;
				  font-size:0.12rem;
				  border-radius:0.4rem;
				  border: solid  0.012rem #69F;
				   margin:1.5% 3% 1% 3%; 
				   }	  
		.fire{ float:left;
							display:block;
							-webkit-background-size: 100% 100%;
							background-size: 100% 100%;
							background-image: url("../images/wap/hot.png");
							background-repeat:no-repeat;
							z-index:1;
							width:.42rem;
							height:.42rem;
							margin:0% 0% 1% 0.3%; 
							}	
		.topbox_right{ float:right;
							display:block;
							-webkit-background-size: 100% 100%;
							background-size: 100% 100%;
							background-image: url("../images/wap/huodong.png");
							background-repeat:no-repeat;
							z-index:1;
							width:1.0rem;
							height:0.7rem;
							 }
							 
		.activity_bottom{ width:100%; 
								display:block;
								border-bottom: solid 0.10rem #efefef;
								}
		.activity_bottom22{ width:100%; 
								display:block;
								
								}
		.bottom_sm{ overflow:hidden;
							display:block;
							margin-bottom:1.2%;
							margin-top:1.5%;} 
		.bottom_sm11{ overflow:hidden;
								display:block;
								} 

		.bottom_title{ width:70%;}	
		.bottom_title1{ width:70%;
								overflow:hidden;
								}				 
		.bottom_new{ float:left;
								display:block;
								-webkit-background-size: 100% 100%;
								background-size: 100% 100%;
								background-image: url("../images/wap/new.png");
								background-repeat:no-repeat;
								z-index:1;
								width:.28rem;
								height:.28rem;
								margin:0% 0.5% 1% 1%; 
								}
		
		.line{ float:left;
				width:0.02rem;
				height:0.20rem;
				background-color:#F90;
				margin:0% 1% 0% 8%;
				}
		
		.inside_bottom_newtitle3{ float:left;
					display:block;
					color:#333333;							  
					font-size:0.17rem;
									  margin:0% 0% 0% 0.5%;
									   }	
		.bottom_newtitle{ float:left;
									 display:block;
									  color:#333333;							  
									  font-size:0.25rem;
									  margin:0% 0% 0% 1%; }					
		.bottom_smtitle{ color:#999999;
								font-size:0.15rem;
								 margin:1% 3% 1% 1%;
								 float:left;}
								 							 				
		.bottom_number{ float:left;
									display:block;
									margin:0.5% 3% 1% 5%;
									width:100%;
									}	
		.message{float:left;
							display:block;
							-webkit-background-size: 100% 100%;
							background-size: 100% 100%;
							background-image: url("../images/wap/liuyan.png");
							background-repeat:no-repeat;
							z-index:1;
							width:.17rem;
							height:.17rem;
							margin:0% 0.5% 0.8% 0%; }
		.message_nb{ color:#999999;
								font-size:0.12rem;
								margin:0% 0% 0% 0%;
								float:left;
								display:block;}							
		.shuxian{ float:left; 
						color:#c1c1c1;
						margin-left:1%;
						margin-right:1%;
						line-height:0.18rem;
						}	
		.look{float:left;
							display:block;
							-webkit-background-size: 100% 100%;
							background-size: 100% 100%;
							background-image: url("../images/wap/look.png");
							background-repeat:no-repeat;
							z-index:1;
							width:.17rem;
							height:.17rem;
							margin:0% 0.5% 0% 0%; 
							}	
			.look_nb{ color:#999999;
								font-size:0.12rem;
								margin:0% 0% 0% 0.2%;
								float:left;
								display:block;
								}


							
								
/*activitty_insidepage   */

			.inside_activity_bottom{ width:100%; 
								display:block;
								border-bottom: solid 0.02rem;
								border-bottom-color:#efefef;
								margin:1% 1% 1% 1%;
								}
			.inside_activity_biaoqian{display:block;
								width:100%;					
								height:100%;
								margin:0.5% 0.5% 0.8% 1%; 
								}
			..inside_activity_biaoqian img{ 
								width:2rem;
								height:0.4rem;
								display: block;}
			.inside_bottom_new{ float:left;
								display:block;	
								z-index:1;
								border-radius: 50%;
								background-color:#fff;
								width:.38rem;
								height:.38rem;
								margin:0% 0.5% 0.8% 1%; 
								}
			.inside_bottom_newtitle1{ float:left;
									 display:block;
									  color:#a0a0a0;							  
									  font-size:0.15rem;
									  margin:1% 0.5% 0% 0%; }
			.inside_bottom_newtitle2{ float:left;
									 display:block;
									  color:#333333;							  
									  font-size:0.18rem;
									  margin:1% 0% 1% 0%;
									   }	
			.inside_bottom_newtitle3{ float:left;
									 display:block;
									  color:#999999;							  
									  font-size:0.17rem;
									  margin:0% 0% 0% 1%;
									   }	
			.inside_bottom_smtitle{ color:#999999;
								font-size:0.12rem;
								 margin:0% 3% 1% 1%;
								 float:left;}	
			
								
			.bottom_number_time{ color:#999999;
													font-size:0.12rem;
													margin:0% 50% 0% 0%;
													float:left;
													display:block;
													}	
													
			.inside_box{ width:80%;
								display:block;
								z-index:-1;
								margin:0 auto;
								
								 }
			.inside_box p{text-indent:2em;
									font-size:0.2rem;
									margin:4% 0% 2% 0%;
									}
			.inside_box div{
										 display:block;
										width:100%;
										margin:0 auto;
										text-align:center;
										font-size:0.2rem;
										margin:0% 0% 4% 0%;
										}
			.inside_box img{ width5rem; 
												height:2.8rem; 
												display:block;
												margin:0 auto;
												}
			.insidepage_news{ text-indent:2em;
										width:80%;
									
									font-size:0.2rem;
									margin:4% 10% 2% 10%;
										}
			.insidepage_img{ display:block;
										width:80%;
										margin:0 auto;
										text-align:center;
										font-size:0.2rem;
										margin:0% 10% 4% 10%;
											}	
			.insidepage_img img{ width:4rem; 
												height:2.2rem; 
												display:block;
												margin:0 auto;}									
			.dianzan{display:block;
										width:40%;
										margin:0 auto;
										text-align:center;	
										margin:8% 30% 6% 30%; 
										}	
									
			.dianzan_box{ width:1.5rem;
									height:0.65rem;
									margin:0 auto;
									text-align:center;	
									background-color:#F93;
									border-radius:0.4rem;
									display:block;
									 }	
			.dianzan_box img{ width:.3rem;
			 							height:.3rem;
										margin-top:2%;
										}					
			.dianzan_box div{ font-size:0.18rem;
										color:#FFF;}		
			.text_box{ width:100%; 
							display:block;
							margin-bottom:2%;
							}
										
			.widt100{ width:100%;
							height:0.6rem;
							overflow:hidden;
							
							padding:5px; 
							border:1px solid #ccc;
							margin:0% 10% 1% 0%;
							overflow-x:visible;overflow-y:visible;
											}	
			.tijiao{ width:98%;
						display:block;
						
						padding:1% 0% 1% 0%;
						
						background-color:#69F;
						border-radius:0.04rem;
						}						
			.tijiao_text{ font-size:0.2rem;
								margin:0 auto;
								text-align:center;								
								color:#FFF;	
								}
			.text_nuber_box{ width:100%;
										display:block;
										overflow:hidden;
										border-bottom: solid 0.02rem;
										border-bottom-color:#efefef;
										border-top: solid 0.02rem #efefef;
										
										}
			.nuber_box_img1{ float:left;
										display:block;
										width: 0.4rem; 
										height:0.4rem;
										margin:1% 0.23% 1% 1.5%;
										}	
			.nuber_box_img1 img{ width:100%;
												height:100%;
												display:block;}					
								
			.nuber_box_img{ float:left;
										display:block;
										width: 0.4rem; 
										height:0.4rem;
										margin:1% 0.23% 1% 0.5%;
										}					
			.nuber_box_img img{ width:100%;
												height:100%;
												display:block;}					
								
			.shuzi_box{ float:right; 
								display:block;
								overflow:hidden;
								margin-right:5%;
								margin:2% 1% 1% 0.5%;
								}
			.insidepage_zan{ width:0.2rem;
					 float:left;
					 height:0.2rem;					 
					 display:block;
					-webkit-background-size: 100% 100%;
					background-size: 100% 100%;
					background-image: url("../images/wap/liuyan.png");
					background-repeat:no-repeat;
					}
			.insidepage_shu{ font-size:0.18rem;
										color:#999999;}					
														
																																															
/*activitty_insidepage  */			

/*make friend  begin*/
			.ranking_box{ width:100%;
									display:block;
									overflow: hidden;
									margin-bottom:2%; 
									margin-top:2%;
									border-bottom: solid #ebebeb 0.2rem;
									}
			.make_friend{ float:left;
									display: block;
									width:48%;
									
									margin-bottom:1%;
									}
			.make_title{  display:block;
								margin:0 auto;
								width:2.5rem;
								height:0.44rem;
								-webkit-background-size: 100% 100%;
								background-size: 100% 100%;
								background-image: url("../images/wap/makefriend.png");
								background-repeat:no-repeat;
								}
			.list_friend{ display:block;
								width:80%;
								margin:2% 10% 2% 10%;
								}
							
			.list_friend_box{ display:block;
									 overflow:hidden;
									 background-color:#eeeeee;
									 
									 }
			.list_left{ float:left; 
							display:block;
							font-size:0.18rem;
							margin:0.5% 5% 0.5% 6%;
							color:#999999;
							}
			.list_center{ float:left;
								display:block;
								font-size:0.18rem;
								margin:0.5% 2% 0.5% 8%;
								color:#999999;
								}
			.list_touxiang{float:left;
								display:block;
								font-size:0.18rem;
								margin:0.5% 2% 0.5% 8%;
								color:#999999;
								}
			.list_right{ float:right;
								display:block;
								font-size:0.18rem;
								margin:0.5% 5% 0.5% 0%;
								color:#999999;
								}
			.list_friend_box1{ display:block;
									 overflow:hidden;
									 
									 border-bottom:solid #eeeeee 0.02rem;
									 }
			.list_left1{ float:left; 
							display:block;
							font-size:0.18rem;
							margin:2% 5% 1% 9%;
							color:#999999;
							}
			.list_center1{ float:left;
								display:block;
								margin:0 auto;
								font-size:0.18rem;
								margin:2% 2% 0.5% 9.4%;
								color:#999999;
								width:0.7rem;
								height:0.3rem;
								}
			.list_center_text{ text-align:center;
									margin:auto;}
			.inside_bottom_new1{ float:left;
								display:block;	
								z-index:1;
								border-radius: 50%;
								background-color:#fff;
								width:.35rem;
								height:.35rem;
								margin:1% 2% 0.5% 10%;
								}
			.inside_bottom_img1{ width:100%;
								height:100%;
								}
			.list_right1{ float:right;
								display:block;
								font-size:0.15rem;
								margin:2% 0% 0.5% 0%;
								color:#999999;
								width:0.8rem;
								height:0.3rem;
								}
			.list_right1_text{text-align:center;
									margin:auto;	
										}
			.xian{ float:left;
						display:block;
						width:2%;
						margin-top:3%;
						margin-left:1.5%;
						
						}
			.xiantiao{ display:block;
							float:left;
							width:0.02rem;
							height:3rem;
							margin-left:1.8%;
							margin-right:1.8%;
							background-color:#eeeeee;
							}
			
			.Send_money{ float:right;
							display:block;
							width:48%;
							
							}
			
			.make_title2{  display:block;
								margin:0 auto;
								width:2.5rem;
								height:0.44rem;
								-webkit-background-size: 100% 100%;
								background-size: 100% 100%;
								background-image: url("../images/wap/jinzi.png");
								background-repeat:no-repeat;
								}
/*make friend  over*/

.kong{ width:100%;
			height:0.45rem;

			}
.kong1{ width:100%;
			height:0.30rem;

			}

																			
/*固定操作栏*/								
			
			.Fixed_box{ width:100%;
								display:block;
								position: fixed;
								bottom: 0;
								left: 0;
								overflow:hidden;
								background-color:#2e2147;
								height:.45rem;
								}	
								
			.Fixed_left{ position: fixed;
								left: 15%;
								bottom: 0.12rem;
								width: .1253125rem;
								height: .2059375rem;
								background: url("../images/wap/left.png") no-repeat;
								-webkit-background-size: 100% 100%;
								background-size: 100% 100%;	
								 }
			.Fixed_right{ position: fixed;
								left: 38%;
								bottom: 0.12rem;
								width: .1253125rem;
								height: .2059375rem;
								background: url("../images/wap/right.png") no-repeat;
								-webkit-background-size: 100% 100%;
								background-size: 100% 100%;	
								}
			.Fixed_Reload{ position: fixed;
								left: 62%;
								bottom: 0.12rem;
								width: .2053125rem;
								height: .2059375rem;
								background: url("../images/wap/Reload.png") no-repeat;
								-webkit-background-size: 100% 100%;
								background-size: 100% 100%;	
								}
			.Fixed_Share{ position: fixed;
								left: 70%;
								bottom: 0.12rem;
								width: .2053125rem;
								height: .2059375rem;
								background: url("../images/wap/Share.png") no-repeat;
								-webkit-background-size: 100% 100%;
								background-size: 100% 100%;	
								}								 
			.Fixed_Close{ position: fixed;
								left: 85%;
								bottom: 0.12rem;
								width: .2053125rem;
								height: .2059375rem;
								background: url("../images/wap/Close.png") no-repeat;
								-webkit-background-size: 100% 100%;
								background-size: 100% 100%;	
								}	
			.inside_bottom_img{ width:100%;
								height:100%;
								}
								
	/*操作栏*/							
											
.heart {
	background:url(../images/wap/web_heart_animation.png);
	background-position:left;
	background-repeat:no-repeat;
	height:4.0rem;
	width:4.0rem;
	cursor:pointer;
	position:absolute;
	left:0px;
	background-size:2900%;
}

@-webkit-keyframes heartBlast {
	0% {
		background-position:left;
	}
	100% {
		background-position:right;
	}
}

@keyframes heartBlast {
	0% {
		background-position:left;
	}
	100% {
		background-position:right;
	}
}

.heartAnimation {
	display:inline-block;
	-webkit-animation-name:heartBlast;
	animation-name:heartBlast;
	-webkit-animation-duration:.8s;
	animation-duration:.8s;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1;
	-webkit-animation-timing-function:steps(28);
	animation-timing-function:steps(28);
	background-position:right;
}
.feed{margin-bottom:0%; height:0; position:relative;}
.likeCount{font-family:'Georgia', Times, Times New Roman, serif; margin-top:0%; margin-bottom:1%;margin-left:2.5%;font-size:2rem;color:#999999}

/* 弹窗样式*/
 .modal {
            display: none;
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            z-index: 400;
        }

        .modal-mark {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            background: #000;
            opacity: .5;
            z-index: 100;
        }

        .modal-body {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            width: 4.78125rem;
            height: 3.09375rem;
            background: url("../images/activity/modal-bg.png") no-repeat;
            background-size: 100%;
            z-index: 200;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: .78125rem .46875rem 0 .46875rem;
        }

        .modal-body > p {
            font-size: .234375rem;
            line-height: 1.5;
            color: #e38b18;
        }

        .closeModal {
            position: absolute;
            left: 1.40625rem;
            top: 2.03125rem;
            display: block;
            width: 2.109375rem;
            height: .78125rem;
        }