@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2017-11-16 14:53:59
 * @version $Id$
 */
*{
	padding:0;
	margin:0;
}
body{
	font-family:"微软雅黑";
	font-size:16px;
	color:#484848; 
	background:#f3f7fa;
	padding-bottom:10px;
}
.wrap{
	width:60%;
	padding:15px 15px;
	background:#ffffff;
	overflow: hidden;
	margin:0 auto 10px;
}
h1{
  font-size:24px;
  margin-bottom:10px;
   line-height:1.2em;
}
h2{
  font-size:18px;
  border-left:3px solid #43a9de;
  padding-left:6px;
  line-height:1em;
  margin-bottom:25px;
  margin-top:15px;
}
ul li{
	list-style:none;
}
.gred_color{
	color:#999999;
}
.blue_color{
	color:#43a9de;
}
.gred_box{
	background:#f3f7fa;
	border-left:6px solid #e7eef4;
	border:0 0 0 6px;
	padding:10px 10px 21px;
	margin:10px auto;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
.fl{
	float: left;
}
.fr{
	float: right;;
}
.extra{
	padding:8px 0;
	font-size:12px;
}
.extra span{
	display:inline-block;
	float:left;
}
.wrap img{
	display: block;
	width:100%;
	margin:10px auto;
}
p{
	text-indent:2em;
	margin-bottom:15px;
	line-height:1.8em;
}
.item{
	border-bottom:1px solid #efefef;
	margin-bottom: 15px;
	padding-bottom:15px;
	overflow: hidden;
}
.column li:last-child{
	margin-bottom:0;
	border-bottom:none;
}
.image{
	width:58px;
	height:58px;
	float:left;
	margin-right:12px;
}
.image img{
	border-radius:50% 50%;
	height:52px;
	width:52px;
	background-size:60px 60px;
	border:1px solid #efefef;
}
.item .content{
	margin-top:15px;
}
.share{
   text-align:center;
   margin:20px auto;
   padding-top:20px;
}
.share span{
   display:inline-block;
   line-height:30px;
   color:#999;
}
i{
	display:block;
	float:left;
	margin-right:5px;
}
.wx_icon{
	background:url(../img/wx_icon.png) no-repeat;
	width:24px;
	height:20px;
	background-size:24px 20px;
}
.qq_icon{
	background:url(../img/qq_icon.png) no-repeat;
	width:21px;
	height:22px;
	background-size:21px 22px;
}
.gyq_icon{
	background:url(../img/gyq_icon.png) center top no-repeat;
	width:20px;
	height:20px;
	background-size:20px 20px;
}
.wx_icon,.qq_icon,.gyq_icon{
	font-size:12px;
	height:20px;
}
i.eye_icon{
	display:inline-block;
	width:14px;
	height:10px;
	background:url(../img/eye.png);
	background-size:14px 10px;
	margin-right:5px;
	margin-top:4px;
}
.box {
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.line {
  height:1px;
  flex-grow: 1;
  background-color:#efefef;
}
.text {
  margin: 0 10px;
  font-size:12px;
}
.toolbar-item,.toolbar-layer{background:url(../img/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;bottom:20%; z-index: 50;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:54px;height:52px;position:relative;}
.toolbar-item-share{background-position:0 -106px;}
.toolbar-item-share:hover{background-position:0 -106px;}
.toolbar-item-stroe{background-position:0 -53px;}
.toolbar-item-stroe:hover{background-position:0 -53px;}
.toolbar-item-top{background-position:0 0;}
.toolbar-item-top .toolbar-layer,.toolbar-item-app .toolbar-layer,.toolbar-item-weixin .toolbar-layer{
  display: block;
  background: #fff;
  padding: 5px 15px 15px;
  color: #000;
  font-family:"arial";
  font-size:12px;
  line-height:1.2em;
  font-family:"微软雅黑";
}
.toolbar-layer dt{
  color: #ff0000;
  font-weight:bolder;
  font-size:14px;
}
.toolbar-item-top:hover{background-position:0 0;}
.toolbar-layer{
  bottom:0;
  right:53px;
  border: 1px solid #e1e1e1;
  position:absolute;
  margin-bottom:5px;
  z-index:100;
}
.red{
  color:#ff0000;
}
ul.toolbar-layer{
	width:120px;
	border-radius:5px 5px;
	background:#fff;
}
ul.toolbar-layer li{
  font-size: 12px;
  padding: 0 10px;
  white-space:nowrap;
  line-height:3em;
  border-top:1px solid #e1e1e1;
}
ul.toolbar-layer li:first-child{
	border-top:none;
}
ul.toolbar-layer li i{
	margin-top:8px;
}
a{
	color:#484848;
}
	.top{
	text-align: center;
	background:#3a3a3a;
	line-height:2em;
	width:100%;
}
.top a{
	font-size:12px;
	color:#fff;
	text-decoration:none;
	margin-left:25px;
}