@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

a {
  text-decoration: none;
}

/*精灵图中图标在横向的位置,0为左边,50%居中,100%为右边*/
/*是否在生成的精灵样式中包含图标的宽高*/
.blue-button, .blue-button-lg, .red-button, .red-button-lg, .gray-button, .gray-button-lg, .white-button, .white-button-lg {
  display: inline-block;
  cursor: pointer;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 1px 3px #666666;
  -webkit-box-shadow: 0 1px 3px #666666;
  box-shadow: 0 1px 3px #666666;
  color: #ffffff;
  font-size: 14px;
  padding: .5em 1em;
  text-decoration: none;
  box-sizing: border-box;
  border-width: 1px;
}

.blue-button, .blue-button-lg {
  background: #287fe0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI4N2ZlMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI1NzdjZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #287fe0), color-stop(100%, #2577cf));
  background-image: -moz-linear-gradient(top, #287fe0, #2577cf);
  background-image: -webkit-linear-gradient(top, #287fe0, #2577cf);
  background-image: linear-gradient(to bottom, #287fe0, #2577cf);
}
.blue-button:hover, .blue-button-lg:hover {
  background: #2577cf;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI1NzdjZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIyNmRiZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2577cf), color-stop(100%, #226dbd));
  background-image: -moz-linear-gradient(top, #2577cf, #226dbd);
  background-image: -webkit-linear-gradient(top, #2577cf, #226dbd);
  background-image: linear-gradient(to bottom, #2577cf, #226dbd);
  text-decoration: none;
}

.blue-button-lg {
  padding: 1em 4em;
}

.red-button, .red-button-lg {
  background: #ea5a5a;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhNWE1YSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4NDg0OCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ea5a5a), color-stop(100%, #e84848));
  background-image: -moz-linear-gradient(top, #ea5a5a, #e84848);
  background-image: -webkit-linear-gradient(top, #ea5a5a, #e84848);
  background-image: linear-gradient(to bottom, #ea5a5a, #e84848);
}
.red-button:hover, .red-button-lg:hover {
  background: #f74343;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3NDM0MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y2MmIyYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f74343), color-stop(100%, #f62b2b));
  background-image: -moz-linear-gradient(top, #f74343, #f62b2b);
  background-image: -webkit-linear-gradient(top, #f74343, #f62b2b);
  background-image: linear-gradient(to bottom, #f74343, #f62b2b);
  text-decoration: none;
}

.red-button-lg {
  padding: 1em 4em;
}

.gray-button, .gray-button-lg {
  background: #e3e3e3;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3e3e3), color-stop(100%, #d3d3d3));
  background-image: -moz-linear-gradient(top, #e3e3e3, #d3d3d3);
  background-image: -webkit-linear-gradient(top, #e3e3e3, #d3d3d3);
  background-image: linear-gradient(to bottom, #e3e3e3, #d3d3d3);
  cursor: not-allowed;
}

.gray-button-lg {
  padding: 1em 4em;
}

.white-button, .white-button-lg {
  color: #a8a8a8;
  background: #fff;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
  background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
  background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
  background: #eee;
}
.white-button:hover, .white-button-lg:hover {
  background: #eee;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NlY2VjZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #cecece));
  background-image: -moz-linear-gradient(top, #eeeeee, #cecece);
  background-image: -webkit-linear-gradient(top, #eeeeee, #cecece);
  background-image: linear-gradient(to bottom, #eeeeee, #cecece);
  background: #cecece;
}

.white-button-lg {
  padding: 1em 4em;
}

.sec-button-primary {
  color: white;
  line-height: 40px;
  height: 40px;
  text-align: center;
  background-color: RGB(250,120,0);
  border: 1px solid RGB(250,120,0);
  display: inline-block;
  text-decoration: none;
  -moz-transition: linear 0.2s;
  -o-transition: linear 0.2s;
  -webkit-transition: linear 0.2s;
  transition: linear 0.2s;
  width: 100%;
  cursor: pointer;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.sec-button-primary:hover, .sec-button-primary.selected {
  color: white;
  background-color: #ff7f09;
  border-color: #ff7f09;
}
.sec-button-primary.selected {
  cursor: not-allowed;
}
.sec-button-primary.disabled {
  background-color: #f3f5f7;
  cursor: not-allowed;
  color: #666;
  border-color: #b6c2ce;
}
.sec-button-primary.button-small {
  width: 110px;
}

.sec-button-blue {
  color: white;
  line-height: 40px;
  height: 40px;
  text-align: center;
  background-color: #0a9ede;
  border: 1px solid #0a9ede;
  display: inline-block;
  text-decoration: none;
  -moz-transition: linear 0.2s;
  -o-transition: linear 0.2s;
  -webkit-transition: linear 0.2s;
  transition: linear 0.2s;
  width: 100%;
  cursor: pointer;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.sec-button-blue:hover, .sec-button-blue.selected {
  color: white;
  background-color: #098dc6;
  border-color: #098dc6;
}
.sec-button-blue.selected {
  cursor: not-allowed;
}
.sec-button-blue.disabled {
  background-color: #f3f5f7;
  cursor: not-allowed;
  color: #666;
  border-color: #b6c2ce;
}
.sec-button-blue.button-small {
  width: 110px;
}

.sec-button-gray-34 {
  color: #898989;
  line-height: 34px;
  height: 34px;
  text-align: center;
  background-color: white;
  border: 1px solid #efeff0;
  display: inline-block;
  text-decoration: none;
  -moz-transition: linear 0.2s;
  -o-transition: linear 0.2s;
  -webkit-transition: linear 0.2s;
  transition: linear 0.2s;
  width: auto;
  cursor: pointer;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 60px;
  padding: 0 10px;
}
.sec-button-gray-34:hover, .sec-button-gray-34.selected {
  color: #898989;
  background-color: #f7f8f8;
  border-color: #f7f8f8;
}
.sec-button-gray-34.selected {
  cursor: not-allowed;
}
.sec-button-gray-34.disabled {
  background-color: #f3f5f7;
  cursor: not-allowed;
  color: #666;
  border-color: #b6c2ce;
}
.sec-button-gray-34.button-small {
  width: 110px;
}
.sec-button-gray-34:hover {
  border-color: #efeff0;
}

/*
.sec-button-orange{
  @include sec-button(#fff,#fff,$sec-hover-color,darken($sec-hover-color,5%),$sec-hover-color);
  height: $sec-button-height;
}
.sec-button-orange-md{
  font-size: $sec-md-button-font-size;
  @include sec-button(#fff,#fff,$sec-hover-color,darken($sec-hover-color,5%),$sec-hover-color);
}
.sec-button-light-orange{
  @include sec-button($sec-warning-color,$sec-warning-color,darken(#fef6f3,5%),darken(#fef6f3,10%),$sec-hover-color);
  height: $sec-button-height;
}
.sec-button-light-orange-md{
  font-size: $sec-md-button-font-size;
  @include sec-button($sec-warning-color,$sec-warning-color,darken(#fef6f3,5%),darken(#fef6f3,10%),$sec-hover-color);
}
.sec-button-light-red{
  @include sec-button($sec-base-color,$sec-base-color,darken(#fef6f3,5%),darken(#fef6f3,10%),$sec-hover-color);
  height: $sec-button-height;
}
.sec-button-light-red-md{
  font-size: $sec-md-button-font-size;
  @include sec-button($sec-base-color,$sec-base-color,darken(#fef6f3,5%),darken(#fef6f3,10%),$sec-hover-color);
}
.sec-button-gray{
  $gray-color:#999a9a;
  @include sec-button(#fff,#fff,$gray-color,darken($gray-color,5%),$gray-color);
  height: $sec-button-height;
}
.sec-button-gray-md{
  font-size: $sec-md-button-font-size;
  $gray-color:#999a9a;
  @include sec-button(#fff,#fff,$gray-color,darken($gray-color,5%),$gray-color);
}
.sec-button-blue{
  $blue-color:$sec-assit-color;
  @include sec-button($blue-color,#fff,#fff,$blue-color,$blue-color);
  height: $sec-button-height;
}
.sec-button-red{
  $blue-color:$sec-base-color;
  @include sec-button($sec-assit-color,#fff,#fff,$sec-assit-color,$sec-assit-color);
  height: $sec-button-height;
}
.sec-button-red2{
  @include sec-button(white,white,$sec-assit-color,darken($sec-assit-color, 5%),$sec-assit-color, 100px, 35px);
}
.sec-button-blue-md{
  font-size: $sec-md-button-font-size;
  $blue-color:$sec-assit-color;
  @include sec-button($blue-color,#fff,#fff,$blue-color,$blue-color);
}
.sec-button-blue-bg{
  $blue-color:$sec-assit-color;
  @include sec-button(#fff,#fff,$blue-color,darken($blue-color,5%),$blue-color);
  height: $sec-button-height;
}
.sec-button-blue-bg-md{
  font-size: $sec-md-button-font-size;
  $blue-color:$sec-assit-color;
  @include sec-button(#fff,#fff,$blue-color,darken($blue-color,5%),$blue-color);
}
.sec-button-white{
  $gray-color:#f3f1f1;
  @include sec-button($sec-font-color,$sec-font-color,$gray-color,darken($gray-color,5%),$sec-gray-border-color);
  height: $sec-button-height;
}
.sec-button-white-md{
  font-size: $sec-md-button-font-size;
  $gray-color:#f3f1f1;
  @include sec-button($sec-font-color,$sec-font-color,$gray-color,darken($gray-color,5%),$sec-gray-border-color);
}
.sec-button-orange-nbg{
  $orange-color:$sec-orange-color;
  @include sec-button($orange-color,#fff,#fff,$orange-color,$orange-color);
  height: $sec-button-height;
}
.sec-button-orange-nbg-md{
  font-size: $sec-md-button-font-size;
  $orange-color:$sec-orange-color;
  @include sec-button($orange-color,#fff,#fff,$orange-color,$orange-color);
}
*/
.ui-table {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #cecece;
  border-top: none;
}
.ui-table th {
  text-align: center;
  font-weight: bold;
  background-color: #dcefff;
}
.ui-table th .sortable, .ui-table th .sort-asc, .ui-table th .sort-desc {
  cursor: pointer;
}
.ui-table th .sortable i, .ui-table th .sort-asc i, .ui-table th .sort-desc i {
  background: url('../../images/base/table.png') no-repeat;
  display: inline-block;
  width: 13px;
  height: 13px;
  vertical-align: middle;
  margin-left: .5em;
}
.ui-table th .sortable i {
  background-position: 0 -34px;
}
.ui-table th .sort-asc i {
  background-position: 0 2px;
}
.ui-table th .sort-desc i {
  background-position: 0 -15px;
}
.ui-table td {
  text-align: center;
}
.ui-table tr {
  border-top: 1px solid #cecece;
  line-height: 2.5em;
}
.ui-table tr.even {
  background-color: #edffff;
}
.ui-table tr.odd {
  background-color: #fff;
}
.ui-table .check-col {
  width: 1em;
  padding-left: 1em;
}

.sec-table-1 {
  overflow-x: auto;
  font-size: 14px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sec-table-1 table {
  width: 100%;
  border: 1px solid #efeff0;
}
.sec-table-1 table th {
  background-color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  line-height: 36px;
  color: #222;
  background-color: #f7f8f8;
}
.sec-table-1 table thead tr {
  border-bottom: 1px solid #efeff0;
}
.sec-table-1 table tbody tr {
  border-bottom: 1px dotted #efeff0;
}
.sec-table-1 table tbody tr:last-child {
  border-bottom: none;
}
.sec-table-1 table tr {
  cursor: pointer;
  color: #666;
}
.sec-table-1 table tr.selected {
  background-color: #edf3f5;
  color: RGB(250,120,0);
}
.sec-table-1 table tr:hover {
  background-color: #edf3f5;
  color: RGB(250,120,0);
}
.sec-table-1 table td {
  line-height: 2em;
  padding: 4px 0;
  text-align: center;
}
.sec-table-1 table td span.padding-r {
  padding-right: 1em;
}
.sec-table-1 table td span.padding-l {
  padding-left: 1em;
}
.sec-table-1 table tbody td {
  border: transparent;
}

.ui-popup-table tr {
  line-height: 3em;
}

.inner-table-wrapper {
  padding: 1em;
  background-color: #79c4eb;
}

.sec-table-1 .sortable,
.sec-table-1 .sort_asc,
.sec-table-1 .sort_desc {
  cursor: pointer;
}
.sec-table-1 .sortable i,
.sec-table-1 .sort_asc i,
.sec-table-1 .sort_desc i {
  background: url('../../images/component/table.png?658e8dc0bf8b9a09b36994abf9242099') no-repeat;
  display: inline-block;
  width: 13px;
  height: 13px;
  vertical-align: middle;
  margin-left: .5em;
}
.sec-table-1 .sortable i {
  background-position: 0 -34px;
}
.sec-table-1 .sort_asc i {
  background-position: 0 2px;
}
.sec-table-1 .sort_desc i {
  background-position: 0 -15px;
}

body, input, textarea, select, button {
  font-size: 14px !important;
  color: #4d525d;
  font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Microsoft Yahei", Arial, sans-serif;
  text-decoration: none;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

input[disabled], select[disabled] {
  background-color: #f3f5f7 !important;
  cursor: not-allowed;
}

.wrapper {
  margin-left: auto;
  margin-right: auto;
  display: block;
  box-sizing: border-box;
  width: 1200px;
  margin: auto;
}
.wrapper:before, .wrapper:after {
  clear: both;
  display: table;
  content: " ";
}

.back-index {
  color: RGB(250,120,0);
}

.font-12 {
  font-size: 12px;
}

.font-14 {
  font-size: 14px;
}

.font-16 {
  font-size: 16px;
}

.font-18 {
  font-size: 18px;
}

.font-20 {
  font-size: 20px;
}

.font-24 {
  font-size: 24px;
}

.font-bold {
  font-weight: bold;
}

.text-nowrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

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

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

.no-padding {
  padding: 0 !important;
}

.no-padding-l {
  padding-left: 0 !important;
}

.no-padding-r {
  padding-right: 0 !important;
}

.no-padding-t {
  padding-top: 0 !important;
}

.no-padding-b {
  padding-bottom: 0 !important;
}

.no-border {
  border: 0 !important;
}

.no-border-l {
  border-left: 0 !important;
}

.no-border-r {
  border-right: 0 !important;
}

.no-border-t {
  border-top: 0 !important;
}

.no-border-b {
  border-bottom: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

.no-margin-l {
  margin-left: 0 !important;
}

.no-margin-r {
  margin-right: 0 !important;
}

.no-margin-t {
  margin-top: 0 !important;
}

.no-margin-b {
  margin-bottom: 0 !important;
}

.mg-5 {
  margin: 5px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.pd-5 {
  padding: 5px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.mg-10 {
  margin: 10px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.pd-10 {
  padding: 10px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.mg-15 {
  margin: 15px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.pd-15 {
  padding: 15px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.mg-18 {
  margin: 18px !important;
}

.mt-18 {
  margin-top: 18px !important;
}

.mb-18 {
  margin-bottom: 18px !important;
}

.mr-18 {
  margin-right: 18px !important;
}

.ml-18 {
  margin-left: 18px !important;
}

.pd-18 {
  padding: 18px !important;
}

.pt-18 {
  padding-top: 18px !important;
}

.pl-18 {
  padding-left: 18px !important;
}

.pr-18 {
  padding-right: 18px !important;
}

.pb-18 {
  padding-bottom: 18px !important;
}

.mg-20 {
  margin: 20px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.pd-20 {
  padding: 20px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.mg-25 {
  margin: 25px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

.pd-25 {
  padding: 25px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.mg-30 {
  margin: 30px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.pd-30 {
  padding: 30px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.mg-40 {
  margin: 40px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.pd-40 {
  padding: 40px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.mg-50 {
  margin: 50px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.pd-50 {
  padding: 50px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.mg-60 {
  margin: 60px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mr-60 {
  margin-right: 60px !important;
}

.ml-60 {
  margin-left: 60px !important;
}

.pd-60 {
  padding: 60px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pl-60 {
  padding-left: 60px !important;
}

.pr-60 {
  padding-right: 60px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.mg-80 {
  margin: 80px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.mr-80 {
  margin-right: 80px !important;
}

.ml-80 {
  margin-left: 80px !important;
}

.pd-80 {
  padding: 80px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pl-80 {
  padding-left: 80px !important;
}

.pr-80 {
  padding-right: 80px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.mg-100 {
  margin: 100px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.mr-100 {
  margin-right: 100px !important;
}

.ml-100 {
  margin-left: 100px !important;
}

.pd-100 {
  padding: 100px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pl-100 {
  padding-left: 100px !important;
}

.pr-100 {
  padding-right: 100px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.mg-120 {
  margin: 120px !important;
}

.mt-120 {
  margin-top: 120px !important;
}

.mb-120 {
  margin-bottom: 120px !important;
}

.mr-120 {
  margin-right: 120px !important;
}

.ml-120 {
  margin-left: 120px !important;
}

.pd-120 {
  padding: 120px !important;
}

.pt-120 {
  padding-top: 120px !important;
}

.pl-120 {
  padding-left: 120px !important;
}

.pr-120 {
  padding-right: 120px !important;
}

.pb-120 {
  padding-bottom: 120px !important;
}

.mg-140 {
  margin: 140px !important;
}

.mt-140 {
  margin-top: 140px !important;
}

.mb-140 {
  margin-bottom: 140px !important;
}

.mr-140 {
  margin-right: 140px !important;
}

.ml-140 {
  margin-left: 140px !important;
}

.pd-140 {
  padding: 140px !important;
}

.pt-140 {
  padding-top: 140px !important;
}

.pl-140 {
  padding-left: 140px !important;
}

.pr-140 {
  padding-right: 140px !important;
}

.pb-140 {
  padding-bottom: 140px !important;
}

.mg-220 {
  margin: 220px !important;
}

.mt-220 {
  margin-top: 220px !important;
}

.mb-220 {
  margin-bottom: 220px !important;
}

.mr-220 {
  margin-right: 220px !important;
}

.ml-220 {
  margin-left: 220px !important;
}

.pd-220 {
  padding: 220px !important;
}

.pt-220 {
  padding-top: 220px !important;
}

.pl-220 {
  padding-left: 220px !important;
}

.pr-220 {
  padding-right: 220px !important;
}

.pb-220 {
  padding-bottom: 220px !important;
}

.mg-320 {
  margin: 320px !important;
}

.mt-320 {
  margin-top: 320px !important;
}

.mb-320 {
  margin-bottom: 320px !important;
}

.mr-320 {
  margin-right: 320px !important;
}

.ml-320 {
  margin-left: 320px !important;
}

.pd-320 {
  padding: 320px !important;
}

.pt-320 {
  padding-top: 320px !important;
}

.pl-320 {
  padding-left: 320px !important;
}

.pr-320 {
  padding-right: 320px !important;
}

.pb-320 {
  padding-bottom: 320px !important;
}

.mg-360 {
  margin: 360px !important;
}

.mt-360 {
  margin-top: 360px !important;
}

.mb-360 {
  margin-bottom: 360px !important;
}

.mr-360 {
  margin-right: 360px !important;
}

.ml-360 {
  margin-left: 360px !important;
}

.pd-360 {
  padding: 360px !important;
}

.pt-360 {
  padding-top: 360px !important;
}

.pl-360 {
  padding-left: 360px !important;
}

.pr-360 {
  padding-right: 360px !important;
}

.pb-360 {
  padding-bottom: 360px !important;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.v-top {
  vertical-align: top;
}

.v-middle {
  vertical-align: middle;
}

.v-bottom {
  vertical-align: bottom;
}

.sec-gray-border {
  border: 1px solid #efeff0;
}

.sec-gray-border-t {
  border-top: 1px solid #efeff0;
}

.sec-gray-border-r {
  border-right: 1px solid #efeff0;
}

.sec-gray-border-b {
  border-bottom: 1px solid #efeff0;
}

.sec-gray-border-l {
  border-left: 1px solid #efeff0;
}

.clearfix {
  zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix:after {
  clear: both;
}

.ui-col-1, .ui-col-2, .ui-col-3, .ui-col-4, .ui-col-5, .ui-col-6, .ui-col-7, .ui-col-8, .ui-col-9, .ui-col-10, .ui-col-11, .ui-col-12, .ui-col-1-10, .ui-col-5-100, .ui-col-2-10, .ui-col-15-100, .ui-col-3-10, .ui-col-25-100, .ui-col-4-10, .ui-col-35-100, .ui-col-5-10, .ui-col-45-100, .ui-col-6-10, .ui-col-55-100, .ui-col-7-10, .ui-col-65-100, .ui-col-8-10, .ui-col-75-100, .ui-col-9-10, .ui-col-85-100, .ui-col-10-10, .ui-col-95-100 {
  box-sizing: border-box;
  position: relative;
  display: block;
  float: left;
  min-height: 1px;
}

.ui-col-1 {
  width: 8.33333%;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-col-2 {
  width: 16.66667%;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-col-3 {
  width: 25%;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-col-4 {
  width: 33.33333%;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-col-5 {
  width: 41.66667%;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-col-6 {
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-col-7 {
  width: 58.33333%;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-col-8 {
  width: 66.66667%;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-col-9 {
  width: 75%;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-col-10 {
  width: 83.33333%;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-col-11 {
  width: 91.66667%;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-col-12 {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-col-1-10 {
  width: 10%;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-col-5-100 {
  width: 5%;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-col-2-10 {
  width: 20%;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-col-15-100 {
  width: 15%;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-col-3-10 {
  width: 30%;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-col-25-100 {
  width: 25%;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-col-4-10 {
  width: 40%;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-col-35-100 {
  width: 35%;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-col-5-10 {
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-col-45-100 {
  width: 45%;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-col-6-10 {
  width: 60%;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-col-55-100 {
  width: 55%;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-col-7-10 {
  width: 70%;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-col-65-100 {
  width: 65%;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-col-8-10 {
  width: 80%;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-col-75-100 {
  width: 75%;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-col-9-10 {
  width: 90%;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-col-85-100 {
  width: 85%;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-col-10-10 {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-col-95-100 {
  width: 95%;
  padding-left: 10px;
  padding-right: 10px;
}

.ui-col-offset-0 {
  margin-left: 0%;
}

.ui-col-offset-1 {
  margin-left: 8.33333%;
}

.ui-col-offset-2 {
  margin-left: 16.66667%;
}

.ui-col-offset-3 {
  margin-left: 25%;
}

.ui-col-offset-4 {
  margin-left: 33.33333%;
}

.ui-col-offset-5 {
  margin-left: 41.66667%;
}

.ui-col-offset-6 {
  margin-left: 50%;
}

.ui-col-offset-7 {
  margin-left: 58.33333%;
}

.ui-col-offset-8 {
  margin-left: 66.66667%;
}

.ui-col-offset-9 {
  margin-left: 75%;
}

.ui-col-offset-10 {
  margin-left: 83.33333%;
}

.ui-col-offset-11 {
  margin-left: 91.66667%;
}

.ui-col-offset-12 {
  margin-left: 100%;
}

.ui-col-push-0 {
  left: auto;
}

.ui-col-push-1 {
  left: 8.33333%;
}

.ui-col-push-2 {
  left: 16.66667%;
}

.ui-col-push-3 {
  left: 25%;
}

.ui-col-push-4 {
  left: 33.33333%;
}

.ui-col-push-5 {
  left: 41.66667%;
}

.ui-col-push-6 {
  left: 50%;
}

.ui-col-push-7 {
  left: 58.33333%;
}

.ui-col-push-8 {
  left: 66.66667%;
}

.ui-col-push-9 {
  left: 75%;
}

.ui-col-push-10 {
  left: 83.33333%;
}

.ui-col-push-11 {
  left: 91.66667%;
}

.ui-col-push-12 {
  left: 100%;
}

.ui-col-pull-0 {
  right: auto;
}

.ui-col-pull-1 {
  right: 8.33333%;
}

.ui-col-pull-2 {
  right: 16.66667%;
}

.ui-col-pull-3 {
  right: 25%;
}

.ui-col-pull-4 {
  right: 33.33333%;
}

.ui-col-pull-5 {
  right: 41.66667%;
}

.ui-col-pull-6 {
  right: 50%;
}

.ui-col-pull-7 {
  right: 58.33333%;
}

.ui-col-pull-8 {
  right: 66.66667%;
}

.ui-col-pull-9 {
  right: 75%;
}

.ui-col-pull-10 {
  right: 83.33333%;
}

.ui-col-pull-11 {
  right: 91.66667%;
}

.ui-col-pull-12 {
  right: 100%;
}

.ui-row-sm, .ui-row-md, .ui-row-lg {
  margin-left: -10px;
  margin-right: -10px;
}
.ui-row-sm:before, .ui-row-sm:after, .ui-row-md:before, .ui-row-md:after, .ui-row-lg:before, .ui-row-lg:after {
  clear: both;
  display: table;
  content: " ";
}

.ui-row-sm {
  line-height: 1em;
}

.ui-row-md {
  line-height: 2em;
}

.ui-row-lg {
  line-height: 3em;
}

input::-ms-clear {
  display: none;
}

.sec-blue-link {
  color: #115fd6;
  text-decoration: none;
  cursor: pointer;
}
.sec-blue-link:hover {
  color: #0f55be;
}

.sec-red-link {
  text-decoration: none;
  cursor: pointer;
  color: #ff9900;
}
.sec-red-link:hover {
  color: #1054bf;
}

.sec-required:before {
  content: '* ';
  color: red;
  vertical-align: middle;
}
.sec-required.sec-required-trim:before {
  content: '*';
}

.indicatorContainer {
  position: fixed;
  top: 50%;
  margin-top: -110px;
  right: 40%;
  z-index: 99;
}

.imageUploadContainer label {
  line-height: 28px !important;
  width: 100px;
  text-align: right;
  padding-right: 10px;
  line-height: 28px;
  margin-left: 18px;
}
.imageUploadContainer input[type="file"] {
  line-height: 28px;
  height: 24px;
}
.imageUploadContainer .mce-textbox {
  border: none;
}

.icon-top-sprite, .icon-top-arrow-right, .index-nav .cat-list .cat-name i, .index-nav2 .cat-list .cat-name i, .index-nav3 .cat-list .cat-name i, .index-nav4 .cat-list .cat-name i, .icon-top-bg-commodity, .icon-top-customer-service, .icon-top-cut, .icon-top-english, .icon-top-group-rj-red, .index-nav .commodity .item:hover.rj .icon-group, .index-nav2 .commodity .item:hover.rj .icon-group, .index-nav3 .commodity .item:hover.rj .icon-group, .index-nav4 .commodity .item:hover.rj .icon-group, .icon-top-group-rj-white, .index-nav .commodity .item.rj .icon-group, .index-nav2 .commodity .item.rj .icon-group, .index-nav3 .commodity .item.rj .icon-group, .index-nav4 .commodity .item.rj .icon-group, .icon-top-group-steel-red, .index-nav .commodity .item:hover.steel .icon-group, .index-nav2 .commodity .item:hover.steel .icon-group, .index-nav3 .commodity .item:hover.steel .icon-group, .index-nav4 .commodity .item:hover.steel .icon-group, .icon-top-group-steel-white, .index-nav .commodity .item.steel .icon-group, .index-nav2 .commodity .item.steel .icon-group, .index-nav3 .commodity .item.steel .icon-group, .index-nav4 .commodity .item.steel .icon-group, .icon-top-group-xc-red, .index-nav .commodity .item:hover.xc .icon-group, .index-nav2 .commodity .item:hover.xc .icon-group, .index-nav3 .commodity .item:hover.xc .icon-group, .index-nav4 .commodity .item:hover.xc .icon-group, .icon-top-group-xc-white, .index-nav .commodity .item.xc .icon-group, .index-nav2 .commodity .item.xc .icon-group, .index-nav3 .commodity .item.xc .icon-group, .index-nav4 .commodity .item.xc .icon-group, .icon-top-group-zhb-red, .index-nav .commodity .item:hover.zhb .icon-group, .index-nav2 .commodity .item:hover.zhb .icon-group, .index-nav3 .commodity .item:hover.zhb .icon-group, .index-nav4 .commodity .item:hover.zhb .icon-group, .icon-top-group-zhb-white, .index-nav .commodity .item.zhb .icon-group, .index-nav2 .commodity .item.zhb .icon-group, .index-nav3 .commodity .item.zhb .icon-group, .index-nav4 .commodity .item.zhb .icon-group, .icon-top-logo-sign, .icon-top-logo, .icon-top-logo2, .icon-top-open-down, .index-nav .commodity.close i.pull-right, .index-nav2 .commodity.close i.pull-right, .index-nav3 .commodity.close i.pull-right, .index-nav4 .commodity.close i.pull-right, .icon-top-open-left, .index-nav .commodity .item:hover .icon-item-flag, .index-nav2 .commodity .item:hover .icon-item-flag, .index-nav3 .commodity .item:hover .icon-item-flag, .index-nav4 .commodity .item:hover .icon-item-flag, .icon-top-open-right, .index-nav .commodity .item .icon-item-flag, .index-nav2 .commodity .item .icon-item-flag, .index-nav3 .commodity .item .icon-item-flag, .index-nav4 .commodity .item .icon-item-flag, .icon-top-open-up, .index-nav .commodity.open i.pull-right, .index-nav2 .commodity.open i.pull-right, .index-nav3 .commodity.open i.pull-right, .index-nav4 .commodity.open i.pull-right, .icon-top-recommend, .icon-top-record, .icon-top-search, .icon-top-shopping, .icon-top-talk, .icon-top-top-hot, .index-nav .hot i, .index-nav2 .hot i, .index-nav3 .hot i, .index-nav4 .hot i, .icon-top-top-new, .index-nav .new i, .index-nav2 .new i, .index-nav3 .new i, .index-nav4 .new i, .top-bar .my-msg:hover i, .top-bar .my-msg i {
  background-image: url('../../images/common/icon-top-s5cd1ef1f38.png');
  background-repeat: no-repeat;
}

.icon-top-arrow-right, .index-nav .cat-list .cat-name i, .index-nav2 .cat-list .cat-name i, .index-nav3 .cat-list .cat-name i, .index-nav4 .cat-list .cat-name i {
  background-position: 0 0;
  height: 13px;
  width: 8px;
}

.icon-top-bg-commodity {
  background-position: 0 -13px;
  height: 50px;
  width: 230px;
}

.icon-top-customer-service {
  background-position: 0 -63px;
  height: 48px;
  width: 48px;
}

.icon-top-cut {
  background-position: 0 -111px;
  height: 16px;
  width: 14px;
}

.icon-top-english {
  background-position: 0 -127px;
  height: 13px;
  width: 18px;
}

.icon-top-group-rj-red, .index-nav .commodity .item:hover.rj .icon-group, .index-nav2 .commodity .item:hover.rj .icon-group, .index-nav3 .commodity .item:hover.rj .icon-group, .index-nav4 .commodity .item:hover.rj .icon-group {
  background-position: 0 -140px;
  height: 18px;
  width: 18px;
}

.icon-top-group-rj-white, .index-nav .commodity .item.rj .icon-group, .index-nav2 .commodity .item.rj .icon-group, .index-nav3 .commodity .item.rj .icon-group, .index-nav4 .commodity .item.rj .icon-group {
  background-position: 0 -158px;
  height: 18px;
  width: 18px;
}

.icon-top-group-steel-red, .index-nav .commodity .item:hover.steel .icon-group, .index-nav2 .commodity .item:hover.steel .icon-group, .index-nav3 .commodity .item:hover.steel .icon-group, .index-nav4 .commodity .item:hover.steel .icon-group {
  background-position: 0 -176px;
  height: 20px;
  width: 16px;
}

.icon-top-group-steel-white, .index-nav .commodity .item.steel .icon-group, .index-nav2 .commodity .item.steel .icon-group, .index-nav3 .commodity .item.steel .icon-group, .index-nav4 .commodity .item.steel .icon-group {
  background-position: 0 -196px;
  height: 20px;
  width: 16px;
}

.icon-top-group-xc-red, .index-nav .commodity .item:hover.xc .icon-group, .index-nav2 .commodity .item:hover.xc .icon-group, .index-nav3 .commodity .item:hover.xc .icon-group, .index-nav4 .commodity .item:hover.xc .icon-group {
  background-position: 0 -216px;
  height: 18px;
  width: 18px;
}

.icon-top-group-xc-white, .index-nav .commodity .item.xc .icon-group, .index-nav2 .commodity .item.xc .icon-group, .index-nav3 .commodity .item.xc .icon-group, .index-nav4 .commodity .item.xc .icon-group {
  background-position: 0 -234px;
  height: 18px;
  width: 18px;
}

.icon-top-group-zhb-red, .index-nav .commodity .item:hover.zhb .icon-group, .index-nav2 .commodity .item:hover.zhb .icon-group, .index-nav3 .commodity .item:hover.zhb .icon-group, .index-nav4 .commodity .item:hover.zhb .icon-group {
  background-position: 0 -252px;
  height: 18px;
  width: 18px;
}

.icon-top-group-zhb-white, .index-nav .commodity .item.zhb .icon-group, .index-nav2 .commodity .item.zhb .icon-group, .index-nav3 .commodity .item.zhb .icon-group, .index-nav4 .commodity .item.zhb .icon-group {
  background-position: 0 -270px;
  height: 18px;
  width: 18px;
}

.icon-top-logo-sign {
  background-position: 0 -288px;
  height: 52px;
  width: 220px;
}

.icon-top-logo {
  background-position: 0 -340px;
  height: 52px;
  width: 220px;
}

.icon-top-logo2 {
  background-position: 0 -392px;
  height: 52px;
  width: 218px;
}

.icon-top-open-down, .index-nav .commodity.close i.pull-right, .index-nav2 .commodity.close i.pull-right, .index-nav3 .commodity.close i.pull-right, .index-nav4 .commodity.close i.pull-right {
  background-position: 0 -444px;
  height: 11px;
  width: 18px;
}

.icon-top-open-left, .index-nav .commodity .item:hover .icon-item-flag, .index-nav2 .commodity .item:hover .icon-item-flag, .index-nav3 .commodity .item:hover .icon-item-flag, .index-nav4 .commodity .item:hover .icon-item-flag {
  background-position: 0 -455px;
  height: 12px;
  width: 7px;
}

.icon-top-open-right, .index-nav .commodity .item .icon-item-flag, .index-nav2 .commodity .item .icon-item-flag, .index-nav3 .commodity .item .icon-item-flag, .index-nav4 .commodity .item .icon-item-flag {
  background-position: 0 -467px;
  height: 12px;
  width: 7px;
}

.icon-top-open-up, .index-nav .commodity.open i.pull-right, .index-nav2 .commodity.open i.pull-right, .index-nav3 .commodity.open i.pull-right, .index-nav4 .commodity.open i.pull-right {
  background-position: 0 -479px;
  height: 11px;
  width: 18px;
}

.icon-top-recommend {
  background-position: 0 -490px;
  height: 20px;
  width: 20px;
}

.icon-top-record {
  background-position: 0 -510px;
  height: 14px;
  width: 17px;
}

.icon-top-search {
  background-position: 0 -524px;
  height: 26px;
  width: 26px;
}

.icon-top-shopping {
  background-position: 0 -550px;
  height: 24px;
  width: 26px;
}

.icon-top-talk {
  background-position: 0 -590px;
  height: 16px;
  width: 16px;
}
.icon-top-talk:hover, .icon-top-talk.talk-hover {
  background-position: 0 -574px;
}

.icon-top-top-hot, .index-nav .hot i, .index-nav2 .hot i, .index-nav3 .hot i, .index-nav4 .hot i {
  background-position: 0 -606px;
  height: 19px;
  width: 34px;
}

.icon-top-top-new, .index-nav .new i, .index-nav2 .new i, .index-nav3 .new i, .index-nav4 .new i {
  background-position: 0 -625px;
  height: 16px;
  width: 29px;
}

.site-top {
  background-color: #f3f5f7;
  border-bottom: 1px solid #dbdbdb;
}

.wrapper-top {
  width: 100%;
  background-color: #f2f2f2;
}

.top-shadow {
  box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.1);
}

.wrapper-nav {
  width: 100%;
}
.wrapper-nav.border-gray {
  border-bottom: 1px solid #eee;
}
.wrapper-nav.border-blue {
  border-bottom: 2px solid #177eff;
}

.top-bar {
  width: 1200px;
  margin: auto;
  display: block;
  background-color: #f2f2f2;
  color: #a0a0a0;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
}
.top-bar .icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px;
}
.top-bar li {
  width: auto;
  float: left;
}
.top-bar a {
  padding: 0 1em;
  text-decoration: none;
  color: #a0a0a0;
  cursor: pointer;
}
.top-bar a:hover {
  color: RGB(250,120,0);
}
.top-bar .right-border {
  border-right: 1px solid #a0a0a0;
}
.top-bar .weibo i {
  display: inline-block;
  vertical-align: middle;
  margin-right: .5em;
  width: 20px;
  height: 14px;
  background: url('../../images/common/index_bg.png') -36px -240px no-repeat;
}
.top-bar .weibo:hover i {
  background: url('../../images/common/index_bg.png') -236px -239px no-repeat;
}
.top-bar .my-order {
  color: #1b1b1b;
}
.top-bar .my-order i {
  display: inline-block;
  vertical-align: middle;
  margin-right: .5em;
  width: 14px;
  height: 14px;
  background: url('../../images/common/index_bg.png') -240px -433px no-repeat;
}
.top-bar .my-msg:hover {
  color: RGB(250,120,0);
}
.top-bar .my-msg:hover i {
  background-position: 0 -574px;
  height: 16px;
  width: 16px;
}
.top-bar .my-msg i {
  background-position: 0 -590px;
  height: 16px;
  width: 16px;
  display: inline-block;
  vertical-align: text-top;
  margin-right: 5px;
}
.top-bar .my-msg i:hover, .top-bar .my-msg i.talk-hover {
  background-position: 0 -574px;
}
.top-bar .phone {
  color: #e74345;
}

.index-nav, .index-nav2, .index-nav3, .index-nav4 {
  width: 1200px;
  margin: auto;
  display: block;
  overflow: initial;
  vertical-align: bottom;
  line-height: 48px;
  height: 48px;
}
.index-nav .hot, .index-nav2 .hot, .index-nav3 .hot, .index-nav4 .hot {
  position: relative;
}
.index-nav .hot i, .index-nav2 .hot i, .index-nav3 .hot i, .index-nav4 .hot i {
  display: block;
  position: absolute;
  top: -8px;
  left: 30px;
  z-index: -1;
}
.index-nav .new, .index-nav2 .new, .index-nav3 .new, .index-nav4 .new {
  position: relative;
}
.index-nav .new i, .index-nav2 .new i, .index-nav3 .new i, .index-nav4 .new i {
  display: block;
  position: absolute;
  top: -8px;
  left: 15px;
  z-index: -1;
}
.index-nav .commodity, .index-nav2 .commodity, .index-nav3 .commodity, .index-nav4 .commodity {
  background-color: rgba(65,101,246,1);
  width: 220px;
  height: 48px;
  color: white;
  font-size: 16px;
  text-align: center;
  border-radius: 0px 0px 0 0;
}
.index-nav .commodity i, .index-nav2 .commodity i, .index-nav3 .commodity i, .index-nav4 .commodity i, .index-nav .commodity span, .index-nav2 .commodity span, .index-nav3 .commodity span, .index-nav4 .commodity span {
  display: inline-block;
  vertical-align: middle;
}
.index-nav .commodity:hover, .index-nav2 .commodity:hover, .index-nav3 .commodity:hover, .index-nav4 .commodity:hover {
  cursor: pointer;
}
.index-nav .commodity.open i.pull-right, .index-nav2 .commodity.open i.pull-right, .index-nav3 .commodity.open i.pull-right, .index-nav4 .commodity.open i.pull-right {
  margin: 20px 10px;
}
.index-nav .commodity.open .commodity-content, .index-nav2 .commodity.open .commodity-content, .index-nav3 .commodity.open .commodity-content, .index-nav4 .commodity.open .commodity-content {
  display: block;
}
.index-nav .commodity.close i.pull-right, .index-nav2 .commodity.close i.pull-right, .index-nav3 .commodity.close i.pull-right, .index-nav4 .commodity.close i.pull-right {
  margin: 20px 10px;
}
.index-nav .commodity.close .commodity-content, .index-nav2 .commodity.close .commodity-content, .index-nav3 .commodity.close .commodity-content, .index-nav4 .commodity.close .commodity-content {
  display: none;
}
.index-nav .commodity .commodity-content, .index-nav2 .commodity .commodity-content, .index-nav3 .commodity .commodity-content, .index-nav4 .commodity .commodity-content {
  position: absolute;
  top: 48px;
  left: 0;
  background-color: rgba(48,55,66,1);
  color: white;
  width: 220px;
  height: 384px;
  display: block;
  z-index: 99;
}
.index-nav .commodity .item, .index-nav2 .commodity .item, .index-nav3 .commodity .item, .index-nav4 .commodity .item {
  display: block;
  color: white;
  height: 75px;
  line-height: 75px;
  text-align: left;
  padding: 0 30px;
  font-size: 14px;
}
.index-nav .commodity .item i, .index-nav2 .commodity .item i, .index-nav3 .commodity .item i, .index-nav4 .commodity .item i, .index-nav .commodity .item .label, .index-nav2 .commodity .item .label, .index-nav3 .commodity .item .label, .index-nav4 .commodity .item .label {
  display: inline-block;
  vertical-align: middle;
}
.index-nav .commodity .item .label, .index-nav2 .commodity .item .label, .index-nav3 .commodity .item .label, .index-nav4 .commodity .item .label {
  margin-left: 20px;
}
.index-nav .commodity .item .icon-item-flag, .index-nav2 .commodity .item .icon-item-flag, .index-nav3 .commodity .item .icon-item-flag, .index-nav4 .commodity .item .icon-item-flag {
  float: right;
  margin-top: 32px;
}
.index-nav .commodity .item:hover, .index-nav2 .commodity .item:hover, .index-nav3 .commodity .item:hover, .index-nav4 .commodity .item:hover {
  background-color: white;
  color: RGB(250,120,0);
}
.index-nav .commodity .item:hover .commodity-content2, .index-nav2 .commodity .item:hover .commodity-content2, .index-nav3 .commodity .item:hover .commodity-content2, .index-nav4 .commodity .item:hover .commodity-content2 {
  display: block;
}
.index-nav .commodity .item .commodity-content2, .index-nav2 .commodity .item .commodity-content2, .index-nav3 .commodity .item .commodity-content2, .index-nav4 .commodity .item .commodity-content2 {
  box-shadow: 3px 0 7px -3px #666;
  display: none;
  position: absolute;
  width: 400px;
  height: 300px;
  max-height: 300px;
  top: 0;
  left: 220px;
  background-color: white;
  font-size: 14px;
  color: #4d525d;
  line-height: 27px;
  padding: 0 20px;
  box-sizing: border-box;
  overflow: auto;
}
.index-nav .commodity .item .commodity-content2 .group, .index-nav2 .commodity .item .commodity-content2 .group, .index-nav3 .commodity .item .commodity-content2 .group, .index-nav4 .commodity .item .commodity-content2 .group {
  border-top: 1px solid #efeff0;
  padding: 10px;
}
.index-nav .commodity .item .commodity-content2 .group .label-title, .index-nav2 .commodity .item .commodity-content2 .group .label-title, .index-nav3 .commodity .item .commodity-content2 .group .label-title, .index-nav4 .commodity .item .commodity-content2 .group .label-title {
  font-weight: bold;
}
.index-nav .commodity .item .commodity-content2 .group .items .item2, .index-nav2 .commodity .item .commodity-content2 .group .items .item2, .index-nav3 .commodity .item .commodity-content2 .group .items .item2, .index-nav4 .commodity .item .commodity-content2 .group .items .item2 {
  float: left;
}
.index-nav .commodity .item .commodity-content2 .group:first-child, .index-nav2 .commodity .item .commodity-content2 .group:first-child, .index-nav3 .commodity .item .commodity-content2 .group:first-child, .index-nav4 .commodity .item .commodity-content2 .group:first-child {
  border-top: none;
}
.index-nav li, .index-nav2 li, .index-nav3 li, .index-nav4 li {
  float: left;
}
.index-nav li img, .index-nav2 li img, .index-nav3 li img, .index-nav4 li img {
  vertical-align: middle;
}
.index-nav li.pull-right, .index-nav2 li.pull-right, .index-nav3 li.pull-right, .index-nav4 li.pull-right {
  margin-left: 50px;
  text-align: center;
  font-size: 16px;
}
.index-nav li.pull-left, .index-nav2 li.pull-left, .index-nav3 li.pull-left, .index-nav4 li.pull-left {
  margin-left: 50px;
  text-align: center;
  font-size: 18px;
}
.index-nav li.last, .index-nav2 li.last, .index-nav3 li.last, .index-nav4 li.last {
  padding-right: .5em;
}
.index-nav li a, .index-nav2 li a, .index-nav3 li a, .index-nav4 li a {
  text-decoration: none;
  cursor: pointer;
  color: #1a1a1a;
  display: block;
  min-width: 60px;
}
.index-nav li a.selected, .index-nav2 li a.selected, .index-nav3 li a.selected, .index-nav4 li a.selected {
  color: rgba(65,101,246,1);
  height: 44px;
  border-bottom: 4px solid rgba(65,101,246,1);
}
.index-nav li a:hover, .index-nav2 li a:hover, .index-nav3 li a:hover, .index-nav4 li a:hover {
  color: rgba(65,101,246,1);
  cursor: pointer;
}
.index-nav .st-logo, .index-nav2 .st-logo, .index-nav3 .st-logo, .index-nav4 .st-logo {
  display: block;
  float: left;
}
.index-nav .st-logo img, .index-nav2 .st-logo img, .index-nav3 .st-logo img, .index-nav4 .st-logo img {
  vertical-align: middle;
}
.index-nav .category-wrapper, .index-nav2 .category-wrapper, .index-nav3 .category-wrapper, .index-nav4 .category-wrapper {
  position: relative;
  float: left;
  top: 36px;
}
.index-nav .category, .index-nav2 .category, .index-nav3 .category, .index-nav4 .category {
  font-size: 14px;
  position: absolute;
  cursor: default;
  vertical-align: middle;
  line-height: 19px;
  border-top: 2px solid transparent;
  width: 120px;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: white;
  z-index: 11;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.index-nav .category i.down-triangle, .index-nav2 .category i.down-triangle, .index-nav3 .category i.down-triangle, .index-nav4 .category i.down-triangle {
  margin-left: 10px;
  border-width: 10px 7px 0;
  border-style: solid;
  border-color: #cccccc transparent transparent;
  display: inline-block;
  vertical-align: middle;
}
.index-nav .category:hover, .index-nav2 .category:hover, .index-nav3 .category:hover, .index-nav4 .category:hover, .index-nav .category.active, .index-nav2 .category.active, .index-nav3 .category.active, .index-nav4 .category.active {
  border-top-color: RGB(250,120,0);
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  color: RGB(250,120,0);
  -moz-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.2);
}
.index-nav .category:hover i.down-triangle, .index-nav2 .category:hover i.down-triangle, .index-nav3 .category:hover i.down-triangle, .index-nav4 .category:hover i.down-triangle, .index-nav .category.active i.down-triangle, .index-nav2 .category.active i.down-triangle, .index-nav3 .category.active i.down-triangle, .index-nav4 .category.active i.down-triangle {
  border-top-color: RGB(250,120,0);
}
.index-nav > ul > li, .index-nav2 > ul > li, .index-nav3 > ul > li, .index-nav4 > ul > li {
  float: left;
}
.index-nav > ul > li.last, .index-nav2 > ul > li.last, .index-nav3 > ul > li.last, .index-nav4 > ul > li.last {
  padding-right: 10px;
}
.index-nav > ul > li a, .index-nav2 > ul > li a, .index-nav3 > ul > li a, .index-nav4 > ul > li a {
  padding: 11px 39px;
  text-align: center;
  font-size: 16px;
  text-decoration: none;
  cursor: pointer;
  color: #4d525d;
  font-weight: bold;
}
.index-nav > ul > li a.selected, .index-nav2 > ul > li a.selected, .index-nav3 > ul > li a.selected, .index-nav4 > ul > li a.selected {
  border-radius: 2px;
  background-color: RGB(250,120,0);
  color: #fff;
}
.index-nav > ul > li a.selected:hover, .index-nav2 > ul > li a.selected:hover, .index-nav3 > ul > li a.selected:hover, .index-nav4 > ul > li a.selected:hover {
  color: #fff;
}
.index-nav > ul > li a:hover, .index-nav2 > ul > li a:hover, .index-nav3 > ul > li a:hover, .index-nav4 > ul > li a:hover {
  color: RGB(250,120,0);
  cursor: pointer;
}
.index-nav .cat-box, .index-nav2 .cat-box, .index-nav3 .cat-box, .index-nav4 .cat-box {
  display: none;
  font-size: 12px;
  width: 690px;
  border: 1px solid #cccccc;
  border-top: 2px;
  position: absolute;
  background-color: white;
  left: 0;
  top: 45px;
  color: #4d525d;
  z-index: 99;
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.index-nav .cat-list, .index-nav2 .cat-list, .index-nav3 .cat-list, .index-nav4 .cat-list {
  width: 500px;
  float: left;
  margin: 20px 0;
  padding-right: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #cccccc;
}
.index-nav .cat-list > div.first, .index-nav2 .cat-list > div.first, .index-nav3 .cat-list > div.first, .index-nav4 .cat-list > div.first {
  margin-top: -14px;
}
.index-nav .cat-list .cat-name, .index-nav2 .cat-list .cat-name, .index-nav3 .cat-list .cat-name, .index-nav4 .cat-list .cat-name {
  padding-left: 20px;
  float: left;
  width: 100px;
  margin-top: 16px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  line-height: normal;
}
.index-nav .cat-list .cat-name i, .index-nav2 .cat-list .cat-name i, .index-nav3 .cat-list .cat-name i, .index-nav4 .cat-list .cat-name i {
  display: inline-block;
  margin-left: 5px;
}
.index-nav .cat-list ul, .index-nav2 .cat-list ul, .index-nav3 .cat-list ul, .index-nav4 .cat-list ul {
  padding: 10px 0;
  line-height: 32px;
  width: 359px;
  display: block;
  float: left;
  border-bottom: 1px dashed #cccccc;
}
.index-nav .cat-list ul span, .index-nav2 .cat-list ul span, .index-nav3 .cat-list ul span, .index-nav4 .cat-list ul span {
  display: inline-block;
}
.index-nav .cat-list ul a, .index-nav2 .cat-list ul a, .index-nav3 .cat-list ul a, .index-nav4 .cat-list ul a {
  display: inline-block;
  margin: 0 12px;
  cursor: pointer;
  color: #4d525d;
}
.index-nav .cat-list ul a:hover, .index-nav2 .cat-list ul a:hover, .index-nav3 .cat-list ul a:hover, .index-nav4 .cat-list ul a:hover {
  color: RGB(250,120,0);
}
.index-nav .cat-list li, .index-nav2 .cat-list li, .index-nav3 .cat-list li, .index-nav4 .cat-list li {
  float: left;
}
.index-nav .logo-list, .index-nav2 .logo-list, .index-nav3 .logo-list, .index-nav4 .logo-list {
  margin: 20px 0;
  float: left;
  width: 150px;
  padding: 0 20px;
}
.index-nav .logo-list li, .index-nav2 .logo-list li, .index-nav3 .logo-list li, .index-nav4 .logo-list li {
  text-align: center;
  margin-bottom: 10px;
  line-height: 60px;
  border: 1px solid #cccccc;
}
.index-nav .logo-list li.last, .index-nav2 .logo-list li.last, .index-nav3 .logo-list li.last, .index-nav4 .logo-list li.last {
  margin-bottom: 0;
}
.index-nav .logo-list li img, .index-nav2 .logo-list li img, .index-nav3 .logo-list li img, .index-nav4 .logo-list li img {
  vertical-align: middle;
}

.index-nav2 {
  padding: 1em 0;
  height: 72px;
  line-height: 72px;
}
.index-nav2 li.pull-right {
  width: 130px;
  text-align: center;
  font-weight: normal;
  font-size: 16px;
}
.index-nav2 li:last-child {
  padding: 15px 0 15px;
}
.index-nav2 li.step-bar {
  width: 40%;
}
.index-nav2 li.step-bar .sec-step ul {
  width: 100%;
  margin-top: 8px;
}
.index-nav2 li.step-bar .sec-step ul li {
  width: 33.333%;
}
.index-nav2 li.step-bar .sec-step ul .span {
  line-height: 14px;
  margin-top: 10px;
}
.index-nav2 .width-500 {
  min-width: 400px !important;
}
.index-nav2 .search {
  position: relative;
}
.index-nav2 .search input {
  box-sizing: border-box;
  width: 400px;
  height: 40px;
  line-height: 40px;
  border: 2px solid RGB(250,120,0);
  padding-left: 15px;
  outline: none;
}
.index-nav2 .search a {
  color: white;
  line-height: 42px;
  height: 42px;
  text-align: center;
  background-color: RGB(250,120,0);
  border: 1px solid RGB(250,120,0);
  display: inline-block;
  text-decoration: none;
  -moz-transition: linear 0.2s;
  -o-transition: linear 0.2s;
  -webkit-transition: linear 0.2s;
  transition: linear 0.2s;
  width: 60px;
  cursor: pointer;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: -2px;
  font-size: 14px;
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
}
.index-nav2 .search a:hover, .index-nav2 .search a.selected {
  color: white;
  background-color: #4165F6;
  border-color: #4165F6;
}
.index-nav2 .search a.selected {
  cursor: not-allowed;
}
.index-nav2 .search a.disabled {
  background-color: #f3f5f7;
  cursor: not-allowed;
  color: #666;
  border-color: #b6c2ce;
}
.index-nav2 .search a.button-small {
  width: 110px;
}
.index-nav2 .shopping-car {
  width: 130px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #efeff0;
  color: #666;
  font-weight: 100;
}
.index-nav2 .shopping-car:hover a {
  color: RGB(250,120,0);
}
.index-nav2 .shopping-car a {
  display: block;
  padding: 0 12px;
}
.index-nav2 .shopping-car i.icon-top-shopping {
  display: inline-block;
  vertical-align: middle;
}
.index-nav2 .shopping-car span {
  margin-left: 8px;
  font-size: 14px;
}
.index-nav2 .shopping-car span.num {
  font-weight: bold;
  font-size: 12px;
  display: inline-block;
  width: 21px;
  height: 21px;
  background-color: RGB(250,120,0);
  color: white;
  border-radius: 20px;
  line-height: 21px;
}

.index-nav3 {
  height: 100px;
  line-height: 100px;
}
.index-nav3 li {
  float: left;
}
.index-nav3 li img {
  vertical-align: middle;
}
.index-nav3 li.pull-right {
  margin: 0;
  line-height: 100px;
  height: 100px;
  width: 130px;
  text-align: center;
  font-weight: normal;
  font-size: 16px;
}
.index-nav3 li.last {
  padding-right: .5em;
}
.index-nav3 li a {
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
.index-nav3 li a.selected {
  width: 130px;
  height: 100px;
  display: block;
  vertical-align: middle;
  line-height: 100px;
  border: none;
  background-color: #4165F6;
  color: #fff;
}
.index-nav3 li a:hover {
  background-color: #fd781b;
  color: white;
  cursor: pointer;
}
.index-nav3.order li.pull-right {
  width: 98px;
  font-weight: 100;
}
.index-nav3.order li a.selected {
  width: 80px;
}

.index-nav4 {
  height: 100px;
  line-height: 100px;
}
.index-nav4 .new i {
  top: 20px;
  left: 20px;
}
.index-nav4 li {
  float: left;
}
.index-nav4 li img {
  vertical-align: middle;
}
.index-nav4 li.pull-right {
  margin: 0 0 0 50px;
  min-width: 64px;
  text-align: center;
  font-weight: normal;
  font-size: 16px;
  color: #1b1b1b;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.index-nav4 li.last {
  padding-right: .5em;
}
.index-nav4 li a {
  text-decoration: none;
  cursor: pointer;
  color: #222;
}
.index-nav4 li a.selected {
  display: inline-block;
  vertical-align: middle;
  line-height: 45px;
  color: rgba(65,101,246,1);
  border-bottom: 3px solid rgba(65,101,246,1);
}
.index-nav4 li a:hover {
  color: RGB(250,120,0);
}

.regist-top {
  height: 110px;
  line-height: 110px;
  border-bottom: 1px solid #eee;
}
.regist-top .left {
  float: left;
  width: 600px;
}
.regist-top .logo {
  display: block;
  width: 160px;
  height: auto;
  float: left;
}
.regist-top .logo img {
  width: auto;
  height: auto;
  vertical-align: middle;
}
.regist-top .title {
  margin: 35px 0 35px 300px;
  height: 40px;
  line-height: 40px;
  border-left: 1px solid #d7d7d7;
  font-size: 28px;
  color: #4d525d;
  padding-left: 15px;
}
.regist-top .right {
  width: 260px;
  float: right;
  font-size: 18px;
  color: #4d525d;
}
.regist-top .slt, .regist-top a.slt {
  border-radius: 2px;
  background-color: RGB(250,120,0);
  color: #fff;
  padding: 11px 39px;
  text-align: center;
  font-size: 16px;
  text-decoration: none;
  cursor: pointer;
}
.regist-top .icon-top-logo-sign {
  margin-top: -5px;
}

.login-top {
  height: 48px;
  line-height: 48px;
}
.login-top a {
  text-decoration: none;
}
.login-top .logo-title {
  font-size: 32px;
  color: #e74345;
  padding-left: 24px;
}
.login-top span {
  display: inline-block;
  padding-left: 20px;
  border-left: 1px solid #c9c9c9;
  margin-left: 20px;
  font-size: 32px;
  color: #4d525d;
}
.login-top i.icon-top-logo-sign {
  display: inline-block;
  vertical-align: top;
}

.index-top {
  height: 100px;
  line-height: 100px;
  padding: 0 10px;
}
.index-top .login-top {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.index-top .login-top span {
  font-size: 36px;
  color: #9fa0a0;
}
.index-top .login-top i.icon-top-logo {
  vertical-align: top;
}
.index-top .login-top .customer {
  width: auto;
  float: right;
}
.index-top .login-top .customer i.icon-top-customer-service {
  display: inline-block;
  vertical-align: middle;
}
.index-top .login-top .customer .c-phone {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}
.index-top .login-top .customer span {
  padding: 0;
  border: 0;
  margin: 0;
  display: block;
  line-height: 24px;
}
.index-top .login-top .customer span.gray {
  font-size: 18px;
  color: #9fa0a0;
}
.index-top .login-top .customer span.phone {
  font-size: 24px;
  color: #ff4400;
}

.index-nav, .index-nav2, .index-nav3, .index-nav4 {
  position: relative;
}
.index-nav .slogan, .index-nav2 .slogan, .index-nav3 .slogan, .index-nav4 .slogan {
  width: 261px;
  height: 60px;
  background-color: #00a6e4;
  position: absolute;
  top: 28px;
  left: 308px;
  background: url('../../images/common/slogan.png') center no-repeat;
}

i.icon-top-logo {
  display: inline-block;
  vertical-align: middle;
}

i.icon-top-logo-sign {
  display: inline-block;
  vertical-align: middle;
}

.bg-base-red {
  background-color: #c4c4c4;
}

.app-download {
  position: relative;
}
.app-download:before {
  content: '';
  width: 1px;
  height: 10px;
  background-color: #a0a0a0;
  position: absolute;
  top: 0;
  right: -1px;
}
.app-download .app-download-box {
  display: none;
  position: absolute;
  top: 28px;
  left: 0;
  z-index: 99;
  box-shadow: 0px 3px 6px 1px #d7d7d7;
  -moz-box-shadow: 0px 3px 6px 1px #d7d7d7;
  -o-box-shadow: 0px 3px 6px 1px #d7d7d7;
  -webkit-box-shadow: 0px 3px 6px 1px #d7d7d7;
  width: 200px;
  height: 200px;
  overflow: hidden;
}
.app-download .app-download-box img {
  width: 100%;
  height: 100%;
}
.app-download:hover .app-download-box {
  display: block;
}

.icon-footer-sprite, .footer .list .icon-order-c, .footer .list .icon-order-q, .footer .list .icon-pay, .footer .list .icon-th, .footer .list .icon-jskp, .footer .kf-box .icon-phone-red, .footer .kf-box .icon-ys {
  background-image: url('../../images/common/icon-footer-sf6fb3a538e.png');
  background-repeat: no-repeat;
}

.footer {
  background-color: #000000;
  zoom: 1;
}
.footer:before, .footer:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.footer:after {
  clear: both;
}
.footer .copyright {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 20px;
  font-size: 12px;
  color: #a0a0a0;
  text-align: center;
}
.footer .copyright.has360link {
  height: auto;
  line-height: 30px;
}
.footer .copyright.has360link .link360 {
  display: inline-block;
  vertical-align: middle;
}
.footer ul.links {
  zoom: 1;
  margin: 10px auto 0;
  padding: 10px 0;
  height: 10px;
  text-align: center;
}
.footer ul.links:before, .footer ul.links:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.footer ul.links:after {
  clear: both;
}
.footer ul.links li {
  text-align: center;
  border-right: 1px solid #d7d7d7;
  box-sizing: border-box;
  display: inline-block;
  padding: 0 10px;
}
.footer ul.links li:last-child {
  border: none;
}
.footer ul.links li a {
  font-size: 12px;
  color: #a0a0a0;
}
.footer ul.links li a:hover, .footer ul.links li a:active {
  color: #939393;
}
.footer .list-box {
  border-bottom: 1px solid #ddd;
}
.footer .list {
  zoom: 1;
  width: 1200px;
  margin: 0 auto;
  height: 100px;
  line-height: 100px;
}
.footer .list:before, .footer .list:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.footer .list:after {
  clear: both;
}
.footer .list .item {
  width: 20%;
  text-align: center;
  float: left;
}
.footer .list .item .icon {
  display: inline-block;
}
.footer .list .item .span {
  display: inline-block;
}
.footer .list .icon {
  display: inline-block;
  vertical-align: middle;
  width: 54px;
  height: 62px;
}
.footer .list .icon-order-c {
  background-position: 0 -62px;
}
.footer .list .icon-order-q {
  background-position: 0 -124px;
}
.footer .list .icon-pay {
  background-position: 0 -186px;
}
.footer .list .icon-th {
  background-position: 0 -263px;
}
.footer .list .icon-jskp {
  background-position: 0 0;
}
.footer .bottom-links .label {
  color: #1b1b1b;
  font-size: 16px;
}
.footer .bottom-links .link {
  display: block;
  font-size: 14px;
  color: #898989;
  margin-top: 20px;
}
.footer .bottom-links .link:hover {
  color: RGB(250,120,0);
}
.footer .kf-box {
  position: relative;
}
.footer .kf-box .label {
  font-size: 16px;
  color: #4d525d;
}
.footer .kf-box .btn {
  color: #0a9ede;
  line-height: 30px;
  height: 30px;
  text-align: center;
  background-color: white;
  border: 1px solid #0a9ede;
  display: inline-block;
  text-decoration: none;
  -moz-transition: linear 0.2s;
  -o-transition: linear 0.2s;
  -webkit-transition: linear 0.2s;
  transition: linear 0.2s;
  width: 100px;
  cursor: pointer;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
}
.footer .kf-box .btn:hover, .footer .kf-box .btn.selected {
  color: white;
  background-color: #0a9ede;
  border-color: #0a9ede;
}
.footer .kf-box .btn.selected {
  cursor: not-allowed;
}
.footer .kf-box .btn.disabled {
  background-color: #f3f5f7;
  cursor: not-allowed;
  color: #666;
  border-color: #b6c2ce;
}
.footer .kf-box .btn.button-small {
  width: 110px;
}
.footer .kf-box .icon-phone-red {
  background-position: 0 -248px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -5px;
  margin-right: 5px;
  width: 15px;
  height: 15px;
}
.footer .kf-box .icon-ys {
  background-position: 0 -325px;
  width: 1px;
  height: 110px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.footer .kf-box .qrcode {
  position: absolute;
  top: -10px;
  right: 10px;
}
.footer .kf-box .qrcode img {
  width: 100px;
  height: 100px;
}
.footer .kf-box .qrcode .span {
  margin-top: 10px;
  font-size: 14px;
  color: #898989;
}

.icon-sidebar-sprite, .side-bar li .badge, .side-bar .cart i, .side-bar .cart:hover i, .side-bar .msg i, .side-bar .msg:hover i, .side-bar .supporter i, .side-bar .supporter:hover i, .side-bar .collect i, .side-bar .collect:hover i, .side-bar .up i, .side-bar .up:hover i {
  background-image: url('../../images/common/icon-sidebar-s375a575e15.png');
  background-repeat: no-repeat;
}

.side-bar {
  width: 44px;
  position: fixed;
  top: 50%;
  margin-top: -116px;
  right: 0px;
  background-color: white;
  z-index: 99;
}
.side-bar li {
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  background-color: white;
  position: relative;
}
.side-bar li a {
  border: 1px solid #efeff0;
  border-bottom-color: transparent;
  display: block;
  height: 42px;
}
.side-bar li .badge {
  position: absolute;
  background-position: 0 0;
  display: block;
  vertical-align: middle;
  text-align: center;
  top: 2px;
  right: 2px;
  line-height: 22px;
  color: white;
  width: 22px;
  height: 22px;
}
.side-bar li:hover a {
  background-color: RGB(250,120,0);
  border-color: RGB(250,120,0);
}
.side-bar li div.hover {
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  padding-left: 0;
  text-align: left;
  background-color: RGB(250,120,0);
  color: white;
  border-radius: 5px 0 0 5px;
  font-size: 12px;
  z-index: -1;
}
.side-bar .cart i {
  width: 32px;
  height: 32px;
  background-position: 0 -54px;
  display: inline-block;
  vertical-align: middle;
}
.side-bar .cart i:hover, .side-bar .cart i.cart-hover {
  background-position: 0 -22px;
}
.side-bar .cart:hover i {
  background-position: 0 -22px;
}
.side-bar .msg i {
  width: 26px;
  height: 26px;
  background-position: 0 -172px;
  display: inline-block;
  vertical-align: middle;
}
.side-bar .msg i:hover, .side-bar .msg i.msg-hover {
  background-position: 0 -146px;
}
.side-bar .msg:hover i {
  background-position: 0 -146px;
}
.side-bar .supporter i {
  width: 30px;
  height: 26px;
  background-position: 0 -224px;
  display: inline-block;
  vertical-align: middle;
}
.side-bar .supporter i:hover, .side-bar .supporter i.support-hover {
  background-position: 0 -198px;
}
.side-bar .supporter:hover i {
  background-position: 0 -198px;
}
.side-bar .collect i {
  width: 32px;
  height: 30px;
  background-position: 0 -116px;
  display: inline-block;
  vertical-align: middle;
}
.side-bar .collect i:hover, .side-bar .collect i.collect-hover {
  background-position: 0 -86px;
}
.side-bar .collect:hover i {
  background-position: 0 -86px;
}
.side-bar .up a {
  border-bottom: 1px solid #d7d7d7;
}
.side-bar .up i {
  width: 23px;
  height: 13px;
  background-position: 0 -263px;
  display: inline-block;
  vertical-align: middle;
}
.side-bar .up i:hover, .side-bar .up i.up-hover {
  background-position: 0 -250px;
}
.side-bar .up:hover i {
  background-position: 0 -250px;
}
.side-bar .export {
  line-height: normal;
  color: #d30a0a;
  border: 1px dashed #d30a0a;
  background-image: url('../../images/common/export-bg.png');
}
.side-bar .export:hover {
  color: white;
  background-color: RGB(250,120,0);
  background-image: none;
  border-color: RGB(250,120,0);
}

.side-bar-left {
  width: 40px;
  position: fixed;
  top: 50%;
  margin-top: -100px;
  left: 20px;
  background-color: transparent;
  z-index: 99;
}
.side-bar-left li {
  width: 40px;
  height: 48px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
  background-color: #efeff0;
  position: relative;
  color: #434343;
}
.side-bar-left li:hover, .side-bar-left li.selected {
  background-color: RGB(250,120,0);
  z-index: 2;
}
.side-bar-left li:hover a, .side-bar-left li.selected a {
  display: block;
}
.side-bar-left li:hover span, .side-bar-left li.selected span {
  display: none;
}
.side-bar-left li a, .side-bar-left li span {
  padding: 4px 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
}
.side-bar-left li a {
  display: none;
  text-decoration: none;
  color: white;
  width: 40px;
  height: 48px;
}
.side-bar-left li span {
  display: block;
  color: #b5b5b5;
  width: 40px;
  height: 48px;
}
.side-bar-left li + li {
  margin-top: -1px;
}
.side-bar-left li + li span {
  border-top: 1px solid white;
}

.icon-step-sprite, .icon-step-step1-blue, .icon-step-step1, .icon-step-step2-blue, .icon-step-step2, .icon-step-step3-blue, .icon-step-step3, .icon-step-step4-blue, .icon-step-step4, .sec-step .icon.icon-step1, .sec-step .icon.icon-step1-blue, .sec-step a.step-one:hover .icon, .sec-step a.step-one.slt .icon, .sec-step .icon.icon-step2, .sec-step .icon.icon-step2-blue, .sec-step a.step-two:hover .icon, .sec-step a.step-two.slt .icon, .sec-step .icon.icon-step3, .sec-step .icon.icon-step3-blue, .sec-step a.step-three:hover .icon, .sec-step a.step-three.slt .icon, .sec-step .icon.icon-step4, .sec-step .icon.icon-step4-blue, .sec-step a.step-four:hover .icon, .sec-step a.step-four.slt .icon {
  background-image: url('../../images/common/icon-step-s536b37b955.png');
  background-repeat: no-repeat;
}

.icon-step-step1-blue {
  background-position: 0 0;
}

.icon-step-step1 {
  background-position: 0 -32px;
}

.icon-step-step2-blue {
  background-position: 0 -64px;
}

.icon-step-step2 {
  background-position: 0 -96px;
}

.icon-step-step3-blue {
  background-position: 0 -128px;
}

.icon-step-step3 {
  background-position: 0 -160px;
}

.icon-step-step4-blue {
  background-position: 0 -192px;
}

.icon-step-step4 {
  background-position: 0 -224px;
}

.sec-step {
  height: 100%;
}
.sec-step .icon {
  width: 32px;
  height: 32px;
}
.sec-step .icon.icon-step1 {
  background-position: 0 -32px;
}
.sec-step .icon.icon-step1-blue, .sec-step a.step-one:hover .icon, .sec-step a.step-one.slt .icon {
  background-position: 0 0;
}
.sec-step .icon.icon-step2 {
  background-position: 0 -96px;
}
.sec-step .icon.icon-step2-blue, .sec-step a.step-two:hover .icon, .sec-step a.step-two.slt .icon {
  background-position: 0 -64px;
}
.sec-step .icon.icon-step3 {
  background-position: 0 -160px;
}
.sec-step .icon.icon-step3-blue, .sec-step a.step-three:hover .icon, .sec-step a.step-three.slt .icon {
  background-position: 0 -128px;
}
.sec-step .icon.icon-step4 {
  background-position: 0 -224px;
}
.sec-step .icon.icon-step4-blue, .sec-step a.step-four:hover .icon, .sec-step a.step-four.slt .icon {
  background-position: 0 -192px;
}
.sec-step ul {
  width: 840px;
  margin: auto;
}
.sec-step ul.modify-pwd {
  width: 400px;
}
.sec-step ul.verify-phone {
  width: 100%;
  height: 60px;
}
.sec-step li {
  float: left;
  width: 210px;
}
.sec-step li.modify-pwd {
  width: 200px;
}
.sec-step li.verify-phone {
  width: 33.33%;
}
.sec-step li.verify-phone > .slt {
  height: 57px !important;
}
.sec-step a {
  position: relative;
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: #4d525d;
}
.sec-step a .icon, .sec-step a .span {
  display: block;
  margin: 0 auto;
}
.sec-step a .span {
  margin-top: 20px;
}
.sec-step a:before {
  content: '';
  width: 100%;
  height: 4px;
  background-color: #bbbbbb;
  position: absolute;
  top: 14px;
  left: 0;
  z-index: -1;
}
.sec-step a.step-one:hover, .sec-step a.step-one.slt {
  color: #ff7800;
}
.sec-step a.step-one:hover:before, .sec-step a.step-one.slt:before {
  background-color: #ff7800;
}
.sec-step a.step-two:hover, .sec-step a.step-two.slt {
  color: #ff7800;
}
.sec-step a.step-two:hover:before, .sec-step a.step-two.slt:before {
  background-color: #ff7800;
}
.sec-step a.step-three:hover, .sec-step a.step-three.slt {
  color: #ff7800;
}
.sec-step a.step-three:hover:before, .sec-step a.step-three.slt:before {
  background-color: #ff7800;
}
.sec-step a.step-four:hover, .sec-step a.step-four.slt {
  color: #ff7800;
}
.sec-step a.step-four:hover:before, .sec-step a.step-four.slt:before {
  background-color: #ff7800;
}

.icon-sprite, .icon-error-404, .icon-error-500, .icon-error-no-data, .icon-error-order, .icon-error-shopcart, .icon-error {
  background-image: url('../../images/icon-s2d3ebea9a2.png');
  background-repeat: no-repeat;
}

.icon-error-404 {
  background-position: 0 0;
  height: 156px;
  width: 156px;
}

.icon-error-500 {
  background-position: 0 -176px;
  height: 156px;
  width: 156px;
}

.icon-error-no-data {
  background-position: 0 -352px;
  height: 156px;
  width: 156px;
}

.icon-error-order {
  background-position: 0 -528px;
  height: 156px;
  width: 156px;
}

.icon-error-shopcart {
  background-position: 0 -704px;
  height: 156px;
  width: 156px;
}

.icon-error {
  background-position: 0 -880px;
  height: 156px;
  width: 156px;
}

.icon {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}

.gx-error .error-box {
  width: 20%;
  margin: 0 auto;
  min-width: 156px;
  text-align: center;
}
.gx-error .error-title {
  font-size: 22px;
  color: #0a9ede;
}
.gx-error .error-msg {
  font-size: 14px;
  color: #4d525d;
}