/* 
*Cropbox
*/
@charset "utf-8";
.hovertreecontainer {
	width: 400px;
	margin: 40px 0 0 260px;
	position: relative;
	font-family: 微软雅黑;
	font-size: 12px;
}
.hovertreecontainer p {
	line-height: 12px;
	line-height: 0px;
	height: 0px;
	margin: 10px;
	color: #bbb
}
.action {
	width: 400px;
	height: 30px;
	margin: 10px 0;
}
.cropped {
	position: absolute;
	right: 405px;
	top: 0;
	width: 240px;
	border: 1px #ddd solid;
	height: 240px;
	padding: 4px;
	box-shadow: 0px 0px 12px #ddd;
	text-align: center;
}
.imageBox {
	position: relative;
	height: 600px;
	width: 600px;
	border: 1px solid #aaa;
	background: #fff;
	overflow: hidden;
	background-repeat: no-repeat;
	cursor: move;
	box-shadow: 4px 4px 12px #B0B0B0; 
}
.imageBox .thumbBox {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	box-sizing: border-box;
	border: 1px solid rgb(102, 102, 102);
	box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
	background: none repeat scroll 0% 0% transparent;
}
.imageBox .spinner {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
	line-height: 400px;
	background: rgba(0,0,0,0.7);
}
.Btnsty_peyton{ float: right;
   width: 66px;
  display: inline-block;
  margin-bottom: 10px;
  height: 57px;
  line-height: 57px;
  font-size: 20px;
  color: #FFFFFF;
  margin:0px 2px;
  background-color: #f38e81;
  border-radius: 3px;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0px 0px 5px #B0B0B0;
  border: 0px #fff solid;}
/*选择文件上传*/
.new-contentarea {
	width: 165px;
	overflow:hidden;
	margin: 0 auto;
	position:relative;float:left;
}
.new-contentarea label {
	width:100%;
	height:100%;
	display:block;
}
.new-contentarea input[type=file] {
	width:188px;
	height:60px;
	background:#333;
	margin: 0 auto;
	position:absolute;
	right:50%;
	margin-right:-94px;
	top:0;
	right/*\**/:0px\9;
	margin-right/*\**/:0px\9;
	width/*\**/:10px\9;
	opacity:0;
	filter:alpha(opacity=0);
	z-index:2;
}
a.upload-img{
	width:165px;
	display: inline-block;
	margin-bottom: 10px;
	height:57px;
	line-height: 57px;
	font-size: 20px;
	color: #FFFFFF;
	background-color: #f38e81;
	border-radius: 3px;
	text-decoration:none;
	cursor:pointer;
	border: 0px #fff solid;
	box-shadow: 0px 0px 5px #B0B0B0;
}
a.upload-img:hover{
	background-color: #ec7e70;
}

.tc{text-align:center;}

/**
 * uploadFile version 0.1
 */
@charset "utf-8";
.centerShow form .hy-uploadfile, .centerShow form .hy-uploadfile div{
	margin: 0;
}
.hy-uploadfile {
	position: relative;
	min-width: 340px;
	min-height: 120px;
	width: 100%;
	height: 100%;
	z-index: 99;
}
.hy-uploadfile .hy-file-upload {
	float: left;
	width: 66%;
	height: 100%;
	padding: 10px 0 0 10px;
}
.hy-uploadfile .hy-file-upload .btn-file {
	position: relative;
	overflow: hidden;
}
.hy-uploadfile .hy-file-upload .btn-file>input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	text-align: right;
	opacity: 0;
	background: none repeat scroll 0 0 transparent;
	cursor: inherit;
	display: block;
}
.hy-uploadfile .hy-file-upload .hidden-xs {
	color: white;
}
.hy-uploadfile .hy-file-upload .filename {
	max-height: 75px;
	overflow: auto;
}
.hy-uploadfile .hy-file-upload .filename>div {
	cursor: pointer;
}
.hy-uploadfile .hy-file-upload .remove {
	display: none;
}
.hy-uploadfile .hy-file-preview {
	display: table;
	float: left;
	width: 34%;
	height: 100%;
	min-height: 118px;
}
.hy-uploadfile .hy-file-preview .preview {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 5px;
}
.hy-uploadfile .hy-file-preview .preview>img {
	cursor: pointer;
}
.hy-uploadfile .uploadfile-click span{
	color: #00aaaa;
}
.hy-uploadfile .hy-filename-warning {
	color: red;
	word-break: break-all;
}
.hy-uploadfile .hy-uploadfile-vertical {
	min-width: 200px;
	min-height: 240px;
}
.hy-uploadfile .hy-file-preview-vertical {
	float: none;
	width: 100%;
}
.hy-uploadfile .hy-file-upload-vertical {
	float: none;
	width: 100%;
}
.hy-uploadfile .hy-progressing {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 3px;
	display: none;
	background-color: #e7502b;
	border-radius: 3px;
}
/*浏览模式*/
.hy-vi-image .hy-vi-outer {
	display: inline-block;
	margin: 10px;
}
.hy-vi-image .hy-vi-outer .hy-vi-table{
	width: 100%;
	height: 100%;
	display: table;
	border: 1px dashed #ccc;
	border-radius: 4px;
	cursor: pointer;
}
.hy-vi-image .hy-vi-outer .hy-vi-table .hy-vi-cell {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 10px;
}
/*UploadFile end*/

/*
 * 图片预览 version 0.1
 */
@charset "utf-8";
.centerShow form .photo-panel, .centerShow form .photo-panel div{
	margin: 0;
}
.photo-panel {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
}
.photo-panel .content {
	position: relative;
	background-color: white;
	border-radius: 4px;
	border: 1px solid #ddd;
}
.photo-panel .content .head {
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #dbdbdb;
}
.photo-panel .content .head>h3 {
	display: inline-block;
	margin: 0 0 0 15px;
	line-height: 50px;
}
.photo-panel .content .head .close-panel {
	position: absolute;
	right: 15px;
	font-size: 30px;
	cursor: pointer;
}
.photo-panel .content .body {
	text-align: center;
}
.photo-panel .content .body .thumbnail-image {
	float: left;
	width: 160px;
	border-right: 1px solid #dbdbdb;
	overflow: auto;
	overflow-x: hidden;
}
.photo-panel .content .body .thumbnail-image .thumbnail-fit {
	width: 160px;
	text-align: center;
	padding: 8px 18px 8px 18px;
}
.photo-panel .content .body .thumbnail-image .thumbnail-fit>img {
	max-width: 120px;
	cursor: pointer;
}
.photo-panel .content .body .thumbnail-image .thumbnail-fit>img:hover, .photo-panel img.hy-selected-image {
	border: 2px solid #e7502b;
}
.photo-panel .content .body .natural {
	float: left;
	padding: 10px;
	position: relative;
}
.photo-panel .content .body .natural>img {
	max-width: 100%;
}
.photo-panel .content .body .natural>a {
	position: absolute;
	right: 15px;
	top: 12px;
	font-size: 20px;
	color: #ccc;
}
.photo-panel .content .body .natural>a:hover {
	color: #e7502b;
}
.photo-panel .content .body .natural-review {
	display: none;
	float: left;
	padding: 10px;
	position: relative;
}
.photo-panel .content .body .natural-review>img {
	max-width: 100%;
}
.photo-panel .content .body .natural-review>a {
	position: absolute;
	right: 15px;
	top: 12px;
	font-size: 20px;
	color: #ccc;
}
.photo-panel .content .body .natural-review>a:hover {
	color: #e7502b;
}
.photo-panel .hy-border-fit {
	border: 2px solid white;
}
.photo-panel .content .body .natural-image-size, .photo-panel .content .body .natural-review-image-size {
	position: absolute;
	top: -24px;
	right: 60px;
	color: #e7502b;
}
/* 图片预览 end */

/**
 列表，勾选 0.0.1
 */
.hy-sl-list-inline {
	margin: 0;
	padding: 0;
	list-style: none;
}
.hy-sl-txt {
	display: inline-block;
	margin: 0 5px 5px 0;
	padding: 1px;
	line-height: 30px;
}
.hy-sl-list-inline.hy-sl-vertical li{
	display: block;
}
.hy-sl-txt .hy-sl-set {
	display: inline-block;
	position: relative;
	margin: 0;
}
.hy-sl-txt .hy-sl-set>a {
	text-decoration: none;
	display: inline-block;
	padding: 0 9px;
	border: 1px solid #b8b7bd;
	color: #555;
	border-radius: 4px;
}
.hy-sl-selected .hy-sl-set>a, .hy-sl-txt .hy-sl-set>a:hover {
	text-decoration: none;
	color: #555;
	border: 2px solid #e7502b;
	margin: -1px;
}
.hy-sl-check {
	display: block;
	background: url(/img/check.png) no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 12px;
	height: 12px;
	border-color: transparent;
	/*border-radius: 2px;*/
	margin:-1px;
}
/* 列表 end*/

/*
 * 图片预览选择插件 version 0.1.1
 */
@charset "utf-8";
.centerShow form .hy-select-img, .centerShow form .hy-select-img div{
	margin: 0;
}
.hy-select-img {
	position: absolute;
	left: 50px;
	top: 150px;
	z-index: 99;
}
.hy-select-img .content {
	position: relative;
	background-color: white;
	border-radius: 4px;
	border: 1px solid #ddd;
	width: 390px;
	height: 320px;
	box-sizing: content-box;
}
.hy-select-img .content .head {
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #dbdbdb;
}
.hy-select-img .content .head>h3 {
	display: inline-block;
	margin: 0 0 0 15px;
	line-height: 50px;
}
.hy-select-img .content .head .close-panel {
	position: absolute;
	right: 15px;
	font-size: 30px;
	cursor: pointer;
}
.hy-select-img .content .body {
	text-align: center;
}
.hy-select-img .content .body .thumbnail-image {
	float: left;
	width: 120px;
	height: 270px;
	border-right: 1px solid #dbdbdb;
	overflow: auto;
	overflow-x: hidden;
}
.hy-select-img .content .body .thumbnail-image .thumbnail-fit {
	width: 120px;
	text-align: center;
	padding: 8px 20px 8px 20px;
}
.hy-select-img .content .body .thumbnail-image .thumbnail-fit>img {
	max-width: 80px;
	max-height: 80px;
	cursor: pointer;
}
.hy-select-img .content .body .thumbnail-image .thumbnail-fit>img:hover, .hy-select-img img.hy-selected-image {
	border: 2px solid #e7502b;
}
.hy-select-img .content .body .natural {
	display: table;
	float: left;
	padding: 10px;
	width: 270px;
	height: 270px;
}
.hy-select-img .content .body .natural .in-center {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.hy-select-img .content .body .natural img {
	max-width: 250px;
	max-height: 250px;
}
.hy-select-img .content .body .natural a {
	position: absolute;
	right: 15px;
	top: 62px;
	font-size: 20px;
	color: #ccc;
}
.hy-select-img .content .body .natural a:hover {
	color: #e7502b;
}
.hy-select-img .hy-border-fit {
	border: 2px solid white;
}
/*图片预览选择插件 end */

/*取色板 start*/
.bigpicker{
	width:227px;
	height:163px;
	position: absolute;
	z-index: 9999;
	background-color: #F0F0F0;
	padding: 2px 0 1px 5px;
	border-left: solid 1px #CCCCCC;
	border-top: solid 1px #CCCCCC;
	border-right: solid 1px #565656;
	border-bottom: solid 1px #565656;
	display: none;
}

.bigpicker .nocolor{
	display: block;
	width:17px;
	height: 17px;
	margin: 2px 0 0;
	background: url(../img/nocolor.png) no-repeat;
}

.bigpicker .nocolor:hover{
	background: url(../img/nocolor_over.png) no-repeat;
}

.bigpicker-sections-color{
	margin: 0;
	padding: 0;
}

.bigpicker-sections-color ul{
	margin: 0;
	padding: 0;
	float: left;
}
.bigpicker-sections-color ul li{
	list-style: none outside none;
	margin: 0;
	padding: 0;
	border-top:solid 1px #000000;
	border-left:solid 1px #000000;
	width:10px;
	height: 10px;
	overflow:hidden;
	line-height:0px;
	font-size:0px;
}


.bigpicker .biglayout{
	width:10px;
	height:10px;
	border:solid 1px #FFFFFF;
	position: absolute;
	z-index: 10000;
	display: none;
	line-height: 10px;
	overflow: hidden;
	cursor: default;
}

.bigpicker-bgview-text{
	margin: 0;
	padding: 0;
	height: 24px;
}
.bigpicker-bgview-text li{
	padding: 0 5px 0 0 ;
	list-style: none outside none;
	float: left;
	line-height:18px;
}

.bigpicker-bgview-text li div{
	margin: 0;
	padding: 0;
	height: 20px;
	width: 55px;
	background-color: #000000;
	border-left: solid 1px #CCCCCC;
	border-top: solid 1px #CCCCCC;
	border-right: solid 1px #2B2B2B;
	border-bottom: solid 1px #2B2B2B;
}
.bigpicker-bgview-text li input{
	margin: 0;
	padding: 0;
	height: 17px;
	width: 55px;
}

.bigpicker-bgimage{
	background-image:url(../img/big_bgcolor.jpg);
}

.offset-font{width: 290px}
.offset-font .col-md-12{
	margin: 6px 0
}
.offset-font .f-color{
	width:20px;height:20px;display:block;
}
.offset-font input[type='checkbox']{
	vertical-align:middle; margin-top:-2px;
}
/*取色板 end*/

/*多语言弹窗样式start*/
.lp-language_list_box{
	position: fixed;
	box-sizing: border-box;
	box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);
	border-radius: 5px;
	height: auto;
	padding: 20px;
	background: #f1f1F1;
	margin: 0 auto;
	text-align: left;
	z-index: 102;
}
.lp-language_list_box div{
	margin-bottom: 15px;
}
.lp-language_list_box table{
	background:#FFFFFF;
	table-layout: fixed;
}
.lp-title{
	color:#337ab7;
}
.lp-language_list_box form{
	display:none;
}
.lp-language_list_box th{
	cursor:default;
	vertical-align: middle!important;
}
.lp-language_list_box span{
	cursor:default;
}
.lp-language_list_box h3{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor:default;
}
.lp-mask-ctn {
	display: none;
}
.lp-mask{
	position: fixed;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	z-index: 11;
}
.lp-edit_language{
	cursor:pointer;
}
.lp-edit_single{
	cursor:pointer;
	word-wrap:break-word;
}
.lp-compare-text {
	display: none;
}
.lp-add_more{
	float:right;
	cursor:pointer!important;
	color:#337ab7;
}
.lp-del_this{
	float:right;
	cursor:pointer!important;
	color:#ff0000;
	visibility:hidden;
}
.lp-object-group {
	margin-left: 20px;
	color: #e7502b;
	font-size: 21px;
	float: right;
	margin-top: 6px;
	cursor: pointer;
}
.lp-to-upper {
	float: right;
	display: none;
}
.lp-language_list_box .lp-tips {
	margin: 0;
}
.lp-tips > div {
	margin: 10px 0 0 0;
}
.lp-edit_close {
	margin-left: 10px;
}
.lp-compare-copy {
	max-height: 200px;
	overflow-y: auto;
}
.lp-compare-copy .lp-language-flex {
	display: flex;
	margin-top: 10px;
	margin-bottom: 0;
	align-items: center;
	padding: 7px 5px;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.lp-language-flex div {
	margin-bottom: 0;
}
.lp-language-flex .lp-show-text {
	width: 280px;
	word-break: break-all;
	margin-right: 10px;
}
.lp-language-flex .fa {
	color: #00a8c6;
	cursor: pointer;
	font-size: 15px;
}
.lp-corner-mark {
	display: inline-block;
	width: 15px;
	height: 15px;
	text-align: center;
	font-size: 12px;
	background: red;
	border-radius: 50%;
	color: white;
	margin-right: 5px;
	user-select: none;
}
.lp-edit_single:first-child:hover .lp-del_this{
	visibility:visible;
}
.lp-language-limit, .lp-language-word-limit {
	float:right;
	margin: 0;
}
.lp-error-tips {
	display: none;
	color: #a94442;
	margin-top: 10px;
}
.ex-language-edit_single {
	position: relative;
}
.ex-language-edit_single i {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
}
.ex-language-edit_single i.extra-list {
	color: #337ab7;
}
.ex-language-edit-popper {
	width: 800px;
	position: fixed;
	top: 100px;
	left: 50%;
	transform: translate(-50%);
	z-index: 999;
	background: #f1f1F1;
	padding: 20px;
    box-sizing: border-box;
    box-shadow: 0 5px 7px rgb(0 0 0 / 30%);
	border-radius: 4px;
}
.ex-language-edit-popper .close-popper-btn {
	position: absolute;
    right: 20px;
    top: 20px;
}
.ex-language-edit-popper .edit-popper-title {
	font-size: 24px;
	margin-bottom: 10px;
	font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
.ex-language-edit-popper .main-box {
	background-color: #FFF;
}
.ex-language-edit-popper .main-box.item-edit .add-new-language-btn,
.ex-language-edit-popper .main-box.item-edit .ex-language-list-block{
	display: none;
}
.ex-language-edit-popper .main-box.item-edit .attr-list-block {
	margin-bottom: 20px;
}
.ex-language-edit-popper .attr-item {
    text-decoration: none;
    display: inline-block;
    padding: 1px 9px;
    border: 1px solid #b8b7bd;
    color: #000;
    border-radius: 4px;
    cursor: pointer;
	line-height: 24px;
	margin: 0 5px 4px 0;
    position: relative;
}
.ex-language-edit-popper .attr-item.selected {
    border: 2px solid #e7502b;
    padding: 0 8px;
}
.ex-language-edit-popper .sku-attr.disabled {
    color: #999;
    border-color: #999;
    border-style: dashed;
}
.ex-language-edit-popper .add-new-language-btn {
	text-align: right;
	margin-right: 10px;
}
.ex-language-edit-popper .ex-language-list-block {
	max-height: 256px;
	overflow: auto;
}
.ex-language-edit-popper .table {
	margin-bottom: 0;
}
.ex-language-edit-popper .attr-list-block {
	margin-bottom: 10px;
    max-height: 205px;
    overflow: auto;
}
.ex-language-edit-popper .edit-box-btn-block .font-bold  {
	font-weight: bold;
}
.ex-language-edit-popper .edit-box-btn-block .btn:not(:last-child) {
	margin-right: 10px;
}
.ex-language-edit-popper .edit-box-btn-block .btn.btn-string-uppercase {
	float: right;
}
.ex-language-edit-popper .language-block-error-tips{
	color: #a94442;
    margin-top: 10px;
}
.ex-language-edit-popper .ex-language-list-block tr>td {
	padding: 4px 8px;
}
.ex-language-edit-popper .ex-language-list-block tr>td:first-child {
	max-width: 350px;
	width: 350px;
	overflow: hidden;
	word-break: break-word;
}
.ex-language-edit-popper .ex-language-list-block tr>td:nth-child(2) {
	max-width: 315px;
	width: 315px;
	overflow: hidden;
	word-break: break-all;
}
/*多语言弹窗样式end*/

/** 物流查询弹窗样式 start*/
.q-inquire-logistics {
	cursor: pointer;
}
#inquire-logistics-modal .modal-dialog {
	width: 55%;
}
#inquire-logistics-modal .modal-body {
	padding: 20px 15px 30px;
}
#inquire-logistics-modal .row {
	margin: 0;
}
#inquire-logistics-modal .row .form-group:last-child {
	padding-right: 0;
}
#inquire-logistics-modal .form-group {
	position: relative;
	margin-bottom: 6px;
}
#inquire-logistics-modal .inquire-btn {
	width: 100%;
}
#inquire-logistics-modal .checkbox-btn {
	position: absolute;
	width: fit-content;
	min-width: 70px;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
}
#inquire-logistics-modal .checkbox-btn input[type=checkbox] {
	position: relative;
	top: 2px;
}
#inquire-logistics-modal .error-tips {
	display: none;
	color: #b11c1c;
}
#inquire-logistics-modal .overview-block {
	margin-bottom: 15px;
}
#inquire-logistics-modal .status-block {
	display: inline-block;
	width: 45%;
	vertical-align: top;
}
#inquire-logistics-modal .place-block {
	display: inline-block;
	width: 50%;
	vertical-align: top;
}
#inquire-logistics-modal div.icon {
	display: inline-block;
    width: 36px;
    height: 36px;
    text-align: center;
    border-radius: 4px;
	vertical-align: top;
	user-select: none;
	margin-right: 4px;
}
#inquire-logistics-modal div.icon i {
	position: relative;
	top: 9px;
}
#inquire-logistics-modal .status-info {
	display: inline-block;
	width: calc(100% - 40px);
}
#inquire-logistics-modal .place-block>div {
	display: inline-block;
	vertical-align: middle;
	padding:0 8px;
}
#inquire-logistics-modal .place-block .log-src-country {
	text-align: right;
}
#inquire-logistics-modal .place-block .log-dst-country {
	text-align: left;
}
#inquire-logistics-modal .possible-channel-list {
	display: none;
	list-style: none;
	margin-top: 4px;
}
#inquire-logistics-modal .possible-channel-list .possible-channel-item {
	display: inline-block;
	vertical-align: top;
	margin-right: 12px;
	color: #337ab7;
	cursor: pointer;
}
#inquire-logistics-modal .possible-channel-list .possible-channel-item:hover {
	text-decoration: underline;
	color: #e7502b;
}
#inquire-logistics-modal .logistics-details {
	margin-top: 10px;
	overflow-y: auto;
    max-height: 500px;
}
#inquire-logistics-modal .logistics-details .track-info-title {
    font-weight: bold;
	color: #e7502b;
	margin-bottom: 5px;
}
#inquire-logistics-modal .logistics-details .info-times {
	display :inline-block;
	vertical-align: top;
	width: 110px;
}
#inquire-logistics-modal .logistics-details .info-times.info-first {
	font-weight: bold;
}
#inquire-logistics-modal .logistics-details .info-tracking {
	display :inline-block;
	vertical-align: top;
	margin-left: 20px;
	width: calc(100% - 140px);
}
#inquire-logistics-modal .logistics-details .info-tracking.info-first {
	font-weight: bold;
}
/* 物流查询弹窗样式 end*/

/** 图片比较插件样式 start */
.image-compare-box {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	border: 1px solid #dbdbdb;
	background-color: #FFF;
	display: none;
}
#imageCompareBox .box-container {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#imageCompareBox .box-content {
	height: 100%;
}
#imageCompareBox .img-compare-body {
	height: calc(100% - 56px);
	position: relative;
}
#imageCompareBox .left-block {
	border-right: 1px solid #dbdbdb;
	height: 100%;
}
.data-filter-warp {
	padding: 4px 8px;
	border-bottom: 1px solid #dbdbdb;
}
#imageCompareBox .select-wrap,
#imageCompareBox .image-num {
	display: inline-block;
	vertical-align: middle;
}
#imageCompareBox .image-num {
	margin-left: 5px;
}
#imageCompareBox .thumbnail-list {
	width: 160px;
	height: calc(100% - 41px);
    overflow-y: auto;
	overflow-x: hidden;
}
#imageCompareBox .thumbnail-item {
	width: 160px;
	text-align: center;
    padding: 8px 18px 8px 18px;
}
#imageCompareBox .thumbnail-item > img {
	border: 2px solid transparent;
	max-width: 120px;
    cursor: pointer;
}
#imageCompareBox .thumbnail-item > img:hover,
#imageCompareBox .thumbnail-item.hy-selected-image > img {
	border-color: #e7502b;
}
#imageCompareBox .right-block {
	width: calc(100% - 161px);
	height: 100%;
}
#imageCompareBox .right-block .half-width {
	position: relative;
	float: left;
	width: calc((100% - 1px)/2);
	height: 100%;
}
#imageCompareBox .right-block .half-width .image-info {
	height: calc(100% - 41px);
	overflow-y: auto;
	overflow-x: auto;
	padding: 10px;
}
#imageCompareBox .right-block .half-width img {
	width: 100%;
	max-width: fit-content;
}
#imageCompareBox .right-block .original-image-block {
	border-left: 1px solid #dbdbdb;
}
#imageCompareBox .right-block .block-title {
	text-align: center;
	line-height: 40px;
	border-bottom: 1px solid #DDD;
}
#imageCompareBox .right-block .image-group-label {
	position: absolute;
	left: 10px;
	top: 51px;
	background-color: #5bc0de;
	color: #FFF;
	padding: 4px 8px;
	border-bottom-right-radius: 6px;
	z-index: 1;
}
#imageCompareBox .right-block .image-link {
	position: absolute;
    top: 56px;
    right: 20px;
	cursor: pointer;
	color: #ccc;
	font-size: 20px;
}
#imageCompareBox .right-block .image-link:hover {
	color: #e7502b;
}
/** 图片比较插件样式 end */

/** 快速选择员工 start*/
#quick-choose-user-modal .modal-dialog {
	width: 400px;
}
#quick-choose-user-modal .quick-filter-block {
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
}

#quick-choose-user-modal .user-list-content {
	margin-top: 10px;
	border: 1px solid #CCC;
	border-radius: 4px;
	max-height: 316px;
	overflow: auto;
}
#quick-choose-user-modal .user-item {
	padding: 10px;
}
#quick-choose-user-modal .user-item:hover {
	cursor: pointer;
	color: #555;
	text-decoration: none;
	background-color: #f5f5f5;
}
#quick-choose-user-modal .user-item:not(:last-child) {
	border-bottom: 1px solid #CCC;
}
/** 快速选择员工 end*/

/** 选择属性插件 start*/
#attrSelectPopFrame{
	display: none;
	position: absolute;
	max-height: 360px;
	background-color: white;
	z-index: 100;
	width: 850px;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin: 0;
}
#attrSelectPopFrame .page-bar li{
	list-style: none;
	display: inline-block;
	padding: 6px 12px;
	text-align: center;
	vertical-align: top;
	border:1px solid #ddd;
	cursor: pointer;
	color:#23527c;
	background: #fff;
	position: relative;
}
#attrSelectPopFrame .page-bar{
	padding:8px 10px;
	text-align: left;
	user-select: none;
}
#attrSelectPopFrame .page-bar li:hover{
	background: #f5f5f5;
}
#attrSelectPopFrame .page-bar li:first-of-type{
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
#attrSelectPopFrame .page-bar li:last-of-type{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
#attrSelectPopFrame .page-bar li:not(:last-of-type){
	border-right: none;
}

#attrSelectPopFrame .page-bar li.page-current{
	background: #337ab7;
	color:#fff;
}
#attrSelectPopFrame .page-bar li.disabled{
	color:#ccc;
	background: #f5f5f5;
	cursor: not-allowed;
}
#attrSelectPopFrame .big-close {
	font-size: 30px;
	margin-top: -6px;
	outline: none;
}
/** 选择属性插件 end*/