@charset "utf-8";

/* 
  @名称: global
  @功能: 公用样式, 复用性较强的样式
*/
*{
  margin: 0;
  padding: 0;
}

/* 清理浮动 */
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.clearfix {
	zoom:1; /* for IE6 IE7 */
}
.clear-both{
	clear: both;
}

/* 浮动左右, 设置内联, 减少浮动带来的bug */
.fl,.fr {
	display:inline;
}
.fl {
	float:left;
}
.fr {
	float:right;
}

/*通用样式 宽度*/
.layout-1200{
	width: 1200px;
	margin: 0 auto;
}
.layout-full{
	width: 100%;
}

/* 隐藏、显示, 通常用来与 JS 配合 */
.hide {
	display:none;
}
.show {
	display:block;
}

/*焦点input*/
input:focus, textarea:focus {
    outline: none;
    border: 1px #5faee3 solid;
}

/* input  disabled背景*/
input.disabled{
    background-color: rgb(235, 235, 228);
}

/*兼容ie8的placeholder*/
.placeholder{
    color: #999;
}

/*鼠标手指*/
.pointer,
a {
    cursor : pointer;
}

/* 盒子模型 */
.mg-t5{margin-top:5px;}
.mg-t10{margin-top:10px;}
.mg-t15{margin-top:15px;}
.mg-t20{margin-top:20px;}
.mg-t25{margin-top:25px;}
.mg-t30{margin-top:30px;}
.mg-t35{margin-top:35px;}
.mg-t40{margin-top:40px;}
.mg-t45{margin-top:45px;}
.mg-b5{margin-bottom:5px;}
.mg-b10{margin-bottom:10px;}
.mg-b15{margin-bottom:15px;}
.mg-b20{margin-bottom:20px;}
.mg-b25{margin-bottom:25px;}
.mg-b30{margin-bottom:30px;}
.mg-b35{margin-bottom:35px;}
.mg-b40{margin-bottom:40px;}
.mg-b45{margin-bottom:45px;}
.mg-l5{margin-left:5px;}
.mg-l10{margin-left:10px;}
.mg-l15{margin-left:15px;}
.mg-l20{margin-left:20px;}
.mg-l25{margin-left:25px;}
.mg-l30{margin-left:30px;}
.mg-l35{margin-left:35px;}
.mg-l40{margin-left:40px;}
.mg-l45{margin-left:45px;}
.mg-r5{margin-right:5px;}
.mg-r10{margin-right:10px;}
.mg-r15{margin-right:15px;}
.mg-r20{margin-right:20px;}
.mg-r25{margin-right:25px;}
.mg-r30{margin-right:30px;}
.mg-r35{margin-right:35px;}
.mg-r40{margin-right:40px;}
.mg-r45{margin-right:45px;}
.pd-t5{padding-top:5px;}
.pd-t10{padding-top:10px;}
.pd-t15{padding-top:15px;}
.pd-t20{padding-top:20px;}
.pd-t25{padding-top:25px;}
.pd-t30{padding-top:30px;}
.pd-t35{padding-top:35px;}
.pd-t40{padding-top:40px;}
.pd-t45{padding-top:45px;}
.pd-b5{padding-bottom:5px;}
.pd-b10{padding-bottom:10px;}
.pd-b15{padding-bottom:15px;}
.pd-b20{padding-bottom:20px;}
.pd-b25{padding-bottom:25px;}
.pd-b30{padding-bottom:30px;}
.pd-b35{padding-bottom:35px;}
.pd-b40{padding-bottom:40px;}
.pd-b45{padding-bottom:45px;}
.pd-l5{padding-left:5px;}
.pd-l10{padding-left:10px;}
.pd-l15{padding-left:15px;}
.pd-l20{padding-left:20px;}
.pd-l25{padding-left:25px;}
.pd-l30{padding-left:30px;}
.pd-l35{padding-left:35px;}
.pd-l40{padding-left:40px;}
.pd-l45{padding-left:45px;}
.pd-r5{padding-right:5px;}
.pd-r10{padding-right:10px;}
.pd-r15{padding-right:15px;}
.pd-r20{padding-right:20px;}
.pd-r25{padding-right:25px;}
.pd-r30{padding-right:30px;}
.pd-r35{padding-right:35px;}
.pd-r40{padding-right:40px;}
.pd-r45{padding-right:45px;}


/* 字体设置 */
.font-yahei {/* 微软雅黑，IE6用黑体代替 */
    font-family: "Microsoft YaHei", SimHei, sans-serif;
    _font-family: SimHei, sans-serif;
}
.bold{font-weight:bold;}
.font-weight-normal{font-weight:normal;}

/* 字体大小 */
.font-px12{font-size: 12px;}
.font-px14{font-size: 14px;}
.font-px16{font-size: 16px;}
.font-px18{font-size: 18px;}
.font-px20{font-size: 20px;}
.font-px22{font-size: 22px;}
.font-px24{font-size: 24px;}
.font-px26{font-size: 26px;}
.font-px28{font-size: 28px;}

/*居中居左居右*/
.align-center{
    text-align: center;
}
.align-left{
    text-align: left;
}
.align-right{
    text-align: right;
}
.align-top{
    vertical-align: top;
}

/* 行间距   start */
.line-h30{line-height: 30px;}
.line-h40{line-height: 40px;}
.line-h120{line-height: 120%;}
.line-h150{line-height: 150%;}
.line-h180{line-height: 180%;}
/* 行间距   end */

/*强制换行*/
.word-break-all{
    word-break: break-all;
}

.inline-block {
    display: inline-block;
}

.positionRelative{
    position: relative;
}

/* 字体颜色、链接色 */
a:hover,
a:active{
	color: #3a6af0;
}
.color-fff {
	color:#fff;}
	a.white:link{color:#fff; text-decoration:none;} 
	a.white:visited{color:#fff; text-decoration:none;}
	a.white:hover{color:#fff; text-decoration:none;}
.color-333 {
	color:#333;}
	a.black-333:link{color:#333; text-decoration:none;}
	a.black-333:visited{color:#333; text-decoration:none;}
	a.black-333:hover{color:#333; text-decoration:none;}
.color-666 {
	color:#666;}
	a.black-666:link{color:#666; text-decoration:none;}
	a.black-666:visited{color:#666; text-decoration:none;}
	a.black-666:hover{color:#666; text-decoration:none;}
.color-999 {
	color:#999;}
	a.black-999:link{color:#999; text-decoration:none;}
	a.black-999:visited{color:#999; text-decoration:none;}
	a.black-999:hover{color:#999; text-decoration:none;}
.link-blue {/* 例：链接蓝 */
	color: #3a6af0;}
	a.link-blue:link{color:#3a6af0; text-decoration:none;}
	a.link-blue:visited{color:#3a6af0; text-decoration:none;}
	a.link-blue:hover{color:#3a6af0; text-decoration:underline;}
.color-red{
	color: #ff5252;}
a.color-red:link{color:#ff5252; text-decoration:none;}
a.color-red:visited{color:#ff5252; text-decoration:none;}
a.color-red:hover{color:#ff5252; text-decoration:underline;}

/* 透明样式 */
.opacity {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

.icon-up{
	background-position: 0 0;
}
.icon-down{
	background-position: 0 -11px;
}

/** 展开收起图标 end**/


/** common start **/
body{
	font-size: 14px;
}