/* build date: 2016-05-12T11:28:10+0800 */
.clearfix:after, .page-cont-block:after {
	clear: both
}

body {
	margin: 0;
	min-width: 1000px;
	font: 12px/1.5 "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma,
		Arial, sans-serif;
	color: #666
}

.clearfix:after, .clearfix:before {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden
}

.clearfix {
	zoom: 1
}

#page-header {
	position: relative;
	z-index: 2;
	height: 72px;
	padding: 6px 10px;
	background-color: #2d629d;
}

.page-logo {
	float: left;
	margin: 0
}

.page-logo .icon {
	display: block;
	float: left;
	margin-right: 10px;
	width: 30px;
	height: 28px
}

.page-logo .name {
	float: left;
	height: 28px;
	line-height: 28px;
	color: #fff
}

.page-logo .platform-name {
	font-size: 22px
}

.connector {
	display: inline-block;
	vertical-align: top;
	margin: 13px 5px 0;
	width: 10px;
	height: 2px;
	background-color: #fff;
	line-height: 0;
	overflow: hidden
}

.page-logo .sub-name {
	font-size: 18px
}

.lang-set {
	position: relative;
	float: left;
	margin: 0 0 0 10px;
	height: 28px
}

.lang-set .dropdown-icon {
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -2px;
	width: 0;
	height: 0;
	border-width: 4px 5px;
	border-style: solid;
	border-color: #fff transparent transparent;
	line-height: 0;
	overflow: hidden
}

.lang-set:hover .dropdown-icon {
	margin-top: -6px;
	border-color: transparent transparent #fff
}

.lang-set .title {
	padding: 0 30px 0 20px;
	color: #fff;
	text-align: center;
	line-height: 28px;
	cursor: pointer
}

.lang-set .lang-option-list {
	display: none;
	margin: 0;
	padding: 0;
	background-color: #fff;
	border: 1px solid #ebebeb
}

.page-welcome, .user-nav .nav-item {
	height: 14px;
	border-left: 1px solid #fff
}

.lang-set:hover .lang-option-list {
	display: block
}

.lang-set .lang-option {
	margin: 0;
	list-style: none;
	line-height: 28px;
	border-top: 1px solid #ebebeb
}

.lang-set .lang-option:first-child {
	border-top-width: 0
}

.lang-set .change-lang-btn {
	display: block;
	padding: 0 20px;
	color: #666;
	font-weight: 700;
	text-decoration: none
}

.lang-set .change-lang-btn:hover {
	color: #007acd
}

.lang-set-2 {
	line-height: 69px;
	padding-left: 15px
}

.lang-set-2 a {
	color: #fff
}

.page-welcome {
	float: left;
	margin: 27px 0 0 0px;
	padding-left: 10px
}

.page-welcome .cont {
	margin: -7px 0;
	line-height: 28px;
	color: #fff
}

.page-welcome .user-link {
	margin: 0 3px;
	color: #fff;
	text-decoration: underline
}

.user-nav {
	float: right;
	margin: 7px 0 0;
	padding: 0
}

.user-nav .nav-item {
	float: left;
	margin: 0;
	list-style: none;
	padding: 0 15px;
	line-height: 14px
}

.user-nav .nav-item:first-child {
	border-left-width: 0
}

.user-nav .nav-item .nav-link {
	color: #fff;
	text-decoration: none
}

.user-nav .nav-item .nav-link:hover {
	text-decoration: underline
}

#page-cont {
	position: relative;
	z-index: 1
}

.page-crumb-nav {
	height: 28px;
	background-color: #eff0f1;
	border-width: 1px 0;
	border-style: solid;
	border-color: #ebebeb
}

.page-crumb-nav .cont {
	width: 1000px;
	margin: 0 auto;
	height: 28px
}

.page-crumb-nav .nav-item {
	display: inline-block;
	line-height: 28px
}

.page-crumb-nav .nav-item.parent, .page-crumb-nav .nav-item.top {
	padding: 0 20px 0 4px;
	/* background: url(images/arrow_right_16.png) right center no-repeat */
}

.page-crumb-nav .nav-item.current {
	padding: 0 5px;
	font-weight: 700
}

.page-crumb-nav .nav-link {
	color: #666;
	text-decoration: none
}

.page-cont-block:after, .page-cont-block:before {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden
}

.page-cont-block {
	zoom: 1;
	margin: 0 auto;
	width: 1000px
}

#page-menu li, #page-menu p, #page-menu ul {
	margin: 0;
	padding: 0
}

#page-menu {
	position: fixed;
	z-index: 1000;
	top: 110px;
	left: 20px;
	width: 100px;
	box-shadow: 1px 1px 5px -2px #000
}

#page-menu .menu-icon {
	width: 18px;
	height: 16px;
	position: absolute;
	top: -16px;
	cursor: pointer;
	background-color: #137DCB;
	background-position: center center
}

.menu-icon-transform {
	-webkit-transition: 1s;
	transition: 1s;
	-webkit-transform: scaleY(-1);
	-ms-transform: scaleY(-1);
	transform: scaleY(-1)
}

.menu-icon.expand {
	background-image: url(images/menu_expand_icon.png);
	background-repeat: no-repeat
}

.menu-icon.collapse {
	background: url(images/menu_collapse_icon.png) no-repeat
}

#page-menu .menu-cont {
	overflow: hidden
}

#page-menu .menu-item {
	background: #fff;
	text-align: center;
	overflow: hidden
}

#page-menu .menu-item-flag {
	background: #01548c;
	cursor: pointer
}

#page-menu .menu-item-icon {
	height: 21px;
	padding-top: 6px;
	position: relative;
	width: 36px;
	margin: 0 auto
}

#page-menu .menu-item-icon span {
	background: url(images/menu_icon.png) no-repeat;
	width: 21px;
	height: 21px;
	position: absolute;
	left: 0
}

#page-menu .menu-disabled-item:hover .menu-goods-icon span, #page-menu .menu-goods-icon span
	{
	background-position: 0 0
}

#page-menu .menu-disabled-item:hover .menu-order-icon span, #page-menu .menu-order-icon span
	{
	background-position: -21px 0
}

#page-menu .menu-disabled-item:hover .menu-per-icon span, #page-menu .menu-per-icon span
	{
	background-position: -42px 0
}

#page-menu .menu-disabled-item:hover .menu-user-icon span, #page-menu .menu-user-icon span
	{
	background-position: -63px 0
}

#page-menu .menu-disabled-item:hover .menu-org-icon span, #page-menu .menu-org-icon span
	{
	background-position: -84px 0
}

#page-menu .menu-item-text {
	line-height: 32px
}

#page-menu .menu-disabled-item:hover .menu-item-text, #page-menu .menu-item-text
	{
	color: #fff
}

#page-menu .menu-arrow {
	width: 0;
	height: 0;
	line-height: 0;
	border-width: 4px;
	border-style: solid dashed dashed;
	position: absolute;
	right: 0;
	top: 15px
}

#page-menu .menu-arrow, #page-menu .menu-disabled-item:hover .menu-arrow
	{
	border-color: #fff transparent transparent
}

#page-menu .menu-arrow-bottom {
	border-style: dashed dashed solid;
	border-color: transparent transparent #fff
}

.menu-arrow-transform {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: 1s;
	transition: 1s
}

#page-menu .menu-item ul {
	display: none
}

#page-menu .menu-item ul li {
	list-style: none;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	border-top: 1px solid #e7e7e7;
	padding-left: 24px;
	text-align: left
}

#page-menu .menu-item ul li:hover a {
	color: #007ACD
}

#page-menu .menu-item ul li a {
	color: #555;
	text-decoration: none
}

#page-menu .menu-item ul .checked a, #page-menu .menu-item ul .checked:hover a
	{
	color: #fff
}

#page-menu .menu-item ul .checked, #page-menu .menu-item ul .checked:hover
	{
	background: #007acd;
	font-weight: 700;
	border-top: none
}

#page-menu .menu-disabled-item .menu-goods-icon span {
	background-position: 0 -21px
}

#page-menu .menu-disabled-item .menu-order-icon span {
	background-position: -21px -21px
}

#page-menu .menu-disabled-item .menu-per-icon span {
	background-position: -42px -21px
}

#page-menu .menu-disabled-item .menu-user-icon span {
	background-position: -63px -21px
}

#page-menu .menu-disabled-item .menu-org-icon span {
	background-position: -84px -21px
}

#page-menu .menu-disabled-item .menu-item-text {
	color: #99bed7
}

#page-menu .menu-disabled-item .menu-arrow {
	border-color: #99bed7 transparent transparent
}

#page-menu .menu-disabled-item .menu-arrow-bottom {
	border-color: transparent transparent #99bed7
}

#page-tools-panel {
	position: fixed;
	z-index: 1000;
	top: 0;
	right: -280px;
	width: 280px;
	height: 100%
}

#page-tools-panel .tool-btn {
	display: block;
	position: absolute;
	z-index: 2;
	left: -40px;
	width: 38px;
	height: 38px;
	background: url(images/tool_btn.png) no-repeat #fff;
	border: 1px solid #ebebeb;
	-webkit-transition: background-color .3s ease-in, border-color .3s
		ease-in;
	transition: background-color .3s ease-in, border-color .3s ease-in
}

#page-tools-panel.open .tool-btn {
	left: -39px
}

#page-tools-panel .tool-btn.current {
	z-index: 3;
	background-color: #007acd;
	border-color: #017ec8 #0074c3 #0070bd #007cca
}

#page-tools-panel .tool-btn:hover {
	z-index: 3;
	background-color: #19a1fd;
	border-color: #017ec8 #0074c3 #0070bd #007cca
}

#page-tools-panel .contact {
	top: 129px;
	background-position: -76px 0
}

#page-tools-panel .contact:hover {
	background-position: -114px 0
}

#page-tools-panel .contact:active {
	background-position: -114px 1px
}

#page-tools-panel .feedback {
	top: 168px;
	background-position: 0 0
}

#page-tools-panel .feedback:hover {
	background-position: -38px 0
}

#page-tools-panel .feedback:active {
	background-position: -38px 1px
}

#page-tools-panel .go-top {
	bottom: 20px;
	background-position: -228px 0
}

#page-tools-panel .go-top:hover {
	background-position: -266px 0
}

#page-tools-panel .go-top:active {
	background-position: -266px 1px
}

#page-tools-panel .tool-btn .tips {
	position: absolute;
	top: 2px;
	right: 0;
	display: block;
	height: 12px;
	padding: 2px 8px;
	background-color: red;
	border-radius: 8px;
	color: #fff;
	line-height: 12px;
	font-size: 12px
}

.pt-panel-cont {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #eff0f1;
	border: 1px solid #ebebeb;
	overflow-y: auto
}

.pt-panel-cont .pc-header {
	height: 40px;
	padding: 0 10px;
	line-height: 40px;
	color: #333;
	font-size: 14px
}

.pc-service-container {
	position: relative;
	height: 100%
}

.pc-service-container .pc-cont {
	position: absolute;
	top: 50%;
	margin-top: -45%;
	*top: 100px;
	*margin-top: 20px
}

.service-list-container {
	padding: 0;
	margin: 0
}

.service-list-container .service-list-item {
	list-style: none;
	line-height: 40px
}

.service-list-container .service-list-item .label {
	display: inline-block;
	width: 100px;
	vertical-align: middle;
	text-align: right
}

.service-list-container .service-list-item .text {
	display: inline-block;
	width: 160px;
	vertical-align: middle
}

.btn, .icon-btn {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	overflow: hidden
}

.form-select-option, .form-select-text {
	text-overflow: ellipsis;
	white-space: nowrap
}

.text-link {
	color: #007acd;
	text-decoration: none
}

.text-link:hover {
	text-decoration: underline
}

.text-link.disabled {
	color: #999
}

.text-link.disabled:hover {
	cursor: default;
	text-decoration: none
}

.short-text-link {
	color: #007acd;
	text-decoration: none;
	-webkit-transition: color .3s ease 0s;
	transition: color .3s ease 0s
}

.short-text-link:hover {
	text-decoration: underline;
	color: rgba(0, 0, 0, 0)
}

.short-text-link::before {
	color: #007acd;
	content: attr(data-hover);
	opacity: 0;
	pointer-events: none;
	position: absolute;
	text-shadow: 0 0 1px rgba(255, 255, 255, .3);
	-webkit-transform: scale(1.2) translateX(10px) translateY(-10px)
		rotate(4deg);
	-ms-transform: scale(1.2) translateX(10px) translateY(-10px)
		rotate(4deg);
	transform: scale(1.2) translateX(10px) translateY(-10px) rotate(4deg);
	-webkit-transition: opacity .3s ease 0s, -webkit-transform .3s ease 0s;
	transition: opacity .3s ease 0s, -webkit-transform .3s ease 0s;
	transition: transform .3s ease 0s, opacity .3s ease 0s;
	transition: transform .3s ease 0s, opacity .3s ease 0s,
		-webkit-transform .3s ease 0s
}

.short-text-link:hover::before {
	opacity: 1;
	text-decoration: underline;
	-webkit-transform: scale(1) translateX(0) translateY(0) rotate(0);
	-ms-transform: scale(1) translateX(0) translateY(0) rotate(0);
	transform: scale(1) translateX(0) translateY(0) rotate(0)
}

.btn, .form-checkbox, .form-select-switch-btn, .icon-btn, .page-number .page-link,
	.search-btn {
	text-decoration: none
}

.btn {
	min-width: 30px;
	height: 20px;
	padding: 4px 15px;
	background-color: #3badad;
	border-width: 1px;
	border-style: solid;
	border-color: #000000 #000000 #000000 #000000;
	line-height: 20px;
	color: #fff;
	-webkit-transition: background-color .3s ease-in, box-shadow .3s ease-in;
	transition: background-color .3s ease-in, box-shadow .3s ease-in
}

.btn:hover {
	background-color: #32ca3d;
	box-shadow: 0 0 6px -2px #2dc37e;
}

.btn:active {
	line-height: 22px
}

.btn.c2 {
	background-color: transparent;
	border-color: transparent;
	color: #007acd
}

.btn.c2:hover {
	border-color: #017ec8 #0074c3 #0070bd #007cca;
	-webkit-transition: border-color .3s ease-in;
	transition: border-color .3s ease-in
}

.btn.disabled {
	background-color: #bebebe;
	border-color: #aeaeae;
	color: #fff;
	box-shadow: none
}

.btn.important {
	background-color: #e60012;
	border: 1px solid #db0011
}

.btn.important:hover {
	box-shadow: 0 0 6px -2px #e60012;
	background-color: #fc0215
}

.icon-btn {
	min-width: 46px;
	height: 16px;
	padding: 6px 8px;
	background-color: #007acd;
	border-width: 1px;
	border-style: solid;
	border-color: #017ec8 #0074c3 #0070bd #007cca;
	line-height: 0;
	font-size: 12px;
	color: #fff;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in
}

.icon-btn .icon, .icon-btn .text {
	vertical-align: top;
	height: 16px;
	display: inline-block;
	cursor: pointer
}

.form-select-switch-btn, .text-area-box, .text-input-box {
	-webkit-transition: border-color .2s ease-in, box-shadow .2s ease-in;
	transition: border-color .2s ease-in, box-shadow .2s ease-in;
	outline: 0
}

.icon-btn:hover {
	background-color: #19a1fd;
	box-shadow: 0 0 6px -2px #08558a
}

.icon-btn:active .icon {
	margin-top: 1px
}

.icon-btn:active .text {
	line-height: 18px
}

.icon-btn .text, .icon-btn.disabled .text {
	line-height: 16px
}

.icon-btn.disabled {
	background-color: #bebebe;
	border-color: #aeaeae;
	color: #fff;
	box-shadow: none
}

.icon-btn.disabled .icon {
	margin-top: 0
}

.icon-btn .icon {
	width: 16px;
	background: url(images/btn_icon.png) no-repeat
}

.icon-btn.edit .icon {
	background-image: url(images/btn_icon_edit.png)
}

.icon-btn.del .icon {
	background-image: url(images/btn_icon_del.png)
}

.icon-btn.add .icon {
	background-image: url(images/btn_icon_add.png)
}

.icon-btn.password .icon {
	background-image: url(images/btn_icon_password.png)
}

.icon-btn.cart .icon {
	background-image: url(images/btn_icon_cart.png)
}

.icon-btn .text {
	margin-left: 4px;
	color: #fff
}

.icon-btn.upgrade .icon {
	background-image: url(images/btn_icon_upgrade.png)
}

.icon-btn.renew .icon {
	background-image: url(images/btn_icon_renew.png)
}

.text-input-box {
	width: 150px;
	height: 20px;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #e1e1e1;
	line-height: 20px
}

.text-input-box:focus {
	border-color: #32a6fa;
	box-shadow: 0 0 3px #32a6fa
}

.text-input-box.error {
	border-color: #fc5548;
	box-shadow: 0 0 3px #fc5548
}

.text-input-box.longer {
	width: 240px
}

.form-checkbox {
	display: inline-block;
	vertical-align: middle;
	height: 16px;
	line-height: 0;
	color: #666;
	font-size: 12px;
	white-space: nowrap
}

.form-checkbox .icon, .form-checkbox .text {
	vertical-align: top;
	height: 16px;
	display: inline-block;
	overflow: hidden
}

.form-checkbox .icon {
	width: 16px;
	background: url(images/form_checkbox_bg.png) no-repeat
}

.form-checkbox.disabled .icon {
	background-position: -16px 0
}

.form-checkbox.checked .icon {
	background-position: -32px 0
}

.form-checkbox.checked.disabled .icon {
	background-position: -48px 0
}

.form-checkbox.indeterminate .icon {
	background-position: -64px 0
}

.form-checkbox.indeterminate.disabled .icon {
	background-position: -80px 0
}

.form-checkbox .text {
	margin-left: 5px;
	line-height: 16px
}

.form-select, .qty-box {
	vertical-align: middle
}

.form-select {
	display: inline-block;
	width: 20%;
	height: 30px;
	text-align: left
}

.form-select-switch-btn {
	display: block;
	height: 28px;
	background-color: #fff;
	border: 1px solid #e1e1e1;
	overflow: hidden;
	line-height: 28px;
	font-size: 12px;
	color: grey
}

.form-select-switch-btn:hover {
	background-color: #fff;
	color: #333;
	text-decoration: none
}

.form-select-switch-btn:focus {
	border-color: #32a6fa;
	box-shadow: 0 0 3px #32a6fa;
	color: #333
}

.form-select.error .form-select-switch-btn {
	border-color: #fc5548;
	box-shadow: 0 0 3px #fc5548
}

.disabled .form-select-switch-btn {
	background-color: #f4f4f4;
	color: #bbb;
	border-color: #ddd;
	box-shadow: none
}

.form-select-text {
	display: block;
	height: 100%;
	padding: 0 0px 0 0px;
	/* background: url(images/select_btn_icon.png) right center no-repeat; */
	overflow: hidden
}

.disabled .form-select-text {
	background-image: url(images/select_btn_icon.png)
}

.form-select-option-list {
	display: none;
	position: relative;
	margin: 0;
	max-height: 180px;
	padding: 2px 0;
	background: #fff;
	border: 1px solid #aaa;
	overflow-y: auto;
	overflow-x: hidden;
	_height: auto
}

.form-select-option {
	display: block;
	height: 30px;
	color: #555;
	line-height: 30px;
	font-size: 12px;
	padding: 0 5px;
	overflow: hidden;
	cursor: pointer
}

.form-select .currentOption {
	color: #fff;
	background: #0288d1
}

.form-select.error {
	border-color: #fc5548;
	box-shadow: 0 0 3px #fc5548
}

.text-area-box {
	margin: 0;
	width: 490px;
	height: 60px;
	min-width: 150px;
	min-height: 20px;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #e1e1e1;
	font-size: 12px;
	overflow: auto
}

.text-area-box:focus {
	border-color: #32a6fa;
	box-shadow: 0 0 3px #32a6fa
}

.text-area-box.error {
	border-color: #fc5548;
	box-shadow: 0 0 3px #fc5548
}

.check-box {
	display: inline-block;
	padding: 1px;
	background-color: #fff;
	border: 1px solid #e1e1e1;
	line-height: 0
}

.check-box:hover {
	padding: 0;
	border: 2px solid #007acd
}

.check-box.disabled {
	background: #eff0f1;
	color: #999
}

.check-box.disabled:hover {
	border: 1px solid #e1e1e1;
	padding: 1px;
	cursor: default
}

.check-box.checked {
	padding: 0;
	border: 2px solid #007acd;
	background: url(images/icon_checked.png) left top no-repeat
}

.check-box .check-box-cont {
	display: block;
	min-height: 26px;
	padding: 0 25px
}

.search-box {
	margin: 0;
	height: 30px;
	padding: 0 82px 0 0;
	*position: relative
}

.search-box .search-input-box {
	display: block;
	width: 100%;
	position: relative;
	z-index: 1
}

.search-btn {
	display: block;
	float: right;
	margin: -30px -82px 0 0;
	*position: absolute;
	*top: 1px;
	*right: 0;
	*margin: 0;
	width: 60px;
	height: 30px;
	background-color: #007acd;
	border-width: 1px;
	border-style: solid;
	border-color: #017ec8 #0074c3 #0070bd #007cca;
	line-height: 20px;
	text-align: center;
	color: #fff;
	overflow: hidden;
	-webkit-transition: background-color .3s ease-in, box-shadow .3s ease-in;
	transition: background-color .3s ease-in, box-shadow .3s ease-in;
	cursor: pointer
}

.search-btn:hover {
	background-color: #19a1fd;
	box-shadow: 0 0 6px -2px #08558a
}

.qty-box {
	display: inline-block;
	position: relative;
	width: 120px;
	height: 26px
}

.qty-box .qty-input {
	display: block;
	margin: 0 auto;
	width: 38px;
	height: 18px;
	padding: 3px 5px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #e1e1e1;
	line-height: 18px;
	outline: 0;
	-webkit-transition: border-color .2s ease-in, box-shadow .2s ease-in;
	transition: border-color .2s ease-in, box-shadow .2s ease-in
}

.page-number .page-ctrl-btn, .qty-box .qty-btn {
	width: 24px;
	text-indent: -999em;
	overflow: hidden
}

.page-number .page-ctrl-btn, .page-number .page-link, .qty-box .qty-btn
	{
	-webkit-transition: border-color .3s ease-in;
	transition: border-color .3s ease-in
}

.qty-box .qty-input:focus {
	border-color: #32a6fa;
	box-shadow: 0 0 3px #32a6fa
}

.qty-box.error .qty-input {
	border-color: #fc5548;
	box-shadow: 0 0 3px #fc5548
}

.qty-box .qty-input.disabled {
	background-color: #f0f0f0;
	cursor: default
}

.qty-box .qty-btn {
	display: block;
	position: absolute;
	top: 0;
	height: 24px;
	background: url(images/qty_btn_bg.png) no-repeat #fff;
	border: 1px solid #e1e1e1
}

.qty-box .reduce {
	left: 0;
	background-position: 0 0
}

.qty-box .increase {
	right: 0;
	background-position: -72px 0
}

.qty-box .qty-btn:hover {
	border-color: #007acd
}

.qty-box .reduce:hover {
	background-position: -24px 0
}

.qty-box .reduce:active {
	background-position: -24px 1px
}

.qty-box .increase:hover {
	background-position: -96px 0
}

.qty-box .increase:active {
	background-position: -96px 1px
}

.qty-box .qty-btn.disabled {
	background-color: #f0f0f0;
	border-color: #e1e1e1;
	cursor: default
}

.qty-box .reduce.disabled {
	background-position: -48px 0
}

.qty-box .increase.disabled {
	background-position: -120px 0
}

.page-area {
	margin: 40px auto;
	height: 26px
}

.page-area .page-info-summary {
	float: left;
	height: 26px;
	line-height: 26px
}

.page-number .current, .page-number .page-link {
	line-height: 16px;
	padding: 4px 8px;
	border-width: 1px;
	border-style: solid;
	vertical-align: middle;
	display: inline-block
}

.page-area .page-info-summary .number {
	margin: 0 3px
}

.page-number {
	float: right;
	height: 26px
}

.page-number .page-link {
	margin: 0 2px;
	border-color: #e1e1e1;
	color: #666
}

.page-number .page-link:hover {
	border-color: #017ec8;
	color: #007acd
}

.page-number .current {
	margin-right: 5px;
	border-color: transparent;
	color: #666;
	font-weight: 700
}

.page-number .page-ctrl-btn {
	display: inline-block;
	vertical-align: middle;
	height: 24px;
	background: url(images/page_btn_bg.png) no-repeat;
	border: 1px solid #e1e1e1
}

.page-number .btn, .page-number .text-input-box {
	vertical-align: middle;
	height: 16px;
	line-height: 16px
}

.page-number .page-ctrl-btn:hover {
	border-color: #017ec8
}

.page-number .page-ctrl-btn.disabled {
	background-color: #eff0f1;
	border-color: #e1e1e1
}

.page-number .first {
	margin-right: 10px;
	background-position: 0 0
}

.page-number .first:hover {
	background-position: -24px 0
}

.page-number .first.disabled {
	background-position: -48px 0
}

.page-number .prev {
	margin-right: 8px;
	background-position: -96px 0
}

.page-number .prev:hover {
	background-position: -120px 0
}

.page-number .prev.disabled {
	background-position: -144px 0
}

.page-number .next {
	margin-left: 8px;
	background-position: -192px 0
}

.page-number .next:hover {
	background-position: -216px 0
}

.page-number .next.disabled {
	background-position: -240px 0
}

.page-number .last {
	margin-left: 10px;
	background-position: -288px 0
}

.page-number .last:hover {
	background-position: -312px 0
}

.page-number .last.disabled {
	background-position: -336px 0
}

.page-number .ellipsis {
	margin: 0 2px;
	vertical-align: middle;
	display: inline-block
}

.page-number .text-input-box {
	margin-left: 10px;
	padding: 4px 5px;
	width: 40px;
	text-align: center
}

.page-number .btn {
	margin-left: 10px;
	padding: 4px 15px
}

.page-img {
	border: none
}

.page-tips {
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	height: 14px;
	padding: 7px 8px;
	border: 1px solid #fff
}

.page-tips.hide {
	display: none
}

.page-tips .icon, .page-tips .text {
	display: inline-block;
	height: 14px;
	vertical-align: top
}

.page-tips .icon {
	margin-right: 4px;
	width: 14px
}

.page-tips .text {
	line-height: 14px;
	font-size: 12px
}

.page-tips.multi-line {
	height: auto;
	position: relative
}

.page-tips.multi-line .icon {
	position: absolute;
	left: 8px
}

.page-tips.multi-line .text {
	height: auto;
	display: block;
	margin-left: 18px
}

.page-tips.error {
	background-color: #ffeced;
	border-color: #f39da4
}

.page-tips.error .icon {
	background: url(images/tips_icon_error.png) no-repeat
}

.page-tips.error .text {
	color: #d7636d
}

.page-tips.warn {
	background-color: #fdecda;
	border-color: #fac28a
}

.page-tips.warn .icon {
	background: url(images/tips_icon_warn.png) no-repeat
}

.page-tips.warn .text {
	color: #f38f2d
}

.page-tips.ok {
	background-color: #fff;
	border-color: #fff
}

.page-tips.ok .icon {
	background: url(images/tips_icon_ok.png) no-repeat
}

.page-tips.ok .text {
	color: #2faa25
}

.page-tips.info {
	background-color: #fff;
	border-color: #fff
}

.page-tips.info .icon {
	display: none
}

.page-tips.info .text {
	color: #999
}

.process-status {
	margin-bottom: 20px
}

.process-status .item {
	display: inline-block;
	height: 115px;
	width: 200px;
	text-align: center;
	vertical-align: top;
	color: #909090;
	*float: left
}

.process-status .icon-wrap {
	height: 32px
}

.process-status .icon-wrap .icon {
	display: inline-block;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat
}

.process-status .line {
	height: 8px;
	margin: 8px 0 20px
}

.line .center, .line .left, .line .right {
	display: inline-block;
	height: 8px;
	vertical-align: top;
	background: #f5f7f9
}

.line .left {
	width: 93px
}

.line .center {
	width: 14px
}

.line .right {
	width: 93px
}

.passed {
	color: #bbe9a0
}

.passed .center, .passed .left, .passed .right {
	background: #bbe9a0
}

.process-status .current {
	color: #67c430
}

.current .left {
	background: #BBE9A0
}

.current .center, .first.current .center {
	background: url(images/order_current_point.png) no-repeat;
	height: 14px;
	margin: -3px 0 0 -2px
}

.process-status .date, .process-status .text {
	height: 20px;
	line-height: 20px
}

.current .right {
	width: 95px
}

.unfinish .center {
	background-image: url(images/order_unfinish_point.png);
	background-repeat: no-repeat;
	width: 8px
}

.unfinish .right {
	width: 99px
}

.first .left, .last .right {
	background: #fff
}

.first .center {
	border-radius: 4px 0 0 4px;
	width: 14px
}

.last .center {
	border-radius: 0 4px 4px 0
}

.passed .text {
	color: #bbe9a0
}

.process-status .text {
	font-size: 16px;
	text-align: center
}

.loading-indicator {
	height: 80px;
	width: 80px;
	background: url(images/loading.gif) center center no-repeat
}

.loading-indicator-overlay {
	background-color: #FFF;
	opacity: .7;
	filter: alpha(opacity = 70)
}

.dialog-container {
	background: #fff;
	border: 1px solid #e1e1e1;
	width: 500px
}

.dialog-title {
	background: #f5f7f9;
	height: 38px;
	line-height: 38px;
	position: relative;
	border-bottom: 1px solid #e1e1e1
}

.dialog-title .text {
	color: #000;
	margin-left: 20px;
	font-size: 16px
}

.dialog-title .close {
	color: #909090;
	position: absolute;
	width: 30px;
	height: 30px;
	right: 10px;
	top: 3px;
	background: url(images/dialog_title_close_btn.png) center center
		no-repeat
}

.dialog-cont {
	clear: both;
	overflow:hidden; 
}

.dialog-operation {
	text-align: left;
	margin: 15px 1px 15px 15px;
}

.dialog-operation .btn {
	margin: 0 5px
}

.dialog-form-item {
	line-height: 30px;
	min-height: 30px;
	padding: 5px 10px 5px 105px
}

.dialog-form-item .label {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	margin-left: -95px;
	padding: 0 5px 0 10px;
	vertical-align: top;
	width: 80px
}

.dialog-form-item .label .text {
	display: inline-block;
	max-width: 75px;
	overflow: hidden;
	padding-right: 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: url(images/form_label_bg.png) right center no-repeat
}

.dialog-form-item .text-input-box {
	vertical-align: top
}

.dialog-form-item .form-select {
	margin-right: 10px;
	vertical-align: top
}

.dialog-form-item .text-area-box {
	resize: inherit
}

.dialog-form-item.required .label {
	background: url(images/form_required_sign.png) left center no-repeat
}

.dialog-tips-container {
	width: 400px
}

.dialog-tips {
	padding-left: 22px;
	margin-bottom: 15px;
	padding-right: 22px
}

.dialog-tips .icon {
	display: inline-block;
	height: 21px;
	width: 21px;
	background-image: url(images/dialog_tips_icons.png);
	background-repeat: no-repeat;
	margin-right: 10px
}

.dialog-tips .text {
	font-size: 16px
}

.dialog-tips .icon, .dialog-tips .text {
	vertical-align: middle
}

.dialog-tips.warn .icon {
	background-position: -31px 0
}

.dialog-tips.warn .text {
	color: #ffbc04
}

.dialog-tips.ok .icon {
	background-position: -93px 0
}

.dialog-tips.ok .text {
	color: #37c42c
}

.dialog-ok-cont {
	position: relative
}

.dialog-tips-timer {
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: #999
}

.dialog-tips.prompt .icon {
	background-position: -62px 0
}

.dialog-prompt-cont {
	height: 100px
}

.dialog-tips.error .text {
	color: #ed1929
}

.dialog-error-cont, .dialog-ok-cont, .dialog-prompt-cont,
	.dialog-warn-cont {
	height: 100px;
	padding-left: 0;
	padding-top: 15px
}

.dialog-other-operation {
	padding-left: 22px;
	margin-bottom: 15px
}

.dialog-bind-user {
	width: 100%;
}

.dialog-bind-user .dialog-cont {
	padding-left: 20px;
	max-height: 320px;
	overflow-y: auto
}

.dialog-bind-user .dialog-cont .bind-user-list {
	padding: 0;
	margin: 0;
	list-style: none
}

.dialog-bind-user .dialog-cont .bind-user-list .item {
	padding: 5px 0
}

.dialog-bind-user .dialog-cont .label {
	font-weight: 700;
	line-height: 30px;
	color: #000;
	margin: 5px 0;
	display: inline-block;
	width: 70px;
	vertical-align: top
}

.bind-check-list, .bind-user-qty {
	width: 100%;
	display: inline-block;
}

.dialog-bind-user .dialog-cont .label-qty {
	vertical-align: middle;
	margin: 0
}

.bind-check-list {
	max-height: 128px;
	overflow-y: auto;
	vertical-align: top
}

.bind-user-qty {
	vertical-align: middle;
	margin-left: 5px
}

.ads-info, .dialog-payment-voucher .form-item .text-input-box {
	vertical-align: top
}

.dialog-bind-user .check-box {
	margin: 5px;
	cursor: pointer
}

.dialog-bind-user .check-box-cont {
	padding: 0 18px
}

.dialog-bind-user .role-type {
	line-height: 30px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 80px;
	text-align: center
}

.dialog-bind-user .types-list .role-type {
	width: 130px
}

.dialog-bind-user .dialog-cont .item .icon-btn {
	margin: 10px 0 0 80px
}

.dialog-order-invoice {
	width: 600px;
	height: 531px;
	position: relative
}

.dialog-invoice-title {
	background: #eff0f1;
	line-height: 28px;
	height: 28px;
	border: 1px solid #ebebeb
}

.dialog-invoice-title .text {
	font-weight: 700;
	margin-left: 10px;
	color: #000
}

.ads-info-list {
	padding: 0;
	margin: 0;
	max-height: 148px;
	overflow-y: auto
}

.ads-info-item {
	list-style: none;
	margin: 0 0 0 20px;
	padding: 5px 0
}

.ads-info {
	display: inline-block
}

.ads-info-detail {
	width: 300px
}

.ads-info-name {
	width: 130px;
	overflow: hidden
}

.ads-detail-info, .ads-detail-num, .ads-operation {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.ads-operation {
	width: 130px;
	max-width: 130px;
	line-height: 30px
}

.dialog-order-invoice .text-area-box {
	width: 450px
}

.ads-btn-operation {
	margin: 10px 0 0 20px
}

.dialog-invoice-checkbox {
	padding: 20px 0;
	text-align: center;
	border-bottom: 1px solid #ebebeb
}

.dialog-invoice-edit {
	padding: 15px 0
}

.dialog-order-invoice .dialog-form-item .label {
	width: 60px
}

.invoice-ads-operation {
	width: 100%;
	position: absolute;
	top: 486px;
	margin: 0
}

.ads-info-item .check-box-cont {
	width: 56px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.dialog-add-ads .dialog-cont, .dialog-contact-info .dialog-cont {
	padding-top: 15px
}

.area .form-select {
	width: 115px
}

.dialog-add-ads .text-area-box {
	width: 355px
}

.dialog-payment-prompt {
	width: 348px
}

.payment-tip-warn {
	color: #333;
	padding-left: 55px;
	background: url(images/tips_icon_warn_big.png) 7% 30% no-repeat;
	line-height: 30px;
	margin-top: 20px
}

.payment-text {
	line-height: 20px;
	color: #999;
	padding-left: 55px;
	margin: 0
}

.payment-back {
	text-align: center;
	margin: 20px 0
}

.back-icon {
	background: url(images/back_icon.png) center center no-repeat;
	display: inline-block;
	width: 11px;
	height: 11px;
	margin-right: 10px
}

.dialog-payment-voucher {
	width: 600px
}

.dialog-payment-voucher .dialog-cont {
	padding: 20px 20px 0
}

.dialog-payment-voucher .payment-info-wrap {
	padding: 16px 0
}

.payment-checkbox .check-box {
	margin-right: 10px;
	cursor: pointer
}

.payment-checkbox .role-type {
	line-height: 30px
}

.dialog-payment-voucher .payment-offline-btn-wrap {
	padding-left: 100px;
	margin-top: 5px
}

.dialog-payment-voucher .payment-offline-btn-wrap .payment-text-shallow
	{
	margin-left: 20px
}

.dialog-payment-voucher .payment-text-shallow {
	color: #999
}

.dialog-payment-voucher .payment-info-cash {
	display: none
}

.dialog-payment-voucher .form-item {
	padding: 5px 10px 5px 96px;
	min-height: 30px;
	line-height: 30px
}

.dialog-payment-voucher .form-item .label {
	display: inline-block;
	vertical-align: top;
	margin-left: -95px;
	width: 80px;
	height: 30px;
	padding: 0 5px 0 10px;
	line-height: 30px
}

.dialog-payment-voucher .form-item.required .label {
	background: url(images/form_required_sign.png) left center no-repeat
}

.dialog-payment-voucher .form-item .label .text {
	display: inline-block;
	max-width: 75px;
	padding-right: 5px;
	background: url(images/form_label_bg.png) right center no-repeat;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.dialog-payment-voucher .form-item .text-input-box.longer {
	width: 240px
}

.dialog-payment-voucher .text-area-box {
	width: 400px
}