@charset "utf-8";
/*布局宽度*/
.w{width: 1190px;margin: 0 auto;min-width: 990px;}

/*默认链接颜色*/
a{color: #333;cursor: pointer;}
a:focus {outline:0 !important; }

/* function */
.dn{display:none;}
.db{display:block;}
.fl{float:left;}
.fr{float:right;}
.pr{position:relative;}
.prz{position:relative;zoom:1;}
.oh{overflow:hidden;}
.tl{text-align:left !important;}
.tc{text-align:center !important;}
.tr{text-align:right !important;}
.ell{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.clearfix:after{content: '\0020'; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{*zoom: 1; }



/** 基础布局  清除空隙  需在外层容器加上 dib-box，dib 可单独使用*/

.dib-box { font-size: 0; /* 所有浏览器 */ *word-spacing: -1px; /* IE6/7 */ }
@media (-webkit-min-device-pixel-ratio: 0) { .dib-box { letter-spacing: -5px; /* Safari 5- 等不支持 font-size: 0 的浏览器 */ } }
.dib-box .dib {vertical-align: top;font-size: 14px;letter-spacing: normal;word-spacing: normal;line-height: inherit;}
.dib{display: inline-block; *display: inline; *zoom: 1; }

/*自适应两端对齐组件 外层加上 justify，内部需要两端对齐的元素都加上 dib,dib 与 justify 不要同时出现*/
/*防止行高增大  尽量不要在父元素上设置行高*/
.justify, .dib-box .justify { font-size: 0; line-height: inherit; }
.justify {text-align: justify;text-justify: inter-ideograph; /* IE 6-7 */ *zoom: 1; /* IE 6-7 触发 hasLayout 使一行也能两端对齐 */-moz-text-align-last: justify;text-align-last: justify; /* IE 8+ */}
/*** 不支持 text-align-last 的浏览器用伪元素模拟* 1. margin-left:100% 仅 WebKit 支持*/
.justify:after { content: ""; display: inline-block; width: 100%; /* 1 */ }
/* 子元素取消两端对齐 */
.justify .dib {-moz-text-align-last: auto;text-align-last: auto;text-justify: auto;text-align: left;font-size: 14px;letter-spacing: normal;word-spacing: normal;}

/**未知高度垂直居中组件 支持图片，单行或多行文字，以及图文混排**/
.center-box { font-size: 0; *word-spacing: -1px; /* IE6、7 */ height: 100%; /* 继承父级高度 */}  /* 去除 inline-block 的空隙 */
@media (-webkit-min-device-pixel-ratio: 0) { .center-box { letter-spacing: -5px; }}   /* 修复 Safari 5- inline-block 的空隙 */
/**使用空标签生成一个高度100%的参照元素 **/
.center-box .center-hack {display: inline-block; *display: inline; *zoom: 1; font-size: 0; width: 0; height: 100%; vertical-align: middle; }
.center-box .center-body {letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline; *zoom: 1; font-size: 12px; vertical-align: middle; /* 保证文字垂直居中 */ padding: 0 !important; /* 防止设置边距导致居中失效 */ margin: 0 !important; width: 100%; /* 保证连续字符也能居中 */ white-space: normal; /* 保证连续字符换行 */ word-wrap: break-word; }
.center-box .center-img {display: inline-block; *display: inline; *zoom: 1; width: 100%; text-align: center; /* 图片默认水平居中 */ vertical-align: middle; padding: 0 !important; /* 防止设置边距导致居中失效 */ margin: 0 !important; font-size: 0; }
.center-box img {vertical-align: middle; /* 去除现代浏览器 img 底部空隙 */}


/* media */



/*button*/
.btn{
	-webkit-box-sizing:border-box;
	box-sizing: border-box;
	height: 32px;
	display: inline-block;
	*
	display: inline;
	*
	zoom: 1;
	*
	margin: 10px;
	padding: 0px 10px;
	text-align: center;
	border-radius: 5px;
	overflow: visible;
	width: auto;
	line-height: normal; /*解决a标签使用类后高度增加*/
	border:0 none;
	color: #FFF;
	/* box-shadow: 1px 1px 1px rgba(75,75,75,0.3); */
	vertical-align: middle;
}
.btn-default {
	background-color: #3c6db0;
}
.btn-default:hover {
	background-color: #4875b5;
	color: #fff;
}



/*input*/
.form-control {
	width: auto;
	height: 32px;
	background-color: #FFF;
	border:1px solid #D4D4D4;
	border-radius: 5px;
	/* box-shadow:inset 0 2px 5px #eee; */
	padding: 5px 10px;
	margin: 5px;
	font-size: 16px;
	color:#333333;
	vertical-align: middle;
}
.form-control:hover {
	/* border: solid 1px #3bb4f2; */
}

.form-control:focus{
    /* border-color: #66afe9; */
    outline: 0;
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); */
    /* box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); */
}

textarea.form-control{
	height: auto;
}
select.form-control{width: 100px;}

.form-control[disabled]{
	background-color: #eee;
	opacity: 1;
	cursor: not-allowed;
}
.form-control[disabled]:hover{
	border:1px solid #D4D4D4;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.form-inline .form-control{
	width: auto;
}


input[type="checkbox"], input[type="radio"] { vertical-align: middle; } /*标签与文字垂直居中对齐*/
input[type=number] { -moz-appearance:textfield; }
input[type=number]::-webkit-inner-spin-button,  
input[type=number]::-webkit-outer-spin-button {  
    -webkit-appearance: none;  
    margin: 0;  
}  
/*常用图形*/
/**右三角**/
.arrow { font-size: 0; width: 0; height: 0; line-height: 0; display: inline-block; vertical-align: -2px; border: 0 dashed transparent; border-width: 6px; }
.arrow-right { border-left-style: solid; border-left-color: #2ab2df; }

/*表格*/
.table{ width: 100%; max-width: 100%; margin-bottom: 20px; }
.table > tbody > tr:nth-of-type(odd) {background-color: #f9f9f9;}
.table > tbody > tr:hover {background-color: #ECECEC;}