@charset "UTF-8";
/* reset  重置各浏览器不统一问题 */
body,
dl,
dd,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
legend,
input,
textarea,
optgroup,
p,
blockquote,
figure,
hr,
menu,
dir,
thead,
tbody,
tfoot,
th,
td {
	box-sizing: border-box;
	margin:0;
	padding:0;
}
ul,
ol {
	list-style-type:none;
	list-style-image:none;
}
a {
	text-decoration:none;
	/* 1 */
	background-color:transparent;
	/* 2 */
}


/* 滚动条 */
::-webkit-scrollbar {
	width:10px;
	height:10px;
}
::-webkit-scrollbar-track {
	background-color:#CCC;
}
::-webkit-scrollbar-thumb {
	background:#FFF;
	border:1px solid #CCC;
	border-radius:4px;
}
/**
* 1.防止 iOS 横屏字号放大，同时保证在PC上 zoom 功能正常
*/
html {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	text-size-adjust:100%;
	/* 1 */
	font-size:62.5%;
	/* 10/16=62.5% */
}
/**
* 中文优先使用冬青黑体简体(OS X)、微软雅黑(Windows)和文泉驿微米黑(Linux)
* 西文使用 tahoma
* 1. 防止元素中「font-family」不能继承
* 2. 西文字体和 OS X 字体写在前面
* 3. Opera 12.1 之前版本不支持中文字体的英文名称
* 4. 微软雅黑「\5FAE\8F6F\96C5\9ED1」,中易宋体「\5B8B\4F53」
*/
body {
	color: #333333;
	font-size:14px;
	line-height:1.5;
	transform-origin: 0px 0px 0px;
	background-color: #F5F3F4;
}
body,
button,
input,
select,
textarea，
keygen,
legend {
	font-family:"Microsoft YaHei", "微软雅黑", 'wenquanyi micro hei', 'helvetica neue', arial, 'hiragino sans gb',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;
	-ms-text-autospace:ideograph-alpha ideograph-numeric ideograph-parenthesis;
	/* 5 */
	text-spacing:ideograph-alpha ideograph-numeric ideograph-parenthesis;
	/* 5 */
}
/**
* 中文小于 12px 可读性很差
* 1. 统一 IE 6-7 中字体大小
* 2. 统一 Firefox 4+，Safari 5 和 Chrome 中「section」和「article」内的字体大小
*/
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight:normal;
}
h1,
h2,
h3 {
	margin-bottom:10px;
}
h1 {
	font-size:36px;
}
h2 {
	font-size:30px;
}
h3 {
	font-size:22px;
}
h4 {
	font-size:16px;
}
h5 {
	font-size:14px;
}
h6 {
	font-size:12px;
}
/**
* 中文网页<small>元素字号小于 12px 不易阅读
*/
small {
	font-size: 100%;
	/* 12/14=0.8571428571 */
}
/*标签定义作品标题*/
cite {
	font-style:normal;
}
/**
* 修正「abbr」元素在 Firefox 外其他浏览器没有下划线的问题
* 添加问号光标，明确语义
*/
abbr,
acronym {
	border-bottom:1px dotted;
	/* 1 */
	cursor:help;
	/* 2 */
}
/**
* Firefox3+，Safari4/5 和 Chrome 中统一设置为粗体
*/
b,
strong {
	font-weight:bold;
}
/**
* 修正 Safari5 和 Chrome 中没有样式的问题
*/
dfn {
	font-style:italic;
}
/**
* 修正 Firefox 和其他浏览器之间的差异
*/
hr {
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
	height:0;
}
/**
* 网页标记，荧光笔
* 修正 IE6-11 中没有样式的问题
*/
mark {
	background-color:#d2e5ff;
	color:#000;
}
/**
* 统一代码的字体设置
* 字体要能明确区分数字 0 和字母 o
* Mac 优先使用 Monaco，Windows 优先使用 Consolas
* XP自带 Courier New
* Windows 7开始自带的 Consolas
* Mac上自带的Monaco，Osaka-Mono
*/
code,
kbd,
pre,
samp {
	font-family:monaco,menlo,consolas,'courier new',courier,monospace;
}
/**
* 增强所有浏览器中 pre 标签中文本的可读性
* 1. IE 6-7 不支持 pre-wrap
* 2. pre 标签应当包含滚溢出
*/
pre {
	white-space:pre;
	white-space:pre-wrap;
	/* 1 */
	word-wrap:break-word;
	overflow:auto;
}
/**
* 行内引用
* IE 6-7 不支持 quotes 属性
* 现代浏览器去除 quotes 内容
*/
q {
	quotes:none;
}
/**
* Safari 4 不支持<q>标签
*/
q:before,
q:after {
	content:'';
	content:none;
}
/**
* 防止所有浏览器中的<sub>和<sup>影响行高
* http://jsbin.com/usoyal/1/edit
*/
sub,
sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}
sup {
	top:-.5em;
}
sub {
	bottom:-.25em;
}
/* ==========================================================================
 表格
 ========================================================================== */
/**
* 合并单元格边框
*/
table {
	width: 100%;
	border-collapse:collapse;
	border-spacing:0;
	color: #404040;
}
/**
* 修复 IE 中 th 不能继承 text-align 的问题并统一左对齐
* http://jsbin.com/evoxif/2/edit
*/
th {
	text-align:left;
	font-weight: bold;
}
/**
* 单元格添加边框
*/
table th,
table td {
	/*border:1px solid #ddd;*/
	padding:10px;
}
/* ==========================================================================
 嵌入元素
 ========================================================================== */
/**
* 1. 去除 IE6-9 和 Firefox 3 中 a 内部 img 元素默认的边框
* 2. 修正 IE8 图片消失bug
* 3. 防止 img 指定「height」时图片高度不能按照宽度等比缩放，导致图片变形
    http://jsbin.com/aJoTUca/2
* 4. 让图片支持响应式
* 5. 去除现代浏览器图片底部的空隙
* 6. 修复 IE7 图片缩放失真
*/
img {
	border: 0;
	vertical-align: bottom;
}
/**
* 修复 IE9 中的「overflow」的怪异表现
*/
svg:not(:root) {
	overflow:hidden;
}
/* ==========================================================================
 表单
 ========================================================================== */
/**
* 定义一致的边框、外边距和内边距
*/
fieldset {
	border:1px solid #1E2327;
	margin:0 0 20px;
	padding:0;
	border-radius:5px;
}
.fieldset {
	border:1px solid #1E2327;
	margin:15px 0 20px;
	padding:0;
	border-radius:5px;
}
/**
* 1. 修正 IE 6-9 中颜色不能继承的问题
* 2. 修正 Firefox3 中文字不换行的问题
* 3. 修正 IE6-7 中怪异的对齐方式
*/
legend {
	border-style:none;
	/* 1 */
	white-space:normal;
	/* 2 */
	*margin-left:-7px;

}

/**
* 1. 修正所有浏览器中字体不继承的问题
* 2. 修正所有浏览器中字号不继承的问题
* 4. 改善在所有浏览器下的垂直对齐方式
*/
button,
input,
select,
textarea {
	font-family:inherit;
	/* 1 */
	font-size:100%;
	/* 2 */
	vertical-align:middle;
	/* 4 */
	*vertical-align:middle;
	/* 4 */
}
/**
* 修正 IE7 随着字数增加边距不断增加的问题
*/
input,
button {
	*overflow:visible;
}
/**
* 统一各浏览器「text-transform」不会继承的问题
* http://jsbin.com/iqecic/1/edit
* http://tjvantoll.com/2012/07/10/default-browser-handling-of-the-css-text-transform-property/
*/
button,
select {
	text-transform:none;
}
/**
* 1. 避免 Android 4.0.* 中的 WebKit bug ，该bug会破坏原生的
 「audio」 和「video」的控制器
* 2. 更正 iOS 中无法设置可点击的「input」的问题
* 3. 统一其他类型的「input」的光标样式
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance:button;
	/* 2 */
	cursor:pointer;
	/* 3 */
}
/**
* 重置按钮禁用时光标样式
*/
button[disabled],
input[disabled] {
	cursor:default;
}
/**
* 1. 修正 IE 8/9 box-sizing 被设置为「content-box」的问题
* 2. 移除 IE 8/9 中多余的内边距
* 3. 移除 IE7 中多余的内边距(IE6 中任然存在)
*/
input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	box-shadow: none;
	-webkit-box-shadow: none;
	-webkit-transition:  none;
	/* 1 */
	padding:0;
	/* 2 */
	*height:13px;
	/* 3 */
	*width:13px;
	/* 3 */
}
/**
* 1. 修正 Safari 5 和 Chrome 中「appearance」被设置为「searchfield」的问题
* 2. 修正 Safari 5 和 Chrome 中「box-sizing」被设置为 「border-box」的问题
*/
input[type="search"] {
	-webkit-appearance:textfield;
	/* 1 */
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
}
/**
* 1.移除 OS X 中 Safari5 和 Chrome 搜索框内侧的左边距
* 2.如果需要隐藏清除按钮需要加上
 input[type="search"]::-webkit-search-cancel-button
*/
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance:none;
}
/**
* 移除 Firefox 3+ 的内边距
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
	border-style:none;
	padding:0;
}
/**
* 修正 Chrome 中 input [type="number"] 在特定高度和 font-size 时,* 下面一个箭头光标变成「cursor:text」
* @demo:http://jsfiddle.net/FFXEc/
* 动画演示：http://gtms04.alicdn.com/tps/i4/T18kd8FCtaXXc_FhcF-330-350.gif
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height:auto;
}
/**
* 1. 移除 IE6-11 中默认的垂直滚动条
* 2. 禁止水平拖动，防止破坏布局
*/
textarea {
	overflow:auto;
	/* 1 */
	resize:vertical;
	/* 2 */
}
/**
* 修正 Chrome 30- option 中文字无法显示的问题
* http://jsbin.com/avujas/1/edit
*/
select:disabled option:checked,
option:disabled:checked {
	color:#d2d2d2;
}
/**
* 修正 Safari 3+,Chrome 1+ Placeholder 居中问题
*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	input {
		line-height:normal !important;
	}
}
/**
* 修正 Firefox 19+ Placeholder 设置了opacity 的问题
*/
input::-moz-placeholder,
textarea::-moz-placeholder {
	color:darkGray;
	opacity:1;
}
/**
* label 元素给予手型，暗示此处可点击
*/
label {
	cursor:pointer;
	display: inline-flex;
	display: -webkit-inline-flex;
	align-items: center;
	-webkit-align-items: center;
	margin: 0 6px;
}
label:empty{ width:9999px;}
/**
* 统一 select 样式,Firefox 中有 padding:1px 0
* http://jsbin.com/avujas/1/edit
*/
select[size],
select[multiple],
select[size][multiple] {
	border:1px solid #aaa;
	padding:0;
}
/* ==========================================================================
 HTML5 元素
 ========================================================================== */
/**
* 修正未定义为「block」的元素
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display:block;
}
/**
* 1. 修正未定义为「inline-block」的元素
* 2. 修正 Chrome、Firefox、Opera 中 「progress」元素 vertical-align 默认值不一致
*/
audio,
canvas,
video,
progress {
	display:inline-block;
	/* 1 */
	vertical-align:baseline;
	/* 2 */
}
/**
* 1.防止现代浏览器将没有「controls」属性的 「audio」元素显示出来
* 2.去掉 iOS 5 中多余的高度
*/
audio:not([controls]) {
	display:none;
	/* 1 */
	height:0;
	/* 2 */
}
/**
* 修复 IE 7/8/9，Firefox 3 和 Safari 4 中 「hidden」属性不起作用的问题
* 在IE、Safari、Firefox 22- 中隐藏「template」元素
*/
[hidden],
template {
	display:none;
}
/**
* 为可拖动元素添加拖动的光标
* http://jsbin.com/apavod/1/edit
*/
[draggable] {
	cursor:move;
}
input { outline: none; }
/* Scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background-color: #CCC; }
::-webkit-scrollbar-thumb { background: #FFF; border: 1px solid #CCC; border-radius: 4px; }


/* Text Input */
input[type=text],
input[type=password] {
	width: 160px;
	height: 28px;
	padding: 0 8px;
	border: 1px solid #DEDEDE;
	background: #FFF;
	line-height: 26px;
	border-radius: 4px;
}
input[required] { background: #FFF url(../image/ic_input_required.png) no-repeat right center; }
input[type=text][disabled] {
	border-color: #EEE;
	background: #EEE;
	color: #BBB;
}
input[type=text].date { width: 120px; }
input[type=text].date.range { width: 190px; }
input.placeholder { color: #BBB; }
input:-ms-input-placeholder { color: #BBB; }
::-webkit-input-placeholder { color: #BBB; }
::-moz-placeholder { color: #BBB; }
:-moz-placeholder { color: #BBB; }
input[type=text]:focus,
input[type=password]:focus { border-color: #FDBAB5; outline: none; }
input::-ms-clear { display: none; }
/* Button */
button {
	height: 32px;
	line-height: 32px;
	padding: 0 12px;
	border: none;
	outline: none;
	background-color: #164389;
	color: #FFF;
	cursor: pointer;
	border-radius: 4px;
	transition: 0.2s;
}
button:hover { background-color: #164389; }
button:active { box-shadow: 0 0 8px #000 inset; }
button.negative { background-color: #999; }
button.negative:hover { background-color: #888; color: #FFF; }
button:disabled {
	background-color: #EEE;
	color: #BBB;
	cursor: default;
}
button:disabled:hover { background-color: #EEE; }
/* Switch Button */
button.switch {
	height: 20px;
	padding: 0;
	background: #E8E8E8;
	line-height: 16px;
	border-radius: 12px;
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .16);
	transition: 0.2s;
}
button.switch:hover { background: #DDD; }
button.switch:before,
button.switch:after {
	display: inline-block;
	min-width: 14px;
	padding: 0 1px;
	color: #888;
	font-size: 12px;
	border-radius: 8px;
	content: ' ';
}
button.switch:before {
	margin: 0 2px;
	background: #FFF;
	content: ' ' attr(data-off) ' ';
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .12);
}
button.switch.on { background: #164389; }
button.switch.on:before {
	margin: 0;
	background: none;
	content: ' ';
	box-shadow: none;
}
button.switch.on:after {
	margin: 0 2px;
	background: #FFF;
	content: ' ' attr(data-on) ' ';
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .12);
}
button.switch[disabled] { background: #EEE; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .02); }
button.switch[disabled]:before,
button.switch[disabled]:after { color: #BBB; }
/* Select */
select {
	height: 28px;
	padding: 0 6px;
	border: 1px solid #DEDEDE;
	background: #FFF;
	border-radius: 4px;
}
.select {
	display: inline-block;
	height: 28px;
	padding: 0;
	line-height: 28px;
}
.select span {
	display: block;
	min-width: 64px;
	height: 28px;
	padding: 0 8px;
	border: 1px solid #DEDEDE;
	background: #FFF;
	line-height: 25px;
	text-align: left;
	color: #444;
	white-space: nowrap;
	border-radius: 4px;
}
.select.open span { border-radius: 4px 4px 0 0; }
.select span:before {
	float: right;
	width: 0;
	height: 0;
	margin-top: 11px;
	border: 4px solid transparent;
	border-top-color: #888;
	content: ' ';
	transition: 0.2s;
}
.select:empty:after,
.select span:after { content: ' '; }
.select.open > span:before {
	margin-top: 7px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.select b {
	visibility: hidden;
	position: relative;
	z-index: 400;
	float: left;
	width: 100%;
	max-height: 200px;
	margin-top: -1px;
	padding: 2px 0;
	border: 1px solid #DEDEDE;
	background: #FFF;
	text-align: left;
	overflow: auto;
	border-radius: 0 0 4px 4px;
}
.select.open b { visibility: visible; }
.select i {
	display: block;
	padding: 4px 24px 4px 8px;
	cursor: pointer;
	font-weight: initial;
	font-style: normal;
}
.select > i { display: none; }
.select i:hover { background: #EEE; }
.select i.selected { color: #164389; cursor: default; }
.select i.selected:hover { background: none; }
.select.hide-current i.selected {
	height: 0;
	padding: 0 24px 0 8px;
	overflow: hidden;
}
.select.disabled span { border-color: #EDEDED; color: #BBB; }
.select.disabled span:before { border-top-color: #BBB; }
/* CheckBox & Radio */
label input[type=radio],
label input[type=checkbox] {
	visibility: hidden;
	width: 12px;
	height: 12px;
	margin-right: -12px;
	vertical-align: middle;
}
label span {
	display: inline-block;
	padding-right: 8px;
	line-height: 28px;
	cursor: pointer;
}
label span:empty { padding-right: 0; }
label span:empty:before { margin-right: -4px; }
label span:empty:after { content: ' '; }
label span:before {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 6px 0 0;
	background: #E8E8E8 url(../image/icons.png) no-repeat;
	line-height: 16px;
	content: ' ';
	transition: background-color 0.2s;
}
label input[type=checkbox] + span:before { border-radius: 2px; }
label input[type=radio] + span:before { border-radius: 8px; }
label input:enabled[type=checkbox] + span:hover:before { background-position: -82px -162px; }
label input:enabled[type=radio] + span:hover:before { background-position: -82px -182px; }
label input:checked[type=checkbox] + span:before { background-color: #164389; background-position: -102px -162px; }
label input:checked[type=radio] + span:before { background-color: #164389; background-position: -102px -182px; }
label input.square[type=radio] + span:before {display: none;}
label input.square[type=radio] + span {background-color: #FFF;border: 1px solid #E8E8E8;color: #BABABA;min-width: 66px;height: 32px;line-height: 32px;text-align: center;border-radius: 4px;padding: 0;}
label input.square:checked[type=radio] + span {background-color: #164389;border: 1px solid #164389;color: #FFF;}
label input:checked[type=checkbox] + span:hover:before { background-position: -102px -162px; }
label input:checked[type=radio] + span:hover:before { background-position: -102px -182px; }
label input:disabled + span { color: #BBB; cursor: default; }
label input:disabled[type=checkbox] + span:before { background-color: #EEE; }
label input:disabled[type=radio] + span:before { background-color: #EEE; }
/* Rating Bar */
.rating-bar { white-space: nowrap; }
.rating-bar:before,
.rating-bar:after {
	display: inline-block;
	width: 100px;
	height: 18px;
	background: url(../image/ic_rating_bar.png) repeat-x;
	content: ' ';
}
.rating-bar:before { width: 0; background-position: 0 -18px; }
.rating-bar.n1:before { width: 20px; }
.rating-bar.n2:before { width: 40px; }
.rating-bar.n3:before { width: 60px; }
.rating-bar.n4:before { width: 80px; }
.rating-bar.n5:before { width: 100px; }
.rating-bar.n1:after { width: 80px; }
.rating-bar.n2:after { width: 60px; }
.rating-bar.n3:after { width: 40px; }
.rating-bar.n4:after { width: 20px; }
.rating-bar.n5:after { width: 0; }
/* Text Area */
textarea {
	padding: 8px;
	border: 1px solid #DEDEDE;
	background: #FFF;
	overflow: auto;
	resize: none;
	border-radius: 4px;
}
textarea:focus { border-color: #FDBAB5; outline: none; }
textarea.placeholder { color: #BBB; }

/* Pagination */
.pagination {
	position: relative;
	list-style: none;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.pagination .page {
	display: inline-block;
	min-width: 30px;
	height: 28px;
	margin: 0 4px;
	padding: 0 8px;
	background: #E8E8E8;
	line-height: 28px;
	cursor: pointer;
	border-radius: 4px;
	transition: 0.2s;
}
.pagination .page:hover { background: #164389; color: #FFF; }
.pagination .page.index { background: #164389; color: #FFF; }
.pagination .omit { display: inline-block; margin: 0 8px; }
.pagination .page-size {
	position: absolute;
	top: 0;
	padding: 0 8px;
	background: #E8E8E8;
	line-height: 28px;
	border-radius: 4px;
}
.pagination .page-size a {
	display: inline-block;
	width: 0;
	height: 20px;
	line-height: 20px;
	opacity: 0;
	border-radius: 4px;
	transition: 0.2s;
}
.pagination .page-size:hover a,
.pagination .page-size a.index {
	width: auto;
	min-width: 24px;
	margin: 0 1px;
	padding: 0 4px;
	opacity: 1;
}
.pagination .page-size a:hover { background: #164389; color: #FFF; }
.pagination .page-size:hover a.index { background: #164389; color: #FFF; }
/* Date Picker */
.date-picker {
	position: absolute;
	z-index: 201;
	padding: 2px;
	border: 1px solid #DDD;
	background: #FFF;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.date-picker table { border-spacing: 0; }
.date-picker th {
	padding: 4px 0;
	color: #090;
	font-size: 11px;
}
.date-picker td {
	width: 36px;
	padding: 4px;
	text-align: center;
	cursor: pointer;
	transition: 0.2s;
}
.date-picker .header td:nth-child(2) { width: 400px; }
.date-picker .today { color: #F00; }
.date-picker .index { background: #EEE; }
.date-picker .weekend { color: #888; }
.date-picker td:hover { background: #999; color: #FFF; }
.date-picker .disabled { color: #DDD; cursor: default; }
.date-picker .disabled:hover { background: none; color: #DDD; }
.date-picker .footer {background-color: #FFF;}
/* CarLicense Board */
.car-license-board {
	display: none;
	position: absolute;
	z-index: 201;
	border: 1px solid #DDD;
	background: #FFF;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.car-license-board table { padding: 2px; border-spacing: 0; }
.car-license-board td { padding: 4px 8px; cursor: pointer; }
.car-license-board td.quick { color: #F00; }
.car-license-board td:hover { background: #999; color: #FFF; }
.car-license-board p {
	padding: 4px 0;
	background: #F0F0F0;
	text-align: center;
	font-size: 11px;
	color: #888;
}
/* Dialog */
#cover {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .2);
}
.dialog {
	opacity: 0;
	position: fixed;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, .24);
}
.dialog > .close {
	position: absolute;
	z-index: 3;
	top: 8px;
	right: 8px;
	width: 32px;
	height: 32px;
	background: url(../image/icons.png) no-repeat -84px -124px;
}
.dialog > .close:hover { background-position: -124px -124px; }
.dialog > .close:active { background-position: -164px -124px; }
.dialog > .cover {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .2);
}
.dialog > .cover ~ .close { display: none; }
.dialog > header {
	padding: 0 48px;
	border-bottom: 1px solid #E0E0E0;
	background: #FFF;
	line-height: 48px;
	color: #164389;
	font-size: 16px;
	text-align: center;
	overflow: hidden;
}
.dialog > header:empty { display: none; }
.dialog > header:empty ~ .close {
	top: 0;
	right: 0;
	background-position: -208px -120px;
}
.dialog > header:empty ~ .close:hover { background-position: -248px -120px; }
.dialog > header:empty ~ .close:active { background-position: -288px -120px; }
.dialog > .body {
	position: relative;
	z-index: 2;
	min-width: 100px;
	min-height: 0;
	background-color: #FFF;
}
.dialog.loader > .body {
	padding: 64px 16px 12px;
	background: #FFF url(../image/loader_small.gif) no-repeat center 20px;
	text-align: center;
	white-space: pre-line;
	border-radius: 4px;
}
.dialog.loader > .body:empty { height: 100px; background-position: center center; }
.dialog.popup > .body {
	padding: 8px 12px;
	background-color: rgba(0, 0, 0, .48);
	color: #FFF;
	text-align: center;
	white-space: pre-line;
	cursor: pointer;
}
.dialog.alert > .body {
	min-width: 320px;
	max-width: 400px;
	padding: 40px 48px;
	text-align: center;
	white-space: pre-line;
}
.dialog.input > .body { padding: 32px 48px; }
.dialog.input > .body > input {
	width: 180px;
	border: none;
	border-bottom: 1px solid #BBB;
	background-color: transparent;
}
.dialog.page > .body > iframe {
	display: block;
	width: 100%;
	height: 100%;
}
.dialog > footer { background: #FFF; text-align: center; }
.dialog > footer:empty { display: none; }
.dialog > footer > button { margin: 0 8px 24px; }
/* Tips */
.tip {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 400;
	white-space: pre-line;
	word-break: break-all;
	opacity: 0;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}
.tip:after {
	position: absolute;
	z-index: 0;
	width: 8px;
	height: 8px;
	background: #41BAA7;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.tip.top:after { bottom: -4px; content: ''; }
.tip.bottom:after { top: -4px; content: ''; }
.tip.left:after { right: 14px; content: ''; }
.tip.right:after { left: 14px; content: ''; }
.tip > p {
	max-width: 320px;
	background: #41BAA7;
	color: #FFF;
	padding: 8px 10px;
	border-radius: 4px;
}
.tip > div {
	position: relative;
	z-index: 1;
	padding: 8px;
	border: 1px solid #41BAA7;
	background: #FFF;
	border-radius: 4px;
}
/* Loader */
.loading {
	background-image: url(../image/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.loading.small {
	background-image: url(../image/loader_small.gif);
}
/* Empty */
.empty {
	background-repeat: no-repeat;
	background-position: center center;
}
/* Hint */
.hint {
	font-size: 11px;
	color: #999;
	text-align: center;
	text-shadow: 1px 1px 0 #FFF;
}
/* Back to Top */
#back-to-top {
	position: fixed;
	right: -40px;
	bottom: 44px;
	width: 36px;
	height: 36px;
	background-image: url(../../images/gf/icons.png);
	background-repeat: no-repeat;
	background-position: -84px -204px;
	border-radius: 18px 0 0 18px;
	box-shadow: -1px 1px 2px rgba(0, 0, 0, .2);
}
#back-to-top.show { right: -10px; }
#back-to-top:hover { animation: back-to-top-move-up 1s infinite; }
.dialog-body > #back-to-top { bottom: 16px; }
@keyframes back-to-top-move-up {
	0% { background-position: -84px -204px;}
	100% { background-position: -84px -240px; }
}
@media print {
	#back-to-top { display: none; }
}

/* Table Lite List */
table.lite-list { border-spacing: 0; }
table.lite-list th {
	padding: 4px 24px 4px 4px;
	border-bottom: 1px solid #DEDEDE;
	white-space: nowrap;
	text-align: left;
}
table.lite-list th:last-child { padding: 4px; text-align: right; }
table.lite-list td {
	padding: 4px 24px 4px 4px;
	border-bottom: 1px solid #EDEDED;
	white-space: nowrap;
}
table.lite-list td:last-child { padding: 4px; text-align: right; }
table.lite-list tr:last-child td { border-bottom: none; }
table.lite-list tfoot td { border-top: 1px solid #DDD; }
/* Table Form */
table.form { padding: 32px 64px; border-spacing: 0; }
table.form td { padding: 4px; }
table.form td:nth-child(3n-2) {
	width: 2px;
	color: #888;
	white-space: nowrap;
	text-align: right;
}
table.form td:nth-child(3n) { color: #888; }
table.form select { width: 160px; }
table.form .select { width: 160px; }
table.form input.adjust { width: 100%; }
table.form.adjust { width: 100%; }
table.form.adjust td:nth-child(3n-1) { width: 9999px; }
table.form.adjust input[type=text],
table.form.adjust input[type=select],
table.form.adjust select,
table.form.adjust .select { width: 100%; }
/* Table Info */
table.info { border-collapse: collapse; }
table.info td {
	padding: 8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
table.info td:nth-child(2n-1) { color: #999; text-align: right; }
table.info td:nth-child(2n) { padding-right: 20px; }


/* 华胜特殊字体 */
@font-face {
	font-family: 'harsons-wf';
	src:
			url('../../font/harsons-wf.woff') format('woff'),
			url('../../font/harsons-wf.ttf') format('truetype'),
			url('../../font/harsons-wf.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'harsons-wt';
	src: url('../../font/harsons-wt.eot');
	src:
			/*url('../../font/harsons-wt.eot?#font-spider') format('embedded-opentype'),*/
			url('../../font/harsons-wt.woff') format('woff'),
			url('../../font/harsons-wt.ttf') format('truetype'),
			url('../../font/harsons-wt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.hfront3{
	color: #000;
	font-family: 'harsons-wf';
}
.hfront7{
	color: #000;
	font-family: 'harsons-wt';
}
/* 华胜特殊字体 */
@font-face {
	font-family: "hsicon"; /* Project id 1960401 */
	src: url('../../font/iconfont.eot?t=1632712053852'); /* IE9 */
	src: url('../../font/iconfont.eot?t=1632712053852#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../../font/iconfont.woff2?t=1632712053852') format('woff2'),
	url('../../font/iconfont.woff?t=1632712053852') format('woff'),
	url('../../font/iconfont.ttf?t=1632712053852') format('truetype'),
	url('../../font/iconfont.svg?t=1632712053852#hsicon') format('svg');
}

.hsicon {
	font-family: "hsicon" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-shijian2:before {
	content: "\e66c";
}

.icon-jiangbei:before {
	content: "\e616";
}

.icon-xiaoyuan:before {
	content: "\e602";
}

.icon-remen:before {
	content: "\e62c";
}

.icon-shehui:before {
	content: "\e694";
}

.icon-riqi:before {
	content: "\e609";
}

.icon-shijian:before {
	content: "\e70f";
}

.icon-dianpu:before {
	content: "\e601";
}

.icon-permissions:before {
	content: "\e6df";
}

.icon-xingxing:before {
	content: "\e62b";
}

.icon-dianhua:before {
	content: "\e60f";
}

.icon-daohang:before {
	content: "\e60c";
}

.icon-add-bold:before {
	content: "\e689";
}

.icon-close-bold:before {
	content: "\e68a";
}

.icon-add-circle:before {
	content: "\e664";
}

.icon-select:before {
	content: "\e67e";
}

.icon-gantanhao:before {
	content: "\e600";
}

.icon-arrow-left-double:before {
	content: "\e665";
}

.icon-arrow-right-double:before {
	content: "\e666";
}

.icon-map:before {
	content: "\e677";
}

.icon-help:before {
	content: "\e678";
}

.icon-prompt:before {
	content: "\e67b";
}

.icon-search:before {
	content: "\e67d";
}

.icon-warning:before {
	content: "\e682";
}

.icon-arrow-left:before {
	content: "\e685";
}

.icon-arrow-up:before {
	content: "\e686";
}

.icon-arrow-down:before {
	content: "\e687";
}

.icon-arrow-right:before {
	content: "\e688";
}