.btn-block, .table {
	width: 100%
}

.form-group, .pager .ellipsis:hover, .pager a:hover,
	.placeholder-wrapper {
	position: relative
}


input[type=text] {
	-webkit-appearance: none
}

a, abbr, acronym, address, applet, article, aside, audio, b, big,
	blockquote, body, canvas, caption, center, cite, code, dd, del, details,
	dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form,
	h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd,
	label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby,
	s, samp, section, small, span, strike, strong, sub, summary, sup, table,
	tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup,
	menu, nav, section {
	display: block
}

ol, ul {
	list-style: none
}

blockquote, q {
	quotes: none
}

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

table {
	border-collapse: collapse;
	border-spacing: 0
}

body {
	font: 14px/1.57142857 PingHei, "Hiragino Sans GB", "Microsoft YaHei"
}

.text-muted {
	color: #989898
}

.text-primary {
	color: #f90
}

.text-info {
	color: #6287d5
}

.text-success {
	color: #56b02a
}

.text-error {
	color: #f95710
}

.btn-default, .btn-error, .btn-info, .btn-link, .btn-primary,
	.btn-success {
	display: inline-block;
	text-align: center;
	cursor: pointer;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-style: solid;
	border-width: 1px;
	line-height: 1.571428571428571;
	padding: 6px 12px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.btn-default.tiny, .btn-error.tiny, .btn-info.tiny, .btn-link.tiny,
	.btn-primary.tiny, .btn-success.tiny {
	border-style: solid;
	border-width: 1px;
	font-size: 12px;
	line-height: 1;
	padding: 2px 4px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.btn-default.small, .btn-error.small, .btn-info.small, .btn-link.small,
	.btn-primary.small, .btn-success.small {
	border-style: solid;
	border-width: 1px;
	font-size: 12px;
	line-height: 1.333333333;
	padding: 4px 8px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.btn-default.large, .btn-error.large, .btn-info.large, .btn-link.large,
	.btn-primary.large, .btn-success.large {
	border-style: solid;
	border-width: 1px;
	font-size: 16px;
	line-height: 1.75;
	padding: 8px 16px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.btn-default.huge, .btn-error.huge, .btn-info.huge, .btn-link.huge,
	.btn-primary.huge, .btn-success.huge {
	border-style: solid;
	border-width: 1px;
	font-size: 18px;
	line-height: 2.142857142857143;
	padding: 10px 20px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.btn-default {
	background-color: #fff;
	border-color: #ccc;
	color: #555
}

.btn-default:hover {
	background-color: #f2f2f2;
	border-color: #c2c2c2;
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s;
	transition: background-color .2s
}

.btn-info:hover, .btn-primary:hover {
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s
}

a.btn-default:hover {
	color: #555
}

.btn-default.active, .btn-default:active, .btn-default[active] {
	background-color: #e6e6e6;
	border-color: #b8b8b8;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-default.disabled, .btn-default:disabled, .btn-default[disabled] {
	cursor: not-allowed;
	pointer-events: none;
	background-color: #ddd;
	color: #888;
	border-color: #bbb
}

.btn-error, .btn-info, .btn-success, a.btn-error:hover, a.btn-info:hover,
	a.btn-primary:hover, a.btn-success:hover {
	color: #fff
}

.btn-primary {
	background-color: #f90;
	border-color: #f29100;
	color: #fff
}

.btn-primary:hover {
	background-color: #f29100;
	border-color: #e68a00;
	transition: background-color .2s
}

.btn-primary.active, .btn-primary:active, .btn-primary[active] {
	background-color: #f29100;
	border-color: #e68a00;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-primary.disabled, .btn-primary:disabled, .btn-primary[disabled] {
	cursor: not-allowed;
	pointer-events: none;
	background-color: #dfc7a3;
	border-color: #c5ab84
}

.btn-info {
	background-color: #6287d5;
	border-color: #567ed2
}

.btn-info:hover {
	background-color: #567ed2;
	border-color: #4974ce;
	transition: background-color .2s
}

.btn-error:hover, .btn-success:hover {
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s
}

.btn-info.active, .btn-info:active, .btn-info[active] {
	background-color: #567ed2;
	border-color: #4974ce;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-info.disabled, .btn-info:disabled, .btn-info[disabled] {
	cursor: not-allowed;
	pointer-events: none;
	background-color: #8ea3b9;
	border-color: #6e86a0
}

.btn-success {
	background-color: #56b02a;
	border-color: #52a728
}

.btn-success:hover {
	background-color: #52a728;
	border-color: #4d9e26;
	transition: background-color .2s
}

.btn-success.active, .btn-success:active, .btn-success[active] {
	background-color: #52a728;
	border-color: #4d9e26;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-success.disabled, .btn-success:disabled, .btn-success[disabled] {
	cursor: not-allowed;
	pointer-events: none;
	background-color: #a0b790;
	border-color: #7e9f67
}

.btn-error {
	background-color: #f95710;
	border-color: #f64f06
}

.btn-error:hover {
	background-color: #f64f06;
	border-color: #e94b06;
	transition: background-color .2s
}

.btn-link:hover, .label-default:hover {
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s
}

.btn-error.active, .btn-error:active, .btn-error[active] {
	background-color: #f64f06;
	border-color: #e94b06;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-error.disabled, .btn-error:disabled, .btn-error[disabled] {
	cursor: not-allowed;
	pointer-events: none;
	background-color: #cda28f;
	border-color: #b18876
}

.btn-link {
	border-color: transparent;
	color: #555
}

button.btn-link, input.btn-link {
	background-color: transparent
}

.btn-link:hover {
	color: #f90;
	transition: background-color .2s
}

.btn-link.disabled, .btn-link:disabled, .btn-link[disabled] {
	cursor: not-allowed;
	pointer-events: none;
	color: #999
}

.btn-block+.btn-block {
	margin-top: 10px
}

.label-default, .label-error, .label-info, .label-primary,
	.label-success {
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-style: solid;
	border-width: 1px;
	line-height: 1.571428571428571;
	padding: 6px 12px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.label-default.tiny, .label-error.tiny, .label-info.tiny, .label-primary.tiny,
	.label-success.tiny {
	border-style: solid;
	border-width: 1px;
	font-size: 12px;
	line-height: 1;
	padding: 2px 4px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.label-default.small, .label-error.small, .label-info.small,
	.label-primary.small, .label-success.small {
	border-style: solid;
	border-width: 1px;
	font-size: 12px;
	line-height: 1.333333333;
	padding: 4px 8px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.label-default.large, .label-error.large, .label-info.large,
	.label-primary.large, .label-success.large {
	border-style: solid;
	border-width: 1px;
	font-size: 16px;
	line-height: 1.75;
	padding: 8px 16px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.label-default.huge, .label-error.huge, .label-info.huge, .label-primary.huge,
	.label-success.huge {
	border-style: solid;
	border-width: 1px;
	font-size: 18px;
	line-height: 2.142857142857143;
	padding: 10px 20px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.label-default {
	background-color: #fff;
	border-color: #ccc;
	color: #888
}

.label-default:hover {
	transition: background-color .2s
}

.label-info:hover, .label-primary:hover {
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s
}

.label-primary {
	background-color: #fffbef;
	border-color: #f8ce69;
	color: #888
}

.label-primary:hover {
	transition: background-color .2s
}

.label-info {
	background-color: #edf3fd;
	border-color: #abc0e9;
	color: #888
}

.label-info:hover {
	transition: background-color .2s
}

.label-error:hover, .label-success:hover {
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s
}

.label-success {
	background-color: #e7ffdb;
	border-color: #91c876;
	color: #888
}

.label-success:hover {
	transition: background-color .2s
}

.label-error {
	background-color: #fde3d7;
	border-color: #e7b69f;
	color: #888
}

.label-error:hover {
	transition: background-color .2s
}

.message-default:hover, .message-primary:hover {
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s
}

.message-default, .message-error, .message-info, .message-primary,
	.message-success {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-style: solid;
	border-width: 1px;
	font-size: 12px;
	line-height: 1.571428571428571;
	padding: 6px 12px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.message-default.tiny, .message-error.tiny, .message-info.tiny,
	.message-primary.tiny, .message-success.tiny {
	border-style: solid;
	border-width: 1px;
	font-size: 12px;
	line-height: 1;
	padding: 2px 4px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.message-default.small, .message-error.small, .message-info.small,
	.message-primary.small, .message-success.small {
	border-style: solid;
	border-width: 1px;
	font-size: 12px;
	line-height: 1.333333333;
	padding: 4px 8px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.message-default.large, .message-error.large, .message-info.large,
	.message-primary.large, .message-success.large {
	border-style: solid;
	border-width: 1px;
	font-size: 12px;
	line-height: 1.75;
	padding: 8px 16px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.message-default.huge, .message-error.huge, .message-info.huge,
	.message-primary.huge, .message-success.huge {
	border-style: solid;
	border-width: 1px;
	font-size: 12px;
	line-height: 2.142857142857143;
	padding: 10px 20px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.message-default {
	background-color: #f8f8f8;
	border-color: #ccc;
	color: #888
}

.message-default:hover {
	transition: background-color .2s
}

.message-primary {
	background-color: #fffbef;
	border-color: #f8ce69;
	color: #f90
}

.message-primary:hover {
	transition: background-color .2s
}

.message-info:hover, .message-success:hover {
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s
}

.message-info {
	background-color: #edf3fd;
	border-color: #abc0e9;
	color: #6287d5
}

.message-info:hover {
	transition: background-color .2s
}

.message-success {
	background-color: #e7ffdb;
	border-color: #91c876;
	color: #56b02a
}

.message-success:hover {
	transition: background-color .2s
}

.badge-default:hover, .message-error:hover {
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s
}

.message-error {
	background-color: #fde3d7;
	border-color: #e7b69f;
	color: #f95710
}

.badge-default, .badge-error, .badge-info, .badge-primary,
	.badge-success, .progress {
	color: #fff;
	border-color: transparent
}

.message-error:hover {
	transition: background-color .2s
}

.badge-default, .badge-error, .badge-info, .badge-primary,
	.badge-success {
	display: inline-block;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-style: solid;
	line-height: 1;
	padding: 6px;
	min-width: 27px;
	min-height: 27px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px
}

.badge-default.tiny, .badge-error.tiny, .badge-info.tiny, .badge-primary.tiny,
	.badge-success.tiny {
	border-style: solid;
	font-size: 12px;
	line-height: 1;
	padding: 2px;
	min-width: 17px;
	min-height: 17px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px
}

.badge-default.small, .badge-error.small, .badge-info.small,
	.badge-primary.small, .badge-success.small {
	border-style: solid;
	font-size: 12px;
	line-height: 1;
	padding: 4px;
	min-width: 20px;
	min-height: 20px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px
}

.badge-default.large, .badge-error.large, .badge-info.large,
	.badge-primary.large, .badge-success.large {
	border-style: solid;
	font-size: 16px;
	line-height: 1;
	padding: 8px;
	min-width: 34px;
	min-height: 34px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px
}

.badge-default.huge, .badge-error.huge, .badge-info.huge, .badge-primary.huge,
	.badge-success.huge {
	border-style: solid;
	font-size: 18px;
	line-height: 1;
	padding: 10px;
	min-width: 39px;
	min-height: 39px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px
}

.progress, .progress.tiny {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	line-height: 1;
	border-style: solid;
	font-size: 12px
}

.badge-default {
	background-color: #989898
}

.badge-default:hover {
	transition: background-color .2s
}

.badge-info:hover, .badge-primary:hover {
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s
}

.badge-primary {
	background-color: #f90
}

.badge-primary:hover {
	transition: background-color .2s
}

.badge-info {
	background-color: #6287d5
}

.badge-info:hover {
	transition: background-color .2s
}

.badge-error:hover, .badge-success:hover {
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s
}

.badge-success {
	background-color: #56b02a
}

.badge-success:hover {
	transition: background-color .2s
}

.badge-error {
	background-color: #f95710
}

.badge-error:hover {
	transition: background-color .2s
}

.progress-bar-primary:hover, .progress:hover {
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s
}

.progress {
	overflow: hidden;
	background-color: #f5f5f5;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 12px;
	border-radius: 2px
}

.progress:hover {
	transition: background-color .2s
}

.progress.tiny {
	height: 4px;
	border-radius: 2px
}

.progress.small {
	border-style: solid;
	font-size: 12px;
	line-height: 1;
	height: 8px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.progress.large {
	border-style: solid;
	font-size: 12px;
	line-height: 1.333333333333333;
	height: 16px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.progress.huge, .tooltip {
	-webkit-border-radius: 4px
}

.progress.huge {
	border-style: solid;
	font-size: 12px;
	line-height: 1.666666666666667;
	height: 20px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.progress-bar-error, .progress-bar-info, .progress-bar-primary,
	.progress-bar-success {
	display: block;
	height: 100%;
	text-align: center
}

.progress-bar-primary {
	background-color: #f90;
	border-color: transparent;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15)
}

.progress-bar-info, .progress-bar-success {
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	border-color: transparent
}

.progress-bar-primary:hover {
	transition: background-color .2s
}

.progress-bar-info:hover, .progress-bar-success:hover {
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s
}

.progress-bar-info {
	background-color: #6287d5;
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15)
}

.progress-bar-info:hover {
	transition: background-color .2s
}

.progress-bar-success {
	background-color: #56b02a;
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15)
}

.progress-bar-success:hover {
	transition: background-color .2s
}

.pager a:hover, .progress-bar-error:hover {
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s
}

.progress-bar-error {
	background-color: #f95710;
	border-color: transparent;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15)
}

.progress-bar-error:hover {
	transition: background-color .2s
}

.pager {
	font-size: 0;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.pager .ellipsis, .pager a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-size: 14px;
	line-height: 1.571428571428571;
	border-style: solid;
	margin-left: -1px;
	display: inline-block
}

.pager a {
	cursor: pointer;
	box-sizing: border-box;
	border-width: 1px;
	padding: 6px 13px;
	background-color: #fff;
	border-color: #ddd;
	color: #888
}

.pager a:hover {
	color: #f90;
	border-color: #f90;
	transition: background-color .2s
}

.form-hint:hover, .form-text:hover {
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s
}

.pager a.active, .pager a:active, .pager a[active] {
	background-color: #f90;
	color: #fff;
	border-color: #f90
}

.pager a.active {
	cursor: text
}

.pager .ellipsis {
	box-sizing: border-box;
	padding: 7px 10px
}

input[type=search] {
	appearance: textfield
}

input::-ms-clear {
	display: none
}

button, input, select, textarea {
	font-family: inherit;
	font-size: inherit;
	outline: 0;
	margin: 0;
	padding: 0
}

.form-checkbox, .form-label, .form-radio, .form-static {
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-style: solid;
	line-height: 1.571428571428571;
	padding: 6px 0
}

.form-checkbox.tiny, .form-label.tiny, .form-radio.tiny, .form-static.tiny
	{
	border-style: solid;
	font-size: 12px;
	line-height: 1;
	padding: 2px 0
}

.form-checkbox.small, .form-label.small, .form-radio.small, .form-static.small
	{
	border-style: solid;
	font-size: 12px;
	line-height: 1.333333333;
	padding: 4px 0
}

.form-checkbox.large, .form-label.large, .form-radio.large, .form-static.large
	{
	border-style: solid;
	font-size: 16px;
	line-height: 1.75;
	padding: 8px 0
}

.form-checkbox.huge, .form-label.huge, .form-radio.huge, .form-static.huge
	{
	border-style: solid;
	font-size: 18px;
	line-height: 2.142857142857143;
	padding: 10px 0
}

.form-text, .input-group-addon, .placeholder {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-style: solid;
	border-width: 1px;
	line-height: 1.571428571428571;
	padding: 6px 12px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.form-hint, .table {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

.form-text.tiny, .input-group-addon.tiny, .placeholder.tiny {
	border-style: solid;
	border-width: 1px;
	font-size: 12px;
	line-height: 1;
	padding: 2px 4px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.form-text.small, .input-group-addon.small, .placeholder.small {
	border-style: solid;
	border-width: 1px;
	font-size: 12px;
	line-height: 1.333333333;
	padding: 4px 8px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.form-text.large, .input-group-addon.large, .placeholder.large {
	border-style: solid;
	border-width: 1px;
	font-size: 16px;
	line-height: 1.75;
	padding: 8px 16px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.form-text.huge, .input-group-addon.huge, .placeholder.huge {
	border-style: solid;
	border-width: 1px;
	font-size: 18px;
	line-height: 2.142857142857143;
	padding: 10px 20px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.form-action {
	margin-top: 20px
}

.form-group {
	padding-top: 5px;
	padding-bottom: 5px
}

.form-group:after, .form-group:before {
	content: ' ';
	display: table
}

.form-group .error, .form-group .success {
	display: none;
	font-size: 12px
}

.form-group.has-error .error, .form-group.has-success .success,
	.form-inline, .form-number, .placeholder-wrapper {
	display: inline-block
}

.form-group .success {
	color: #56b02a
}

.form-group .error {
	color: #f95710
}

.form-label {
	float: left;
	font-weight: 400;
	padding-right: 5px;
	text-align: right
}

.form-required {
	margin-right: 5px
}

.form-required:after {
	content: '*';
	color: #f95710;
	font-size: 12px
}

.form-text, a.form-text:hover {
	color: #888
}

.form-checkbox, .form-radio {
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;
	cursor: pointer
}

.form-checkbox input, .form-radio input {
	cursor: pointer;
	margin-right: 5px
}

.form-checkbox+.form-checkbox, .form-radio+.form-radio {
	margin-left: 10px
}

.form-text {
	margin: 0;
	height: 36px;
	background-color: #fff;
	border-color: #ccc
}

.form-text:focus, .form-text:hover {
	border-color: #f90
}

textarea.form-text {
	resize: none
}

.form-text:hover {
	transition: background-color .2s
}

.form-hint, .placeholder {
	border-color: transparent
}

.form-text.disabled, .form-text:disabled, .form-text[disabled] {
	cursor: not-allowed;
	pointer-events: none;
	background-color: #f8f8f8;
	color: #ccc
}

.form-text::-webkit-input-placeholder {
	color: #ccc
}

.form-text:-moz-placeholder {
	color: #ccc
}

.form-text::-moz-placeholder {
	color: #ccc
}

.form-text:-ms-input-placeholder {
	color: #ccc
}

.form-text.tiny {
	height: 18px
}

.form-text.small {
	height: 26px
}

.form-text.large {
	height: 48px
}

.form-text.huge {
	height: 60px
}

.placeholder-wrapper {
	background-color: #fff;
	line-height: 0
}

.form-hint, .table th {
	border-style: solid;
	line-height: 1.571428571428571
}

.placeholder-wrapper .form-text {
	background-color: transparent;
	position: relative;
	z-index: 1
}

.placeholder {
	color: #ccc;
	position: absolute;
	left: 0;
	top: 0
}

.form-number {
	position: relative
}

.form-number .icon-caret-down, .form-number .icon-caret-up {
	cursor: default;
	font-size: 20px;
	position: absolute;
	right: 3px;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.dialog-header, .nav-item {
	-ms-user-select: none;
	-moz-user-select: none
}

.form-number .icon-caret-up {
	top: 2px
}

.form-number .icon-caret-down {
	bottom: 2px
}

.form-hint {
	box-sizing: border-box;
	font-size: 12px;
	color: #6287d5
}

button.form-hint, input.form-hint {
	background-color: transparent
}

.form-hint:hover {
	transition: background-color .2s
}

.input-group-addon:hover, .table thead:hover {
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s
}

.form-inline {
	margin-left: 5px
}

.form-inline:empty {
	display: none
}

.form-block {
	display: block;
	margin-top: 8px
}

.input-group {
	display: inline-block
}

.input-group:after, .input-group:before {
	content: ' ';
	display: table
}

.input-group .form-text, .input-group .placeholder-wrapper {
	float: left
}

.input-group .form-text+.input-group-addon, .input-group .placeholder-wrapper+.input-group-addon
	{
	border-left: none;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-left-radius: 0
}

.input-group .form-text {
	float: left;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	position: relative
}

.input-group-addon {
	float: left;
	background-color: #efefef;
	border-color: #ccc;
	color: #555
}

.dialog, .table tbody, .table thead {
	border-color: transparent
}

.input-group-addon:hover {
	transition: background-color .2s
}

.input-group-addon:first-child {
	border-right: none;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
	border-bottom-right-radius: 0
}

.table {
	box-sizing: border-box
}

.table td, .table th {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 10px;
	text-align: center
}

.table thead {
	background-color: #f7f7f7;
	color: #555
}

.table thead:hover {
	transition: background-color .2s
}

.dialog:hover, .table tbody:hover {
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s
}

.table th {
	box-sizing: border-box
}

.table tbody {
	background-color: #fff;
	color: #888
}

button.table tbody, input.table tbody {
	background-color: transparent
}

.table tbody:hover {
	transition: background-color .2s
}

.table tbody tr {
	border-bottom: 1px solid #ccc
}

.table td {
	box-sizing: border-box;
	border-style: solid;
	line-height: 1.571428571428571
}

.dialog-body, .dialog-header {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	line-height: 1.571428571428571;
	border-style: solid
}

.dialog {
	position: fixed;
	background-color: #fff
}

.dialog:hover {
	transition: background-color .2s
}

.dialog-close:hover, .dialog-header:hover {
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s
}

.dialog-header {
	cursor: move;
	-webkit-user-select: none;
	user-select: none;
	box-sizing: border-box;
	border-bottom-width: 1px;
	font-size: 16px;
	font-family: PingHei, "Hiragino Sans GB", "Microsoft YaHei";
	padding: 9px 20px;
	background-color: #f5f5f5;
	border-color: #ccc;
	color: #555
}

#nav .nav-item, body {
	font-family: PingHei, 'Hiragino Sans GB', 'Microsoft YaHei', arial,
		sans-serif
}

.dialog-close, .dialog-mask {
	position: absolute;
	border-color: transparent
}

.dialog-header:hover {
	transition: background-color .2s
}

.dialog-header h1 {
	display: inline-block
}

.dialog-body {
	box-sizing: border-box;
	padding: 20px
}

.dialog-close, .tab-nav-default {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

.dialog-close {
	text-align: center;
	top: 7px;
	right: 13px;
	cursor: pointer;
	box-sizing: border-box;
	border-style: solid;
	font-size: 30px;
	line-height: 30px;
	width: 30px;
	height: 30px;
	color: #ccc
}

.dropdown, .tab-nav-default, .tab-nav-info, .tab-nav-primary {
	text-align: left
}

button.dialog-close, input.dialog-close {
	background-color: transparent
}

.dialog-close:hover {
	color: #999;
	transition: background-color .2s
}

.dialog-mask:hover, .tab-nav-default:hover {
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s
}

.dialog-mask {
	top: 0;
	left: 0;
	background-color: #000;
	opacity: .3;
	filter: alpha(opacity = 30)
}

.dialog-mask:hover {
	transition: background-color .2s
}

.tab-nav-default:after, .tab-nav-default:before, .tab-nav-info:after,
	.tab-nav-info:before, .tab-nav-primary:after, .tab-nav-primary:before {
	content: ' ';
	display: table
}

.nav-item {
	float: left;
	position: relative;
	vertical-align: top;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none
}

.chat-label, .form-date .calendar, .org-label {
	-moz-user-select: none;
	-ms-user-select: none
}

.nav-item.active {
	cursor: text
}

.tab-nav-default {
	background-color: #f8f8f8;
	border-color: #ddd;
	box-sizing: border-box;
	border-style: solid;
	border-width: 1px;
	line-height: 1.571428571428571
}

.tab-nav-default .nav-item, .tab-nav-primary {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-style: solid
}

.tab-nav-default:hover {
	transition: background-color .2s
}

.tab-nav-default .nav-item:hover, .tab-nav-primary:hover {
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s
}

.tab-nav-default .nav-item {
	margin-left: -1px;
	border-color: transparent;
	color: #555;
	box-sizing: border-box;
	border-right-width: 1px;
	border-left-width: 1px;
	line-height: 1.571428571428571;
	padding: 12px 38px
}

button.tab-nav-default .nav-item, input.tab-nav-default .nav-item {
	background-color: transparent
}

.tab-nav-default .nav-item.active, .tab-nav-default .nav-item:active,
	.tab-nav-default .nav-item:hover, .tab-nav-default .nav-item[active] {
	background-color: #fff;
	color: #f90;
	border-color: #ddd
}

.tab-nav-default .nav-item:hover {
	transition: background-color .2s
}

button.tab-nav-info, button.tab-nav-info .nav-item, button.tab-nav-primary,
	button.tab-nav-primary .nav-item, input.tab-nav-info, input.tab-nav-info .nav-item,
	input.tab-nav-primary, input.tab-nav-primary .nav-item {
	background-color: transparent
}

.tab-nav-primary {
	border-color: #ccc;
	box-sizing: border-box;
	border-bottom-width: 1px;
	line-height: 1.571428571428571
}

.tab-nav-info, .tab-nav-primary .nav-item {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	line-height: 1.571428571428571
}

.tab-nav-primary:hover {
	transition: background-color .2s
}

.tab-nav-info:hover, .tab-nav-primary .nav-item:hover {
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s
}

.tab-nav-primary .nav-item {
	border-color: transparent;
	color: #555;
	box-sizing: border-box;
	border-style: solid;
	border-bottom-width: 4px;
	padding: 12px 36px
}

.tab-nav-primary .nav-item:hover {
	color: #f90;
	border-color: #f90;
	transition: background-color .2s
}

.tab-nav-primary .nav-item.active, .tab-nav-primary .nav-item:active,
	.tab-nav-primary .nav-item[active] {
	color: #f90;
	border-color: #f90
}

.tab-nav-info {
	border-color: #ccc;
	box-sizing: border-box;
	border-style: solid;
	border-bottom-width: 1px
}

.dropdown, .tab-nav-info .nav-item {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-style: solid
}

.tab-nav-info:hover {
	transition: background-color .2s
}

.dropdown-menu:hover, .tab-nav-info .nav-item:hover {
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s
}

.tab-nav-info .nav-item {
	border-color: transparent;
	color: #555;
	box-sizing: border-box;
	border-bottom-width: 4px;
	line-height: 1.571428571428571;
	padding: 12px 36px
}

.tab-nav-info .nav-item.active, .tab-nav-info .nav-item:active,
	.tab-nav-info .nav-item:hover, .tab-nav-info .nav-item[active] {
	color: #6287d5;
	border-color: #6287d5
}

.tab-nav-info .nav-item:hover {
	transition: background-color .2s
}

.tab-panel {
	display: none
}

.dropdown {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	line-height: 0
}

.dropdown-menu, .dropdown-menu li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

.dropdown-menu, .dropdown-menu li, .tooltip {
	border-style: solid;
	line-height: 1.571428571428571
}

.dropdown+.dropdown {
	margin-left: 10px
}

.dropdown .btn-default {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
	width: 100%
}

.dropdown .caret {
	float: right;
	margin-top: 8px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #666
}

.dropdown.open .dropdown-menu {
	display: block
}

.dropdown-menu {
	display: none;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 2;
	margin-top: -1px;
	box-sizing: border-box;
	border-width: 1px;
	max-height: 170px;
	background-color: #fff;
	border-color: #ccc
}

.dropdown-menu:hover {
	transition: background-color .2s
}

.dropdown-menu li:hover, .tooltip-default:hover {
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s
}

.dropdown-menu li {
	cursor: pointer;
	box-sizing: border-box;
	padding: 6px 12px;
	border-color: transparent;
	color: #888
}

button.dropdown-menu li, input.dropdown-menu li {
	background-color: transparent
}

.dropdown-menu li:hover {
	background-color: #fffbef;
	transition: background-color .2s
}

a.dropdown-menu li:hover {
	color: #888
}

.dropdown-menu li.active, .dropdown-menu li:active, .dropdown-menu li[active]
	{
	background-color: #f90;
	color: #fff
}

.tooltip {
	position: absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-width: 1px;
	font-size: 12px;
	padding: 5px 12px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.tooltip:after, .tooltip:before {
	position: absolute;
	content: ' ';
	border: 5px solid transparent
}

.tooltip-default, .tooltip-default:before {
	border-color: #ccc
}

.tooltip-default {
	background-color: #fff;
	color: #555;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .1)
}

.tooltip-default:hover {
	transition: background-color .2s
}

.tooltip-inverted:hover, img.thumbnail:hover {
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s
}

.tooltip-default:after {
	border-color: #fff
}

.tooltip-inverted, .tooltip-inverted:before {
	border-color: #4d4d4d
}

.tooltip-inverted {
	background-color: #555;
	color: #fff;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .2)
}

.tooltip-inverted:hover {
	transition: background-color .2s
}

.tooltip-inverted:after {
	border-color: #555
}

.thumbnail img, img.thumbnail {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: #fff;
	border-color: #ddd;
	border-width: 1px;
	line-height: 0;
	border-style: solid;
	font-size: 12px
}

.tooltip-top:after, .tooltip-top:before {
	left: 50%;
	margin-left: -5px;
	border-bottom-width: 0;
	border-left-color: transparent;
	border-right-color: transparent
}

.tooltip-top:before {
	bottom: -5px
}

.tooltip-top:after {
	bottom: -4px
}

.tooltip-right:after, .tooltip-right:before {
	top: 50%;
	margin-top: -5px;
	border-left-width: 0;
	border-top-color: transparent;
	border-bottom-color: transparent
}

.tooltip-right:before {
	left: -5px
}

.tooltip-right:after {
	left: -4px
}

.tooltip-bottom:after, .tooltip-bottom:before {
	left: 50%;
	margin-left: -5px;
	border-top-width: 0;
	border-left-color: transparent;
	border-right-color: transparent
}

.tooltip-bottom:before {
	top: -5px
}

.tooltip-bottom:after {
	top: -4px
}

.tooltip-left:after, .tooltip-left:before {
	top: 50%;
	margin-top: -5px;
	border-right-width: 0;
	border-top-color: transparent;
	border-bottom-color: transparent
}

.tooltip-left:before {
	right: -5px
}

.tooltip-left:after {
	right: -4px
}

.thumbnail {
	display: inline-block;
	line-height: 0
}

img.thumbnail {
	box-sizing: border-box;
	width: 80px;
	height: 80px
}

img.thumbnail.tiny {
	border-style: solid;
	border-width: 1px;
	font-size: 12px;
	line-height: 0;
	width: 50px;
	height: 50px
}

img.thumbnail.small {
	border-style: solid;
	border-width: 1px;
	font-size: 12px;
	line-height: 0;
	width: 60px;
	height: 60px
}

img.thumbnail.large {
	border-style: solid;
	border-width: 1px;
	font-size: 12px;
	line-height: 0;
	width: 120px;
	height: 120px
}

img.thumbnail.huge {
	border-style: solid;
	border-width: 1px;
	font-size: 12px;
	line-height: 0;
	width: 150px;
	height: 150px
}

img.thumbnail:hover {
	transition: background-color .2s
}

.thumbnail .title:hover, .thumbnail:hover img {
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s
}

.thumbnail img {
	box-sizing: border-box;
	width: 80px;
	height: 80px
}

.thumbnail.tiny img {
	border-style: solid;
	border-width: 1px;
	font-size: 12px;
	line-height: 0;
	width: 50px;
	height: 50px
}

.thumbnail.small img {
	border-style: solid;
	border-width: 1px;
	font-size: 12px;
	line-height: 0;
	width: 60px;
	height: 60px
}

.thumbnail.large img {
	border-style: solid;
	border-width: 1px;
	font-size: 12px;
	line-height: 0;
	width: 120px;
	height: 120px
}

.thumbnail.huge img {
	border-style: solid;
	border-width: 1px;
	font-size: 12px;
	line-height: 0;
	width: 150px;
	height: 150px
}

.thumbnail:hover img {
	transition: background-color .2s
}

a.thumbnail {
	position: relative
}

a.thumbnail:after {
	opacity: 0;
	filter: alpha(opacity = 0);
	background-color: #000;
	content: ' ';
	position: absolute;
	left: 1px;
	top: 1px;
	width: 78px;
	height: 78px
}

a.thumbnail:hover:after {
	opacity: .3;
	filter: alpha(opacity = 30);
	-webkit-transition: .2s opacity;
	-moz-transition: .2s opacity;
	-o-transition: .2s opacity;
	transition: .2s opacity
}

a.thumbnail.tiny:after {
	width: 48px;
	height: 48px
}

a.thumbnail.small:after {
	width: 58px;
	height: 58px
}

a.thumbnail.large:after {
	width: 118px;
	height: 118px
}

a.thumbnail.huge:after {
	width: 148px;
	height: 148px
}

.thumbnail.round img, a.thumbnail.round:hover:after, img.thumbnail.round
	{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.thumbnail.circle img, a.thumbnail.circle:hover:after, img.thumbnail.circle
	{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}

.thumbnail .title {
	display: block;
	margin-top: 8px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-style: solid;
	font-size: 12px;
	line-height: 1;
	border-color: transparent;
	color: #888
}

button.thumbnail .title, input.thumbnail .title {
	background-color: transparent
}

.thumbnail .title:hover {
	transition: background-color .2s
}

.message-error, .message-info, .message-primary, .message-success {
	padding-left: 30px !important;
	position: relative
}

.message-error .icon-check-circle, .message-error .icon-clock,
	.message-error .icon-info-circle, .message-info .icon-check-circle,
	.message-info .icon-clock, .message-info .icon-info-circle,
	.message-primary .icon-check-circle, .message-primary .icon-clock,
	.message-primary .icon-info-circle, .message-success .icon-check-circle,
	.message-success .icon-clock, .message-success .icon-info-circle {
	font-size: 14px;
	position: absolute;
	left: 10px;
	top: 9px
}

.dropdown .btn-default {
	height: 36px
}

.form .form-hint strong {
	font-weight: 700;
	padding: 0 2px
}

.form .form-hint .icon-info-circle {
	margin-right: 5px
}

.form .form-action .btn-primary+.btn-default, .form .form-action .btn-primary+.btn-info
	{
	margin-left: 15px
}

.form .error {
	background-color: #fffbef;
	border: 1px solid #f8ce69;
	padding: 6px 12px;
	z-index: 1;
	-webkit-box-shadow: 0 1px 1px #eee;
	-moz-box-shadow: 0 1px 1px #eee;
	box-shadow: 0 1px 1px #eee
}

.form .has-error .dropdown .btn-default {
	border-color: #f95710
}

.form .error:after, .form .error:before {
	border: 6px solid transparent;
	content: ' ';
	position: absolute;
	left: 1em
}

.form .error:before {
	border-top-color: #f8ce69;
	bottom: -13px
}

.form .error:after {
	border-top-color: #fffbef;
	bottom: -12px
}

input[type=password] {
	font-family: sans-serif
}

.form-editor {
	display: inline-block
}

.form-editor .form-hint {
	display: block;
	text-align: right;
	margin-top: 5px
}

.form-date, .pager, .pager b, .pager-form {
	display: inline-block
}

.form-date {
	position: relative
}

.form-date .calendar {
	font-size: 12px;
	line-height: 1;
	position: absolute;
	left: 0;
	z-index: 1;
	-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .12);
	-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, .12);
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .12);
	-webkit-user-select: none;
	user-select: none
}

.chat-label, .org-label {
	-webkit-user-select: none
}

.form-date .calendar-header {
	background-color: #6187dc;
	color: #FFF;
	padding: 8px;
	text-align: center;
	position: relative
}

.form-date .icon-chevron-left, .form-date .icon-chevron-right {
	cursor: pointer;
	position: absolute;
	top: 8px
}

.form-date .icon-chevron-left {
	left: 8px
}

.form-date .icon-chevron-right {
	right: 8px
}

.form-date table {
	background-color: #FFF;
	text-align: center;
	width: 100%
}

.form-date td, .form-date th {
	padding: 8px
}

.form-date thead {
	background-color: #dfe7f9;
	color: #3f61ad
}

.form-date tbody tr:nth-child(odd) {
	background-color: #FFF
}

.form-date tbody tr:nth-child(even) {
	background-color: #f5f8fc
}

.form-date td {
	cursor: pointer
}

.form-date td:hover {
	background-color: #fffbef
}

.form-date td.active {
	background-color: #f90;
	color: #fff
}

.form-date .date-disabled {
	background-color: #EFEFEF;
	cursor: not-allowed
}

.pager-block {
	margin-top: 20px;
	text-align: center
}

.pager-form {
	margin-left: 10px
}

.dialog-alert .dialog-close, .dialog-confirm .dialog-close, .tooltip {
	display: none
}

.pager-form .form-text {
	width: 35px;
	margin: 0 3px
}

.pager-form .btn-default {
	margin-left: 10px
}

.tab-nav-default .badge-primary, .tab-nav-default .text-primary,
	.tab-nav-info .badge-primary, .tab-nav-info .text-primary,
	.tab-nav-primary .badge-primary, .tab-nav-primary .text-primary {
	margin-left: 5px
}

.tooltip {
	z-index: 6
}

.dialog-error, .dialog-info, .dialog-primary, .dialog-success {
	position: fixed;
	top: 50%;
	left: 50%;
	color: #FFF;
	display: none;
	font-size: 26px;
	padding: 10px 36px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.viewport-mask {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.dialog-primary {
	background-color: #f90
}

.dialog-info {
	background-color: #6287d5
}

.dialog-success {
	background-color: #56b02a
}

.dialog-error {
	background-color: #f95710
}

.dialog-action {
	margin-top: 14px;
	text-align: center
}

.dialog-action .btn-info+.btn-default, .dialog-action .btn-primary+.btn-default
	{
	margin-left: 14px
}

.img-thumbnail, .video-thumbnail {
	background-color: #f8f8f8;
	cursor: pointer;
	line-height: 0;
	position: relative;
	text-align: center;
	width: 180px;
	height: 134px
}

.img-thumbnail:after, .video-thumbnail:after {
	opacity: .3;
	filter: alpha(opacity = 30);
	background-color: transparent;
	content: ' ';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

.img-thumbnail:hover .trigger, .video-thumbnail:hover .trigger {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.img-thumbnail:hover:after, .video-thumbnail:hover:after {
	background-color: #000;
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s;
	transition: background-color .2s
}

a.avatar-small:hover:after, a.avatar-tiny:hover:after {
	-webkit-transition: background .3s;
	-moz-transition: background .3s
}

.img-thumbnail+.caption, .video-thumbnail+.caption {
	display: block;
	line-height: 1.2em;
	height: 1.2em;
	margin-top: 8px;
	text-align: center;
	width: 180px
}

.img-thumbnail+input.caption, .video-thumbnail+input.caption {
	border: none;
	border-bottom: 1px dashed #ccc;
	background-color: #f8f8f8;
	padding: 0
}

.img-thumbnail+span.caption, .video-thumbnail+span.caption {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

.img-thumbnail .action, .video-thumbnail .action {
	position: absolute;
	right: 7px;
	top: 7px;
	z-index: 1
}

.img-thumbnail .trigger, .video-thumbnail .trigger {
	display: none;
	background-color: #FFF;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 1px 2px
}

.img-thumbnail .menu, .video-thumbnail .menu {
	background-color: #FFF;
	-webkit-border-radius: 2px 0 2px 2px;
	-moz-border-radius: 2px;
	border-radius: 2px 0 2px 2px;
	-moz-border-radius-topright: 0;
	display: none;
	font-size: 12px;
	line-height: 1em;
	margin: 0;
	position: absolute;
	top: 14px;
	right: 0
}

.img-thumbnail li, .video-thumbnail li {
	cursor: pointer;
	margin: 0 !important;
	padding: 6px 4px 6px 10px;
	width: 6em;
	text-align: left
}

.chat-label b, .img-thumbnail li .icon, .video-thumbnail li .icon {
	margin-right: 5px
}

.img-thumbnail li:hover, .video-thumbnail li:hover {
	color: #f90
}

.video-thumbnail:hover .action {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.video-thumbnail:hover:after {
	background: 0 0
}

.video-thumbnail img {
	width: 180px;
	height: 134px
}

.video-thumbnail .icon-play-o {
	color: #FFF;
	font-size: 3.5em;
	position: absolute;
	left: 5px;
	bottom: 4px;
	z-index: 1;
	text-shadow: 1px 1px 1px #474747
}

.video-thumbnail label {
	background-color: #000;
	background-color: rgba(0, 0, 0, .5);
	color: #abc0e9;
	font-size: 12px;
	line-height: 1em;
	padding: 5px 10px;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1
}

.avatar-big+.caption, .avatar-huge+.caption, .avatar-large+.caption,
	.avatar-medium+.caption, .avatar-middle+.caption, .avatar-small+.caption,
	.avatar-tiny+.caption {
	line-height: 1.2em;
	margin-top: 2px;
	text-align: center;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

.video-thumbnail .action {
	right: 0;
	display: none
}

.video-thumbnail span.edit, .video-thumbnail span.remove {
	color: #fff;
	cursor: pointer;
	margin-left: 4px;
	padding: 4px 5px;
	background-color: #000;
	opacity: .5;
	filter: alpha(opacity = 50)
}

.chat-label b, .class-course-icon .icon+.icon, .class-course-icon .label+.icon,
	.class-course-icon .label+.label {
	margin-left: 5px
}

.video-thumbnail span.edit:hover, .video-thumbnail span.remove:hover {
	background-color: #f90;
	opacity: 1;
	filter: alpha(opacity = 100)
}

a.avatar-big:after, a.avatar-huge:after, a.avatar-large:after, a.avatar-medium:after,
	a.avatar-middle:after, a.avatar-small:after, a.avatar-tiny:after {
	opacity: .4;
	filter: alpha(opacity = 40);
	content: ' ';
	left: 0;
	top: 0
}

.avatar-tiny {
	display: inline-block;
	position: relative;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px
}

.avatar-tiny img {
	border: 1px solid #ddd;
	display: block;
	width: 48px;
	height: 48px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
	position: relative
}

.avatar-tiny+.caption {
	display: block;
	width: 48px
}

a.avatar-tiny:after {
	background-color: transparent;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	position: absolute;
	width: 100%;
	height: 100%
}

a.avatar-tiny:hover:after {
	background-color: #000;
	-o-transition: background .3s;
	transition: background .3s
}

.avatar-small {
	display: inline-block;
	position: relative;
	width: 62px;
	height: 62px;
	-webkit-border-radius: 31px;
	-moz-border-radius: 31px;
	border-radius: 31px
}

.avatar-small img {
	border: 1px solid #ddd;
	display: block;
	width: 60px;
	height: 60px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	position: relative
}

.avatar-small+.caption {
	display: block;
	width: 60px
}

a.avatar-small:after {
	background-color: transparent;
	-webkit-border-radius: 31px;
	-moz-border-radius: 31px;
	border-radius: 31px;
	position: absolute;
	width: 100%;
	height: 100%
}

a.avatar-small:hover:after {
	background-color: #000;
	-o-transition: background .3s;
	transition: background .3s
}

a.avatar-medium:hover:after, a.avatar-middle:hover:after {
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-o-transition: background .3s
}

.avatar-medium {
	display: inline-block;
	position: relative;
	width: 82px;
	height: 82px;
	-webkit-border-radius: 41px;
	-moz-border-radius: 41px;
	border-radius: 41px
}

.avatar-medium img {
	border: 1px solid #ddd;
	display: block;
	width: 80px;
	height: 80px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	position: relative
}

.avatar-medium+.caption {
	display: block;
	width: 80px
}

a.avatar-medium:after {
	background-color: transparent;
	-webkit-border-radius: 41px;
	-moz-border-radius: 41px;
	border-radius: 41px;
	position: absolute;
	width: 100%;
	height: 100%
}

a.avatar-medium:hover:after {
	background-color: #000;
	transition: background .3s
}

.avatar-middle {
	display: inline-block;
	position: relative;
	width: 92px;
	height: 92px;
	-webkit-border-radius: 46px;
	-moz-border-radius: 46px;
	border-radius: 46px
}

.avatar-middle img {
	border: 1px solid #ddd;
	display: block;
	width: 90px;
	height: 90px;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	border-radius: 45px;
	position: relative
}

.avatar-middle+.caption {
	display: block;
	width: 90px
}

a.avatar-middle:after {
	background-color: transparent;
	-webkit-border-radius: 46px;
	-moz-border-radius: 46px;
	border-radius: 46px;
	position: absolute;
	width: 100%;
	height: 100%
}

a.avatar-middle:hover:after {
	background-color: #000;
	transition: background .3s
}

a.avatar-big:hover:after, a.avatar-large:hover:after {
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-o-transition: background .3s
}

.avatar-big {
	display: inline-block;
	position: relative;
	width: 100px;
	height: 100px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px
}

.avatar-big img {
	border: 1px solid #ddd;
	display: block;
	width: 98px;
	height: 98px;
	-webkit-border-radius: 49px;
	-moz-border-radius: 49px;
	border-radius: 49px;
	position: relative
}

.avatar-big+.caption {
	display: block;
	width: 98px
}

a.avatar-big:after {
	background-color: transparent;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: absolute;
	width: 100%;
	height: 100%
}

a.avatar-big:hover:after {
	background-color: #000;
	transition: background .3s
}

.avatar-large {
	display: inline-block;
	position: relative;
	width: 152px;
	height: 152px;
	-webkit-border-radius: 76px;
	-moz-border-radius: 76px;
	border-radius: 76px
}

.avatar-large img {
	border: 1px solid #ddd;
	display: block;
	width: 150px;
	height: 150px;
	-webkit-border-radius: 75px;
	-moz-border-radius: 75px;
	border-radius: 75px;
	position: relative
}

.avatar-large+.caption {
	display: block;
	width: 150px
}

a.avatar-large:after {
	background-color: transparent;
	-webkit-border-radius: 76px;
	-moz-border-radius: 76px;
	border-radius: 76px;
	position: absolute;
	width: 100%;
	height: 100%
}

a.avatar-large:hover:after {
	background-color: #000;
	transition: background .3s
}

.article-list .article-author-img:after, a.avatar-huge:hover:after {
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-o-transition: background .3s
}

.avatar-huge {
	display: inline-block;
	position: relative;
	width: 169px;
	height: 169px;
	-webkit-border-radius: 84.5px;
	-moz-border-radius: 84.5px;
	border-radius: 84.5px
}

.avatar-huge img {
	border: 1px solid #ddd;
	display: block;
	width: 167px;
	height: 167px;
	-webkit-border-radius: 83.5px;
	-moz-border-radius: 83.5px;
	border-radius: 83.5px;
	position: relative
}

.avatar-huge+.caption {
	display: block;
	width: 167px
}

a.avatar-huge:after {
	background-color: transparent;
	-webkit-border-radius: 84.5px;
	-moz-border-radius: 84.5px;
	border-radius: 84.5px;
	position: absolute;
	width: 100%;
	height: 100%
}

a.avatar-huge:hover:after {
	background-color: #000;
	transition: background .3s
}

.org-label {
	border: 1px solid #6287d5;
	color: #6287d5;
	display: inline-block;
	font-size: 12px;
	line-height: 18px;
	padding-right: 5px;
	padding-left: 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	user-select: none
}

.org-label:hover {
	background-color: #6287d5;
	color: #FFF
}

.class-course-icon .icon, .class-course-icon .label {
	vertical-align: top;
	margin-top: 0 !important
}

.class-course-icon .label {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	color: #fff;
	padding: 1px 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 12px;
	line-height: 1.5em
}

.class-course-icon .icon {
	width: 74px
}

.class-course-icon .class-course {
	background-color: #f90
}

.class-course-icon .online {
	background-color: #56b02a
}

.class-course-icon .offline {
	background-color: #6287d5
}

.chat-label {
	background-color: #FFF;
	border: 1px solid #f90;
	color: #f90;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	line-height: 18px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	user-select: none
}

#nav .nav-item.active, #site-nav {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none
}

.chat-label .icon-chat {
	background-color: #f90;
	color: #FFF !important;
	font-size: 14px;
	padding: 2px 3px;
	vertical-align: top
}

.chat-label.chat-to-teacher {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 14px;
	width: 150px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 16px;
	color: #f95e5e;
	border: 1px solid #f95e5e;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer
}

.chat-label.chat-to-teacher .icon {
	display: none
}

.chat-label.chat-to-teacher:hover {
	background-color: #f95e5e;
	color: #fff
}

.star-score .icon-star {
	color: #ccc
}

.star-score .star-shine {
	color: #f90
}

.star-score .star-half {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative;
	line-height: 0
}

.star-score .star-half .icon-star-half {
	color: #f90;
	position: absolute;
	left: 0;
	top: 0
}

.image-uploader .image-preview {
	background-color: #EEE;
	position: relative;
	width: 150px;
	height: 124px
}

.image-uploader .default-browse, .image-uploader .image-browse {
	color: #FFF;
	cursor: pointer;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 24px;
	line-height: 24px;
	overflow: hidden
}

.image-uploader img {
	width: 150px;
	height: 124px
}

.image-uploader strong {
	position: relative;
	z-index: 2
}

.image-uploader .progress {
	opacity: .5;
	filter: alpha(opacity = 50);
	background-color: #000;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

.image-uploader .progress-bar {
	background-color: #56b02a;
	display: block;
	height: 100%;
	width: 0
}

.image-uploader input {
	font-size: 50px
}

.dialog-error, .dialog-info, .dialog-mask, .dialog-primary,
	.dialog-success {
	z-index: 5
}

.dialog .dialog-action, .dialog .form-action {
	text-align: center
}

.btn, .image-browse {
	position: relative
}

.btn input[type=file], .btn object, .image-browse input[type=file],
	.image-browse object {
	opacity: 0;
	filter: alpha(opacity = 0);
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2
}

.dialog-alert, .dialog-confirm {
	min-width: 300px
}

.dialog-alert .dialog-body, .dialog-confirm .dialog-body {
	text-align: center
}

.dialog .dialog-action {
	margin-top: 28px
}

.image-dialog .dialog-body, .video-dialog .dialog-body {
	background: url(../../img/teacher/loading_b554de8925.gif) 50% 50%
		no-repeat;
	padding: 0;
	font-size: 0;
	text-align: center
}

.image-dialog .dialog-body {
	background-color: #000
}

.image-dialog .icon-chevron-left, .image-dialog .icon-chevron-right {
	background-color: #CCC;
	background-color: rgba(0, 0, 0, .2);
	color: #f8f8f8;
	cursor: pointer;
	font-size: 20px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -30px
}

.image-dialog .icon-chevron-left:hover, .image-dialog .icon-chevron-right:hover
	{
	background-color: #BBB;
	background-color: rgba(0, 0, 0, .3);
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s;
	transition: background-color .2s
}

.image-dialog .icon-chevron-left {
	left: 30px
}

.image-dialog .icon-chevron-right {
	right: 30px
}

.invite-dialog .invite, .invite-dialog .telephone, .invite-dialog .title,
	.invite-result-dialog .msg-content {
	margin-left: 30px
}

.bd_weixin_popup {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	box-sizing: content-box
}

.rich-text {
	word-break: break-all;
	word-wrap: break-word;
	zoom: 1;
	position: relative
}

.rich-text:after, .rich-text:before {
	content: " ";
	display: table
}

.icon, .rich-text li p {
	display: inline-block
}

.rich-text img {
	max-width: 740px
}

.rich-text b, .rich-text strong {
	font-weight: 700
}

.rich-text ol, .rich-text ul {
	list-style-position: inside
}

.rich-text ul {
	list-style-type: disc
}

.rich-text ol {
	list-style-type: decimal
}

.rich-text address, .rich-text cite, .rich-text em, .rich-text i,
	.rich-text var {
	font-style: italic
}

.text-indent-seo {
	position: absolute;
	left: -5000px;
	width: 100px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

.btn-primary.new {
	background-color: #ff7f00
}

.btn-primary.new:hover {
	background-color: #E97520
}

.btn-primary.new.disabled, .btn-primary.new[disabled] {
	background-color: #ccc;
	border-color: #ccc
}

.invite-dialog .invite {
	margin-top: 5px
}

.invite-dialog .invite input {
	width: 160px
}

.invite-dialog .form-block {
	font-size: 12px
}

.invite-result-dialog .wrapper {
	zoom: 1
}

.invite-result-dialog .wrapper:after, .invite-result-dialog .wrapper:before
	{
	content: " ";
	display: table
}

.invite-result-dialog .msg-content, .invite-result-dialog i {
	float: left
}

.invite-result-dialog i {
	color: #6287d5;
	font-size: 26px
}

#site-nav, #site-nav .user-center .menu .btn-block {
	font-size: 12px
}

.invite-result-dialog .msg-content .phone {
	color: #6287d5
}

.invite-result-dialog .msg-content .msg-content-time {
	color: #ccc;
	margin-top: 40px
}

#site-nav {
	background-color: #F4F4F4;
	border-bottom: 1px solid #DDD;
	height: 32px;
	position: relative;
	z-index: 2;
	user-select: none
}

#site-nav .wrapper {
	width: 1100px;
	margin: 0 auto
}

#site-nav .login-info>a, #site-nav .login-info>span {
	vertical-align: top
}

#site-nav .user-name {
	display: inline-block;
	max-width: 65px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

#site-nav .status-info, #site-nav .user-info {
	zoom: 1
}

#site-nav .status-info:after, #site-nav .status-info:before, #site-nav .user-info:after,
	#site-nav .user-info:before {
	content: " ";
	display: table
}

#site-nav .menu, #site-nav .user-info .my-course:before, #site-nav .user-info .my-favor:before,
	#site-nav .user-info .user-center:before, #site-nav .user-info .user-index:before
	{
	display: none
}

#site-nav .status-info li, #site-nav .user-info li {
	float: left;
	height: 32px;
	line-height: 32px;
	padding: 0 10px;
	position: relative
}

#site-nav .status-info li:first-child, #site-nav .user-info li:first-child
	{
	padding-left: 0
}

#site-nav .status-info li:last-child, #site-nav .user-info li:last-child
	{
	padding-right: 0
}

#site-nav .status-info .change-type, #site-nav .user-info .change-type {
	cursor: pointer
}

#site-nav .user-info {
	float: right
}

#site-nav .user-info li:before {
	background-color: #ccc;
	content: ' ';
	width: 1px;
	height: 12px;
	position: absolute;
	left: 0;
	top: 10px
}

#site-nav .user-info .user-index {
	cursor: pointer
}

#site-nav .user-info .user-index a {
	color: #f95710
}

#site-nav .status-info .icon {
	margin-right: 5px
}

#site-nav .custom-service, #site-nav .my-course, #site-nav .my-favor,
	#site-nav .user-center {
	cursor: pointer;
	position: relative
}

#site-nav .menu {
	background-color: #FFF;
	border: 1px solid #ccc;
	padding: 10px 14px;
	position: absolute;
	top: 32px;
	left: 0
}

#site-nav .menu:after, #site-nav .menu:before {
	border: 6px solid transparent;
	content: ' ';
	position: absolute;
	left: 2em
}

#site-nav .menu:before {
	border-bottom-color: #ccc;
	top: -12px
}

#site-nav .menu:after {
	border-bottom-color: #FFF;
	top: -11px
}

#site-nav .user-center .menu {
	display: none;
	width: 138px
}

#site-nav .user-center .menu a {
	display: block
}

#site-nav .user-center .menu .btn {
	padding: 5px 3px;
	text-indent: 0
}

#site-nav .user-center:hover .center {
	color: #f90
}

#site-nav .my-course .icon-calendar {
	margin-right: 4px
}

#site-nav .my-course .menu {
	padding: 0
}

#site-nav .my-course .menu .course {
	border-bottom: 1px solid #ddd;
	display: block;
	color: #3d3d3d;
	line-height: 23px !important;
	padding: 5px 10px 0;
	width: 328px
}

#site-nav .custom-service:hover .service, #site-nav .my-course:hover .course,
	#site-nav .my-course:hover .icon-calendar, #site-nav .my-favor:hover .favor,
	#site-nav .my-favor:hover .icon-favor {
	color: #f90
}

#site-nav .my-course .menu .course span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	float: left
}

#site-nav .my-course .menu .course .avatar {
	width: 65px
}

#site-nav .my-course .menu .course .course-content {
	font-size: 12px;
	float: right;
	width: 232px
}

#site-nav .my-course .menu .course .course-content div {
	padding: 5px 5px 5px 0;
	zoom: 1
}

#site-nav .my-course .menu .course .course-content div:after, #site-nav .my-course .menu .course .course-content div:before
	{
	content: " ";
	display: table
}

#site-nav .my-course .menu .course .course-content .course-title {
	padding-right: 10px
}

#site-nav .my-course .menu .course .course-content .course-date {
	width: 80px;
	overflow: hidden
}

#site-nav .my-course .menu .course .course-content .course-name,
	#site-nav .my-course .menu .course .course-content .course-time {
	padding-right: 5px
}

#site-nav .my-course .menu .course .course-content .course-status,
	#site-nav .my-course .menu .course .course-content .course-way {
	float: right;
	padding-right: 5px
}

#site-nav .my-course .menu .course .course-content .course-status {
	color: #f90;
	text-align: right
}

#site-nav .my-course .menu .course .course-content .course-way {
	text-align: right
}

#site-nav .my-course .menu .course:hover {
	background-color: #fffbef
}

#site-nav .my-course .menu .action {
	cursor: default;
	text-align: right;
	padding: 10px
}

#site-nav .my-course .menu .not-login-action {
	cursor: default;
	text-align: center;
	padding: 5px 0
}

#site-nav .custom-service .menu b, #site-nav .login-link {
	cursor: pointer
}

#site-nav .my-course .menu .not-login-action .title {
	border-bottom: 1px solid #ccc
}

#site-nav .my-course .menu .not-login-action .btn {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 10px;
	width: 154px
}

#site-nav .custom-service .menu>*, #site-nav .my-favor .menu a {
	display: block
}

#site-nav .my-favor .icon-favor {
	margin-right: 4px
}

#site-nav .my-favor .menu {
	left: 10px
}

#site-nav .custom-service:hover .icon {
	color: #6d6d6d
}

#site-nav .custom-service .menu {
	width: 80px
}

#main, #nav .wrapper {
	width: 1100px;
	zoom: 1
}

#site-nav .custom-service .menu b:hover {
	color: #f90
}

#site-nav .icon-live-play, #site-nav .icon-mail, #site-nav .icon-mobile,
	#site-nav .login-link {
	color: #f90;
	font-size: 13px;
	position: relative
}

#site-nav .logout-link {
	margin-left: 7px
}

#site-nav .icon-phone {
	margin-right: 5px
}

.service-hotline-dialog .header {
	vertical-align: middle;
	font-size: 24px;
	margin-bottom: 20px
}

.service-hotline-dialog .header .icon {
	color: #f90;
	margin-right: 8px;
	font-size: 30px;
	vertical-align: middle
}

.service-hotline-dialog .confirm, .service-hotline-dialog .header {
	text-align: center
}

.service-hotline-dialog .confirm {
	margin-top: 20px
}

#nav {
	background-color: #464659
}

#nav .wrapper {
	margin: 0 auto
}

#nav .nav-item {
	color: #ccc;
	float: left;
	height: 43px;
	line-height: 43px
}

#nav .nav-item.active {
	background-color: #262C42;
	color: #FFF;
	cursor: text;
	user-select: none
}

a, body {
	color: #6d6d6d
}

.login-form .form-wechat, .round-list .icon {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none
}

body {
	background-color: #f5f5f5;
	font-size: 14px;
	line-height: 1.5;
	min-width: 1100px
}

a {
	text-decoration: none
}

#main .mode-list .mode-header .more-link:hover, .main-category-level2 .more li a:hover,
	.main-category-level2 .more p a, .main-category-level2 dt a:hover,
	.main-category-list .main-category-level1 .children a:hover span,
	.main-category-list .main-category-level1 h4 a:hover span, .nav-items .nav-process:hover
	{
	text-decoration: underline
}

a:hover {
	color: #f90;
	-webkit-transition: color .1s;
	-moz-transition: color .1s;
	-o-transition: color .1s;
	transition: color .1s
}

a:focus {
	outline: 0
}

a, div, form, h1, h2, h3, h4, h5, h6, i, input, label, li, ol, span,
	table, ul {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box
}

small {
	font-size: 12px
}

#main {
	margin: 16px auto
}

#main:after, #main:before {
	content: " ";
	display: table
}

#sidebar {
	width: 180px
}

#content {
	width: 900px
}

#content .card-body {
	min-height: 420px
}

#flotage-middle {
	z-index: 5;
	position: fixed;
	bottom: 200px;
	right: 7px
}

#flotage-middle .flotage-app {
	width: 112px;
	height: 128px;
	background: url(../../img/flotage_app_1380c849a5.jpg) no-repeat
}

#flotage-middle .icon {
	position: absolute;
	right: 0;
	top: -20px;
	padding: 3px;
	background-color: #DCDCDC;
	color: #3d3d3d;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	cursor: pointer
}

#flotage-bottom {
	z-index: 5;
	position: fixed;
	bottom: 180px;
	right: 7px
}

#flotage-bottom .wrapper {
	width: inherit;
	position: absolute;
	top: 0
}

#flotage-bottom li {
	position: relative;
	margin-top: 1px;
	line-height: 35px;
	height: 35px;
	width: 35px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	overflow: hidden
}

#flotage-bottom li:hover .tip-icon {
	display: none
}

#flotage-bottom .icon {
	font-size: 26px;
	cursor: pointer;
	vertical-align: middle
}

#flotage-bottom .icon.small {
	font-size: 24px
}

#flotage-bottom .tip-icon {
	display: block;
	height: 35px;
	background: #797979;
	color: #fff;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s
}

#flotage-bottom .tip {
	height: 35px;
	padding-top: 3px;
	font-size: 12px;
	line-height: 15px;
	display: block;
	background: #f90;
	color: #fff
}

#flotage-bottom .backup {
	display: none
}

#flotage-bottom .backup .icon {
	font-weight: 800
}

img.img-loading {
	background: url(../../img/loading_514f543834.gif) center center
		no-repeat
}

.round-list {
	position: relative;
	width: 1064px;
	height: 420px;
	margin: 0 auto
}

.round-list .icon {
	font-size: 40px;
	color: #fdc43f;
	cursor: pointer;
	user-select: none
}

.round-list .round-item {
	position: absolute;
	width: 295px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer
}

.round-list .round-item .round-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2
}

.round-list .round-item .round-bg img {
	display: block;
	width: 100%;
	height: 100%
}

.round-list .round-item .round-content {
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 100%
}

.round-list .round-item .round-title {
	height: 2.83em;
	line-height: 2.83em;
	text-align: center;
	font-family: "微软雅黑";
	font-weight: 700
}

.round-list .round-item .round-mask {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: rgba(0, 0, 0, .1)
}

.round-list .round-item .round-body {
	margin-top: .7em
}

.round-list .round-item .round-body .round-body-item {
	margin: .5em auto;
	height: 2.25em;
	line-height: 2.25em;
	width: 6.7em;
	-webkit-border-radius: 2.25em;
	-moz-border-radius: 2.25em;
	border-radius: 2.25em;
	background: #e35d10;
	color: #fff;
	font-size: .83em;
	cursor: pointer;
	text-align: center
}

.round-list .round-item.disabled .round-mask {
	z-index: 20
}

.round-list .round-item.first {
	width: 204px;
	height: 284px;
	left: 48px;
	top: 68px;
	font-size: 17px;
	z-index: 40
}

.round-list .round-item.second {
	width: 246px;
	height: 348px;
	left: 200px;
	top: 30px;
	font-size: 20px;
	z-index: 70
}

.round-list .round-item.third {
	width: 295px;
	height: 420px;
	left: 384px;
	top: 0;
	font-size: 24px;
	z-index: 100
}

.round-list .round-item.four {
	width: 246px;
	height: 348px;
	left: 616px;
	top: 30px;
	font-size: 20px;
	z-index: 70
}

.round-list .round-item.five {
	width: 204px;
	height: 284px;
	left: 810px;
	top: 68px;
	font-size: 17px;
	z-index: 40
}

.round-list .round-prev {
	position: absolute;
	left: 0;
	top: 200px;
	z-index: 100;
	font-size: 20px
}

.round-list .round-next {
	position: absolute;
	right: 0;
	top: 200px;
	z-index: 100
}

#ravebanner {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 20px;
	overflow: hidden;
	background:
		url(http://img.gsxservice.com/0cms/d/file/content/2015/05/556281ad2f90f.jpg)
		center 0 no-repeat #fba531;
	cursor: pointer
}

#ravebanner.hiderave {
	min-height: 74px;
	padding: 0;
	-webkit-filter: none;
	filter: none;
	-ms-filter: none;
	background: #f43837
}

#ravebanner.hiderave .banner-img {
	display: block;
	margin: 0 auto
}

#ravebanner .banner-img, #ravebanner.hiderave .main-wrapper {
	display: none
}

#ravebanner .icon-close {
	position: absolute;
	right: 10px;
	top: 5px;
	width: 15px;
	height: 15px;
	line-height: 15px;
	color: #fff;
	cursor: pointer;
	text-align: center;
	background: rgba(0, 0, 0, .1)
}

#ravebanner .main-wrapper {
	position: relative;
	width: 1100px;
	margin: 0 auto;
	padding-top: 1px
}

#ravebanner .main-wrapper .back-main {
	position: absolute;
	top: -210px;
	left: 880px;
	color: #ffff41
}

#ravebanner .main-wrapper .anchor {
	position: absolute;
	width: 147px;
	height: 147px;
	z-index: 30
}

#ravebanner .main-wrapper .anchor.excellent_course {
	left: 700px;
	top: 450px;
	background: url(../../img/rave/excellent_course_2441fc32ad.png) center
		no-repeat
}

#ravebanner .main-wrapper .anchor.get_coupon {
	left: 550px;
	top: 470px;
	background: url(../../img/rave/get_coupon_d6865750f5.png) center
		no-repeat
}

#ravebanner .main-wrapper .anchor.crazy_discount {
	left: 250px;
	top: 450px;
	background: url(../../img/rave/crazy_discount_a6e43165d1.png) center
		no-repeat
}

#ravebanner .main-wrapper .anchor.sec_kill {
	left: 400px;
	top: 470px;
	background: url(../../img/rave/sec_kill_dfd6931bc3.png) center no-repeat
}

#ravebanner .main-wrapper .rave {
	margin-top: 759px
}

.org-im>.dialog {
	top: 10px !important
}

.enter-classroom {
	zoom: 1;
	margin-top: 20px
}

.enter-classroom:after, .enter-classroom:before {
	content: " ";
	display: table
}

.enter-classroom .avatar {
	width: 160px;
	height: 160px;
	float: left;
	text-align: center
}

.enter-classroom .description {
	margin-bottom: 20px
}

.enter-classroom .description b {
	font-size: 24px;
	color: #3d3d3d
}

.enter-classroom .actions div+div {
	margin-top: 10px
}

.enter-classroom .actions .download {
	font-size: 16px;
	color: #6287d5
}

.enter-classroom .options a, .enter-classroom .options button {
	padding: 6px 24px;
	display: inline-block
}

.enter-classroom .options a {
	margin-left: 10px
}

#header {
	background-color: #FFF;
	position: relative;
	z-index: 1;
	width: 100%
}

#header .wrapper {
	zoom: 1;
	height: 90px;
	margin: 0 auto;
	position: relative;
	width: 1100px
}

#header .wrapper:after, #header .wrapper:before {
	content: " ";
	display: table
}

#header .wrapper:after {
	clear: both
}

#header .city {
	width: 56px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: absolute;
	left: 156px;
	top: 25px;
	padding-left: 8px;
	border-left: 1px solid #DDD
}

#header .city strong {
	color: #3d3d3d;
	font-weight: 700
}

#header .city-trigger {
	cursor: pointer;
	color: #ccc;
	font-size: 12px
}

#header .city-trigger a {
	color: #9d9d9d
}

#header .city-trigger a:hover {
	color: #f90
}

#header .city-name {
	color: #3d3d3d;
	cursor: pointer;
	font-weight: 700;
	font-size: 16px;
	font-family: PingHei, 'Hiragino Sans GB', 'Microsoft YaHei', arial,
		sans-serif;
	position: relative;
	margin: 0 10px
}

#header .city-name:before {
	background-color: #ddd;
	content: '';
	cursor: default;
	position: absolute;
	left: -10px;
	top: 2px;
	width: 1px;
	height: 13px
}

#header .city-name.active {
	color: #f90
}

#header .city-name:first-child:before {
	display: none
}

#header .city-menu {
	background-color: #FFF;
	border: 1px solid #ccc;
	display: none;
	padding: 18px 0;
	position: absolute;
	left: 50px;
	top: -35px;
	z-index: 2;
	width: 306px;
	text-align: center;
	-webkit-box-shadow: 0 0 2px #E5E5E5;
	-moz-box-shadow: 0 0 2px #E5E5E5;
	box-shadow: 0 0 2px #E5E5E5
}

#header .city-menu:after, #header .city-menu:before {
	border: 6px solid transparent;
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -6px
}

#header .city-menu:before {
	border-right-color: #ccc;
	left: -13px
}

#header .city-menu:after {
	border-right-color: #FFF;
	left: -12px
}

#header .city-menu small {
	display: block;
	margin-top: 1em
}

#header .instruction {
	position: absolute;
	top: 88px
}

#header .instruction img {
	width: 158px;
	height: 34px;
	margin-left: 3px
}

#header .instruction .gif {
	display: none
}

#header .search-form {
	position: absolute;
	top: 26px;
	left: 248px
}

#header .search-select-mode .icon-search {
	left: 80px;
	top: 15px
}

#header .search-select-mode .placeholder {
	margin-left: 100px
}

#header .search-select-mode .search-input {
	padding: 8px 0 8px 95px
}

#header .search-tab {
	width: 150px;
	height: 25px;
	font-size: 12px
}

#header .search-tab .tab-item {
	float: left;
	background: #fff;
	color: #3c3c3c;
	width: 50px;
	height: 100%;
	line-height: 25px;
	text-align: center;
	cursor: pointer
}

#header .search-tab .tab-item:hover {
	background: #ffeee5;
	color: #ff5400
}

#header .search-tab .active, #header .search-tab .active:hover {
	background: #f90;
	color: #fff
}

#header .search-select {
	width: 68px;
	height: auto;
	position: absolute;
	overflow: hidden;
	border: 1px solid #DEDEDE;
	border-top: none;
	font-size: 12px;
	z-index: 3;
	background: #f5f5f5;
	top: 2px;
	left: 2px
}

#header .search-select .cur-item {
	width: 68px;
	height: 30px;
	float: left;
	padding-left: 15px;
	line-height: 30px;
	cursor: pointer;
	position: relative
}

#header .search-select .cur-item .icon {
	position: absolute;
	right: 8px;
	top: 10px;
	cursor: pointer
}

#header .search-select .select-list {
	width: 100%;
	height: 100%;
	overflow: hidden
}

#header .search-select li {
	width: 100%;
	height: 30px;
	padding-left: 15px;
	line-height: 30px;
	cursor: pointer;
	color: #6d6d6d;
	background: #fff
}

#header .search-select li:hover {
	background: #F5F5F5
}

#header .placeholder-wrappers {
	background-color: #fff;
	display: inline-block;
	position: relative
}

#header .search-input {
	border: 3px solid #f90;
	border-right: none;
	line-height: 21px;
	width: 615px;
	height: 43px;
	padding: 8px 0 8px 28px;
	vertical-align: top;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-size: 12px
}

#header .btn {
	background-color: #f90;
	outline: 0;
	border: 0;
	color: #FFF;
	cursor: pointer;
	height: 43px;
	font-size: 20px;
	margin: 0;
	padding: 0 26px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	letter-spacing: 3px;
	vertical-align: top
}

#header .btn:hover {
	background-color: #e68a00;
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s;
	transition: background-color .2s
}

#header .placeholder {
	font-size: 12px;
	padding: 10px 0;
	margin-left: 30px;
	line-height: 1
}

#header .search-hotwords {
	padding: 5px 0;
	font-size: 13px
}

#header .search-hotwords a {
	margin-right: 12px
}

#header .search-hotwords a.active {
	color: #f90
}

#header .search-hotwords .first {
	color: #6d6d6d
}

#header .logo {
	background: url(../../img/logo-release2_b69bc2a4c2.png) no-repeat;
	text-indent: -9999px;
	width: 148px;
	height: 63px;
	position: absolute;
	left: 0;
	top: 16px
}

#header .icon-search {
	color: #999;
	font-size: 14px;
	position: absolute;
	left: 10px;
	top: 40px;
	z-index: 1
}

#header .search-suggestion {
	background-color: #fff;
	border: 1px solid #ccc;
	border-top: none;
	font-size: 12px;
	display: none;
	width: 547px;
	-webkit-box-shadow: 1px 1px 3px #ededed;
	-moz-box-shadow: 1px 1px 3px #ededed;
	box-shadow: 1px 1px 3px #ededed;
	z-index: 3;
	position: absolute;
	left: 69px
}

#header .search-suggestion .sub-menu {
	border-left: 1px solid #ccc;
	background-color: #FAFAFA;
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	left: 50%;
	min-height: 100%
}

#header .search-suggestion .sub-menu:empty {
	display: none !important
}

#header .search-suggestion .sub-menu strong {
	color: #3d3d3d;
	font-size: 1.2em;
	margin-right: 5px
}

#header .search-suggestion .menu-item, #header .search-suggestion .sub-menu h6,
	#header .search-suggestion .sub-menu-item {
	display: block;
	padding: 5px 10px
}

#header .search-suggestion .sub-menu h6 {
	padding-top: 8px;
	padding-bottom: 4px
}

#header .search-suggestion .sub-menu-item {
	padding-top: 3px;
	padding-bottom: 3px
}

#header .search-suggestion .sub-menu-item:hover {
	background-color: #f90;
	color: #FFF
}

#header .search-suggestion .menu-item {
	cursor: pointer
}

#header .search-suggestion .menu-item.active, #header .search-suggestion .menu-item.hover
	{
	background-color: #f0f0f0
}

#header .search-suggestion .menu-item.active .sub-menu, #header .search-suggestion .menu-item.hover .sub-menu
	{
	display: block
}

#header .search-suggestion em {
	font-weight: 700
}

#header .search-suggestion .tag-list {
	padding: 10px 7px
}

#header .search-suggestion .icon-chevron-right {
	color: #CCC;
	margin-left: 5px
}

#header .search-suggestion .tag {
	border: 1px solid #CCC;
	display: inline-block;
	margin: 4px;
	padding: 3px 10px
}

#header .search-suggestion .tag.hot {
	color: red
}

#header .search-suggestion .tag:hover {
	border-color: #f90;
	background-color: #f90;
	color: #FFF;
	-webkit-transition: .1s all;
	-moz-transition: .1s all;
	-o-transition: .1s all;
	transition: .1s all
}

#header .teacher-item {
	display: block;
	padding: 20px !important;
	zoom: 1
}

#header .teacher-item:after, #header .teacher-item:before {
	content: " ";
	display: table
}

#header .teacher-item .thumbnail {
	float: left;
	margin-right: 15px
}

#header .teacher-item .org-label {
	margin-right: 5px
}

#header .teacher-item .medal {
	margin-left: 5px;
	vertical-align: middle
}

#header .teacher-name {
	font-size: 1.2em;
	font-weight: 700;
	margin-right: 10px
}

#header .teacher-course {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 400px
}

#header .teacher-course .icon-book-o {
	margin-right: 10px;
	color: #ccc;
	font-size: 16px;
	vertical-align: text-bottom
}

#header .org-slogan, #header .org-tags, #header .org-title, #header .teacher-course,
	#header .teacher-slogan, #header .teacher-title {
	display: block;
	margin: 5px 0
}

#header .org-item {
	display: block;
	padding: 20px !important;
	position: relative;
	zoom: 1
}

#header .org-item:after, #header .org-item:before {
	content: " ";
	display: table
}

#header .org-item .thumbnail {
	float: left;
	margin-right: 15px
}

#header .org-item .label-default {
	margin-right: 10px
}

#header .org-item .dashboard {
	position: absolute;
	right: 30px;
	top: 25px
}

#header .org-item .dashboard>span {
	display: block;
	margin-bottom: 5px
}

#header .org-item .dashboard .icon {
	font-size: 1.3em;
	margin-right: 5px;
	vertical-align: middle
}

#header .org-slogan {
	max-width: 24em;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

#header .app-qrcode {
	margin-top: 12px;
	float: right;
	position: relative
}

#header .app-qrcode img {
	height: 96px;
	width: 114px
}

#header .app-qrcode .close {
	height: 20px;
	width: 20px;
	cursor: pointer;
	position: absolute
}

#header .feature-box {
	float: right;
	position: relative;
	top: 32px;
	font-size: 12px;
	color: #9d9d9d;
	margin-right: 27px
}

#header .feature-box li {
	float: left;
	text-align: center;
	margin-left: 20px
}

#header .feature-box .certification {
	display: inline-block
}

#header .feature-box .icon {
	background: url(../../img/main/feature_682facda1a.png) no-repeat;
	width: 30px;
	height: 30px;
	display: block;
	margin: 0 auto 2px
}

#header .feature-box .teacher-sign {
	background-position: 0 0
}

#header .feature-box .keep-back {
	background-position: -61px 0
}

#header .feature-box .real-comment {
	background-position: -120px 0
}

#header .feature-box a:hover {
	color: #6d6d6d
}

#flotage-bottom .wrapper, #flotage-top {
	right: 0 !important
}

.main-category {
	float: left;
	width: 212px;
	overflow: visible
}

.main-category h3 {
	color: #fff;
	font-size: 16px;
	padding: 7px 18px 6px;
	background-color: #f90
}

.main-category h3 .icon {
	margin-left: 86px
}

.main-category h3 a {
	color: #fff;
	margin-left: -2px
}

.main-category-popup .main-category-list {
	display: block
}

.main-category-list {
	display: none;
	border: 2px solid #f90;
	border-top: 0;
	background-color: #fff;
	position: absolute;
	z-index: 2;
	height: 470px
}

.main-category-list .main-category-level1 {
	position: relative;
	width: 208px;
	line-height: 19px
}

.main-category-list .main-category-level1 .title {
	margin: 0 14px;
	padding: 7px 0;
	position: relative;
	z-index: 2;
	border-bottom: 1px solid #eee
}

.main-category-list .main-category-level1 .title ul {
	zoom: 1
}

.main-category-list .main-category-level1 .title ul:after,
	.main-category-list .main-category-level1 .title ul:before {
	content: " ";
	display: table
}

.main-category-list .main-category-level1 .title ul li {
	float: left;
	margin-right: 5px
}

.main-category-list .main-category-level1 a {
	color: #3d3d3d
}

.main-category-list .main-category-level1 h4>.level1-more,
	.main-category-list .main-category-level1 h4>a {
	font-size: 14px;
	font-weight: 700
}

.main-category-list .main-category-level1 h4 .level1-more {
	cursor: default
}

.main-category-list .main-category-level1 .children>a {
	font-size: 12px;
	color: #6d6d6d
}

.main-category-list .main-category-level1 p {
	font-size: 12px
}

.main-category-list .main-category-level1 p a {
	margin-right: 9px
}

.main-category-list .main-category-level1:hover {
	background-color: #FF7F00
}

.main-category-list .main-category-level1:hover .title {
	border-bottom: 1px solid transparent
}

.main-category-list .main-category-level1:hover .level1-more,
	.main-category-list .main-category-level1:hover a {
	color: #fff
}

.main-category-list .main-category-level1:hover .main-category-level2 a
	{
	color: #3d3d3d
}

.main-category-list .main-category-level1:hover .main-category-level2 a:hover
	{
	color: #f90
}

.main-category-list .first {
	padding-top: 7px
}

.main-category-list .last {
	height: 37px;
	line-height: 1
}

.main-category-list .last .title {
	border-bottom: none
}

.main-category-list .last .main-category-level2 {
	top: -89px
}

.main-category-list .main-category-future {
	margin-left: 39px
}

.main-category-list .main-category-future a {
	color: #6d6d6d
}

.main-category-list .icon-chevron-right {
	color: #ccc;
	position: absolute;
	right: -10px;
	top: 10px
}

.main-category-level2 {
	position: absolute;
	top: 0;
	left: 208px;
	display: none;
	width: 544px;
	background: #fff;
	z-index: 1;
	border: 2px solid #FF7F00;
	padding: 10px;
	zoom: 1;
	filter: alpha(opacity = 98);
	-moz-opacity: .98;
	-khtml-opacity: .98;
	opacity: .98
}

.main-category-level2 dl:after, .main-category-level2 dl:before,
	.main-category-level2:after, .main-category-level2:before {
	display: table;
	content: " "
}

.main-category-level2 a {
	font-size: 12px !important
}

.main-category-level2 .split {
	background-color: #ddd;
	height: 1px;
	margin: 2px 0
}

.main-category-level2 dl {
	zoom: 1
}

.main-category-level2 dd, .main-category-level2 dt {
	float: left;
	margin-top: 4px
}

.main-category-level2 dt {
	width: 15%
}

.main-category-level2 dt a {
	width: 85px;
	text-align: right;
	padding-right: 5px;
	font-weight: 500;
	color: #f90 !important;
	float: right;
	font-size: 12px
}

.main-category-level2 dd {
	margin-bottom: 4px;
	margin-top: 4px;
	cursor: default;
	line-height: 17px;
	width: 85%
}

.main-category-level2 dd a {
	border-left: 1px solid #ddd;
	padding: 0 6px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	white-space: nowrap;
	font-weight: 400;
	color: #6d6d6d !important;
	margin: 1px 0
}

.main-category-level2 dd a:hover {
	color: #f90 !important;
	text-decoration: underline
}

.main-category-level2 .more {
	margin: 0 10px
}

.main-category-level2 .more ul {
	zoom: 1;
	border-bottom: 1px dotted #ddd;
	padding: 10px 0;
	width: 100%
}

.main-category-level2 .more ul:after, .main-category-level2 .more ul:before
	{
	content: " ";
	display: table
}

.main-category-level2 .more li {
	float: left;
	width: 20%;
	text-align: center;
	line-height: 24px
}

.main-category-level2 .more li a {
	font-size: 14px !important;
	color: #3d3d3d
}

.main-category-level2 .more p {
	margin: 10px 0;
	text-align: center
}

.main-category-level2 .more p a {
	color: #f90 !important;
	font-size: 14px !important;
	margin-left: 2px
}

.main-category-level2 .hidden, .main-category-level2 .hide {
	display: none
}

.main-category-level2 .show {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

#nav {
	background: #fff;
	padding-top: 4px
}

#nav .wrapper {
	height: 37px
}

#nav .wrapper:after, #nav .wrapper:before {
	content: " ";
	display: table
}

#nav .nav-items li {
	font-size: 16px;
	font-weight: 600
}

#nav .nav-items .nav-process {
	font-size: 13px
}

#nav .nav-items a {
	color: #3d3d3d
}

#nav .nav-items a:hover {
	color: #f90
}

#nav .nav-items .nav-process a {
	color: #6287d5
}

#nav .nav-items .nav-process i {
	padding-right: 4px
}

.nav-items {
	height: 39px;
	margin-left: 222px;
	border-bottom: solid 2px #f90;
	line-height: 39px
}

.nav-items li {
	display: inline-block;
	text-align: center;
	font-size: 18px;
	letter-spacing: 0;
	padding: 0 28px
}

.nav-items .nav-process {
	float: right;
	width: auto;
	line-height: 1;
	padding-top: 10px;
	padding-right: 4px
}

.nav-items .nav-process .icon-camera {
	font-size: 20px;
	position: relative;
	color: #6287d5;
	top: 4px
}

.nav-items a.active {
	color: #f90 !important
}

.nav-items .privilege {
	width: 51px;
	height: 15px;
	position: relative;
	left: 0;
	top: 2px;
	display: inline-block;
	background-image: url(/asset/img/main/access-1x.gif);
	background-image: -webkit-image-set(url(/asset/img/main/access-1x.gif) 1x,
		url(/asset/img/main/access-2x.gif) 2x)
}

.nav-items .privilege-icon {
	float: right;
	position: relative
}

.dialog-qrcode .column {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 318px
}

.dialog-qrcode .column+.column {
	margin-left: 85px
}

.dialog-qrcode .subscribe {
	color: #56b02a
}

.dialog-qrcode .service {
	color: #f90
}

.dialog-qrcode h4 {
	font-size: 22px
}

.dialog-qrcode p {
	margin-top: 5px;
	font-size: 12px
}

.dialog-qrcode h4, .dialog-qrcode p {
	text-align: center
}

.dialog-qrcode img {
	width: 727px;
	height: 321px
}

.inner-link-wrapper {
	border-top: solid 1px #e6e6e6;
	padding: 15px 0 45px
}

.inner-link-wrapper .inner-link {
	width: 1100px;
	margin: 15px auto;
	padding: 0 42px;
	display: none
}

.inner-link-wrapper .inner-link.open {
	display: block
}

.inner-link-wrapper .inner-link .inner-title {
	height: 25px;
	line-height: 25px;
	font-weight: 700;
	overflow: hidden
}

.inner-link-wrapper .inner-link .inner-title .inner-action {
	margin-right: 10px;
	float: right;
	color: #9d9d9d;
	font-size: 12px;
	font-weight: 400
}

.inner-link-wrapper .inner-link .inner-title .inner-action .open-action
	{
	display: inline-block
}

.inner-link-wrapper .inner-link .inner-title .inner-action .close-action,
	.inner-link-wrapper .inner-link .inner-title .inner-action.close .open-action
	{
	display: none
}

.inner-link-wrapper .inner-link .inner-title .inner-action .icon {
	font-size: 12px
}

.inner-link-wrapper .inner-link .inner-title .inner-action.close .close-action
	{
	display: inline-block
}

.inner-link-wrapper .inner-link .inner-link-content {
	margin-top: 5px
}

.inner-link-wrapper .inner-link .inner-link-content .inner-link-item {
	display: inline-block;
	margin: 5px 20px 5px 0
}

.inner-link-wrapper .inner-link .letter-list .letter {
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border: 1px solid #ccc;
	background: #fff;
	margin-right: 5px;
	cursor: pointer
}

.inner-link-wrapper .inner-link .letter-list .letter.active,
	.inner-link-wrapper .inner-link .letter-list .letter:hover {
	color: #fff;
	background: #f90;
	border-color: #f90
}

.inner-link-wrapper .inner-link .letter-content-wrapper .letter-content
	{
	display: none
}

.inner-link-wrapper .inner-link .letter-content-wrapper .letter-content.active
	{
	display: block
}

.inner-link-wrapper .inner-link .inner-link-list {
	margin: 0 -10px;
	overflow: hidden;
	white-space: nowrap;
	height: 31px
}

.inner-link-wrapper .inner-link .inner-link-list .inner-link-item {
	margin: 5px 0;
	padding: 0 10px;
	float: left
}

.inner-link-wrapper .inner-link .inner-link-list.open {
	height: auto
}

.mobile-input input[name=mobile] {
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	border-top-left-radius: 0
}

.mobile-input .tel-code {
	position: absolute;
	top: 13px;
	left: 66px;
	z-index: 2
}

.mobile-input .form-label+.form-controls .tel-code {
	left: 185px
}

.mobile-input .tel-code-select {
	border: 1px solid #ccc;
	background-color: #fff;
	border-right: none;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-bottom-left-radius: 2px;
	float: left;
	position: relative;
	cursor: pointer
}

.mobile-input .tel-code-select .trigger>div {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.mobile-input .tel-code-select .trigger {
	line-height: 34px;
	height: 34px;
	width: 54px
}

.mobile-input .tel-code-select .trigger .icon-region-flag {
	margin-left: 15px
}

.mobile-input .tel-code-select .flag {
	width: 25px;
	height: 17px
}

.mobile-input .tel-code-select .icon-caret-down {
	position: absolute;
	right: 2px;
	top: 10px
}

.mobile-input .tel-code-select .dropdown-menu {
	width: 323px;
	top: 35px;
	left: -1px;
	text-align: left
}

.mobile-input .tel-code-select .dropdown-menu li {
	position: relative
}

.mobile-input .tel-code-select .icon-region-flag {
	background: url(../../img/icon/region_flags_e597b01b67.png) no-repeat;
	width: 16px;
	height: 11px;
	margin-right: 5px
}

.mobile-input .tel-code-select .alphabet {
	background-color: #E4E4E4;
	color: #3d3d3d;
	font-weight: 700
}

.mobile-input .tel-code-select .more {
	background-color: #F2F2F2;
	color: #3d3d3d
}

.mobile-input .voice-code {
	display: none;
	margin-left: 110px
}

.mobile-input .voice-code span {
	color: #6287d5
}

.login-form[data-login=wechat] .btn-link[data-way=wechat], .login-form[data-login=sms] .btn-link[data-way=sms],
	.login-form[data-login=password] .btn-link[data-way=password],
	.mobile-input .voice-code span:hover {
	color: #f90
}

.mobile-input .disable-international .tel-code, .mobile-input .disable-international .tel-code-select
	{
	display: none
}

.mobile-input .disable-international .icon-mobile, .mobile-input .enable-international .tel-code,
	.mobile-input .enable-international .tel-code-select {
	display: block
}

.mobile-input .disable-international input[name=mobile] {
	padding-left: 12px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-bottom-left-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	border-top-left-radius: 2px
}

.mobile-input .disable-international .icon-mobile+input[name=mobile] {
	padding-left: 24px
}

.hidden, .mobile-input .enable-international .icon-mobile {
	display: none
}

.mobile-input .enable-international .placeholder {
	left: 50px
}

.mobile-input .enable-international input[name=mobile] {
	padding-left: 66px;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	border-top-left-radius: 0
}

.login-form[data-login=password] .form-password {
	display: block
}

.login-form[data-login=wechat] #login-mobile, .login-form[data-login=wechat] .form-action,
	.login-form[data-login=wechat] .form-password, .login-form[data-login=wechat] .form-sms,
	.login-form[data-login=wechat] .remember-me, .login-form[data-login=password] .form-sms,
	.login-form[data-login=password] .form-wechat {
	display: none
}

.login-form[data-login=wechat] .form-wechat {
	display: block
}

.login-form[data-login=sms] .form-password, .login-form[data-login=sms] .form-wechat
	{
	display: none
}

.login-form .placeholder-wrapper, .login-form[data-login=sms] .form-sms,
	.login-form[data-login=sms] .sms-prompt {
	display: block
}

.login-form .login-way-switch {
	margin-bottom: 10px
}

.login-form .login-way-switch>.small {
	border: none
}

.login-form .login-way-switch .icon {
	margin-right: 2px;
	vertical-align: text-top
}

.login-form .login-way-switch .icon-mobile-o, .login-form .login-way-switch .icon-wechat-o
	{
	font-size: 1.2em
}

.login-form .form-sms .placeholder-wrapper {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.login-form .form-text {
	width: 100%;
	padding-left: 24px
}

.login-form .form-body {
	padding: 18px 30px
}

.login-form .form-wechat {
	text-align: center;
	user-select: none
}

.login-form .form-wechat .help, .login-form .form-wechat .scan {
	cursor: pointer;
	margin-top: 10px
}

.login-form #wechat-login {
	padding-top: 21px
}

.login-form .wechat-help {
	background: url(../../img/static/wechat-scan_b4a24328c5.jpg) 50%
		no-repeat;
	display: none;
	height: 186px
}

.login-form .form-controls .icon-lock, .login-form .form-controls .icon-mobile
	{
	position: absolute;
	left: 6px;
	top: 16px
}

.login-form .form-radios {
	width: 100%
}

.login-form .form-radios label {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 50%;
	text-align: center;
	padding: 11px 0;
	cursor: pointer;
	background: #f8f8f8;
	border: 1px solid #ddd;
	border-top: 0;
	font-size: 16px
}

.login-form .form-radios label.active {
	border: 0;
	background: #fff;
	cursor: text;
	color: #f90
}

.login-form .form-radios input[type=radio] {
	display: none
}

.login-form .form-action, .login-form .form-password, .login-form .form-sms
	{
	margin-top: 5px
}

.login-form .form-auxlinks {
	margin-top: 10px;
	text-align: right;
	zoom: 1;
	font-size: .8em;
	color: #ccc
}

.login-form .form-auxlinks:after, .login-form .form-auxlinks:before {
	content: " ";
	display: table
}

.login-dialog .dialog-header, .login-dialog .login-way-switch {
	display: none
}

.login-form .form-auxlinks i {
	margin: 5px;
	position: relative;
	bottom: 1px
}

.login-form .form-auxlinks .form-signup {
	color: #f90;
	cursor: pointer
}

.login-form .form-auxlinks .form-feedback {
	color: #ccc
}

.login-form .form-auxlinks .form-switch-international {
	margin-top: 10px;
	color: #3d3d3d
}

.login-form .form-auxlinks .form-switch-international b {
	cursor: pointer
}

.login-form .form-auxlinks .form-switch-international b:hover {
	color: #f90
}

.login-form .form-forget {
	float: left;
	color: #f90;
	cursor: pointer
}

.login-form .form-block.captcha img {
	width: 54px;
	height: 22px
}

.login-form .form-block.captcha input {
	width: 182px
}

.login-form .form-block.captcha .input-group-addon {
	background-color: #fff;
	line-height: 0
}

.login-form .form-block.captcha .form-hint {
	text-align: right
}

.login-form .form-block.captcha .form-hint span {
	color: #6287d5
}

.login-form .form-sms .form-text {
	width: 138px;
	padding-left: 7px
}

.login-form .form-sms .btn-info {
	width: 155px;
	height: 38px;
	margin-left: 14px
}

.login-form .form-sms .placeholder, .login-form .sms {
	padding-left: 7px
}

.login-form .btn-link, .login-form .btn-link:hover {
	border: none
}

.login-form .sms-prompt {
	display: none;
	text-align: center
}

.login-form .sms-prompt .icon {
	margin-right: 10px
}

.login-form .mobile-input .enable-international input[name=mobile] {
	width: 268px
}

.login-form .voice-code-link .btn-link {
	font-size: 12px;
	color: #6287d5
}

.login-form .voice-code-link .btn-link:hover {
	color: #f90
}

.login-form .voice-code-link span {
	padding-top: 0
}

.login-form .login-way {
	color: #666
}

.login-form .login-way b {
	cursor: pointer;
	margin-left: 16px
}

.login-form .login-way b:first-child {
	margin-left: 0
}

.login-form .sns-login {
	border-top: 1px solid #e9e9e9;
	margin-top: 10px;
	padding-top: 20px;
	text-align: center
}

.login-form .sns-login h5 {
	color: #333;
	margin-bottom: 10px
}

.login-form .sns-login .icon {
	margin-left: 14px;
	font-size: 1.5em;
	cursor: pointer
}

.login-form .sns-login .icon:first-child {
	margin-left: 0
}

.login-form .sns-login .icon-wechat-circle {
	color: #54b207
}

.login-form .sns-login .icon-qq-circle {
	color: #009ed8
}

.login-form .sns-login .icon-alipay-circle {
	color: #ee6a18
}

.login-form .sns-login .icon-weibo-circle {
	color: #d45451
}

.login-form .sns-login .icon-renren-circle {
	color: #2276a2
}

.login-dialog .dialog-header h1 {
	max-width: 500px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

.login-dialog .dialog-close {
	right: -30px;
	top: 0;
	background: #333;
	background: rgba(0, 0, 0, .5)
}

.login-dialog .dialog-body {
	padding: 0
}

.header-wrapper {
	background: #ff6c00
}

.header-wrapper .header {
	width: 1100px;
	margin: 0 auto;
	background: #ff6c00;
	height: 56px;
	line-height: 56px
}

.header-wrapper .header .logo {
	margin-right: 60px;
	display: inline-block;
	width: 120px;
	height: 34px;
	vertical-align: middle;
	background: url(../../img/headline/headline_logo_868aa277e6.png) center
		no-repeat #ff6c00
}

.header-wrapper .header .headline-nav-list {
	line-height: 1;
	display: inline-block;
	color: #fff
}

.header-wrapper .header .headline-nav-item {
	display: inline-block;
	margin-right: 20px
}

.header-wrapper .header .headline-nav-item a {
	padding: 8px 10px;
	font-size: 16px;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

.header-wrapper .header .headline-nav-item.active, .header-wrapper .header .headline-nav-item:hover
	{
	font-weight: 700
}

.header-wrapper .header .headline-nav-item.active a {
	background: #fff;
	color: #ff6c00
}

.content {
    margin: 0 auto
}

.content .title-list {
    width: 700px;
    height: 40px;
    border-bottom: 1px solid #eee;
    line-height: 40px;
    padding: 0 5px
}

.content .title-list a {
    margin: 0 5px
}

.content .title-list .post {
    float: right;
}

.content .title-list a.last-nav {
    color: #6d6d6d
}
.article-list {
	background: #fff;
	border: 1px solid #ddd;
	overflow: hidden
}

.article-list .article {
	display: block;
	padding: 15px 0;
	margin: 0 20px -1px;
	min-height: 80px;
	border-bottom: solid 1px #eee;
	position: relative;
	cursor: pointer
}

.article-list .article .article-author {
	height: 5px;
	position: absolute;
	bottom: 15px;
	left: 0
}

.article-list .article .article-title {
	line-height: 30px;
	font-size: 20px;
	color: #333;
	max-width: 100%;
}

.article-list .article .article-title a {
	color: inherit;
	display: block
}

.article-list .article .article-title .icon-picture {
	margin-left: 5px;
	color: #ccc
}

.article-list .article .article-title:hover {
	color: #f90
}

.article-list .article .article-content {
	margin-top: 9px;
	font-size: 14px;
	line-height: 26px;
	color: #666
}

.article-list .article .cover {
	position: absolute;
	top: 20px;
	right: 0
}

.article-list .article-author-img:after, .course-list .course-author-img:after
	{
	content: ' ';
	z-index: 1;
	top: 0;
	left: 0;
	opacity: .4;
	filter: alpha(opacity = 40)
}

.article-list .article.with-cover {
	padding-right: 225px
}

.article-list .article-author-img {
	width: 30px;
	height: 22px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin-right: 10px;
	position: relative;
	display: inline-block;
	overflow: hidden
}

.article-list .article-author-img:after {
	background-color: transparent;
	position: absolute;
	width: 100%;
	height: 100%;
	transition: background .3s
}

.article-list .article-author-img:hover:after {
	background: #000
}

.article-list .article-author-img img {
	display: block
}

.article-list .article-author-name, .article-list .article-update-time {
	line-height: 22px;
	margin-right: 10px;
	font-size: 12px;
	color: #999;
	vertical-align: top;
	display: inline-block
}

.article-list .article-author-name {
	max-width: 200px
}

.teacher-list .ellipsis {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

.teacher-list .teacher-item {
	display: block;
	padding: 20px 0;
	height: 110px;
	border-top: solid 1px #eee;
	cursor: pointer
}

.teacher-list .teacher-item .teacher-avatar {
	display: inline-block;
	position: relative;
	cursor: pointer
}

.teacher-list .teacher-item .teacher-avatar img {
	display: block
}

.teacher-list .teacher-item .teacher-info {
	margin-left: 20px;
	height: 70px;
	line-height: 1;
	display: inline-block;
	vertical-align: top
}

.teacher-list .teacher-item .teacher-info .teacher-name {
	font-size: 16px;
	color: #333;
	max-width: 200px
}

.teacher-list .teacher-item .teacher-info .teacher-name:hover {
	color: #f90
}

.teacher-list .teacher-item .teacher-info .teacher-experience {
	font-size: 12px;
	margin: 10px 0;
	color: #fff
}

.teacher-list .teacher-item .teacher-info .teacher-experience span {
	display: inline-block;
	background: #f90;
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

.teacher-list .teacher-item .teacher-info .teacher-course {
	max-width: 200px;
	font-size: 12px;
	color: #666
}

.course-list .ellipsis {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

.course-list .course-item {
	padding: 15px 0;
	border-top: solid 1px #eee
}

.course-list .course-author {
	height: 30px;
	margin-top: 10px
}

.course-list .course-name {
	display: block;
	font-size: 16px;
	color: #333;
	cursor: pointer;
	line-height: 1;
	max-width: 100%
}

.course-list .course-name:hover {
	color: #f90
}

.course-list .course-author-img {
	width: 30px;
	height: 30px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin-right: 10px;
	position: relative;
	display: inline-block;
	overflow: hidden
}

.course-list .course-author-img:after {
	background-color: transparent;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s
}

.course-list .course-author-img:hover:after {
	background: #000
}

.course-list .course-author-img img {
	display: block
}

.course-list .course-author-experience, .course-list .course-author-name
	{
	line-height: 30px;
	margin-right: 10px;
	font-size: 12px;
	color: #999;
	vertical-align: top;
	display: inline-block
}

.course-list .course-author-name {
	max-width: 150px
}

#main {
	overflow: hidden;
	margin-top: 20px
}

#main .left-wrapper {
	float: left;
	width: 740px
}

#main .right-wrapper {
	float: right;
	width: 340px
}

#main .ellipsis {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

#main .mode-list {
	margin-bottom: 20px;
	padding: 20px 20px 0;
	border: 1px solid #ddd;
	background: #fff
}

#main .mode-list .mode-header {
	margin-top: -10px;
	font-size: 18px;
	line-height: 38px;
	border-bottom: solid 1px #999;
	color: #333;
	overflow: hidden
}

#main .mode-list .mode-header .more-link {
	float: right;
	font-size: 12px;
	color: #999
}