* {
    margin: 0;
    padding: 0;
    text-align: left;
}
a { text-decoration: none; }
a.extralink {text-decoration: none; color: #cccccc;}
a:hover { text-decoration: underline; color: #e7502b; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0; border-bottom: solid 1px #dedede;}
article, aside, details, figcaption, figure, footer,header, menu, nav, section,
summary, time, mark, audio, video {
    display: block;
    margin: 0;
    padding: 0;
}
body {
    text-align:center;
    SCROLLBAR-ARROW-COLOR: #2c5784;
    SCROLLBAR-FACE-COLOR: #D1E2EF;
    SCROLLBAR-DARKSHADOW-COLOR: #A8C7DD;
    SCROLLBAR-BASE-COLOR: #000000;
    SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
    SCROLLBAR-SHADOW-COLOR: #ffffff;
    SCROLLBAR-TRACK-COLOR: #e9f1f7;
    SCROLLBAR-3DLIGHT-COLOR: #bcd4e5;
}
::-webkit-scrollbar{width:7px;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}

body, input, textarea, select, button, td, th, p, div, span, ul, li, .normal {
    font-family: 'Segoe UI', Helvetica, Arial, '宋体', sans-serif;
    font-size: 13px;
    color: #5f5f5f;
    font-weight: normal;
    -webkit-font-smoothing: subpixel-antialiased;
    text-rendering: optimizelegibility;
}

.colorBaycheer{color:#e7502b;}

img.gray {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

.avatarStyle{
    display: inline-block;
    height: 36px;
    width: 36px;
    position: relative;
}
.userAvatarInfo{
    height: 36px;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
}
.userAvatarInfo span{
    display: inline-block;
    height: 36px;
    position: relative;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    vertical-align: middle;
}
.userAvatarInfo span.one{line-height: 36px; margin-left: 3px;min-width: 40px;}
.userAvatarInfo span.two{line-height: 18px;margin-bottom: -2px; margin-left: 3px;min-width: 75px;}
.userAvatarInfo span p {margin: 0px; padding: 0px; vertical-align: bottom}
.avatarStyle img {
    margin: 0px;
    padding: 0px;
    vertical-align: top;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    right: 0px;
    bottom:0px;
    transition: 700ms;
}
.avatarStyle:hover img {
    width: 120px;
    height: 120px;
    transition: 700ms;
}

.userOnline:before{
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #e7502b;
    position: absolute;
    left: 28px;
    top: 28px;
    z-index: 99;
    animation: scaleout 0.5s infinite ease-in-out;
}
@keyframes scaleout {
    0% {transform: scale(0.9);}
    100% {transform: scale(1.1);}
}

#header {
    margin-top: 10px;
    margin-bottom: 15px;
}
#header .nav {
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: #e7502b;
    line-height: 20px;
    padding-left: 5px;
}
#header .nav a.extralink {
    color: #ccc;
     margin-left: 15px;
     width: 16px;
     height: 16px;
     display: none;
 }
#header .nav i.fa-star {
    font-size: 16px;
    color: #ccc;
    float: right;
    cursor: pointer;
}
#header .nav i.fa-crosshairs {
    font-size: 16px;
    color: #ccc;
    float: right;
    cursor: pointer;
    margin-left: 8px;
}
#header .nav i.fa-crosshairs:hover {
    color: #e7502b;
}
#header .nav i.favorited {
    color: #e7502b;
}
#header .nav a i.fa-question {
    font-size: 16px;
    color: #ccc;
    float: right;
    margin-left: 8px;
}
#header .nav a:hover i.fa-question {
    color: #e7502b;
}
#header .nav:hover a.extralink {
    margin-left: 15px;
    width: 16px;
    height: 16px;
    display: inline-block;
}
#header .development-authority-limit {
    float: right;
    margin-right: 8px;
}
#header .development-authority-limit .fa {
    font-size: 16px;
    color: #ccc;
    position: relative;
    top: -1px;
}
#header .development-authority-limit .fa.has-limit {
    color: #e7502b;
}
#httpexception{
    box-sizing: border-box;
    width:400px;
    margin-top: 120px;
    margin-right: auto;
    margin-left: auto;
    text-align:left;
}
#rightTips {
    position: fixed;
    top:40px;
    right: 4px;
    width: 200px;
    z-index: 999;
}

#rightTips .info {
    position: relative;
    width: 100%;
    padding: 12px;
    border-radius: 5px;
    background-color: #333336;
    margin-bottom: 8px;
    color: white;
    word-break:break-all;
}
#rightTips .success {
    color: #3c763d;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
}
#rightTips .error {
    color: #a94442;
    background-color: #f2dede;
    border: 1px solid #ebccd1;
}

#rightTips .info .circle{
    position: absolute;
    top:4px;
    left: 4px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #e7502b;
    animation: scaleout 0.5s infinite ease-in-out;
}

#rightTips .info .fa-times-circle{
    cursor: pointer;
    position: absolute;
    top:4px;
    right: 4px;
    transition: 1s;
}
#rightTips .info .fa-times-circle:hover{
    transform:rotate(180deg);
}
/*覆盖bootstrap默认的顶部对齐*/
.table-middle tbody tr td{
    vertical-align: middle;
}

.centerShow {
    box-sizing: border-box;
    box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    width:345px;
    height: auto;
    padding:20px;
    background-color: #f1f1F1;
    margin-right: auto;
    margin-left: auto;
    text-align:left;
    position: fixed;
    display: none;
    z-index: 99;
}

.centerShow form div {
    margin-bottom: 15px;
}
.file-icon-xls, .file-icon-xlsx, .file-icon-doc, .file-icon-docx, .file-icon-pdf, .file-icon-png, .file-icon-jpg,
.file-icon-jpeg, .file-icon-gif, .file-icon-zip, .file-icon-rar, .file-icon-other, .file-icon-ppt, .file-icon-pptx,
.file-icon-csv,.file-icon-flv,.file-icon-wmv,.file-icon-rmvb,.file-icon-mp4,.file-con-avi {
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    display:inline-block;
    font-style:normal;
    font-variant:normal;
    text-rendering:auto;
    line-height:1;
    font-family:Font Awesome\ 5 Free;
    font-weight:900;
}
.file-icon-other:before {
    content:"\f15b";
    color: #0C8599;
}
.file-icon-xls:before, .file-icon-xlsx:before, .file-icon-csv:before{
    content:"\f1c3";
    color: #66A80F;
}
.file-icon-doc:before, .file-icon-docx:before {
    content:"\f1c2";
    color: #3B5BDB;
}
.file-icon-jpeg:before, .file-icon-jpg:before, .file-icon-png:before, .file-icon-gif:before {
    content:"\f1c5";
    color: #FF7044;
}
.file-icon-pdf:before {
    content:"\f1c1";
    color: #C2255C;
}
.file-icon-ppt:before, .file-icon-pptx:before {
    content:"\f1c4";
    color: #9C36B5;
}
.file-icon-zip:before, .file-icon-rar:before {
    content:"\f1c6";
    color: #3919AB;
}
.file-icon-flv:before,.file-icon-wmv:before,.file-icon-rmvb:before,.file-icon-mp4:before,.file-con-avi:before {
    content: "\f1c8";
    color: #FF7044;
}

/*通用样式*/
.left5 {margin-left: 5px;}
.left10 {margin-left: 10px;}
.left15 {margin-left: 15px;}
.bottom15 { margin-bottom: 15px;}
.bottom10 { margin-bottom: 10px;}
.bottom5 { margin-bottom: 5px;}
.top5 { margin-top: 5px;}


.sel-box div, .sel-box .form-group{
    margin-bottom:6px;
    padding-left: 0px;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {padding-left: 0px;}

.switch_botton{
    width:64px;
    height:22px;
    margin-top:3px;
    cursor:pointer;
    overflow:hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    border:1px #ddd solid;
    overflow:hidden
}
.switch_status{
    background-image:url(../img/switch.png);
    background-repeat:no-repeat;
    margin: 0px 2px 0px 2px;position: relative;
    line-height: 18px;top:-1px;
    width: 100px;
    height:22px;
}
.switch_status.on{
    left: -3px;
}
.switch_status.off{
    left: -36px;
}

/*产品简略展示容器start*/
.hy-pdt-container > a:hover {
    text-decoration: none;
}
.hy-pdt-container > a > div{
    display: inline-block;
}
.hy-pdt-container .hy-pdt-image {
    position: relative;
    width: 36px;
    height: 36px;
}
.hy-pdt-container .hy-pdt-image img{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 36px;
    height: 36px;
    cursor: pointer;
    border-radius: 3px;
    background-color: white;
    transition: 700ms;
}
.hy-pdt-container .hy-pdt-image:hover img {
    width: 168px;
    height: 168px;
    transition: 700ms;
}
.hy-pdt-container .hy-pdt-basic {
    vertical-align: top;
}
.hy-pdt-container .hy-pdt-basic .hy-circle {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: red;
    border-radius: 50%;
    position: relative;
    vertical-align: text-top;
}
.hy-pdt-container .hy-pdt-basic .hy-p-circle {
    background-color: #ccc;
    cursor: pointer;
}
.hy-pdt-container .hy-pdt-basic .hy-p-circle::before {
    content: 'P';
    color: #969090;
    left: 4px;
    position: absolute;
    top: -1px;
}
.hy-pdt-container .hy-pdt-basic .hy-k-circle {
    background-color: #f9866a;
    cursor: pointer;
}
.hy-pdt-container .hy-pdt-basic .hy-k-circle::before {
    content: 'k';
    color: white;
    left: 4px;
    position: absolute;
    top: -2px;
}
/*产品简略展示容器end*/

/*品牌简略展示容器start*/
.hy-brand-container > div{
    display: inline-block;
}
.hy-brand-container .hy-brand-image {
    position: relative;
    width: 36px;
    height: 36px;
    vertical-align: middle;
}
.hy-brand-container .hy-brand-image img{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 36px;
    height: 36px;
    cursor: pointer;
    border-radius: 3px;
    background-color: white;
    transition: 700ms;
}
.hy-brand-container .hy-brand-image:hover img {
    width: 120px;
    height: 120px;
    transition: 700ms;
}
.hy-brand-container .hy-brand-basic {
    vertical-align: middle;
}
/*品牌简略展示容器end*/

/*数字栏core\widget\NumberBar样式调整start*/
.core-widget-number-bar .progress{
    margin-bottom:0 !important;
    height:15px !important;
}
.core-widget-number-bar .header{
    overflow:hidden;
}
.core-widget-number-bar .header .total{
    float:left;
    color:#000;
    padding-left:5px;
}
.core-widget-number-bar .header .percent{
    float:right;
    color:#000;
    padding-right:5px;
}
/*数字栏core\widget\NumberBar样式调整end*/
/*物流状态start*/
.logistics-icon-notfound,.logistics-icon-notfound-w,
.logistics-icon-intransit,.logistics-icon-intransit-w,
.logistics-icon-pickup,.logistics-icon-pickup-w,
.logistics-icon-undelivered,.logistics-icon-undelivered-w,
.logistics-icon-delivered,.logistics-icon-delivered-w,
.logistics-icon-alert,.logistics-icon-alert-w,
.logistics-icon-expired,.logistics-icon-expired-w,
.logistics-icon-warnning,.logistics-icon-warnning-w,
.logistics-icon-taken,.logistics-icon-taken-w {
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    display:inline-block;
    font-style:normal;
    font-variant:normal;
    text-rendering:auto;
    line-height:1;
    font-family:Font Awesome\ 5 Free;
    font-weight:900;
}
.logistics-icon-notfound:before {
    content:"\f2a8";
    color:#757575;
}
.logistics-icon-notfound-w:before {
    content:"\f2a8";
    color:#ffffff;
}
.logistics-icon-intransit:before {
    content:"\f072";
    color:#2196f3;
}
.logistics-icon-intransit-w:before {
    content:"\f072";
    color:#ffffff;
}
.logistics-icon-pickup:before {
    content:"\f024";
    color:#0d47a1;
}
.logistics-icon-pickup-w:before {
    content:"\f024";
    color:#ffffff;
}
.logistics-icon-undelivered:before {
    content:"\f119";
    color:#f44336;
}
.logistics-icon-undelivered-w:before {
    content:"\f119";
    color:#ffffff;
}
.logistics-icon-delivered:before {
    content:"\f00c";
    color:#43a047;
}
.logistics-icon-delivered-w:before {
    content:"\f00c";
    color:#ffffff;
}
.logistics-icon-alert:before {
    content:"\f071";
    color:#ff6f00;
}
.logistics-icon-alert-w:before {
    content:"\f071";
    color:#ffffff;
}
.logistics-icon-expired:before {
    content:"\f1da";
    color:#b71c1c;
}
.logistics-icon-expired-w:before {
    content:"\f1da";
    color:#ffffff;
}
.logistics-icon-warnning:before {
    content:"\f00d";
    color:#222222;
}
.logistics-icon-warnning-w:before {
    content:"\f00d";
    color:#ffffff;
}
.logistics-icon-taken,.logistics-icon-taken-w{
    background: url(../img/taken.png) no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.logistics-bgcolor-notfound{
    background-color:#757575;
}

.logistics-bgcolor-intransit{
    background-color:#2196f3;
}

.logistics-bgcolor-pickup{
    background-color:#0d47a1;
}

.logistics-bgcolor-undelivered{
    background-color:#f44336;
}

.logistics-bgcolor-delivered{
    background-color:#43a047;
}

.logistics-bgcolor-alert{
    background-color:#ff6f00;
}

.logistics-bgcolor-expired{
    background-color:#b71c1c;
}

.logistics-bgcolor-warnning{
    background-color:#222222;
}

/* 图片添加标签 start */
.kbs-label-area{
    position: relative;
}
.kbs-label {
    position: absolute;
    float: left;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #BF0000;
    text-align: center;
    line-height: 16px;
    color: #FFF;
}
.kbs-label:after {
    position: absolute;
    top: 13px;
    left: 1px;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 12px solid #BF0000;
}
.kbs-label-area .trash-block {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #d9534f;
    z-index: 99;
    display: none;
}
.kbs-label-area .trash-block.showing {
    display: block;
}
.kbs-label-area .trash-block .trash-text {
    color: #FFF;
    text-align: center;
    height: 40px;
    line-height: 40px;
}
.marker {
    position: absolute;
    border-radius: 50%;
}
/* 图片添加标签 end */
.xfixedbox {
    overflow: visible; /* 关键！阻止 margin collapse */
    position: relative;
}

/* 供应商信息 */
.common-supplier-info .supplier-id {
    position: relative;
    line-height: 18px;
    display: inline-block;
}
.common-supplier-info.online .supplier-id {
    padding-left: 10px;
}
.common-supplier-info.online .supplier-id:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #4CAF50;
    position: absolute;
    left: 0;
    top: calc(50% - 3px);
    z-index: 99;
    animation: scaleout 0.5s infinite ease-in-out;
}
.right {
    float: right;
}