@charset "utf-8";
/*
	维护者：学了先前端
	文档作用：定义基本样式，重置样式，功能模块样式
*/
/*微软雅黑：\5FAE\8F6F\96C5\9ED1 */
/*黑体：\9ED1\4F53 */
/*宋体：\5B8B\4F53 */

/*CSS reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,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,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	font:inherit;
	vertical-align:baseline;
	word-wrap:break-word;
	font-family:"微软雅黑"
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
input,button,select,textarea {
	outline:none;
	-webkit-box-sizing:border-box;
}
input:focus,textarea:focus {
	outline:none;
	border:1px solid #0083e6;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}
ol,ul,li {
	list-style:none;
}
blockquote,q {
	quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after {
	content:'';
	content:none;
}
b,strong {
	font-weight:bold;
}
img {
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
	-webkit-touch-callout: none; /* 禁止长按链接与图片弹出菜单 */
}
:focus {
	outline:0;
}
a {
	color:#333;
	text-decoration:none;
	/*
		-Webkit-tap-highlight-color:rgba(0,0,0,0);
	*/
}
a.active {
	color:#333;
}

/*clearfix*/
.clearfix:before,.clearfix:after {
	display:table;
	content:" ";
}
.clearfix:after {
	clear:both;
	
}

/*float*/
.pull-right {
	float:right !important;
}
.pull-left {
	float:left !important;
}
body{background:#fff; background-image:url(../images/bg.gif)}


html {
	font-size: 62.5%;
}






body {
	font-size: 1.2rem;
	/*font-family:arial;*/
	font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
	background-color:#dddddd;
	min-width: 320px;
	margin: 0 auto;
	position: relative;
}

input{
	outline: none;
	-webkit-box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-appearance: none;
}

input:focus,textarea:focus {
	outline: none;
    border: 1px solid #f60;
}



/*文字排版*/
.f12{ font-size:12px;}
.fb{ font-weight:bold;}
.t2{ text-align:2em;}
.unl{ text-decoration:underline;}
.no-unl{ text-decoration:none;}
.tc{ text-align:center;}
.tl{ text-align:left;}
.tr{ text-align:right;}
.fa{ font-family:Arial, Helvetica, sans-serif;}
/*定位*/
.bc{ margin:0 auto;}
.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}
.cb{ clear:both;}
.pr{ position:relative;}
.pa{ position:absolute;}
.pf{ position:fixed;}
.hidden{ visibility:hidden;}
.none{ display:none;}
.hide{ position:absolute;}
/*长度高度*/
.w38{ width:38px;}
.w{ width:100%}
.h{ height:100%}
.h36{ height:36px;}
.lh26{ line-height:26px;}
.h100{ height:100px;}
/*边距*/
.m10{margin:10px;}
.mt14{margin-top:14px;}
.mb12{margin-bottom:12px;}
.ml10{margin-left:10px;}
.mr5{margin-right:5px;}
.p30{padding:30px;}
.pt8{padding-top:8px;}
.pb5{padding-bottom:5px;}
.pl14{padding-left:14px;}
.pr5{padding-right:5px;}
/*颜色*/
col_h1{ color:#CCC;}