@charset "UTF-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
  margin: 0;
  padding: 0; }

body, button, input, select, textarea {
  font: 14px/1.5 "Microsoft Yahei","Hiragino Sans GB",sans-serif,"Lucida Grande", Helvetica,Arial, Verdana, sans-serif,serif; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%; }

address, cite, dfn, em, var, i {
  font-style: normal; }

code, kbd, pre, samp {
  font-family: courier new, courier, monospace; }

small {
  font-size: 12px; }

ul, ol {
  list-style: none; }

a {
  text-decoration: none;
  hide-focus: expression(this.hideFocus=true);
  outline: none;
  cursor: pointer; }

a:hover {
  text-decoration: none; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

legend {
  color: #000; }

fieldset, img {
  border: 0;
  vertical-align: middle; }

button, input, select, textarea {
  font-size: 100%; }

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

pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap; }

article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, details, summary {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

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

body {
  color: #666; }

form input, form label, form img {
  vertical-align: middle; }

* html, * html body {
  background-image: url(about:blank);
  background-attachment: fixed;
  height: 100%; }

* html pre {
  word-wrap: break-word;
  white-space: normal; }

*:focus {
  outline: none; }

.category {
  z-index: 1000; }

.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: " ";
    display: table; }
  .clearfix:after {
    clear: both; }

.bread-crumb li, .swiper .swiper-nav li {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/* ellipsis，省略号，当超过宽度时，显示省略号 */
/* 兼容 inline-block */
/*清除浮动*/
/* 兼容最小高度 */
/*
可实现实虚三角
 */
.nav-x .item a .arrow-top, .nav-x .item a:hover .arrow-top, i.triangle-b, .tab .tab-head li.current i {
  content: '';
  display: inline-block;
  position: absolute; }

/*栅格数量*/
.tiny-form .line .caption, .tiny-form .line .field, .tiny-form .line textarea {
  border: 1px solid #aaa;
  vertical-align: middle;
  font-size: 14px; }
  .tiny-form .line .caption:focus, .tiny-form .line .field:focus, .tiny-form .line textarea:focus {
    outline: 0 none; }

.tiny-form .line .caption, .tiny-form .line .field {
  height: 18px; }
  .tiny-form .line .caption:focus, .tiny-form .line .field:focus {
    border-color: rgba(153, 153, 153, 0.8); }

.tiny-form .line textarea {
  height: 18px;
  height: 120px;
  width: 700px;
  vertical-align: top; }
  .tiny-form .line textarea:focus {
    border-color: rgba(153, 153, 153, 0.8); }

.alert {
  padding: 8px 10px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 0; }
  .alert h4 {
    margin-top: 0;
    color: inherit; }
  .alert .alert-link {
    font-weight: bold; }
  .alert > p,
  .alert > ul {
    margin-bottom: 0; }
  .alert > p + p {
    margin-top: 5px; }

.alert-min {
  padding: 0 5px;
  margin-top: 5px;
  margin-bottom: 5px; }

.alert-dismissable,
.alert-dismissible {
  padding-right: 8px 10px20; }
  .alert-dismissable .close,
  .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d; }
  .alert-success hr {
    border-top-color: #c9e2b3; }
  .alert-success .alert-link {
    color: #2b542c; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f; }
  .alert-info hr {
    border-top-color: #a6e1ec; }
  .alert-info .alert-link {
    color: #245269; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b; }
  .alert-warning hr {
    border-top-color: #f7e1b5; }
  .alert-warning .alert-link {
    color: #66512c; }

.alert-danger, .alert-fail {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442; }
  .alert-danger hr, .alert-fail hr {
    border-top-color: #e4b9c0; }
  .alert-danger .alert-link, .alert-fail .alert-link {
    color: #843534; }

@keyframes hover-color {
  from {
    border-color: #c0c0c0; }
  to {
    border-color: #3e97eb; } }

.magic-radio,
.magic-checkbox {
  position: absolute;
  display: none;
  position: relative\9;
  display: inline\9;
  position: absolute\9\0;
  display: none\9\0; }

.magic-radio[disabled],
.magic-checkbox[disabled] {
  cursor: not-allowed; }

.magic-radio + label,
.magic-checkbox + label {
  position: relative;
  display: inline-block;
  position: absolute\9;
  display: none\9;
  position: relative\9\0;
  display: inline-block\9\0;
  padding-left: 25px;
  height: 20px;
  cursor: pointer;
  vertical-align: middle; }
  .magic-radio + label:hover:before,
  .magic-checkbox + label:hover:before {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: hover-color; }
  .magic-radio + label:before,
  .magic-checkbox + label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: '';
    border: 1px solid #c0c0c0; }
  .magic-radio + label:after,
  .magic-checkbox + label:after {
    position: absolute;
    display: none;
    content: ''; }

.magic-radio[disabled] + label,
.magic-checkbox[disabled] + label {
  cursor: not-allowed;
  color: #e4e4e4; }
  .magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after,
  .magic-checkbox[disabled] + label:hover,
  .magic-checkbox[disabled] + label:before,
  .magic-checkbox[disabled] + label:after {
    cursor: not-allowed; }
  .magic-radio[disabled] + label:hover:before,
  .magic-checkbox[disabled] + label:hover:before {
    border: 1px solid #e4e4e4;
    animation-name: none; }
  .magic-radio[disabled] + label:before,
  .magic-checkbox[disabled] + label:before {
    border-color: #e4e4e4; }

.magic-radio:checked + label:before,
.magic-checkbox:checked + label:before {
  animation-name: none; }

.magic-radio:checked + label:after,
.magic-checkbox:checked + label:after {
  display: block; }

.magic-radio + label:before {
  border-radius: 50%; }

.magic-radio + label:after {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #3e97eb; }

.magic-radio:checked + label:before {
  border: 1px solid #3e97eb; }

.magic-radio:checked[disabled] + label:before {
  border: 1px solid #c9e2f9; }

.magic-radio:checked[disabled] + label:after {
  background: #c9e2f9; }

.magic-checkbox + label:before {
  border-radius: 3px; }

.magic-checkbox + label:after {
  top: 2px;
  left: 7px;
  box-sizing: border-box;
  width: 6px;
  height: 12px;
  transform: rotate(45deg);
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  border-top: 0;
  border-left: 0; }

.magic-checkbox:checked + label:before {
  border: #3e97eb;
  background: #3e97eb; }

.magic-checkbox:checked[disabled] + label:before {
  border: #c9e2f9;
  background: #c9e2f9; }

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 0; }
  .btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none; }

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none; }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }
  .btn-default:focus, .btn-default.focus {
    color: #333;
    background-color: #f2f2f2;
    border-color: #b3b3b3; }
  .btn-default:hover {
    color: #333;
    background-color: #f2f2f2;
    border-color: #bdbdbd; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    color: #333;
    background-color: #f2f2f2;
    border-color: #bdbdbd; }
    .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
    .open > .btn-default.dropdown-toggle:hover,
    .open > .btn-default.dropdown-toggle:focus,
    .open > .btn-default.dropdown-toggle.focus {
      color: #333;
      background-color: #e6e6e6;
      border-color: #999999; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    background-image: none; }
  .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active,
  fieldset[disabled] .btn-default,
  fieldset[disabled] .btn-default:hover,
  fieldset[disabled] .btn-default:focus,
  fieldset[disabled] .btn-default.focus,
  fieldset[disabled] .btn-default:active,
  fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc; }
  .btn-default .badge {
    color: #fff;
    background-color: #333; }

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #3072ab; }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #2d6da3;
    border-color: #255783; }
  .btn-primary:hover {
    color: #fff;
    background-color: #2d6da3;
    border-color: #296293; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2d6da3;
    border-color: #296293; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
    .open > .btn-primary.dropdown-toggle:hover,
    .open > .btn-primary.dropdown-toggle:focus,
    .open > .btn-primary.dropdown-toggle.focus {
      color: #fff;
      background-color: #285f8f;
      border-color: #193d5b; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    background-image: none; }
  .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active,
  fieldset[disabled] .btn-primary,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary.focus,
  fieldset[disabled] .btn-primary:active,
  fieldset[disabled] .btn-primary.active {
    background-color: #337ab7;
    border-color: #3072ab; }
  .btn-primary .badge {
    color: #337ab7;
    background-color: #fff; }

.btn-success {
  color: #fff;
  background-color: #17a08c;
  border-color: #159380; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #148a78;
    border-color: #0f6659; }
  .btn-success:hover {
    color: #fff;
    background-color: #148a78;
    border-color: #117869; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #148a78;
    border-color: #117869; }
    .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
    .open > .btn-success.dropdown-toggle:hover,
    .open > .btn-success.dropdown-toggle:focus,
    .open > .btn-success.dropdown-toggle.focus {
      color: #fff;
      background-color: #117365;
      border-color: #083932; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    background-image: none; }
  .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active,
  fieldset[disabled] .btn-success,
  fieldset[disabled] .btn-success:hover,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-success.focus,
  fieldset[disabled] .btn-success:active,
  fieldset[disabled] .btn-success.active {
    background-color: #17a08c;
    border-color: #159380; }
  .btn-success .badge {
    color: #17a08c;
    background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #4ebbdb; }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #46b8da;
    border-color: #29a8cd; }
  .btn-info:hover {
    color: #fff;
    background-color: #46b8da;
    border-color: #35b1d6; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #46b8da;
    border-color: #35b1d6; }
    .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
    .open > .btn-info.dropdown-toggle:hover,
    .open > .btn-info.dropdown-toggle:focus,
    .open > .btn-info.dropdown-toggle.focus {
      color: #fff;
      background-color: #31b0d5;
      border-color: #2185a3; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    background-image: none; }
  .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active,
  fieldset[disabled] .btn-info,
  fieldset[disabled] .btn-info:hover,
  fieldset[disabled] .btn-info:focus,
  fieldset[disabled] .btn-info.focus,
  fieldset[disabled] .btn-info:active,
  fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #4ebbdb; }
  .btn-info .badge {
    color: #5bc0de;
    background-color: #fff; }

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #efa640; }
  .btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #eea236;
    border-color: #e89014; }
  .btn-warning:hover {
    color: #fff;
    background-color: #eea236;
    border-color: #ec9924; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #eea236;
    border-color: #ec9924; }
    .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
    .open > .btn-warning.dropdown-toggle:hover,
    .open > .btn-warning.dropdown-toggle:focus,
    .open > .btn-warning.dropdown-toggle.focus {
      color: #fff;
      background-color: #ec971f;
      border-color: #b97310; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    background-image: none; }
  .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active,
  fieldset[disabled] .btn-warning,
  fieldset[disabled] .btn-warning:hover,
  fieldset[disabled] .btn-warning:focus,
  fieldset[disabled] .btn-warning.focus,
  fieldset[disabled] .btn-warning:active,
  fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #efa640; }
  .btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d64742; }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #d43f3a;
    border-color: #bd2d29; }
  .btn-danger:hover {
    color: #fff;
    background-color: #d43f3a;
    border-color: #ce312c; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #d43f3a;
    border-color: #ce312c; }
    .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
    .open > .btn-danger.dropdown-toggle:hover,
    .open > .btn-danger.dropdown-toggle:focus,
    .open > .btn-danger.dropdown-toggle.focus {
      color: #fff;
      background-color: #c9302c;
      border-color: #932320; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    background-image: none; }
  .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active,
  fieldset[disabled] .btn-danger,
  fieldset[disabled] .btn-danger:hover,
  fieldset[disabled] .btn-danger:focus,
  fieldset[disabled] .btn-danger.focus,
  fieldset[disabled] .btn-danger:active,
  fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d64742; }
  .btn-danger .badge {
    color: #d9534f;
    background-color: #fff; }

.btn-gray {
  color: #333;
  background-color: #ccc;
  border-color: #c4c4c4; }
  .btn-gray:focus, .btn-gray.focus {
    color: #333;
    background-color: #bfbfbf;
    border-color: #ababab; }
  .btn-gray:hover {
    color: #333;
    background-color: #bfbfbf;
    border-color: #b5b5b5; }
  .btn-gray:active, .btn-gray.active,
  .open > .btn-gray.dropdown-toggle {
    color: #333;
    background-color: #bfbfbf;
    border-color: #b5b5b5; }
    .btn-gray:active:hover, .btn-gray:active:focus, .btn-gray:active.focus, .btn-gray.active:hover, .btn-gray.active:focus, .btn-gray.active.focus,
    .open > .btn-gray.dropdown-toggle:hover,
    .open > .btn-gray.dropdown-toggle:focus,
    .open > .btn-gray.dropdown-toggle.focus {
      color: #333;
      background-color: #b3b3b3;
      border-color: #919191; }
  .btn-gray:active, .btn-gray.active,
  .open > .btn-gray.dropdown-toggle {
    background-image: none; }
  .btn-gray.disabled, .btn-gray.disabled:hover, .btn-gray.disabled:focus, .btn-gray.disabled.focus, .btn-gray.disabled:active, .btn-gray.disabled.active, .btn-gray[disabled], .btn-gray[disabled]:hover, .btn-gray[disabled]:focus, .btn-gray[disabled].focus, .btn-gray[disabled]:active, .btn-gray[disabled].active,
  fieldset[disabled] .btn-gray,
  fieldset[disabled] .btn-gray:hover,
  fieldset[disabled] .btn-gray:focus,
  fieldset[disabled] .btn-gray.focus,
  fieldset[disabled] .btn-gray:active,
  fieldset[disabled] .btn-gray.active {
    background-color: #ccc;
    border-color: #c4c4c4; }
  .btn-gray .badge {
    color: #ccc;
    background-color: #333; }

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.bread-crumb li, .swiper .swiper-nav li {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both; }

.table {
  width: 100%;
  margin-bottom: 20px; }
  .table th, .table td {
    padding: 8px; }
  .table thead th {
    text-align: left; }

.table-fixed {
  table-layout: fixed; }

.table-border th,
.table-border td {
  border: 1px solid #ddd; }

.table-list th {
  background-color: #337ab7;
  color: #fff;
  font-weight: normal; }

.table-list td {
  border-bottom: 1px dashed #ddd; }

.table-list tbody > tr:nth-child(even) > td {
  background-color: #f9f9f9; }

.table-list tbody tr:hover > td {
  background-color: #f1f1f1; }

.table-line {
  _border-bottom: 1px solid #ddd; }
  .table-line th, .table-line td {
    border-top: 1px solid #ddd; }
  .table-line thead:first-child tr:first-child th,
  .table-line thead:first-child tr:first-child td {
    border-top: 0; }

.table-striped tbody > tr:nth-child(even) > td {
  background-color: #f9f9f9; }

.table-list th {
  background-color: #555; }

.table th {
  padding: 10px 8px; }

.btn-main {
  color: #fff;
  background-color: #0d83c0;
  border-color: #0d83c0; }
  .btn-main:focus, .btn-main.focus {
    color: #fff;
    background-color: #16a3d8;
    border-color: #16a3d8; }
  .btn-main:hover {
    color: #fff;
    background-color: #16a3d8;
    border-color: #16a3d8; }
  .btn-main:active, .btn-main.active,
  .open > .btn-main.dropdown-toggle {
    color: #fff;
    background-color: #16a3d8;
    border-color: #16a3d8; }
    .btn-main:active:hover, .btn-main:active:focus, .btn-main:active.focus, .btn-main.active:hover, .btn-main.active:focus, .btn-main.active.focus,
    .open > .btn-main.dropdown-toggle:hover,
    .open > .btn-main.dropdown-toggle:focus,
    .open > .btn-main.dropdown-toggle.focus {
      color: #fff;
      background-color: #16a3d8;
      border-color: #16a3d8; }
  .btn-main:active, .btn-main.active,
  .open > .btn-main.dropdown-toggle {
    background-image: none; }
  .btn-main.disabled, .btn-main.disabled:hover, .btn-main.disabled:focus, .btn-main.disabled.focus, .btn-main.disabled:active, .btn-main.disabled.active, .btn-main[disabled], .btn-main[disabled]:hover, .btn-main[disabled]:focus, .btn-main[disabled].focus, .btn-main[disabled]:active, .btn-main[disabled].active,
  fieldset[disabled] .btn-main,
  fieldset[disabled] .btn-main:hover,
  fieldset[disabled] .btn-main:focus,
  fieldset[disabled] .btn-main.focus,
  fieldset[disabled] .btn-main:active,
  fieldset[disabled] .btn-main.active {
    background-color: #d42525;
    border-color: #c72323; }
  .btn-main .badge {
    color: #d42525;
    background-color: #fff; }

strong {
  font-weight: bold; }

.text-primary {
  color: #337ab7; }

.bg-primary {
  background-color: #337ab7; }

.text-success {
  color: #17a08c; }

.bg-success {
  background-color: #17a08c; }

.text-info {
  color: #5bc0de; }

.bg-info {
  background-color: #5bc0de; }

.text-warning {
  color: #f0ad4e; }

.bg-warning {
  background-color: #f0ad4e; }

.text-danger {
  color: #d9534f; }

.bg-danger {
  background-color: #d9534f; }

.text-gray {
  color: #555555; }

.bg-gray {
  background-color: #555555; }

.blank {
  margin-top: 20px;
  margin-bottom: 20px; }

.hidden {
  display: none !important; }

body {
  color: #333333;
  word-wrap: break-word;
  font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; }

a {
  color: #555555;
  text-decoration: none; }
  a:hover {
    color: #d42525; }

input,
button,
select,
textarea {
  outline: none; }

textarea {
  resize: none; }

.fr {
  float: right; }

.fl {
  float: left; }

.tc {
  text-align: center; }

.tr {
  text-align: right; }

.box-center {
  margin-left: auto !important;
  margin-right: auto !important; }

.wrap * {
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

#header .top-bar {
  position: relative;
  z-index: 1000;
  height: 32px;
  height: 32px;
  line-height: 32px;
  background-color: #f2f2f2;
  border-bottom: 1px solid #dedede; }
  #header .top-bar .top-layout {
    position: relative;
    overflow: hidden;
    overflow: visible; }
    #header .top-bar .top-layout > .sub-1 {
      float: left;
      width: 260px; }
    #header .top-bar .top-layout > .sub-2 {
      position: relative;
      margin-left: 260px;
      *margin-left: 0;
      margin-right: 0; }
    #header .top-bar .top-layout .sub-1 {
      overflow: hidden;
      height: 32px; }

#header .header-main {
  z-index: 100;
  padding-top: 20px;
  height: 90px;
  position: relative;
  overflow: hidden;
  overflow: visible; }
  #header .header-main > .sub-1 {
    float: left;
    width: 400px; }
  #header .header-main > .sub-3 {
    float: right;
    width: 160px; }
  #header .header-main > .sub-2 {
    position: relative;
    margin-left: 400px;
    *margin-left: 0;
    margin-right: 260px; }
  #header .header-main .search-form {
    float: right;
    margin-top: 10px; }
  #header .header-main .search-keyword {
    border: 1px solid #0d83c0;
    border-right: none;
    height: 32px;
    line-height: 32px;
    width: 400px;
    float: left;
    margin-left: 40px;
    padding: 5px 5px 5px 20px;
    font-size: 14px; }
  #header .header-main .btn-search,
  #header .header-main .shopping {
    width: 64px;
    height: 44px;
    background-color: #0d83c0;
    border: 1px solid #0d83c0;
    cursor: pointer;
    color: #fff; }
  #header .header-main .shopping {
    float: right;
    height: 42px;
    margin-top: 10px;
    line-height: 42px;
    text-align: center;
    width: 160px;
    position: relative; }
    #header .header-main .shopping #cart-header {
      text-align: left;
      padding-left: 15px; }
      #header .header-main .shopping #cart-header i {
        margin-top: -5px; }
    #header .header-main .shopping .dropdown {
      position: absolute;
      top: 42px;
      width: 340px;
      right: -1px;
      display: none;
      color: #888888;
      border: 1px solid #ddd;
      text-align: left;
      background-color: #FFF;
      -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); }
    #header .header-main .shopping:hover .dropdown {
      display: block; }
  #header .header-main #tags-list {
    position: absolute;
    right: 65px;
    top: 22px; }
    #header .header-main #tags-list a {
      padding: 4px 8px;
      background-color: #f2f2f2;
      margin-right: 10px; }

#header .nav {
  color: #eeeeee;
  height: 46px;
  background-color: #3a3a3a; }
  #header .nav li {
    float: left;
    line-height: 46px; }
    #header .nav li.split {
      width: 0;
      border-left: 1px solid #555555;
      border-right: 1px solid black;
      background-color: #555555;
      height: 25px;
      margin-top: 12px; }
    #header .nav li.category-box {
      width: 240px;
      display: block;
      position: relative; }
      #header .nav li.category-box .link a {
        background-color: #0d83c0; }
      #header .nav li.category-box.on .category {
        display: block; }
      #header .nav li.category-box li {
        background-color: transparent; }
  #header .nav .link a {
    font-size: 16px;
    color: #f2f2f2;
    display: block;
    padding: 0 30px;
    margin-left: 1px;
    background-color: #333;
    -webkit-transition: color 0.3s ease-in;
    transition: color 0.3s ease-in; }
    #header .nav .link a:hover {
      color: #FFFF00; }
    #header .nav .link a.current {
      color: #FFFF00; }

#main {
  background-color: #FFF;
  width: 100%;
  position: relative;
  overflow: hidden; }
  #main > .sub-1 {
    float: left;
    width: 200px; }
  #main > .sub-2 {
    position: relative;
    margin-left: 200px;
    *margin-left: 0;
    margin-right: 0; }
  #main .banner {
    overflow: hidden;
    position: relative; }

#footer {
  background-color: #1f2021;
  color: #999;
  padding-bottom: 20px; }
  #footer a {
    color: #999; }
  #footer .footer-main {
    width: 100%;
    padding: 20px 0;
    position: relative;
    overflow: hidden; }
    #footer .footer-main > .sub-1 {
      float: left;
      width: 200px; }
    #footer .footer-main > .sub-2 {
      float: left;
      width: 200px; }
    #footer .footer-main > .sub-3 {
      float: left;
      width: 200px; }
    #footer .footer-main > .sub-4 {
      float: left;
      width: 200px; }
    #footer .footer-main > .sub-5 {
      position: relative;
      margin-left: 800px;
      *margin-left: 0;
      margin-right: 0; }
    #footer .footer-main .title {
      font-size: 16px;
      padding-bottom: 10px;
      color: #ccc; }
    #footer .footer-main .qcode img {
      padding-bottom: 10px; }
    #footer .footer-main ul li {
      line-height: 28px; }
  #footer .footer-bottom {
    padding-top: 10px;
    text-align: center;
    border-top: 1px solid #666; }

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.container {
  width: 1240px;
  margin-left: auto;
  margin-right: auto; }

.btn {
  padding: 6px 24px; }

.logo {
  background-image: url("../images/logo.png");
  background-repeat: no-repeat;
  height: 90px; }

.icon-tag-16, .icon-plus-16, .icon-minus-16, .icon-equal-16, .icon-alert-16, .icon-close-16, .icon-stop-16, .icon-cart-16, .icon-hart-16, .icon-fire-16, .icon-time-16, .icon-plus-1-16, .icon-minus-1-16, .icon-locate-32, .icon-cart-32, .icon-cart-1-32, .icon-basket-32, .icon-order-0-32, .icon-order-1-32, .icon-order-2-32, .icon-order-3-32, .icon-hart-32, .icon-selected-32, .icon-success-48, .icon-error-48, .icon {
  background-image: url(../images/icons.png);
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle; }

.icon-tag-16, .icon-plus-16, .icon-minus-16, .icon-equal-16, .icon-alert-16, .icon-close-16, .icon-stop-16, .icon-cart-16, .icon-hart-16, .icon-fire-16, .icon-time-16, .icon-plus-1-16, .icon-minus-1-16 {
  height: 16px;
  width: 16px; }

.icon-locate-32, .icon-cart-32, .icon-cart-1-32, .icon-basket-32, .icon-order-0-32, .icon-order-1-32, .icon-order-2-32, .icon-order-3-32, .icon-hart-32, .icon-selected-32 {
  height: 32px;
  width: 32px; }

.icon-success-48, .icon-error-48 {
  height: 48px;
  width: 48px; }

.icon-tag-16 {
  background-position: 0px 0px; }

.icon-plus-16 {
  background-position: 0px -16px; }

.icon-minus-16 {
  background-position: 0px -32px; }

.icon-equal-16 {
  background-position: 0px -48px; }

.icon-alert-16 {
  background-position: -48px 0px; }

.icon-close-16 {
  background-position: -32px 0px; }

.icon-stop-16 {
  background-position: -32px -48px; }

.icon-cart-16 {
  background-position: -16px 0px; }

.icon-hart-16 {
  background-position: -32px -96px; }

.icon-fire-16 {
  background-position: -32px -112px; }

.icon-time-16 {
  background-position: -32px -128px; }

.icon-plus-1-16 {
  background-position: -16px -112px; }

.icon-minus-1-16 {
  background-position: 0px -112px; }

.icon-locate-32 {
  background-position: -160px -32px; }

.icon-cart-32 {
  background-position: -128px -64px; }

.icon-cart-1-32 {
  background-position: -128px -32px; }

.icon-basket-32 {
  background-position: -160px -64px; }

.icon-order-0-32 {
  background-position: -128px 0px; }

.icon-order-1-32 {
  background-position: -160px 0px; }

.icon-order-2-32 {
  background-position: -192px 0px; }

.icon-order-3-32 {
  background-position: -224px 0px; }

.icon-hart-32 {
  background-position: -224px -32px; }

.icon-selected-32 {
  background-position: -192px -32px; }

.icon-success-48 {
  background-position: -256px 0px; }

.icon-error-48 {
  background-position: -304px 0px; }

.list > .row-5 .col-1, .list > .row-5 .col-2, .list > .row-5 .col-3, .list > .row-5 .col-4, .list > .row-5 .col-5, .list > .row-4 .col-1, .list > .row-4 .col-2, .list > .row-4 .col-3, .list > .row-4 .col-4, .list .tiny-bar .quick-box .main .grid > .row-4 > .col-1, .tiny-bar .quick-box .main .list .grid > .row-4 > .col-1, .list .tiny-bar .quick-box .main .grid > .row-4 > .col-2, .tiny-bar .quick-box .main .list .grid > .row-4 > .col-2, .list .tiny-bar .quick-box .main .grid > .row-4 > .col-3, .tiny-bar .quick-box .main .list .grid > .row-4 > .col-3, .list .tiny-bar .quick-box .main .grid > .row-4 > .col-4, .tiny-bar .quick-box .main .list .grid > .row-4 > .col-4 {
  display: block;
  float: left;
  margin-right: 10px;
  margin-left: 10px; }

.list > .row-5 {
  overflow: hidden;
  margin-right: -10px;
  margin-left: -10px; }

.list .col {
  margin-right: 10px;
  margin-left: 10px; }

.list > .row-5 .col-1 {
  width: 232px; }
  .list > .row-5 .col-1 .row {
    margin-right: -10px;
    margin-left: -10px;
    width: auto;
    overflow: hidden; }

.list > .row-5 .col-2 {
  width: 484px; }
  .list > .row-5 .col-2 .row {
    margin-right: -10px;
    margin-left: -10px;
    width: auto;
    overflow: hidden; }

.list > .row-5 .col-3 {
  width: 736px; }
  .list > .row-5 .col-3 .row {
    margin-right: -10px;
    margin-left: -10px;
    width: auto;
    overflow: hidden; }

.list > .row-5 .col-4 {
  width: 988px; }
  .list > .row-5 .col-4 .row {
    margin-right: -10px;
    margin-left: -10px;
    width: auto;
    overflow: hidden; }

.list > .row-5 .col-5 {
  width: 1240px; }
  .list > .row-5 .col-5 .row {
    margin-right: -10px;
    margin-left: -10px;
    width: auto;
    overflow: hidden; }

.list > .row-5 .col-1, .list > .row-5 .col-2, .list > .row-5 .col-3, .list > .row-5 .col-4, .list > .row-5 .col-5, .list > .row-4 .col-1, .list > .row-4 .col-2, .list > .row-4 .col-3, .list > .row-4 .col-4, .list .tiny-bar .quick-box .main .grid > .row-4 > .col-1, .tiny-bar .quick-box .main .list .grid > .row-4 > .col-1, .list .tiny-bar .quick-box .main .grid > .row-4 > .col-2, .tiny-bar .quick-box .main .list .grid > .row-4 > .col-2, .list .tiny-bar .quick-box .main .grid > .row-4 > .col-3, .tiny-bar .quick-box .main .list .grid > .row-4 > .col-3, .list .tiny-bar .quick-box .main .grid > .row-4 > .col-4, .tiny-bar .quick-box .main .list .grid > .row-4 > .col-4 {
  display: block;
  float: left;
  margin-right: 10px;
  margin-left: 10px; }

.list > .row-4 {
  overflow: hidden;
  margin-right: -10px;
  margin-left: -10px; }

.list .col {
  margin-right: 10px;
  margin-left: 10px; }

.list > .row-4 .col-1 {
  width: 295px; }
  .list > .row-4 .col-1 .row {
    margin-right: -10px;
    margin-left: -10px;
    width: auto;
    overflow: hidden; }

.list > .row-4 .col-2 {
  width: 610px; }
  .list > .row-4 .col-2 .row {
    margin-right: -10px;
    margin-left: -10px;
    width: auto;
    overflow: hidden; }

.list > .row-4 .col-3 {
  width: 925px; }
  .list > .row-4 .col-3 .row {
    margin-right: -10px;
    margin-left: -10px;
    width: auto;
    overflow: hidden; }

.list > .row-4 .col-4 {
  width: 1240px; }
  .list > .row-4 .col-4 .row {
    margin-right: -10px;
    margin-left: -10px;
    width: auto;
    overflow: hidden; }

.list .item {
  position: relative;
  width: 100%;
  border: 1px solid #dedede;
  min-height: 320px;
  margin: 10px 0; }
  .list .item.top-border {
    border: none;
    background-color: #FAFAFA; }
  .list .item.item-0 {
    border-top: 1px solid #ffac13; }
  .list .item.item-1 {
    border-top: 1px solid #83c44e; }
  .list .item.item-2 {
    border-top: 1px solid #2196f3; }
  .list .item.item-3 {
    border-top: 1px solid #e53935; }
  .list .item.item-4 {
    border-top: 1px solid #00c0a5; }
  .list .item a {
    display: inline-block;
    margin: 7px 0; }
  .list .item img {
    transform: scale(1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1);
    -webkit-transform: all 1s ease 0s;
    -moz-transform: scale(1);
    -o-transform: scale(1); }
  .list .item:hover img {
    transform: scale(1.1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.1);
    -webkit-transform: all 1s ease 0s;
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1); }
  .list .item > .main, .list .item > .footer {
    margin: 10px;
    overflow: hidden; }
  .list .item > .header {
    height: 232px;
    overflow: hidden;
    text-align: center; }
  .list .item > .main .title {
    font-size: 14px;
    height: 24px;
    overflow: hidden;
    padding: 6px 0; }
  .list .item > .main .price {
    color: #0d83c0;
    font-size: 14px; }
  .list .item > .footer {
    padding-top: 10px;
    border-top: 1px dashed #0d83c0;
    text-align: center; }

.tiny-form .line.caption .caption, .tiny-form .line.icon .caption {
  position: absolute;
  z-index: 2;
  top: 1px;
  *top: 2px;
  left: 1px;
  border-width: 0 1px 0 0; }

.tiny-form .line.caption input.field, .tiny-form .line.icon input.field {
  left: 0px; }
  .tiny-form .line.caption input.field:-webkit-autofill, .tiny-form .line.icon input.field:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important; }

.tiny-form h2 {
  font-size: 18px;
  line-height: 40px;
  height: 40px; }

.tiny-form .line {
  margin-bottom: 20px;
  position: relative;
  height: auto;
  display: block; }
  .tiny-form .line .caption {
    width: 90px;
    line-height: 40px;
    height: 40px;
    background-color: #F8F8F8;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    padding: 0 0 0 10px; }
  .tiny-form .line select {
    padding: 0 10px; }
    .tiny-form .line select.field {
      width: auto;
      height: 42px;
      line-height: 42px; }
  .tiny-form .line .field,
  .tiny-form .line .btn {
    padding: 0;
    position: relative;
    left: -1px;
    padding-left: 10px;
    width: 300px;
    height: 40px;
    line-height: 40px; }
    .tiny-form .line .field.disabled,
    .tiny-form .line .btn.disabled {
      background-color: #f1f1f1; }
  .tiny-form .line .btn {
    padding: 0px 40px;
    width: auto;
    height: auto !important;
    *line-height: 34px; }
  .tiny-form .line.focus .caption,
  .tiny-form .line.focus .field,
  .tiny-form .line.focus textarea {
    border-color: #3aa2e4; }
  .tiny-form .line.focus .caption {
    color: #3aa2e4;
    background-color: #edf7fd; }
  .tiny-form .line.invalid .caption,
  .tiny-form .line.invalid .field,
  .tiny-form .line.invalid textarea {
    border-color: #ee2222; }
  .tiny-form .line.invalid .caption {
    color: #ee2222;
    background-color: #fef7f7; }
  .tiny-form .line.other .caption {
    margin-right: 5px; }
  .tiny-form .line.valid .caption,
  .tiny-form .line.valid .field,
  .tiny-form .line.valid textarea {
    border-color: #06AC87; }
  .tiny-form .line.valid .caption {
    color: #06AC87;
    background-color: #e6fef9; }
  .tiny-form .line.caption .caption {
    width: 90px; }
  .tiny-form .line.caption .field {
    padding-left: 110px; }
  .tiny-form .line.icon {
    background-image: none; }
    .tiny-form .line.icon .caption {
      width: 44px; }
    .tiny-form .line.icon .field {
      padding-left: 54px; }
    .tiny-form .line.icon .caption {
      text-align: center;
      padding-left: 0; }
  .tiny-form .line.textarea .caption {
    position: absolute;
    left: 0;
    right: 0;
    width: 600px; }
  .tiny-form .line.textarea textarea {
    margin-top: 40px;
    padding-right: 10px;
    padding-top: 10px;
    width: 590px;
    padding-left: 10px; }
  .tiny-form .line label,
  .tiny-form .line span {
    font-size: 14px; }
  .tiny-form .line .alert {
    position: absolute;
    top: -10px;
    right: 0;
    left: 0; }

.tiny-form.hidden-msg .line label.invalid-msg,
.tiny-form.hidden-msg .line label.valid-msg {
  display: none; }

.category-index .col-2 .item > .header,
.flash-index .col-2 .item > .header,
.groupbuy-index .col-2 .item > .header {
  height: 316px; }

.category-index .col-2 .item > .main,
.flash-index .col-2 .item > .main,
.groupbuy-index .col-2 .item > .main {
  margin: 0;
  padding: 20px 10px 16px 10px;
  background: rgba(255, 255, 255, 0.5) !important;
  filter: Alpha(opacity=50);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }

.flash-index .col-2 .item > .header,
.groupbuy-index .col-2 .item > .header {
  height: 360px; }

fieldset.line-title {
  border-top: 1px solid #dedede;
  padding-bottom: 10px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  position: relative; }
  fieldset.line-title legend {
    text-align: center;
    padding: 0 2em;
    margin: 0 auto;
    *zoom: 1; }

.title fieldset.line-title {
  max-width: 40%; }
  .title fieldset.line-title legend {
    color: #555555;
    font-size: 24px; }

.nav-x .item {
  position: relative;
  float: right;
  padding: 0 8px;
  border-left: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2; }
  .nav-x .item .dropdown {
    top: 32px;
    right: -1px;
    display: none;
    position: absolute;
    border: 1px solid #ddd;
    border-top: none;
    padding: 10px;
    background-color: #FFF; }
  .nav-x .item .user-box {
    width: 120px; }
  .nav-x .item.down:hover {
    background-color: #FFF;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd; }
    .nav-x .item.down:hover div {
      display: block; }
  .nav-x .item a {
    height: 32px;
    line-height: 32px;
    padding: 0 5px; }
    .nav-x .item a .fa {
      height: 32px;
      line-height: 32px;
      padding-left: 5px; }
    .nav-x .item a .arrow-top {
      position: absolute;
      vertical-align: middle;
      height: 0;
      width: 0;
      border-top: 7px solid #b2b2b2;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-bottom: 0 solid transparent; }
    .nav-x .item a:hover .arrow-top {
      position: absolute;
      vertical-align: middle;
      height: 0;
      width: 0;
      border-bottom: 7px solid #bfbfbf;
      border-right: 7px solid transparent;
      border-left: 7px solid transparent;
      border-top: 0 solid transparent; }
    .nav-x .item a.normal {
      padding: inherit; }
  .nav-x .item.split {
    width: 1px;
    height: 15px;
    margin-top: 9px;
    margin-left: 2px;
    margin-right: 2px;
    padding: 0;
    background: #ddd;
    overflow: hidden; }

.bread-crumb {
  padding: 10px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px; }
  .bread-crumb li + li:before {
    padding: 0 5px;
    color: #ddd;
    content: "/\00a0"; }

.dropdown {
  position: relative; }
  .dropdown .dropdown-content {
    position: absolute;
    list-style: none;
    top: 100%;
    left: 0;
    z-index: 10000;
    display: none;
    float: left;
    min-width: 120px;
    margin: 9px 0 0;
    *margin: 0 0 0;
    text-align: center;
    line-height: 1.6;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    background-clip: padding-box;
    padding: 10px 5px; }
    .dropdown .dropdown-content:before, .dropdown .dropdown-content:after {
      position: absolute;
      display: block;
      content: "";
      width: 0;
      height: 0;
      border: 8px dashed transparent;
      z-index: 1;
      border-bottom-style: solid;
      border-width: 0 8px 8px;
      left: 34px;
      top: -8px;
      pointer-events: none; }
    .dropdown .dropdown-content:before {
      border-bottom-color: #ddd;
      bottom: 0; }
    .dropdown .dropdown-content:after {
      border-bottom-color: #fff;
      bottom: -1px;
      top: -7px; }
    .dropdown .dropdown-content li > a {
      text-align: center;
      display: block;
      padding: 6px 20px;
      font-weight: 400;
      color: #333;
      white-space: nowrap; }
      .dropdown .dropdown-content li > a:hover {
        background-color: #f2f2f2; }
  .dropdown .dropdown-header {
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2; }
  .dropdown:hover .dropdown-header, .dropdown.hover .dropdown-header {
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    background-color: #fff; }
  .dropdown:hover .dropdown-content, .dropdown.hover .dropdown-content {
    margin-top: 0;
    display: block; }

i.triangle-b, .tab .tab-head li.current i {
  position: absolute;
  vertical-align: middle;
  height: 0;
  width: 0;
  border-top: 8px solid #0d83c0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 0 solid transparent; }

i.triangle-b {
  top: 18px;
  right: 18px;
  border-top: 8px solid #FFF; }

.tab {
  position: relative; }
  .tab .tab-head {
    border-bottom: 3px solid #eee;
    height: 24px;
    padding: 8px 0;
    position: relative;
    margin-bottom: 6px; }
    .tab .tab-head li {
      cursor: pointer;
      display: block;
      height: 32px;
      line-height: 32px;
      font-size: 16px;
      text-align: center;
      float: left;
      position: relative;
      width: 140px;
      text-align: center; }
      .tab .tab-head li i {
        display: none;
        top: 35px;
        left: 66px; }
      .tab .tab-head li.current {
        border-bottom: 3px solid #0d83c0;
        z-index: 100;
        zoom: 1; }
        .tab .tab-head li.current i {
          display: inline-block; }
  .tab .tab-body {
    margin-top: 20px;
    position: relative;
    border-top: none;
    background: #fff; }
  .tab.vertical .tab-head li.current {
    border-bottom: none; }

.menu .header {
  padding: 5px 0;
  font-size: 16px;
  border-bottom: 1px solid #dedede; }

.page-nav {
  font-family: Simsun;
  line-height: normal;
  text-align: right;
  margin: 10px 0;
  overflow: hidden;
  zoom: 1;
  color: #666 !important; }
  .page-nav a,
  .page-nav span,
  .page-nav input {
    display: inline-block;
    line-height: 23px;
    padding: 4px 12px;
    border: 1px solid #dedede;
    background-color: #fff;
    text-decoration: none;
    margin-right: 5px;
    zoom: 1;
    cursor: pointer; }
  .page-nav a:hover,
  .page-nav .current {
    color: #fff !important;
    background-color: #0d83c0;
    border-color: #0d83c0;
    text-decoration: none; }
  .page-nav input {
    height: 31px;
    line-height: 31px;
    padding: 0 4px;
    zoom: 1;
    font: 12px/16px;
    *margin-bottom: -3px;
    _margin-bottom: -4px; }

.swiper .swiper-nav {
  width: 100%;
  position: absolute;
  bottom: 10px;
  text-align: center;
  z-index: 1; }
  .swiper .swiper-nav.fixed {
    top: -30px;
    text-align: right;
    height: 30px; }
    .swiper .swiper-nav.fixed li {
      height: 26px;
      line-height: 26px;
      text-align: center;
      border: 1px solid #DDD;
      width: 50px; }
      .swiper .swiper-nav.fixed li a {
        color: #999; }
      .swiper .swiper-nav.fixed li.current {
        background: #f2f2f2; }
  .swiper .swiper-nav li {
    margin: 0 5px;
    display: inline-block;
    width: 20px;
    height: 4px;
    overflow: hidden;
    background: #f2f2f2;
    cursor: pointer; }
    .swiper .swiper-nav li.current {
      background-color: #e04d4d; }

.col.title {
  margin: 40px 0 20px; }

.category-list a {
  display: block;
  float: left;
  width: 50%;
  text-align: center; }

.category-nav .header {
  border-bottom: 1px solid #dedede;
  background: #f2f2f2; }

.category {
  position: absolute;
  top: 46px;
  bottom: 0;
  height: 396px;
  display: none;
  width: 240px;
  background-color: #0d83c0; }
  .category li {
    display: block;
    width: 100%; }
    .category li.hover i {
      color: #0d83c0; }
    .category li a {
      position: relative;
      display: block;
      width: 240px -25;
      height: 42px;
      line-height: 42px;
      padding-left: 30px;
      cursor: pointer;
      color: #FFF; }
      .category li a:hover {
        background-color: white;
        color: #222222; }
        .category li a:hover i {
          color: #0d83c0; }
      .category li a i {
        position: absolute;
        right: 0;
        top: 0;
        padding-right: 15px;
        color: #FFF;
        height: 42px;
        line-height: 42px; }
    .category li .category-sub {
      width: 400px;
      height: 394px;
      overflow: hidden;
      padding: 10px;
      display: none;
      background-color: #FFF;
      position: absolute;
      color: #f2f2f2;
      top: 0;
      left: 240px;
      bottom: 0; }
      .category li .category-sub a {
        color: #666;
        padding-left: 15px;
        font-weight: bold;
        border-bottom: 1px #ddd dotted; }
        .category li .category-sub a:hover {
          color: #0d83c0; }
      .category li .category-sub p {
        font-size: 12px; }
        .category li .category-sub p a {
          font-weight: normal;
          display: inline;
          border-bottom: none;
          border-right: 1px #ddd solid;
          padding: 0 8px; }
    .category li.hover a {
      color: #666;
      background-color: white; }
    .category li.hover .category-sub {
      display: block; }

.category {
  position: absolute;
  top: 46px;
  bottom: 0;
  height: 426px;
  display: none;
  width: 240px;
  background-color: #0d83c0; }
  .category li {
    display: block;
    width: 100%; }
    .category li.hover i {
      color: #0d83c0; }
    .category li a {
      position: relative;
      display: block;
      width: 240px -25;
      height: 42px;
      line-height: 42px;
      padding-left: 30px;
      cursor: pointer;
      color: #FFF; }
      .category li a:hover {
        background-color: white;
        color: #222222; }
        .category li a:hover i {
          color: #0d83c0; }
      .category li a i {
        position: absolute;
        right: 0;
        top: 0;
        padding-right: 15px;
        color: #FFF;
        height: 42px;
        line-height: 42px; }
    .category li .category-sub {
      width: 400px;
      height: 394px;
      overflow: hidden;
      padding: 10px;
      display: none;
      background-color: #FFF;
      position: absolute;
      color: #f2f2f2;
      top: 0;
      left: 240px;
      bottom: 0; }
      .category li .category-sub a {
        color: #666;
        padding-left: 15px;
        font-weight: bold;
        border-bottom: 1px #ddd dotted; }
        .category li .category-sub a:hover {
          color: #0d83c0; }
      .category li .category-sub h5 {
        font-size: 12px; }
        #header .nav li.category-box .category-sub li {float: left;display: inline;width:auto;}
        .category li .category-sub h5 a {
          font-weight: normal;
          display: inline;
          border-bottom: none;
          border-right: 1px #ddd solid;
          padding: 0 8px; }
    .category li.hover a {
      color: #666;
      background-color: white; }
    .category li.hover .category-sub {
      display: block; }

.tiny-bar {
  position: fixed;
  _position: absolute;
  width: 0;
  overflow: visible;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  background: transparent; }
  .tiny-bar .sentence {
    height: 180px;
    width: 40px;
    margin-left: -40px;
    border: none;
    background-image: url("../images/sentence.gif"); }
  .tiny-bar .quick-links {
    margin-left: -40px;
    width: 40px;
    background-color: #444851;
    position: relative;
    height: 100%;
    line-height: 18px;
    font-size: 14px; }
    .tiny-bar .quick-links > li.link {
      z-index: 10;
      height: 40px;
      width: 40px;
      border-bottom: 1px #555 solid;
      color: #FFF;
      position: relative; }
      .tiny-bar .quick-links > li.link:hover, .tiny-bar .quick-links > li.link.on {
        background-color: #0d83c0;
        cursor: pointer; }
      .tiny-bar .quick-links > li.link div {
        margin-right: auto;
        margin-left: auto; }
      .tiny-bar .quick-links > li.link.cart {
        height: 100px; }
      .tiny-bar .quick-links > li.link .icon {
        text-align: center;
        font-size: 18px; }
      .tiny-bar .quick-links > li.link .txt {
        width: 20px;
        text-align: center;
        line-height: 18px;
        font-size: 14px; }
      .tiny-bar .quick-links > li.link .tips {
        height: 40px;
        line-height: 40px;
        width: 92px;
        position: absolute;
        z-index: 2;
        left: -121px;
        top: 0;
        background: #444851;
        color: #d8d8d8;
        font-size: 14px;
        text-align: center;
        display: block;
        visibility: hidden; }
        .tiny-bar .quick-links > li.link .tips .tip-arr {
          position: absolute;
          width: 16px;
          height: 16px;
          line-height: 16px;
          text-align: center;
          font-size: 16px;
          font-family: "\5b8b\4f53"; }
      .tiny-bar .quick-links > li.link:hover .tips {
        visibility: visible;
        left: -92px; }
        .tiny-bar .quick-links > li.link:hover .tips .tip-arr {
          top: 12px;
          position: absolute;
          right: -8px;
          color: #494949; }
  .tiny-bar .quick-box {
    display: none;
    z-index: 100;
    width: 260px;
    position: absolute;
    margin-top: 0;
    top: 0;
    bottom: 0;
    right: 40px;
    border: 1px solid #dedede;
    border-right: none;
    padding: 10px 0 10px 10px;
    background-color: #FFF; }
    .tiny-bar .quick-box .header {
      border-bottom: 1px solid #dedede;
      margin-right: 10px;
      height: 32px;
      line-height: 32px;
      text-align: center; }
    .tiny-bar .quick-box .main {
      position: absolute;
      top: 50px;
      left: 10px;
      right: 0;
      bottom: 60px;
      line-height: 22px; }
      .tiny-bar .quick-box .main .grid .cart-item {
        border-bottom: 1px #ddd dotted;
        overflow: hidden; }
      .tiny-bar .quick-box .main .grid .list > .row-5 .col-1, .list > .row-5 .tiny-bar .quick-box .main .grid .col-1, .tiny-bar .quick-box .main .grid .list > .row-5 .col-2, .list > .row-5 .tiny-bar .quick-box .main .grid .col-2, .tiny-bar .quick-box .main .grid .list > .row-5 .col-3, .list > .row-5 .tiny-bar .quick-box .main .grid .col-3, .tiny-bar .quick-box .main .grid .list > .row-5 .col-4, .list > .row-5 .tiny-bar .quick-box .main .grid .col-4, .tiny-bar .quick-box .main .grid .list > .row-5 .col-5, .list > .row-5 .tiny-bar .quick-box .main .grid .col-5, .tiny-bar .quick-box .main .grid .list > .row-4 .col-1, .list > .row-4 .tiny-bar .quick-box .main .grid .col-1, .tiny-bar .quick-box .main .grid .list > .row-4 .col-2, .list > .row-4 .tiny-bar .quick-box .main .grid .col-2, .tiny-bar .quick-box .main .grid .list > .row-4 .col-3, .list > .row-4 .tiny-bar .quick-box .main .grid .col-3, .tiny-bar .quick-box .main .grid .list > .row-4 .col-4, .list > .row-4 .tiny-bar .quick-box .main .grid .col-4, .tiny-bar .quick-box .main .grid > .row-4 > .col-1, .tiny-bar .quick-box .main .grid > .row-4 > .col-2, .tiny-bar .quick-box .main .grid > .row-4 > .col-3, .tiny-bar .quick-box .main .grid > .row-4 > .col-4 {
        display: block;
        float: left;
        margin-right: 2px;
        margin-left: 2px; }
      .tiny-bar .quick-box .main .grid > .row-4 {
        overflow: hidden;
        margin-right: -2px;
        margin-left: -2px; }
      .tiny-bar .quick-box .main .grid .col {
        margin-right: 2px;
        margin-left: 2px; }
      .tiny-bar .quick-box .main .grid > .row-4 > .col-1 {
        width: 59.5px; }
        .tiny-bar .quick-box .main .grid > .row-4 > .col-1 .row {
          margin-right: -2px;
          margin-left: -2px;
          width: auto;
          overflow: hidden; }
      .tiny-bar .quick-box .main .grid > .row-4 > .col-2 {
        width: 123px; }
        .tiny-bar .quick-box .main .grid > .row-4 > .col-2 .row {
          margin-right: -2px;
          margin-left: -2px;
          width: auto;
          overflow: hidden; }
      .tiny-bar .quick-box .main .grid > .row-4 > .col-3 {
        width: 186.5px; }
        .tiny-bar .quick-box .main .grid > .row-4 > .col-3 .row {
          margin-right: -2px;
          margin-left: -2px;
          width: auto;
          overflow: hidden; }
      .tiny-bar .quick-box .main .grid > .row-4 > .col-4 {
        width: 250px; }
        .tiny-bar .quick-box .main .grid > .row-4 > .col-4 .row {
          margin-right: -2px;
          margin-left: -2px;
          width: auto;
          overflow: hidden; }
      .tiny-bar .quick-box .main .grid .col-1,
      .tiny-bar .quick-box .main .grid .col-2 {
        margin-top: 5px;
        margin-bottom: 5px;
        vertical-align: middle; }
      .tiny-bar .quick-box .main .grid .spec {
        height: 42px;
        overflow: hidden; }
    .tiny-bar .quick-box .footer {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 60px;
      text-align: center;
      padding-bottom: 10px; }

.cart-box .cart-item.row-4 > .col-1.num,
.cart-box .cart-item.row-4 > .col-1.price {
  margin-top: 20px;
  text-align: center; }

.tiny-bar-icon-favor, .tiny-bar-icon-user, .tiny-bar-icon-cart, .tiny-bar-icon-card, .tiny-bar-icon-gift, .tiny-bar-icon-qcode, .tiny-bar-icon-foot, .tiny-bar-icon-close {
  background-image: url(../images/tiny_bar_icons.png);
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle; }

.tiny-bar-icon-favor, .tiny-bar-icon-user, .tiny-bar-icon-cart, .tiny-bar-icon-card, .tiny-bar-icon-gift, .tiny-bar-icon-qcode, .tiny-bar-icon-foot, .tiny-bar-icon-close {
  height: 40px;
  width: 40px; }

.tiny-bar-icon-favor {
  background-position: 0px 0px; }

.tiny-bar-icon-user {
  background-position: 0px -40px; }

.tiny-bar-icon-cart {
  background-position: 0px -80px; }

.tiny-bar-icon-card {
  background-position: 0px -120px; }

.tiny-bar-icon-gift {
  background-position: 0px -160px; }

.tiny-bar-icon-qcode {
  background-position: 0px -200px; }

.tiny-bar-icon-foot {
  background-position: 0px -240px; }

.tiny-bar-icon-close {
  background-position: 0px -280px; }

.promise {
  background-color: #FFF;
  position: relative;
  overflow: hidden;
  padding: 40px 0; }
  .promise dl {
    width: 308px;
    float: left; }
    .promise dl dt {
      background: url(../images/promise.png) no-repeat;
      width: 60px;
      height: 48px;
      float: left; }
      .promise dl dt.icon-1 {
        background-position: 0px 0; }
      .promise dl dt.icon-2 {
        background-position: -60px 0; }
      .promise dl dt.icon-3 {
        background-position: -120px 0; }
      .promise dl dt.icon-4 {
        background-position: -180px 0; }
      .promise dl dt.icon-5 {
        background-position: -240px 0; }
    .promise dl dd {
      height: 48px;
      float: left;
      overflow: hidden; }
      .promise dl dd .title {
        font-weight: 700;
        font-size: 16px;
        color: #555555; }
      .promise dl dd p {
        color: #777777; }

.scrollbar {
  overflow-x: hidden;
  overflow-y: scroll; }

.scrollbar::-webkit-scrollbar-thumb {
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: #616161;
  overflow-y: auto; }

.scrollbar::-webkit-scrollbar {
  width: 5px; }

#selector {
  overflow: hidden;
  border-bottom: none; }
  #selector .spec-attr {
    border-bottom: none; }
    #selector .spec-attr h2 {
      font-size: 16px;
      font-weight: 700;
      color: #14191e; }

#selector a.select {
  background: #f1f1f1;
  color: #E74503; }

#selector .attr {
  padding: 6px 12px;
  border-bottom: #ccc 1px dotted;
  overflow: hidden;
  height: auto;
  padding-right: 70px;
  position: relative;
  _padding-bottom: 2px; }
  #selector .attr .o-more {
    position: absolute;
    top: 5px;
    right: 10px;
    width: 31px;
    height: 32px;
    line-height: 32px;
    text-decoration: none;
    cursor: pointer;
    color: #005AA0;
    padding-right: 24px; }
  #selector .attr .attr-key {
    float: left;
    font-weight: 700;
    width: 100px;
    text-align: right;
    height: 20px;
    padding: 4px 25px 4px 5px; }
  #selector .attr .attr-value {
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    zoom: 1; }
    #selector .attr .attr-value i {
      margin-top: 3px; }
    #selector .attr .attr-value a {
      display: block;
      float: left;
      position: relative;
      height: 24px;
      padding: 2px 25px 2px 5px;
      white-space: nowrap;
      _padding-bottom: 0; }
    #selector .attr .attr-value a.select i {
      display: inline-block;
      background: url(../images/icons.png);
      width: 16px;
      height: 16px;
      background-position: -32px -32px;
      position: absolute;
      top: 3px;
      right: 3px; }
    #selector .attr .attr-value a.select:hover i {
      background-position: -32px -16px; }

#selector .unflod .attr-value {
  height: auto; }

#selector .unflod b {
  background-position: 0 -80px; }

#selector.attr-extra b,
#selector.o-more b {
  display: block;
  position: absolute;
  top: 7px;
  right: 10px;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background: url(../images/icons.png) no-repeat;
  background-position: 0 -64px; }

#selector .attr-extra {
  position: relative;
  display: inline-block;
  *display: inline;
  _zoom: 1;
  height: 32px;
  border: 1px solid #ddd;
  border-top: none;
  margin-top: -1px;
  background: #fff;
  line-height: 20px;
  text-align: right;
  cursor: pointer;
  font-size: 12px; }
  #selector .attr-extra div {
    position: relative;
    _display: inline;
    _zoom: 1;
    height: 32px;
    padding: 0 32px 0 24px;
    line-height: 32px; }

#selector #select-more {
  position: relative;
  overflow: visible;
  height: auto;
  border-bottom: none;
  border-top: 1px solid #E6E6E6;
  margin-bottom: 10px;
  text-align: center;
  font-size: 0;
  margin-top: -1px; }

.sort-bar {
  margin-top: 5px; }
  .sort-bar a,
  .sort-bar span {
    display: block;
    float: left;
    padding: 7px 30px;
    margin-right: 5px;
    position: relative; }
  .sort-bar a:hover {
    color: #E74503; }
  .sort-bar a.current:hover, .sort-bar a.current-2:hover {
    color: #ffffff; }
  .sort-bar a.current, .sort-bar a.current-2 {
    background: #0d83c0;
    color: #fff;
    position: relative; }
    .sort-bar a.current i, .sort-bar a.current-2 i {
      background: url(../images/icons.png);
      display: inline-block;
      position: absolute;
      top: 9px;
      width: 16px;
      height: 16px;
      overflow: hidden;
      font-size: 0px;
      background-position: 0 -144px;
      margin-left: 5px; }
  .sort-bar a.current-2 i {
    background-position: -16px -144px; }
  .sort-bar span {
    border: none; }

#product-intro {
  position: relative; }
  #product-intro > .sub-1, #product-intro > .sub-2, #product-intro > .sub-3 {
    position: absolute;
    bottom: 0;
    top: 0; }
  #product-intro > .sub-1 {
    left: 0;
    width: 80px; }
  #product-intro > .sub-2 {
    left: 80px;
    width: 420px; }
  #product-intro > .sub-3 {
    position: relative;
    margin-left: 500px;
    margin-right: 0; }
  #product-intro .sub-1 .small-img {
    margin: 8px;
    padding: 1px;
    display: block;
    border: 1px solid #dedede; }
    #product-intro .sub-1 .small-img:hover, #product-intro .sub-1 .small-img.current {
      border: 1px solid #0d83c0; }

.prom {
  background-color: #eee;
  line-height: 18px;
  padding: 10px 0 15px 60px;
  margin-top: 10px; }

.promo-type {
  display: inline-block;
  margin-left: 15px;
  background-color: #F68587;
  height: 18px;
  line-height: 18px;
  padding: 2px 5px;
  color: #fff;
  font-size: 12px;
  vertical-align: 7px;
  border-radius: 2px; }

.spec-info {
  height: auto;
  position: relative;
  margin-left: -20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  border: #fff 1px solid; }
  .spec-info .spec-close {
    position: absolute;
    display: none;
    cursor: pointer;
    top: 7px;
    right: 6px;
    width: 16px;
    height: 16px;
    background-image: url(../images/icons.png);
    background-position: -32px 0; }
  .spec-info.noselected {
    border: #0d83c0 1px solid; }
    .spec-info.noselected .product-btns {
      display: none; }
    .spec-info.noselected .spec-close {
      display: block; }

.spec-item {
  margin-bottom: 10px; }
  .spec-item dt {
    float: left;
    width: 60px;
    margin-right: 5px;
    margin-top: 4px; }
  .spec-item dd {
    overflow: hidden; }

.spec-values li {
  border: 1px solid #bbb;
  background: #FFFFFF;
  display: block;
  float: left;
  margin-right: 8px;
  position: relative;
  cursor: pointer;
  padding: 3px;
  margin: 0 4px 4px 0;
  position: relative; }
  .spec-values li img {
    display: block;
    float: left; }
  .spec-values li label {
    padding: 2px 6px; }
  .spec-values li span {
    padding: 0px 12px;
    display: block; }

.spec-values .selected {
  border: 1px solid #BD0021; }

.spec-values .disabled {
  border: 1px dashed #c0c0c0;
  cursor: not-allowed;
  color: #ccc; }
  .spec-values .disabled i {
    display: none; }

.buy-num a {
  width: 24px;
  display: inline-block;
  font-weight: 700;
  text-decoration: none; }
  .buy-num a:hover {
    border: 1px solid #c7c7c7;
    background: #E7E7E7; }

.buy-num a.disable,
.buy-num a.disable:hover {
  background: #E7E7E7;
  color: #FFF;
  border: 1px solid #ddd; }

.buy-num a,
.buy-num input {
  border: 1px solid #ddd;
  color: #5e5e5e;
  overflow: hidden;
  text-align: center;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  float: left;
  vertical-align: middle; }

.buy-num input {
  width: 50px;
  border-width: 1px 0; }

.spec-item .selected i {
  background-image: url(../images/icons.png);
  background-position: 0 0;
  font-size: 0;
  height: 16px;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 16px; }

.voucher {
  background-image: url(../images/voucher.png);
  background-repeat: no-repeat;
  color: #FFF;
  height: 90px;
  width: 240px;
  margin: 4px auto;
  position: relative; }
  .voucher .left {
    position: absolute;
    text-align: center;
    width: 110px;
    top: 25px;
    left: 15px; }
    .voucher .left .time {
      font-size: 9px; }
  .voucher .right {
    position: absolute;
    text-align: right;
    color: #eeeeee;
    width: 95px;
    top: 15px;
    right: 15px; }
    .voucher .right .time {
      font-size: 9px; }

.login-bg {
  background-image: url(../images/login_bg.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  height: 600px; }

.login-box {
  width: 356px;
  min-height: 380px;
  background-color: #FFF;
  margin: 0 auto;
  padding: 60px 40px 40px 40px;
  margin-top: 60px; }

.crumbs {
  background: #0d83c0;
  height: 42px;
  overflow: hidden;
  line-height: 42px;
  position: relative; }
  .crumbs li {
    float: right;
    overflow: visible;
    text-align: center;
    position: relative;
    font-size: 14px;
    background: #666;
    z-index: 0;
    color: #f1f1f1; }
    .crumbs li em {
      position: absolute;
      right: -26px;
      top: -5px;
      width: 0;
      height: 0;
      line-height: 0;
      border-width: 26px 0 26px 26px;
      border-color: transparent transparent transparent #fff;
      border-style: dashed dashed dashed solid;
      z-index: 101; }
    .crumbs li i {
      position: absolute;
      right: -20px;
      top: 0px;
      width: 0;
      height: 0;
      line-height: 0;
      border-width: 21px 0 21px 21px;
      border-color: transparent transparent transparent #666;
      border-style: dashed dashed dashed solid;
      z-index: 102; }
    .crumbs li.pass {
      background: #0d83c0;
      color: #fff; }
      .crumbs li.pass em {
        z-index: 101; }
      .crumbs li.pass i {
        border-color: transparent transparent transparent #0d83c0;
        z-index: 102; }
  .crumbs.step-2 li {
    width: 50%; }
  .crumbs.step-3 li {
    width: 33.3%; }
  .crumbs.step-4 li {
    width: 25%; }
  .crumbs.step-5 li {
    width: 20%; }

.layui-layer-page .layui-layer-btn {
  background-color: #eee;
  text-align: center; }

.cart-list {
  padding-top: 10px; }
  .cart-list li {
    position: relative;
    height: 80px;
    padding: 0 15px;
    font-size: 12px; }
    .cart-list li .cart-item {
      position: relative;
      height: 60px;
      padding: 10px 0;
      border-bottom: 1px solid #e0e0e0;
      line-height: 20px; }
      .cart-list li .cart-item .thumb {
        float: left;
        margin-right: 10px; }
      .cart-list li .cart-item .name {
        float: left;
        _display: inline;
        width: 160px;
        height: 60px;
        color: #424242;
        overflow: hidden; }
        .cart-list li .cart-item .name .title {
          display: block;
          height: 18px;
          overflow: hidden; }
        .cart-list li .cart-item .name .spec {
          margin-right: 10px;
          display: inline-block; }
        .cart-list li .cart-item .name:hover {
          color: #0d83c0; }
      .cart-list li .cart-item .price {
        _display: inline;
        color: #424242;
        margin: 10px 20px 0 5px; }
      .cart-list li .cart-item .btn-del {
        display: none; }
    .cart-list li:hover .btn-del {
      display: inline-block; }

.cart-count {
  padding: 15px 20px;
  line-height: 18px;
  background: #fafafa; }
  .cart-count .cart-total {
    font-size: 24px;
    color: #0d83c0;
    font-weight: 400;
    display: block;
    line-height: 26px; }
    .cart-count .cart-total .unit {
      font-size: 12px; }

.content-text {
  line-height: 1.8em;
  font-size: 16px;
  text-indent: 2em; }
  .content-text p {
    margin-top: 1em; }
  .content-text .title {
    font-weight: 800;
    font-size: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dedede; }

.card-area {
  height: 520px;
  box-sizing: border-box; }
  .card-area .card-item {
    display: flex;
    overflow: hidden;
    z-index: 10;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
    position: relative;
    float: left;
    width: 18%;
    height: 500px;
    background-color: transparent;
    border: 1px solid #DBDBDD;
    box-sizing: border-box; }
    .card-area .card-item.active {
      z-index: 100;
      border: 1px solid #00c1de;
      box-shadow: 0 0 20px rgba(0, 193, 222, 0.8);
      width: 28%;
      height: 520px;
      margin-bottom: -10px;
      margin-top: -10px;
      padding: 20px 0; }
    .card-area .card-item + .card-item {
      margin-left: -1px; }
    .card-area .card-item .card {
      transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
      width: 100%;
      height: 100%;
      text-align: center; }
      .card-area .card-item .card.detail {
        display: none;
        width: 100%; }
      .card-area .card-item .card .card-head {
        padding: 20px;
        height: 175px; }
      .card-area .card-item .card .card-body {
        height: 325px;
        text-align: left;
        padding: 20px; }
    .card-area .card-item.active .card {
      display: none; }
      .card-area .card-item.active .card.detail {
        display: block; }
      .card-area .card-item.active .card .card-body {
        background-color: #00c1de;
        color: #333; }

.fixed-top-nav {
  height: 110px; }

#fixed-wrap.fixed, .goods-top-fixed-bar.fixed {
  position: fixed;
  z-index: 100;
  top: -90px;
  right: 0;
  height: 85px;
  left: 0;
  -webkit-transition: top .2s ease;
  transition: top .2s ease;
  background: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid #eaeaea; }
  #fixed-wrap.fixed .header-main, .goods-top-fixed-bar.fixed .header-main {
    padding: 5px 0;
    height: 80px; }
  #fixed-wrap.fixed.show, .goods-top-fixed-bar.fixed.show {
    top: 0; }

.goods-top-fixed-bar {
  position: fixed;
  top: -90px; }
  .goods-top-fixed-bar.fixed {
    height: 45px;
    padding: 10px 0; }
  .goods-top-fixed-bar .goods-count span, .goods-top-fixed-bar .selected-spec span {
    vertical-align: middle;
    height: 50px;
    line-height: 50px;
    color: #0d83c0;
    font-size: 18px;
    display: inline-block; }
  .goods-top-fixed-bar .selected-spec span {
    font-size: 16px;
    color: #333; }
  .goods-top-fixed-bar #selected-price {
    font-size: 26px; }