@charset "utf-8";

	

/*

	--------------------------

	间距清除 

	--------------------------

*/

	

	body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,

	ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,

	form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,

	embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,

	blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,input,textarea,select

	

									{ 	margin:0; padding:0;	}

	ol,ul 							{ 	list-style:none;		}



	* 								{	

										-webkit-box-sizing: border-box;

										-moz-box-sizing: border-box;

										box-sizing: border-box;

										outline: 0;

									}



/*

	--------------------------

	A标签 配置 

	--------------------------

*/

	a  								{

										text-decoration:none;

										outline:none;

										color: #666;

									}

	

	a:hover 						{	color: #000;			}

	img  							{	border: 0;

										max-width: 100%; 				

									}

	a:focus 						{	outline: none;			}

/*

	--------------------------

	Body 配置 

	--------------------------

*/

	html             				{

										overflow-x:hidden;

										-webkit-text-size-adjust:none;

									}

	body 							{

										-webkit-font-smoothing: antialiased;

										font-family:"microsoft yahei",arial,"STXihei";

										background: #fff;

										font-size: 14px;

										color: #666;

  										margin-left: auto;

 	 									margin-right: auto;

									}

	

/*

	--------------------------

	表单控件设置 

	--------------------------

*/

	

	table 							{	border-collapse: collapse; width: 100%;	 }

	

	input[type='reset'],

	input[type='button'],

	input[type='submit'],

	input[type='radio'] 			{	cursor: pointer; outline: none;	 -webkit-appearance: none;	     }

	

	input[type='checkbox'],

	input[type='radio'] 	 		{ 

										position: relative;

										vertical-align: middle;

										margin-top: -2px;

										margin-bottom:1px;

										margin-left: 5px;

										margin-right: 5px;

										-webkit-appearance: none;

									}

	

	textarea,

	input[type='email'],

	input[type='date'],

	input[type='password'],

	input[type='text'] 				{	

										padding: 0px;

										color: #666;

										font-size: 12px;

										outline: none;

										font-family: "微软雅黑";

										-webkit-appearance: none;

									}

	

	

/*

	--------------------------

	快捷方式

	--------------------------

*/

	.f-l 							{	float: left;					}

	.f-r 							{	float: right;					}

	.clearfix 						{

									  clear: both;

									}

	.clearfix:after 				{	clear: both;

										height: 0;

										content: "";

										line-height: 0;

										font-size: 0;

										display: block;

									}



						
@font-face{
	font-family:"socialshare";
	src:url("../images/iconfont.eot");
	src:url("../images/iconfont.eot?#iefix") format("embedded-opentype"),
	url("../images/iconfont.woff") format("woff"),
	url("../images/iconfont.ttf") format("truetype"),
	url("../images/iconfont.svg#iconfont") format("svg")
}
.social-share{font-family:"socialshare" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.social-share *{font-family:"socialshare" !important}
.social-share .icon-tencent:before{content:"\f07a"}
.social-share .icon-qq:before{content:"\f11a"}
.social-share .icon-weibo:before{content:"\f12a"}
.social-share .icon-wechat:before{content:"\f09a"}
.social-share .icon-douban:before{content:"\f10a"}
.social-share .icon-heart:before{content:"\f20a"}
.social-share .icon-like:before{content:"\f00a"}
.social-share .icon-qzone:before{content:"\f08a"}
.social-share .icon-linkedin:before{content:"\f01a"}
.social-share .icon-diandian:before{content:"\f05a"}
.social-share .icon-facebook:before{content:"\f03a"}
.social-share .icon-google:before{content:"\f04a"}
.social-share .icon-twitter:before{content:"\f06a"}
.social-share a{position:relative;text-decoration:none;margin:4px;display:inline-block;outline:none}
.social-share .social-share-icon{position:relative;display:inline-block;width:32px;height:32px;font-size:20px;border-radius:50%;line-height:32px;border:1px solid #666;color:#666;text-align:center;vertical-align:middle;transition:background 0.6s ease-out 0s}
.social-share .social-share-icon:hover{background:#666;color:#fff}
.social-share .icon-weibo{color:#999;border-color:#999}
.social-share .icon-weibo:hover{background:#ff763b}
.social-share .icon-tencent{color:#56b6e7;border-color:#56b6e7}
.social-share .icon-tencent:hover{background:#56b6e7}
.social-share .icon-qq{color:#56b6e7;border-color:#56b6e7}
.social-share .icon-qq:hover{background:#56b6e7}
.social-share .icon-qzone{color:#FDBE3D;border-color:#FDBE3D}
.social-share .icon-qzone:hover{background:#FDBE3D}
.social-share .icon-douban{color:#33b045;border-color:#33b045}
.social-share .icon-douban:hover{background:#33b045}
.social-share .icon-linkedin{color:#0077B5;border-color:#0077B5}
.social-share .icon-linkedin:hover{background:#0077B5}
.social-share .icon-facebook{color:#999;border-color:#999}
.social-share .icon-facebook:hover{background:#44619D}
.social-share .icon-google{color:#db4437;border-color:#db4437}
.social-share .icon-google:hover{background:#db4437}
.social-share .icon-twitter{color:#999;border-color:#999}
.social-share .icon-twitter:hover{background:#55acee}
.social-share .icon-diandian{color:#307DCA;border-color:#307DCA}
.social-share .icon-diandian:hover{background:#307DCA}
.social-share .icon-wechat{position:relative;color:#999;border-color:#999}
.social-share .icon-wechat:hover{background:#7bc549}
.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}
.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}
.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}
.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}
.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}
.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}
.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}
.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}
.social-share .icon-wechat:hover .wechat-qrcode{display:block}

@media(max-width:  1024px){
	.social-share .icon-wechat .wechat-qrcode { left:0; transform: translateX(0); margin-left:0; }
	.social-share .icon-wechat .wechat-qrcode:after { left:15px;margin-left: 0; }
}