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;
}
.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;
}
.hide {
	display: none !important;
}