body,
p,
div,
li,
tr,
td,
span {
	FONT-FAMILY: 'Segoe UI', Helvetica, Arial, '宋体', sans-serif;
	COLOR: #333333;
	FONT-SIZE: 12px;
}

BODY {
	SCROLLBAR-ARROW-COLOR: #2c5784;
	SCROLLBAR-FACE-COLOR: #D1E2EF;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	SCROLLBAR-DARKSHADOW-COLOR: #A8C7DD;
	SCROLLBAR-BASE-COLOR: #000000;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: #e9f1f7;
	SCROLLBAR-3DLIGHT-COLOR: #bcd4e5;
	PADDING-TOP: 0px;
	text-align: center;
}

::-webkit-scrollbar {
	width: 5px;
	height: 10px;
}

::-webkit-scrollbar-button:vertical {
	display: none
}

::-webkit-scrollbar-track:vertical {
	background-color: black
}

::-webkit-scrollbar-track-piece {
	background: #EBEFF8
}

::-webkit-scrollbar-thumb:vertical {
	background-color: #8E8E8E;
	border-radius: 3px
}

::-webkit-scrollbar-thumb:vertical:hover {
	background-color: #3B3B3B
}

::-webkit-scrollbar-corner:vertical {
	background-color: #535353
}

::-webkit-scrollbar-resizer:vertical {
	background-color: #FF6E00
}

::-webkit-scrollbar-button:horizontal {
	display: none
}

::-webkit-scrollbar-track:horizontal {
	background-color: black
}

::-webkit-scrollbar-track-piece {
	background: #EBEFF8
}

::-webkit-scrollbar-thumb:horizontal {
	background-color: #8E8E8E;
	border-radius: 3px
}

::-webkit-scrollbar-thumb:horizontal:hover {
	background-color: #3B3B3B
}

::-webkit-scrollbar-corner:horizontal {
	background-color: #535353
}

::-webkit-scrollbar-resizer:horizontal {
	background-color: #FF6E00
}

A {
	COLOR: #333333;
	TEXT-DECORATION: none
}

A:hover {
	COLOR: #ff6600;
	TEXT-DECORATION: none
}

A.blue {
	COLOR: #06F;
	TEXT-DECORATION: none
}

A.blue:hover {
	COLOR: #ff6600;
	TEXT-DECORATION: none
}

.clear {
	CLEAR: both
}

IMG {
	BORDER-BOTTOM: medium none;
	BORDER-LEFT: medium none;
	BORDER-TOP: medium none;
	BORDER-RIGHT: medium none
}

UL {
	LIST-STYLE-TYPE: none;
	LIST-STYLE-IMAGE: none
}

INPUT {
	PADDING-BOTTOM: 0px;
	LINE-HEIGHT: 17px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	HEIGHT: 17px;
	COLOR: #333333;
	FONT-SIZE: 12px;
	PADDING-TOP: 0px;
	border: 1px solid #D2DCEC;
}

SELECT {
	PADDING-BOTTOM: 0px;
	LINE-HEIGHT: 17px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	HEIGHT: 17px;
	COLOR: #333333;
	FONT-SIZE: 12px;
	PADDING-TOP: 0px;
	border: 1px solid #D2DCEC;
}

TEXTAREA {
	BORDER-BOTTOM: #D2DCEC 1px solid;
	BORDER-LEFT: #D2DCEC 1px solid;
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	COLOR: #333333;
	FONT-SIZE: 12px;
	BORDER-TOP: #D2DCEC 1px solid;
	BORDER-RIGHT: #D2DCEC 1px solid;
	PADDING-TOP: 0px
}

.cbox {
	height: 17px;
	width: 17px;
}

.button {
	BORDER-BOTTOM: medium none;
	BORDER-LEFT: medium none;
	LINE-HEIGHT: 19px;
	WIDTH: 72px;
	BACKGROUND: url(../images/buttom_bg1.gif) no-repeat;
	HEIGHT: 20px;
	COLOR: #395366;
	BORDER-TOP: medium none;
	CURSOR: pointer;
	BORDER-RIGHT: medium none;
	PADDING-TOP: 1px;
}

.button:hover {
	BORDER-BOTTOM: medium none;
	BORDER-LEFT: medium none;
	LINE-HEIGHT: 19px;
	WIDTH: 72px;
	BACKGROUND: url(../images/buttom_bg1.gif) no-repeat;
	HEIGHT: 20px;
	COLOR: #395366;
	BORDER-TOP: medium none;
	CURSOR: pointer;
	BORDER-RIGHT: medium none;
	PADDING-TOP: 1px;
	font-weight: bold;
}

.button1 {
	LINE-HEIGHT: 20px;
	WIDTH: 60px;
	BACKGROUND: url(../images/buttom_bg2.gif) no-repeat;
	HEIGHT: 20px;
	COLOR: #FFF;
	CURSOR: pointer;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.button2 {
	LINE-HEIGHT: 20px;
	WIDTH: 44px;
	BACKGROUND: url(../images/buttom_bg3.gif) no-repeat;
	HEIGHT: 20px;
	COLOR: #FFF;
	CURSOR: pointer;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#header {
	line-height: 25px;
	height: 25px;
	padding-left: 5px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	margin-bottom: 10px;
}

#header p {
	margin: 0px;
	float: right;
	padding-right: 5px;
	color: #CCC;
}

#con {
	margin-left: 10px;
	text-align: left;
}

.tips_success {
	line-height: 20px;
	height: 20px;
	margin-left: 10px;
	padding-left: 5px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #0C0;
	font-weight: bold;
}

.tips_error {
	line-height: 20px;
	height: 20px;
	margin-left: 10px;
	padding-left: 5px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #F00;
	color: #C30;
}

.tips_info {
	line-height: 20px;
	height: 20px;
	margin-left: 10px;
	padding-left: 5px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #F00;
	color: #C30;
}

.tips_success div {
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background-image: url(../images/icon.jpg);
	background-repeat: no-repeat;
	background-position: -39px -95px;
	background-color: #09F;
}

.tips_error div {
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background-image: url(../images/icon.jpg);
	background-repeat: no-repeat;
	background-position: -70px -95px;
	background-color: #09F;
}

.tips_info div {
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background-image: url(../images/icon.jpg);
	background-repeat: no-repeat;
	background-position: -39px -128px;
	background-color: #09F;
}

.tb_h {
	background-color: #EBF1F5;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #D5E1EA;
	border-bottom-color: #D5E1EA;
	border-top-width: 1px;
	border-top-style: double;
	border-top-color: #D5E1EA;
	font-weight: bold;
}

.tb_b {
	background-color: #EBF1F5;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #D5E1EA;
	border-bottom-color: #D5E1EA;
	font-weight: bold;
}

.tb_l {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #D5E1EA;
}

.tb_t {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D5E1EA;
}

.tb_c {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #D5E1EA;
	border-bottom-color: #D5E1EA;
}

.tb_bg {
	background-color: #EBF1F5;
}

.tbcbg {}

.tbcbg tr.click_highlight {
	background-color: khaki;
}

.tbcbg .click_highlight input[type=text] {
	background: transparent;
}

#client_tips {
	display: none;
	line-height: 20px;
	/*height:20px;*/
	padding-left: 10px;
	padding-right: 10px;
	position: absolute;
	top: 0px;
	left: 200px;
	background-color: #09F;
	font-weight: bold;
	z-index: 99999;
	word-break: keep-all;
    max-width: 300px;
    word-wrap: break-word;
}

.bluefont {
	color: #03F
}

.redfont {
	color: #F00
}

.huifont {
	color: #999;
}

table {
	empty-cells: show;
}

#mac_tips {
	width: 215px;
	height: auto;
	position: absolute;
	right: 0;
	top: 0;
}

#mac_tips .info1 {
	width: 200px;
	margin: 5px 5px 5px 0px;
	line-height: 20px;
	background-color: #330066;
	color: #fff;
	padding: 4px;
	text-align: left;
	-moz-border-radius: 4px;
	/* Gecko browsers */
	-webkit-border-radius: 4px;
	/* Webkit browsers */
	border-radius: 4px;
}

#mac_tips .info2 {
	width: 200px;
	margin: 5px 5px 5px 0px;
	line-height: 20px;
	background-color: #333336;
	color: #fff;
	padding: 4px;
	text-align: left;
	-moz-border-radius: 4px;
	/* Gecko browsers */
	-webkit-border-radius: 4px;
	/* Webkit browsers */
	border-radius: 4px;
}

#mac_tips .close {
	display: block;
	width: 10px;
	height: 20px;
	line-height: 20px;
	color: #ff0000;
	float: right;
	text-align: left;
	cursor: pointer;
}

#camera_pic {
	width: 640px;
	height: 500px;
	background-color: #D0D9FD;
	position: absolute;
	display: none;
	z-index: 99999;
}

#camera_pic .pic {
	width: 640px;
	height: 480px;
	overflow: hidden;
}

#camera_pic .btn {
	line-height: 20px;
}

.text-center {
	text-align: center;
}

.logs {
	background-image: url(../images/logs_2.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-size: 16px;
	vertical-align: middle;
}

.logs_active {
	background-image: url(../images/logs_1.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-size: 16px;
	vertical-align: middle;
}

.logs_empty {
	background-image: url(../images/logs_0.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-size: 16px;
	vertical-align: middle;
}

.battery {
	background-image: url(../images/battery_3.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-size: 16px;
	vertical-align: middle;
}

.battery_no {
	background-image: url(../images/battery_1.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-size: 16px;
	vertical-align: middle;
}

.battery_active {
	background-image: url(../images/battery_2.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-size: 16px;
	vertical-align: middle;
}

.battery_empty {
	background-image: url(../images/battery_0.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-size: 16px;
	vertical-align: middle;
}

.component_active {
	background-image: url(../images/upgraded.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-size: 16px;
	vertical-align: middle;
	cursor: pointer;
}

.component_empty {
	background-image: url(../images/not_upgraded.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-size: 16px;
	vertical-align: middle;
}

.country_differences_with {
	background-image: url(../images/with_country_differences.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-size: 16px;
	vertical-align: middle;
	cursor: pointer;
}

.country_differences_without {
	background-image: url(../images/without_country_differences.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-size: 16px;
	vertical-align: middle;
}

.combination_active {
	background-image: url(../images/combination.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-size: 16px;
	vertical-align: middle;
	cursor: pointer;
}

.combination_empty {
	background-image: url(../images/combination_0.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-size: 16px;
	vertical-align: middle;
}

.supplier_standard_empty {
	background-image: url(../images/supplier_standard_empty.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-size: 16px;
	vertical-align: middle;
}

.supplier_standard_active {
	background-image: url(../images/supplier_standard.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-size: 16px;
	vertical-align: middle;
	cursor: pointer;
}

.standard-icon {
	background-repeat: no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-size: 16px;
	vertical-align: middle;
	margin-left: 2px;
}

.material_active {
	background-image: url(../images/attr/material_1.png);
	cursor: pointer;
}

.adjust_active {
	background-image: url(../images/attr/adjust_1.png);
	cursor: pointer;
}

.cushion_active {
	background-image: url(../images/attr/cushion_1.png);
	cursor: pointer;
}

.material_empty {
	background-image: url(../images/attr/material_0.png);
}

.adjust_empty {
	background-image: url(../images/attr/adjust_0.png);
}

.cushion_empty {
	background-image: url(../images/attr/cushion_0.png);
}

.fragile_active {
	background-image: url(../images/attr/fragile_1.png);
}

.fragile_empty {
	background-image: url(../images/attr/fragile_0.png);
}

.manual_active {
	background-image: url(../images/attr/manual_1.png);
}

.manual_empty {
	background-image: url(../images/attr/manual_0.png);
}

.knife_active {
	background-image: url(../images/attr/knife_1.svg);
}

.knife_empty {
	background-image: url(../images/attr/knife_0.svg);
}

.view-component-detail {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 800px;
	max-height: 600px;
	overflow: auto;
	margin-left: -80px;
	border: 2px solid #ccc;
	background-color: #fff;
	padding: 0 15px 15px;
	display: none;
}

.view-component-detail table {
	border-collapse: collapse;
	border-spacing: 0;
	border-bottom: solid 1px #dedede;
	width: 100%;
	text-align: center;
	line-height: 20px;
}

.view-component-detail table tr {
	border-top: solid 1px #dedede;
}

.view-component-detail .component-btn {
	text-align: center;
	padding-top: 10px;
}

.view-combination-detail {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 800px;
	max-height: 600px;
	overflow: auto;
	margin-left: -80px;
	border: 2px solid #ccc;
	background-color: #fff;
	padding: 0 15px 15px;
	display: none;
}

.view-combination-detail table {
	border-collapse: collapse;
	border-spacing: 0;
	border-bottom: solid 1px #dedede;
	width: 100%;
	text-align: center;
	line-height: 20px;
}

.view-combination-detail table tr {
	border-top: solid 1px #dedede;
}

.view-combination-detail .combination-btn {
	text-align: center;
	padding-top: 10px;
}

.view-standard-extra-attr {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 300px;
	max-height: 600px;
	overflow: auto;
	margin-left: -80px;
	border: 2px solid #ccc;
	background-color: #fff;
	padding: 0 15px 15px;
	z-index: 999;
}

.view-standard-extra-attr .content {
	line-height: 20px;
}

.view-standard-extra-attr .btn {
	position: absolute;
	top: 0;
	right: 0;
}


/*协同快速选择人员小插件 --start*/
.choose-user-select-block {
	display: inline-block;
	position: relative;
}

.choose-user-select-block-1 {
	display: inline-block;
	position: relative;
}

.choose-user-select-list-box {
	position: absolute;
	padding: 2px 5px;
	border: 1px solid #EBEFF8;
	z-index: 10;
	background-color: #fff;
	top: 16px;
	height: 220px;
	display: none;
}

.choose-user-select-search {
	width: 250px;
}

.choose-user-search-input {
	padding: 10px 5px;
	width: 220px;
}

.choose-user-search-remove {
	padding: 2px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

.choose-user-select-list {
	height: 200px;
	overflow-y: auto;
}

.choose-user-select-list ul {
	padding: 0;
	margin: 5px 0;
}

.choose-user-select-list ul li {
	padding: 2px;
	cursor: pointer;
}

.choose-user-select-list ul li.active,
.choose-user-select-list ul li:hover {
	background-color: #EBEFF8;
}

.choose-user-select-block .loading {
	cursor: not-allowed;
}

.choose-user-select-block-noshow .show_choose_user {
	display: none;
}

/*协同快速选择人员小插件 --end*/
.btn {
	display: inline-block;
	vertical-align: middle;
	font-weight: 400;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	line-height: 1;
	border-radius: 4px;
	font-size: 13px;
	padding: 3px 8px 2px 8px;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	cursor: pointer;
}

.btn:hover {
	color: #FFF;
	text-decoration: none;
}

.btn:focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn:disabled {
	opacity: 0.65;
}

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

.btn-default:focus {
	color: #333;
	background-color: #e6e6e6;
	border-color: #8c8c8c
}

.btn-default:hover {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad
}

.btn-primary {
	color: #fff;
	background-color: #286090;
	border-color: #204d74;
}

.btn-primary:hover {
	color: #fff;
	background-color: #286090;
	border-color: #204d74;
}

.btn-primary:focus {
	box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}

.btn-primary:active {
	color: #fff;
	background-color: #0a58ca;
	border-color: #0a53be;
}

.btn-primary:disabled {
	color: #fff;
	background-color: #0d6efd;
	border-color: #0d6efd;
	opacity: 0.65;
}

.btn-danger {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}

.btn-danger:hover {
	color: #fff;
	background-color: #bb2d3b;
	border-color: #b02a37;
}

.btn-danger:focus {
	box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}

.btn-danger:active {
	color: #fff;
	background-color: #b02a37;
	border-color: #a52834;
}

.btn-info {
	color: #fff;
	background-color: #5bc0de;
	border-color: #46b8da
}

.btn-info:focus {
	color: #fff;
	background-color: #31b0d5;
	border-color: #1b6d85
}

.btn-info:hover {
	color: #fff;
	background-color: #31b0d5;
	border-color: #269abc
}

.text-right {
	text-align: right;
}

.btn-warning {
	color: #fff;
	background-color: #f0ad4e;
	border-color: #eea236;
}

.btn-warning:hover {
	color: #fff;
	background-color: #ec971f;
	border-color: #d58512;
}

.btn-warning:focus {
	box-shadow: 0 0 0 0.25rem rgba(240, 173, 78, 0.5);
}

.btn-warning:active {
	color: #fff;
	background-color: #d58512;
	border-color: #c6760e;
}

.btn-success {
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c;
}

.btn-success:hover {
	color: #fff;
	background-color: #449d44;
	border-color: #398439;
}

.btn-success:focus {
	box-shadow: 0 0 0 0.25rem rgba(92, 184, 92, 0.5);
}

.btn-success:active {
	color: #fff;
	background-color: #398439;
	border-color: #357a38;
}
.btn-group .btn{padding:8px 12px}
.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}
.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}
.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}
.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}
.btn-toolbar{margin-left:-5px}
.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}
.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}
.btn-group>.btn:first-child{margin-left:0}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}
.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}
.btn-group>.btn-group{float:left}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}
.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}
.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}
.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}
.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
    

.hide {
	display: none !important;
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: '';
}

.clearfix:after {
	clear: both;
}