/* 基础*/
* {
	margin: 0px;
	padding: 0px;
	border:0;
}

body {
	font-size: 14px;
	font-family: "微软雅黑";
}

a, a:hover, a:link, a:visited {
	text-decoration: none;
	color:#333333;
}

img {
	border-style: none;
    border-color: inherit;
    border-width: 0px;
}

ul, ol, li, dl, dt, dd {
	list-style: none outside;
}

.fll {
	float: left;
}

.flr {
	float: right;
}

.clear {
	clear: both;
}

.w_full {
	width: 100%;
}

.w_980 {
	width: 980px;
	margin: 0 auto;
}
.w_1100{
	width: 1100px;
	margin: 0 auto;
}
.clearfloat{clear: all;}
/* 字体颜色灰色*/
.gray {
	color: #666;
}
/* 字体颜色白色*/
.white {
	color: #fff;
}
/* 字体16px  用于导航*/
.fs_16 {
	font-size: 16px;
}
/* 字体14px */
.fs_14 {
	font-size: 14px;
}
/* 字体12px*/
.fs_12 {
	font-size: 12px;
}
/* 行距20px*/
.lh_20 {
	line-height: 20px;
}
/*单行文本裁剪  Safari,Opera,IE下效果*/
.clip {
	display: block;
	width: 100px; /*设置内容宽度*/
	overflow: hidden; /*隐藏溢出的文本*/
	white-space: nowrap; /*让文本不换行*/
	-o-text-overflow: ellipsis; /*Opera下实现ellipsis效果*/
	text-overflow: ellipsis; /*Safari，IE下实现ellipsis效果*/
}
/*Firefox实现效果*/

@-moz-document url-prefix () {
	/*@-moz-document url-perfix(){}是firefox的一个独有属性，只有firefox浏览器能识别，也可以说是一种hack*/
	.clip {
	max-width: 70px; /* 在FF下改变内容宽度，用来放置:after增加的内容(...)*/
	float: left; /*进行浮动*/
}

}

@-moz-document url-prefix () {
	/*利用:after增加(...)省略符*/ .clip {
	content: "..."; /*增加省略符号*/
	float: left; /*设置浮动*/
	width: 25px; /*省略符宽度*/
	padding-left: 5px; /*省略符内距，用来拉开内容之间的距离*/
	color: #000;
}

}
/*多行文本裁剪适用于移动端*/
.clip2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: box;
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
/*伸缩盒子 适用于移动端*/
.box_h {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-ms-box-orient: horizontal;
}

.box_v {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
}

.flex1 {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
}

.flex2 {
	-webkit-box-flex: 2;
	-moz-box-flex: 2;
	-ms-box-flex: 2;
}

.flex3 {
	-webkit-box-flex: 3;
	-moz-box-flex: 3;
	-ms-box-flex: 3;
}
/*换行*/
.t_w_w { /*table下换行需要加*/
	table-layout: fixed;
	width: 100px;
}

.w_w {
	overflow: hidden;
	word-wrap: break-word;
}
/*不换行*/
.n_w_w {
	white-space: nowrap;
	word-break: keep-all;
}
/*透明*/
.op_9 {
	opacity: 0.9;
	filter: alpha(opacity = 90);
}

.op_8 {
	opacity: 0.8;
	 -moz-opacity: 0.8; /*Firefox私有，透明度50%*/
	filter: alpha(opacity = 80);
}

.op_7 {
	opacity: 0.7;
	 -moz-opacity: 0.7; /*Firefox私有，透明度50%*/
	filter: alpha(opacity = 70);
}

.op_6 {
	opacity: 0.6;
	 -moz-opacity: 0.6; /*Firefox私有，透明度50%*/
	filter: alpha(opacity = 60);
}
/*圆角*/
.b_r_3 {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
/*圆角*/
.b_r_4 {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
/*圆角*/
.b_r_5 {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}