@charset "utf-8";

/**
 * Created by peterhzc on 2017/1/16.
 */
   
/**
 * reset 
 */     
html {font-family:sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;box-sizing: border-box;-ms-overflow-style: scrollbar;-webkit-tap-highlight-color: transparent;}
article,aside,footer,header,nav,section,figcaption,figure,main,details,menu{display: block;}
h1 {font-size: 2em;margin: 0.67em 0;} 
figure {margin: 1em 40px;}
hr {box-sizing: content-box;height: 0;overflow: visible;}
pre {font-family: monospace, monospace;font-size: 1em;}
abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}
b,strong {font-weight: bolder;}
code,kbd,samp,pre{font-family: monospace, monospace;font-size: 1em;}
pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word;}
dfn {font-style: italic;}
mark {background-color: #ff0;color: #000;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;} 
sup {top: -0.5em;}
audio,video,canvas{display: inline-block;}
audio:not([controls]) {display: none;height: 0;}
img {border-style: none; vertical-align: middle}
svg:not(:root) {overflow: hidden;}
button,input,optgroup,select,textarea {font-family:"Microsoft YaHei";font-size: 100%;line-height: 1.15;margin: 0;}
button,input {overflow: visible;}
button,select {text-transform: none;}
button,html [type="button"],
[type="reset"],
[type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}
progress {display: inline-block;vertical-align: baseline;}
textarea {overflow: auto;resize: vertical;}
[type="checkbox"],
[type="radio"] {box-sizing: border-box;padding: 0;*height: 13px;*width: 13px;vertical-align: middle}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: none;outline-offset: -2px;}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}
summary {display: list-item;}
template,[hidden]{display: none;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color:#bbb;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:#bbb;}
input:-moz-placeholder,
textarea:-moz-placeholder {color:#bbb;}
input::-ms-clear{display:none;}
table{border-collapse:collapse;border-spacing:0}
*,
*::before,
*::after {box-sizing: inherit;}
input[type="radio"]:disabled,
input[type="checkbox"]:disabled {cursor: not-allowed;}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {-webkit-appearance: listbox;}
input,button,select,textarea {line-height: inherit;}

h1,h2,h3,h4,h5,h6,hr,div,p,blockquote,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,button,input,select,textarea,th,td,article,aside,details,figcaption,figure,footer,header,main,nav,section,summary,menu{margin:0;padding:0}
ol,ul{list-style:none}
fieldset{border:0;min-width:0;}
address,caption,cite,code,dfn,em,i,u,th,var{font-style:normal;font-weight:normal}
body{margin:0;height:100%;font-family:"Microsoft YaHei","\u5FAE\u8F6F\u96C5\u9ED1","\5b8b\4f53","Helvetica Neue","Helvetica","STHeiti","tahoma","arial",sans-serif;font-size:12px;line-height: 1.75;font-weight: normal;min-width:1190px;background-color:#deefff;color:#333;}
a {background-color: transparent;-webkit-text-decoration-skip:objects;color:#3296fd;text-decoration:none;cursor:pointer;outline: none;}
a:active,a:hover,input,button,textarea{outline:none;}
a:hover {color: #ff5f51;text-decoration: none;}
a:focus { outline: none; }
/* 滚动条样式
::-webkit-scrollbar {width: 8px; height: 8px;
}
::-webkit-scrollbar-thumb {
    border: 1px #8d8c8c solid;
    border-radius: 10px;
    background-color:rgba(153,153,153,0.5);
}

::-webkit-scrollbar-track {
    border: 1px #d3d3d3 solid;
    box-shadow: 0px 0px 3px #dfdfdf inset;
    border-radius: 10px;
    background-color:rgba(238,238,238,0.8);
}
 */
 
/* 隐藏元素 */
.hide{display:none;}
.i-hide{display:none !important;}
.overflow-hidden{ overflow:hidden !important;}

/* 高亮 */
.highlight{color:#ff5f51 !important;}

/* 清除浮动 */
.clearfix:after,
.row:after{content:" ";display:table;clear:both;}.clearfix{*zoom:1}

/* 浮动 */
.float-left {float: left !important;}
.float-right {float: right !important;}
.float-none {float: none !important;}


/* 栅格 */
.row {*zoom:1}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
}
.col-sm-12 {
    width: 100%;
}
.col-sm-11 {
    width: 91.66666667%;
}
.col-sm-10 {
    width: 83.33333333%;
}
.col-sm-9 {
    width: 75%;
}
.col-sm-8 {
    width: 66.66666667%;
}
.col-sm-7 {
    width: 58.33333333%;
}
.col-sm-6 {
    width: 50%;
}
.col-sm-5 {
    width: 41.66666667%;
}
.col-sm-4 {
    width: 33.33333333%;
}
.col-sm-3 {
    width: 25%;
}
.col-sm-2 {
    width: 16.66666667%;
}
.col-sm-1 {
    width: 8.33333333%;
}
.col-sm-pull-12 {
    right: 100%;
}
.col-sm-pull-11 {
    right: 91.66666667%;
}
.col-sm-pull-10 {
    right: 83.33333333%;
}
.col-sm-pull-9 {
    right: 75%;
}
.col-sm-pull-8 {
    right: 66.66666667%;
}
.col-sm-pull-7 {
    right: 58.33333333%;
}
.col-sm-pull-6 {
    right: 50%;
}
.col-sm-pull-5 {
    right: 41.66666667%;
}
.col-sm-pull-4 {
    right: 33.33333333%;
}
.col-sm-pull-3 {
    right: 25%;
}
.col-sm-pull-2 {
    right: 16.66666667%;
}
.col-sm-pull-1 {
    right: 8.33333333%;
}
.col-sm-pull-0 {
    right: auto;
}
.col-sm-push-12 {
    left: 100%;
}
.col-sm-push-11 {
    left: 91.66666667%;
}
.col-sm-push-10 {
    left: 83.33333333%;
}
.col-sm-push-9 {
    left: 75%;
}
.col-sm-push-8 {
    left: 66.66666667%;
}
.col-sm-push-7 {
    left: 58.33333333%;
}
.col-sm-push-6 {
    left: 50%;
}
.col-sm-push-5 {
    left: 41.66666667%;
}
.col-sm-push-4 {
    left: 33.33333333%;
}
.col-sm-push-3 {
    left: 25%;
}
.col-sm-push-2 {
    left: 16.66666667%;
}
.col-sm-push-1 {
    left: 8.33333333%;
}
.col-sm-push-0 {
    left: auto;
}
.col-sm-offset-12 {
    margin-left: 100%;
}
.col-sm-offset-11 {
    margin-left: 91.66666667%;
}
.col-sm-offset-10 {
    margin-left: 83.33333333%;
}
.col-sm-offset-9 {
    margin-left: 75%;
}
.col-sm-offset-8 {
    margin-left: 66.66666667%;
}
.col-sm-offset-7 {
    margin-left: 58.33333333%;
}
.col-sm-offset-6 {
    margin-left: 50%;
}
.col-sm-offset-5 {
    margin-left: 41.66666667%;
}
.col-sm-offset-4 {
    margin-left: 33.33333333%;
}
.col-sm-offset-3 {
    margin-left: 25%;
}
.col-sm-offset-2 {
    margin-left: 16.66666667%;
}
.col-sm-offset-1 {
    margin-left: 8.33333333%;
}
.col-sm-offset-0 {
    margin-left: 0;
}
}
@media (min-width: 992px) {
.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 {
    float: left;
}
.col-md-12 {
    width: 100%;
}
.col-md-11 {
    width: 91.66666667%;
}
.col-md-10 {
    width: 83.33333333%;
}
.col-md-9 {
    width: 75%;
}
.col-md-8 {
    width: 66.66666667%;
}
.col-md-7 {
    width: 58.33333333%;
}
.col-md-6 {
    width: 50%;
}
.col-md-5 {
    width: 41.66666667%;
}
.col-md-4 {
    width: 33.33333333%;
}
.col-md-3 {
    width: 25%;
}
.col-md-2 {
    width: 16.66666667%;
}
.col-md-1 {
    width: 8.33333333%;
}
.col-md-pull-12 {
    right: 100%;
}
.col-md-pull-11 {
    right: 91.66666667%;
}
.col-md-pull-10 {
    right: 83.33333333%;
}
.col-md-pull-9 {
    right: 75%;
}
.col-md-pull-8 {
    right: 66.66666667%;
}
.col-md-pull-7 {
    right: 58.33333333%;
}
.col-md-pull-6 {
    right: 50%;
}
.col-md-pull-5 {
    right: 41.66666667%;
}
.col-md-pull-4 {
    right: 33.33333333%;
}
.col-md-pull-3 {
    right: 25%;
}
.col-md-pull-2 {
    right: 16.66666667%;
}
.col-md-pull-1 {
    right: 8.33333333%;
}
.col-md-pull-0 {
    right: auto;
}
.col-md-push-12 {
    left: 100%;
}
.col-md-push-11 {
    left: 91.66666667%;
}
.col-md-push-10 {
    left: 83.33333333%;
}
.col-md-push-9 {
    left: 75%;
}
.col-md-push-8 {
    left: 66.66666667%;
}
.col-md-push-7 {
    left: 58.33333333%;
}
.col-md-push-6 {
    left: 50%;
}
.col-md-push-5 {
    left: 41.66666667%;
}
.col-md-push-4 {
    left: 33.33333333%;
}
.col-md-push-3 {
    left: 25%;
}
.col-md-push-2 {
    left: 16.66666667%;
}
.col-md-push-1 {
    left: 8.33333333%;
}
.col-md-push-0 {
    left: auto;
}
.col-md-offset-12 {
    margin-left: 100%;
}
.col-md-offset-11 {
    margin-left: 91.66666667%;
}
.col-md-offset-10 {
    margin-left: 83.33333333%;
}
.col-md-offset-9 {
    margin-left: 75%;
}
.col-md-offset-8 {
    margin-left: 66.66666667%;
}
.col-md-offset-7 {
    margin-left: 58.33333333%;
}
.col-md-offset-6 {
    margin-left: 50%;
}
.col-md-offset-5 {
    margin-left: 41.66666667%;
}
.col-md-offset-4 {
    margin-left: 33.33333333%;
}
.col-md-offset-3 {
    margin-left: 25%;
}
.col-md-offset-2 {
    margin-left: 16.66666667%;
}
.col-md-offset-1 {
    margin-left: 8.33333333%;
}
.col-md-offset-0 {
    margin-left: 0;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
}
.col-lg-12 {
    width: 100%;
}
.col-lg-11 {
    width: 91.66666667%;
}
.col-lg-10 {
    width: 83.33333333%;
}
.col-lg-9 {
    width: 75%;
}
.col-lg-8 {
    width: 66.66666667%;
}
.col-lg-7 {
    width: 58.33333333%;
}
.col-lg-6 {
    width: 50%;
}
.col-lg-5 {
    width: 41.66666667%;
}
.col-lg-4 {
    width: 33.33333333%;
}
.col-lg-3 {
    width: 25%;
}
.col-lg-2 {
    width: 16.66666667%;
}
.col-lg-1 {
    width: 8.33333333%;
}
.col-lg-pull-12 {
    right: 100%;
}
.col-lg-pull-11 {
    right: 91.66666667%;
}
.col-lg-pull-10 {
    right: 83.33333333%;
}
.col-lg-pull-9 {
    right: 75%;
}
.col-lg-pull-8 {
    right: 66.66666667%;
}
.col-lg-pull-7 {
    right: 58.33333333%;
}
.col-lg-pull-6 {
    right: 50%;
}
.col-lg-pull-5 {
    right: 41.66666667%;
}
.col-lg-pull-4 {
    right: 33.33333333%;
}
.col-lg-pull-3 {
    right: 25%;
}
.col-lg-pull-2 {
    right: 16.66666667%;
}
.col-lg-pull-1 {
    right: 8.33333333%;
}
.col-lg-pull-0 {
    right: auto;
}
.col-lg-push-12 {
    left: 100%;
}
.col-lg-push-11 {
    left: 91.66666667%;
}
.col-lg-push-10 {
    left: 83.33333333%;
}
.col-lg-push-9 {
    left: 75%;
}
.col-lg-push-8 {
    left: 66.66666667%;
}
.col-lg-push-7 {
    left: 58.33333333%;
}
.col-lg-push-6 {
    left: 50%;
}
.col-lg-push-5 {
    left: 41.66666667%;
}
.col-lg-push-4 {
    left: 33.33333333%;
}
.col-lg-push-3 {
    left: 25%;
}
.col-lg-push-2 {
    left: 16.66666667%;
}
.col-lg-push-1 {
    left: 8.33333333%;
}
.col-lg-push-0 {
    left: auto;
}
.col-lg-offset-12 {
    margin-left: 100%;
}
.col-lg-offset-11 {
    margin-left: 91.66666667%;
}
.col-lg-offset-10 {
    margin-left: 83.33333333%;
}
.col-lg-offset-9 {
    margin-left: 75%;
}
.col-lg-offset-8 {
    margin-left: 66.66666667%;
}
.col-lg-offset-7 {
    margin-left: 58.33333333%;
}
.col-lg-offset-6 {
    margin-left: 50%;
}
.col-lg-offset-5 {
    margin-left: 41.66666667%;
}
.col-lg-offset-4 {
    margin-left: 33.33333333%;
}
.col-lg-offset-3 {
    margin-left: 25%;
}
.col-lg-offset-2 {
    margin-left: 16.66666667%;
}
.col-lg-offset-1 {
    margin-left: 8.33333333%;
}
.col-lg-offset-0 {
    margin-left: 0;
}
}
/* 外边距 */
.mx-auto{ margin-left:auto !important; margin-right:auto !important;}

.ml--1{margin-left: -1px;}
.mr--1{margin-right: -1px;}
.m-0 {margin:0 0 !important;}
.mt-0{margin-top:0 !important;}
.mb-0 {margin-bottom:0 !important;}
.ml-0 {margin-left:0 !important;}
.mr-0 {margin-right:0 !important;}
.mx-0 {margin-right:0 !important;margin-left:0 !important;}
.my-0 {margin-top:0 !important;margin-bottom:0 !important;}
 
.m-5{margin:5px !important;}
.ml-5{margin-left:5px !important;}
.mr-5{margin-right:5px !important;}
.mt-5{margin-top:5px !important;}
.mb-5{margin-bottom:5px !important;}
.mx-5{margin-left:5px !important; margin-right:5px !important;}
.my-5{margin-top:5px !important; margin-bottom:5px !important;}

.m-10{ margin:10px !important;}
.ml-10{margin-left:10px !important;}
.mr-10{margin-right:10px !important;}
.mt-10{ margin-top:10px !important;}
.mb-10{ margin-bottom:10px !important;}
.mx-10{ margin-left:10px !important; margin-right:10px !important;}
.my-10{ margin-top:10px !important; margin-bottom:10px !important;}

.ml-15{margin-left:15px !important;}
.mr-15{margin-right:15px !important;}
.mt-15{ margin-top:15px !important;}
.mb-15{ margin-bottom:15px !important;}
.mx-15{ margin-left:15px !important; margin-right:15px !important;}
.my-15{ margin-top:15px !important; margin-bottom:15px !important;}

.m-20{ margin:20px !important;}
.ml-20{margin-left:20px !important;}
.mr-20{margin-right:20px !important;}
.mt-20{ margin-top:20px !important;}
.mb-20{ margin-bottom:20px !important;}
.mx-20{ margin-left:20px !important; margin-right:20px !important;}
.my-20{ margin-top:20px !important; margin-bottom:20px !important;}

.m-30{ margin:30px !important;}
.ml-30{margin-left:30px !important;}
.mr-30{margin-right:30px !important;}
.mt-30{ margin-top:30px !important;}
.mb-30{ margin-bottom:30px !important;}
.mx-30{ margin-left:30px !important; margin-right:30px !important;}
.my-30{ margin-top:30px !important; margin-bottom:30px !important;}


/* 内边距 */
.p-0 {padding: 0 0 !important;}
.pt-0 {padding-top: 0 !important;}
.pr-0 {padding-right: 0 !important;}
.pb-0 {padding-bottom: 0 !important;}
.pl-0 {padding-left: 0 !important;}
.px-0 {padding-right: 0 !important;padding-left: 0 !important;}
.py-0 {padding-top: 0 !important;padding-bottom: 0 !important;}

.p-5{ padding:5px !important;}
.pl-5{padding-left:5px !important;}
.pr-5{padding-right:5px !important;}
.pt-5{padding-top:5px !important;}
.pb-5{padding-bottom:5px !important;}
.px-5{ padding-left:5px !important; padding-right:5px !important;}
.py-5{ padding-top:5px !important; padding-bottom:5px !important;}

.p-10{ padding:10px !important;}
.pl-10{padding-left:10px !important;}
.pr-10{padding-right:10px !important;}
.pt-10{padding-top:10px !important;}
.pb-10{padding-bottom:10px !important;}
.px-10{ padding-left:10px !important; padding-right:10px !important;}
.py-10{ padding-top:10px !important; padding-bottom:10px !important;}

.p-15{ padding:15px !important;}
.pl-15{padding-left:15px !important;}
.pr-15{padding-right:15px !important;}
.pt-15{padding-top:15px !important;}
.pb-15{padding-bottom:15px !important;}
.px-15{ padding-left:15px !important; padding-right:15px !important;}
.py-15{ padding-top:15px !important; padding-bottom:15px !important;}

.p-20{ padding:20px !important;}
.pl-20{padding-left:20px !important;}
.pr-20{padding-right:20px !important;}
.pt-20{padding-top:20px !important;}
.pb-20{padding-bottom:20px !important;}
.px-20{ padding-left:20px !important; padding-right:20px !important;}
.py-20{ padding-top:20px !important; padding-bottom:20px !important;}

.p-30{ padding:30px !important;}
.pl-30{padding-left:30px !important;}
.pr-30{padding-right:30px !important;}
.pt-30{padding-top:30px !important;}
.pb-30{padding-bottom:30px !important;}
.px-30{ padding-left:30px !important; padding-right:30px !important;}
.py-30{ padding-top:30px !important; padding-bottom:30px !important;}

/* 边线 */
.border-0{ border:0 !important;}
.border-bottom-0{border-bottom:0 !important;}
.border-top-0{border-top:0 !important;}
.border-left-0{border-left:0 !important;}
.border-right-0{border-right:0 !important;}

.border-1{ border:#e8e8e8 solid 1px !important;}
.border-bottom-1{border-bottom:1px solid #e8e8e8 !important;}
.border-top-1{border-top:1px solid #e8e8e8 !important;}
.border-left-1{border-left:1px solid #e8e8e8 !important;}
.border-right-1{border-right:1px solid #e8e8e8 !important;}

.border-dotted-1{ border: dashed #e6e6e6 1px !important;}
.border-dotted-bottom-1{ border-bottom: dashed #e6e6e6 1px !important;}
.border-dotted-top-1{ border-top: dashed #e6e6e6 1px !important;}
.border-dotted-left-1{ border-left: dashed #e6e6e6 1px !important;}
.border-dotted-right-1{ border-right: dashed #e6e6e6 1px !important;}



/*宽度*/
.w-25{ width:25px !important;}
.w-30{ width:30px !important;}
.w-35{ width:35px !important;}
.w-40{ width:40px !important;}
.w-45{ width:45px !important;}
.w-50{ width:50px !important;}
.w-55{ width:55px !important;}
.w-60{ width:60px !important;}
.w-65{ width:65px !important;}
.w-70{ width:70px !important;}
.w-75{ width:75px !important;}
.w-80{ width:80px !important;}
.w-85{ width:85px !important;}
.w-90{ width:90px !important;}
.w-95{ width:95px !important;}
.w-100{ width:100px !important;}
.w-110{ width:110px !important;}
.w-120{ width:120px !important;}
.w-130{ width:130px !important;}
.w-140{ width:140px !important;}
.w-150{ width:150px !important;}
.w-160{ width:160px !important;}
.w-170{ width:170px !important;}
.w-180{ width:180px !important;}
.w-190{ width:190px !important;}
.w-200{ width:200px !important;}
.w-220{ width:220px !important;}
.w-240{ width:240px !important;}
.w-260{ width:260px !important;}
.w-280{ width:280px !important;}
.w-290{ width:290px !important;}
.w-300{ width:300px !important;}
.w-320{ width:320px !important;}
.w-360{ width:360px !important;}
.w-380{ width:380px !important;}
.w-400{ width:400px !important;}
.w-420{ width:420px !important;}
.w-450{ width:450px !important;}
.w-480{ width:480px !important;}
.w-490{ width:490px !important;}
.w-500{ width:500px !important;}
.w-540{ width:540px !important;}
.w-560{ width:560px !important;}
.w-580{ width:580px !important;}
.w-598{ width:598px !important;}
.w-680{ width:680px !important;}
.w-680 img{ max-width:680px;}
.w-700{ width:700px !important;}
.w-800{ width:800px !important;}
.w-900{ width:900px !important;}
.w-940{ width:940px !important;}
.w-960{ width:960px !important;}
.w-980{ width:980px !important;}
.w-970{width:970px!important;}
.w-full{ width:100% !important;}


.w-100-max{
    min-width: auto;
    max-width: 100px;
    *+min-width: auto;
    *+width: expression(this.offsetWidth > 100 ? 'auto' : '100px');
    _width: expression(this.offsetWidth > 100 ? 'auto' : '100px');
    overflow: hidden;
}
.w-120-max{
    min-width: auto;
    max-width: 120px;
    *+min-width: auto;
    *+width: expression(this.offsetWidth > 120 ? 'auto' : '120px');
    _width: expression(this.offsetWidth > 120 ? 'auto' : '120px');
    overflow: hidden;
}
.w-150-max{
    min-width: auto;
    max-width: 150px;
    *+min-width: auto;
    *+width: expression(this.offsetWidth > 150 ? 'auto' : '150px');
    _width: expression(this.offsetWidth > 150 ? 'auto' : '150px');
    overflow: hidden;
}
.w-180-max{
    min-width: auto;
    max-width: 180px;
    *+min-width: auto;
    *+width: expression(this.offsetWidth > 180 ? 'auto' : '180px');
    _width: expression(this.offsetWidth > 180 ? 'auto' : '180px');
    overflow: hidden;
}
.w-200-max{
    min-width: auto;
    max-width: 200px;
    *+min-width: auto;
    *+width: expression(this.offsetWidth > 200 ? 'auto' : '200px');
    _width: expression(this.offsetWidth > 200 ? 'auto' : '200px');
    overflow: hidden;
}
.w-240-max{
    min-width: auto;
    max-width: 240px;
    *+min-width: auto;
    *+width: expression(this.offsetWidth > 240 ? 'auto' : '240px');
    _width: expression(this.offsetWidth > 240 ? 'auto' : '240px');
    overflow: hidden;
}
.w-300-max{
    min-width: auto;
    max-width: 300px;
    *+min-width: auto;
    *+width: expression(this.offsetWidth > 300 ? 'auto' : '300px');
    _width: expression(this.offsetWidth > 300 ? 'auto' : '300px');
    overflow: hidden;
}


/* 高度 */
.h-64{height: 64px !important;}
.h-100{height: 100px !important;}
.h-200{ height: 200px !important; overflow: auto; }
.h-300{ height: 300px !important; overflow: auto; }
.h-360{ height: 360px !important; overflow: auto; }
.mh-22{ min-height: 22px; }

/* 不换行 */
.text-nowrap {white-space: nowrap !important;}

/* 不换行截断... */
.text-truncate {overflow: hidden !important;text-overflow: ellipsis !important;white-space: nowrap !important;word-wrap:normal !important;}

/* 强制换行 */
.text-word-wrap{white-space:normal; word-wrap: break-word; word-break: break-all;}

/*定位*/
.position-relative{ position:relative;}
.position-absolute{ position:absolute;}
.position-fixed{ position:fixed;}
.left-0{ left:0;}
.right-0{ right:0;}
.top-0{ top:0;}
.bottom-0{ bottom:0;}

.top-2{ top:2px;}


.left-10{ left:10px;}
.right-10{ right:10px;}
.top-10{ top:10px;}
.bottom-10{ bottom:10px;}


.left--8{ left:-8px;}
.right--8{ right:-8px;}
.top--8{ top:-8px;}
.bottom--8{ bottom:-8px;}

.left--10{ left:-10px;}
.right--10{ right:-10px;}
.top--10{ top:-10px;}
.bottom--10{ bottom:-10px;}

.left-20{ left:20px;}
.right-20{ right:20px;}
.top-20{ top:20px;}
.bottom-20{ bottom:20px;}

.top-40{ top:41px;}

.left-120{ left: 120px; }

/*行间距*/
.lh-default{ line-height: 1.75 !important;}
.lh-0{ line-height:0 !important;}
.h-20{height: 20px;line-height:1.45;}
.h-23{height:23px; line-height:23px;}
.h-32{height:32px; line-height:32px;}
.lh-32{ line-height:32px !important;}

/* 文字对齐方式 */
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.text-center {text-align: center !important;}

.vertical-top{ vertical-align:top !important;}
.vertical-bottom{ vertical-align:bottom !important;}
.vertical-middle{ vertical-align:middle !important;}
.vertical-sub{ vertical-align:sub !important;}

/*元素框类型*/
.d-table{ display:table;}
.d-table-cell{ display:table-cell;}
.d-ib{ display:inline-block; *display:inline; *zoom:1;}
.d-ib-vm{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}

/*圆角*/
.radius{ border-radius:3px;}
.radius-round{ border-radius:50%;}
.radius-no{ border-radius:0 !important;}

/*字体颜色*/
.c-h{ color:#ff5f51;}
.c-link{ color:#3296fd;}
.c-dark,a.c-dark{ color:#333;}
.c-default,a.c-default{ color:#666;}
.c-secondary{ color:#999;}
.c-assist{ color:#bbb;}
a:hover.c-dark,a:hover.c-default,a:hover.c-secondary,a:hover.c-assist{ color:#3296fd; text-decoration:none;}
.c-success{ color:#0dcd16;}
.c-error{ color:#ff5f51;}
.cursor-pointer{ cursor:pointer;}


/*字体加粗*/
.fw-b{ font-weight:bold;}
.fw-bn{ font-weight:normal;}

/*字号*/
.fz-12{ font-size:12px;}
.fz-13{ font-size:13px;}
.fz-14{ font-size:14px;}
.fz-16{ font-size:16px;}
.fz-18{ font-size:18px;}
.fz-24{ font-size:24px;}
.fz-26{ font-size:26px;}
.fz-28{ font-size:28px;}
.fz-30{ font-size:30px;}
.fz-32{ font-size:32px;}
.fz-34{ font-size:34px;}
.fz-36{ font-size:36px;}

/*背景*/
.bc-w{ background-color:#fff !important;}
.bc-tint{ background-color:#eee !important;}
.bc-tra{ background-color:transparent !important;}
.bg-tint2{ background-color:#e5f2ff;}
.white-bg{background: #fff !important;}
.h-bg{background: #ffeeee !important; border-color: #edd5d5 !important;}

.hover-tint:hover{ background-color:#eee;}

/*文字缩进*/
.text-indent1{text-indent:1em;}
.text-indent2{text-indent:2em;}
.text-indent3{text-indent:3em;}
.text-indent4{text-indent:4em;}
.text-indent5{text-indent:5em;}
.text-indent6{text-indent:6em;}

/* 三角 */
.triangle-r,.triangle-l,.triangle-t,.triangle-b{display:inline-block;width:0px;height:0;line-height:0;font-size:0;}
.triangle-r{border:4px solid transparent;border-left-color:#333;border-style:dashed dashed dashed solid;}
.triangle-l{border:4px solid transparent;border-right-color:#333;border-style:dashed solid dashed dashed;}
.triangle-t{border:4px solid transparent;border-bottom-color:#333;border-style:dashed dashed solid dashed;}
.triangle-b{border:4px solid transparent;border-top-color:#333;border-style:solid dashed dashed dashed;}

/* 表格排序三角 */
.sort-triangle{position: relative;margin-left:5px}
.sort-triangle .triangle-t{position: absolute;top:0;border-bottom-color:#999; cursor: pointer}
.sort-triangle .triangle-b{position: absolute;bottom:-1px;border-top-color:#999;cursor: pointer}
.sort-triangle .triangle-t.on,
.sort-triangle .triangle-t:hover{border-bottom-color:#3197ff;}
.sort-triangle .triangle-b.on,
.sort-triangle .triangle-b:hover{border-top-color:#3197ff;}


/* animation 动画 */

.puffIn {
    animation-name: puffIn;
}

@keyframes puffIn {
    0% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(1.5,1.5);
        filter: blur(2px);
    }

    100% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1,1);
        filter: blur(0px);
    }
}
.puffOut {
    animation-name: puffOut;
}
@keyframes puffOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1,1);
        filter: blur(0px);
    }

    100% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(1.5,1.5);
        filter: blur(2px);
    }
}


/*加载提示层*/
#tip16{ background-color:transparent !important; padding:0;}
#tip16 .tip-error{background-color:rgba(0,0,0,.8); padding:20px; border-radius:5px;}
/*.icon-css3loading{background-color:rgba(248,248,248,.8) !important; padding:0;}*/
.icon-css3loading .loader{ background:url(../img/loading2.gif) no-repeat center; background-size:100% 100%; width:100px; height:100px;}


/*.icon-css3loading {
    display: inline-block;
    vertical-align: middle;
    width: 120px;
    height: 120px;
    position: relative;
    overflow: hidden;
}

.icon-css3loading .loader {
    font-size:10px;
    margin:5em auto;
    width:1em;
    height:1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    animation: icon-css3loading 1.3s infinite linear;
}
.icon-css3loading .loadtext{position:absolute;top:54px;left:39px;font-size:12px;line-height:16px;line-height:1px\9;height: 16px;}

@keyframes icon-css3loading {
    0%,
    100% {
        box-shadow: 0em -3em 0em 0.2em #ffffff, 2em -2em 0 0em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 0em #ffffff;
    }
    12.5% {
        box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 0.2em #ffffff, 3em 0em 0 0em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
    }
    25% {
        box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 0em #ffffff, 3em 0em 0 0.2em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
    }
    37.5% {
        box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 0em #ffffff, 2em 2em 0 0.2em #ffffff, 0em 3em 0 0em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
    }
    50% {
        box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 0.2em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
    }
    62.5% {
        box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 0em #ffffff, -2em 2em 0 0.2em #ffffff, -3em 0em 0 0em #ffffff, -2em -2em 0 -0.5em #ffffff;
    }
    75% {
        box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0.2em #ffffff, -2em -2em 0 0em #ffffff;
    }
    87.5% {
        box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0em #ffffff, -2em -2em 0 0.2em #ffffff;
    }
}*/




/* 布局 */
/*.container {width:1190px;margin-left:auto;margin-right:auto;*zoom:1}*/
.container {width:100%;*zoom:1;min-width:1190px;position: relative;}
.container:after{content:" ";display:table;clear:both;}

/**
 * 按钮
 */
.btn{
    display:inline-block;
    height:28px;
    line-height:26px;
    border:1px solid transparent;
    padding:0 10px;
    text-align:center;
    white-space: nowrap;
    vertical-align: middle;
    color:#666;
    background:#fff;
    font-size:12px;
    font-weight:normal;
    cursor:pointer;
    border-radius:4px;
    -webkit-transition:background-color 0.2s ease-in-out,border-color 0.2s ease-in-out,color 0.2s ease-in-out;
    transition:background-color 0.2s ease-in-out,border-color 0.2s ease-in-out,color 0.2s ease-in-out;
    *display:inline;
    *display:inline-block;
    margin-right:5px;
}

.btn:active {
	-webkit-animation: btn-active 0.3s forwards;
	animation: btn-active 0.3s forwards;
}
@keyframes btn-active {
	60% {
		-webkit-transform: scale3d(0.9, 0.9, 1);
		transform: scale3d(0.9, 0.9, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.btn-lg{height:40px;line-height:38px;font-size:16px;}
.btn-s{height:24px;line-height:22px; padding:0 10px;}
.btn:focus,.btn:hover {text-decoration:none;}
.btn:focus,.btn.focus {outline:0;}
.btn.disabled,.btn[disabled],.btn:disabled{cursor: not-allowed; box-shadow: none; background-color:#f4f4f4 !important; border-color:#ccc !important;color:#bbb !important;  }
.btn.disabled:hover,.btn[disabled]:hover,.btn:disabled:hover{color:#bbb !important;}
.btn.disabled:active,.btn[disabled]:active,.btn:disabled:active{-webkit-animation:none; animation:none;}
.btn.disabled.c-default{ color:#666 !important;}
.btn:active, .btn.active {background-image:none;}
.disabled{pointer-events:none; filter: alpha(opacity=65); opacity:0.65; color:#bbb !important;}

.btn-outline-default{border-color: #ccc;}
.btn-outline-default:hover{border-color:#3197ff;color:#3197ff !important;}
.btn-outline-primary{border-color:#3197ff;color:#3197ff;}
.btn-outline-primary:hover{background:#3197ff;border-color:#3197ff;color:#fff !important;}

.btn-default{border-color: #3197ff;background-color:#3197ff;color:#fff ;}
.btn-default:hover{border-color:#2885e5;background-color:#2885e5;color:#fff !important;}
.btn-primary{background:#ff5f51;border-color:#ff5f51;color:#fff;}
.btn-primary:hover{background:#dd4437;border-color:#dd4437;color:#fff !important;}
.btn-link{ color:#3197ff; border:none; background-color:transparent; cursor:pointer;}
.btn-link:hover{ color:#ff5f51;}
.btn-group {display:table;}

/* ... 动画 */
.btn-animation-dot {
    display: inline-block; 
    min-width: 2px;
    min-height: 2px;
    box-shadow: 2px 0 currentColor, 6px 0 currentColor, 10px 0 currentColor;
    animation: ant-dot 3s infinite step-start both;
}
.btn-animation-dot:before { content: '...'; } /* IE8 */
.btn-animation-dot::before { content: ''; }
:root .btn-animation-dot { margin-right: 8px; } /* IE9+,FF,CH,OP,SF */

@keyframes ant-dot {
    25% { box-shadow: none; }
    50% { box-shadow: 2px 0 currentColor; }
    75% { box-shadow: 2px 0 currentColor, 6px 0 currentColor; }
}

/* 按钮闪烁动画 */
.btn-animation-flicker{
    animation: ant-flicker 1.6s ease-in-out 3;
}

@keyframes ant-flicker {
    25% {border-color:#ccc;color:#666;}
    70% {border-color:#3197ff;color:#3197ff;}
}


/**
  * 表单
 */
.form{}

.form-column{ line-height:28px; margin-bottom:10px;}
.form-column .column-l{ float:left; width:150px; text-align:right;}
.form-column .column-r{ float:left; max-width:780px; margin-left:5px; color:#333;}
.form-column .column-r label{ display:inline-block; *display:inline; *zoom:1; margin-right:10px;}
.form-column .column-r .input-text{ width:360px;}
label input[type=radio],
label input[type=checkbox]{ margin-right:5px; vertical-align:middle; display:inline-block; *display:inline; *zoom:1;}

.form-inline{}
.form-inline .input-text{
    display:inline-block;
    width:150px;
    margin-right:5px;
}
.form-group{display:table;}
.form-inline .btn-group{}

.form-group{margin-bottom:10px;}
.form-inline .input-group{ display:inline-block;  *display:inline; *zoom:1; margin-bottom:10px; vertical-align:middle;}
.form-inline .input-group label{ display:inline-block; *display:inline; *zoom:1;}
.input-text{
    width:100%;
    height:28px;
    line-height:26px;
    border:1px solid #ccc;
    padding:0 10px;
    font-size:12px;
    color:#333;
    background:#fff;
    vertical-align:middle;
    -webkit-transition: border-color ease-in-out 0.2s, -webkit-box-shadow ease-in-out 0.2s;
    -webkit-transition:border-color ease-in-out 0.2s, box-shadow ease-in-out 0.2s;
    transition: border-color ease-in-out 0.2s, box-shadow ease-in-out 0.2s;
}
.input-text:hover,
.textarea:hover{border-color:#999;}
.input-text:focus,
.textarea:focus{color:#464a4c;background-color:#fff;border-color:#5cb3fd;outline:none;}
.input-text[disabled], .input-text[readonly],
.textarea[disabled], .textarea[readonly] {background-color: #eceeef;opacity: 1;}
.input-text:disabled,
.textarea:disabled {cursor: not-allowed;}
.input-text-s{ height:24px; line-height:22px;}
.textarea{
	width:100%;
	line-height:1.75;
    border:1px solid #ccc;
    padding:5px 10px;
    font-size:12px;
    color:#333;
    background:#fff;
    vertical-align:middle;
    -webkit-transition: border-color ease-in-out 0.2s, -webkit-box-shadow ease-in-out 0.2s;
    -webkit-transition:border-color ease-in-out 0.2s, box-shadow ease-in-out 0.2s;
    transition: border-color ease-in-out 0.2s, box-shadow ease-in-out 0.2s;
}

.input-text-out{ display:inline-block; position:relative; line-height:0;}
.input-text-out .input-text{ padding-right:25px;}
.input-text-out .i-clear{ display:none; transition:all .2s; width:15px; height:15px; line-height:14px; text-align:center; background-color:#ecf2fb; color:#5691dd; border-radius:50%; position:absolute; right:5px; top:50%; margin-top:-7px; font-size:13px; cursor:pointer; text-decoration:none;}
.input-text-out .i-clear:hover{ background-color:#5691dd; color:#fff;}

.select{
    color:#666;
    border:1px solid #ccc;
    height:28px;
    font-size:12px;
    padding:4px 5px;
    margin-right:5px;
    vertical-align:middle;
    background:#fff;
    -webkit-transition: border-color ease-in-out 0.2s, -webkit-box-shadow ease-in-out 0.2s;
    -webkit-transition:border-color ease-in-out 0.2s, box-shadow ease-in-out 0.2s;
    transition: border-color ease-in-out 0.2s, box-shadow ease-in-out 0.2s;
}
.select::-ms-expand {background-color:transparent;border:0;}
.select:hover{border-color:#999;}
.select:focus{color: #464a4c;background-color:#fff;border-color:#5cb3fd;outline:none;}

*{ box-sizing: border-box;}

/*步增减控件*/
.num-step{ position:relative; display:inline-block; *display:inline; *zoom:1; height:32px; width:110px; padding:0 30px 0 10px; *padding:0 15px 0 0; background-color:#fff; border:#ccc solid 1px;}
.num-step .input-text{border:0; height:27px; line-height:26px; padding:0 !important; margin:0 !important; width:100% !important;}
.num-step .step-up,.num-step .step-down{height:15px; width:24px; overflow:hidden; font-size:0; border-left:#ccc solid 1px; text-align:center; background-color:#eee; display:inline-block; *display:inline; *zoom:1; position:absolute; right:0; cursor:pointer;}
.num-step .step-up{line-height:0; border-left:#ccc solid 1px; border-bottom:#ccc solid 1px; text-align:center; top:0; *height:16px;}
.num-step .step-down{line-height:0; border-left:#ccc solid 1px; text-align:center; bottom:0;}
.num-step .step-up .triangle-t{border-bottom-color:#666; margin-top:1px}
.num-step .step-down .triangle-b{border-top-color:#666; margin-top:5px;}
.num-step .step-up:hover .triangle-t{border-bottom-color:#3197ff;}
.num-step .step-down:hover .triangle-b{border-top-color:#3197ff;}
.num-step .step-up:hover,.num-step .step-down:hover{ background-color:#e5f2ff;}
.num-step.disabled{cursor: not-allowed; filter: alpha(opacity=65);box-shadow: none;opacity:0.65;background-color:#f4f4f4 !important; border-color:#ccc !important; color:#bbb !important;}
.num-step .add,.num-step .down{font-size: 20px!important;height:30px!important;line-height: 26px;border-bottom:0;}

.num-step .down{position: absolute;left:0px;border-left: 0; border-right: 1px solid #ccc;}
.set-step{padding: 0px 25px!important;}
.set-step .step-month{width:16px!important;margin-left: 10px!important;}
.set-step em{line-height: 25px;position: absolute;top:2px;}
.step-month{width:30px!important;}

/*自定义下拉框*/
.self-dropdown{ position:relative; display:inline-block; *display:inline; *zoom:1; height:28px; width:120px; padding:0 20px 0 10px; *padding:0 20px 0 0; background-color:#fff; border:#ccc solid 1px;}
.self-dropdown .input-text{ border:0; height:26px; padding:0 !important; margin:0 !important; width:100% !important;}
.self-dropdown .is-down{ width:20px; height:26px; text-align:center; position:absolute; top:1px; right:1px; line-height:30px; cursor:pointer;}
.self-dropdown .is-down .triangle-b{border-top-color:#666; margin-top:12px;}
.self-dropdown .is-down:hover .triangle-b{border-top-color:#3197ff;}
.self-dropdown-con{ border:#ccc solid 1px; position:absolute; top:26px; left:-1px; display:none; z-index:99; background-color:#fff; max-height:400px; overflow:auto;}
.self-dropdown-con .item{text-overflow: ellipsis;white-space: nowrap; height:26px; line-height:26px; max-width:260px; overflow:hidden; display:block; *width:100%; background-color:#fff; padding:0 10px; cursor:pointer;}
.self-dropdown-con .item:hover,.self-dropdown-con .item.cur{ background-color:#3197ff; color:#fff;}

/* 表格 */
.operating-toolbar{padding:6px 10px;background:#eee;}
.operating-toolbar .form-group{margin-bottom:0}
.operating-toolbar .btn{padding:0 10px;}
.table,.table-layout-fixed{table-layout:fixed; width:100%; line-height:1.5;}
.lay-inh{ table-layout:inherit !important;}
.table th{padding:7px 10px;line-height:1.154;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;text-align: left;color:#999;vertical-align: top;box-sizing:content-box;}
.table .border-left-1{border-left:1px solid #e8e8e8;}
.table .border-right-1{border-right:1px solid #e8e8e8;}
.table tbody td{padding:9px 10px;border-bottom:1px solid #e8e8e8;word-break: break-all;word-wrap: break-word;text-align: left;vertical-align: top;box-sizing:content-box;}
.table.no-border tbody td{border-bottom:none;}
.table tbody td input[type=text]{ padding:0 4px;}
.table tbody td input[type=password]{ padding:0 4px;}
.table tbody tr:hover{background:#e5f2ff;}
.table .min-imgbox{ width:58px; height:58px;}
.table .min-imgbox img{ max-width:58px; max-height:58px; width:58px \9; height:58px \9;}
/*.table .min-imgbox.min-s {
    width: 38px;
    height: 38px;
}

    .table .min-imgbox.min-s img {
        max-width: 38px;
        max-height: 38px;
        width: 38px \9;
        height: 38px \9;
    }*/

    .table .min-imgbox.min-s {
        width: 27px;
        height: 27px;
    }

        .table .min-imgbox.min-s img {
            max-width: 27px;
            max-height: 27px;
            width: 27px \9;
            height: 27px \9;
        }
.table a{ display:inline-block; *display:inline; *zoom:1;}
.table-p-5 th{padding:10px 5px;}
.table-p-5 thead th{padding:7px 5px;}
.table-p-5 tbody td{padding:7px 5px;}
.table-px-5 th,.table-px-5 thead th,.table-px-5 tbody td{ padding-left:5px; padding-right:5px;}
.table-py-5 th,.table-py-5 thead th,.table-py-5 tbody td{ padding-top:5px; padding-bottom:5px;}
.table-px-6 th,.table-px-6 thead th,.table-px-6 tbody td{ padding-left:6px; padding-right:6px;}
.table-py-6 th,.table-py-6 thead th,.table-py-6 tbody td{ padding-top:6px; padding-bottom:6px;}
.table-px-15 th,.table-px-15 thead th,.table-px-15 tbody td{ padding-left:15px; padding-right:15px;}
.table-px-20 th,.table-px-20 thead th,.table-px-20 tbody td{ padding-left:20px; padding-right:20px;}
.table .h0,.table .h0 th,.table .h0 td{ font-size:0; line-height:0; height:0; border:0; padding-top:0; padding-bottom:0;}
.table.no-hover tbody tr:hover{ background-color:transparent;}
.tablehead-fixed{ position:fixed; top:0; background-color:#fff;z-index:91;}
.table-line{ border-left:#e8e8e8 solid 1px; border-top:#e8e8e8 solid 1px;}
.table-line td,.table-line th{ border-bottom:#e8e8e8 solid 1px; border-right:#e8e8e8 solid 1px;}
.table .text-oneline{ height:20px; overflow:hidden; text-overflow: ellipsis;white-space: nowrap;}
.table .text-twoline{ height:40px; overflow:hidden;}
.table .row1{ height:20px;}
.table .row2{ height:40px;}


/* 分页 */
.pagination { float:right;line-height:1.25;display:inline;}
.pagination li { display: inline;float: left;}
.pagination a{position: relative;float: left;padding:6px 10px;margin-right:5px;color:#666;background-color:#fff;border:1px solid #ccc;
    -webkit-transition:color ease-in-out 0.2s,border-color ease-in-out 0.2s,color ease-in-out 0.2s;
    transition:color ease-in-out 0.2s,border-color ease-in-out 0.2s,color ease-in-out 0.2s;
}
.pagination span{position: relative;float: left;padding:6px 11px;color:#666;margin-left:-5px;border:1px solid #fff;}
.pagination a:hover{text-decoration:none;color:#3197ff;border-color:#3197ff;}
.pagination .active a{background:#3197ff;color:#fff;border-color:#3197ff;}
.pagination .btn{padding:0 10px;}
.pagination .pagination-input-wrap{width:42px;margin:0;padding:0;border:0}
.pagination .input-text{*width:22px;}
:root .pagination .input-text{width:100%;}
.pagination-toolbar{border:1px solid #e8e8e8;padding:6px 10px;line-height:1.25;}
.pagination-toolbar .select{vertical-align: initial;}

/*弹窗下分页处理*/
.popwin-main .pagination > ul:first-child li{ display:none;}
.popwin-main .pagination > ul:first-child li.previous{ display:inline;}
.popwin-main .pagination > ul:first-child li.next{ display:inline;}
.popwin-main .pagination > ul:first-child li.active{ display:inline;}

/*单元格*/
.cell{ height:24px; line-height:24px; overflow:hidden}
.cell-lg{ height:32px; line-height:32px; overflow:hidden;}

/*弹出层[[---------------------------------------*/

/*带遮罩的弹出层*/
#popwin, .popwin-mask, .popwin-mask iframe, .popwin-box { width:100%; height:100%; }
.popwin-mask, .popwin-main {top:0;left:0;position:fixed; _position:absolute; _top:expression(documentElement.scrollTop + "px"); }
.popwin-mask {background:#000; z-index:999990;bottom:0;right:0;filter:alpha(opacity=0.2); opacity:0.2;}
.popwin-mask iframe { filter:alpha(opacity=0); opacity: 0;}

.popwin-main{ background-color:#fff; border-radius:2px; border:#b2b2b2 solid 5px; left:50%;z-index:999991;/*top:20%;*/}
.popwin-main .tit .close{cursor:pointer; width:30px; height:30px; line-height:30px; margin:5px 10px 0 0; text-align:center; float:right; font-size:24px; color:#999; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.popwin-main .tit .close:hover{/*transform:rotate(360deg);*/ text-decoration:none; background-color:#eee; color:#3197ff;}
.popwin-main .tit{height:40px; line-height:40px; padding-left:10px; position:relative; color:#333; /*border-bottom:solid 1px #ddd;*/ overflow:hidden}
.popwin-main .tit strong{ display:block; width:80%; height:35px; display:block; font-family: "Microsoft YaHei","微软雅黑",helvetica,arial,verdana,tahoma,sans-serif; font-size:16px; color:#333; padding-left:10px;}
.popwin-main .con{ padding:15px 20px; border-top:#eee solid 1px; max-height:540px; max-height:480px \9; overflow:auto;}
.popwin{position: absolute;}

/*带遮罩的弹出层 end*/

/*弹窗内的操作提示层*/
.popwin-inside-mask{ width:100%; height:100%; top:0; left:0; position:fixed; z-index:999991; filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;background:#000;}
.popwin-inside-main{ position:fixed; top:20%; left:50%; z-index:999992; display:block;}
.popwin-inside{ background-color:#fff; border-radius:2px; border:#b2b2b2 solid 5px;  position:relative;}
.popwin-inside .tit{height:40px; line-height:40px; font-size:16px; color:#4a566e; padding:0 20px; color:#333; overflow:hidden}
.popwin-inside .close{cursor:pointer; width:30px; height:30px; line-height:30px; margin:5px 10px 0 0; text-align:center; float:right; font-size:24px; color:#999; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; display:inline-block; position:absolute; right:0; top:0; z-index:99;}
.popwin-inside .close:hover{/*transform:rotate(360deg);*/ text-decoration:none; background-color:#eee; color:#3197ff;}
.popwin-inside-con{ padding:20px; border-top:#eee solid 1px; max-height:540px; max-height:500px \9; overflow:auto;}
/*弹窗内的操作提示层 end*/

/*内容侧边的弹出层*/
.popup-side{ position:absolute; z-index:90; width:auto; background-color:#fff; border-radius:2px; border:#ddd solid 1px; border:solid 1px rgba(221,221,221,0.8);box-shadow: 0 0 3px 1px rgba(221,221,221,.8);}
.popup-side .con{ padding:20px; position:relative;}
.popup-side .arr{ width:0px; height:0px; line-height:0; border:solid transparent 8px; position:absolute;}
.popup-side .arr.arr-rt-0{ border-right-color:#ddd; left:-16px; bottom:5px; z-index:91;}
.popup-side .arr.arr-rt-01{border-right-color:#fff; left:-15px; bottom:5px; z-index:92;}
.popup-side .arr.arr-rb-0{ border-right-color:#ddd; left:-16px; top:5px; z-index:91;}
.popup-side .arr.arr-rb-01{border-right-color:#fff; left:-15px; top:5px; z-index:92;}
.popup-side .arr.arr-lt-0{ border-left-color:#ddd; right:-16px; bottom:5px; z-index:91;}
.popup-side .arr.arr-lt-01{border-left-color:#fff; right:-15px; bottom:5px; z-index:92;}
.popup-side .arr.arr-lb-0{ border-left-color:#ddd; right:-16px; top:5px; z-index:91;}
.popup-side .arr.arr-lb-01{border-left-color:#fff; right:-15px; top:5px; z-index:92;}
.popup-side .arr.arr-tr-0{ border-top-color:#ddd; bottom:-16px; left:10px; z-index:91;}
.popup-side .arr.arr-tr-01{border-top-color:#fff; bottom:-15px; left:10px; z-index:92;}
.popup-side .arr.arr-tl-0{ border-top-color:#ddd; bottom:-16px; right:10px; z-index:91;}
.popup-side .arr.arr-tl-01{border-top-color:#fff; bottom:-15px; right:10px; z-index:92;}
.popup-side .arr.arr-br-0{ border-bottom-color:#ddd; top:-16px; left:10px; z-index:91;}
.popup-side .arr.arr-br-01{border-bottom-color:#fff; top:-15px; left:10px; z-index:92;}
.popup-side .arr.arr-bl-0{ border-bottom-color:#ddd; top:-16px; right:10px; z-index:91;}
.popup-side .arr.arr-bl-01{border-bottom-color:#fff; top:-15px; right:10px; z-index:92;}

.popup-side .iptdate{ background-color:#eeeeee; border:#eee solid 1px; height:26px; line-height:26px; width:110px; text-align:center;}
/*内容侧边的弹出层 end*/

/*内容侧边的alt提示弹层*/
.popup-alt{ position:absolute; z-index:90; width:200px; background-color:#fefe9d; border-radius:5px; border:#c9c9c9 solid 1px;}
.popup-alt .con{ padding:20px; position:relative;}
.popup-alt .arr{ width:0; height:0; line-height:0; border:solid transparent 10px; position:absolute;}
.popup-alt .arr.arr-rt-0{ border-right-color:#c9c9c9; left:-20px; bottom:5px; z-index:91;}
.popup-alt .arr.arr-rt-01{border-right-color:#fefe9d; left:-19px; bottom:5px; z-index:92;}
.popup-alt .arr.arr-rb-0{ border-right-color:#c9c9c9; left:-20px; top:5px; z-index:91;}
.popup-alt .arr.arr-rb-01{border-right-color:#fefe9d; left:-19px; top:5px; z-index:92;}
.popup-alt .arr.arr-lt-0{ border-left-color:#c9c9c9; right:-20px; bottom:5px; z-index:91;}
.popup-alt .arr.arr-lt-01{border-left-color:#fefe9d; right:-19px; bottom:5px; z-index:92;}
.popup-alt .arr.arr-lb-0{ border-left-color:#c9c9c9; right:-20px; top:5px; z-index:91;}
.popup-alt .arr.arr-lb-01{border-left-color:#fefe9d; right:-19px; top:5px; z-index:92;}
.popup-alt .arr.arr-tr-0{ border-top-color:#c9c9c9; bottom:-20px; left:20px; z-index:91;}
.popup-alt .arr.arr-tr-01{border-top-color:#fefe9d; bottom:-19px; left:20px; z-index:92;}
.popup-alt .arr.arr-tl-0{ border-top-color:#c9c9c9; bottom:-20px; right:20px; z-index:91;}
.popup-alt .arr.arr-tl-01{border-top-color:#fefe9d; bottom:-19px; right:20px; z-index:92;}
.popup-alt .arr.arr-br-0{ border-bottom-color:#c9c9c9; top:-20px; left:20px; z-index:91;}
.popup-alt .arr.arr-br-01{border-bottom-color:#fefe9d; top:-19px; left:20px; z-index:92;}
.popup-alt .arr.arr-bl-0{ border-bottom-color:#c9c9c9; top:-20px; right:20px; z-index:91;}
.popup-alt .arr.arr-bl-01{border-bottom-color:#fefe9d; top:-19px; right:20px; z-index:92;}
/*内容侧边的alt提示弹层*/
.z-index-99{ z-index:99 !important;}
/*加载提示弹层*/
.popup-load{ background-color:#111; background-color:rgba(0,0,0,0.8); color:#fff; border-radius:5px; padding:20px; position:fixed; left:50%; top:50%; z-index:999999 ;}
.j-popload{ -webkit-animation: popup-anima 0.5s; animation: popup-anima 0.5s;}
.popup-load i{ /*vertical-align:sub;*/ margin-right:10px;}



@keyframes popup-anima {
	/*0%,100%,20%,50%,80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    60% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }*/
	/*0%{transform:rotateX(270deg); -webkit-transform:rotateX(270deg); opacity:0; }
	100%{ transform:rotateX(360deg); -webkit-transform:rotateX(360deg); opacity:1;}*/
	20% {
		-webkit-transform: scale3d(1, 1,1);
		transform: scale3d(1, 1,1);
	}
	80% {
		-webkit-transform: scale3d(1.1, 1.1,1);
		transform: scale3d(1.1, 1.1,1);
	}
	100% {
		-webkit-transform: scale3d(1, 1,1);
		transform: scale3d(1, 1,1);
	}
}


/*公告提示框*/
.popup-notice{ padding:10px; border:#f0dbb2 solid 1px; background-color:#fef5e4; position:relative;}
.popup-notice .close{ position:absolute; top:20px; right:8px; line-height:0; font-size:24px; cursor:pointer; display:inline-block; text-decoration:none;}
.row1{ height:23px; overflow:hidden;}
.row2{ height:46px; overflow:hidden;}
.popup-notice-skin2 .table tbody td{border-bottom: none;}
.popup-notice-skin2:before{content:'';display: block;position: absolute; right:-1px;bottom:-1px;width:80px;height:40px;background: linear-gradient(153deg, #fbe7ad 0%, #e0ac68 45%, #f6f6f6 50%);}
.popup-notice-skin2 .icon-thumbtack{margin:-50px 0 0 -20px}
.popup-notice-irregularities{background:#f6f6f6;padding:30px 30px 20px 30px;margin:-10px -20px -20px -20px;border-bottom:1px dashed #dcdcdc;}

/* 温馨提示 */
.wxtips{width:212px;height:155px;overflow: hidden;background: url('../img/bg_hzinfo.png') no-repeat;}
.wxtips-main{padding:30px 10px 0 62px;font-size:12px;line-height:22px;}

.border-dashed{border:1px dashed #eecc8d;background: #fffdf9;}


/*删除行提示，多用于列表行*/
.popup-delrow{ background-color:#9eabb9; position:absolute; color:#fff; height:42px; display:none;}
.popup-delrow-con{ padding:4px 5px; text-align:center;}

/*弹出层]]---------------------------------------*/

/*标签[[----------------------------------------*/
.tag{text-align:center; padding:10px; margin:5px; border:#eee solid 1px; background-color:#eee; float:left; overflow:hidden; display:inline-block; *display:inline; *zoom:1;}
.small-tag{text-align:center; padding:2px; margin:1px; border:#eee solid 1px; background-color:#eee; float:left; overflow:hidden; display:inline-block; *display:inline; *zoom:1;}
.tag:hover,.tag.cur{background-color:#3197ff; border-color:#3197ff; color:#fff;}
.tag-min{ padding:5px;}
.tag-min-s{ padding:0 5px;}
.tag-min-ss{ padding:0 3px; height: 16px; line-height: 12px; font-size: 12px;}
.tag-outline{ border-color:#ccc;}
.tag-outline:hover,.tag-outline.cur {background-color:#deefff; border-color:#b7d3ed; color:#666;}
/*标签]]----------------------------------------*/

 
/*icon图标[[------------------------------------*/
.icon-success,.icon-success-m,.icon-success-lg,.icon-warning,.icon-warning-m,.icon-warning-lg,.icon-error,
.icon-failed,.icon-failed-m,.icon-failed-lg,.icon-stop,.icon-stop-m,.icon-stop-lg,.icon-pause,.icon-pause-m,.icon-pause-lg,.icon-ask,.icon-ask2,
.icon-edit,.icon-del,.icon-del-lg,.icon-del-s,.icon-del-s-h,.icon-calendar,.icon-add,.icon-minus,.icon-reload,.icon-video,.icon-menu,.icon-download,.icon-download2,.icon-msg,.icon-clock,.icon-map-marker,
.icon-xls,.icon-csv,.icon-youpin,.icon-pinpai,.icon-xianhuo,.icon-folder-lg,.icon-file-lg,
.icon-left,.icon-right,.icon-left2,.icon-right2,.icon-star,.star-count,.star-count .star-cur,.icon-arrow,.icon-arrow2,.icon-arrow-lg,.icon-arrow-lg-h,.icon-new,
.icon-magnifier,.icon-magnifier-bg,.icon-pencil,.icon-smilingface,.icon-userinfo,.icon-email,.icon-phone,.icon-lock,
.icon-userinfo-blue,.icon-userinfo-red,.icon-email-blue,.icon-email-red,.icon-email-h,.icon-phone-blue,.icon-phone-red,.icon-lock-blue,.icon-bulb,.icon-bulb2,.icon-bulb3,.icon-bulb4,
.icon-cyt,.icon-iscp,.icon-wang,.icon-bcp,.icon-cyt-not,.icon-iscp-not,.icon-wang-not,.icon-bcp-not,
.icon-subtraction,.icon-subtraction-blue,.icon-num,.icon-trend-up,.icon-trend-up2,.icon-trend-drom,.icon-trend-down2,.icon-add-blue,.icon-circle-arrow,.icon-circle-arrow2,
.icon-qq,.icon-qia,.icon-note,.icon-superbuyer,.icon-level1,.icon-level2,.icon-level3,.icon-level4,.icon-level5,.icon-terminal,.icon-suggestion,.icon-maijia-renzheng1,.icon-maijia-renzheng2,.icon-maijia-renzheng3,.icon-engineer,
.icon-maijia-renzheng-big,.icon-caigou-big,.icon-baojia-big,.icon-shuju-big,
.icon-dashi,.icon-jingying,.icon-hangjia,.icon-tel,.icon-hqi,.icon-lvqi,.icon-hoqi,.icon-zqi,.icon-lanqi,.icon-email-send,.icon-cyt-level,
.icon-600,.icon-xh,.icon-original,.icon-bid,.icon-brand,.icon-biaowang-1,.icon-biaowang-2,.icon-magnifier-border,.icon-preview,
.icon-stock,.icon-history,.icon-badge,.icon-badge-not,.icon-user-not,.icon-thumbnail,.icon-jia,.icon-jian,.icon-graphs,
.icon-haoping,.icon-zhongping,.icon-chaping,.icon-page-pre,.icon-page-next,.icon-page-pre-off,.icon-page-next-off,
.icon-pinpai-b, .icon-pinpai-b-not, .icon-service-bcp,.icon-upgrade,.icon-upgrade-s,.icon-contact,.icon-yz,.icon-pinpai-c,.icon-cx,.icon-year,
.icon-hq-contact, .icon-lg-contact,.icon-calendar,.icon-entity,
.icon-yuanzhuang2,.icon-pinpai2,.icon-xianhuo2,.icon-bcp2,.icon-reimai2,.icon-youshi2,.img-notice-close,
.step-ico,.icon-step-success,.icon-step-error,.icon-step-time,.icon-thumbtack,
.icon-fullscreen,.icon-fullscreen-exit,.icon-fullscreen2,.icon-fullscreen2-exit,.icon-video-play,
.icon-sidebar-display,.icon-sidebar-on,.icon-sidebar-off,.icon-filter,.icon-ask3,
.icon-dai,.icon-dai-not,.icon-dai2,.icon-dai3,.icon-zheng,.icon-zheng2,.icon-mk-hot1,.icon-mk-hot2,.icon-mk-hot3,.icon-xxfx,.icon-mk-hot,.mk-hot-count,.mk-hot-cur{ background:url("../img/icon.png?v=20200525") no-repeat; display:inline-block; *display:inline; *zoom:1; overflow: hidden; vertical-align:middle; margin-top:-3px; margin-right:5px;}

/* 正品 代理 */
.icon-dai{ background-position:-131px -764px; width:16px; height:16px;}
.icon-dai-not{ background-position:-131px -745px; width:16px; height:16px;}
.icon-dai2{ background-position:-100px -1144px; width:16px; height:16px;}
.icon-dai3{ background-position:-149px -982px; width:28px; height:16px;}
.icon-zheng{ background-position:-30px -984px; width:28px; height:16px;}
.icon-zheng2{ background-position:-119px -1125px; width:16px; height:16px;}

/* 筛选 */
.icon-filter{width:17px;height:17px;background-position:-98px -1293px;}

/* 折叠菜单图标 */
.icon-sidebar-display{height:48px;width:10px;background-position:left -1262px;}
.icon-sidebar-on{width:16px;height:16px;background-position:-20px -1262px;}
.icon-sidebar-off{width:15px;height:15px;background-position:-37px -1262px;}

/* step */
.icon-step-success{ width: 13px; height: 13px;background-position:left -1150px;}
.icon-step-time{width: 13px; height: 13px;background-position: -17px -1150px;}
.icon-step-error{width: 13px; height: 13px;background-position: -34px -1150px;}
.icon-thumbtack{width:48px; height:43px;background-position: -131px -1162px;}

/*日历*/
.icon-calendar{background-position: -164px -448px; width: 16px; height: 16px;}
/*  客服联系图标 */
.icon-contact{width:17px;height:17px;background-position:-153px -208px;}
.icon-hq-contact{width:20px;height:17px;background-position:-144px -1085px;}
.icon-lg-contact{width:40px;height:40px;background-position:-140px -1110px;}

/*旺铺升级图标*/
.icon-upgrade{ background-position: -150px -897px; width: 20px; height: 28px;}
.icon-upgrade-s{ background-position: -150px -930px; width: 14px; height: 17px;}

/*分页箭头*/
.icon-page-pre{ background-position: -121px -632px; width: 7px; height: 11px; }
.icon-page-pre-off{ background-position: -121px -609px; width: 7px; height: 11px; }
.icon-page-next{ background-position: -146px -632px; width: 7px; height: 11px; margin-left: 5px;}
.icon-page-next-off{ background-position: -146px -609px; width: 7px; height: 11px; margin-left: 5px;}

/* 评价 */
.icon-chaping, .icon-haoping, .icon-zhongping {width: 45px;height: 16px;}
.icon-haoping{background-position: -121px -1000px;}
.icon-zhongping{background-position: -121px -1020px;}
.icon-chaping{background-position: -121px -1040px;}


/* 热卖旗帜 */
.icon-hqi{ background-position: -21px -786px; width: 14px; height: 14px;}
.icon-lvqi{ background-position: -37px -786px; width: 14px; height: 14px;}
.icon-hoqi{ background-position: -53px -786px; width: 14px; height: 14px;}
.icon-zqi{ background-position: -70px -786px; width: 14px; height: 14px;}
.icon-lanqi{ background-position: -85px -786px; width: 14px; height: 14px;}

.icon-yuanzhuang2{ background-position:0 -1125px; width:16px; height:16px;}
.icon-pinpai2{ background-position:-20px -1125px; width:16px; height:16px;}
.icon-xianhuo2{ background-position:-40px -1125px; width:16px; height:16px;}
.icon-bcp2{ background-position:-58px -1125px; width:21px; height:16px;}
.icon-reimai2{ background-position:-80px -1125px; width:16px; height:16px;}
.icon-youshi2{ background-position:-100px -1125px; width:16px; height:16px;}


/*成功*/
.icon-success{ background-position:-30px -50px; width:16px; height:16px;}
.icon-success-m{ background-position:0 -170px; width:34px; height:34px;}
.icon-success-lg{ background-position:0 -608px; width:50px; height:50px;}
/*警告*/
.icon-warning{ background-position:-60px -50px; width:16px; height:16px;}
.icon-warning-m{ background-position:-70px -1085px; width:34px; height:34px;}
.icon-warning-lg{ background-position:-60px -608px; width:50px; height:50px;}
/*错误*/
.icon-error{ background-position:-90px -50px; width:16px; height:16px;}
/*失效*/
.icon-failed{ background-position:0 -50px; width:16px; height:16px;}
.icon-failed-m{ background-position:-105px -1085px; width:34px; height:34px;}
.icon-failed-lg{ background-position:0 -555px; width:50px; height:50px;}
/*停止*/
.icon-stop{ background-position:-120px -50px; width:16px; height:16px;}
.icon-stop-m{ background-position:-35px -1085px; width:34px; height:34px;}
.icon-stop-lg{ background-position:-120px -555px; width:50px; height:50px;}
/*暂停*/
.icon-pause{ background-position:-150px -50px; width:16px; height:16px;}
.icon-pause-m{ background-position:0 -1085px; width:34px; height:34px;}
.icon-pause-lg{ background-position:-60px -555px; width:50px; height:50px;}
/*询问*/
.icon-ask{ background-position:0 -80px; width:16px; height:16px; cursor:pointer;}
.icon-ask2{ background-position:-145px -448px; width:16px; height:16px; cursor:pointer;}
/*编辑*/
.icon-edit{ background-position:-30px -80px; width:16px; height:16px; cursor:pointer;}
/*删除*/
.icon-del{ background-position:-60px -80px; width:16px; height:16px; cursor:pointer;}
.icon-del-lg{ background-position:-50px -170px; width:27px; height:32px; cursor:pointer;}
.icon-del-s{ background-position:0 -210px; width:11px; height:16px; cursor:pointer;}
.icon-del-s:hover{background-position:-20px -210px;}
.icon-del-s-h{background-position:-20px -210px; width:11px; height:16px; cursor:pointer;}
/*缩略图*/
.icon-thumbnail{ background-position:-150px -805px; width:20px; height:20px; cursor:pointer;}
/*日历*/
.icon-calendar{ background-position:-90px -80px; width:16px; height:16px;}
/*增加*/
.icon-add{ background-position:-120px -80px; width:16px; height:16px; cursor:pointer;}
/*减少*/
.icon-minus{ background-position:-150px -80px; width:16px; height:16px; cursor:pointer;}
/*刷新*/
.icon-reload{ background-position:0 -110px; width:16px; height:16px; cursor:pointer;}
.icon-reload:hover,.icon-reload.cu{background-position:-30px -110px;}
/*视频*/
.icon-video{ background-position:-60px -110px; width:19px; height:16px;}
/*菜单*/
.icon-menu{ background-position:-90px -110px; width:16px; height:16px;}
/*下载*/
.icon-download{ background-position:-120px -110px; width:20px; height:18px; cursor:pointer;}
.icon-download2{ background-position:-150px -875px; width:28px; height:18px; cursor:pointer;}
/*xls图标*/
.icon-xls{ background-position:0 -140px; width:18px; height:18px;}
/*csv图标*/
.icon-csv{ background-position:-30px -140px; width:18px; height:18px;}
/*优品*/
.icon-youpin{ background-position:-60px -140px; width:17px; height:17px;}
/*品牌*/
.icon-pinpai{ background-position:-90px -140px; width:17px; height:17px;}
/*现货*/
.icon-xianhuo{ background-position:-120px -140px; width:17px; height:17px;}
/*文件夹*/
.icon-folder-lg{ background-position:0 -230px; width:80px; height:80px;}
/*文档*/
.icon-file-lg{ background-position:-90px -230px; width:80px; height:80px;}
/*滚屏左边*/
.icon-left{ background-position:0 -320px; width:30px; height:60px; cursor:pointer; margin-right:0;}
.icon-left2{ background-position:-65px -320px; width:20px; height:45px; cursor:pointer; margin-right:0;}
/*滚屏右边*/
.icon-right{ background-position:-30px -320px; width:30px; height:60px; cursor:pointer; margin-right:0;}
.icon-right2{ background-position:-85px -320px; width:20px; height:45px; cursor:pointer; margin-right:0;}

.icon-dashi{ background-position:-80px -672px; width:56px; height:18px;}
.icon-jingying{ background-position:-80px -697px; width:56px; height:18px;}
.icon-hangjia{ background-position:-80px -722px; width:56px; height:18px;}
/*信息*/
.icon-msg{ background-position:-126px -467px; width:18px; height:18px;}
/*时钟*/
.icon-clock{background-position:-144px -467px; width:18px; height:18px;}
/*地图标记*/
.icon-map-marker{background-position:-162px -467px; width:18px; height:18px;}
/*库存*/
.icon-stock{ background-position:-80px -210px; width:16px; height:16px;}
/*历史*/
.icon-history{ background-position:-60px -210px; width:16px; height:16px;}
/*徽章*/
.icon-badge{ background-position:-115px -210px; width:15px; height:16px; margin-right:0;}
/*徽章2*/
.icon-badge-not{ background-position:-100px -210px; width:15px; height:16px; margin-right:0;}
/*用户禁用*/
.icon-user-not{ background-position:-130px -210px; width:15px; height:16px;}
.icon-jia{ background-position:-150px -830px; width:14px; height:14px; cursor:pointer;}
.icon-jian{background-position:-165px -830px; width:14px; height:14px; cursor:pointer;}
/*指数曲线*/
.icon-graphs{ background-position:-150px -850px; width:25px; height:18px; cursor:pointer;}
/*媒体播放*/
.icon-video-play{ background-position:-45px -1210px; width:40px; height:40px; margin:0; cursor:pointer;}
/*星星*/
.icon-star{ background-position:-160px 0; width:16px; height:15px; margin-right:0;}
.icon-star.cur{background-position:-120px 0;}
.icon-star.half{ background-position:-140px 0;}
/*星级评分*/
.star-score{ height:15px; position:relative; cursor:pointer; display:inline-block; *display:inline; *zoom:1;}
/*星级评分统计*/
.star-count{ background-position:0 -25px; background-repeat:repeat-x; height:15px; position:relative; display:inline-block; *display:inline; *zoom:1; width:96px; margin-right:0; margin-top:0;}
.star-count .star-cur{background-position:0 0; background-repeat:repeat-x; height:15px; position:absolute; left:0; top:0; margin-right:0; margin-top:0;}
/*热度*/
.hot-count{ font-size:0; line-height:0; width:60px; height:6px; /*position:relative;*/ display:inline-block; *display:inline; *zoom:1; border:#ffd0b1 solid 1px;height:10px; padding:1px;}
.hot-count .hot-cur{ height:6px; /*position:absolute; left:0; top:0;*/ background-color:#f2721d;}

/*市场热度*/
.mk-hot-score{ height:16px; position:relative; cursor:pointer; display:inline-block; *display:inline; *zoom:1;}
.icon-mk-hot{ background-position:0px -1315px; width:16px; height:16px; margin-right:0;}
.icon-mk-hot.cur{background-position:0px -1333px;}

.mk-hot-count{ background-position:0px -1315px; background-repeat:repeat-x; height:16px; position:relative; display:inline-block; *display:inline; *zoom:1; width:96px; margin-right:0; margin-top:0;}
.mk-hot-count .mk-hot-cur{background-position:0px -1331px; background-repeat:repeat-x; height:16px; position:absolute; left:0; top:0; margin-right:0; margin-top:0;position: absolute; left: 0; top: 0;}

/* 箭头 */
.icon-arrow{width:7px;height:5px;background-position:0 -402px;}
.icon-arrow2{width:6px;height:10px;background-position:-13px -397px;}
.icon-arrow-lg{width:13px;height:8px;background-position:0 -411px;}
.icon-arrow-lg-h{width:13px;height:8px;background-position:-16px -411px;}
.icon-circle-arrow{width: 24px;height: 24px;background-position: -134px -170px; cursor: pointer;}
.icon-circle-arrow2{width: 24px;height: 24px;background-position: -95px -170px; cursor: pointer;}

/* 点 */
.icon-dot{font-family: \5b8b\4f53;color:#666;margin-right:10px;}/*<i class="icon-dot">▪</i>*/
/* new */
.icon-new{width:27px;height:11px;background-position:0 -424px;}
/* icon gif  */
.icon-gif-hot{background: url("../img/ico_hot.gif") no-repeat;display:inline-block;vertical-align:middle;overflow: hidden;width:28px;height:11px;}
/* 放大镜 */
.icon-magnifier-bg{width:61px;height:61px;background-position:-48px -385px;}
.icon-magnifier{width:16px;height:17px;background-position:left -439px;}
/*铅笔*/
.icon-pencil{width:61px;height:61px;background-position:-111px -322px;}
/* 笑脸 */
.icon-smilingface{width:64px;height:61px;background-position:-111px -385px;}
/*全屏，退出全屏*/
.icon-fullscreen{background-position:0 -1170px; width:80px; height:17px; cursor:pointer;}
.icon-fullscreen-exit{background-position:0 -1190px; width:80px; height:17px; cursor:pointer;}
.icon-fullscreen2{background-position:-85px -1170px; width:15px; height:15px; cursor:pointer;}
.icon-fullscreen2-exit{background-position:-85px -1190px; width:15px; height:15px; cursor:pointer;}

.icon-userinfo{width:18px;height:17px;background-position:left -487px;}
.icon-userinfo-blue{width:18px;height:17px;background-position:left -467px;}
.icon-userinfo-red{width:18px;height:17px;background-position:-25px -449px;}
.icon-email{width:20px;height:17px;background-position:-28px -487px;}
.icon-email-blue,.icon-email-h{width:20px;height:17px;background-position:-28px -467px;}
.icon-email-red{width:20px;height:17px;background-position:-53px -449px;}
.icon-email-send{width:21px;height:15px;background-position:-104px -469px;}
.icon-phone{width:12px;height:17px;background-position:-58px -487px;}
.icon-phone-blue{width:12px;height:17px;background-position:-58px -467px;}
.icon-phone-red{width:12px;height:17px;background-position:-83px -449px;}
.icon-lock{width:16px;height:17px;background-position:-80px -487px;}
.icon-lock-blue{width:16px;height:17px;background-position:-80px -467px;}
.icon-cyt{width:16px;height:17px;background-position:0 -763px;}
.icon-iscp{width:16px;height:17px;background-position:-21px -763px;}
.icon-pinpai-b{width: 16px;height: 16px;background-position:-84px -763px;}
.icon-wang{width:16px;height:17px;background-position:-42px -763px;}
.icon-bcp{width:16px;height:17px;background-position:-63px -763px;}
.icon-cyt-not{width:16px;height:17px;background-position:0 -745px;}
.icon-iscp-not{width:16px;height:17px;background-position:-21px -745px;}
.icon-pinpai-b-not{width:16px;height:16px;background-position:-84px -745px;}
.icon-wang-not{width:16px;height:17px;background-position:-42px -745px;}
.icon-bcp-not{width:16px;height:17px;background-position:-63px -745px;}
.icon-bulb{width:12px;height:16px;background-position:-151px -488px;}
.icon-bulb2{width:12px;height:16px; background-position:0 -1210px;}
.icon-bulb3{width:12px;height:16px; background-position:-15px -1210px;}
.icon-bulb4{width:12px;height:16px; background-position:-30px -1210px;}
.icon-subtraction{width:16px;height:16px;background-position:-105px -488px;}
.icon-subtraction:hover,
.icon-subtraction-blue{width:16px;height:16px;background-position:-126px -488px;}
.icon-num{width:26px;height:15px;line-height:15px;text-align: center;font-family:\5b8b\4f53;background:#ff5f51;color:#fff;border-radius:8px;}
.icon-num-s{ height:13px; line-height:10px; font-size:11px; border-radius:3px}
.icon-75beff,
.icon-bfa1e6,
.icon-f495b0,
.icon-ff9f75,
.icon-ff0000{color:#fff;font-family: \5b8b\4f53;font-size:12px;border-radius:2px;padding:2px 3px;}
.icon-75beff{background:#75beff;}/*蓝色背景*/
.icon-bfa1e6{background:#bfa1e6;}/*紫色背景*/
.icon-f495b0{background:#f495b0;}/*粉红背景*/
.icon-ff9f75{background:#ff9f75;}/*桔色背景*/
.icon-ff0000{background:#ff0000;}/*红色背景*/
.icon-trend-up{width:7px;height:10px;background-position:left -516px; cursor:pointer;}
.icon-trend-up.on{width:7px;height:10px;background-position:-7px -517px;cursor:pointer;}
.icon-trend-up2{ background-position:-104px -448px; width:18px; height:18px; cursor:pointer;}
.icon-trend-drom{width:7px;height:10px;background-position:-7px -532px; cursor:pointer;}
.icon-trend-down2{ background-position:-124px -448px; width:18px; height:18px; cursor:pointer;}
.icon-add-blue{background-position:-88px -517px;width:21px;height:19px; cursor:pointer;}
.icon-qq{ width: 16px; height:16px;background-position:-144px -518px;cursor:pointer;} /*qq图标*/
.icon-qia{ width: 16px; height:16px;background-position:-122px -518px;cursor:pointer;}/*恰恰图标*/
.icon-superbuyer{width:16px;height:16px;background-position:left -711px;}/*超级买家*/
.icon-terminal{width:44px;height:16px;background-position:left -672px}
.icon-suggestion{width:16px;height:16px;background-position:left -729px}
.icon-tel{width:18px;height:17px;background-position:left -784px;}
.icon-maijia-renzheng1{ background-position:-20px -710px; width:24px; height:16px;}/*买家认证1*/
.icon-maijia-renzheng2{ background-position:-45px -710px; width:24px; height:16px;}/*买家认证2*/
.icon-maijia-renzheng3{ background-position:-45px -672px; width:24px; height:16px;}/*买家认证3*/
.icon-engineer{ background-position:-20px -727px; width:60px; height:16px;}/*工程师*/
.icon-ask3{width: 20px; height: 20px; background-position: -164px -1212px;}/**蓝色问号**/

/* 会员服务 */
.icon-cyt-level{width:56px;height:18px;background-position:left -965px;}
.icon-600{width:28px;height:16px;background-position:-150px -965px;}
.icon-xh{width:28px;height:16px;background-position:-61px -965px;}
.icon-original{width:28px;height:16px;background-position:-90px -965px;}
.icon-bid{width:16px;height:16px;background-position:-61px  -984px;}
.icon-brand{width:28px;height:16px;background-position:-120px -965px;}
.icon-biaowang-1{width:16px;height:16px;background-position:-82px  -984px;}
.icon-biaowang-2{width:55px;height:22px;background-position:left  -1005px;}
.icon-yz{width:16px;height:16px;background-position:-133px -784px;}
.icon-pinpai-c{width:16px;height:16px;background-position:-112px -784px;}
.icon-cx{width:16px;height:16px;background-position:-154px -784px;}
.icon-year{width:47px;height:17px;background-position:-121px -1059px;line-height:17px;color: #44ade9;text-align: center;font-weight:bold;position: relative;font-size:12px;padding-left:26px;}
.icon-year em {position: absolute;left: 2px;top: 0;font-weight: 400; color: #fff;}
.icon-entity{ width:23px; height:16px; background-position:-105px -763px;}

.icon-magnifier-border{background-position:-141px -140px;width:15px;height:15px;}
.icon-preview{background-position:-159px -140px; width:17px;height:17px;}


/* 买家等级 */
.icon-level1,.icon-level2,.icon-level3,.icon-level4,.icon-level5{width:13px;height:13px;}
.icon-level1{background-position:left -695px;}
.icon-level2{background-position:-15px -695px;}
.icon-level3{background-position:-30px -695px;}
.icon-level4{background-position:-45px -695px;}
.icon-level5{background-position:-60px -695px;}

/*通知图标*/
.icon-note{ width:16px; height:16px; background-position:-164px -518px;}

.icon-maijia-renzheng-big{ background-position:0 -805px; width:70px; height:70px;}/*买家认证大图*/
.icon-caigou-big{ background-position:-70px -805px; width:70px; height:70px;}/*采购大图*/
.icon-baojia-big{ background-position:0 -875px; width:70px; height:70px;}/*搜报价大图*/
.icon-shuju-big{ background-position:-70px -875px; width:70px; height:70px;}/*数据分析大图*/

/*市场热度图标*/
/*.icon-mk-hot1{ width:17px; height:16px; background-position: -166px -1235px;}
.icon-mk-hot2{ width:17px; height:16px; background-position: -166px -1253px;}
.icon-mk-hot3{ width:17px; height:16px; background-position: -166px -1273px;}*/
.icon-xxfx{width:17px; height:16px; background-position: -166px -1290px;}
/* bg_spirit */
.icon-bg-blue,
.icon-bg-yellow{background:url("../img/bg_spirit.png") no-repeat;display: inline-block;overflow: hidden;vertical-align: middle;text-align: center;position: relative;}
.icon-bg-blue,
.icon-bg-blue:hover{width:200px;height:200px;line-height:200px;font-size:36px;color:#fff;font-weight: bold;text-decoration: none;}
.icon-bg-yellow,
.icon-bg-yellow:hover{width:200px;height:200px;line-height:200px;background-position:-259px top;font-size:36px;color:#fff;font-weight: bold;text-decoration: none;}
:root .icon-bg-blue:hover{background: #8cd6d0;border-radius: 100px;}
:root .icon-bg-yellow:hover{background: #ffa57d;border-radius: 100px;}
.icon-bg-blue span,
.icon-bg-yellow span{position: absolute;z-index:1;width:100%;text-align: center;left:0;top:0;}
.icon-bg-blue::before,
.icon-bg-yellow::before{content: "";position: absolute;top: 27px;left:28px;width: 146px;height: 146px;border-radius: 73px;background:#78cfc8;display: none;}
.icon-bg-yellow::before{background:#ff9566}
.icon-bg-blue::after,
.icon-bg-yellow::after{content: "";position: absolute;top: 27px;left: 28px;width: 146px;height: 146px;border-radius:73px;background: #78cfc8;display: none;animation: puffOut 1s infinite linear 0s;}
.icon-bg-yellow::after{background:#ff9566}
.icon-bg-blue:hover::before,
.icon-bg-yellow:hover::before,
.icon-bg-blue:hover::after,
.icon-bg-yellow:hover::after{display: block;}

/* .icon-service */
.icon-service-bidding,
.icon-service-ic,
.icon-service-yqj,
.icon-service-quotation-management,
.icon-service-my-buyer,
.icon-service-shop,
.icon-service-hqepay,
.icon-service-job,
.icon-service-wxb,
.icon-service-service-order,
.icon-service-system-msg,
.icon-service-personal-info,
.icon-service-safe-set,
.icon-service-company-set,
.icon-service-advance-charge,
.icon-service-hqjt,
.icon-service-qiuzhi,
.icon-service-purchase,
.icon-service-inquiry,
.icon-service-eren,
.icon-service-tech,
.icon-service-supershop,
.icon-service-sjbg,
.icon-service-gys{background:url("../img/icon_service.png?06302056") no-repeat;display: inline-block;overflow:hidden;vertical-align:middle;width:60px;height:60px;}

.icon-service-sjbg{background-position:-206px -275px;}
.icon-service-bidding{background-position:0 0;}
.icon-service-ic{background-position:-69px top;}
.icon-service-yqj{background-position:-138px top;}
.icon-service-quotation-management{background-position:-206px top;}
.icon-service-my-buyer{background-position:-276px top;}
.icon-service-shop{background-position:0 -68px;}
.icon-service-hqepay{background-position:-69px -68px;}
.icon-service-job{background-position:-138px -68px;}
.icon-service-wxb{background-position:-206px -68px;}
.icon-service-service-order{background-position:-276px -68px;}
.icon-service-system-msg{background-position:0 -137px;}
.icon-service-personal-info{background-position:-69px -137px;}
.icon-service-safe-set{background-position:-138px -137px;}
.icon-service-company-set{background-position:-206px -137px;}
.icon-service-advance-charge{background-position:-276px -137px;}
.icon-service-hqjt{background-position:0 -205px;}
.icon-service-qiuzhi{background-position:-69px -205px;}
.icon-service-purchase{ background-position:-138px -205px;}
.icon-service-inquiry{ background-position:-206px -205px;}
.icon-service-eren{ background-position:-276px -205px;}
.icon-service-supershop{background-position:0 -275px;}
.icon-service-tech{background-position: -69px -275px;}
.icon-service-gys{background-position:-138px -275px;}
/*bcp 型号*/
.icon-service-bcp{width: 28px;height: 16px;background-position: 0 -984px;}

/* icon gif */
.icon-loading{background: url("../img/loading.gif") no-repeat;width:48px;height:48px;display:inline-block;overflow: hidden;vertical-align: middle;}

/* icon iphone & android */
.icon-iphone{background: url("../img/icon_iphone.png") no-repeat; width: 35px; height: 33px; display:inline-block; overflow: hidden;vertical-align: middle;}
.icon-android{background: url("../img/icon_android.png") no-repeat; width: 39px; height: 33px; display:inline-block; overflow: hidden;vertical-align: middle;}

/*icon图标]]------------------------------------*/

/*页签[[---------------------------------------*/

/*常用页签*/
.tab{ margin-bottom:10px;}
.tab .tab-head{ position:relative; border-bottom:#3197ff solid 1px; height:36px; line-height:36px;}
.tab .tab-head .j-tab-title{ float:left; color:#666; height:36px; +height:35px; line-height:35px; border:#e8e8e8 solid 1px; border-bottom-color:#3197ff; border-top-left-radius:5px; border-top-right-radius:5px; background-color:#f4f4f4; margin-right:5px; cursor:pointer; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tab .tab-head .j-tab-title a{ color:#666; padding:0 15px; display:inline-block; *display:inline; *zoom:1;}
.tab .tab-head .j-tab-title a:hover{ text-decoration:none; color:#666;}
.tab .tab-head .j-tab-title.cur{ background-color:#fff; color:#3197ff; border-color:#3197ff; border-bottom-color:#fff;font-weight: bold;}
.tab .tab-head .j-tab-title.cur a,.tab .tab-head .j-tab-title.cur a:hover{color:#3197ff;}
.tab .tab-con{ padding:15px 0; background-color:#fff;}

/*标题版也签*/
.tab-max{margin-bottom: 10px;}
.tab-max > .tab-head{position: relative; border-bottom:#ddd solid 1px; height: 48px; line-height: 48px;}
.tab-max > .tab-head >.j-tab-title{ float: left; color: #666; font-size: 16px; height: 48px; line-height: 45px; border-bottom: 1px solid #ddd; border-right:#ddd solid 1px; border-top: 3px solid #fff; cursor: pointer; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.tab-max > .tab-head > .j-tab-title a{ color: #666; padding: 0 40px; display:inline-block; *display:inline; *zoom:1;}
.tab-max > .tab-head > .j-tab-title a:hover{ text-decoration:none; color:#666; background-color:transparent;}
.tab-max > .tab-head > .j-tab-title.cur{ border-top-color: #3197ff; border-bottom-color: #fff;}
.tab-max > .tab-head > .j-tab-title.cur a, .tab-max >.tab-head >.j-tab-title.cur a:hover{ color: #333; font-weight: bold;}
.tab-max .tab-con{ padding: 15px 0; background-color:#fff;}

/*精简版页签*/
.tab-lite{ margin-bottom:10px;}
.tab-lite .tab-head{ position:relative; border-bottom:#ddd solid 1px; height:36px; line-height:36px;}
.tab-lite .tab-head .j-tab-title{ float:left; color:#666; height:36px; +height:35px; line-height:35px; background-color:transparent; border:transparent solid 1px; border-bottom-color:#ddd; margin-right:5px; cursor:pointer; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tab-lite .tab-head .j-tab-title a{ color:#666; padding:0 15px; display:inline-block; *display:inline; *zoom:1;}
.tab-lite .tab-head .j-tab-title a:hover{ text-decoration:none; color:#666; background-color:transparent;}
.tab-lite .tab-head .j-tab-title.cur{ color:#333; border:transparent solid 1px; border-bottom-color:#3197ff; background-color:transparent;}
.tab-lite .tab-head .j-tab-title.cur a,.tab-lite .tab-head .j-tab-title.cur a:hover{color:#333;}
.tab-lite .tab-con{ padding:15px 0; background-color:#fff;}

/*精致版页签*/
.tab-fine{ margin-bottom:10px;}
.tab-fine .tab-head{ position:relative; border-bottom:#ddd solid 1px; height:36px; line-height:36px;}
.tab-fine .tab-head .j-tab-title{ float:left; color:#666; background-color:#fff; height:36px; +height:35px \9; line-height:35px; border:#e8e8e8 solid 1px; border-top-left-radius:5px; border-top-right-radius:5px; margin-right:5px; cursor:pointer; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tab-fine .tab-head .j-tab-title.cur{ color:#333; border-color:#ddd; background-color:#eee; border-bottom-color:#eee; }
.tab-fine .tab-head .j-tab-title a{ color:#666; padding:0 15px; display:inline-block; *display:inline; *zoom:1;}
.tab-fine .tab-head .j-tab-title a:hover{ text-decoration:none; color:#666;}
.tab-fine .tab-head .j-tab-title.cur a,.tab-fine .tab-head .j-tab-title.cur a:hover{color:#333;}
.tab-fine .tab-con{ padding:5px; background-color:#eee; border:#ddd solid 1px; border-top:0;}
.tab-fine .tab-con .con-box{ border:#ddd solid 1px; background-color:#fff; padding:10px;}

/*切换控件*/
.switch{ height:24px; line-height:24px; border-right:#ddd solid 1px; background-color:#fff; color:#666; display:inline-block; *display:inline; *zoom:1;}
.switch b{ font-weight:normal; padding:0 10px; border:#ddd solid 1px; border-right:0; display:inline-block; *display:inline; *zoom:1; cursor:pointer; -webkit-transition:ease .5s ; transition:ease .5s ;}
.switch b.cur{ border-color:#3197ff; background-color:#3197ff; color:#fff; }
.switch.disabled{cursor: not-allowed; filter: alpha(opacity=65);box-shadow: none;opacity:0.65;background-color:#f4f4f4 !important; border-color:#ccc !important; color:#bbb !important;}

/*页签]]---------------------------------------*/

/*面板[[--------------------------------------*/
.panel{ background-color:#fff;}
.panel-head{ color:#666; border-bottom:#e8e8e8 solid 1px; line-height:16px; padding:15px 20px 10px 20px;}
.panel-head h2{ font-size:14px; color:#000; font-weight:normal; float:left; margin-right:20px;}
.panel-con{ padding:10px 20px 20px 20px;}

/*面板]]--------------------------------------*/

/*缩略图*/
.min-imgbox{ width:98px; height:98px; border:#e8e8e8 solid 1px; background-color:#f7f7f7; display:table; text-align:center; position:relative;}
.min-imgbox span,.min-imgbox a{ display:table-cell; vertical-align:middle;}
.min-imgbox img{  max-width:98px; max-height:98px; width:98px \9; height:98px \9;}
.min-imgbox .disable{ position:absolute; left:0; right:0; z-index:9; width:100%; height:100%; background-color:#333; filter:Alpha(opacity=50); background-color: rgba(51,51,51,0.5);}
.min-imgbox .img-mask{background:#333; filter:alpha(opacity=65); opacity:0.65; position:absolute; top:0; left:0; display:none;}
.min-imgbox .icon-box{ width:58px; position:absolute; text-align:center; left:50%; top:50%; margin-left:-28px; margin-top:-20px; cursor:pointer; display:none; z-index:9;}
.min-imgbox .icon-box i{ margin-right:0 !important;}
.min-imgbox .icon-box b{ font-weight:normal; height:16px; line-height:16px; display:block; overflow:hidden; font-size:12px; color:#fff;}
.min-imgbox .del{ position:absolute; display:none; width:40px; height:39px; border-radius:20px; padding-left:4px; padding-top:5px; left:50%; top:50%; margin-left:-20px; margin-top:-20px; background-color:rgba(51,51,51,.8); _background-color:#333; _filter:alpha(Opacity=80);}
.min-imgbox .img-del{position:absolute;display:none;width: 20px;height: 20px; text-align:center; line-height:18px; right: 2px;top: 3px;}
.min-imgbox .img-del i{ width: 18px;height: 18px;font-size: 22px;line-height: 15px;text-align: center;  background-color:#999; color: #fff;border-radius: 3px; display:inline-block; cursor:pointer;}
.min-imgbox .img-toolbox{ background-color:rgba(40,40,40,.5); color:#fff; position:absolute; bottom:0; left:0; width:100%; display:block; z-index:9; display:none;}
.min-imgbox .img-tit{ transition:all .2s; padding:0 5px; width:100%; line-height:20px; height:20px; overflow:hidden; position:absolute; z-index:99; left:0; color:#fff; background-color:rgba(0,0,0,.5); background-color:#000 \9; filter:alpha(opacity=80) \9;}
.min-imgbox .tit-t{ top:0; display:none;}
.min-imgbox .tit-b{ bottom:-2px; display:none;}
.min-imgbox .tit-tip{ background-color:#ededed; color:#ff5f51;}
.min-imgbox .tit-t-show{ top:0; display:inline-block;}
.min-imgbox .tit-b-show{ bottom:-2px; display:inline-block;}
.min-imgbox:hover .tit-t{ display:inline-block;}
.min-imgbox:hover .tit-b{ display:inline-block;}

.min-imgbox:hover .del,
.min-imgbox:hover .img-del,
.min-imgbox:hover .img-toolbox{ display:inline-block;}
.min-imgtitle-omit{ width:98px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.min-imgtitle{width:98px; line-height:18px;}


/*缩略图大小为60px*/
.min-imgbox-s{ width:58px; height:58px; cursor:pointer;}
.min-imgbox-s:hover{ border-color:#3197ff;}
.min-imgbox-s img{  max-width:56px; max-height:56px; width:56px \9; height:56px \9;}


/*预览*/
.min-img-preview{ width:800px; height:580px; position:fixed; z-index:99999; left:50%; top:50%; margin-left:-400px; background-color:#fff; border-radius:5px;}
.min-img-preview-mask{ width:100%; height:100%; position:fixed; top:0; left:0; background-color:#333; opacity:0.3; filter:Alpha(opacity=30); transition:opacity linear .2s; z-index:99999;}
.min-img-preview .preview-main{ position:relative; padding:20px;}
.min-img-preview .preview-main .close{ position:absolute; right:20px; top:20px; cursor:pointer; width:16px; height:16px; font-size:22px; line-height:13px; text-align:center; color:#999; border-radius:3px;}
.min-img-preview .preview-main .close:hover{ background-color:#999; color:#fff;}
.min-img-preview .preview-main .to-left{ position:absolute; top:260px; left:0; display:none;}
.min-img-preview .preview-main .to-right{ position:absolute; top:260px; right:0; display:none;}
.min-img-preview .preview-main .name{ text-align:center; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis;white-space: nowrap; font-size:16px; margin-bottom:10px;}
.min-img-preview .preview-main .remark{ font-size:14px; color:#666; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis;white-space: nowrap; text-align:left;}
.min-img-preview .preview-main .img-box{ height:480px; width:760px; line-height:480px; display:table-cell; margin-bottom:10px; text-align:center;}
.min-img-preview .preview-main .img-box img{ max-height:480px; max-width:760px; vertical-align:middle;}
.min-img-preview .preview-main:hover .to-left,
.min-img-preview .preview-main:hover .to-right{ display:inline-block;}

/*上传图片*/
.upload-img{ width:98px; border:#e8e8e8 solid 1px; display:inline-block; *display:inline; *zoom:1; float:left; margin-right:5px;}
.upload-img .img-box{height:98px; position:relative; display:table; text-align:center;/*background:url(../img/upload-img.jpg) no-repeat center;*/ background-color:#f4f4f4; overflow:hidden; border-bottom:#e8e8e8 solid 1px;}
.upload-img .img-box span{display:table-cell; vertical-align:middle; width:98px;}
.upload-img .img-box img{max-width:100%; max-height:100%;}
.upload-img .img-box .delpic{ display:none; cursor:pointer; position:absolute; left:50%; top:50%; margin-left:-14px; margin-top:-16px;}
.upload-img .img-box:hover .delpic{ display:block;}
.upload-img i{ margin-right:0;}
.upload-img .img-up, .upload-img .img-del, .upload-img .img-upGalley {
        color: #666;
        width: 48px;
        height: 29px;
        line-height: 29px;
        display: inline-block;
        float: left;
        text-align: center;
		overflow:hidden;
    }
.upload-img .img-del{ border-left:#e8e8e8 solid 1px;}
.upload-img .img-up:hover,.upload-img .img-del:hover{ color:#3296fd; text-decoration:none;}
.upload-img .img-del:hover i{background-position:-20px -210px;}
.upload-img .upmsg{ border-bottom: #ddd solid 1px; text-align: center; height: 25px; line-height:25px; overflow: hidden;}
.webuploader-container { position:relative; vertical-align: middle; height:29px; border: none;cursor: pointer;text-align:center;}
.webuploader-pick {position: relative; width:100%; height:100%;cursor: pointer; text-align: center;overflow: hidden;}
.webuploader-pick.disable {opacity: 0.6;pointer-events:none;}
.webuploader-element-invisible {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}

.upload-img2{ width:128px; height:98px; border:#dedede solid 1px; position:relative; display:inline-block; vertical-align:middle; background-color:#f4f4f4;}
.upload-img2 .img-tit{ transition:all .2s; padding:0 5%; width:129px; line-height:22px; height:22px; overflow:hidden; position:absolute; z-index:99; left:-1px; color:#fff; background-color:rgba(0,0,0,.5); background-color:#000 \9; filter:alpha(opacity=80) \9;}
.upload-img2 .tit-t{ top:0; display:none;}
.upload-img2 .tit-b{ bottom:-2px; display:none;}
.upload-img2 .tit-tip{ background-color:#ededed; color:#ff5f51;}
.upload-img2 .tit-t-show{ top:0; display:inline-block;}
.upload-img2 .tit-b-show{ bottom:-2px; display:inline-block;}
.upload-img2 .btn-add{ width:36px; height:36px; overflow:hidden; text-align:center; line-height:32px; position:absolute; top:50%; margin-top:-18px; left:50%; margin-left:-18px; cursor:pointer; color:#ddd; font-size:45px;}
.upload-img2 .btn-add:hover{ color:#3296fd;}
.upload-img2 .del{ display:none; transition:all .2s; position:absolute; top:-8px; right:-8px; z-index:999; width: 20px;height: 20px; border:#fff solid 2px;font-size: 16px;line-height: 15px; text-align: center;  background-color:#666; color: #fff;border-radius: 50%; cursor:pointer;}
.upload-img2 .del:hover{ background-color:#3296fd;}
.upload-img2 .del-show{ display:block;}
.upload-img2 .imgboxout{ line-height:0;}
.upload-img2 .imgbox{ width:128px; height:98px; position:absolute; z-index:9; left:0; top:0; display:table; text-align:center;}
.upload-img2 .imgbox span,.upload-img2 .imgbox a{ display:table-cell; vertical-align:middle; line-height:none;}
.upload-img2 .imgbox img{ max-width:128px; max-height:98px; width:128px \9; height:88px \9;}
.upload-img2 .img-full img{ width:128px; height:98px;}
.upload-img2:hover .del{ display:inline-block;}
.upload-img2:hover .tit-t{ display:inline-block;}
.upload-img2:hover .tit-b{ display:inline-block;}

.upload-img2 .loading{ display:none; line-height:0; position:absolute; left:0; top:0; z-index:99; width:128px; height:98px; background-color:#333;}
.upload-img2 .loading i{font-size: 44px; position: absolute; top:50%; left:32%; color:#fff;}
.upload-img2.uploading .loading{ display:block;}
	
/* 步骤导航 */
.step{width: 836px;margin:20px auto 13px auto;padding-top:9px;}
.step li{float: left;display:inline;position: relative;color:#666;width:33%;height:50px;}
.step .step-title{min-width:60px;text-align:center;display:block;width:100%;margin-left:0;border-top:9px solid #ebebeb;margin-top:-10px;padding-top: 17px;}
.step .step-ico{display:inline-block;width:30px;height:30px;line-height:30px;overflow: hidden;background-position:-21px -517px;position: absolute;top:-19px;left:44%;text-align: center;font-size:16px;color:#fff;}
.step .step-mask{height:9px;font-size:0;line-height:0;background:#fff;width:50%;display: none;}
.step .on {color:#6bcd76}
.step .on .step-title {border-top:9px solid #6bcd76;}
.step .on .step-ico{background-position:-51px -517px;}
.step .first .step-mask{margin-top:-47px;left:-16px;display: block;}
.step .last .step-mask{margin-top:-47px;right:-14px;display: block;float: right;}
.step .off {color:#ff5f51}
.step .off .step-ico{background-position:-39px -1042px;}
.step .off .step-title {border-top:9px solid #ff5f51;}

.step.step-4 li{width:25%;}
.step.step-5 li{width:20%;}


/* 步骤导航skin2 */
.step-skin2{margin:20px 30px 13px 30px;text-align: center;}
.step-skin2 li{width:24%;height:60px;position:relative;background:#ccc;margin-left:4px;display:inline;float: left;color:#fff;}
.step-skin2 li:after{content: ""; position: absolute;left: 0;bottom: 0;width: 0;height: 0;border-left: 30px solid white;border-top: 30px solid transparent;border-bottom: 30px solid transparent;z-index:1;}
.step-skin2 li:before{content: "";position: absolute;right: -30px;bottom: 0;width: 0;height: 0;border-left: 30px solid #ccc;border-top: 30px solid transparent;border-bottom: 30px solid transparent;z-index:2;}
.step-skin2 .step-title{display:block;font-size:18px;line-height:24px;padding-top:8px;}
.step-skin2 .step-con{display:block;}
.step-skin2 .on{background:#6bcd76;}
.step-skin2 .on:before{border-left-color:#6bcd76;}
.step-skin2 .off{background:#ff5f51;}
.step-skin2 .off:before{border-left-color:#ff5f51;}
.step-skin2 .on .step-title,
.step-skin2 .off .step-title{font-weight: bold}


/* header */
.header{margin-bottom:15px;width:100%; min-width:1210px;}
.header-fixed{height:66px;}
.header-fixed .main-nav{position: fixed;top:0;left:0; z-index: 99999;min-width:1210px;}
.header-fixed #j-main-nav.hover .service-all-bd{top:66px;}
.header-fixed .layout-r{display: none;}

/* site-nav */
.site-nav{height:30px;line-height:30px;width:100%;background:#fff;position: relative;z-index:95;font-size:12px; display:none;}
.site-nav li{float:left;display:inline;}
.site-nav ul.float-left{padding-left:15px; }
.site-nav ul.float-right{padding-right:17px;}
.site-nav .line{color:#ccc;margin:0 10px;}
.site-nav .icon-arrow{position: absolute;top:16px;right:-5px;}
.site-nav .site-navmenulist{display:none;padding:5px 15px;background: #fff; position: absolute;top:30px;left:-13px;z-index:2;border: 1px solid #e4e4e4;border-top:0;line-height:22px;}
.site-nav .hover{position:relative;z-index:99;}
.site-nav .site-navmenutitle{border:1px solid #fff;border-bottom:0;background:#fff;padding:0 12px 0 0;line-height:30px;height:30px;position:relative;z-index:3;white-space:nowrap;margin: 0;cursor:default;float: left;}
.site-nav .hover .site-navmenutitle{color:#c00;border-color: #fff;background:#fff;}
.site-nav .hover .icon-arrow{background-position:0 -397px;}
.site-nav .hover .site-navmenulist{display:block;white-space:nowrap}
.site-nav .site-itswebsite .site-navmenulist{width:61px;}
.site-navservice  .site-navmenulist{ padding-top:10px;padding-bottom:10px;}
.site-navservice dl{width: 227px;}
.site-navservice dl{ overflow: hidden; width: 227px}
.site-navservice dt{ font-weight: bold; color: #333; padding: 0 0 4px;}
.site-navservice dd:after{content:" ";display:table;clear:both;}.site-navservice dd{*zoom:1}
.site-navservice dd a{float: left; margin-right: 8px;}
.site-navservice .icon-new{margin:0 0 0 -6px;float: left;}
.site-navservice .icon-gif-hot{margin:0px 0 0 -8px;float:left;}
.site-nav a{color:#666;}
.site-nav .c-link{color:#3296fd;}
.site-nav a:hover{color:#ff5f51; text-decoration:none;}
.site-nav .c-link:hover{color:#3296fd;text-decoration: underline;}
.site-nav .site-nav-msg{color:#ff5f51;font-weight: bold;}
.site-nav .site-navqiaqia .site-navmenulist div {padding:3px 0;}
.site-nav .site-navmenulist-right{left:auto;right:-14px;}

/* main-nav */
.main-nav{font-size:16px;height:66px;background:#3198ff;width:100%;}
.main-nav-bd{z-index:92;position: relative;width:100%;}
.main-nav .container{background:url("../img/bg_main_nav.png") no-repeat right top;position:relative;height:66px;}
.main-nav .logo-group{float:left;width:415px;display:inline;padding:15px 0 0 15px;}
.main-nav .logo{width:225px;height:36px;background:url("../img/logo.png") no-repeat;float: left;display:inline;}
.main-nav .logo a{width:225px;height:36px;overflow:hidden;text-indent:-9999px;display: block;}

.main-nav .logo-sub{float: left;display:inline; margin-left:20px;color:#fff; position:relative;}
.main-nav .logo-sub .logo-sub-con{ position:absolute; left:0; top:0; height:35px; overflow:hidden; width:120px;}
.main-nav .my-seller{height:35px;cursor: pointer; width:120px; padding:4px 5px 5px 10px; *padding-bottom:0;}
.main-nav .my-buyer{width:130px; height:35px; padding:5px 5px 0 10px; *padding-top:0;}
.main-nav .logo-sub.hover .logo-sub-con{ height:80px; background-color:#fff; border:#c4c4c4 solid 1px; border-radius:5px;
	box-shadow: 0 1px 10px #c4c4c4;
	-webkit-transition:height .2s ease-out;
    transition: height .2s ease-out;}
.main-nav .logo-sub.hover .logo-sub-con .my-buyer a{ color:#666;}
.main-nav .logo-sub.hover .logo-sub-con .my-seller{ color:#429aff;}
.main-nav .logo-sub.hover .logo-sub-con .my-seller .icon-arrow-lg{ background-position:-16px -411px;}

.main-nav .layout-r{ width:150px; float:right; text-align:right; color:#fff; font-size:12px; line-height:20px; padding-top:10px;padding-right:22px;}
.main-nav .layout-r p{ font-size:13px;}
.main-nav .layout-r a{ color:#fff;}
.main-nav .layout-r a:hover{ text-decoration:underline !important;}

.main-nav .icon-arrow-lg{margin-left:5px; vertical-align:middle; *margin-top:1px;}
.main-nav .nav-menu{float:left;display:inline;width:840px;}
.main-nav .logo-group a{color:#fff;}
.main-nav  li{display:inline;float:left;height:66px;}
.main-nav li a{color:#fff;padding:0 25px;height:66px;line-height:66px;display:inline-block;}
.main-nav li a:hover{color:#fff;background:#2c89e5;text-decoration:none;}
.main-nav .triangle-b{border-top-color:#fff;margin-left:5px;}
.main-nav .service-all{padding:0 15px;}
.main-nav .service-all-hd{border:1px solid #85cdff;width:126px;height:30px;margin-top:17px;border-radius:4px;}
.main-nav .service-all-hd:hover,.main-nav .current .service-all-hd{border-color:#fff;}
.main-nav .service-all-hd:hover .triangle-b,.main-nav .current .triangle-b{border:4px solid transparent; border-style: dashed dashed solid dashed;border-bottom-color: #fff;margin-top: -5px;vertical-align: middle}
.main-nav .service-all-hd a{line-height:30px;height:30px;padding:0 0 0 10px;}
.main-nav .service-all-hd a:hover,
.main-nav .current a{background:none;text-decoration:none;}
.main-nav .current{background:#2c89e5;}
.main-nav .service-all.current{background: none;}
.main-nav .service-all-bd{position: absolute;height:0;overflow:hidden;left:0;top:66px;/*top:-252px;*/background:#fff;width:100%;z-index:999;padding-bottom:0;box-shadow:0 1px 7px rgba(0,0,0,0.3);
    -webkit-transition:height .3s ease-out;
    transition: height .3s ease-out;
}
#j-main-nav.hover .service-all-bd{top:66px;height:135px;/*height:240px;*/padding-bottom:30px;}
.main-nav .service-all-bd ul{width:1200px;position: relative;margin-left: auto;margin-right: auto;}
.main-nav .service-all-bd li{color:#666;width:120px;text-align: center;padding-top:20px; height:35px;}
.main-nav .service-all-bd a{height:auto;line-height:1.15;color:#666;display: block;text-align: center;padding:0; font-size:15px;}
.main-nav .service-all-bd a:hover{background:none;color:#2c89e5}
.main-nav .service-all-bd li i{display: block;margin:0 auto 10px auto;}

.main-nav .user-head{ position:relative; float:right; width:38px;}
.main-nav .user-head .head-img{ position:absolute; top:13px; right:80px; width:38px;height:38px;margin:0 auto 6px auto;border-radius:50%;overflow: hidden; background-color:#fff;}
.main-nav .user-head .head-img img{ width:38px; height:38px;}
.main-nav .user-head .msg-nun{ position:absolute; top:10px; left:-54px; z-index:9; min-width:12px; padding:0 2px; height:12px; line-height:12px; border-radius:6px; display:inline-block; background-color:#ff5f51; color:#fff; text-align:center; font-size:12px;}

/* sidebar */
/*.sidebar{width:195px;display:inline;float:left;background:#fff;overflow: hidden;}*/
.sidebar{width:195px;background:#fff;overflow: hidden;position: absolute;top:0;left:15px;}
.sidebar-nav{overflow: hidden;padding-top:0px;}
.sidebar-nav h3{color:#000;font-size:14px;font-weight:normal;height:34px;line-height:34px;padding-left:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.sidebar-nav li{vertical-align: top;padding-top:6px;border-bottom:1px solid #e8e8e8;}
.sidebar-nav li:last-child{border-bottom:0;}
.sidebar-nav ul{padding-bottom:20px;}
.sidebar-nav ul li{line-height:34px;padding:0;border:0;margin:0;}
.sidebar-nav ul a{color:#333;font-size:13px;padding-left:30px;white-space:nowrap;display: block;}
.sidebar-nav ul a.on,
.sidebar-nav ul a:hover{text-decoration: none;color:#fff !important;background:#3197ff;}
.sidebar-nav .triangle-r{border-left-color:#999;margin:-3px 5px 0 0;vertical-align:middle;cursor:pointer;}
.sidebar-nav .off .triangle-r{border:4px solid transparent;border-top-color:#999;border-style:solid dashed dashed dashed;}
.sidebar-nav .sidebar-banner{padding:20px 0 10px 15px;}
.sidebar-nav .sidebar-banner a{padding:0 !important;display:inline !important;}
.sidebar-nav ul li.sidebar-qrcode{padding:10px 0 0 30px;}
.sidebar-nav .set-quick-link{float: right;font-size:13px;color:#666;margin-right:20px;}
.sidebar-nav .icon-num{margin-left:5px;}
.sidebar-nav .j-slideToggle{cursor: pointer;}
.sidebar-nav .qq-online,
.sidebar-nav .qq-online:hover,
.sidebar-nav .qiaqia-online,
.sidebar-nav .qiaqia-online:hover{display: inline-block;padding:0;background: none;color:#666 !important}



.sidebar2-service{padding-top:3px;padding-bottom:5px;}
.sidebar2-service .item{width:62px;display:inline;float: left;text-align: center;margin-top:0;}
.sidebar2-service .sidebar2-service-kf{float: right;width:64px;margin-right:-4px;}
.sidebar2-service .text{padding-top:5px;display: block;}
.sidebar2-kf .icon-magnifier{position:absolute;right:8px;top:8px;margin:0; z-index:9;}
.sidebar2-kf .panel-con li{position: relative;padding:1px 0;}
.sidebar2-kf .panel-con .icon-dot{position:absolute;left: 0;top:1px;}
.sidebar2-kf .panel-con li a{padding-left:15px;display:inline-block;}
/* footer */
.footer{text-align: center;padding:30px 0 9px 0;}
.footer a{margin:0 5px;color:#666}

/* main */
.main{min-width:980px;margin:0 15px 0 225px;}
.full-main{margin:5px;}


/*列表 li*/
.full-ul{width:100%; margin-top: 10px;}
.full-ul .full-li{margin-bottom: 10px;}
.full-ul .full-li .show-con{ border: 1px solid #ddd; background: #f4f4f4; padding: 14px 20px;}
.full-ul .full-li .toggle-con{ border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.full-ul .full-li .toggle-con li{padding: 14px 20px; background: #fff; border-top: 1px solid #ddd;}

.tableStyle {width:100%;}

/* 504错误页面 */
.timeout{height: 354px;margin: 100px auto;padding-top: 288px;background: url("../img/img_504.png") no-repeat top center;}
.timeout p{font-size: 36px;font-weight: bold;line-height: 42px;color: #666;text-align: center;}



/* 图片公告 */
.img-notice{}
.img-notice-mask{position: fixed;top:0;left:0;width:100%;height:100%;bottom:0;right:0; z-index:999999;background:#000;opacity: 0.3;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);}
.img-notice-close{width:38px;height:39px;background-position: left -1039px;position:absolute;right:-80px;top:-80px;z-index:999999;cursor:pointer;}
.img-notice-main{width:600px;height:360px;position: fixed;top:50%;margin-top:-180px;left:50%;margin-left:-300px;z-index:999999;text-align: center;line-height:360px;}
.img-notice-main img{display: inline-block;}

/* 建议反馈 */
#g-feedback{width: 32px; height: 32px; padding: 6px;background: #1057a7; color:#fff; position: fixed; right: 10px; bottom:30px;font-size: 12px; font-weight: bold; text-align: center; line-height: 16px; cursor: pointer;box-sizing:content-box;z-index: 999;}
#g-feedback:hover{background:#0d4788; transition: all .3s;}
.feedback-pop{width: 100%; height: 100%; position: fixed; left: 0; top: 0; display: none; z-index: 9999;transition: all .3s;}
.feedback-pop .f-mask{width: 100%; height: 100%; background: #000; opacity: .5; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); position: absolute; left: 0; top: 0; z-index: 99;}
.feedback-pop .inner-feed{width: 420px; height: 460px; position: absolute; left: 50%; top: 50%; margin-top: -243px; margin-left: -224px; z-index: 100; border: 8px solid rgba(255, 255, 255, .44);box-sizing:content-box}
.feedback-pop .feed{padding: 20px; height: 420px; background: #fff; position: relative; z-index: 101;box-sizing:content-box}
.feedback-pop #feedemail{margin-top: 10px;}
.feedback-pop .feed h3{font-size: 18px; color: #000; font-weight: normal; margin-top: 5px;}
.feedback-pop .feed-tip{width: 378px;background: #fff0f0; border: 1px solid #f1dede; margin-top: 15px; padding: 7px 10px; line-height: 20px; font-size: 14px; color: #666;}
.feedback-pop .feed-dl{overflow: hidden; margin-top: 12px;}
.feedback-pop .feed-dl dt{font-size: 14px; color: #333; margin-bottom: 10px;}
.feedback-pop .feed-dl .feed-input{width: 378px; height: 38px;font-size:14px;}
.feedback-pop .feed-dl .feed-area{width: 378px; height: 125px;font-size:14px;resize: none;}
.feedback-pop .feed .feed-btn{width: 190px; height: 40px; display: block; margin-top: 20px; border-radius: 4px; line-height: 40px; font-size: 14px; margin-right: auto; margin-left: auto;}
.feedback-pop .feed .feed-close{position: absolute; right: 20px; top: 23px;width:26px;text-align: center; height: 26px; line-height: 26px; font-size: 24px; color: #666;}
.feedback-pop .feed .feed-close:hover{ background-color:#eee; color:#3197ff;}
.feedback-pop .feed #feed-msg{margin-top: 5px; color: #cc0000; font-size: 12px; text-align: center;}
.feedback-pop .seokeyword{height: 38px; line-height: 38px; font-size: 12px; font-weight: normal; display: inline-block;}
.feedback-pop .new-ana-tit{height: 18px; top: 10px; left: 10px; line-height: 18px; background: #1057a7; padding: 0; width: 30px;}
.feedback-pop .new-analysis{padding-left: 50px !important; width: 516px;}
.feedback-pop .promote{width: 523px !important; padding-left: 50px !important;}

/*意见反馈*/
.opinion-feedback{}
.opinion-feedback .popwin-inside-mask{ filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;background:#000;}
.opinion-feedback .popwin-inside{ width:680px; height:480px; border:none !important; border-radius:3px;}
.opinion-feedback .popwin-inside .tit{color:#fff; background-color:#3197ff; padding:0 20px; overflow:hidden; border-radius:2px;}
.opinion-feedback .popwin-inside .close{ color:#fff;}
.opinion-feedback .popwin-inside .close:hover{ background:#0973e0;}
.opinion-feedback .popwin-inside-con{ max-height:540px; max-height:500px \9; overflow:auto; padding:0; position:relative;}
.opinion-feedback .exp{ height:35px; line-height:35px;font-size:14px; color:#999; padding:0 20px; border-bottom:#eee solid 1px;}
.opinion-feedback .recordbox{ height:220px; overflow:auto; padding:0 20px; font-size:14px; color:#666;}
.opinion-feedback .recordbox .item{ margin-bottom:10px;}
.opinion-feedback .recordbox .item div,
.opinion-feedback .recordbox .item p{white-space:normal; word-wrap: break-word; word-break: break-all;}
.opinion-feedback .recordbox .item .jy-time,
.opinion-feedback .recordbox .item .hf-time{font-size:12px; color:#999;}
.opinion-feedback .recordbox .item .jy-time em{color:#6fb3f7;}
.opinion-feedback .recordbox .item .hf-time em{ color:#59c18d;}
.opinion-feedback .page{ position:absolute; top:223px; right:25px; z-index:9;}
.opinion-feedback .page span{ transition:background-color linear .2s; float:left; margin-left:-1px; background-color:#fff; color:#666; font-size:14px; display:inline-block; width:20px; height:25px; line-height:25px; border:#eee solid 1px; text-align:center; cursor:pointer;}
.opinion-feedback .page span:hover,.opinion-feedback .page span.active{ background-color:#afd7ff; color:#fff;}
.opinion-feedback .quizbox{ height:140px; overflow:hidden; border-top:#eee solid 1px; padding:0;}
/*意见反馈-editor设置*/
.opinion-feedback .edui-editor{ border:none !important;}
.opinion-feedback .edui-default .edui-editor-toolbarboxouter{ background-image:none !important; background-color:#f0f0f0;}
.opinion-feedback .edui-default .edui-editor-toolbarbox{ box-shadow:none !important; -webkit-box-shadow:none !important;}
.opinion-feedback .edui-default .edui-editor-toolbarboxouter{ border-bottom:none !important;}
.opinion-feedback .edui-default .edui-editor-bottomContainer{ display:none;}
.opinion-feedback .edui-editor-iframeholder .edui-default img {max-width: 100%; /*图片自适应宽度*/}
/**
 * layui table 样式重置
 */ 
 .layui-table{color:#000;}
 .layui-table-view .layui-table td,
 .layui-table-view .layui-table th{font-size:12px;padding:0;}
 .layui-table-cell{height:26px;line-height:26px;padding:0 4px;}
.layui-table thead tr{background:#fff;}
/* .layui-table-view .layui-table th{padding:0;color:#999;} */
.layui-table, .layui-table-view{margin:0;}
.layui-table-page{height:44px;}
.layui-table-page>div{height:28px;}
.layui-table-page .layui-laypage .layui-laypage-curr{margin-right:5px;background:#3197ff;}
.layui-table-page .layui-laypage .layui-laypage-curr .layui-laypage-em{background:#3197ff;}
.layui-table-page .layui-laypage{float:right;}
.layui-table-page .layui-laypage input:focus,
.layui-table-page .layui-laypage select:focus {border-color: #3197ff!important;}
.layui-table-page .layui-laypage a{border: 1px solid #e2e2e2;margin-right: 5px;}
.layui-table-page .layui-laypage span.layui-laypage-spr{margin-right:5px;}
.layui-table-page .layui-laypage a:hover{color:#3197ff;}
.layui-laydate{font-size:12px !important;}
.layui-table-tips-c{box-sizing: content-box;}
.layui-table-view .layui-form-checkbox[lay-skin=primary] i{width: 15px;height: 15px;}
.layui-form-checkbox[lay-skin=primary]{min-width: 15px;width:15px; min-height: 18px;}
.edit-layui-input {position: absolute;left: 0;top: 0;width: 100%;height: 100%;line-height: 100%;padding: 0 14px 1px;border-radius: 0; box-shadow: 1px 1px 20px rgba(0,0,0,.15)}
.edit-layui-input:focus { border-color: #5cb3fd!important}


/* 滚动条样式 */
.layui-table-body::-webkit-scrollbar {width:10px; height:10px;}
.layui-table-body::-webkit-scrollbar-thumb {
    /* border: 1px #8d8c8c solid; */
    /* border-radius: 10px; */
    background-color:rgba(153,153,153,0.3);
}
.layui-table-body::-webkit-scrollbar-track {
    /* border: 1px #d3d3d3 solid; */
    /* box-shadow: 0px 0px 3px #dfdfdf inset; */
    /* border-radius: 10px; */
    background-color:rgba(238,238,238,0.5);
}
 

/* 公共分类 */
.category{ font-size:12px;width:366px;height:200px;display: none;}
.category .category-1,
.category .category-2,
.category .category-3{float:left;width:120px;height:200px;overflow:auto;float:left;border:1px solid #ddd;display:none;margin-left:-1px;background:#fff}
.category .category-1{display: block;}
.category .category-item{display: none;}
.category li{ display:block; height: 22px; line-height: 22px; padding: 0 10px;text-overflow: ellipsis; white-space: nowrap; overflow:hidden; color:#333;cursor: default;}
.category li:hover,
.category li.active{ background-color:#e5f2ff;}
.category .active{display: block;}
.category-show{z-index:10;}
.category-show .category{display: block;}
.category-dropdown{width:300px;padding: 0;}
.category-dropdown-title{padding: 0 20px 0 10px;}
.category-dropdown-title .text-truncate{line-height: 26px;}
 
/* 竞价时间数字图标 */
.icon-time-num{display:inline-block;width:32px;height:50px;line-height:48px;border:1px solid #ccc;box-shadow:0 6px 0px #bfd8f1;background:#fff;border-radius:5px;color:#ff5f51;font-size:30px;font-weight: bold;text-align: center;vertical-align: middle}
.bidding-time{position: fixed;bottom:20px;left:15px;font-size:14px;}
.bidding-time-hd{font-size:16px;padding-bottom:5px;}
.bidding-time-bd{color:#666}


/* 折叠菜单 */
.icon-sidebar-display{position: fixed;top:50%;left:5px;margin-top:-24px;cursor: pointer;}
.icon-sidebar-on{position: absolute;top:15px;right:10px;cursor: pointer;}
.icon-sidebar-off{position: absolute;top:15px;right:10px;cursor: pointer;display: none;}
.sidebar-toggle{position: fixed;top:0px;bottom:0;left: 0;width:15px;display: none;}
.container-off-sidebar .sidebar{display: none;}
.container-off-sidebar .main{margin-left:15px;}
.container-off-sidebar .sidebar-toggle{display: block;}
.container-off-sidebar .icon-sidebar-on{display: none;}
.container-off-sidebar .icon-sidebar-off{display: block;}
.container-sidebar-hover .sidebar{z-index:99;display: block;top:0;}
.container-sidebar-hover .sidebar-bg{width:195px;z-index:98;box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.3);display: block;position: absolute;left:15px;top:0;bottom:0;background:#fff;}


/* tips图标 */
.tips{position:absolute;padding:6px;font-size: 12px;}
.tips-content{border:1px solid #ff7367;color:#ff7367;background:#fff; border-radius: 2px;line-height:32px;padding:0 10px;font-family: "Microsoft YaHei";}
.tips .triangle-l{position:absolute;left:-6px;top:50%;margin-top:-6px;border-right-color:#ff7367;*border-right-color:#ff7367;border-width:6px}
.tips .triangle-r{position:absolute;right:-6px;top:50%;margin-top:-6px;border-left-color:#ff7367;*border-left-color:#ff7367;border-width:6px}
.tips .triangle-t{position:absolute;top:-6px;left:50%;margin-left:-6px;border-bottom-color:#ff7367;*border-bottom-color:#ff7367;border-width:6px}
.tips .triangle-b{position:absolute;bottom:-6px;left:50%;margin-left:-6px;border-top-color:#ff7367;*border-top-color:#ff7367;border-width:6px}
.tips .triangle-l:after,
.tips .triangle-r:after,
.tips .triangle-t:after,
.tips .triangle-b:after{display:inline-block;overflow:hidden;width:0px;height:0;line-height:0;content:" ";}
.tips .triangle-l:after{border:8px solid transparent;border-right-color:#fff;border-style:dashed solid dashed dashed;margin-left:-7px;margin-top:-8px;}
.tips .triangle-r:after{border:8px solid transparent;border-left-color:#fff;border-style:dashed dashed dashed solid;margin-left:-9px;margin-top:-8px;}
.tips .triangle-t:after{border:8px solid transparent;border-bottom-color:#fff;border-style:dashed dashed solid dashed;margin-left:-8px;margin-top:-7px;}
.tips .triangle-b:after{border:8px solid transparent;border-top-color:#fff;border-style:solid dashed dashed dashed;margin-left:-8px;margin-top:-9px;}


/*rank*/
.rank1, .rank2, .rank3, .rank{
    background:url("../img/icon.png?20190228") no-repeat;
    display:inline-block;
    *display:inline;
    *zoom:1;
    overflow: hidden;
    vertical-align:middle;
    margin-top:-3px;
    text-align: center;
    line-height: 18px;
}
.rank{ width: 18px; height: 18px; color: #666; background: none;}
.rank1{ width: 18px; height: 18px; color: #fff; background-position: -14px -1292px;}
.rank2{ width: 18px; height: 18px; color: #fff; background-position: -38px -1292px;}
.rank3{ width: 18px; height: 18px; color: #fff; background-position: -62px -1292px;}
/**橙色购买**/
.gm-btn{background: #ff5f51;display: inline-block;padding: 2px 8px;border-radius: 50px;color: #fff;}
.gm-btn:hover{background: #ff5f51;color: #fff;}




/* 云平台授权 */
.authorization-tips{color:#c00;background:#f7e1df;padding: 5px 0;font-size:14px;}
.authorization-info{font-size:14px;text-align: left;padding:30px 0 30px 30px;}
.authorization-info-hd{color:#333;padding:10px 0;}
.authorization-info-bd{color:#666;}
.authorization-info-ft{color:#666;padding-top:10px;}@charset "utf-8";
/**
 * Created by peterhzc on 2017/2/16.
 */

/*
.index .main{width:715px;background:none;}
.index .sidebar2{width:250px;float:right;display:inline;}
*/
.index .main{background:none;margin: 0 280px 0 225px;min-width:685px;}
.index .sidebar2{width:250px;position: absolute;top:0;right:15px;}

.index .panel{margin-top:15px;}
.index .panel-head{padding:0 15px;line-height:46px; }
.index .panel-con{min-height:0;padding:15px;}
.index .panel-con .tit{background:#fff;padding:0 0 10px 0;margin:0;color:#333;line-height:1.125;position: relative;}
.index .panel-con .tit .input-text{ width:220px  !important; *width:198px !important;}
.index .merchant-info{background:#fff;padding:30px 20px 0px 20px;}

.index .merchant-hd{width:100px;height:100px;overflow:hidden;position: relative;text-align:center;line-height:100px;*font-size:80px;float: left;display:inline;margin-right:15px;}
.index .merchant-logo{width:100px;height:100px;overflow:hidden;display:inline;}
.index .merchant-logo-mask{width:100px;height:100px;position: absolute;background:url("../img/radius_mask.png") no-repeat;top:0;left:0;}
.index .merchant-bd{display:inline;float:left;width:500px; margin-bottom:30px;}
.index .merchant-bd .tit{font-size:20px;color:#000;line-height:1.153;}
.index .merchant-ft{position: absolute;right:20px;top:-27px;width:130px;text-align: center;background:#fff;box-shadow:0 4px 8px rgba(197,195,195,0.6);}
/*.index .merchant-ft:hover{box-shadow:0 4px 8px rgba(197,195,195,0.6);}*/
.index .merchant-contact{height:30px;line-height:30px;background:#e5f2ff;}
.index .merchant-contact-info{border:1px solid #f5f5f5;padding:9px 0;display:block;}
.index .merchant-ft:hover .merchant-contact-info{display: block;}
.index .merchant-contact-info-img{width:48px;height:48px;margin:0 auto 6px auto;border-radius:50%;overflow: hidden;}
.index .merchant-contact-info-text{font-size:12px;line-height:20px;}

.index .balance{ width:50%; float:left; border-right:#e8e8e8 solid 1px; padding-right:30px;}
.index .msgbox{ width:45%; margin-left:30px; float:left;}

.index .popup-notice{ margin-bottom:15px;}
.index .popup-notice .icon-bulb{margin-right:10px}

/*.index .sidebar2 a{color:#666;}*/
.index .sidebar2 .icon-arrow2{margin-right:10px;}
.index .sidebar2 a:hover{color:#ff5f51; text-decoration:none;}
.index .sidebar2 .select{width:100%;}
.index .sidebar2 .form-column{margin-bottom:10px;}
.index .sidebar2 .form-column .input-text{ width:220px  !important; *width:198px !important;}
.index .express-link li{float:left;width:50%;display:inline;text-align: center;overflow: hidden;}
.index .sidebar2-service{padding-top:3px;padding-bottom:5px;}
.index .sidebar2-service .item{width:62px;display:inline;float: left;text-align: center;margin-top:0;}
.index .sidebar2-service .sidebar2-service-kf{float: right;width:64px;margin-right:-4px;}
.index .sidebar2-service .text{padding-top:5px;display: block}
.index .sidebar2-kf .icon-magnifier{position:absolute;right:8px;top:8px;margin:0; z-index:9;}
.index .sidebar2-kf .panel-con li{position: relative;padding:1px 0;}
.index .sidebar2-kf .panel-con .icon-dot{position:absolute;left: 0;top:1px;}
.index .sidebar2-kf .panel-con li a{padding-left:0px;display:inline-block;}

.index .sidebar2-banner{ width:220px; height:150px; overflow:hidden; position:relative;clear:both;}
.index .sidebar2-banner a{ padding:0 !important;}
.index .sidebar2-banner li{ padding:0 !important;}
.index .sidebar2-banner .num{ position:absolute; bottom:5px; right:5px; padding: 0px; margin: 0px; list-style: none; font-size: 0px;}
.index .sidebar2-banner .num li{ display:inline-block; *display:inline; *zoom:1; width:8px;height:8px; border-radius:8px; background-color:#fff;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5;cursor:pointer;margin-right:5px; font-size: 0 !important; overflow: hidden;}
.index .sidebar2-banner .num li:hover,
.index .sidebar2-banner .num li.active{ background-color:#3197ff; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=98);opacity:0.98;}

/*大讲堂*/
.index .trailer{ height:150px; width:220px; position:relative;}
.index .trailer ul{ width:220px; height:150px; overflow:hidden;}
.index .trailer ul li{ float:left; position:relative;}
.index .trailer ul li img{width:220px; height:150px;}
.index .trailer ul li p{ background:rgba(0,0,0,.5); background-color:#333 \9; filter:Alpha(opacity=80) \9; height:44px; line-height:20px; width:220px; padding:0 10px; overflow:hidden; position:absolute; left:0; bottom:0; color:#fff; z-index:99; font-size:13px;}
.index .trailer .stage{ position:absolute; top:10px; left:10px; height:24px; line-height:24px; font-size:13px; color:#fff; padding:0 5px; display:inline-block; z-index:9; background-color:#0e74bc; border-radius:2px;}
.index .trailer .icon-left2{position:absolute; top:55px; z-index:9;}
.index .trailer .icon-right2{position:absolute; top:55px; z-index:9; right:0;}

.index .order-record .panel-con,
.index .buy-info .panel-con{padding-left:5px;padding-right:5px;}
.index .order-record .panel-con .panel-con-inner{min-height:208px;}
.index .table{margin-bottom:10px;}
.index .table th{padding:6px 10px;border-top-color:#eee;border-bottom-color:#eee; background-color:#eee;}
.index .table td{padding:8px 10px;border-bottom:1px dashed #e8e8e8;}

/*数据记录*/
.index .data-report{ width:49%; float:left; position:relative;}
.index .data-report .pie-chart{ width:220px; height:220px; margin:0 auto;}
.index .data-report .pie-chart > div{ overflow:visible !important;}
.index .data-report .echarts-tooltip{ z-index:9;}

.index .data-report .data-info{ position:absolute; top:68px; left:50%; margin-left:-50px; width:100px; display:none;}
.index .data-report .data-info li{ height:20px; overflow:hidden; text-align:center;}
.index .data-report .name{ position:absolute; text-align:center; bottom:0; width:100%;}

.index .todo li{width:213px;height:166px;display:inline;float:left;background:#f4f4f4;margin-bottom:15px;overflow: hidden;}
.index .todo .todo-c1,
.index .todo .todo-c2,
.index .todo .todo-c3{background:#f4f4f4 url("/res/ibs/index/img/bg_todo.png") no-repeat left top;position: relative;border:1px solid #ddd;}
.index .todo .todo-c2{background-position:-213px top;margin:0 20px;}
.index .todo .todo-c3{background-position:-213px top;}
.index .todo h3{font-size:14px;color:#333;font-weight:normal;text-align: center;line-height:1.153;padding-top:29px}
.index .todo .text{width:172px;margin:0 auto;padding-top:5px;height:56px;}
.index .todo .icon-subtraction{margin:0;position: absolute;top:10px;right:10px;line-height:1;}

/* index-red */
.help-telephone,
.btn-online-kf,
.icon-historical-data,
.icon-big-super-buyer{background: url("/res/ibs/index/img/bg_index_red.png") no-repeat;display: inline-block;overflow: hidden;}
.help-telephone{width:220px;height:52px;background-position:0 0;}
.btn-online-kf{background-position:0 -67px;width:105px;height:34px;line-height:34px;border:0;}
.icon-historical-data{background-position:-98px -107px;width:94px;height:94px;}
.icon-big-super-buyer{background-position:0 -106px;width:97px;height:96px;}

.index-red .merchant-info{background:#fff;padding:30px 20px 0px 20px;} 
.index-red .merchant-bd{ min-height:90px;}
.index-red .icon-userinfo-blue{background-position:-25px -449px;}
.index-red .icon-email-blue{background-position:-53px -449px;}
.index-red .icon-phone-blue{background-position:-83px -449px;}

.index-red .sidebar2 a:hover{color:#ff5f51; text-decoration:none;}

.index-red .vip-service-set{padding:18px 0 0 0;}
.index-red .vip-service-set .btn{margin-top:5px;}
.index-red .vip{width:180px; display:inline;float:left;border-right:1px solid #e8e8e8;}
.index-red .bug-service{width:160px; padding-left:30px;display:inline;float:left;border-right:1px solid #e8e8e8;}
.index-red .set-info{width:160px; padding-left:30px;display:inline;float:left;line-height:20px;}

.index-red .table a{color:#666;}
.index-red .table a:hover{color:#ff5f51;text-decoration:none;}
.index-red .data-chart-btn-group{padding:5px 0 0 0;text-align: center;}
.index-red .historical-data .tab-lite{margin-bottom:0;}
.index-red .tab-lite .tab-head .j-tab-title{margin-right:15px;}
.index-red .historical-data-search{float: right;background:#fff;padding:0 0 10px 0;margin:8px 0 0 0;color:#333;line-height:1.125;position: relative;width:220px;}
.index-red .historical-data-search .icon-magnifier{position:absolute;right:8px;top:8px;margin:0; z-index: 100;}
.index-red .historical-data h2 span{color:#999;margin-right:30px;cursor: pointer;}
.index-red .historical-data h2 span:hover{color:#ff5f51;}
.index-red .historical-data h2 .active,.index-red .historical-data h2 .active:hover{color:#000}
.index-red .buyer-school-link li{float:left;width:50%;display:inline;text-align:left;overflow: hidden;}
.index-red .help-telephone{margin-top:10px;display: block;}
.index-red .help-telephone .text{padding:0 0 0 68px;line-height:1.125;}
.index-red .help-telephone .text em{color:#999;padding-top:8px;display:inline-block;}
.index-red .help-telephone .text span{color:#666;padding:8px 0 0 20px;display:inline-block;}
.index-red .help-telephone .text strong{color:#666;font-size:24px;}
.index-red .online-kf{margin:15px 0 5px 0;}
.index-red .btn-online-kf{float:left}
/*.index-red .recommendation-service{margin-top:15px;height:155px;background:#fff url("/res/ibs/index/img/bg_index_line.png") no-repeat top center;}
.index-red .recommendation-service .col-l{width:350px;display:inline;float: left;padding:30px 0 0 35px;}
.index-red .recommendation-service .col-r{width:290px;display:inline;float: left;padding:30px 0 0 35px;}
.index-red .recommendation-service h3{font-size:20px;line-height:1.125;padding-bottom:5px;}*/

.index-red .service-shows{margin-top:15px; background-color:#fff;}
.index-red .service-shows .col{ width:24.95%; float:left; border-right:#e8e8e8 solid 1px; padding-top:30px; text-align:center; height:225px;}
.index-red .service-shows li{ margin-bottom:15px;}
.index-red .service-shows h2{ font-size:18px; color:#000; height:26px; font-weight:normal;}

/*.index-red .suggestion{position:fixed;top:310px;left:50%;z-index:100;margin-left:605px;width:34px;height:110px;background:#ff5f51;color:#fff;overflow: hidden;}*/
.index-red .suggestion{position:fixed;top:310px;right:0px;z-index:100;margin-left:605px;width:28px;height:110px;background:#ff5f51;color:#fff;overflow: hidden;}
.index-red .suggestion a{color:#fff;text-align: center;display: block;padding:10px 5px;line-height:1.125;}
.index-red .suggestion a:hover{text-decoration: none;background:#e5574a;}
.index-red .suggestion .icon-suggestion{display: block;margin:5px auto 0 auto;}
.index-red #J_elemSuggestion .textarea {height:140px;*width:340px !important;}

.index-red .sidebar2-banner{ width:250px; height:180px; overflow:hidden; position:relative;clear:both;}
.index-red .sidebar2-banner .num{ position:absolute; bottom:5px; right:5px; padding: 0px; margin: 0px; list-style: none; font-size: 0px;}
.index-red .sidebar2-banner .num li{ display:inline-block; *display:inline; *zoom:1; width:15px;height:5px; background-color:#fff;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5;cursor:pointer;margin-right:5px; font-size: 12px; overflow: hidden;}
.index-red .sidebar2-banner .num li:hover,
.index-red .sidebar2-banner .num li.active{background-color:#ff5f51; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=98);opacity:0.98;}

.notice-tips-mask{width:100%;height:100%;top:0;left:0;background:#000;opacity:0.65;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);position: fixed; z-index:9999;}
.notice-tips-content{width:684px;height:402px;border:6px solid #ff5f51;background:#fff;border-radius:5px;overflow: hidden;position:fixed;top:50%;left:50%;margin:-201px 0 0 -342px; z-index:99999;}
.notice-tips-content h3{font-size:20px;font-weight: normal;text-align: center;padding:20px 0 10px 0;color:#333;}
.notice-tips-text{line-height:24px;font-size:16px;padding:0 30px;color:#444;}
.notice-tips-text p{text-indent:2em;}
.notice-tips-text a{text-decoration: underline;}
.notice-tips .btn-primary{width:256px;height:54px;line-height:52px;border-radius:28px;font-size:24px;}
.notice-tips .btn-group-wrap{text-align: center;padding:25px 0 0 0;}

.panel .table tr td {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} 
.hrefColor {color: #3296fd !important;}/**
 * Created by peterhzc on 2017/2/28.
 */
a{color:#666;}
a:hover,a.c-default:hover{color: #ff5f51;}
body{background-color: #f2f2f2;}

/* 图标 */
.icon-reload:hover,.icon-reload.cu{background-position:-150px -110px;}
.icon-email-h{background-position:-53px -449px;}
.icon-del-s:hover{background-position:-40px -210px;}
.icon-del-s-h{background-position:-40px -210px;}
.icon-arrow-lg-h{width:13px;height:8px;background-position:-30px -411px;}

/* site=nav */
.site-nav .c-link{color:#ff5f51; }
.site-nav .c-link:hover{color:#ff5f51;text-decoration: underline; }



/* main-nav */
.main-nav{background:#3198ff;}
.main-nav .container{background:url("../img/bg_main_nav.png") no-repeat right top}
.main-nav li a:hover{color:#fff;background:#3198ff;text-decoration:none;}
.main-nav .current a{background:none;text-decoration:none;}
.main-nav .service-all:hover,.main-nav .current{background:#2c89e5;}
.main-nav .service-all.current{background:none}
.main-nav .service-all-hd{border:1px solid #85cdff;}
.main-nav .logo-sub.hover .logo-sub-con .my-seller{ color:#ff5f51;}
.main-nav .logo-sub.hover .logo-sub-con .my-seller .icon-arrow-lg{ background-position:-30px -411px;}
.main-nav .service-all-bd a:hover{background:none;color:#ff5f51}


/* sidebar */
.sidebar-nav ul a.on,
.sidebar-nav ul a:hover{background:#ff5f51;}

/* 表格 */
.table tbody tr:hover{background:#ffeeee;}

/* 分页 */
.pagination a:hover{color:#ff5f51;border-color:#ff5f51;}
.pagination .active a{background:#ff5f51;border-color:#ff5f51;color:#fff;}
.pagination-toolbar{border:1px solid #e8e8e8;padding:10px;line-height:1.25;}
.pagination-toolbar .select{vertical-align: initial;}

/* 常用页签 */
.tab .tab-head{ border-bottom-color:#ff5f51;}
.tab .tab-head .j-tab-title{border-bottom-color:#ff5f51;}
.tab .tab-head .j-tab-title.cur{color:#ff5f51;border-color:#ff5f51; border-bottom-color:#fff;}
.tab .tab-head .j-tab-title.cur a,.tab .tab-head .j-tab-title.cur a:hover{color:#ff5f51;}

/* 精简版页签 */
.tab-lite .tab-head .j-tab-title.cur{ border-bottom-color:#ff5f51;}

/* 表格排序三角 */
.sort-triangle .triangle-t.on,
.sort-triangle .triangle-t:hover{border-bottom-color:#ff5f51;}
.sort-triangle .triangle-b.on,
.sort-triangle .triangle-b:hover{border-top-color:#ff5f51;}

/* 文本框 */
.input-text:focus,
.textarea:focus{color: #464a4c;background-color:#fff;border-color:#ff5f51;outline: none;}
.select:focus{color: #464a4c;background-color:#fff;border-color:#ff5f51;outline:none;}

/* 按钮 */
.btn-outline-default:hover{border-color:#ff5f51;color:#ff5f51 !important;}
.btn-outline-primary{border-color:#ff5f51;color:#ff5f51;}
.btn-outline-primary:hover{background:#ff5f51;border-color:#ff5f51;color:#fff !important;}
.btn-default{border-color: #ff5f51;background-color:#ff5f51;color:#fff;}
.btn-default:hover{border-color:#dd4437;background-color:#dd4437;color:#fff !important;}
.btn-primary{background:#3197ff;border-color:#3197ff;color:#fff;}
.btn-primary:hover{background:#2885e5;border-color:#2885e5;color:#fff !important;}

/* 公告提示框 */
.popup-notice{border:#f1e1e0 solid 1px; background-color:#fff0f0;}

/* 步增减控件 */
.num-step .step-up:hover .triangle-t{border-bottom-color:#ff5f51;}
.num-step .step-down:hover .triangle-b{border-top-color:#ff5f51;}
.num-step .step-up:hover,.num-step .step-down:hover{ background-color:#fff0f0;}

/* 自定义下拉框 */
.self-dropdown .is-down:hover .triangle-b{border-top-color:#ff5f51;}
.self-dropdown-con .item:hover,.self-dropdown-con .item.cur{ background-color:#ff5f51; color:#fff;}

/* 切换控件 */
.switch b.cur{ border-color:#ff5f51; background-color:#ff5f51; color:#fff; }
.switch.disabled{cursor: not-allowed; filter: alpha(opacity=65);box-shadow: none;opacity:0.65;background-color:#f4f4f4 !important; border-color:#ccc !important; color:#bbb !important;}

/*标签*/

.tag:hover,.tag.cur{background-color:#ff5f51; border-color:#ff5f51;}
.tag-outline:hover,.tag-outline.cur {background-color:#deefff; border-color:#b7d3ed; color:#666;}

/*图片上传*/
.upload-img .img-del:hover i{background-position:-20px -210px;}

/*504 提示*/
/*.timeout{background: url("../img/img_red_504.png") no-repeat center;}*/

.fa{ color:#999}
.fa:hover{ color:#2c89e5}
.footer{border-top:1px solid #e8e8e8; margin-top:10px}



.btn-gradient {
	text-decoration: none;
	color: white; width:100%
	padding: 10px 30px;
	display: inline-block;
	position: relative;
	border: 1px solid rgba(0,0,0,0.21);
	border-bottom: 4px solid rgba(0,0,0,0.21);
	border-radius: 4px;
	text-shadow: 0 1px 0 rgba(0,0,0,0.15);
}
/* Gradient - ugly css is ugly */
.btn-gradient.cyan {
	background: rgba(27,188,194,1);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(27,188,194,1)), to(rgba(24,163,168,1)));
	background: -webkit-linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
	background: -moz-linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
	background: -o-linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
	background: linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1bbcc2', endColorstr='#18a3a8', GradientType=0);
}
.digg {text-align:center; background-color:#FFFFFF; padding:40px 0	}
.digg a {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #AAAADD;	text-decoration: none; /* no underline */	color: #0198D7;	}
.digg a:hover, div.digg a:active {border: 1px solid #0198D7;color: #000;	}
.digg span.current { padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #0198D7;font-weight: bold;background-color: #0198D7;	color: #FFF;	}
.digg span.disabled {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #EEE;color: #DDD;}