@charset"utf-8";
/*
@名称: base
@功能: 重设浏览器默认样式+常用自定义样式
@使用方法: 在网页中作为第一个样式文件引入即可，
*/
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html{
	color:#333;background:#fff;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,a,span,i{
	margin: 0;
    padding: 0;
}

/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block;
}

/* HTML5 媒体文件跟 img 保持一致 */
audio,canvas,video{
	display:inline-block;
    *display:inline;
    *zoom:1;
}

/* 要注意表单元素并不继承父级 font 的问题 */
body,button,input,select,textarea{
	font:12px/1.5 "Microsoft Yahei", "微软雅黑" Arial,Verdana,tahoma,\5b8b\4f53;
}
select,textarea,input[type="text"],input[type="password"]{
	vertical-align: middle;
	font-size: inherit;
	border:1px solid #ddd;
}

/* 去掉各Table cell 的边距并让其边重合 */
table{
	border-collapse:collapse;
    border-spacing:0;
}

/* IE bug fixed: th 不继承 text-align*/
th{
	text-align:inherit;
}

/* 去除默认边框 */
fieldset,img{
	border:0;
}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe{
	display:block;
    border: none;
}

/* 去掉 firefox 下此元素的边框 */
abbr,acronym{
	border:0;font-variant:normal;
}

/* 一致的 del 样式 */
del{
	text-decoration:line-through;
}

address,caption,cite,code,dfn,em,th,var{
	font-style:normal;
	font-weight:500;
}

/* 去掉列表前的标识, li 会继承 */
ol,ul,li{
	list-style:none;
}

/* 对齐是排版最重要的因素, 别让什么都居中 */
caption,th{
	text-align:left;
}

/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */


q:before,q:after{
	content:'';
}

/* 统一上标和下标 */
sub,sup{
	font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline;
}
sup{top:-0.5em;}
sub{bottom:-0.25em;}

/* 默认不显示下划线，保持页面简洁 */
a {
	text-decoration: none;
	cursor: pointer;
	outline: none;
	color:#666;
}
/* 让链接在 hover 状态下显示下划线 */
a:hover{
	text-decoration:underline;
}

/*-----------------------------------------常用自定义样式----------------------------------------------*/
/* 清理浮动 */
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after{
	content: "\20";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility: hidden;
}
.clearfix{
	clear: both;
	*zoom:1;/* for IE6 IE7 */
}

/* 隐藏, 通常用来与 JS 配合 */
.display {
	display: block;
}
.hidden {
	display: none;
}

/* 设置内联, 减少浮动带来的bug */
.fl_left {
	float: left;
}
.fl_right {
	float: right;
}
.fl_left,.fl_right{
	display:inline;
}
.fl_none {
	float: none;
}

/*字体大小*/
.f10{
	font-size:10px;
}
.f11{
	font-size:11px;
}
.f12 {
	font-size: 12px;
}
.f14 {
	font-size: 14px;
}
.f16 {
	font-size: 16px;
}
.f18{
	font-size:18px;
}

.f20{
	font-size:20px;
}
.f24{
	font-size:24px;
}
.f30{
	font-size:21px;
}
.fbold {
	font-weight: bold;
}
.fnormal {
	font-weight: normal;
}

/*字体*/
.fontyh {
	font-family: "Microsoft Yahei", "微软雅黑","宋体", Verdana, Arial, Geneva, sans-serif;
}
.fontst {
	font-family: "宋体", Arial,Verdana, Geneva, sans-serif;
}
.fontver {
	font-family: Verdana, Arial, Geneva, sans-serif,"宋体";
}
.farial{
	font-family:Arial;
}

/*字体颜色*/
.fff {
	color: #fff;
}
.fff a:link,.fff a:visited {
	color: #fff;
}
.fff a:hover {
	color: #fff;
	text-decoration: underline
}
a.fff:link,a.fff:visited {
	color: #fff;
}
a.fff:hover {
	color: #fff;
	text-decoration: underline
}
/*黑色 black*/
.f333 {
	color: #333;
}
.f333 a:link,.f333 a:visited {
	color: #333;
}
.f333 a:hover {
	color: #3db75a;
	text-decoration: underline
}
a.f333:link,a.f333:visited {
	color: #333;
}
a.f333:hover {
	color: #00759b;
	text-decoration: underline
}

/*灰色 gray*/
.f666 {
	color: #666;
}
.f666 a:link,.f666 a:visited {
	color: #666;
}
.f666 a:hover {
	color: #00759b;
	text-decoration: underline
}
a.f666:link,a.f666:visited {
	color: #666;
}
a.f666:hover {
	color: #00759b;
	text-decoration: underline
}

/*浅灰色 status:disable*/
.f999 {
	color: #999;
}
.f999 a:link,.f999 a:visited {
	color: #999;
}
.f999 a:hover {
	color: #666;
	text-decoration: underline
}
a.f999:link,a.f999:visited {
	color: #999;
}
a.f999:hover {
	color: #666;
	text-decoration: underline
}

/*蓝色 status:link*/
.f036 {
	color: #036;
}
.f036 a:link,.f036 a:visited {
	color: #036;
}
.f036 a:hover {
	color: #3db75a;
	text-decoration: underline
}
a.f036:link,a.f036:visited {
	color: #036;
}
a.f036:hover {
	color: #3db75a;
	text-decoration: underline
}

/*绿色 status:cuccess*/
.f090 {
	color: #090;
}
.f090 a:link,.f090 a:visited {
	color: #090;
}
.f090 a:hover {
	color: #090;
	text-decoration: underline
}
a.f090:link,a.f090:visited {
	color: #090;
}
a.f090:hover {
	color: #090;
	text-decoration: underline
}

/*橘色 status:tip*/
.ff60 {
	color: #3db75a;
}
.ff60 a:link,.ff60 a:visited {
	color: #3db75a;
}
.ff60 a:hover {
	color: #3db75a;
	text-decoration: underline
}
a.ff60:link,a.ff60:visited {
	color: #3db75a;
}
a.ff60:hover {
	color: #3db75a;
	text-decoration: underline
}
/*外边距*/
.m_auto{
    margin: 0 auto;
}
.m_5 {
	margin: 5px;
}
.mt_5 {
	margin-top: 5px;
}
.mr_5 {
	margin-right: 5px;
}
.mb_5 {
	margin-bottom: 5px;
}
.ml_5 {
	margin-left: 5px;
}
.m_10 {
	margin: 10px;
}
.mt_10 {
	margin-top: 10px;
}
.mr_10 {
	margin-right: 10px;
}
.mb_10 {
	margin-bottom: 10px;
}
.ml_10 {
	margin-left: 10px;
}
.m_15 {
	margin: 15px;
}
.mt_15 {
	margin-top: 15px;
}
.mr_15 {
	margin-right: 15px;
}
.mb_15 {
	margin-bottom: 15px;
}
.ml_15 {
	margin-left: 15px;
}
.m_20 {
	margin: 20px;
}
.mt_20 {
	margin-top: 20px;
}
.mr_20 {
	margin-right: 20px;
}
.mr_50 {
	margin-right: 50px;
}
.mb_20 {
	margin-bottom: 20px;
}
.ml_20 {
	margin-left: 20px;
}
.m_30 {
	margin: 30px;
}
.mt_30 {
	margin-top: 30px;
}
.mt_40 {
	margin-top: 40px;
}
.mr_30 {
	margin-right: 30px;
}
.mb_30 {
	margin-bottom: 30px;
}
.ml_30 {
	margin-left: 30px;
}

/*内边距*/
.p_5 {
	padding: 5px;
}
.pt_5 {
	padding-top: 5px;
}
.pr_5 {
	padding-right: 5px;
}
.pb_5 {
	padding-bottom: 5px;
}
.pl_5 {
	padding-left: 5px;
}

.p_10 {
	padding: 10px;
}
.pt_10 {
	padding-top: 10px;
}
.pr_10 {
	padding-right: 10px;
}
.pb_10 {
	padding-bottom: 10px;
}
.pl_10 {
	padding-left: 10px;
}
.p_15 {
	padding: 15px;
}
.pt_15 {
	padding-top: 15px;
}
.pr_15 {
	padding-right: 15px;
}
.pb_15 {
	padding-bottom: 15px;
}
.pl_15 {
	padding-left: 15px;
}
.p_20 {
	padding: 20px;
}
.pt_20 {
	padding-top: 20px;
}
.pr_20 {
	padding-right: 20px;
}
.pb_20 {
	padding-bottom: 20px;
}
.pl_20 {
	padding-left: 20px;
}
.pt_25 {
	padding-top: 25px;
}
.p_30 {
	padding: 30px;
}
.pt_30 {
	padding-top: 30px;
}
.pr_30 {
	padding-right: 30px;
}
.pb_30 {
	padding-bottom: 30px;
}
.pl_30 {
	padding-left: 30px;
}

/*文本对齐方式*/
.txt_left {
	text-align: left;
}
.txt_right {
	text-align: right;
}
.txt_center {
	text-align: center;
}
.line_height20{
    line-height: 20px;
}
.line_height25{
    line-height: 25px;
}
.line_height30{
    line-height: 30px;
}
.line_height35{
    line-height: 35px;
}
.line_height40{
    line-height: 40px;
}
.line_height50{
    line-height: 50px;
}
.line_height60{
    line-height: 60px;
}
/*文本段落首行缩进*/
.txt_indent,.txt_indent p {
	text-indent:2em;
}

/*超出部分截掉或出现滚动条*/
.oflow_auto {
	overflow: auto;
}
.oflow_hidden {
	overflow: hidden;
}
/*截断字符并以省略号显示*/
.oflow_hidden_jie {
	overflow: hidden;
	white-space: nowrap;
    -ms-text-overflow: ellipsis;
     -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
}
/*相对绝对定位*/
.p_relative{
    position: relative;
}
.p_absolute{
    position: absolute;
}

/*二维列表table_list,每个tr中的td的width加起来之和<=100%，超出宽度自动换行*/
.table_list td{
	overflow:hidden;
}
.table_list td span,
.table_list td a{
	line-height:22px;
}
.tdwidth10{ width:10%;}
.tdwidth20{ width:20%;}
.tdwidth30{ width:30%;}
.tdwidth40{ width:40%;}
.tdwidth50{ width:50%;}
.tdwidth60{ width:60%;}
.tdwidth70{ width:70%;}
.tdwidth80{ width:80%;}
.tdwidth90{ width:90%;}
.tdwidth100{ width:100%;}

.tdwidth5 { width:5%;}
.tdwidth8 { width:8%;}
.tdwidth12{ width:12%;}
.tdwidth15{ width:15%;}
.tdwidth25{ width:25%;}
.tdwidth35{ width:35%;}
.tdwidth45{ width:45%;}
.tdwidth55{ width:55%;}
.tdwidth65{ width:65%;}
.tdwidth75{ width:75%;}
.tdwidth85{ width:85%;}
.tdwidth95{ width:95%;}

.p_dot p,/*段落或列表前有点时*/
.p_dot li,
p.p_dot,
li.p_dot{
    background: url(../images/dot.png) no-repeat 0 9px transparent;
    padding-left: 15px;
}
.no_p_dot p,
p.no_p_dot,
.no_p_dot li,
li.no_p_dot{/*段落前无点时*/
    background:none;
    padding-left: 15px;
}
.p_indent p,/*段落首行缩进时*/
p.p_indent{
	text-indent:2em;
}

.underline{
	text-decoration:underline;
}