*{ margin:0;
 padding:0;
 -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;/* For Some Android */}
ul,li{ list-style:none}
img{ border:none}
body{width:100%; font-size:14px; font-family:"微软雅黑"; background-color:#f0f4f7;}
a{ text-decoration:none;}
input,textarea{ border:none; -webkit-appearance:none; outline:medium; outline:none;}
a,button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0;)}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}

/* - - - - - - - - - - - - - - - - - ???? - - - - - - - - - - - - - - - - - */
.navbar{
	width:100%;
	height:50px;
	background-color:#fff;
	overflow:hidden;
	border-bottom:1px solid #dddddd;
}

.navbar .nav_list{
	float:left;
	line-height:50px;
	overflow:hidden;
}

.navbar .nav_list li{
	float:left;
	width:80px;
	height:50px;
	line-height:50px;
	font-size:16px;
	color:#f19a9a;
	text-align:center;
	margin-left:5px;
	margin-right:5px;
}

.navbar .nav_list .nav_list_current{
	font-weight:bold;
	color:#fff;
	text-shadow:0px 2px 3px rgba(100,0,0,0.3);
}

#topNav{
	width:100%;
	overflow:hidden;
	/*font: 16px/32px hiragino sans gb, microsoft yahei, simsun;*/
	/*border-bottom:1px solid #f8f8f8;*/
	padding-right:30px;
	padding-left:10px;
}

#topNav .swiper-slide{
	font-size:14px;
	padding: 0 5px;
	width:72px;
	height:50px;
	line-height:50px;
	text-align:center;
	color:#999999;
	position:relative;
}

#topNav .swiper-slide i{
	display:block;
	width:4px;
	height:4px;
	border-radius:4px;
	background-color:#fff;
	position:absolute;
	left:50%;
	margin-left:-2px;
	bottom:5px;
}


#topNav .swiper-slide span{
	transition:all .3s ease;
	display:block;
}

#topNav .active span{
	font-weight:bold;
	color:#5BB0F4;
	/*text-shadow:0px 2px 3px rgba(100,0,0,0.3);*/
	transform:scale(1.1);
}

#topNav .active i{
	background-color:#5BB0F4;
}

/*遮罩*/
.mask_box{
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.4);
	position:fixed;
	left:0px;
	top:0px;
	z-index:1000;
}


.people_mask{
	width:100%;
	height:100%;
	position:fixed;
	left:0px;
	top:0px;
	background-color:rgba(0,0,0,0.7);
	z-index:999;
	animation:fadeIn 0.5s 1 ease forwards;
}

.people_mask .share_img{
	display:block;
	width:100%;
	margin-top:10px;
}

.btn_igotit{
	display:block;
	border:none;
	background:none;
	outline:none;
	width:120px;
	height:40px;
	border-radius:40px;
	border:1px solid #ffc423;
	color:#ffc423;
	font-size:16px;
	margin-left:auto;
	margin-right:auto;
	margin-top:80%;
}


/*遮罩*/
.mask_box{
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
	position:fixed;
	left:0px;
	top:0px;
}

.dialog_box{
	width:240px;
	padding:15px;
	background-color:#fff;
	border-radius:5px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	margin-top:20%;
}

.dialog_box img{
	display:block;
	width:100%;
	margin-top:10px;
}

.img_link_top{
	display:block;
	width:100%;
}

.img_qrcode_box{
	width:100%;
	overflow:hidden;
	position:relative;
	margin-top:10px;
}

.img_qrcode_box img{
	display:block;
	width:100%;
}

.dialog_box p{
	width:100%;
	text-align:center;
	color:#999999;
	line-height:20px;
	font-size:14px;
	margin-top:10px;
}


