.carousel-container .carousel-control {
  display: none; }
  .carousel-container .carousel-control.left {
    left: 0; }
  .carousel-container .carousel-control.right {
    right: 0; }

.carousel-container:hover .carousel-control {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline; }
.eve-image-maps > div {
  text-align: center;
  font-size: 0;
  line-height: 1; }

.eve-image-maps img {
  border: 0; }
.eve-image > div {
  text-align: center;
  font-size: 0;
  line-height: 1; }

.eve-image img {
  border: 0; }
.eve-placeholder {
  height: 100%; }
  .eve-placeholder a {
    display: block;
    height: 100%; }
.eve-text .text-content {
  height: auto;
  width: 100%;
  text-align: left;
  font-family: inherit; }
  .eve-text .text-content span {
    line-height: 1em; }
  .eve-text .text-content p {
    margin: 0;
    padding: 0; }
  .eve-text .text-content a {
    color: inherit; }
.eve-video {
  overflow: hidden;
  height: 400px; }
  .eve-video iframe, .eve-video embed {
    display: block;
    width: 100%;
    height: 100%; }
.address-group {
  width: 100%; }
  .address-group .address-select-wrap {
    display: -moz-inline-stack;
    display: inline-block;
    *vertical-align: auto;
    zoom: 1;
    *display: inline; }
    .address-group .address-select-wrap label {
      margin-left: 30px; }
  .address-group .address-select-label {
    margin-right: 35px;
    display: -moz-inline-stack;
    display: inline-block;
    *vertical-align: auto;
    zoom: 1;
    *display: inline; }
    .address-group .address-select-label .address-control-area {
      text-align: left; }
    .address-group .address-select-label .label-tips {
      color: #666;
      margin: 8px 0 10px; }
  .address-group .address-select-wrap {
    width: 340px;
    height: 40px;
    line-height: 40px;
    background-color: #ff2200;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px; }
    .address-group .address-select-wrap label {
      font-weight: bold;
      color: #fff;
      margin-right: 5px; }
  .address-group .address-select {
    background-color: #fff;
    border: #666 solid 1px;
    width: 170px;
    height: 28px;
    line-height: 28px;
    text-align: left;
    cursor: default;
    position: relative;
    margin-top: -3px;
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
    .address-group .address-select .tip {
      left: 0 !important;
      top: 33px;
      width: 245px; }
    .address-group .address-select .address-text {
      height: 28px;
      padding: 0 10px;
      cursor: pointer;
      overflow: hidden;
      position: relative;
      z-index: 2; }
    .address-group .address-select .address-area {
      width: 320px;
      padding: 15px;
      background-color: #fff;
      position: relative;
      z-index: 10;
      zoom: 1;
      border: #dfdfdf solid 1px;
      -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px;
      -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px;
      box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px;
      display: none; }
      .address-group .address-select .address-area .address-close {
        color: #666;
        position: absolute;
        right: 15px;
        top: 10px; }
      .address-group .address-select .address-area .address-tab {
        border-bottom: #ff2200 solid 1px; }
        .address-group .address-select .address-area .address-tab li {
          float: left;
          height: 24px;
          line-height: 24px;
          margin-right: 5px;
          list-style-type: none;
          border: #dfdfdf solid 1px;
          border-bottom: none; }
          .address-group .address-select .address-area .address-tab li.active {
            height: 25px;
            margin-bottom: -1px;
            background-color: #fff;
            border-color: #ff2200; }
          .address-group .address-select .address-area .address-tab li a {
            color: #656565;
            padding: 0 10px;
            display: -moz-inline-stack;
            display: inline-block;
            *vertical-align: auto;
            zoom: 1;
            *display: inline; }
      .address-group .address-select .address-area .address-content {
        margin-top: 10px;
        display: none; }
        .address-group .address-select .address-area .address-content li {
          float: left;
          width: 20%;
          height: 2em;
          line-height: 2em;
          overflow: hidden;
          list-style-type: none; }
          .address-group .address-select .address-area .address-content li.active a {
            background-color: #ff2200;
            color: #fff; }
          .address-group .address-select .address-area .address-content li a {
            color: #666;
            padding: 0 5px;
            display: -moz-inline-stack;
            display: inline-block;
            *vertical-align: auto;
            zoom: 1;
            *display: inline; }
    .address-group .address-select .caret {
      position: absolute;
      right: 10px;
      top: 50%;
      margin-top: -2px;
      z-index: 1; }
.address-edit-form .control-group label {
  width: 6em; }

.address-edit-form .control-group .address-select-group {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline; }
  .address-edit-form .control-group .address-select-group select {
    width: 100px !important; }
.breadcrumbs {
  height: 50px; }
  .breadcrumbs .breadcrumb {
    padding: 19px 16px;
    padding-left: 0px;
    list-style: none;
    line-height: 12px; }
    .breadcrumbs .breadcrumb > li {
      display: inline-block;
      font-size: 12px; }
      .breadcrumbs .breadcrumb > li span {
        color: #bbb;
        text-align: left; }
      .breadcrumbs .breadcrumb > li + li:before {
        content: "/";
        padding: 0 5px;
        color: #ccc; }
    .breadcrumbs .breadcrumb li:last-child span {
      color: #666; }
.component-ceiling {
  background-color: #f5f5f5; }
  .component-ceiling .span-left {
    margin-left: 15px; }
  .component-ceiling .navbar .navbar-collapse {
    overflow: visible;
    width: 1200px;
    padding: 5px 0; }
  .component-ceiling .nav-item {
    float: left; }
  .component-ceiling .nav-icon {
    color: #1890ff; }
.item-choose .cutwords {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.item-choose .item-container {
  width: 600px;
  margin-bottom: 20px; }
  .item-choose .item-container table.table th {
    border: none; }
  .item-choose .item-container table.table td {
    border-left: none;
    border-right: none;
    height: 60px; }
  .item-choose .item-container table.table tbody:last-child tr {
    background-color: #ffffff;
    vertical-align: middle; }
  .item-choose .item-container table.table .top-text {
    vertical-align: top;
    display: inline-block;
    line-height: 24px;
    max-width: 230px; }
  .item-choose .item-container table.table .item-choose-pagination label.total {
    display: none; }
  .item-choose .item-container table.table .item-list-pagination label.total {
    padding-right: 10px; }

.item-choose-dialog {
  width: 600px; }
  .item-choose-dialog .table-wrapper {
    max-height: 300px;
    overflow-y: auto; }
  .item-choose-dialog .control-group.sp .control-label.menu {
    width: 66px;
    text-align: left; }
    .item-choose-dialog .control-group.sp .control-label.menu ul {
      height: 26px;
      display: inline-block;
      overflow-y: visible;
      border: none; }
      .item-choose-dialog .control-group.sp .control-label.menu ul li {
        padding: 4px 0;
        background: none; }
        .item-choose-dialog .control-group.sp .control-label.menu ul li span.caret {
          color: #999999; }
  .item-choose-dialog .control-group.sp input {
    vertical-align: top; }
  .item-choose-dialog .control-group.sp a.searchBtn {
    line-height: 32px;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px; }
  .item-choose-dialog .jump-to-item {
    max-width: 190px;
    display: inline-block;
    vertical-align: middle; }
  .item-choose-dialog table.table th {
    border: none; }
  .item-choose-dialog table.table td {
    border-left: none;
    border-right: none; }
  .item-choose-dialog table.table tbody:last-child tr {
    background-color: #ffffff; }
    .item-choose-dialog table.table tbody:last-child tr td {
      border-bottom: none;
      height: 60px; }
  .item-choose-dialog .item-choose-pagination label.total {
    display: none; }
  .item-choose-dialog .pagination {
    margin-top: 0; }
  .item-choose-dialog .choose-all,
  .item-choose-dialog .cancel-all {
    vertical-align: middle; }

.sku-choose-dialog {
  width: 600px; }
  .sku-choose-dialog .h20 {
    height: 20px !important;
    line-height: 18px;
    padding-top: 0;
    padding-bottom: 0; }
  .sku-choose-dialog .table-wrapper {
    max-height: 300px;
    overflow-y: auto; }
  .sku-choose-dialog label {
    width: auto !important;
    margin-right: 5px !important; }
  .sku-choose-dialog .skuName {
    max-width: 100%;
    display: inline-block; }
  .sku-choose-dialog table.table th {
    border: none; }
  .sku-choose-dialog table.table td {
    border-left: none;
    border-right: none; }
  .sku-choose-dialog table.table tbody tr:last-child td {
    border-bottom: none; }
.footer-ul ul {
  width: 900px;
  margin: 0 auto; }
  .footer-ul ul img {
    margin: 25px 0; }
  .footer-ul ul li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: 160px;
    padding: 20px; }
    .footer-ul ul li span {
      font-weight: bold; }
  .footer-ul ul .click-modal {
    cursor: pointer;
    cursor: hand; }

.footer-ul .copyright {
  width: 100%;
  color: #999999;
  margin: 0;
  padding: 10px 0;
  text-align: center;
  border-top: 1px solid #dfdfdf; }

.modal.footer-template i {
  color: white;
  font-size: 40px; }

.modal.footer-template .close {
  position: absolute;
  top: -20px;
  right: -20px; }
.header-title-progress {
  padding: 42px 0;
  width: 1200px;
  height: 120px;
  margin: 0 auto; }
  .header-title-progress > .progress {
    display: inline-block;
    float: right;
    line-height: 36px; }
  .header-title-progress > h2 {
    display: inline-block;
    vertical-align: 15px;
    font-size: 16px;
    line-height: 18px;
    margin: 0 30px;
    color: #666; }
.component-site-header .form-search {
  min-width: 350px;
  width: 480px;
  margin: 0 auto; }

.component-site-header .search-type-group {
  position: absolute;
  width: 72px;
  height: 38px; }
  .component-site-header .search-type-group .search-tab-icon {
    position: absolute;
    font-size: 12px;
    height: 15px;
    left: 50px;
    top: 10px;
    color: #999; }
  .component-site-header .search-type-group:hover .search-type .search-type-li {
    background-color: #fff; }
  .component-site-header .search-type-group:hover .search-type-li:hover {
    background-color: #f5f5f5; }
  .component-site-header .search-type-group:hover .search-tab-icon {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

.component-site-header .search-type {
  letter-spacing: normal;
  position: absolute;
  list-style: none;
  top: 0;
  left: 0; }
  .component-site-header .search-type .search-type-li {
    border: 1px solid #1890ff;
    border-top: none;
    width: 72px;
    height: 36px;
    padding: 10px;
    text-align: left;
    display: none;
    font-size: 14px;
    margin: 0; }
    .component-site-header .search-type .search-type-li.active {
      background-color: #f5f5f5;
      border: none;
      display: block;
      margin: 1px; }

.component-site-header .search-input {
  padding-left: 85px;
  border: 1px solid #1890ff;
  display: none; }
  .component-site-header .search-input.active {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline; }

.component-site-header .small-form {
  width: 400px; }
  .component-site-header .small-form .search-input {
    width: 208px; }

.component-site-header .input-search {
  position: relative; }

.component-site-header .search-hot .hotword-item {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-size: 12px; }
  .component-site-header .search-hot .hotword-item a {
    color: #614544;
    margin: 0 8px; }
    .component-site-header .search-hot .hotword-item a:hover {
      text-decoration: underline; }
    .component-site-header .search-hot .hotword-item a.red {
      color: #ff2200; }
    .component-site-header .search-hot .hotword-item a.bold {
      font-weight: bold; }

.component-site-header .component-float-search {
  background-color: #1890ff;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 10px 0;
  opacity: 0.98; }
  .component-site-header .component-float-search .search-container {
    margin: 0 auto;
    width: 1200px; }
  .component-site-header .component-float-search .site-logo {
    width: 240px;
    height: 30px;
    line-height: 30px;
    float: left; }
    .component-site-header .component-float-search .site-logo img {
      vertical-align: middle; }
  .component-site-header .component-float-search .search-group {
    float: left;
    height: 30px; }
  .component-site-header .component-float-search .search-input {
    width: 620px;
    padding-left: 20px;
    height: 30px; }
  .component-site-header .component-float-search .search-btn {
    background-color: rgba(0, 0, 0, 0.1);
    width: 100px;
    padding: 5px 28px !important;
    font-size: 14px; }

.suggestion li {
  position: relative;
  zoom: 1; }
  .suggestion li b {
    font-weight: normal;
    color: #ccc;
    position: absolute;
    right: 10px;
    top: 6px; }
.component-login {
  width: 360px;
  padding: 50px 40px;
  background-color: white;
  -webkit-box-shadow: compact(0px 0px 30px #c2c2c2, false, false, false, false, false, false, false, false, false);
  -moz-box-shadow: compact(0px 0px 30px #c2c2c2, false, false, false, false, false, false, false, false, false);
  box-shadow: compact(0px 0px 30px #c2c2c2, false, false, false, false, false, false, false, false, false); }
  .component-login.modal {
    padding: 30px;
    position: absolute; }
  .component-login .user-login-form {
    font-size: 14px;
    margin: 0 50px;
    text-align: left; }
    .component-login .user-login-form legend {
      margin-bottom: 50px;
      font-size: 14px; }
    .component-login .user-login-form .control-group {
      margin-bottom: 20px; }
    .component-login .user-login-form .keep-group {
      margin-bottom: 0;
      margin-top: 30px; }
    .component-login .user-login-form input {
      height: 40px;
      padding-left: 10px;
      padding-right: 10px;
      position: relative;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      vertical-align: middle; }
      .component-login .user-login-form input.btn {
        font-size: 14px; }
    .component-login .user-login-form #login-name, .component-login .user-login-form #login-password {
      background-color: #fff;
      position: relative;
      zoom: 1;
      margin-bottom: 20px;
      border: #dfdfdf solid 1px;
      -webkit-transition: compact(compact(all 0.5s 0 ease, false, false, false, false, false, false, false, false, false) false false...);
      -moz-transition: compact(compact(all 0.5s 0 ease, false, false, false, false, false, false, false, false, false) false false false...);
      -o-transition: compact(compact(all 0.5s 0 ease, false, false, false, false, false, false, false, false, false) false false false...);
      transition: compact(all 0.5s 0 ease, false, false, false, false, false, false, false, false, false); }
      .component-login .user-login-form #login-name:hover, .component-login .user-login-form #login-password:hover {
        border-color: #129fea;
        z-index: 3; }
      .component-login .user-login-form #login-name.error, .component-login .user-login-form #login-password.error {
        z-index: 2;
        border-color: #ff2200; }
        .component-login .user-login-form #login-name.error input, .component-login .user-login-form #login-password.error input {
          color: #666; }
      .component-login .user-login-form #login-name .input-icon, .component-login .user-login-form #login-password .input-icon {
        position: absolute;
        top: 12px;
        left: 10px;
        font-size: 24px;
        z-index: 4;
        color: #999; }
      .component-login .user-login-form #login-name input, .component-login .user-login-form #login-password input {
        border: none;
        font-size: 12px;
        padding-left: 60px;
        -webkit-transition: compact(compact(color 0.5s 0 ease, false, false, false, false, false, false, false, false, false) false false...);
        -moz-transition: compact(compact(color 0.5s 0 ease, false, false, false, false, false, false, false, false, false) false false false...);
        -o-transition: compact(compact(color 0.5s 0 ease, false, false, false, false, false, false, false, false, false) false false false...);
        transition: compact(color 0.5s 0 ease, false, false, false, false, false, false, false, false, false); }
      .component-login .user-login-form #login-name .error-tips, .component-login .user-login-form #login-password .error-tips {
        color: #ff2200;
        font-size: 12px;
        height: 16px;
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: absolute;
        right: 3px;
        bottom: 25px;
        z-index: 3;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0; }
    .component-login .user-login-form .error-wall {
      color: #ff2200;
      margin-top: -10px;
      margin-bottom: 10px;
      height: 0;
      font-size: 12px;
      overflow: hidden; }
    .component-login .user-login-form .register-control {
      font-size: 14px;
      padding-top: 20px;
      border-top: #666 dashed 1px; }
    .component-login .user-login-form .error input {
      z-index: 1; }
  .component-login legend, .component-login a {
    color: #614544; }
  .component-login .form {
    margin: 0; }
  .component-login .keep-group {
    padding-bottom: 20px;
    font-size: 12px; }
    .component-login .keep-group .toreg {
      color: #ff2200; }
    .component-login .keep-group .register-a {
      color: #2687d0; }
  .component-login .login-type {
    line-height: 1.5em; }
    .component-login .login-type li {
      margin-bottom: 10px;
      padding-left: 20px;
      list-style-type: none;
      position: relative;
      zoom: 1; }
      .component-login .login-type li a {
        text-decoration: underline; }
      .component-login .login-type li i {
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -9px; }
.component-standard-container {
  min-width: 988px;
  background-color: #fff;
  padding: 20px;
  min-height: 500px; }
  .component-standard-container .error,
  .component-standard-container .error *,
  .component-standard-container .unvalid,
  .component-standard-container .unvalid * {
    color: #ff2200; }
  .component-standard-container .component-header {
    margin-bottom: 20px; }
    .component-standard-container .component-header .component-title {
      font-size: 14px;
      color: #614544;
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      line-height: 28px; }
  .component-standard-container .block {
    margin-bottom: 20px; }
  .component-standard-container .component-body {
    background-color: #fff; }

.component-standard-tab-container {
  min-width: 988px; }
  .component-standard-tab-container .error,
  .component-standard-tab-container .error *,
  .component-standard-tab-container .unvalid,
  .component-standard-tab-container .unvalid * {
    color: #ff2200; }
  .component-standard-tab-container .tab-contents {
    margin: 0;
    padding: 20px;
    background-color: #fff; }
  .component-standard-tab-container .component-header {
    margin-bottom: 20px; }
    .component-standard-tab-container .component-header .component-title {
      font-size: 14px;
      color: #614544;
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      line-height: 28px; }
  .component-standard-tab-container .block {
    margin-bottom: 20px; }
  .component-standard-tab-container .component-body {
    background-color: #fff; }

.error-site {
  position: absolute;
  margin: 0 auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }
  .error-site .logo {
    width: 100%; }
  .error-site .error-content {
    width: 760px;
    margin: 0 auto;
    margin-top: 200px; }
    .error-site .error-content .error-img {
      float: left; }
    .error-site .error-content .error-text {
      float: right; }
      .error-site .error-content .error-text p {
        font-size: 60px;
        line-height: 60px;
        margin: 0;
        color: #ff2200; }
    .error-site .error-content .prompt-words {
      font-size: 20px;
      margin-top: 20px;
      list-style-type: none;
      color: #ff2200; }
    .error-site .error-content .possible-error {
      margin-top: 20px;
      font-size: 16px;
      margin-left: 18px;
      color: #999; }
  .error-site .link-index {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    bottom: 0; }

.html-content {
  line-height: 1.5em; }
  .html-content ul {
    list-style: none;
    padding-left: 0; }
  .html-content ol {
    list-style-position: inside;
    padding-left: 10px; }
  .html-content h1 {
    font-weight: bold;
    font-size: 28px;
    color: #000;
    margin-bottom: 15px; }
  .html-content h2 {
    color: #ec297b;
    margin-top: 25px;
    font-size: 24px; }
  .html-content p {
    font-size: 14px; }
  .html-content .wysiwyg-clear-both {
    clear: both;
    zoom: 1; }
  .html-content .wysiwyg-clear-both:after {
    content: "";
    display: block;
    clear: both;
    height: 0; }
  .html-content .sc-crumbs {
    color: #999; }
  .html-content .sc-crumbs span {
    color: #646464; }
  .html-content .wysiwyg-float-left {
    float: left;
    width: 230px;
    font-size: 14px;
    line-height: 2em;
    margin-top: 15px; }
  .html-content .wysiwyg-float-left a {
    color: #000; }
  .html-content .wysiwyg-float-right {
    width: 100%;
    float: right;
    margin-right: -250px; }
  .html-content .wysiwyg-float-right .wysiwyg-float-right {
    margin-right: 250px;
    line-height: 24px;
    float: none;
    width: auto; }

.user-center-contailer {
  border-top: 1px solid #dfdfdf; }
  .user-center-contailer .user-center-content {
    width: 500px;
    margin: 0 auto;
    display: block; }

.body {
  background-color: #edeeef; }

.user-center-wrapper {
  padding-top: 100px;
  width: 100%;
  display: block; }
  .user-center-wrapper .user-center-container {
    width: 1200px;
    margin: 0 auto; }
    .user-center-wrapper .user-center-container .component-standard-tab-container {
      min-width: auto; }
      .user-center-wrapper .user-center-container .component-standard-tab-container .tab-contents {
        padding: 20px 0 0; }
    .user-center-wrapper .user-center-container .component-standard-container {
      padding: 0;
      min-width: auto; }

.top-ceiling.user-center {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 4;
  display: block; }

.main-top {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  display: block; }
  .main-top.user-center {
    padding-top: 40px;
    background-color: #1890ff; }

.main-left {
  position: fixed;
  left: 0;
  width: 180px;
  top: 0;
  bottom: 0;
  z-index: 2;
  display: block;
  background-color: #232936; }
  .main-left.user-center {
    width: 180px;
    padding-top: 0px;
    position: relative;
    float: left;
    background: none; }
    .main-left.user-center .component-sidebar-container .sidebar {
      padding-top: 0;
      background: none; }
    .main-left.user-center .nav-bg-box {
      position: fixed;
      right: 400px;
      top: 0;
      width: 100000px;
      height: 100000px;
      background-color: #f3f6f9;
      margin-right: 50%; }

.main-left-mini {
  width: 36px; }

.white-space-normal {
  white-space: normal !important; }

.main-right {
  margin-top: 60px;
  margin-bottom: 41px;
  margin-left: 180px;
  position: relative;
  z-index: 1;
  right: 0;
  padding: 16px;
  padding-top: 0px;
  height: 100%;
  overflow-y: auto;
  display: block;
  background-color: #edeeef; }
  .main-right.user-center {
    padding-top: 0px;
    background-color: #ffffff;
    margin-left: 200px;
    padding: 0 0 0 24px;
    margin-bottom: 24px; }

.main-right-mini {
  margin-left: 36px; }

.main-foot {
  position: fixed;
  margin-left: 180px;
  display: block;
  z-index: 2;
  height: 41px;
  background-color: #fff;
  border-top: 1px solid #e4eaec;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px; }

.hide {
  display: none; }

ul,
ol {
  padding: 0;
  margin: 0;
  list-style: none; }
.text-tools ul {
  padding: 0; }

.text-tools .get-started {
  margin: 20px 0;
  color: #666;
  font-size: 11px;
  text-align: center; }

.text-tools .get-started a {
  color: #666; }

.text-tools #wysihtml5-editor-toolbar {
  position: relative; }

.text-tools header {
  display: block;
  border-radius: 4px;
  width: 100%;
  background: #eee;
  z-index: 1;
  text-align: center;
  background-image: linear-gradient(bottom, #eeeeee 0%, white 100%);
  background-image: -o-linear-gradient(bottom, #eeeeee 0%, white 100%);
  background-image: -moz-linear-gradient(bottom, #eeeeee 0%, white 100%);
  background-image: -webkit-linear-gradient(bottom, #eeeeee 0%, white 100%);
  background-image: -ms-linear-gradient(bottom, #eeeeee 0%, white 100%);
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
  font-size: 0;
  text-align: center; }

.text-tools .commands {
  border-left: 1px solid #ddd;
  display: inline-block;
  height: 35px;
  overflow: hidden; }

.text-tools [data-wysihtml5-command],
.text-tools [data-wysihtml5-action],
.text-tools .fore-color {
  position: relative;
  border-right: 1px solid #ddd;
  border-left: 1px solid #fff;
  list-style: none;
  font-size: 12px;
  display: inline-block;
  cursor: pointer;
  height: 40px;
  width: 50px; }

.text-tools [data-wysihtml5-command]:after,
.text-tools [data-wysihtml5-action]:after,
.text-tools .fore-color:after {
  width: 68px;
  content: "";
  background-image: url(/assets/images/other-images/spr_toolbar_icons_r1-b86691.png);
  background-repeat: no-repeat;
  position: absolute;
  left: -10px;
  right: 0;
  top: 0;
  bottom: 0; }

.text-tools [data-wysihtml5-command]:hover,
.text-tools [data-wysihtml5-action]:hover,
.text-tools .fore-color:hover {
  background-image: linear-gradient(bottom, #e5f0e2 0%, white 100%);
  background-image: -o-linear-gradient(bottom, #e5f0e2 0%, white 100%);
  background-image: -moz-linear-gradient(bottom, #e5f0e2 0%, white 100%);
  background-image: -webkit-linear-gradient(bottom, #e5f0e2 0%, white 100%);
  background-image: -ms-linear-gradient(bottom, #e5f0e2 0%, white 100%); }

.text-tools [data-wysihtml5-command="bold"]:after {
  background-position: 24px center; }

.text-tools [data-wysihtml5-command="italic"]:after {
  background-position: -48px center; }

.text-tools [data-wysihtml5-command="insertUnorderedList"]:after {
  background-position: -115px center; }

.text-tools [data-wysihtml5-command="insertOrderedList"]:after {
  background-position: -197px center; }

.text-tools [data-wysihtml5-command="formatBlock"][data-wysihtml5-command-value="h1"]:after {
  background-position: -344px center; }

.text-tools [data-wysihtml5-command="formatBlock"][data-wysihtml5-command-value="h2"]:after {
  background-position: -428px center; }

.text-tools [data-wysihtml5-command="createLink"]:after {
  background-position: -271px center; }

.text-tools [data-wysihtml5-command="insertImage"]:after {
  background-position: -513px center; }

.text-tools .fore-color::after {
  background-position: -741px center; }

.text-tools [data-wysihtml5-command="insertSpeech"]:after {
  background-position: -596px center; }

.text-tools [data-wysihtml5-action="change_view"]:after {
  background-position: -670px center; }

.text-tools .fore-color ul {
  display: none;
  position: absolute;
  z-index: 2;
  top: 40px;
  right: -1px;
  left: -2px;
  border: 1px solid #ccc;
  border-top: 0;
  background: #fff;
  overflow: hidden; }

.text-tools .fore-color li {
  display: block;
  margin: 3px;
  width: auto;
  border: 0;
  height: 15px; }

.text-tools .fore-color li::after {
  display: none; }

.text-tools .fore-color:hover ul {
  display: block; }

.text-tools .fore-color [data-wysihtml5-command-value="silver"] {
  background: silver !important; }

.text-tools .fore-color [data-wysihtml5-command-value="gray"] {
  background: gray !important; }

.text-tools .fore-color [data-wysihtml5-command-value="maroon"] {
  background: maroon !important; }

.text-tools .fore-color [data-wysihtml5-command-value="red"] {
  background: red !important; }

.text-tools .fore-color [data-wysihtml5-command-value="purple"] {
  background: purple !important; }

.text-tools .fore-color [data-wysihtml5-command-value="green"] {
  background: green !important; }

.text-tools .fore-color [data-wysihtml5-command-value="olive"] {
  background: olive !important; }

.text-tools .fore-color [data-wysihtml5-command-value="navy"] {
  background: navy !important; }

.text-tools .fore-color [data-wysihtml5-command-value="blue"] {
  background: blue !important; }

.text-tools .fore-color .wysihtml5-command-active {
  outline: 1px solid #666;
  outline-offset: 1px; }

.text-tools .wysihtml5-commands-disabled .fore-color ul {
  display: none; }

.text-tools .wysihtml5-action-active,
.text-tools .wysihtml5-command-active {
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.2);
  background: #eee !important; }

.text-tools .wysihtml5-commands-disabled [data-wysihtml5-command],
.text-tools .wysihtml5-commands-disabled .fore-color {
  opacity: 0.4;
  cursor: default;
  background-image: none !important; }

.text-tools [data-wysihtml5-dialog] {
  color: #333;
  font-size: 14px;
  text-align: left;
  border-radius: 4px;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
  padding: 5px 10px;
  background: #FFFBE0;
  position: absolute;
  width: 100%;
  text-align: center;
  top: 45px; }

.text-tools [data-wysihtml5-dialog] input {
  color: #333;
  border: 1px solid #ccc;
  padding: 3px;
  width: 300px; }

.text-tools [data-wysihtml5-dialog] input:focus {
  outline: 0;
  border: 1px solid #666; }

.text-tools [data-wysihtml5-dialog-action] {
  vertical-align: top; }

.text-tools section {
  width: 100%;
  height: 400px; }

.text-tools textarea {
  width: 100%;
  background: transparent;
  height: 100%;
  border: 0;
  resize: none;
  white-space: pre;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 10px;
  word-wrap: normal;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #f7f7f7; }

.text-tools textarea:focus {
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
  background: rgba(255, 255, 255, 0.4);
  outline: 0; }

.text-tools a.fork {
  position: absolute;
  top: 0;
  right: 0;
  border: 0; }

.text-tools .wysiwyg-color-black {
  color: black; }

.text-tools .wysiwyg-color-silver {
  color: silver; }

.text-tools .wysiwyg-color-gray {
  color: gray; }

.text-tools .wysiwyg-color-white {
  color: white; }

.text-tools .wysiwyg-color-maroon {
  color: maroon; }

.text-tools .wysiwyg-color-red {
  color: red; }

.text-tools .wysiwyg-color-purple {
  color: purple; }

.text-tools .wysiwyg-color-fuchsia {
  color: fuchsia; }

.text-tools .wysiwyg-color-green {
  color: green; }

.text-tools .wysiwyg-color-lime {
  color: lime; }

.text-tools .wysiwyg-color-olive {
  color: olive; }

.text-tools .wysiwyg-color-yellow {
  color: yellow; }

.text-tools .wysiwyg-color-navy {
  color: navy; }

.text-tools .wysiwyg-color-blue {
  color: blue; }

.text-tools .wysiwyg-color-teal {
  color: teal; }

.text-tools .wysiwyg-color-aqua {
  color: aqua; }

.text-tools .file-group {
  float: right;
  margin-top: 10px;
  margin-right: 5px; }
  .text-tools .file-group .file-name {
    width: 150px;
    text-align: right;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    overflow: hidden;
    word-wrap: nowrap;
    text-overflow: ellipsis; }
.tip {
  position: absolute;
  letter-spacing: 0; }

.tip-alert {
  position: absolute; }
  .tip-alert .alert-icon {
    width: 36px;
    height: 36px; }
.accordion {
  background-color: white; }
  .accordion .panel {
    font-size: 16px;
    padding: 12px;
    background-color: #ff2200;
    color: white; }
  .accordion i {
    margin-top: 11px; }

.accordion.heading .panel {
  border: 1px solid #ff2200; }
.component-articles-categories {
  width: 200px;
  border: 1px solid #dfdfdf;
  float: left;
  font-size: 12px; }
  .component-articles-categories .cutwords {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .component-articles-categories .shop-item-category {
    float: left; }
  .component-articles-categories .category-title {
    text-align: center;
    background-color: #f5f5f5;
    padding: 11px 0;
    color: #1b2b45;
    border-bottom: 1px solid #dfdfdf; }
  .component-articles-categories .firstU a {
    display: block;
    float: left;
    width: 153px;
    padding-right: 15px; }
    .component-articles-categories .firstU a.active, .component-articles-categories .firstU a:hover {
      color: #2687d0; }
  .component-articles-categories .firstI {
    margin-left: 15px;
    margin-right: 14px;
    float: left;
    cursor: pointer; }
  .component-articles-categories .firstC {
    border-top: 1px solid #dfdfdf;
    margin-top: -1px;
    line-height: 38px;
    clear: both; }
    .component-articles-categories .firstC.noC {
      padding-left: 18px; }
  .component-articles-categories .secondC {
    line-height: 30px;
    padding-left: 22px; }
  .component-articles-categories .secondU {
    border-top: 1px solid #dfdfdf;
    list-style-type: disc !important;
    list-style-position: inside;
    clear: both; }
    .component-articles-categories .secondU a {
      float: right; }
  .component-articles-categories .firstA {
    color: #24344e; }
    .component-articles-categories .firstA .icon-feebas {
      margin-right: 10px; }
  .component-articles-categories .secondA {
    color: #666; }
    .component-articles-categories .secondA span {
      font-size: 70px;
      height: 30px;
      line-height: 30px;
      display: block;
      float: left;
      overflow: hidden; }
.articles-detail-common {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 35px;
  margin-bottom: 50px; }
  .articles-detail-common .category-box {
    width: 200px;
    display: inline-block; }
  .articles-detail-common .articles-detail-common-detail {
    display: inline-block;
    width: 980px;
    min-height: 600px;
    margin-bottom: 50px;
    float: right; }
    .articles-detail-common .articles-detail-common-detail .users-pagination {
      margin-top: 20px;
      text-align: right; }
    .articles-detail-common .articles-detail-common-detail h3.title {
      font-size: 20px;
      color: #666666;
      line-height: 40px;
      font-weight: normal;
      margin: 0;
      text-align: center;
      font-size: 18px; }
    .articles-detail-common .articles-detail-common-detail h5.info {
      font-size: 12px;
      color: #bbbbbb;
      line-height: 40px;
      font-weight: normal;
      margin: 5px 0 0;
      text-align: center;
      border-bottom: 1px dashed #dcdcdc; }
    .articles-detail-common .articles-detail-common-detail .aticles-content {
      margin-top: 20px;
      font-size: 14px; }
      .articles-detail-common .articles-detail-common-detail .aticles-content h2 {
        line-height: 24px; }
.articles-list-common {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  margin-top: 35px;
  margin-bottom: 50px; }
  .articles-list-common .category-box {
    width: 200px;
    display: inline-block; }
  .articles-list-common .articles-list-common-list {
    display: inline-block;
    width: 980px;
    min-height: 600px;
    margin-bottom: 50px;
    float: right; }
    .articles-list-common .articles-list-common-list .users-pagination {
      margin-top: 20px;
      text-align: right; }
    .articles-list-common .articles-list-common-list ul {
      list-style-type: none; }
      .articles-list-common .articles-list-common-list ul li {
        border-bottom: 1px dashed #dfdfdf; }
        .articles-list-common .articles-list-common-list ul li a {
          line-height: 50px;
          color: #666;
          font-size: 14px; }
          .articles-list-common .articles-list-common-list ul li a:hover {
            color: #2687d0; }
        .articles-list-common .articles-list-common-list ul li .articles-date {
          float: right;
          line-height: 50px;
          color: #bbb; }
.articles-index {
  padding: 0 20px 20px;
  position: relative;
  z-index: 2; }
  .articles-index a {
    display: block; }
  .articles-index .articles-header {
    padding: 15px 0;
    border-bottom: 1px solid #dfdfdf; }
    .articles-index .articles-header .color-gray {
      font-size: 14px;
      color: #333; }
  .articles-index .articles-content {
    margin-top: 20px; }
    .articles-index .articles-content .item {
      width: 98%;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      margin-bottom: 15px; }
      .articles-index .articles-content .item a {
        color: #666; }
.carousel-container .carousel-control {
  display: none; }
  .carousel-container .carousel-control.left {
    left: 0; }
  .carousel-container .carousel-control.right {
    right: 0; }

.carousel-container:hover .carousel-control {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline; }
.component-channel-nav {
  min-height: 40px;
  min-width: 30px; }
  .component-channel-nav .nav-title {
    float: left;
    width: 140px;
    text-align: center; }
  .component-channel-nav .title {
    padding: 11px 0;
    font-size: 16px;
    color: #666;
    letter-spacing: 0px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline; }
    .component-channel-nav .title.active {
      color: #1890ff; }
.coupon-a a {
  display: block; }
.elevator-floor {
  min-height: 200px;
  padding-bottom: 30px; }
  .elevator-floor * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }
  .elevator-floor .floor-info {
    font-size: 26px;
    line-height: 26px; }
  .elevator-floor .floor-index {
    color: #1890ff;
    margin-right: 8px; }
  .elevator-floor .floor-header {
    padding-bottom: 15px; }
  .elevator-floor .floor-body {
    border: 1px solid #eee;
    border-width: 1px 0;
    padding: 15px 0 20px; }
  .elevator-floor .floor-image {
    width: 190px;
    height: 370px;
    float: left; }
  .elevator-floor .floor-products {
    float: left;
    width: 750px; }
  .elevator-floor .products-list {
    width: 730px;
    padding: 0 10px; }
    .elevator-floor .products-list .product-item {
      width: 345px;
      padding: 10px;
      height: 165px; }
    .elevator-floor .products-list .product-image {
      float: left;
      width: 165px;
      height: 165px; }
    .elevator-floor .products-list .product-info {
      float: right;
      width: 165px; }
    .elevator-floor .products-list .product-name {
      color: #614544;
      max-height: 36px;
      overflow: hidden; }
    .elevator-floor .products-list .product-price {
      color: #614544;
      font-size: 14px; }
      .elevator-floor .products-list .product-price .currency {
        font-size: 18px; }
    .elevator-floor .products-list .product-sale {
      color: #614544; }
  .elevator-floor .floor-brands {
    float: left;
    width: 249px;
    border-left: 1px solid #eee; }
  .elevator-floor .brands-title {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    margin-top: 30px;
    color: #614544; }
  .elevator-floor .brand-list {
    width: 230px;
    padding: 0 10px 0 9px; }
    .elevator-floor .brand-list .brand-item {
      width: 95px;
      padding: 0 10px;
      text-align: center; }
    .elevator-floor .brand-list p {
      color: #614544;
      margin-bottom: 0; }
    .elevator-floor .brand-list .brand-name {
      word-break: break-all;
      overflow: hidden;
      width: 100%;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .elevator-floor .brand-list img {
      width: 95px; }
  .elevator-floor ol {
    list-style-type: none;
    margin: 0; }
    .elevator-floor ol li {
      float: left; }
.eve-editable .floor-evevator-design {
  height: 30px; }

.floor-evevator {
  display: none; }
  .floor-evevator * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }
  .floor-evevator.active {
    display: block; }
    .floor-evevator.active > ul {
      opacity: .90;
      filter: alpha(opacity=90);
      display: none;
      display: block;
      bottom: 200px;
      left: 5px;
      position: fixed;
      z-index: 9; }
  .floor-evevator li {
    overflow: hidden;
    width: 34px;
    cursor: pointer;
    border-bottom: 1px solid #dfdfdf; }
    .floor-evevator li .floor-li-inner {
      padding: 0;
      transition: .1s; }
    .floor-evevator li .li-slide {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      line-height: 14px;
      padding: 4px 0;
      color: #614544;
      text-align: center;
      background-color: #fff;
      font-size: 12px;
      width: 100%;
      word-break: break-all; }
    .floor-evevator li.elevator-li.active .li-slide {
      color: #1890ff; }
    .floor-evevator li.elevator-li.hover .li-slide {
      color: #fff;
      background-color: #197aff; }
    .floor-evevator li .first-car {
      color: #fff !important;
      background-color: #000; }
.help-center {
  position: relative;
  min-height: 500px; }
  .help-center .current-location {
    margin-bottom: 20px;
    border-bottom: none; }
    .help-center .current-location .current-location-span {
      margin-left: 0; }
    .help-center .current-location .js-bread-category-selector {
      color: #999;
      font-size: 14px; }
    .help-center .current-location .js-bread-front-selector {
      color: #1890ff;
      font-size: 14px; }
    .help-center .current-location i {
      margin: 0 10px;
      color: #999;
      font-size: 14px; }
  .help-center .help-types {
    position: relative;
    width: 238px;
    border: 1px solid #dfdfdf;
    border-bottom: none;
    border-top: 2px solid #1890ff;
    list-style: none; }
  .help-center .each-type {
    padding: 18px 30px;
    border-bottom: 1px solid #dfdfdf; }
    .help-center .each-type .type-name {
      margin: 0;
      font-size: 14px;
      font-weight: normal;
      color: #999;
      -webkit-transition: color 0.3s;
      -moz-transition: color 0.3s;
      -o-transition: color 0.3s;
      transition: color 0.3s; }
      .help-center .each-type .type-name.active {
        color: #1890ff; }
    .help-center .each-type .document-titles {
      list-style: none;
      cursor: pointer; }
      .help-center .each-type .document-titles .title {
        margin: 26px 20px 0; }
        .help-center .each-type .document-titles .title.active h4 {
          color: #1890ff; }
      .help-center .each-type .document-titles h4 {
        margin: 0;
        height: 14px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 14px;
        line-height: 14px;
        font-weight: normal;
        color: #999;
        -webkit-transition: color 0.3s;
        -moz-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s; }
        .help-center .each-type .document-titles h4:hover {
          color: #1890ff; }
  .help-center .document-content {
    display: none;
    position: absolute;
    top: 0;
    left: 270px;
    padding: 30px;
    width: 928px;
    height: 438px;
    border: 1px solid #dfdfdf;
    color: #614544;
    font-size: 14px;
    overflow: auto;
    line-height: 20px; }
    .help-center .document-content h2 {
      margin: 0;
      font-size: 16px;
      font-weight: normal;
      line-height: 1; }
    .help-center .document-content .separator {
      margin: 20px 0 30px 0;
      height: 8px;
      width: 870px;
      background-image: url("/marshtomp/assets/images/other-images/separator-d07de3.png");
      background-repeat: repeat-x;
      background-position: top left;
      overflow: hidden; }
.image-slide {
  font-size: 0;
  width: 1200px;
  height: 240px;
  overflow: hidden;
  position: relative;
  white-space: nowrap; }
  .image-slide .image {
    border: 1px solid #dfdfdf;
    border-left: 0;
    cursor: pointer;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: 240px;
    height: 240px;
    background-color: white;
    overflow: hidden;
    transition: all 400ms ease; }
    .image-slide .image:hover {
      width: 480px;
      height: 240px; }
    .image-slide .image.last:hover {
      position: absolute;
      right: 0; }
  .image-slide .image.first {
    border-left: 1px solid #dfdfdf; }
.shop-item-list {
  font-size: 0; }
  .shop-item-list .pagination {
    font-size: 14px;
    margin-top: 20px;
    float: right; }
  .shop-item-list .panel {
    font-size: 14px;
    padding: 10px;
    background-color: #ff2200;
    color: white; }
  .shop-item-list .item-list {
    margin-top: 0;
    height: auto !important;
    height: 300px;
    min-height: 300px; }
    .shop-item-list .item-list .item {
      border: 1px solid #dfdfdf;
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: top;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      font-size: 14px;
      margin-top: 20px;
      margin-right: 10px;
      background-color: white;
      width: 185px;
      padding: 19px; }
      .shop-item-list .item-list .item:hover {
        padding: 19px;
        border: 1px solid #ff2200; }
      .shop-item-list .item-list .item .item-info {
        margin: 0; }
        .shop-item-list .item-list .item .item-info .item-name {
          margin: 5px 0;
          display: -moz-inline-stack;
          display: inline-block;
          vertical-align: middle;
          *vertical-align: auto;
          zoom: 1;
          *display: inline;
          width: 185px;
          height: 30px;
          overflow: hidden;
          color: #614544; }
        .shop-item-list .item-list .item .item-info .sale-quantity {
          margin-top: 5px;
          float: right;
          font-size: 12px; }
        .shop-item-list .item-list .item .item-info .price {
          margin: 5px 0;
          display: -moz-inline-stack;
          display: inline-block;
          vertical-align: middle;
          *vertical-align: auto;
          zoom: 1;
          *display: inline; }
        .shop-item-list .item-list .item .item-info .origin-price {
          font-size: 12px;
          margin-top: 1px;
          display: -moz-inline-stack;
          display: inline-block;
          vertical-align: middle;
          *vertical-align: auto;
          zoom: 1;
          *display: inline;
          text-decoration: line-through; }
      .shop-item-list .item-list .item .top-five {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline; }
    .shop-item-list .item-list .item.last {
      margin-right: 0; }
.channel-items-list .popularize {
  width: 770px;
  height: 282px; }
  .channel-items-list .popularize .one-item {
    float: left;
    border: 1px solid #dfdfdf;
    border-left: 0px;
    width: 460px; }
    .channel-items-list .popularize .one-item img {
      width: 460px;
      height: 280px; }
  .channel-items-list .popularize .one-to-one {
    float: left;
    border-bottom: 1px solid #dfdfdf;
    border-top: 1px solid #dfdfdf; }
    .channel-items-list .popularize .one-to-one img {
      width: 308px;
      height: 280px; }
  .channel-items-list .popularize .one-to-two {
    width: 308px;
    overflow: hidden;
    float: left;
    border-bottom: 1px solid #dfdfdf;
    border-top: 1px solid #dfdfdf; }
    .channel-items-list .popularize .one-to-two img {
      width: 308px;
      height: 140px;
      overflow: hidden; }
    .channel-items-list .popularize .one-to-two .two-row-bottom img {
      border-top: 1px solid #dfdfdf;
      height: 139px; }

.channel-items-list .wider-module {
  width: 980px; }
  .channel-items-list .wider-module .one-item {
    width: 459px;
    padding: 15px; }
    .channel-items-list .wider-module .one-item img {
      width: 459px;
      height: 250px; }
  .channel-items-list .wider-module .one-to-one {
    width: 460px;
    padding: 15px; }
    .channel-items-list .wider-module .one-to-one img {
      width: 460px;
      height: 250px; }
  .channel-items-list .wider-module .one-to-two {
    width: 490px; }
    .channel-items-list .wider-module .one-to-two img {
      width: 490px; }

.channel-items-list .items {
  width: 760px;
  height: 237px;
  border-bottom: 1px solid #dfdfdf;
  padding: 0 5px; }
  .channel-items-list .items .item {
    float: left;
    width: 189px;
    border-right: 1px solid #dfdfdf; }
    .channel-items-list .items .item .item-img {
      padding: 20px 25px  10px 25px; }
      .channel-items-list .items .item .item-img img {
        width: 140px;
        height: 140px; }
    .channel-items-list .items .item .item-content {
      padding: 5px 10px; }
      .channel-items-list .items .item .item-content .item-desc {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        width: 178px;
        height: 32px;
        line-height: 16px;
        overflow: hidden;
        color: #614544; }
      .channel-items-list .items .item .item-content .item-price {
        margin-top: 9px;
        line-height: 16px;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline; }
  .channel-items-list .items .item.last {
    border-right: 1px solid white; }

.channel-items-list .wider-items {
  width: 980px;
  height: 296px;
  padding: 0; }
  .channel-items-list .wider-items .item {
    width: 244px; }
    .channel-items-list .wider-items .item .item-img {
      padding: 25px 17px 15px 17px; }
      .channel-items-list .wider-items .item .item-img img {
        width: 210px;
        height: 210px; }
    .channel-items-list .wider-items .item .item-content {
      padding-bottom: 5px; }
      .channel-items-list .wider-items .item .item-content .item-desc {
        width: 232px;
        height: 16px; }
.component-item-search .cutwords {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.component-item-search a {
  color: inherit; }

.component-item-search .items-total {
  line-height: 12px;
  float: right; }

.component-item-search .current-location-dark {
  padding: 12px 0;
  font-size: 12px; }

.component-item-search .current-location-span i.chosen-close {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: bottom;
  *vertical-align: auto;
  zoom: 1;
  *display: inline; }

.component-item-search .current-location-span .bread-selector {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  border: 1px solid #dfdfdf;
  padding: 4px;
  margin-right: 6px; }

.component-item-search .brand-list {
  padding: 1px 0 0 10px;
  height: 99px;
  overflow: hidden; }

.component-item-search .selected-brands-list {
  padding-left: 10px; }
  .component-item-search .selected-brands-list .selected-brand {
    margin: 0 10px 0 5px; }
  .component-item-search .selected-brands-list i {
    font-size: 14px;
    color: #1890ff;
    vertical-align: baseline; }

.component-item-search .brand-li {
  width: 100px;
  height: 50px;
  padding: 10px;
  float: left;
  border: 1px solid #dfdfdf;
  margin-right: -1px;
  margin-top: -1px;
  overflow: hidden;
  cursor: pointer; }
  .component-item-search .brand-li .check-icon {
    display: none;
    position: absolute;
    bottom: -12px;
    right: -1px;
    font-size: 16px; }
  .component-item-search .brand-li:hover, .component-item-search .brand-li.active {
    position: relative;
    border-color: #1890ff;
    position: relative; }
  .component-item-search .brand-li.active .check-icon {
    color: #1890ff;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline; }
  .component-item-search .brand-li.noLogo .brand-item .brand-name {
    display: block;
    text-align: center;
    height: 100%;
    font-size: 12px;
    white-space: nowrap;
    line-height: 30px;
    text-overflow: ellipsis;
    overflow: hidden; }

.component-item-search .brand-item {
  width: 100%;
  height: 100%; }
  .component-item-search .brand-item:hover .brand-name {
    display: block;
    text-align: center;
    color: #1890ff;
    height: 100%;
    font-size: 12px;
    white-space: nowrap;
    line-height: 30px;
    text-overflow: ellipsis;
    overflow: hidden; }
  .component-item-search .brand-item:hover .brand-img {
    display: none; }

.component-item-search .brand-img {
  max-width: 80px;
  max-height: 30px; }

.component-item-search .brand-name {
  display: none; }

.component-item-search .nav-group.shop-search {
  border: none;
  padding: 0; }
  .component-item-search .nav-group.shop-search dl {
    border: 1px solid #dfdfdf;
    border-top: none;
    padding: 0;
    float: left; }
    .component-item-search .nav-group.shop-search dl:first-child {
      border-top: 1px solid #dfdfdf; }
    .component-item-search .nav-group.shop-search dl dt {
      width: 120px;
      padding: 0 10px;
      float: left;
      height: 100%;
      background: #f5f5f5; }
    .component-item-search .nav-group.shop-search dl dd {
      margin: 0;
      padding-left: 10px; }
      .component-item-search .nav-group.shop-search dl dd.attr-list {
        width: 928px;
        float: left; }
      .component-item-search .nav-group.shop-search dl dd.more-dd {
        width: 150px;
        float: right; }

.component-item-search .search-attrs {
  border: none;
  padding: 0; }
  .component-item-search .search-attrs tr {
    border: 1px solid #dfdfdf;
    border-top: none;
    padding: 0; }
    .component-item-search .search-attrs tr:first-child {
      border-top: 1px solid #dfdfdf; }
    .component-item-search .search-attrs tr.nbb {
      border-bottom: none; }
    .component-item-search .search-attrs tr.active {
      border: 1px solid #1890ff;
      border-top: 1px solid #1890ff; }
      .component-item-search .search-attrs tr.active th {
        background-color: #f3fafd; }
  .component-item-search .search-attrs th {
    width: 120px;
    padding: 8px 10px;
    background-color: #f5f5f5;
    line-height: 18px;
    vertical-align: top;
    text-align: left;
    font-size: 12px;
    color: #666;
    font-weight: normal; }
  .component-item-search .search-attrs .attr-group {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .component-item-search .search-attrs td {
    margin: 0;
    padding: 4px 10px;
    line-height: 36px;
    text-align: left; }
    .component-item-search .search-attrs td.attr-container, .component-item-search .search-attrs td.brand-container {
      width: 928px; }
      .component-item-search .search-attrs td.attr-container .attr-list, .component-item-search .search-attrs td.brand-container .attr-list {
        width: 100%;
        height: 32px;
        overflow-y: hidden; }
        .component-item-search .search-attrs td.attr-container .attr-list .attr-dd, .component-item-search .search-attrs td.brand-container .attr-list .attr-dd {
          width: 170px;
          float: left;
          line-height: 18px;
          padding: 3px 23px 5px 0;
          margin-right: 10px; }
        .component-item-search .search-attrs td.attr-container .attr-list .attr, .component-item-search .search-attrs td.brand-container .attr-list .attr {
          padding-left: 9px;
          position: relative;
          cursor: pointer;
          color: #999;
          max-width: 140px;
          line-height: 18px;
          height: 24px;
          border: 1px solid #fff; }
          .component-item-search .search-attrs td.attr-container .attr-list .attr.checked, .component-item-search .search-attrs td.brand-container .attr-list .attr.checked {
            border: 1px solid #dfdfdf;
            padding-right: 30px;
            display: inline-block;
            color: #666;
            line-height: 22px; }
            .component-item-search .search-attrs td.attr-container .attr-list .attr.checked i, .component-item-search .search-attrs td.brand-container .attr-list .attr.checked i {
              display: block; }
          .component-item-search .search-attrs td.attr-container .attr-list .attr i, .component-item-search .search-attrs td.brand-container .attr-list .attr i {
            display: none;
            position: absolute;
            right: 8px;
            top: 6px;
            height: 12px;
            width: 12px;
            line-height: 12px;
            color: #666; }
      .component-item-search .search-attrs td.attr-container.extend .attr-list, .component-item-search .search-attrs td.brand-container.extend .attr-list {
        max-height: 128px;
        overflow-y: visible; }
      .component-item-search .search-attrs td.attr-container.extend .attr-dd, .component-item-search .search-attrs td.brand-container.extend .attr-dd {
        padding: 5px 23px 5px 0; }
      .component-item-search .search-attrs td.attr-container.extend .brand-list, .component-item-search .search-attrs td.brand-container.extend .brand-list {
        height: 150px;
        overflow-y: scroll; }
      .component-item-search .search-attrs td.attr-container a, .component-item-search .search-attrs td.brand-container a {
        color: #999;
        max-width: 140px;
        padding-left: 10px;
        display: inline-block;
        float: left; }
        .component-item-search .search-attrs td.attr-container a:hover, .component-item-search .search-attrs td.brand-container a:hover {
          color: #666; }
    .component-item-search .search-attrs td .brand-buttons {
      margin: 20px 0 0 0;
      text-align: center;
      width: 100%;
      float: left; }
    .component-item-search .search-attrs td.more-dd {
      width: 150px;
      vertical-align: top;
      text-align: right;
      padding-left: 0;
      font-size: 0;
      padding: 4px 0; }
      .component-item-search .search-attrs td.more-dd button {
        margin-right: 10px;
        height: 24px;
        background-color: #ffffff;
        color: #666;
        border: 1px solid #dfdfdf;
        padding: 5px 7px; }
      .component-item-search .search-attrs td.more-dd .js-elects i {
        vertical-align: top;
        color: #1890ff; }
  .component-item-search .search-attrs .show-more {
    height: 28px;
    width: 100%;
    border-top: 3px solid #dfdfdf;
    position: relative;
    margin-bottom: 30px; }
    .component-item-search .search-attrs .show-more .toggle-more {
      position: absolute;
      right: 0;
      top: -3px;
      height: 28px;
      line-height: 28px;
      padding: 0 20px;
      background-color: #dfdfdf;
      cursor: pointer; }

.component-item-search .shop-search-filter {
  background-color: #f5f5f5;
  border: 1px solid #dfdfdf;
  margin-top: -5px;
  width: 100%;
  height: 42px; }
  .component-item-search .shop-search-filter .filter-banner {
    display: inline-block;
    float: left; }
    .component-item-search .shop-search-filter .filter-banner .js-item-sort {
      padding: 0 10px;
      display: inline-block;
      line-height: 38px;
      cursor: pointer;
      border-left: 1px solid #f5f5f5;
      border-right: 1px solid #f5f5f5; }
      .component-item-search .shop-search-filter .filter-banner .js-item-sort:first-child {
        border-left: none; }
      .component-item-search .shop-search-filter .filter-banner .js-item-sort.active {
        background: #ffffff;
        color: #197aff;
        border-color: #dfdfdf; }
        .component-item-search .shop-search-filter .filter-banner .js-item-sort.active i {
          color: #197aff; }
      .component-item-search .shop-search-filter .filter-banner .js-item-sort i {
        color: #999; }
  .component-item-search .shop-search-filter .filter-form {
    display: inline-block;
    padding-left: 10px;
    float: left; }
    .component-item-search .shop-search-filter .filter-form fieldset {
      padding: 4px 0; }
      .component-item-search .shop-search-filter .filter-form fieldset .input-group {
        display: inline-block;
        vertical-align: middle; }
      .component-item-search .shop-search-filter .filter-form fieldset .line {
        line-height: 42px;
        vertical-align: top;
        font-size: 12px; }
      .component-item-search .shop-search-filter .filter-form fieldset .operations {
        vertical-align: middle; }
  .component-item-search .shop-search-filter .displayChange {
    float: right;
    display: inline-block; }
    .component-item-search .shop-search-filter .displayChange .js-list-display {
      padding: 0 10px;
      display: inline-block;
      line-height: 38px;
      cursor: pointer;
      border-left: 1px solid #f5f5f5;
      border-right: 1px solid #f5f5f5; }
      .component-item-search .shop-search-filter .displayChange .js-list-display:last-child {
        border-right: none; }
      .component-item-search .shop-search-filter .displayChange .js-list-display.active {
        background: #ffffff;
        color: #197aff;
        border-color: #dfdfdf; }
        .component-item-search .shop-search-filter .displayChange .js-list-display.active i {
          color: #197aff; }
      .component-item-search .shop-search-filter .displayChange .js-list-display i {
        color: #999;
        font-size: 16px; }

.component-item-search .list .shop-search-items-img-type li.product {
  width: 232px;
  height: 340px;
  padding: 10px;
  margin: 0 10px 10px 0;
  border: 1px solid #dfdfdf; }
  .component-item-search .list .shop-search-items-img-type li.product.no-mr {
    margin-right: 0; }
  .component-item-search .list .shop-search-items-img-type li.product:hover {
    border: 1px solid #1890ff; }
  .component-item-search .list .shop-search-items-img-type li.product .product-image {
    width: 212px;
    height: 212px; }
  .component-item-search .list .shop-search-items-img-type li.product .product-price {
    font-size: 16px;
    line-height: 16px;
    color: #ff7900;
    font-weight: bold; }
    .component-item-search .list .shop-search-items-img-type li.product .product-price .saleQuantity {
      font-size: 12px;
      color: #999;
      font-weight: normal;
      float: right;
      line-height: 16px; }
  .component-item-search .list .shop-search-items-img-type li.product .product-desc {
    color: #666;
    line-height: 18px;
    margin: 7px 0 8px; }
    .component-item-search .list .shop-search-items-img-type li.product .product-desc em {
      color: #1890ff;
      font-weight: bold; }
  .component-item-search .list .shop-search-items-img-type li.product .shop-name {
    margin: 8px 0;
    line-height: 16px;
    color: #999; }
    .component-item-search .list .shop-search-items-img-type li.product .shop-name i {
      font-size: 16px; }
    .component-item-search .list .shop-search-items-img-type li.product .shop-name a {
      color: #999; }
      .component-item-search .list .shop-search-items-img-type li.product .shop-name a:hover {
        color: #1890ff; }

.component-item-search .list .shop-search-items-list-type {
  margin-top: 20px; }
  .component-item-search .list .shop-search-items-list-type tr.last td {
    border-bottom: 1px solid #dfdfdf; }
  .component-item-search .list .shop-search-items-list-type tr:hover td {
    background-color: #f5f5f5; }
  .component-item-search .list .shop-search-items-list-type td {
    padding: 20px 0;
    vertical-align: top;
    border-top: 1px solid #dfdfdf; }
  .component-item-search .list .shop-search-items-list-type .promotion-type {
    display: inline-block;
    width: 50px;
    height: 20px;
    line-height: 20px;
    margin-left: 10px;
    color: #fff;
    text-align: center; }
  .component-item-search .list .shop-search-items-list-type .promotion-type-3 {
    background-color: #fbc543; }
  .component-item-search .list .shop-search-items-list-type .product-image {
    width: 80px;
    height: 80px;
    border: 1px solid rgba(216, 216, 216, 0.4);
    margin-right: 20px;
    display: inline-block; }
  .component-item-search .list .shop-search-items-list-type .descAshop {
    display: inline-block;
    width: 330px;
    vertical-align: top; }
    .component-item-search .list .shop-search-items-list-type .descAshop p {
      margin: 0;
      line-height: 18px; }
      .component-item-search .list .shop-search-items-list-type .descAshop p a {
        color: #666; }
        .component-item-search .list .shop-search-items-list-type .descAshop p a:hover {
          color: #1890ff; }
    .component-item-search .list .shop-search-items-list-type .descAshop .product-desc {
      color: #666;
      line-height: 18px; }
    .component-item-search .list .shop-search-items-list-type .descAshop .shop-name {
      margin: 10px 0;
      line-height: 16px;
      color: #999; }
      .component-item-search .list .shop-search-items-list-type .descAshop .shop-name a {
        color: #999; }
      .component-item-search .list .shop-search-items-list-type .descAshop .shop-name i {
        font-size: 16px;
        color: #999; }
  .component-item-search .list .shop-search-items-list-type .product-price {
    font-size: 16px;
    line-height: 20px;
    color: #ff7900;
    font-weight: bold; }
  .component-item-search .list .shop-search-items-list-type .saleQuantity {
    font-size: 12px;
    color: #999;
    line-height: 16px; }

.component-item-search .no-results {
  padding: 80px 0; }
  .component-item-search .no-results .img {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: 80px;
    height: 80px;
    background-color: #f5f5f5;
    border-radius: 100%;
    padding-top: 29px; }
  .component-item-search .no-results .good-icon {
    font-size: 40px;
    color: #bbb; }
.lottery_main .lottery-container {
  position: relative;
  width: 740px;
  height: 452px; }
  .lottery_main .lottery-container .per-jp {
    position: absolute;
    width: 236px;
    height: 140px;
    background-color: #ff602b;
    border-radius: 9px;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
    border: 3px solid #ff602b;
    text-align: center; }
    .lottery_main .lottery-container .per-jp.active {
      background-color: #ff802b;
      border: 3px dashed #ffe92b; }
    .lottery_main .lottery-container .per-jp.jp-1 {
      left: 0;
      top: 0; }
    .lottery_main .lottery-container .per-jp.jp-2 {
      left: 252px;
      top: 0; }
    .lottery_main .lottery-container .per-jp.jp-3 {
      left: 504px;
      top: 0; }
    .lottery_main .lottery-container .per-jp.jp-4 {
      left: 504px;
      top: 156px; }
    .lottery_main .lottery-container .per-jp.jp-5 {
      left: 504px;
      top: 312px; }
    .lottery_main .lottery-container .per-jp.jp-6 {
      left: 252px;
      top: 312px; }
    .lottery_main .lottery-container .per-jp.jp-7 {
      left: 0;
      top: 312px; }
    .lottery_main .lottery-container .per-jp.jp-8 {
      left: 0;
      top: 156px; }
    .lottery_main .lottery-container .per-jp span {
      position: absolute;
      right: 16px;
      top: 16px;
      font-size: 14px;
      line-height: 14px;
      color: #ffffff;
      display: inline-block; }
    .lottery_main .lottery-container .per-jp img {
      margin-top: 14px; }
      .lottery_main .lottery-container .per-jp img.no-jp {
        margin-top: 28px; }
  .lottery_main .lottery-container .start-btn {
    background-image: linear-gradient(-180deg, #fef659 0%, #fec500 100%);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2);
    border-radius: 9px;
    width: 236px;
    height: 140px;
    position: absolute;
    left: 252px;
    top: 156px;
    cursor: pointer;
    text-align: center; }
    .lottery_main .lottery-container .start-btn:hover {
      background-image: linear-gradient(-180deg, #fec500 0%, #fe9400 100%); }
    .lottery_main .lottery-container .start-btn img {
      margin-top: 51px; }

.lottery-result-modal {
  position: absolute;
  margin-top: -40px; }
  .lottery-result-modal .lottery-wrapper {
    position: relative; }
    .lottery-result-modal .lottery-wrapper.fail {
      background: url(../images/other-images/lottery-fail.png) no-repeat center center;
      background-size: 431px 444px;
      width: 431px;
      min-height: 444px; }
      .lottery-result-modal .lottery-wrapper.fail span.info {
        position: absolute;
        left: 52px;
        top: 370px;
        width: 326px;
        text-align: center;
        color: #ffffff;
        font-size: 20px;
        line-height: 36px; }
      .lottery-result-modal .lottery-wrapper.fail span.btn-area {
        position: absolute;
        left: 52px;
        top: 460px;
        width: 326px;
        text-align: center; }
    .lottery-result-modal .lottery-wrapper.success {
      background: url(../images/other-images/lottery-success-bg.png) no-repeat center top;
      background-size: 745px 498px;
      width: 745px;
      min-height: 498px; }
      .lottery-result-modal .lottery-wrapper.success span.image {
        position: absolute;
        left: 260px;
        top: 140px; }
      .lottery-result-modal .lottery-wrapper.success span.silk {
        position: absolute;
        left: 190px;
        top: 320px; }
      .lottery-result-modal .lottery-wrapper.success span.info {
        position: absolute;
        left: 240px;
        top: 410px;
        width: 326px;
        text-align: center;
        color: #ffffff;
        font-size: 20px;
        line-height: 36px; }
        .lottery-result-modal .lottery-wrapper.success span.info span {
          display: inline-block;
          max-width: 100%; }
      .lottery-result-modal .lottery-wrapper.success div.receive-info {
        width: 326px;
        display: inline-block;
        margin-left: 240px;
        padding-top: 490px;
        margin-top: 20px; }
      .lottery-result-modal .lottery-wrapper.success span.btn-area {
        width: 326px;
        text-align: center;
        margin-left: 240px;
        display: inline-block;
        margin-top: 20px; }
    .lottery-result-modal .lottery-wrapper .btn-area .btn-ok {
      background-image: linear-gradient(-180deg, #ffd526 0%, #feaa11 80%);
      box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2);
      border-radius: 10px;
      width: 150px;
      height: 60px;
      text-align: center;
      display: inline-block;
      cursor: pointer; }
    .lottery-result-modal .lottery-wrapper .btn-area .btn-cancel {
      background-image: linear-gradient(-180deg, #f32b6b 0%, #b7003a 98%);
      box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2);
      border-radius: 10px;
      width: 150px;
      height: 60px;
      display: inline-block;
      cursor: pointer; }
    .lottery-result-modal .lottery-wrapper .btn-area img {
      margin-top: 20px; }
    .lottery-result-modal .lottery-wrapper .receive-info .sp-input {
      background: url(../images/other-images/lottery-phone-tip.png) no-repeat 10px center #6278e0;
      background-size: auto 15px;
      border: 2px solid #4e2aa7;
      border-radius: 10px;
      width: 323px;
      height: 56px;
      display: inline-block;
      margin-bottom: 8px;
      padding-left: 82px; }
      .lottery-result-modal .lottery-wrapper .receive-info .sp-input.email-input {
        background-image: url(../images/other-images/lottery-email-tip.png); }
      .lottery-result-modal .lottery-wrapper .receive-info .sp-input.detail-input {
        background-image: url(../images/other-images/lottery-address-tip.png); }
      .lottery-result-modal .lottery-wrapper .receive-info .sp-input input {
        background: none;
        height: 52px;
        padding: 0;
        width: 215px;
        line-height: 52px;
        border: none;
        font-size: 16px;
        color: #ffffff; }
        .lottery-result-modal .lottery-wrapper .receive-info .sp-input input:-ms-input-placeholder {
          color: #abb7ee; }
        .lottery-result-modal .lottery-wrapper .receive-info .sp-input input:-moz-placeholder {
          color: #abb7ee; }
        .lottery-result-modal .lottery-wrapper .receive-info .sp-input input::-moz-placeholder {
          color: #abb7ee; }
        .lottery-result-modal .lottery-wrapper .receive-info .sp-input input::-webkit-input-placeholder {
          color: #abb7ee; }
.lottery_zj_list .my-zi-list-btn-wrapper {
  text-align: right;
  margin: 0;
  line-height: 34px; }
  .lottery_zj_list .my-zi-list-btn-wrapper .my-zj-list-btn {
    font-size: 16px;
    color: #FEEC47; }

.lottery_zj_list .zj-list {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
  .lottery_zj_list .zj-list li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    height: 38px;
    line-height: 38px; }
    .lottery_zj_list .zj-list li.last {
      border-bottom: none; }
    .lottery_zj_list .zj-list li span {
      width: 49%;
      display: inline-block;
      text-align: left;
      padding-left: 18px;
      color: #ffffff;
      font-size: 14px;
      line-height: 38px; }
      .lottery_zj_list .zj-list li span.right {
        float: right;
        text-align: right;
        padding-right: 18px; }

.lottery-my-result-modal {
  position: absolute;
  margin-top: -40px; }
  .lottery-my-result-modal .my-result-wrapper {
    position: relative;
    background: #ca303e;
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    width: 786px;
    height: 450px;
    padding: 24px; }
    .lottery-my-result-modal .my-result-wrapper .title {
      height: 48px;
      display: inline-block;
      width: 100%;
      border-bottom: 1px solid #ffffff;
      text-align: center; }
    .lottery-my-result-modal .my-result-wrapper .list {
      height: 270px;
      overflow: auto; }
      .lottery-my-result-modal .my-result-wrapper .list li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        height: 50px;
        line-height: 50px; }
        .lottery-my-result-modal .my-result-wrapper .list li.last {
          border-bottom: none; }
        .lottery-my-result-modal .my-result-wrapper .list li span {
          display: block;
          text-align: right;
          color: #f8e81c;
          font-size: 14px;
          line-height: 50px; }
          .lottery-my-result-modal .my-result-wrapper .list li span.left {
            display: inline-block;
            color: #ffffff;
            float: left;
            text-align: left;
            padding-right: 18px; }
    .lottery-my-result-modal .my-result-wrapper .btn-area {
      display: inline-block;
      width: 100%;
      text-align: center;
      margin-top: 20px; }
      .lottery-my-result-modal .my-result-wrapper .btn-area .btn-ok {
        background-image: linear-gradient(-180deg, #ffd526 0%, #feaa11 80%);
        box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2);
        border-radius: 10px;
        width: 150px;
        height: 60px;
        text-align: center;
        display: inline-block;
        cursor: pointer; }
      .lottery-my-result-modal .my-result-wrapper .btn-area .btn-cancel {
        background-image: linear-gradient(-180deg, #f32b6b 0%, #b7003a 98%);
        box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2);
        border-radius: 10px;
        width: 150px;
        height: 60px;
        display: inline-block;
        cursor: pointer; }
      .lottery-my-result-modal .my-result-wrapper .btn-area img {
        margin-top: 20px; }
@charset "UTF-8";
.carousel-wrap {
  position: relative;
  zoom: 1;
  min-height: 30px; }
  .carousel-wrap * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }
  .carousel-wrap .carousel {
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    display: none; }
    .carousel-wrap .carousel.show {
      display: block; }
    .carousel-wrap .carousel ul {
      padding: 0;
      margin: 0;
      list-style-type: none; }
    .carousel-wrap .carousel .carousel-container {
      white-space: nowrap;
      font-size: 0;
      width: 100%; }
      .carousel-wrap .carousel .carousel-container li {
        width: 100%;
        display: -moz-inline-stack;
        display: inline-block;
        *vertical-align: auto;
        zoom: 1;
        *display: inline; }
        .carousel-wrap .carousel .carousel-container li.grid-side {
          position: relative;
          zoom: 1;
          -webkit-box-shadow: compact(rgba(0, 0, 0, 0.1) 0 0 5px, false, false, false, false, false, false, false, false, false);
          -moz-box-shadow: compact(rgba(0, 0, 0, 0.1) 0 0 5px, false, false, false, false, false, false, false, false, false);
          box-shadow: compact(rgba(0, 0, 0, 0.1) 0 0 5px, false, false, false, false, false, false, false, false, false); }
          .carousel-wrap .carousel .carousel-container li.grid-side img {
            overflow: hidden;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            border-radius: 5px; }
          .carousel-wrap .carousel .carousel-container li.grid-side .name {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            border-radius: 5px; }
        .carousel-wrap .carousel .carousel-container li img {
          width: 100%;
          font-size: 12px;
          text-align: center; }
        .carousel-wrap .carousel .carousel-container li .name {
          font-size: 12px;
          color: #fff;
          width: 100%;
          text-align: center;
          background-color: rgba(0, 0, 0, 0.5);
          position: absolute;
          top: 0;
          height: 100%;
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1;
          -webkit-transition: compact(compact(all 0.3s, false, false, false, false, false, false, false, false, false) false false...);
          -moz-transition: compact(compact(all 0.3s, false, false, false, false, false, false, false, false, false) false false false...);
          -o-transition: compact(compact(all 0.3s, false, false, false, false, false, false, false, false, false) false false false...);
          transition: compact(all 0.3s, false, false, false, false, false, false, false, false, false); }
          .carousel-wrap .carousel .carousel-container li .name:before {
            height: 100%;
            width: 0;
            content: "";
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline; }
          .carousel-wrap .carousel .carousel-container li .name span {
            white-space: normal;
            word-wrap: break-word;
            line-height: 1.5em;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline; }
        .carousel-wrap .carousel .carousel-container li :hover .name {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0; }
  .carousel-wrap .carousel-pagination {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center; }
    .carousel-wrap .carousel-pagination li {
      width: 5px;
      height: 5px;
      margin: 0 2px;
      background-color: #999;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      display: -moz-inline-stack;
      display: inline-block;
      *vertical-align: auto;
      zoom: 1;
      *display: inline; }
      .carousel-wrap .carousel-pagination li.active {
        background-color: #fff;
        -webkit-box-shadow: compact(rgba(0, 0, 0, 0.1), 0 0 2px, false, false, false, false, false, false, false, false);
        -moz-box-shadow: compact(rgba(0, 0, 0, 0.1), 0 0 2px, false, false, false, false, false, false, false, false);
        box-shadow: compact(rgba(0, 0, 0, 0.1), 0 0 2px, false, false, false, false, false, false, false, false); }
  .carousel-wrap .prev, .carousel-wrap .next {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    display: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .carousel-wrap .prev.outside, .carousel-wrap .next.outside {
      color: #000;
      font-weight: bold;
      background-color: transparent; }
  .carousel-wrap .prev {
    left: 10px; }
    .carousel-wrap .prev:after {
      content: "〈";
      margin-left: -10px; }
    .carousel-wrap .prev.outside {
      left: -30px; }
  .carousel-wrap .next {
    right: 10px; }
    .carousel-wrap .next:after {
      content: "〉";
      margin-right: -10px; }
    .carousel-wrap .next.outside {
      right: -30px; }
.nav-header {
  border-bottom: 0; }
  .nav-header a {
    text-decoration: none; }
  .nav-header .big-size {
    width: 1200px !important; }
  .nav-header .small-size {
    width: 1000px !important; }
  .nav-header .navbar-collapse ul li:hover, .nav-header .navbar-collapse ul li.active {
    background-color: #ff2200; }
    .nav-header .navbar-collapse ul li:hover .navbar-item a, .nav-header .navbar-collapse ul li.active .navbar-item a {
      color: white; }
  .nav-header .navbar-collapse ul li .navbar-item {
    height: 40px; }
    .nav-header .navbar-collapse ul li .navbar-item a {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      color: #614544;
      line-height: 15px;
      height: 16px;
      padding: 11px 25px;
      font-weight: bold;
      vertical-align: text-bottom; }
      .nav-header .navbar-collapse ul li .navbar-item a span {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        margin-top: 1px; }
  .nav-header .navbar-icon {
    float: right;
    padding: 2px 0; }
  .nav-header .home-catgeory-show:hover {
    background-color: #ff2200 !important; }
  .nav-header .all-category-show i {
    float: right; }
  .nav-header .navbar-desc {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: 210px;
    text-align: left;
    line-height: 16px;
    font-size: 14px; }
    .nav-header .navbar-desc a {
      color: white; }
  .nav-header ul li .home-channel {
    border: 2px solid #ff2200;
    border-top: 0;
    background-color: #fff;
    min-height: 40px;
    position: absolute;
    width: 206px;
    text-align: left !important;
    line-height: 12px;
    z-index: 998; }
    .nav-header ul li .home-channel .category-li {
      position: relative;
      height: 94px;
      border-color: #dfdfdf;
      border-style: solid;
      border-width: 0 0 1px 0;
      min-height: 20px;
      background-color: #fff; }
      .nav-header ul li .home-channel .category-li.twice-category {
        background-color: #fafafa; }
      .nav-header ul li .home-channel .category-li:hover {
        background-color: #fff;
        box-shadow: 0 0 3px 0 #dfdfdf; }
    .nav-header ul li .home-channel a {
      display: inline;
      padding: 0;
      color: #614544; }
      .nav-header ul li .home-channel a:hover {
        color: #ff2200;
        text-decoration: underline; }
    .nav-header ul li .home-channel .parent-category {
      font-size: 14px;
      line-height: 16px;
      height: 16px;
      padding: 16px 16px 10px 16px; }
      .nav-header ul li .home-channel .parent-category .category-icon {
        width: 16px;
        height: 16px;
        vertical-align: bottom;
        float: left; }
      .nav-header ul li .home-channel .parent-category a {
        line-height: 16px;
        font-size: 14px; }
      .nav-header ul li .home-channel .parent-category i {
        float: right;
        margin-top: 3px; }
    .nav-header ul li .home-channel .children-category {
      line-height: 12px;
      height: 40px;
      padding: 0 16px;
      overflow: hidden; }
      .nav-header ul li .home-channel .children-category .child-category {
        padding: 5px 10px 5px 0;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline; }
        .nav-header ul li .home-channel .children-category .child-category a {
          line-height: 12px;
          font-size: 12px; }
    .nav-header ul li .home-channel .expand-panel .attach {
      z-index: 1000;
      position: absolute;
      top: 0px;
      left: 191px;
      width: 15px;
      background-color: #fff;
      border-width: 0 0 1px 0;
      border-color: #dfdfdf;
      border-style: solid; }
    .nav-header ul li .home-channel .expand-panel .expand-category {
      z-index: 999;
      position: absolute;
      left: 205px;
      top: 0px;
      width: 655px;
      min-height: 220px;
      background-color: #fff;
      border-width: 0 1px 1px 1px;
      border-color: #dfdfdf;
      border-style: solid;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
      font-size: 0; }
      .nav-header ul li .home-channel .expand-panel .expand-category .category-info {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        width: 430px;
        font-size: 12px; }
      .nav-header ul li .home-channel .expand-panel .expand-category .second-category {
        margin: 17px 0 10px 0; }
      .nav-header ul li .home-channel .expand-panel .expand-category .parent-name {
        color: #ff2200;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        width: 7em;
        text-align: right; }
        .nav-header ul li .home-channel .expand-panel .expand-category .parent-name a {
          color: #ff2200;
          line-height: 14px;
          font-size: 13px; }
      .nav-header ul li .home-channel .expand-panel .expand-category .children-name {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        width: 310px;
        width: calc(100% - 40px - 7em);
        padding-left: 10px; }
        .nav-header ul li .home-channel .expand-panel .expand-category .children-name .child-name {
          display: -moz-inline-stack;
          display: inline-block;
          vertical-align: middle;
          *vertical-align: auto;
          zoom: 1;
          *display: inline;
          padding: 0 8px;
          margin-bottom: 12px;
          border-left: 1px solid #666; }
          .nav-header ul li .home-channel .expand-panel .expand-category .children-name .child-name a {
            line-height: 12px;
            font-size: 12px; }
      .nav-header ul li .home-channel .expand-panel .expand-category .image-recommend {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        width: 205px;
        padding: 17px 10px 10px 10px;
        background-color: #f5f5f5;
        height: 100%;
        min-height: 340px;
        font-size: 12px; }
      .nav-header ul li .home-channel .expand-panel .expand-category .brand-recommend {
        margin: 0 0 12px 0;
        color: #614544; }
      .nav-header ul li .home-channel .expand-panel .expand-category .images {
        font-size: 0;
        width: 205px;
        height: 139px; }
        .nav-header ul li .home-channel .expand-panel .expand-category .images .right-image {
          width: 101px;
          height: 45px;
          display: -moz-inline-stack;
          display: inline-block;
          vertical-align: middle;
          *vertical-align: auto;
          zoom: 1;
          *display: inline;
          font-size: 12px;
          border-width: 1px 1px 0 0;
          border-style: solid;
          border-color: #dfdfdf; }
        .nav-header ul li .home-channel .expand-panel .expand-category .images .left-image {
          display: -moz-inline-stack;
          display: inline-block;
          vertical-align: middle;
          *vertical-align: auto;
          zoom: 1;
          *display: inline;
          font-size: 12px;
          width: 101px;
          height: 45px;
          border-width: 1px 1px 0 1px;
          border-style: solid;
          border-color: #dfdfdf; }
        .nav-header ul li .home-channel .expand-panel .expand-category .images .last-image {
          border-bottom: 1px solid #dfdfdf; }
        .nav-header ul li .home-channel .expand-panel .expand-category .images img {
          width: 101px;
          height: 45px; }
      .nav-header ul li .home-channel .expand-panel .expand-category .main-image {
        margin-top: 10px; }
        .nav-header ul li .home-channel .expand-panel .expand-category .main-image img {
          width: 205px;
          height: 170px; }
  .nav-header .disappear {
    display: none; }
  .nav-header .active {
    display: block; }
.component-nav-category {
  border-bottom: 0;
  width: 100%;
  position: relative; }
  .component-nav-category .navbar-collapse {
    width: 100%; }
  .component-nav-category .navbar-title {
    background-color: #24344e;
    width: 100%;
    font-size: 16px;
    text-align: left; }
    .component-nav-category .navbar-title .all-category-show {
      padding: 10px 20px;
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      color: #fff; }
    .component-nav-category .navbar-title .nav-icon {
      margin-right: 20px; }
  .component-nav-category .category-list {
    background-color: transparent;
    min-height: 40px;
    width: 100%;
    text-align: left !important;
    line-height: 18px;
    position: absolute;
    z-index: 9; }
  .component-nav-category .category-item {
    position: relative;
    height: 40px;
    border-width: 0;
    background-color: #fff;
    opacity: 0.89;
    border: 1px solid #fff; }
    .component-nav-category .category-item:hover {
      background-color: #fff;
      opacity: 1;
      border: 1px solid #1890ff; }
  .component-nav-category .category-logo {
    width: 16px;
    height: 16px;
    vertical-align: bottom;
    margin-right: 20px; }
  .component-nav-category .parent-category {
    width: 100%; }
    .component-nav-category .parent-category i {
      float: right;
      color: #999; }
  .component-nav-category .child-category {
    padding: 11px 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    font-size: 14px;
    width: 100%;
    color: #614544; }
  .component-nav-category .children-category {
    float: left;
    line-height: 12px;
    height: 16px;
    padding: 0px;
    overflow: hidden;
    width: 130px; }
  .component-nav-category .expand-panel .attach {
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 99%;
    width: 15px;
    height: 38px;
    background-color: #fff;
    border-width: 0; }
  .component-nav-category .expand-panel .expand-category {
    z-index: 999;
    position: absolute;
    left: 100%;
    top: -1px;
    width: 960px;
    min-height: 220px;
    background-color: #fff;
    border: 1px solid #1890ff;
    font-size: 0; }
    .component-nav-category .expand-panel .expand-category .category-info {
      width: 720px;
      font-size: 12px;
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: top;
      *vertical-align: auto;
      zoom: 1;
      *display: inline; }
    .component-nav-category .expand-panel .expand-category .second-category {
      padding: 20px 20px 10px;
      width: 240px;
      float: left; }
      .component-nav-category .expand-panel .expand-category .second-category.last .children-name {
        border-bottom-width: 0 !important; }
    .component-nav-category .expand-panel .expand-category .parent-name {
      text-align: left;
      font-size: 14px;
      line-height: 18px;
      color: #614544;
      width: 175px;
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: top;
      *vertical-align: auto;
      zoom: 1;
      *display: inline; }
      .component-nav-category .expand-panel .expand-category .parent-name .second-name {
        color: #666;
        margin-right: 10px;
        font-size: 12px;
        max-width: 100%;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .component-nav-category .expand-panel .expand-category .parent-name .second-name:hover {
          color: #1890ff; }
    .component-nav-category .expand-panel .expand-category .children-name {
      width: 100%;
      margin-top: 10px;
      height: 38px;
      overflow: hidden; }
      .component-nav-category .expand-panel .expand-category .children-name .child-name {
        color: #999;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        border-right: 1px solid #ddd;
        line-height: 12px;
        font-size: 12px;
        margin: 0 10px 10px 0;
        padding: 0 10px 0 0;
        float: left; }
        .component-nav-category .expand-panel .expand-category .children-name .child-name.last {
          border-right-width: 0; }
        .component-nav-category .expand-panel .expand-category .children-name .child-name:hover {
          color: #1890ff; }
    .component-nav-category .expand-panel .expand-category .category-images {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: top;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      width: 238px;
      padding: 15px 0; }
      .component-nav-category .expand-panel .expand-category .category-images .image-item {
        float: left;
        width: 100px;
        height: 120px;
        margin: 5px; }
      .component-nav-category .expand-panel .expand-category .category-images .category-image {
        width: 100%;
        height: 100%; }
.component-popup-image {
  height: 100%;
  width: 100%; }
  .component-popup-image .close-icon {
    position: absolute;
    right: 0;
    top: 10px;
    color: #fff;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear; }
    .component-popup-image .close-icon:hover {
      -webkit-transform: rotate(-360deg);
      -moz-transform: rotate(-360deg);
      -ms-transform: rotate(-360deg);
      -o-transform: rotate(-360deg);
      transform: rotate(-360deg); }
  .component-popup-image .image-container {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%; }
  .component-popup-image img {
    width: 100%;
    height: 100%;
    vertical-align: bottom; }
.recommended-brands {
  background-color: #f5f5f5;
  position: relative; }
  .recommended-brands .tab-navs {
    background-color: #f5f5f5;
    padding-bottom: 20px; }
    .recommended-brands .tab-navs li {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline; }
      .recommended-brands .tab-navs li:last-child a {
        margin-right: 0; }
      .recommended-brands .tab-navs li a {
        border-top: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        padding: 0 0 !important;
        margin-right: 20px;
        color: inherit;
        font-size: 12px;
        line-height: 20px;
        background-color: inherit; }
        .recommended-brands .tab-navs li a:hover {
          background-color: inherit; }
      .recommended-brands .tab-navs li.active a {
        border-bottom: 2px solid #3366FF !important;
        color: #3366FF;
        background-color: inherit; }
        .recommended-brands .tab-navs li.active a:hover {
          background-color: inherit; }
  .recommended-brands .tab-contents {
    margin-top: 0;
    background-color: white; }
  .recommended-brands .left-li {
    float: left; }
  .recommended-brands .comments-ul li.comments-li {
    padding-bottom: 10px;
    padding-top: 20px;
    border-bottom: 1px dashed #dfdfdf; }
    .recommended-brands .comments-ul li.comments-li.last {
      border-bottom: none; }
  .recommended-brands .comments-ul ul {
    background-color: #fff;
    position: relative; }
    .recommended-brands .comments-ul ul li {
      padding-left: 20px;
      margin-bottom: 10px; }
      .recommended-brands .comments-ul ul li.comment-user-name {
        width: 150px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
    .recommended-brands .comments-ul ul .user-name {
      color: #c8f9fd; }
    .recommended-brands .comments-ul ul .comment-date {
      position: absolute;
      right: 20px; }
    .recommended-brands .comments-ul ul .comment-content, .recommended-brands .comments-ul ul .comment-reply {
      word-break: break-all;
      width: 780px;
      margin-bottom: 5px; }
    .recommended-brands .comments-ul ul .comment-reply {
      color: #ff7900; }
  .recommended-brands .spu-info {
    background-color: #fff;
    border-width: 0 1px 1px 1px;
    border-color: #dfdfdf;
    border-style: solid;
    padding: 0 20px;
    margin-bottom: 10px; }
    .recommended-brands .spu-info .attribute-li {
      width: 290px;
      margin: 10px 20px 10px 0;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
  .recommended-brands .package-list {
    padding: 20px 20px !important; }
    .recommended-brands .package-list .package-item {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      padding: 5px 0;
      margin: 0 10px 0 0; }
  .recommended-brands .aftermarket {
    padding: 0 20px; }
    .recommended-brands .aftermarket .aftermarket-title {
      border-bottom: 1px solid #ff2200; }
      .recommended-brands .aftermarket .aftermarket-title h2 {
        margin: 0 auto;
        width: 200px;
        text-align: center;
        border-bottom: 4px solid #ff2200; }
    .recommended-brands .aftermarket .aftermarket-body {
      padding: 20px; }
      .recommended-brands .aftermarket .aftermarket-body h3 {
        margin-left: 40px;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline; }
      .recommended-brands .aftermarket .aftermarket-body p {
        margin-left: 80px; }
  .recommended-brands .brands-list {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: transparent; }
  .recommended-brands .brands-kind {
    border-right: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    width: 149px;
    height: 100px;
    padding: 16px 0;
    text-align: center;
    float: left;
    margin: 0; }
    .recommended-brands .brands-kind a {
      padding: 0;
      margin: 0;
      border-width: 0; }
    .recommended-brands .brands-kind.last {
      border-right-width: 0; }
    .recommended-brands .brands-kind.second-line {
      border-top: 1px solid #f5f5f5; }
    .recommended-brands .brands-kind img {
      height: 100%; }
  .recommended-brands .push-right {
    position: absolute;
    right: 0; }
  .recommended-brands .push-left {
    float: left;
    font-weight: 900; }
    .recommended-brands .push-left .font-20 {
      line-height: 20px; }
.component-shop-list td {
  font-size: 12px;
  padding: 10px;
  vertical-align: top; }

.component-shop-list .shop-logo {
  float: left; }

.component-shop-list .shop-description {
  float: left;
  margin-left: 10px;
  width: 300px; }

.component-shop-list .shop-info {
  text-align: left; }

.component-shop-list .shop-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 250px; }

.component-shop-list img {
  width: 80px;
  height: 80px; }

.component-shop-list .shop-pagination {
  margin: 10px 0;
  text-align: center; }
.shop-two-items {
  width: 560px; }
  .shop-two-items .item-info {
    padding-top: 10px; }
  .shop-two-items .item-name {
    margin: 0 0 10px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 350px; }
    .shop-two-items .item-name a {
      color: #614544; }
  .shop-two-items .item-price {
    font-size: 22px;
    margin-right: 20px; }
  .shop-two-items .item-left {
    float: left; }
  .shop-two-items .item-right {
    float: right; }
.design-tab-floor {
  width: 1200px;
  margin: 0 auto; }
  .design-tab-floor .tab-header {
    font-size: 0;
    border-bottom: 1px solid #614544;
    padding-left: 5px; }
    .design-tab-floor .tab-header .tab-title {
      font-size: 15px;
      line-height: 34px;
      font-weight: bold;
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline; }
      .design-tab-floor .tab-header .tab-title .title-attach {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        height: 33px;
        line-height: 33px; }
        .design-tab-floor .tab-header .tab-title .title-attach strong {
          display: -moz-inline-stack;
          display: inline-block;
          vertical-align: middle;
          *vertical-align: auto;
          zoom: 1;
          *display: inline;
          margin-top: -5px;
          width: 6px;
          height: 18px;
          line-height: 18px; }
    .design-tab-floor .tab-header ul {
      font-size: 12px;
      float: right;
      border: 0; }
      .design-tab-floor .tab-header ul li {
        margin-right: 0; }
        .design-tab-floor .tab-header ul li a {
          padding: 10px 20px;
          line-height: 12px;
          color: #614544;
          border: 1px solid #dfdfdf;
          border-top-width: 2px;
          border-left: 0;
          border-bottom: 1px solid #614544; }
        .design-tab-floor .tab-header ul li.first a {
          border-left: 1px solid #dfdfdf; }
        .design-tab-floor .tab-header ul li.active a {
          padding: 10px 20px;
          line-height: 12px;
          color: #614544;
          border: 1px solid #614544;
          border-top: 2px solid #1890ff;
          border-bottom: 1px solid white;
          background-color: white; }
          .design-tab-floor .tab-header ul li.active a:hover {
            color: #614544; }
  .design-tab-floor .tab-contents {
    padding: 0; }
    .design-tab-floor .tab-contents .other {
      float: left;
      height: 600px;
      width: 240px;
      border-right: 1px solid #dfdfdf; }
    .design-tab-floor .tab-contents .first-content .product-images {
      float: left;
      font-size: 0;
      width: 960px; }
      .design-tab-floor .tab-contents .first-content .product-images a {
        border-right: 1px solid #dfdfdf;
        border-bottom: 1px solid #dfdfdf;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        width: 25%;
        height: 300px; }
        .design-tab-floor .tab-contents .first-content .product-images a.first-image {
          width: 50%; }
    .design-tab-floor .tab-contents .tab-content .product {
      width: 960px;
      margin: 0 -1px -1px 0;
      float: left; }
      .design-tab-floor .tab-contents .tab-content .product > .item {
        padding: 20px 10px;
        width: 240px;
        height: 300px;
        float: left;
        border-right: 1px solid #dfdfdf;
        border-bottom: 1px solid #dfdfdf; }
        .design-tab-floor .tab-contents .tab-content .product > .item .pic {
          padding: 15px;
          width: 215px;
          height: 215px; }
        .design-tab-floor .tab-contents .tab-content .product > .item .name {
          text-align: center;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden; }
          .design-tab-floor .tab-contents .tab-content .product > .item .name .item-name {
            font-size: 14px;
            color: #614544; }
        .design-tab-floor .tab-contents .tab-content .product > .item .price {
          text-align: center;
          margin-top: 10px; }
          .design-tab-floor .tab-contents .tab-content .product > .item .price .font-16 {
            font-size: 16px;
            padding-right: 10px;
            color: #fe6e17; }
        .design-tab-floor .tab-contents .tab-content .product > .item:hover .name, .design-tab-floor .tab-contents .tab-content .product > .item:hover .pic, .design-tab-floor .tab-contents .tab-content .product > .item:hover .price {
          -webkit-transform: translate(-2px);
          -moz-transform: translate(-2px);
          -ms-transform: translate(-2px);
          -o-transform: translate(-2px);
          transform: translate(-2px); }
.equity_group {
  width: 984px; }
  .equity_group .per-group {
    padding: 24px;
    border: 1px solid #dfdfdf;
    display: inline-block;
    width: 484px;
    margin-top: 12px; }
    .equity_group .per-group.odd {
      float: right; }
    .equity_group .per-group .logo {
      text-align: center;
      display: inline-block;
      width: 56px; }
      .equity_group .per-group .logo span {
        font-size: 14px;
        color: #1e1e1e;
        line-height: 30px;
        display: inline-block;
        max-width: 100%; }
    .equity_group .per-group .description {
      display: inline-block;
      color: #5e5e5e;
      font-size: 12px;
      height: 120px;
      border-left: 1px solid #c89d56;
      width: 358px;
      float: right;
      padding-left: 24px;
      line-height: 24px;
      overflow: hidden; }
.member_levels_step {
  text-align: center; }
  .member_levels_step .steps {
    width: 984px;
    margin: 0 auto;
    position: relative; }
    .member_levels_step .steps .step-line {
      width: 680px;
      height: 12px;
      display: inline-block;
      background-color: rgba(0, 0, 0, 0.2);
      position: absolute;
      margin-left: 50%;
      left: -340px;
      top: 30px; }
    .member_levels_step .steps .step {
      display: inline-block;
      vertical-align: middle;
      padding-right: 110px;
      color: #ffffff;
      position: relative; }
      .member_levels_step .steps .step .logo {
        line-height: 70px;
        height: 70px; }
      .member_levels_step .steps .step.last {
        padding-right: 0; }
      .member_levels_step .steps .step img {
        vertical-align: middle; }
  .member_levels_step .czz-info {
    width: 100%;
    border-top: 1px solid #ffffff;
    margin-top: 22px;
    padding-top: 22px;
    color: #2a2726;
    font-size: 14px; }
    .member_levels_step .czz-info .special {
      color: #333; }
.member_levels table th, .member_levels table td {
  text-align: center; }

.member_levels table img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px; }

.member_levels table .none {
  color: #b8b8b8; }
.member_points {
  color: #ffffff;
  width: 300px;
  height: 330px;
  text-align: center; }
  .member_points .logo {
    text-align: center; }
    .member_points .logo img {
      border: 3px solid #ffffff;
      border-radius: 44px; }
  .member_points .name-level p {
    margin: 0; }
    .member_points .name-level p.name {
      font-size: 24px;
      line-height: 50px; }
    .member_points .name-level p.level {
      font-size: 12px;
      line-height: 12px; }
  .member_points .points {
    margin-top: 56px;
    text-align: left; }
    .member_points .points > span {
      height: 120px;
      display: inline-block;
      width: 149px;
      font-size: 14px;
      line-height: 14px; }
      .member_points .points > span > p {
        margin: 0; }
        .member_points .points > span > p.special {
          font-size: 32px;
          margin-top: 20px;
          line-height: 32px; }
      .member_points .points > span.czz {
        border-right: 1px solid #ffffff;
        text-align: center;
        padding-top: 28px; }
      .member_points .points > span.point {
        float: right;
        text-align: center;
        padding-top: 28px; }
.points_list .tabs {
  text-align: center; }

.points_list .tabs-container {
  border-radius: 16px;
  border: 1px solid #eeeeee;
  display: inline-block;
  overflow: hidden;
  height: 32px; }
  .points_list .tabs-container li {
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #5e5e5e;
    border-right: 1px solid #eeeeee;
    float: left;
    cursor: pointer; }
    .points_list .tabs-container li.active {
      background-color: #c89d56;
      color: #ffffff;
      cursor: default; }
    .points_list .tabs-container li.last {
      border-right: none; }

.points_list .tabs-content {
  margin-top: 22px; }
  .points_list .tabs-content .point {
    color: #d10000; }
  .points_list .tabs-content .pagination {
    float: none; }
    .points_list .tabs-content .pagination span.current {
      background-color: #c89d56;
      border: 1px solid #c89d56; }
      .points_list .tabs-content .pagination span.current.prev, .points_list .tabs-content .pagination span.current.next {
        background-color: #ffffff;
        border: 1px solid #dfdfdf; }
    .points_list .tabs-content .pagination a:hover {
      color: #c89d56; }
.points .point {
  line-height: 32px;
  display: inline-block; }
  .points .point span {
    font-size: 32px;
    color: #c89d56;
    letter-spacing: 0;
    vertical-align: middle; }
  .points .point img {
    vertical-align: middle; }

.points .expired {
  display: inline-block;
  float: right;
  line-height: 32px; }
.coupon-a {
  min-height: 20px; }
  .coupon-a a {
    display: block; }
.item-detail {
  display: block;
  margin: 0 auto 25px; }
  .item-detail * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }
  .item-detail .hide {
    display: none !important; }
  .item-detail .input-amount, .item-detail .input-amount * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .item-detail .warning {
    border: 1px solid #ff2200 !important; }
  .item-detail .item-bread-crumb {
    margin: 0 0 25px 0; }
    .item-detail .item-bread-crumb i {
      vertical-align: top;
      font-size: 12px; }
  .item-detail .item-detail-left {
    width: 450px;
    float: left;
    _margin-right: -3px; }
  .item-detail .share-and-favourite {
    margin-top: 15px; }
    .item-detail .share-and-favourite .favourite {
      padding-left: 15px;
      display: inline-block; }
    .item-detail .share-and-favourite a {
      color: #666;
      height: 20px;
      line-height: 20px; }
      .item-detail .share-and-favourite a i {
        font-size: 12px;
        vertical-align: top; }
        .item-detail .share-and-favourite a i.icon-feebas-xihuan {
          color: #1890ff; }
    .item-detail .share-and-favourite .jiathis_style .jtico.jtico_jiathis {
      background: none;
      line-height: 20px !important;
      height: 20px !important; }
  .item-detail .item-platform-link {
    color: #666; }
  .item-detail .item-detail-right {
    margin-left: 450px;
    width: 530px; }
    .item-detail .item-detail-right .goShop {
      border-radius: 10px;
      position: absolute;
      top: -6px;
      right: 0; }
  .item-detail .item-title {
    position: relative;
    padding-top: 0;
    padding-right: 20px; }
    .item-detail .item-title h1 {
      font-size: 18px;
      line-height: 22px;
      font-weight: 300;
      color: #24344e;
      margin: 0 0 20px 0;
      text-overflow: ellipsis;
      overflow: hidden;
      max-width: 635px;
      padding-left: 15px; }
      .item-detail .item-title h1.has-advertise {
        margin-bottom: 6px; }
    .item-detail .item-title h3 {
      margin: 0;
      font-weight: normal;
      color: #f35651;
      font-size: 12px;
      padding-left: 15px;
      text-overflow: ellipsis;
      overflow: hidden;
      max-width: 635px;
      line-height: 18px; }
    .item-detail .item-title .report-item {
      position: absolute;
      cursor: pointer;
      top: 0;
      right: 0;
      color: #9F9F9F; }
  .item-detail .item-info-list {
    background-color: #f3fafd;
    list-style-type: none;
    padding: 0;
    margin: 15px 0 0 0;
    padding: 15px; }
    .item-detail .item-info-list li {
      height: 30px;
      margin-right: 3%;
      line-height: 25px; }
      .item-detail .item-info-list li label {
        width: 90px; }
    .item-detail .item-info-list .price-li, .item-detail .item-info-list .outer-li {
      width: auto; }
    .item-detail .item-info-list .discount-li {
      width: auto; }
    .item-detail .item-info-list .discount-precent, .item-detail .item-info-list .satisfaction, .item-detail .item-info-list .percent-unit {
      color: #ff7300; }
    .item-detail .item-info-list .discount-precent {
      margin-top: -2px; }
    .item-detail .item-info-list .outer-price {
      text-decoration: line-through; }
    .item-detail .item-info-list .item-price {
      color: #ff7900;
      font-size: 20px;
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      margin-top: -6px;
      line-height: 20px; }
      .item-detail .item-info-list .item-price .price {
        vertical-align: text-bottom; }
    .item-detail .item-info-list .show-discount, .item-detail .item-info-list .show-coupon, .item-detail .item-info-list .show-shop-discount, .item-detail .item-info-list .show-shipfee-discount {
      display: inline-block;
      position: relative;
      overflow: visible;
      color: #f35651;
      font-size: 10px;
      cursor: pointer;
      line-height: 18px;
      margin-right: 10px; }
    .item-detail .item-info-list .show-shop-discount, .item-detail .item-info-list .show-shipfee-discount {
      padding: 0 15px;
      background-color: #f35651;
      color: white; }
    .item-detail .item-info-list .show-shipfee-discount {
      background-color: #65c681; }
    .item-detail .item-info-list .show-discount {
      padding-left: 22px; }
      .item-detail .item-info-list .show-discount .icon {
        position: absolute;
        top: 2px;
        left: 0;
        width: 14px;
        height: 14px; }
    .item-detail .item-info-list .show-coupon {
      width: 70px;
      text-align: center;
      background-image: none; }
      .item-detail .item-info-list .show-coupon .bg-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    .item-detail .item-info-list .promotionBox {
      background-color: white;
      position: absolute;
      top: 17px;
      left: 0;
      width: 450px;
      z-index: 11;
      color: #666;
      border: 1px solid #f35651;
      cursor: default;
      text-align: left;
      display: none; }
      .item-detail .item-info-list .promotionBox .ptitle {
        height: 28px;
        line-height: 28px;
        background-color: #f5f5f5;
        padding: 0 10px; }
        .item-detail .item-info-list .promotionBox .ptitle a {
          color: #666;
          font-size: 14px; }
      .item-detail .item-info-list .promotionBox .pcontainer {
        height: 220px;
        padding: 0 10px;
        overflow-y: auto; }
        .item-detail .item-info-list .promotionBox .pcontainer h4 {
          margin: 0;
          font-size: 14px;
          font-weight: normal;
          line-height: 26px; }
        .item-detail .item-info-list .promotionBox .pcontainer li.perPro {
          border-bottom: 1px solid #dfdfdf;
          height: auto;
          line-height: 20px;
          padding-bottom: 8px;
          padding-top: 8px; }
          .item-detail .item-info-list .promotionBox .pcontainer li.perPro:last-child {
            border-bottom: none;
            padding-bottom: 0; }
          .item-detail .item-info-list .promotionBox .pcontainer li.perPro:first-child {
            padding-top: 0; }
        .item-detail .item-info-list .promotionBox .pcontainer table td, .item-detail .item-info-list .promotionBox .pcontainer table th {
          border-left: none;
          border-right: none;
          background-color: white;
          padding: 10px 8px 10px 0; }
          .item-detail .item-info-list .promotionBox .pcontainer table td.pdate, .item-detail .item-info-list .promotionBox .pcontainer table th.pdate {
            line-height: 12px; }
        .item-detail .item-info-list .promotionBox .pcontainer .coupon-status {
          color: #999999; }
        .item-detail .item-info-list .promotionBox .pcontainer .couponFee {
          position: relative;
          margin: 0;
          height: 30px;
          line-height: 30px;
          padding: 0 10px;
          color: white;
          display: inline-block;
          min-width: 60px;
          z-index: 0; }
          .item-detail .item-info-list .promotionBox .pcontainer .couponFee .text {
            position: relative;
            z-index: 1; }
        .item-detail .item-info-list .promotionBox .pcontainer .date {
          color: #999999; }
        .item-detail .item-info-list .promotionBox .pcontainer .price {
          color: #ff7900; }
    .item-detail .item-info-list .total-sold {
      color: #614544;
      font-weight: bold; }
    .item-detail .item-info-list .first-line {
      font-size: 12px;
      color: #666; }
  .item-detail .control-group {
    margin-top: 10px;
    line-height: 25px; }
    .item-detail .control-group .control-label {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      width: 60px;
      vertical-align: middle; }
    .item-detail .control-group .remark {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline; }
    .item-detail .control-group .controls {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline; }
      .item-detail .control-group .controls .original-price {
        text-decoration: line-through; }
      .item-detail .control-group .controls .new-price b {
        font-size: 24px;
        margin-left: 5px;
        font-weight: normal; }
    .item-detail .control-group .new-price-controls {
      vertical-align: bottom; }
  .item-detail .item-not-on {
    margin-top: 20px;
    border: 1px solid #dfdfdf;
    background-color: #f5f5f5;
    padding: 10px 20px 20px 20px; }
    .item-detail .item-not-on p {
      font-size: 16px; }
  .item-detail .address-group .address-select-label {
    margin-right: 0px;
    vertical-align: top; }
  .item-detail .address-group .address-select-wrap {
    background-color: white;
    width: 400px; }
    .item-detail .address-group .address-select-wrap label {
      font-weight: 300;
      color: #614544;
      margin-left: 0; }
  .item-detail .address-group .address-select {
    border: 1px solid #dfdfdf; }
    .item-detail .address-group .address-select .address-area .address-tab {
      border-color: #1890ff; }
      .item-detail .address-group .address-select .address-area .address-tab li {
        border-color: #dfdfdf; }
        .item-detail .address-group .address-select .address-area .address-tab li.active {
          border-color: #1890ff; }
    .item-detail .address-group .address-select .address-area .address-content li.active a {
      background-color: #1890ff; }
  .item-detail .address-group .remark label {
    cursor: pointer; }
  .item-detail .address-group .remark .controls {
    display: none;
    position: absolute;
    border: 1px solid color-border;
    width: 280px;
    padding: 10px;
    z-index: 1;
    background-color: white; }
  .item-detail .address-group .remark .icon-tip-circle {
    color: #1890ff;
    font-size: 20px; }
  .item-detail .address-group .remark:hover .controls {
    display: block; }
  .item-detail .sencond-info {
    margin-top: 10px; }
    .item-detail .sencond-info .ship-fee {
      line-height: 30px; }
      .item-detail .sencond-info .ship-fee .first-line {
        font-size: 12px;
        width: 90px;
        padding-left: 15px;
        color: #666;
        line-height: 40px; }
    .item-detail .sencond-info .sale-count {
      line-height: 30px; }
      .item-detail .sencond-info .sale-count .first-line {
        font-size: 12px;
        width: 90px;
        padding-left: 15px;
        color: #666;
        line-height: 40px; }
      .item-detail .sencond-info .sale-count .controls {
        display: inline-block;
        vertical-align: middle; }
  .item-detail .item-skus, .item-detail .item-attrs {
    margin-top: 20px;
    padding: 0 15px;
    position: relative; }
    .item-detail .item-skus .close-warning, .item-detail .item-attrs .close-warning {
      color: #ff2200;
      font-weight: bold;
      font-size: 20px;
      position: absolute;
      right: 10px;
      top: 10px; }
    .item-detail .item-skus #choose, .item-detail .item-attrs #choose {
      list-style: none; }
      .item-detail .item-skus #choose .control-group .sku-attr, .item-detail .item-attrs #choose .control-group .sku-attr {
        border: 1px solid #dfdfdf;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        margin-right: 0;
        margin-bottom: 5px;
        padding: 5px 15px;
        color: #614544;
        line-height: 14px;
        font-size: 12px;
        position: relative; }
        .item-detail .item-skus #choose .control-group .sku-attr.hasImage, .item-detail .item-attrs #choose .control-group .sku-attr.hasImage {
          padding: 0; }
        .item-detail .item-skus #choose .control-group .sku-attr.disabled, .item-detail .item-skus #choose .control-group .sku-attr[disabled], .item-detail .item-attrs #choose .control-group .sku-attr.disabled, .item-detail .item-attrs #choose .control-group .sku-attr[disabled] {
          cursor: not-allowed;
          background-color: #f5f5f5; }
      .item-detail .item-skus #choose .control-group .sku-items-label, .item-detail .item-attrs #choose .control-group .sku-items-label {
        float: left;
        width: 90px;
        height: 25px;
        overflow: hidden;
        text-align: left;
        font-size: 12px;
        color: #666;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline; }
      .item-detail .item-skus #choose .control-group .sku-items, .item-detail .item-attrs #choose .control-group .sku-items {
        width: 400px;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline; }
        .item-detail .item-skus #choose .control-group .sku-items img, .item-detail .item-attrs #choose .control-group .sku-items img {
          width: 25px;
          height: 25px; }
      .item-detail .item-skus #choose .control-group .selected, .item-detail .item-attrs #choose .control-group .selected {
        border: 1px solid #1890ff;
        position: relative; }
        .item-detail .item-skus #choose .control-group .selected .attr-checked, .item-detail .item-attrs #choose .control-group .selected .attr-checked {
          display: block; }
      .item-detail .item-skus #choose .control-group .attr-checked, .item-detail .item-attrs #choose .control-group .attr-checked {
        position: absolute;
        display: none;
        right: -1px;
        bottom: -1px;
        width: 13px;
        height: 13px; }
        .item-detail .item-skus #choose .control-group .attr-checked .bg-image, .item-detail .item-attrs #choose .control-group .attr-checked .bg-image {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
      .item-detail .item-skus #choose .total-stock, .item-detail .item-attrs #choose .total-stock {
        color: #666; }
    .item-detail .item-skus #choose-btns, .item-detail .item-attrs #choose-btns {
      margin-top: 26px;
      padding-left: 92px; }
      .item-detail .item-skus #choose-btns .report-item, .item-detail .item-attrs #choose-btns .report-item {
        padding: 14px; }
      .item-detail .item-skus #choose-btns .btn, .item-detail .item-attrs #choose-btns .btn {
        font-size: 16px;
        width: 180px;
        height: 40px;
        text-align: center;
        padding: 0; }
      .item-detail .item-skus #choose-btns .btn-secondary, .item-detail .item-attrs #choose-btns .btn-secondary {
        background-color: #ffffff;
        border: 1px solid #197aff;
        color: #197aff; }
        .item-detail .item-skus #choose-btns .btn-secondary:hover, .item-detail .item-attrs #choose-btns .btn-secondary:hover {
          border: 1px solid #24344e;
          color: #24344e; }
      .item-detail .item-skus #choose-btns .btn-primary, .item-detail .item-attrs #choose-btns .btn-primary {
        border: 1px solid #197aff;
        background-color: #197aff; }
        .item-detail .item-skus #choose-btns .btn-primary:hover, .item-detail .item-attrs #choose-btns .btn-primary:hover {
          border: 1px solid #24344e;
          background-color: #24344e; }
  .item-detail .btn-icon [class^="icon-"],
  .item-detail .btn-icon [class*=" icon-"] {
    vertical-align: bottom; }
  .item-detail .buy-btn {
    padding: 14px 32px; }
  .item-detail .item-carousel-wrap {
    width: 390px;
    margin: 20px 0 0 20px; }
  .item-detail .image-manage {
    margin-top: 0; }
    .item-detail .image-manage .main-image {
      position: relative;
      width: 428px;
      height: 428px;
      border: 1px solid #dfdfdf; }
    .item-detail .image-manage .image-enlarge {
      position: absolute;
      right: 10px;
      bottom: 15px;
      font-size: 28px;
      color: #f5f5f5; }
    .item-detail .image-manage .item-carousel-wrap {
      width: 390px;
      margin: 14px 0 0 20px; }
    .item-detail .image-manage .images {
      margin: 0;
      padding: 0;
      margin-top: 10px; }
      .item-detail .image-manage .images li {
        list-style: none;
        width: 61px;
        height: 61px;
        float: none;
        padding-left: 0;
        padding-top: 0;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        text-align: center; }
        .item-detail .image-manage .images li img {
          width: 59px;
          height: 59px;
          border: 1px solid #dfdfdf;
          cursor: pointer;
          display: inline; }
        .item-detail .image-manage .images li a {
          font-size: 12px; }
      .item-detail .image-manage .images .selected img {
        width: 59px;
        height: 59px;
        border: 1px solid #24344e; }

.jiathis_style {
  display: inline-block;
  vertical-align: top; }
  .jiathis_style *, .jiathis_style *:before, .jiathis_style *:after {
    -moz-box-sizing: initial;
    -webkit-box-sizing: initial;
    box-sizing: initial; }
  .jiathis_style input.searchTxt {
    padding: 0;
    line-height: 18px;
    height: 18px; }
  .jiathis_style .jtico.jtico_jiathis {
    background: none; }
.logo-name span, .logo-name a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  line-height: 36px;
  color: black; }
  .logo-name span img, .logo-name a img {
    vertical-align: middle; }

.logo-name .line {
  width: 1px;
  height: 26px;
  background-color: #dfdfdf;
  margin: 0 17px; }
.shop-banner-outer {
  width: 100%;
  height: 100px; }
  .shop-banner-outer .shop-banner {
    padding: 20px 0;
    font-size: 0;
    position: absolute;
    width: 100%;
    left: 0; }
    .shop-banner-outer .shop-banner .shop-avatar-info {
      width: 1200px;
      margin: 0 auto;
      height: 60px; }
      .shop-banner-outer .shop-banner .shop-avatar-info img {
        position: relative;
        z-index: 2; }
      .shop-banner-outer .shop-banner .shop-avatar-info .shop-avatar {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline; }
        .shop-banner-outer .shop-banner .shop-avatar-info .shop-avatar .shop-info {
          position: relative;
          display: none;
          width: 0;
          padding: 13px 0;
          font-size: 12px;
          background: #614544;
          height: 60px; }
          .shop-banner-outer .shop-banner .shop-avatar-info .shop-avatar .shop-info ul li {
            float: left;
            width: 33.3%;
            color: white;
            text-align: center; }
        .shop-banner-outer .shop-banner .shop-avatar-info .shop-avatar:hover .shop-info {
          z-index: 2;
          width: 140px;
          display: -moz-inline-stack;
          display: inline-block;
          vertical-align: top;
          *vertical-align: auto;
          zoom: 1;
          *display: inline;
          padding: 13px 14px;
          transition: all 400ms ease; }
        .shop-banner-outer .shop-banner .shop-avatar-info .shop-avatar .js-load-info {
          color: #614544;
          line-height: 40px;
          font-size: 40px;
          position: relative;
          top: -30px;
          left: -21px;
          -webkit-border-radius: 0 50px 50px 0;
          -moz-border-radius: 0 50px 50px 0;
          -ms-border-radius: 0 50px 50px 0;
          -o-border-radius: 0 50px 50px 0;
          border-radius: 0 50px 50px 0; }
          .shop-banner-outer .shop-banner .shop-avatar-info .shop-avatar .js-load-info i {
            color: white;
            position: absolute;
            right: 6px;
            font-size: 12px;
            top: -1px; }
.shop-cards {
  width: 200px;
  text-align: center;
  border: 1px solid #dfdfdf; }
  .shop-cards .card-header {
    height: 38px;
    line-height: 38px;
    background-color: #f5f5f5;
    font-size: 12px; }
  .shop-cards .card-body {
    padding: 20px 0; }
    .shop-cards .card-body .card-score li {
      float: left;
      width: 33.3%;
      line-height: 17px; }
      .shop-cards .card-body .card-score li .score {
        color: #ff7900;
        font-size: 11px; }
    .shop-cards .card-body .cart-btn {
      padding: 0 25px;
      margin-top: 15px; }
      .shop-cards .card-body .cart-btn .btn {
        border-color: #1890ff;
        color: #1890ff; }
.component-shop-items-category {
  width: 200px;
  border: 1px solid #dfdfdf;
  float: left; }
  .component-shop-items-category .cutwords {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .component-shop-items-category .shop-item-category {
    float: left; }
  .component-shop-items-category .category-title {
    text-align: center;
    background-color: #f5f5f5;
    padding: 11px 0;
    color: #1b2b45;
    border-bottom: 1px solid #dfdfdf; }
  .component-shop-items-category .firstU a {
    display: block;
    float: left;
    width: 153px;
    padding-right: 15px; }
    .component-shop-items-category .firstU a:hover {
      color: #1be6f8; }
  .component-shop-items-category .firstI {
    margin-left: 15px;
    margin-right: 14px;
    float: left;
    cursor: pointer; }
  .component-shop-items-category .firstC {
    border-top: 1px solid #dfdfdf;
    margin-top: -1px;
    line-height: 38px;
    clear: both; }
    .component-shop-items-category .firstC.noC {
      padding-left: 18px; }
  .component-shop-items-category .secondC {
    line-height: 30px;
    padding-left: 22px; }
  .component-shop-items-category .secondU {
    border-top: 1px solid #dfdfdf;
    list-style-type: disc !important;
    list-style-position: inside;
    clear: both; }
    .component-shop-items-category .secondU a {
      float: right; }
  .component-shop-items-category .firstA {
    color: #24344e; }
    .component-shop-items-category .firstA .icon-feebas {
      margin-right: 10px; }
  .component-shop-items-category .secondA {
    color: #666; }
    .component-shop-items-category .secondA span {
      font-size: 70px;
      height: 30px;
      line-height: 30px;
      display: block;
      float: left;
      overflow: hidden; }
.component-shop-inner-search {
  border: 1px solid #dfdfdf; }
  .component-shop-inner-search .search-title {
    text-align: center;
    background-color: #f5f5f5;
    padding: 11px 0;
    color: #1b2b45;
    border-bottom: 1px solid #dfdfdf; }
  .component-shop-inner-search .search-body {
    padding-top: 15px; }
    .component-shop-inner-search .search-body fieldset {
      padding: 0; }
    .component-shop-inner-search .search-body .control-group {
      margin-bottom: 10px; }
    .component-shop-inner-search .search-body label {
      width: 4.5em;
      margin-right: 0; }
    .component-shop-inner-search .search-body .input-word {
      width: 118px; }
    .component-shop-inner-search .search-body .input-price {
      width: 53px; }
    .component-shop-inner-search .search-body .controls {
      margin-left: 58px; }
    .component-shop-inner-search .search-body .btn {
      padding: 6px 18px; }
div.shop-item-list ul li.product {
  width: 240px;
  height: 310px;
  margin: 0;
  padding: 10px; }
  div.shop-item-list ul li.product .product-image {
    width: 220px;
    height: 220px; }
  div.shop-item-list ul li.product .product-price {
    margin: 5px 0; }
  div.shop-item-list ul li.product .product-desc {
    font-size: 12px; }
.component-shop-items-looked-more {
  text-align: center; }
  .component-shop-items-looked-more .component-header {
    position: relative;
    padding: 7px 0; }
  .component-shop-items-looked-more .line {
    position: absolute;
    top: 18px;
    left: 0;
    width: 100%;
    height: 1px;
    z-index: -1;
    background-color: #dfdfdf;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline; }
  .component-shop-items-looked-more .title {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    background-color: #fff;
    padding: 0 5px;
    color: #666; }
  .component-shop-items-looked-more .item-list {
    position: absolute;
    left: 0;
    top: 0;
    transition: .3s; }
  .component-shop-items-looked-more .item-window {
    position: relative;
    height: 561px;
    overflow: hidden; }
  .component-shop-items-looked-more img {
    width: 145px;
    height: 145px;
    vertical-align: bottom; }
  .component-shop-items-looked-more .arrow-item {
    color: #666; }
    .component-shop-items-looked-more .arrow-item:hover {
      color: #1890ff; }
div.shop-navbar {
  opacity: 1;
  background-color: #614544; }
  div.shop-navbar .navbar-collapse ul li.active {
    background: #43302f; }
  div.shop-navbar .navbar-collapse ul li .navbar-item a {
    color: white !important;
    padding: 13px 20px; }
  div.shop-navbar .navbar-collapse ul li .home-channel {
    display: none;
    border: 0px;
    width: 120px;
    background-color: transparent; }
    div.shop-navbar .navbar-collapse ul li .home-channel .categorys .category-li {
      opacity: 0.9;
      height: 30px;
      width: 120px;
      color: white;
      background-color: #614544;
      border-width: 0; }
      div.shop-navbar .navbar-collapse ul li .home-channel .categorys .category-li a {
        color: white;
        display: block; }
      div.shop-navbar .navbar-collapse ul li .home-channel .categorys .category-li .parent-category {
        padding: 8px 10px 8px 20px; }
      div.shop-navbar .navbar-collapse ul li .home-channel .categorys .category-li .expand-panel {
        display: none; }
        div.shop-navbar .navbar-collapse ul li .home-channel .categorys .category-li .expand-panel .expand-category {
          left: 120px;
          width: 120px;
          min-height: 0;
          border: 0; }
          div.shop-navbar .navbar-collapse ul li .home-channel .categorys .category-li .expand-panel .expand-category .category-info .second-category {
            padding: 8px 10px 8px 20px;
            width: 120px;
            font-size: 14px;
            line-height: 14px;
            background-color: #43302f;
            opacity: 0.9;
            height: 30px;
            margin: 0; }
            div.shop-navbar .navbar-collapse ul li .home-channel .categorys .category-li .expand-panel .expand-category .category-info .second-category .parent-name {
              text-align: left; }
            div.shop-navbar .navbar-collapse ul li .home-channel .categorys .category-li .expand-panel .expand-category .category-info .second-category:hover {
              opacity: 1; }
              div.shop-navbar .navbar-collapse ul li .home-channel .categorys .category-li .expand-panel .expand-category .category-info .second-category:hover a {
                text-decoration: none; }
      div.shop-navbar .navbar-collapse ul li .home-channel .categorys .category-li:hover {
        opacity: 1;
        box-shadow: 0 0 0 0; }
        div.shop-navbar .navbar-collapse ul li .home-channel .categorys .category-li:hover .expand-panel {
          display: block; }
  div.shop-navbar .navbar-collapse ul li:hover {
    background: #43302f; }
    div.shop-navbar .navbar-collapse ul li:hover .home-channel {
      display: block; }
.component-shop-inner-header .inner-shop {
  background-color: #333;
  margin-left: 10px; }

.component-shop-inner-header .btn {
  font-size: 14px !important; }
.shop-search-items .cutwords {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.shop-search-items .current-location-dark {
  padding: 0 0 12px 0;
  font-size: 12px; }
  .shop-search-items .current-location-dark a {
    color: #24344e; }

.shop-search-items .current-location-span i {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: baseline;
  *vertical-align: auto;
  zoom: 1;
  *display: inline; }
  .shop-search-items .current-location-span i.chosen-close {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: bottom;
    *vertical-align: auto;
    zoom: 1;
    *display: inline; }

.shop-search-items .current-location-span .bread-selector {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  border: 1px solid #dfdfdf;
  padding: 4px;
  margin-right: 6px; }

.shop-search-items i {
  font-size: 10px; }

.shop-search-items .list ul li {
  margin: 0 1px 8px 0; }

.shop-search-items .list .shop-search-items-img-type li.product {
  width: 232px;
  height: 340px;
  padding: 10px;
  margin: 0 10px 10px 0;
  border: 1px solid #dfdfdf; }
  .shop-search-items .list .shop-search-items-img-type li.product.no-mr {
    margin-right: 0; }
  .shop-search-items .list .shop-search-items-img-type li.product:hover {
    border: 1px solid #1890ff; }
  .shop-search-items .list .shop-search-items-img-type li.product .product-image {
    width: 212px;
    height: 212px; }
  .shop-search-items .list .shop-search-items-img-type li.product .product-price {
    font-size: 16px;
    line-height: 16px;
    color: #ff7900;
    font-weight: bold; }
    .shop-search-items .list .shop-search-items-img-type li.product .product-price .saleQuantity {
      font-size: 12px;
      color: #999999;
      font-weight: normal;
      float: right;
      line-height: 16px; }
  .shop-search-items .list .shop-search-items-img-type li.product .product-desc {
    color: #666;
    line-height: 18px;
    margin: 7px 0 8px; }
  .shop-search-items .list .shop-search-items-img-type li.product .shop-name {
    margin: 8px 0;
    line-height: 16px;
    color: #999999; }
    .shop-search-items .list .shop-search-items-img-type li.product .shop-name i {
      font-size: 16px; }
    .shop-search-items .list .shop-search-items-img-type li.product .shop-name a {
      color: #999999; }
      .shop-search-items .list .shop-search-items-img-type li.product .shop-name a:hover {
        color: #1890ff; }

.shop-search-items .list .shop-search-items-list-type {
  margin-top: 20px; }
  .shop-search-items .list .shop-search-items-list-type tr:last-child td {
    border-bottom: 1px solid #dfdfdf; }
  .shop-search-items .list .shop-search-items-list-type tr:hover td {
    background-color: #f5f5f5; }
  .shop-search-items .list .shop-search-items-list-type td {
    padding: 20px 0;
    vertical-align: top;
    border-top: 1px solid #dfdfdf; }
  .shop-search-items .list .shop-search-items-list-type .promotion-type {
    display: inline-block;
    width: 50px;
    height: 20px;
    line-height: 20px;
    margin-left: 10px;
    color: #fff;
    text-align: center; }
  .shop-search-items .list .shop-search-items-list-type .promotion-type-3 {
    background-color: #fbc543; }
  .shop-search-items .list .shop-search-items-list-type .product-image {
    width: 80px;
    height: 80px;
    border: 1px solid rgba(216, 216, 216, 0.4);
    margin-right: 20px;
    display: inline-block; }
  .shop-search-items .list .shop-search-items-list-type .descAshop {
    display: inline-block;
    width: 330px;
    vertical-align: top; }
    .shop-search-items .list .shop-search-items-list-type .descAshop p {
      margin: 0;
      line-height: 18px; }
      .shop-search-items .list .shop-search-items-list-type .descAshop p a {
        color: #666; }
        .shop-search-items .list .shop-search-items-list-type .descAshop p a:hover {
          color: #197aff; }
    .shop-search-items .list .shop-search-items-list-type .descAshop .product-desc {
      color: #666;
      line-height: 18px; }
    .shop-search-items .list .shop-search-items-list-type .descAshop .shop-name {
      margin: 10px 0;
      line-height: 16px;
      color: #999999; }
      .shop-search-items .list .shop-search-items-list-type .descAshop .shop-name a {
        color: #999999; }
      .shop-search-items .list .shop-search-items-list-type .descAshop .shop-name i {
        font-size: 16px;
        color: #999999; }
  .shop-search-items .list .shop-search-items-list-type .product-price {
    font-size: 16px;
    line-height: 20px;
    color: #ff7900;
    font-weight: bold; }
  .shop-search-items .list .shop-search-items-list-type .saleQuantity {
    font-size: 12px;
    color: #999999;
    line-height: 16px; }
.component-spu-tab {
  width: 100%;
  color: #666; }
  .component-spu-tab .spu-tab-item-detail {
    width: 100%;
    word-break: break-all; }
    .component-spu-tab .spu-tab-item-detail img {
      max-width: 100%;
      display: block; }
  .component-spu-tab .tab-navs {
    border: 1px solid #dfdfdf;
    background-color: #f5f5f5; }
    .component-spu-tab .tab-navs li {
      margin-right: 0;
      border-right: 1px solid #dfdfdf; }
      .component-spu-tab .tab-navs li > a {
        white-space: nowrap; }
  .component-spu-tab .tab-contents {
    padding-top: 0;
    background-color: white;
    margin-top: 0; }
    .component-spu-tab .tab-contents .tab-content {
      padding: 0; }
    .component-spu-tab .tab-contents .comments-content {
      padding: 21px; }
  .component-spu-tab .attribute-list {
    padding: 20px 20px !important; }
    .component-spu-tab .attribute-list .attribute-tab {
      border-top: 1px solid #dfdfdf;
      border-left: 1px solid #dfdfdf;
      width: 100%; }
      .component-spu-tab .attribute-list .attribute-tab .attribute-title {
        background-color: #f5f5f5;
        padding: 0 10px; }
      .component-spu-tab .attribute-list .attribute-tab th, .component-spu-tab .attribute-list .attribute-tab td {
        height: 32px;
        padding: 0 10px;
        text-align: left;
        border-right: 1px solid #dfdfdf;
        border-bottom: 1px solid #dfdfdf; }
      .component-spu-tab .attribute-list .attribute-tab .main-parameter {
        width: 190px; }
  .component-spu-tab .comments-content {
    border: 1px solid #dfdfdf;
    border-top: none;
    padding: 20px; }
  .component-spu-tab .comments-ranking {
    padding: 20px 0; }
    .component-spu-tab .comments-ranking span {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: top;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      font-size: 14px;
      line-height: 14px;
      margin-right: 30px;
      float: left; }
    .component-spu-tab .comments-ranking .comment-ranking-all {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: top;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      width: 400px;
      height: 14px;
      background-color: #f5f5f5; }
      .component-spu-tab .comments-ranking .comment-ranking-all .comment-ranking {
        width: 80px;
        height: 100%;
        margin: 0; }
      .component-spu-tab .comments-ranking .comment-ranking-all .comment-ranking1.active {
        background-color: #ffdbb3; }
      .component-spu-tab .comments-ranking .comment-ranking-all .comment-ranking2.active {
        background-color: #fdb880; }
      .component-spu-tab .comments-ranking .comment-ranking-all .comment-ranking3.active {
        background-color: #ff9c48; }
      .component-spu-tab .comments-ranking .comment-ranking-all .comment-ranking4.active {
        background-color: #f98a2c; }
      .component-spu-tab .comments-ranking .comment-ranking-all .comment-ranking5.active {
        background-color: #ff7900; }
  .component-spu-tab .comments-filter {
    font-size: 12px;
    line-height: 12px;
    padding: 15px 20px 13px 20px;
    vertical-align: middle;
    background-color: #f5f5f5; }
    .component-spu-tab .comments-filter span {
      margin: 0 10px; }
  .component-spu-tab .comments-ul li.comments-li {
    padding-bottom: 10px;
    padding-top: 20px;
    border-bottom: 1px solid #dfdfdf; }
    .component-spu-tab .comments-ul li.comments-li.last {
      border-bottom: none; }
    .component-spu-tab .comments-ul li.comments-li .comment-user {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: top;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      width: 20%; }
      .component-spu-tab .comments-ul li.comments-li .comment-user span {
        margin-left: 20px; }
    .component-spu-tab .comments-ul li.comments-li .comment-item-attribute {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: top;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      width: 20%; }
    .component-spu-tab .comments-ul li.comments-li .comment-star-count {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: top;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      width: 15%;
      text-align: center; }
      .component-spu-tab .comments-ul li.comments-li .comment-star-count p {
        margin: 0; }
        .component-spu-tab .comments-ul li.comments-li .comment-star-count p span {
          display: -moz-inline-stack;
          display: inline-block;
          vertical-align: middle;
          *vertical-align: auto;
          zoom: 1;
          *display: inline; }
          .component-spu-tab .comments-ul li.comments-li .comment-star-count p span .i-star {
            color: #ccc; }
            .component-spu-tab .comments-ul li.comments-li .comment-star-count p span .i-star.active {
              color: #ff7900; }
    .component-spu-tab .comments-ul li.comments-li .comment-content {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: top;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      width: 40%; }
      .component-spu-tab .comments-ul li.comments-li .comment-content .comment-text {
        margin: 5px 0; }
      .component-spu-tab .comments-ul li.comments-li .comment-content .comment-extra .comment-img {
        width: 60px;
        height: 60px; }
      .component-spu-tab .comments-ul li.comments-li .comment-content .comment-date .comment-time {
        color: #999; }
      .component-spu-tab .comments-ul li.comments-li .comment-content .comment-reply {
        margin-top: 20px; }
  .component-spu-tab .comments-ul ul {
    background-color: #fff;
    position: relative; }
    .component-spu-tab .comments-ul ul li {
      margin-bottom: 10px; }
  .component-spu-tab .spu-info {
    padding: 12px 40px;
    background-color: #fff;
    margin-bottom: 10px;
    border: 1px solid #dfdfdf;
    border-top: none; }
    .component-spu-tab .spu-info .attribute-li {
      width: 50%;
      margin: 5px 0;
      min-width: 150px;
      padding-right: 20px;
      float: left;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
      .component-spu-tab .spu-info .attribute-li.optitle {
        float: none; }
  .component-spu-tab .package-list {
    padding: 0 20px; }
    .component-spu-tab .package-list .package-item {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      padding: 5px 0;
      margin: 0 10px 0 0; }
  .component-spu-tab .aftermarket {
    padding: 0 20px; }
    .component-spu-tab .aftermarket .aftermarket-title {
      border-bottom: 1px solid #ff2200; }
      .component-spu-tab .aftermarket .aftermarket-title h2 {
        margin: 0 auto;
        width: 200px;
        text-align: center;
        border-bottom: 4px solid #ff2200; }
    .component-spu-tab .aftermarket .aftermarket-body {
      padding: 20px; }
      .component-spu-tab .aftermarket .aftermarket-body h3 {
        margin-left: 40px;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline; }
      .component-spu-tab .aftermarket .aftermarket-body p {
        margin-left: 80px; }
  .component-spu-tab .item-detail {
    max-width: 100%;
    overflow-x: auto; }
.component-ceiling {
  background-color: #f5f5f5; }
  .component-ceiling .span-left {
    margin-left: 15px; }
  .component-ceiling .navbar .navbar-collapse {
    overflow: visible;
    width: 1200px;
    padding: 5px 0; }
  .component-ceiling .nav-item {
    float: left; }
  .component-ceiling .nav-icon {
    color: #1890ff; }
.component-login {
  width: 360px;
  padding: 50px 40px;
  background-color: white;
  border: 1px solid #DADADA;
  -webkit-box-shadow: compact(0px 0px 30px #c2c2c2, false, false, false, false, false, false, false, false, false);
  -moz-box-shadow: compact(0px 0px 30px #c2c2c2, false, false, false, false, false, false, false, false, false);
  box-shadow: compact(0px 0px 30px #c2c2c2, false, false, false, false, false, false, false, false, false); }
  .component-login.modal {
    padding: 30px;
    position: absolute; }
  .component-login .user-login-form {
    font-size: 14px;
    margin: 0 50px;
    text-align: left; }
    .component-login .user-login-form legend {
      margin-bottom: 50px;
      font-size: 14px; }
    .component-login .user-login-form .control-group {
      margin-bottom: 20px; }
    .component-login .user-login-form .keep-group {
      margin-bottom: 0;
      margin-top: 30px; }
    .component-login .user-login-form input {
      height: 40px;
      padding-left: 10px;
      padding-right: 10px;
      position: relative;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      vertical-align: middle; }
      .component-login .user-login-form input.btn {
        font-size: 14px; }
    .component-login .user-login-form #login-name, .component-login .user-login-form #login-password {
      background-color: #fff;
      position: relative;
      zoom: 1;
      margin-bottom: 20px;
      border: #dfdfdf solid 1px;
      -webkit-transition: compact(compact(all 0.5s 0 ease, false, false, false, false, false, false, false, false, false) false false...);
      -moz-transition: compact(compact(all 0.5s 0 ease, false, false, false, false, false, false, false, false, false) false false false...);
      -o-transition: compact(compact(all 0.5s 0 ease, false, false, false, false, false, false, false, false, false) false false false...);
      transition: compact(all 0.5s 0 ease, false, false, false, false, false, false, false, false, false); }
      .component-login .user-login-form #login-name:hover, .component-login .user-login-form #login-password:hover {
        border-color: #129fea;
        z-index: 3; }
      .component-login .user-login-form #login-name.error, .component-login .user-login-form #login-password.error {
        z-index: 2;
        border-color: #ff2200; }
        .component-login .user-login-form #login-name.error input, .component-login .user-login-form #login-password.error input {
          color: #666; }
      .component-login .user-login-form #login-name .input-icon, .component-login .user-login-form #login-password .input-icon {
        position: absolute;
        top: 12px;
        left: 10px;
        font-size: 24px;
        z-index: 4;
        color: #999; }
      .component-login .user-login-form #login-name input, .component-login .user-login-form #login-password input {
        border: none;
        font-size: 12px;
        padding-left: 60px;
        -webkit-transition: compact(compact(color 0.5s 0 ease, false, false, false, false, false, false, false, false, false) false false...);
        -moz-transition: compact(compact(color 0.5s 0 ease, false, false, false, false, false, false, false, false, false) false false false...);
        -o-transition: compact(compact(color 0.5s 0 ease, false, false, false, false, false, false, false, false, false) false false false...);
        transition: compact(color 0.5s 0 ease, false, false, false, false, false, false, false, false, false); }
      .component-login .user-login-form #login-name .error-tips, .component-login .user-login-form #login-password .error-tips {
        color: #ff2200;
        font-size: 12px;
        height: 16px;
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: absolute;
        right: 3px;
        bottom: 25px;
        z-index: 3;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0; }
    .component-login .user-login-form .error-wall {
      color: #ff2200;
      margin-top: -10px;
      margin-bottom: 10px;
      height: 0;
      font-size: 12px;
      overflow: hidden; }
    .component-login .user-login-form .register-control {
      font-size: 14px;
      padding-top: 20px;
      border-top: #666 dashed 1px; }
    .component-login .user-login-form .error input {
      z-index: 1; }
  .component-login legend, .component-login a {
    color: #614544; }
  .component-login .form {
    margin: 0; }
  .component-login .keep-group {
    padding-bottom: 20px;
    font-size: 12px; }
    .component-login .keep-group .toreg {
      color: #ff2200; }
    .component-login .keep-group .register-a {
      color: #2687d0; }
  .component-login .login-type {
    line-height: 1.5em; }
    .component-login .login-type li {
      margin-bottom: 10px;
      padding-left: 20px;
      list-style-type: none;
      position: relative;
      zoom: 1; }
      .component-login .login-type li a {
        text-decoration: underline; }
      .component-login .login-type li i {
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -9px; }
.new-item-choose .cutwords {
  overflow: visible;
  text-overflow: ellipsis;
  white-space: wrap; }

.new-item-choose .new-item-container {
  width: 600px;
  margin-bottom: 20px; }
  .new-item-choose .new-item-container table.table th {
    border: none; }
  .new-item-choose .new-item-container table.table td {
    border-left: none;
    border-right: none;
    height: 60px;
    overflow: hidden; }
  .new-item-choose .new-item-container table.table tbody:last-child tr {
    background-color: #ffffff;
    vertical-align: middle; }
  .new-item-choose .new-item-container table.table .top-text {
    vertical-align: top;
    display: inline-block;
    line-height: 24px;
    max-width: 230px; }
  .new-item-choose .new-item-container table.table .new-item-choose-pagination label.total {
    display: none; }
  .new-item-choose .new-item-container table.table .item-list-pagination label.total {
    padding-right: 10px; }

.new-item-choose-dialog {
  width: 1000px !important; }
  .new-item-choose-dialog .table-wrapper {
    max-height: 350px !important;
    overflow-y: auto; }
  .new-item-choose-dialog .control-group.sp .control-label.menu {
    width: 108px;
    text-align: left; }
    .new-item-choose-dialog .control-group.sp .control-label.menu ul {
      height: 26px;
      display: inline-block;
      overflow-y: visible;
      border: none; }
      .new-item-choose-dialog .control-group.sp .control-label.menu ul li {
        padding: 4px 0;
        background: none; }
        .new-item-choose-dialog .control-group.sp .control-label.menu ul li span.caret {
          color: #999999; }
  .new-item-choose-dialog .control-group.sp input {
    vertical-align: top; }
  .new-item-choose-dialog .control-group.sp a.searchBtn {
    line-height: 32px;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px; }
  .new-item-choose-dialog .jump-to-item {
    max-width: 190px;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    overflow: visible; }
  .new-item-choose-dialog table.table th {
    border: none; }
  .new-item-choose-dialog table.table td {
    border-left: none;
    border-right: none; }
  .new-item-choose-dialog table.table tbody:last-child tr {
    background-color: #ffffff; }
    .new-item-choose-dialog table.table tbody:last-child tr td {
      border-bottom: none;
      height: 60px; }
  .new-item-choose-dialog .new-item-choose-pagination label.total {
    display: none; }
  .new-item-choose-dialog .pagination {
    margin-top: 0; }
  .new-item-choose-dialog .new-choose-all,
  .new-item-choose-dialog .new-cancel-all {
    vertical-align: middle; }
  .new-item-choose-dialog .item-search-type {
    width: 115px;
    height: 40px;
    margin: 10px 100px 10px 10px; }
  .new-item-choose-dialog .search_pruduct {
    width: 150px;
    height: 40px;
    margin: 10px 100px 10px 100px; }
  .new-item-choose-dialog .searchBtn_pruduct {
    margin: 10px 0px; }

.sku-choose-dialog {
  width: 600px; }
  .sku-choose-dialog .h20 {
    height: 20px !important;
    line-height: 18px;
    padding-top: 0;
    padding-bottom: 0; }
  .sku-choose-dialog .table-wrapper {
    max-height: 350px;
    overflow-y: auto; }
  .sku-choose-dialog label {
    width: auto !important;
    margin-right: 5px !important; }
  .sku-choose-dialog .skuName {
    max-width: 100%;
    display: inline-block; }
  .sku-choose-dialog table.table th {
    border: none; }
  .sku-choose-dialog table.table td {
    border-left: none;
    border-right: none; }
  .sku-choose-dialog table.table tbody tr:last-child td {
    border-bottom: none; }
  .sku-choose-dialog .form-choose-dialog {
    padding: 15px 0; }
.item-choose .cutwords {
  overflow: visible;
  text-overflow: ellipsis;
  white-space: wrap; }

.item-choose .item-container {
  width: 600px;
  margin-bottom: 20px; }
  .item-choose .item-container table.table th {
    border: none; }
  .item-choose .item-container table.table td {
    border-left: none;
    border-right: none;
    height: 60px;
    overflow: hidden; }
  .item-choose .item-container table.table tbody:last-child tr {
    background-color: #ffffff;
    vertical-align: middle; }
  .item-choose .item-container table.table .top-text {
    vertical-align: top;
    display: inline-block;
    line-height: 24px;
    max-width: 230px; }
  .item-choose .item-container table.table .item-choose-pagination label.total {
    display: none; }
  .item-choose .item-container table.table .item-list-pagination label.total {
    padding-right: 10px; }

.item-choose-dialog {
  width: 1000px !important; }
  .item-choose-dialog .table-wrapper {
    max-height: 350px !important;
    overflow-y: auto; }
  .item-choose-dialog .control-group.sp .control-label.menu {
    width: 108px;
    text-align: left; }
    .item-choose-dialog .control-group.sp .control-label.menu ul {
      height: 26px;
      display: inline-block;
      overflow-y: visible;
      border: none; }
      .item-choose-dialog .control-group.sp .control-label.menu ul li {
        padding: 4px 0;
        background: none; }
        .item-choose-dialog .control-group.sp .control-label.menu ul li span.caret {
          color: #999999; }
  .item-choose-dialog .control-group.sp input {
    vertical-align: top; }
  .item-choose-dialog .control-group.sp a.searchBtn {
    line-height: 32px;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px; }
  .item-choose-dialog .jump-to-item {
    max-width: 190px;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    overflow: visible; }
  .item-choose-dialog table.table th {
    border: none; }
  .item-choose-dialog table.table td {
    border-left: none;
    border-right: none; }
  .item-choose-dialog table.table tbody:last-child tr {
    background-color: #ffffff; }
    .item-choose-dialog table.table tbody:last-child tr td {
      border-bottom: none;
      height: 60px; }
  .item-choose-dialog .item-choose-pagination label.total {
    display: none; }
  .item-choose-dialog .pagination {
    margin-top: 0; }
  .item-choose-dialog .choose-all,
  .item-choose-dialog .cancel-all {
    vertical-align: middle; }
  .item-choose-dialog .item-search-type {
    width: 115px;
    height: 40px;
    margin: 10px 100px 10px 10px; }
  .item-choose-dialog .search_pruduct {
    width: 150px;
    height: 40px;
    margin: 10px 100px 10px 100px; }
  .item-choose-dialog .searchBtn_pruduct {
    margin: 10px 0px; }

.sku-choose-dialog {
  width: 600px; }
  .sku-choose-dialog .h20 {
    height: 20px !important;
    line-height: 18px;
    padding-top: 0;
    padding-bottom: 0; }
  .sku-choose-dialog .table-wrapper {
    max-height: 350px;
    overflow-y: auto; }
  .sku-choose-dialog label {
    width: auto !important;
    margin-right: 5px !important; }
  .sku-choose-dialog .skuName {
    max-width: 100%;
    display: inline-block; }
  .sku-choose-dialog table.table th {
    border: none; }
  .sku-choose-dialog table.table td {
    border-left: none;
    border-right: none; }
  .sku-choose-dialog table.table tbody tr:last-child td {
    border-bottom: none; }
  .sku-choose-dialog .form-choose-dialog {
    padding: 15px 0; }
.shop-choose .cutwords {
  overflow: visible;
  text-overflow: ellipsis;
  white-space: nowrap; }

.shop-choose .shop-container {
  width: 600px;
  margin-bottom: 20px; }
  .shop-choose .shop-container table.table th {
    border: none; }
  .shop-choose .shop-container table.table td {
    border-left: none;
    border-right: none;
    height: 60px; }
  .shop-choose .shop-container table.table tbody:last-child tr {
    background-color: #ffffff;
    vertical-align: middle; }
  .shop-choose .shop-container table.table .top-text {
    vertical-align: top;
    display: inline-block;
    line-height: 24px;
    max-width: 230px; }
  .shop-choose .shop-container table.table .shop-choose-pagination label.total {
    display: none; }
  .shop-choose .shop-container table.table .shop-list-pagination label.total {
    padding-right: 10px; }

.shop-choose-dialog {
  width: 1000px !important; }
  .shop-choose-dialog .table-wrapper {
    max-height: 350px !important;
    overflow-y: auto; }
  .shop-choose-dialog .control-group.sp .control-label.menu {
    width: 108px;
    text-align: left; }
    .shop-choose-dialog .control-group.sp .control-label.menu ul {
      height: 26px;
      display: inline-block;
      overflow-y: visible;
      border: none; }
      .shop-choose-dialog .control-group.sp .control-label.menu ul li {
        padding: 4px 0;
        background: none; }
        .shop-choose-dialog .control-group.sp .control-label.menu ul li span.caret {
          color: #999999; }
  .shop-choose-dialog .control-group.sp input {
    vertical-align: top; }
  .shop-choose-dialog .control-group.sp a.searchBtn {
    line-height: 32px;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px; }
  .shop-choose-dialog .jump-to-shop {
    max-width: 190px;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    overflow: visible; }
  .shop-choose-dialog table.table th {
    border: none; }
  .shop-choose-dialog table.table td {
    border-left: none;
    border-right: none; }
  .shop-choose-dialog table.table tbody:last-child tr {
    background-color: #ffffff; }
    .shop-choose-dialog table.table tbody:last-child tr td {
      border-bottom: none;
      height: 60px; }
  .shop-choose-dialog .shop-choose-pagination label.total {
    display: none; }
  .shop-choose-dialog .pagination {
    margin-top: 0; }
  .shop-choose-dialog .choose-all,
  .shop-choose-dialog .cancel-all {
    vertical-align: middle; }
  .shop-choose-dialog .shop-search-type {
    width: 115px;
    height: 40px;
    margin: 10px 100px 10px 10px; }
  .shop-choose-dialog .search_pruduct {
    width: 150px;
    height: 40px;
    margin: 10px 100px 10px 100px; }
  .shop-choose-dialog .searchBtn_pruduct {
    margin: 10px 0px; }

.sku-choose-dialog {
  width: 600px; }
  .sku-choose-dialog .h20 {
    height: 20px !important;
    line-height: 18px;
    padding-top: 0;
    padding-bottom: 0; }
  .sku-choose-dialog .table-wrapper {
    max-height: 350px;
    overflow-y: auto; }
  .sku-choose-dialog label {
    width: auto !important;
    margin-right: 5px !important; }
  .sku-choose-dialog .skuName {
    max-width: 100%;
    display: inline-block; }
  .sku-choose-dialog table.table th {
    border: none; }
  .sku-choose-dialog table.table td {
    border-left: none;
    border-right: none; }
  .sku-choose-dialog table.table tbody tr:last-child td {
    border-bottom: none; }
  .sku-choose-dialog .form-choose-dialog {
    padding: 15px 0; }
@font-face {
  font-family: "login-iconfont";
  /* project id 1257720 */
  src: url("//at.alicdn.com/t/font_1257720_fr77ls7dp5j.eot");
  src: url("//at.alicdn.com/t/font_1257720_fr77ls7dp5j.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_1257720_fr77ls7dp5j.woff2") format("woff2"), url("//at.alicdn.com/t/font_1257720_fr77ls7dp5j.woff") format("woff"), url("//at.alicdn.com/t/font_1257720_fr77ls7dp5j.ttf") format("truetype"), url("//at.alicdn.com/t/font_1257720_fr77ls7dp5j.svg#login-iconfont") format("svg"); }

.react-single-app-personal-center {
  width: 100%;
  padding: 98px 24px 0;
  box-sizing: border-box;
  background: #fff; }
  .react-single-app-personal-center .welcome {
    padding-left: 24px;
    padding-bottom: 24px;
    box-sizing: border-box;
    font-size: 24px;
    line-height: 32px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.85);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
  .react-single-app-personal-center .item {
    padding: 24px;
    box-sizing: border-box;
    line-height: 24px;
    font-size: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
    .react-single-app-personal-center .item .item_head {
      display: inline-block;
      width: 105px;
      margin-right: 12px; }
    .react-single-app-personal-center .item .item_body {
      color: rgba(0, 0, 0, 0.65); }
    .react-single-app-personal-center .item .item_operation {
      float: right;
      font-size: 14px;
      color: #1890ff;
      cursor: pointer; }
  .react-single-app-personal-center-check {
    color: #666; }
    .react-single-app-personal-center-check:before {
      font-family: login-iconfont;
      content: "\e668";
      color: #999;
      margin-right: 5px;
      font-size: 16px; }
    .react-single-app-personal-center-check.true:before {
      content: "\e66b";
      color: #8dce55; }

.component-standard-container {
  height: 100vh; }

.login-container {
  display: flex;
  justify-content: flex-start;
  position: relative;
  z-index: 100;
  font-size: 14px; }
  .login-container .left-bg {
    margin-right: 120px; }
  .login-container button[type="submit"] {
    margin-top: 20px; }

.outer-login .login-wrap {
  width: 448px;
  background: #ffffff;
  padding: 26px 40px;
  box-shadow: 0 2px 16px 0 rgba(224, 224, 224, 0.5);
  border-radius: 16px;
  position: relative;
  float: right; }
  .outer-login .login-wrap .login-switch {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .outer-login .login-wrap .login-switch img {
      width: 12px;
      height: 11px;
      margin-right: 2px; }
    .outer-login .login-wrap .login-switch .role-name {
      font-size: 20px;
      font-family: PingFangSC-Semibold, PingFang SC;
      font-weight: 600;
      color: #333333;
      line-height: 28px;
      padding-top: 30px; }
    .outer-login .login-wrap .login-switch .switch-btn {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      font-size: 14px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #999999;
      line-height: 20px;
      margin-bottom: 30px;
      width: 88px;
      height: 24px; }
    .outer-login .login-wrap .login-switch .switch-btn:hover {
      cursor: pointer;
      width: 88px;
      height: 24px;
      background: #f6f7fa;
      border-radius: 2px;
      color: #666;
      margin-bottom: 30px; }
  .outer-login .login-wrap .lpr-content {
    padding: 0; }
    .outer-login .login-wrap .lpr-content .login-type {
      width: 100%;
      justify-content: center; }
      .outer-login .login-wrap .lpr-content .login-type .link {
        color: #1890ff;
        text-decoration: none;
        cursor: pointer; }
        .outer-login .login-wrap .lpr-content .login-type .link.cursor-auto {
          cursor: auto; }
      .outer-login .login-wrap .lpr-content .login-type .link:hover {
        color: #40a9ff; }
    .outer-login .login-wrap .lpr-content .oauth-login {
      padding: 85px 0; }
    .outer-login .login-wrap .lpr-content .oauth-btn-login {
      width: 100%; }
      .outer-login .login-wrap .lpr-content .oauth-btn-login .wechat-icon {
        margin: auto;
        vertical-align: -5px; }
  .outer-login .login-wrap .privacy-div {
    text-align: center; }

.main-login {
  height: calc(100% - 130px); }
.component-login {
  width: 360px;
  padding: 50px 40px;
  background-color: white;
  border: 1px solid #DADADA;
  -webkit-box-shadow: compact(0px 0px 30px #c2c2c2, false, false, false, false, false, false, false, false, false);
  -moz-box-shadow: compact(0px 0px 30px #c2c2c2, false, false, false, false, false, false, false, false, false);
  box-shadow: compact(0px 0px 30px #c2c2c2, false, false, false, false, false, false, false, false, false); }
  .component-login.modal {
    padding: 30px;
    position: absolute; }
  .component-login .user-login-form {
    font-size: 14px;
    margin: 0 50px;
    text-align: left; }
    .component-login .user-login-form legend {
      margin-bottom: 50px;
      font-size: 14px; }
    .component-login .user-login-form .control-group {
      margin-bottom: 20px; }
    .component-login .user-login-form .keep-group {
      margin-bottom: 0;
      margin-top: 30px; }
    .component-login .user-login-form input {
      height: 40px;
      padding-left: 10px;
      padding-right: 10px;
      position: relative;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      vertical-align: middle; }
      .component-login .user-login-form input.btn {
        font-size: 14px; }
    .component-login .user-login-form #login-name, .component-login .user-login-form #login-password {
      background-color: #fff;
      position: relative;
      zoom: 1;
      margin-bottom: 20px;
      border: #dfdfdf solid 1px;
      -webkit-transition: compact(compact(all 0.5s 0 ease, false, false, false, false, false, false, false, false, false) false false...);
      -moz-transition: compact(compact(all 0.5s 0 ease, false, false, false, false, false, false, false, false, false) false false false...);
      -o-transition: compact(compact(all 0.5s 0 ease, false, false, false, false, false, false, false, false, false) false false false...);
      transition: compact(all 0.5s 0 ease, false, false, false, false, false, false, false, false, false); }
      .component-login .user-login-form #login-name:hover, .component-login .user-login-form #login-password:hover {
        border-color: #129fea;
        z-index: 3; }
      .component-login .user-login-form #login-name.error, .component-login .user-login-form #login-password.error {
        z-index: 2;
        border-color: #ff2200; }
        .component-login .user-login-form #login-name.error input, .component-login .user-login-form #login-password.error input {
          color: #666; }
      .component-login .user-login-form #login-name .input-icon, .component-login .user-login-form #login-password .input-icon {
        position: absolute;
        top: 12px;
        left: 10px;
        font-size: 24px;
        z-index: 4;
        color: #999; }
      .component-login .user-login-form #login-name input, .component-login .user-login-form #login-password input {
        border: none;
        font-size: 12px;
        padding-left: 60px;
        -webkit-transition: compact(compact(color 0.5s 0 ease, false, false, false, false, false, false, false, false, false) false false...);
        -moz-transition: compact(compact(color 0.5s 0 ease, false, false, false, false, false, false, false, false, false) false false false...);
        -o-transition: compact(compact(color 0.5s 0 ease, false, false, false, false, false, false, false, false, false) false false false...);
        transition: compact(color 0.5s 0 ease, false, false, false, false, false, false, false, false, false); }
      .component-login .user-login-form #login-name .error-tips, .component-login .user-login-form #login-password .error-tips {
        color: #ff2200;
        font-size: 12px;
        height: 16px;
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: absolute;
        right: 3px;
        bottom: 25px;
        z-index: 3;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0; }
    .component-login .user-login-form .error-wall {
      color: #ff2200;
      margin-top: -10px;
      margin-bottom: 10px;
      height: 0;
      font-size: 12px;
      overflow: hidden; }
    .component-login .user-login-form .register-control {
      font-size: 14px;
      padding-top: 20px;
      border-top: #666 dashed 1px; }
    .component-login .user-login-form .error input {
      z-index: 1; }
  .component-login legend, .component-login a {
    color: #614544; }
  .component-login .form {
    margin: 0; }
  .component-login .keep-group {
    padding-bottom: 20px;
    font-size: 12px; }
    .component-login .keep-group .toreg {
      color: #ff2200; }
    .component-login .keep-group .register-a {
      color: #2687d0; }
  .component-login .login-type {
    line-height: 1.5em; }
    .component-login .login-type li {
      margin-bottom: 10px;
      padding-left: 20px;
      list-style-type: none;
      position: relative;
      zoom: 1; }
      .component-login .login-type li a {
        text-decoration: underline; }
      .component-login .login-type li i {
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -9px; }
.import-container .box {
  margin-top: 30px;
  border: solid 1px #ddd;
  padding: 20px 40px; }
  .import-container .box .title {
    position: relative;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #333;
    font-weight: bold; }
    .import-container .box .title:before {
      content: "";
      position: absolute;
      left: -12px;
      top: 10px;
      width: 3px;
      height: 16px;
      background: #1890ff; }
  .import-container .box .text {
    color: #666;
    margin-bottom: 20px;
    white-space: break-spaces; }
#react-single-app-wait .mask {
  z-index: 2100;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  opacity: 0.6; }

#react-single-app-wait img {
  display: block;
  width: 160px;
  height: 160px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -80px;
  margin-right: -80px;
  z-index: 2301; }
.component-standard-container {
  min-width: 988px;
  background-color: #fff;
  padding: 20px;
  min-height: 500px; }
  .component-standard-container .error,
  .component-standard-container .error *,
  .component-standard-container .unvalid,
  .component-standard-container .unvalid * {
    color: #ff2200; }
  .component-standard-container .component-header {
    margin-bottom: 20px; }
    .component-standard-container .component-header .component-title {
      font-size: 14px;
      color: #614544;
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      line-height: 28px; }
  .component-standard-container .block {
    margin-bottom: 20px; }
  .component-standard-container .component-body {
    background-color: #fff; }

.component-standard-tab-container {
  min-width: 988px; }
  .component-standard-tab-container .error,
  .component-standard-tab-container .error *,
  .component-standard-tab-container .unvalid,
  .component-standard-tab-container .unvalid * {
    color: #ff2200; }
  .component-standard-tab-container .tab-contents {
    margin: 0;
    padding: 20px;
    background-color: #fff; }
  .component-standard-tab-container .component-header {
    margin-bottom: 20px; }
    .component-standard-tab-container .component-header .component-title {
      font-size: 14px;
      color: #614544;
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      line-height: 28px; }
  .component-standard-tab-container .block {
    margin-bottom: 20px; }
  .component-standard-tab-container .component-body {
    background-color: #fff; }

.error-site {
  position: absolute;
  margin: 0 auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }
  .error-site .logo {
    width: 100%; }
  .error-site .error-content {
    width: 760px;
    margin: 0 auto;
    margin-top: 200px; }
    .error-site .error-content .error-img {
      float: left; }
    .error-site .error-content .error-text {
      float: right; }
      .error-site .error-content .error-text p {
        font-size: 60px;
        line-height: 60px;
        margin: 0;
        color: #ff2200; }
    .error-site .error-content .prompt-words {
      font-size: 20px;
      margin-top: 20px;
      list-style-type: none;
      color: #ff2200; }
    .error-site .error-content .possible-error {
      margin-top: 20px;
      font-size: 16px;
      margin-left: 18px;
      color: #999; }
  .error-site .link-index {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    bottom: 0; }

.html-content {
  line-height: 1.5em; }
  .html-content ul {
    list-style: none;
    padding-left: 0; }
  .html-content ol {
    list-style-position: inside;
    padding-left: 10px; }
  .html-content h1 {
    font-weight: bold;
    font-size: 28px;
    color: #000;
    margin-bottom: 15px; }
  .html-content h2 {
    color: #ec297b;
    margin-top: 25px;
    font-size: 24px; }
  .html-content p {
    font-size: 14px; }
  .html-content .wysiwyg-clear-both {
    clear: both;
    zoom: 1; }
  .html-content .wysiwyg-clear-both:after {
    content: "";
    display: block;
    clear: both;
    height: 0; }
  .html-content .sc-crumbs {
    color: #999; }
  .html-content .sc-crumbs span {
    color: #646464; }
  .html-content .wysiwyg-float-left {
    float: left;
    width: 230px;
    font-size: 14px;
    line-height: 2em;
    margin-top: 15px; }
  .html-content .wysiwyg-float-left a {
    color: #000; }
  .html-content .wysiwyg-float-right {
    width: 100%;
    float: right;
    margin-right: -250px; }
  .html-content .wysiwyg-float-right .wysiwyg-float-right {
    margin-right: 250px;
    line-height: 24px;
    float: none;
    width: auto; }

.user-center-contailer {
  border-top: 1px solid #dfdfdf; }
  .user-center-contailer .user-center-content {
    width: 500px;
    margin: 0 auto;
    display: block; }

.body {
  background-color: #edeeef; }

.user-center-wrapper {
  padding-top: 100px;
  width: 100%;
  display: block; }
  .user-center-wrapper .user-center-container {
    width: 1200px;
    margin: 0 auto; }
    .user-center-wrapper .user-center-container .component-standard-tab-container {
      min-width: auto; }
      .user-center-wrapper .user-center-container .component-standard-tab-container .tab-contents {
        padding: 20px 0 0; }
    .user-center-wrapper .user-center-container .component-standard-container {
      padding: 0;
      min-width: auto; }

.top-ceiling.user-center {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 4;
  display: block; }

.main-top {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 400;
  display: block; }
  .main-top.user-center {
    padding-top: 40px;
    background-color: #1890ff; }

.main-left {
  position: fixed;
  left: 0;
  width: 180px;
  top: 0;
  bottom: 0;
  z-index: 2;
  display: block;
  background-color: #232936; }
  .main-left.user-center {
    width: 180px;
    padding-top: 0px;
    position: relative;
    float: left;
    background: none; }
    .main-left.user-center .component-sidebar-container .sidebar {
      padding-top: 0;
      background: none; }
    .main-left.user-center .nav-bg-box {
      position: fixed;
      right: 400px;
      top: 0;
      width: 100000px;
      height: 100000px;
      background-color: #f3f6f9;
      margin-right: 50%; }

.main-left-mini {
  width: 36px; }

.white-space-normal {
  white-space: normal !important; }

.main-right {
  margin-top: 0;
  margin-bottom: 0;
  padding: 60px 16px 0 16px;
  overflow-y: auto;
  display: block;
  position: static;
  background-color: #edeeef; }
  .main-right.user-center {
    background-color: #ffffff;
    margin-left: 200px;
    padding: 0 0 0 24px;
    margin-bottom: 24px; }

.main-right-mini {
  margin-left: 36px; }

.main-foot {
  position: fixed;
  margin-left: 200px;
  display: block;
  z-index: 2;
  height: 41px;
  background-color: #fff;
  border-top: 1px solid #e4eaec;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px; }

.hide {
  display: none; }

ul,
ol {
  padding: 0;
  margin: 0;
  list-style: none; }
.component-item-search .cutwords {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.component-item-search a {
  color: inherit; }

.component-item-search .items-total {
  line-height: 12px;
  float: right; }

.component-item-search .current-location-dark {
  padding: 12px 0;
  font-size: 12px; }

.component-item-search .current-location-span i.chosen-close {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: bottom;
  *vertical-align: auto;
  zoom: 1;
  *display: inline; }

.component-item-search .current-location-span .bread-selector {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  border: 1px solid #dfdfdf;
  padding: 4px;
  margin-right: 6px; }

.component-item-search .brand-list {
  padding: 1px 0 0 10px;
  height: 99px;
  overflow: hidden; }

.component-item-search .selected-brands-list {
  padding-left: 10px; }
  .component-item-search .selected-brands-list .selected-brand {
    margin: 0 10px 0 5px; }
  .component-item-search .selected-brands-list i {
    font-size: 14px;
    color: #1890ff;
    vertical-align: baseline; }

.component-item-search .brand-li {
  width: 100px;
  height: 50px;
  padding: 10px;
  float: left;
  border: 1px solid #dfdfdf;
  margin-right: -1px;
  margin-top: -1px;
  overflow: hidden;
  cursor: pointer; }
  .component-item-search .brand-li .check-icon {
    display: none;
    position: absolute;
    bottom: -12px;
    right: -1px;
    font-size: 16px; }
  .component-item-search .brand-li:hover, .component-item-search .brand-li.active {
    position: relative;
    border-color: #1890ff;
    position: relative; }
  .component-item-search .brand-li.active .check-icon {
    color: #1890ff;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline; }
  .component-item-search .brand-li.noLogo .brand-item .brand-name {
    display: block;
    text-align: center;
    height: 100%;
    font-size: 12px;
    white-space: nowrap;
    line-height: 30px;
    text-overflow: ellipsis;
    overflow: hidden; }

.component-item-search .brand-item {
  width: 100%;
  height: 100%; }
  .component-item-search .brand-item:hover .brand-name {
    display: block;
    text-align: center;
    color: #1890ff;
    height: 100%;
    font-size: 12px;
    white-space: nowrap;
    line-height: 30px;
    text-overflow: ellipsis;
    overflow: hidden; }
  .component-item-search .brand-item:hover .brand-img {
    display: none; }

.component-item-search .brand-img {
  max-width: 80px;
  max-height: 30px; }

.component-item-search .brand-name {
  display: none; }

.component-item-search .nav-group.shop-search {
  border: none;
  padding: 0; }
  .component-item-search .nav-group.shop-search dl {
    border: 1px solid #dfdfdf;
    border-top: none;
    padding: 0;
    float: left; }
    .component-item-search .nav-group.shop-search dl:first-child {
      border-top: 1px solid #dfdfdf; }
    .component-item-search .nav-group.shop-search dl dt {
      width: 120px;
      padding: 0 10px;
      float: left;
      height: 100%;
      background: #f5f5f5; }
    .component-item-search .nav-group.shop-search dl dd {
      margin: 0;
      padding-left: 10px; }
      .component-item-search .nav-group.shop-search dl dd.attr-list {
        width: 928px;
        float: left; }
      .component-item-search .nav-group.shop-search dl dd.more-dd {
        width: 150px;
        float: right; }

.component-item-search .search-attrs {
  border: none;
  padding: 0; }
  .component-item-search .search-attrs tr {
    border: 1px solid #dfdfdf;
    border-top: none;
    padding: 0; }
    .component-item-search .search-attrs tr:first-child {
      border-top: 1px solid #dfdfdf; }
    .component-item-search .search-attrs tr.nbb {
      border-bottom: none; }
    .component-item-search .search-attrs tr.active {
      border: 1px solid #1890ff;
      border-top: 1px solid #1890ff; }
      .component-item-search .search-attrs tr.active th {
        background-color: #f3fafd; }
  .component-item-search .search-attrs th {
    width: 120px;
    padding: 8px 10px;
    background-color: #f5f5f5;
    line-height: 18px;
    /* vertical-align: top;*/
    text-align: left;
    font-size: 12px;
    color: #666;
    font-weight: normal; }
  .component-item-search .search-attrs .attr-group {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .component-item-search .search-attrs td {
    margin: 0;
    padding: 4px 10px;
    line-height: 36px;
    text-align: left; }
    .component-item-search .search-attrs td.attr-container, .component-item-search .search-attrs td.brand-container {
      width: 928px; }
      .component-item-search .search-attrs td.attr-container .attr-list, .component-item-search .search-attrs td.brand-container .attr-list {
        width: 100%;
        height: 32px;
        overflow-y: hidden;
        /* display: flex;*/
        justify-content: center;
        align-items: center; }
        .component-item-search .search-attrs td.attr-container .attr-list .attr-dd, .component-item-search .search-attrs td.brand-container .attr-list .attr-dd {
          width: 170px;
          float: left;
          line-height: 18px;
          padding: 5px 23px 5px 0;
          margin-right: 10px; }
        .component-item-search .search-attrs td.attr-container .attr-list .attr, .component-item-search .search-attrs td.brand-container .attr-list .attr {
          padding-left: 9px;
          position: relative;
          cursor: pointer;
          color: #999;
          max-width: 140px;
          line-height: 18px;
          height: 24px;
          border: 1px solid #fff; }
          .component-item-search .search-attrs td.attr-container .attr-list .attr.checked, .component-item-search .search-attrs td.brand-container .attr-list .attr.checked {
            border: 1px solid #dfdfdf;
            padding-right: 30px;
            display: inline-block;
            color: #666;
            line-height: 22px; }
            .component-item-search .search-attrs td.attr-container .attr-list .attr.checked i, .component-item-search .search-attrs td.brand-container .attr-list .attr.checked i {
              display: block; }
          .component-item-search .search-attrs td.attr-container .attr-list .attr i, .component-item-search .search-attrs td.brand-container .attr-list .attr i {
            display: none;
            position: absolute;
            right: 8px;
            top: 6px;
            height: 12px;
            width: 12px;
            line-height: 12px;
            color: #666; }
      .component-item-search .search-attrs td.attr-container.extend .attr-list, .component-item-search .search-attrs td.brand-container.extend .attr-list {
        max-height: 128px;
        overflow-y: visible; }
      .component-item-search .search-attrs td.attr-container.extend .attr-dd, .component-item-search .search-attrs td.brand-container.extend .attr-dd {
        padding: 5px 23px 5px 0; }
      .component-item-search .search-attrs td.attr-container.extend .brand-list, .component-item-search .search-attrs td.brand-container.extend .brand-list {
        height: 150px;
        overflow-y: scroll; }
      .component-item-search .search-attrs td.attr-container a, .component-item-search .search-attrs td.brand-container a {
        color: #999;
        max-width: 140px;
        padding-left: 10px;
        display: inline-block;
        float: left; }
        .component-item-search .search-attrs td.attr-container a:hover, .component-item-search .search-attrs td.brand-container a:hover {
          color: #666; }
    .component-item-search .search-attrs td .brand-buttons {
      margin: 20px 0 0 0;
      text-align: center;
      width: 100%;
      float: left; }
    .component-item-search .search-attrs td.more-dd {
      width: 150px;
      vertical-align: top;
      text-align: right;
      padding-left: 0;
      font-size: 0;
      padding: 4px 0; }
      .component-item-search .search-attrs td.more-dd button {
        margin-right: 10px;
        height: 24px;
        background-color: #ffffff;
        color: #666;
        border: 1px solid #dfdfdf;
        padding: 5px 7px; }
      .component-item-search .search-attrs td.more-dd .js-elects i {
        vertical-align: top;
        color: #1890ff; }
  .component-item-search .search-attrs .show-more {
    height: 28px;
    width: 100%;
    border-top: 3px solid #dfdfdf;
    position: relative;
    margin-bottom: 30px; }
    .component-item-search .search-attrs .show-more .toggle-more {
      position: absolute;
      right: 0;
      top: -3px;
      height: 28px;
      line-height: 28px;
      padding: 0 20px;
      background-color: #dfdfdf;
      cursor: pointer; }

.component-item-search .shop-search-filter {
  background-color: #f5f5f5;
  border: 1px solid #dfdfdf;
  margin-top: -5px;
  width: 100%;
  height: 42px; }
  .component-item-search .shop-search-filter .filter-banner {
    display: inline-block;
    float: left; }
    .component-item-search .shop-search-filter .filter-banner .js-item-sort {
      padding: 0 10px;
      display: inline-block;
      line-height: 38px;
      cursor: pointer;
      border-left: 1px solid #f5f5f5;
      border-right: 1px solid #f5f5f5;
      color: #999; }
      .component-item-search .shop-search-filter .filter-banner .js-item-sort:first-child {
        border-left: none; }
      .component-item-search .shop-search-filter .filter-banner .js-item-sort.active {
        background: #ffffff;
        color: #40a9ff;
        border-color: #dfdfdf; }
        .component-item-search .shop-search-filter .filter-banner .js-item-sort.active i {
          color: #40a9ff; }
      .component-item-search .shop-search-filter .filter-banner .js-item-sort i {
        color: #999; }
  .component-item-search .shop-search-filter .filter-form {
    display: inline-block;
    padding-left: 10px;
    float: left; }
    .component-item-search .shop-search-filter .filter-form fieldset {
      padding: 4px 0; }
      .component-item-search .shop-search-filter .filter-form fieldset .input-group {
        display: inline-block;
        vertical-align: middle; }
      .component-item-search .shop-search-filter .filter-form fieldset .line {
        line-height: 42px;
        vertical-align: top;
        font-size: 12px; }
      .component-item-search .shop-search-filter .filter-form fieldset .operations {
        vertical-align: middle; }
  .component-item-search .shop-search-filter .displayChange {
    float: right;
    display: inline-block; }
    .component-item-search .shop-search-filter .displayChange .js-list-display {
      padding: 0 10px;
      display: inline-block;
      line-height: 38px;
      cursor: pointer;
      border-left: 1px solid #f5f5f5;
      border-right: 1px solid #f5f5f5; }
      .component-item-search .shop-search-filter .displayChange .js-list-display:last-child {
        border-right: none; }
      .component-item-search .shop-search-filter .displayChange .js-list-display.active {
        background: #ffffff;
        color: #40a9ff;
        border-color: #dfdfdf; }
        .component-item-search .shop-search-filter .displayChange .js-list-display.active i {
          color: #40a9ff; }
      .component-item-search .shop-search-filter .displayChange .js-list-display i {
        color: #999;
        font-size: 16px; }

.component-item-search .list .shop-search-items-img-type li.product {
  width: 232px;
  height: 340px;
  padding: 10px;
  margin: 0 10px 10px 0;
  border: 1px solid #dfdfdf; }
  .component-item-search .list .shop-search-items-img-type li.product.no-mr {
    margin-right: 0; }
  .component-item-search .list .shop-search-items-img-type li.product:hover {
    border: 1px solid #1890ff; }
  .component-item-search .list .shop-search-items-img-type li.product .product-image {
    width: 212px;
    height: 212px; }
  .component-item-search .list .shop-search-items-img-type li.product .product-price {
    font-size: 16px;
    line-height: 16px;
    color: #ff7900;
    font-weight: bold; }
    .component-item-search .list .shop-search-items-img-type li.product .product-price .saleQuantity {
      font-size: 12px;
      color: #999;
      font-weight: normal;
      float: right;
      line-height: 16px; }
  .component-item-search .list .shop-search-items-img-type li.product .product-desc {
    color: #666;
    line-height: 18px;
    margin: 7px 0 8px; }
    .component-item-search .list .shop-search-items-img-type li.product .product-desc em {
      color: #1890ff;
      font-weight: bold; }
  .component-item-search .list .shop-search-items-img-type li.product .shop-name {
    margin: 8px 0;
    line-height: 16px;
    color: #999; }
    .component-item-search .list .shop-search-items-img-type li.product .shop-name i {
      font-size: 16px; }
    .component-item-search .list .shop-search-items-img-type li.product .shop-name a {
      color: #999; }
      .component-item-search .list .shop-search-items-img-type li.product .shop-name a:hover {
        color: #1890ff; }

.component-item-search .list .shop-search-items-list-type {
  margin-top: 20px; }
  .component-item-search .list .shop-search-items-list-type tr.last td {
    border-bottom: 1px solid #dfdfdf; }
  .component-item-search .list .shop-search-items-list-type tr:hover td {
    background-color: #f5f5f5; }
  .component-item-search .list .shop-search-items-list-type td {
    padding: 20px 0;
    vertical-align: top;
    border-top: 1px solid #dfdfdf; }
  .component-item-search .list .shop-search-items-list-type .promotion-type {
    display: inline-block;
    width: 50px;
    height: 20px;
    line-height: 20px;
    margin-left: 10px;
    color: #fff;
    text-align: center; }
  .component-item-search .list .shop-search-items-list-type .promotion-type-3 {
    background-color: #fbc543; }
  .component-item-search .list .shop-search-items-list-type .product-image {
    width: 80px;
    height: 80px;
    border: 1px solid rgba(216, 216, 216, 0.4);
    margin-right: 20px;
    display: inline-block; }
  .component-item-search .list .shop-search-items-list-type .descAshop {
    display: inline-block;
    width: 330px;
    vertical-align: top; }
    .component-item-search .list .shop-search-items-list-type .descAshop p {
      margin: 0;
      line-height: 18px; }
      .component-item-search .list .shop-search-items-list-type .descAshop p a {
        color: #666; }
        .component-item-search .list .shop-search-items-list-type .descAshop p a:hover {
          color: #1890ff; }
    .component-item-search .list .shop-search-items-list-type .descAshop .product-desc {
      color: #666;
      line-height: 18px; }
    .component-item-search .list .shop-search-items-list-type .descAshop .wan_tax {
      font-weight: bold;
      width: 30px;
      height: 15.4px;
      color: #e38573;
      border: 1px solid #e38573;
      border-radius: 2px;
      text-align: center;
      line-height: 15.4px; }
    .component-item-search .list .shop-search-items-list-type .descAshop .shop-name {
      margin: 10px 0;
      line-height: 16px;
      color: #999; }
      .component-item-search .list .shop-search-items-list-type .descAshop .shop-name a {
        color: #999; }
      .component-item-search .list .shop-search-items-list-type .descAshop .shop-name i {
        font-size: 16px;
        color: #999; }
  .component-item-search .list .shop-search-items-list-type .product-price {
    font-size: 16px;
    line-height: 20px;
    color: #ff7900;
    font-weight: bold; }
  .component-item-search .list .shop-search-items-list-type .saleQuantity {
    font-size: 12px;
    color: #999;
    line-height: 16px; }

.component-item-search .no-results {
  padding: 80px 0; }
  .component-item-search .no-results .img {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: 80px;
    height: 80px;
    background-color: #f5f5f5;
    border-radius: 100%;
    padding-top: 29px; }
  .component-item-search .no-results .good-icon {
    font-size: 40px;
    color: #bbb; }
.item-detail {
  display: block;
  margin: 0 auto 25px; }
  .item-detail * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }
  .item-detail .hide {
    display: none !important; }
  .item-detail .input-amount, .item-detail .input-amount * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .item-detail .warning {
    border: 1px solid #ff2200 !important; }
  .item-detail .item-bread-crumb {
    margin: 0 0 25px 0; }
    .item-detail .item-bread-crumb i {
      vertical-align: top;
      font-size: 12px; }
  .item-detail .item-detail-left {
    width: 450px;
    float: left;
    _margin-right: -3px; }
  .item-detail .share-and-favourite {
    margin-top: 15px; }
    .item-detail .share-and-favourite .favourite {
      padding-left: 15px;
      display: inline-block; }
    .item-detail .share-and-favourite a {
      color: #666;
      height: 20px;
      line-height: 20px; }
      .item-detail .share-and-favourite a i {
        font-size: 12px;
        vertical-align: top; }
        .item-detail .share-and-favourite a i.icon-feebas-xihuan {
          color: #1890ff; }
    .item-detail .share-and-favourite .jiathis_style .jtico.jtico_jiathis {
      background: none;
      line-height: 20px !important;
      height: 20px !important; }
  .item-detail .item-platform-link {
    color: #666; }
  .item-detail .item-detail-right {
    margin-left: 450px;
    width: 530px; }
    .item-detail .item-detail-right .goShop {
      border-radius: 10px;
      position: absolute;
      top: -6px;
      right: 0; }
  .item-detail .wan_tax {
    font-weight: bold;
    width: 30px;
    height: 15.4px;
    color: #e38573;
    border: 1px solid #e38573;
    border-radius: 2px;
    text-align: center;
    line-height: 15.4px; }
  .item-detail .item-title {
    position: relative;
    padding-top: 0;
    padding-right: 20px; }
    .item-detail .item-title h1 {
      font-size: 18px;
      line-height: 22px;
      font-weight: 300;
      color: #40a9ff;
      margin: 0 0 20px 0;
      text-overflow: ellipsis;
      overflow: hidden;
      max-width: 635px;
      padding-left: 15px; }
      .item-detail .item-title h1.has-advertise {
        margin-bottom: 6px; }
    .item-detail .item-title h3 {
      margin: 0;
      font-weight: normal;
      color: #f35651;
      font-size: 12px;
      padding-left: 15px;
      text-overflow: ellipsis;
      overflow: hidden;
      max-width: 635px;
      line-height: 18px; }
    .item-detail .item-title .report-item {
      position: absolute;
      cursor: pointer;
      top: 0;
      right: 0;
      color: #9F9F9F; }
  .item-detail .item-info-list {
    background-color: #f3fafd;
    list-style-type: none;
    padding: 0;
    margin: 15px 0 0 0;
    padding: 15px; }
    .item-detail .item-info-list li {
      height: 30px;
      margin-right: 3%;
      line-height: 25px; }
      .item-detail .item-info-list li label {
        width: 90px; }
    .item-detail .item-info-list .price-li, .item-detail .item-info-list .outer-li {
      width: auto; }
    .item-detail .item-info-list .discount-li {
      width: auto; }
    .item-detail .item-info-list .discount-precent, .item-detail .item-info-list .satisfaction, .item-detail .item-info-list .percent-unit {
      color: #ff7300; }
    .item-detail .item-info-list .discount-precent {
      margin-top: -2px; }
    .item-detail .item-info-list .outer-price {
      text-decoration: line-through; }
    .item-detail .item-info-list .item-price {
      color: #ff7900;
      font-size: 20px;
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      margin-top: -6px;
      line-height: 20px; }
      .item-detail .item-info-list .item-price .price {
        vertical-align: text-bottom; }
    .item-detail .item-info-list .show-discount, .item-detail .item-info-list .show-coupon, .item-detail .item-info-list .show-shop-discount, .item-detail .item-info-list .show-shipfee-discount {
      display: inline-block;
      position: relative;
      overflow: visible;
      color: #f35651;
      font-size: 10px;
      cursor: pointer;
      line-height: 18px;
      margin-right: 10px; }
    .item-detail .item-info-list .show-shop-discount, .item-detail .item-info-list .show-shipfee-discount {
      padding: 0 15px;
      background-color: #f35651;
      color: white; }
    .item-detail .item-info-list .show-shipfee-discount {
      background-color: #65c681; }
    .item-detail .item-info-list .show-discount {
      padding-left: 22px; }
      .item-detail .item-info-list .show-discount .icon {
        position: absolute;
        top: 2px;
        left: 0;
        width: 14px;
        height: 14px; }
    .item-detail .item-info-list .show-coupon {
      width: 70px;
      text-align: center;
      background-image: none; }
      .item-detail .item-info-list .show-coupon .bg-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    .item-detail .item-info-list .promotionBox {
      background-color: white;
      position: absolute;
      top: 17px;
      left: 0;
      width: 450px;
      z-index: 11;
      color: #666;
      border: 1px solid #f35651;
      cursor: default;
      text-align: left;
      display: none; }
      .item-detail .item-info-list .promotionBox .ptitle {
        height: 28px;
        line-height: 28px;
        background-color: #f5f5f5;
        padding: 0 10px; }
        .item-detail .item-info-list .promotionBox .ptitle a {
          color: #666;
          font-size: 14px; }
      .item-detail .item-info-list .promotionBox .pcontainer {
        height: 220px;
        padding: 0 10px;
        overflow-y: auto; }
        .item-detail .item-info-list .promotionBox .pcontainer h4 {
          margin: 0;
          font-size: 14px;
          font-weight: normal;
          line-height: 26px; }
        .item-detail .item-info-list .promotionBox .pcontainer li.perPro {
          border-bottom: 1px solid #dfdfdf;
          height: auto;
          line-height: 20px;
          padding-bottom: 8px;
          padding-top: 8px; }
          .item-detail .item-info-list .promotionBox .pcontainer li.perPro:last-child {
            border-bottom: none;
            padding-bottom: 0; }
          .item-detail .item-info-list .promotionBox .pcontainer li.perPro:first-child {
            padding-top: 0; }
        .item-detail .item-info-list .promotionBox .pcontainer table td, .item-detail .item-info-list .promotionBox .pcontainer table th {
          border-left: none;
          border-right: none;
          background-color: white;
          padding: 10px 8px 10px 0; }
          .item-detail .item-info-list .promotionBox .pcontainer table td.pdate, .item-detail .item-info-list .promotionBox .pcontainer table th.pdate {
            line-height: 12px; }
        .item-detail .item-info-list .promotionBox .pcontainer .coupon-status {
          color: #999999; }
        .item-detail .item-info-list .promotionBox .pcontainer .couponFee {
          position: relative;
          margin: 0;
          height: 30px;
          line-height: 30px;
          padding: 0 10px;
          color: white;
          display: inline-block;
          min-width: 60px;
          z-index: 0; }
          .item-detail .item-info-list .promotionBox .pcontainer .couponFee .text {
            position: relative;
            z-index: 1; }
        .item-detail .item-info-list .promotionBox .pcontainer .date {
          color: #999999; }
        .item-detail .item-info-list .promotionBox .pcontainer .price {
          color: #ff7900; }
    .item-detail .item-info-list .total-sold {
      color: #614544;
      font-weight: bold; }
    .item-detail .item-info-list .first-line {
      font-size: 12px;
      color: #666; }
  .item-detail .control-group {
    margin-top: 10px;
    line-height: 25px; }
    .item-detail .control-group .control-label {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      width: 60px;
      vertical-align: middle; }
    .item-detail .control-group .remark {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline; }
    .item-detail .control-group .controls {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline; }
      .item-detail .control-group .controls .original-price {
        text-decoration: line-through; }
      .item-detail .control-group .controls .new-price b {
        font-size: 24px;
        margin-left: 5px;
        font-weight: normal; }
    .item-detail .control-group .new-price-controls {
      vertical-align: bottom; }
  .item-detail .item-not-on {
    margin-top: 20px;
    border: 1px solid #dfdfdf;
    background-color: #f5f5f5;
    padding: 10px 20px 20px 20px; }
    .item-detail .item-not-on p {
      font-size: 16px; }
  .item-detail .address-group .address-select-label {
    margin-right: 0px;
    vertical-align: top; }
  .item-detail .address-group .address-select-wrap {
    background-color: white;
    width: 400px; }
    .item-detail .address-group .address-select-wrap label {
      font-weight: 300;
      color: #614544;
      margin-left: 0; }
  .item-detail .address-group .address-select {
    border: 1px solid #dfdfdf; }
    .item-detail .address-group .address-select .address-area .address-tab {
      border-color: #1890ff; }
      .item-detail .address-group .address-select .address-area .address-tab li {
        border-color: #dfdfdf; }
        .item-detail .address-group .address-select .address-area .address-tab li.active {
          border-color: #1890ff; }
    .item-detail .address-group .address-select .address-area .address-content li.active a {
      background-color: #1890ff; }
  .item-detail .address-group .remark label {
    cursor: pointer; }
  .item-detail .address-group .remark .controls {
    display: none;
    position: absolute;
    border: 1px solid color-border;
    width: 280px;
    padding: 10px;
    z-index: 1;
    background-color: white; }
  .item-detail .address-group .remark .icon-tip-circle {
    color: #1890ff;
    font-size: 20px; }
  .item-detail .address-group .remark:hover .controls {
    display: block; }
  .item-detail .sencond-info {
    margin-top: 10px; }
    .item-detail .sencond-info .ship-fee {
      line-height: 30px; }
      .item-detail .sencond-info .ship-fee .first-line {
        font-size: 12px;
        width: 90px;
        padding-left: 15px;
        color: #666;
        line-height: 40px; }
    .item-detail .sencond-info .sale-count {
      line-height: 30px; }
      .item-detail .sencond-info .sale-count .first-line {
        font-size: 12px;
        width: 90px;
        padding-left: 15px;
        color: #666;
        line-height: 40px; }
      .item-detail .sencond-info .sale-count .controls {
        display: inline-block;
        vertical-align: middle; }
  .item-detail .item-skus, .item-detail .item-attrs {
    margin-top: 20px;
    padding: 0 15px;
    position: relative; }
    .item-detail .item-skus .close-warning, .item-detail .item-attrs .close-warning {
      color: #ff2200;
      font-weight: bold;
      font-size: 20px;
      position: absolute;
      right: 10px;
      top: 10px; }
    .item-detail .item-skus #choose, .item-detail .item-attrs #choose {
      list-style: none; }
      .item-detail .item-skus #choose .control-group .sku-attr, .item-detail .item-attrs #choose .control-group .sku-attr {
        border: 1px solid #dfdfdf;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        margin-right: 0;
        margin-bottom: 5px;
        padding: 5px 15px;
        color: #614544;
        line-height: 14px;
        font-size: 12px;
        position: relative; }
        .item-detail .item-skus #choose .control-group .sku-attr.hasImage, .item-detail .item-attrs #choose .control-group .sku-attr.hasImage {
          padding: 0; }
        .item-detail .item-skus #choose .control-group .sku-attr.disabled, .item-detail .item-skus #choose .control-group .sku-attr[disabled], .item-detail .item-attrs #choose .control-group .sku-attr.disabled, .item-detail .item-attrs #choose .control-group .sku-attr[disabled] {
          cursor: not-allowed;
          background-color: #f5f5f5; }
      .item-detail .item-skus #choose .control-group .sku-items-label, .item-detail .item-attrs #choose .control-group .sku-items-label {
        float: left;
        width: 90px;
        height: 25px;
        overflow: hidden;
        text-align: left;
        font-size: 12px;
        color: #666;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline; }
      .item-detail .item-skus #choose .control-group .sku-items, .item-detail .item-attrs #choose .control-group .sku-items {
        width: 400px;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline; }
        .item-detail .item-skus #choose .control-group .sku-items img, .item-detail .item-attrs #choose .control-group .sku-items img {
          width: 25px;
          height: 25px; }
      .item-detail .item-skus #choose .control-group .selected, .item-detail .item-attrs #choose .control-group .selected {
        border: 1px solid #1890ff;
        position: relative; }
        .item-detail .item-skus #choose .control-group .selected .attr-checked, .item-detail .item-attrs #choose .control-group .selected .attr-checked {
          display: block; }
      .item-detail .item-skus #choose .control-group .attr-checked, .item-detail .item-attrs #choose .control-group .attr-checked {
        position: absolute;
        display: none;
        right: -1px;
        bottom: -1px;
        width: 13px;
        height: 13px; }
        .item-detail .item-skus #choose .control-group .attr-checked .bg-image, .item-detail .item-attrs #choose .control-group .attr-checked .bg-image {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
      .item-detail .item-skus #choose .total-stock, .item-detail .item-attrs #choose .total-stock {
        color: #666; }
    .item-detail .item-skus #choose-btns, .item-detail .item-attrs #choose-btns {
      margin-top: 26px;
      padding-left: 92px; }
      .item-detail .item-skus #choose-btns .report-item, .item-detail .item-attrs #choose-btns .report-item {
        padding: 14px; }
      .item-detail .item-skus #choose-btns .btn, .item-detail .item-attrs #choose-btns .btn {
        font-size: 16px;
        width: 180px;
        height: 40px;
        text-align: center;
        padding: 0; }
      .item-detail .item-skus #choose-btns .btn-secondary, .item-detail .item-attrs #choose-btns .btn-secondary {
        background: #FFF4E3;
        border: 1px solid #F5A623;
        color: #F5A623;
        font-size: 18px; }
        .item-detail .item-skus #choose-btns .btn-secondary:hover, .item-detail .item-attrs #choose-btns .btn-secondary:hover {
          border: 1px solid #40a9ff;
          color: #40a9ff; }
      .item-detail .item-skus #choose-btns .btn-primary, .item-detail .item-attrs #choose-btns .btn-primary {
        border: 1px solid #1890ff;
        background-color: #1890ff; }
        .item-detail .item-skus #choose-btns .btn-primary:hover, .item-detail .item-attrs #choose-btns .btn-primary:hover {
          border: 1px solid #40a9ff;
          background-color: #40a9ff; }
  .item-detail .btn-icon [class^="icon-"],
  .item-detail .btn-icon [class*=" icon-"] {
    vertical-align: bottom; }
  .item-detail .buy-btn {
    padding: 14px 32px; }
  .item-detail .item-carousel-wrap {
    width: 390px;
    margin: 20px 0 0 20px; }
  .item-detail .image-manage {
    margin-top: 0; }
    .item-detail .image-manage .main-image {
      position: relative;
      width: 428px;
      height: 428px;
      border: 1px solid #dfdfdf; }
    .item-detail .image-manage .image-enlarge {
      position: absolute;
      right: 10px;
      bottom: 15px;
      font-size: 28px;
      color: #f5f5f5; }
    .item-detail .image-manage .item-carousel-wrap {
      width: 390px;
      margin: 14px 0 0 20px; }
    .item-detail .image-manage .images {
      margin: 0;
      padding: 0;
      margin-top: 10px; }
      .item-detail .image-manage .images li {
        list-style: none;
        width: 61px;
        height: 61px;
        float: none;
        padding-left: 0;
        padding-top: 0;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        text-align: center; }
        .item-detail .image-manage .images li img {
          width: 59px;
          height: 59px;
          border: 1px solid #dfdfdf;
          cursor: pointer;
          display: inline; }
        .item-detail .image-manage .images li a {
          font-size: 12px; }
      .item-detail .image-manage .images .selected img {
        width: 59px;
        height: 59px;
        border: 1px solid #40a9ff; }

.jiathis_style {
  display: inline-block;
  vertical-align: top; }
  .jiathis_style *, .jiathis_style *:before, .jiathis_style *:after {
    -moz-box-sizing: initial;
    -webkit-box-sizing: initial;
    box-sizing: initial; }
  .jiathis_style input.searchTxt {
    padding: 0;
    line-height: 18px;
    height: 18px; }
  .jiathis_style .jtico.jtico_jiathis {
    background: none; }
div.shop-navbar {
  opacity: 1;
  background-color: #614544; }
  div.shop-navbar .navbar-collapse ul li.active {
    background: #43302f; }
  div.shop-navbar .navbar-collapse ul li.navbar-li-dog:hover {
    cursor: none;
    background: #614544; }
  div.shop-navbar .navbar-collapse ul li .navbar-item a {
    color: white !important;
    padding: 13px 20px; }
  div.shop-navbar .navbar-collapse ul li .home-channel {
    display: none;
    border: 0px;
    width: 120px;
    background-color: transparent; }
    div.shop-navbar .navbar-collapse ul li .home-channel .categorys .category-li {
      opacity: 0.9;
      height: 30px;
      width: 120px;
      color: white;
      background-color: #614544;
      border-width: 0; }
      div.shop-navbar .navbar-collapse ul li .home-channel .categorys .category-li a {
        color: white;
        display: block; }
      div.shop-navbar .navbar-collapse ul li .home-channel .categorys .category-li .parent-category {
        padding: 8px 10px 8px 20px; }
      div.shop-navbar .navbar-collapse ul li .home-channel .categorys .category-li .expand-panel {
        display: none; }
        div.shop-navbar .navbar-collapse ul li .home-channel .categorys .category-li .expand-panel .expand-category {
          left: 120px;
          width: 120px;
          min-height: 0;
          border: 0; }
          div.shop-navbar .navbar-collapse ul li .home-channel .categorys .category-li .expand-panel .expand-category .category-info .second-category {
            padding: 8px 10px 8px 20px;
            width: 120px;
            font-size: 14px;
            line-height: 14px;
            background-color: #43302f;
            opacity: 0.9;
            height: 30px;
            margin: 0; }
            div.shop-navbar .navbar-collapse ul li .home-channel .categorys .category-li .expand-panel .expand-category .category-info .second-category .parent-name {
              text-align: left; }
            div.shop-navbar .navbar-collapse ul li .home-channel .categorys .category-li .expand-panel .expand-category .category-info .second-category:hover {
              opacity: 1; }
              div.shop-navbar .navbar-collapse ul li .home-channel .categorys .category-li .expand-panel .expand-category .category-info .second-category:hover a {
                text-decoration: none; }
      div.shop-navbar .navbar-collapse ul li .home-channel .categorys .category-li:hover {
        opacity: 1;
        box-shadow: 0 0 0 0; }
        div.shop-navbar .navbar-collapse ul li .home-channel .categorys .category-li:hover .expand-panel {
          display: block; }
  div.shop-navbar .navbar-collapse ul li:hover {
    background: #43302f; }
    div.shop-navbar .navbar-collapse ul li:hover .home-channel {
      display: block; }
.shop-search-items .cutwords {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.shop-search-items .current-location-dark {
  padding: 0 0 12px 0;
  font-size: 12px; }
  .shop-search-items .current-location-dark a {
    color: #24344e; }

.shop-search-items .current-location-span i {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: baseline;
  *vertical-align: auto;
  zoom: 1;
  *display: inline; }
  .shop-search-items .current-location-span i.chosen-close {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: bottom;
    *vertical-align: auto;
    zoom: 1;
    *display: inline; }

.shop-search-items .current-location-span .bread-selector {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  border: 1px solid #dfdfdf;
  padding: 4px;
  margin-right: 6px; }

.shop-search-items i {
  font-size: 10px; }

.shop-search-items .list ul li {
  margin: 0 1px 8px 0; }

.shop-search-items .list .shop-search-items-img-type li.product {
  width: 232px;
  height: 340px;
  padding: 10px;
  margin: 0 10px 10px 0;
  border: 1px solid #dfdfdf; }
  .shop-search-items .list .shop-search-items-img-type li.product.no-mr {
    margin-right: 0; }
  .shop-search-items .list .shop-search-items-img-type li.product:hover {
    border: 1px solid #1890ff; }
  .shop-search-items .list .shop-search-items-img-type li.product .product-image {
    width: 212px;
    height: 212px; }
  .shop-search-items .list .shop-search-items-img-type li.product .product-price {
    font-size: 16px;
    line-height: 16px;
    color: #ff7900;
    font-weight: bold; }
    .shop-search-items .list .shop-search-items-img-type li.product .product-price .saleQuantity {
      font-size: 12px;
      color: #999999;
      font-weight: normal;
      float: right;
      line-height: 16px; }
  .shop-search-items .list .shop-search-items-img-type li.product .product-desc {
    color: #666;
    line-height: 18px;
    margin: 7px 0 8px; }
  .shop-search-items .list .shop-search-items-img-type li.product .shop-name {
    margin: 8px 0;
    line-height: 16px;
    color: #999999; }
    .shop-search-items .list .shop-search-items-img-type li.product .shop-name i {
      font-size: 16px; }
    .shop-search-items .list .shop-search-items-img-type li.product .shop-name a {
      color: #999999; }
      .shop-search-items .list .shop-search-items-img-type li.product .shop-name a:hover {
        color: #1890ff; }

.shop-search-items .list .shop-search-items-list-type {
  margin-top: 20px; }
  .shop-search-items .list .shop-search-items-list-type tr:last-child td {
    border-bottom: 1px solid #dfdfdf; }
  .shop-search-items .list .shop-search-items-list-type tr:hover td {
    background-color: #f5f5f5; }
  .shop-search-items .list .shop-search-items-list-type td {
    padding: 20px 0;
    vertical-align: top;
    border-top: 1px solid #dfdfdf; }
  .shop-search-items .list .shop-search-items-list-type .promotion-type {
    display: inline-block;
    width: 50px;
    height: 20px;
    line-height: 20px;
    margin-left: 10px;
    color: #fff;
    text-align: center; }
  .shop-search-items .list .shop-search-items-list-type .promotion-type-3 {
    background-color: #fbc543; }
  .shop-search-items .list .shop-search-items-list-type .product-image {
    width: 80px;
    height: 80px;
    border: 1px solid rgba(216, 216, 216, 0.4);
    margin-right: 20px;
    display: inline-block; }
  .shop-search-items .list .shop-search-items-list-type .descAshop {
    display: inline-block;
    width: 330px;
    vertical-align: top; }
    .shop-search-items .list .shop-search-items-list-type .descAshop p {
      margin: 0;
      line-height: 18px; }
      .shop-search-items .list .shop-search-items-list-type .descAshop p a {
        color: #666; }
        .shop-search-items .list .shop-search-items-list-type .descAshop p a:hover {
          color: #40a9ff; }
    .shop-search-items .list .shop-search-items-list-type .descAshop .product-desc {
      color: #666;
      line-height: 18px; }
    .shop-search-items .list .shop-search-items-list-type .descAshop .shop-name {
      margin: 10px 0;
      line-height: 16px;
      color: #999999; }
      .shop-search-items .list .shop-search-items-list-type .descAshop .shop-name a {
        color: #999999; }
      .shop-search-items .list .shop-search-items-list-type .descAshop .shop-name i {
        font-size: 16px;
        color: #999999; }
  .shop-search-items .list .shop-search-items-list-type .product-price {
    font-size: 16px;
    line-height: 20px;
    color: #ff7900;
    font-weight: bold; }
  .shop-search-items .list .shop-search-items-list-type .saleQuantity {
    font-size: 12px;
    color: #999999;
    line-height: 16px; }

.shop-search-items .wan_tax {
  font-weight: bold;
  width: 30px;
  height: 15.4px;
  color: #e38573;
  border: 1px solid #e38573;
  border-radius: 2px;
  text-align: center;
  line-height: 15.4px; }

.shop-search-items td .attr-list {
  display: flex;
  justify-content: center;
  align-items: center; }
@charset "UTF-8";
/*
Icon classes can be used entirely standalone. They are named after their original file names.

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
.icon-info-small {
  background-image: url(/assets/images/icons-3f4c40.png);
  background-position: -465px -91px;
  width: 16px;
  height: 16px; }

.icon-info {
  background-image: url(/assets/images/icons-3f4c40.png);
  background-position: -424px -160px;
  width: 36px;
  height: 36px; }

.icon-star-big-active {
  background-image: url(/assets/images/icons-3f4c40.png);
  background-position: -465px -107px;
  width: 16px;
  height: 16px; }

.icon-star-big-cancel {
  background-image: url(/assets/images/icons-3f4c40.png);
  background-position: -465px -123px;
  width: 16px;
  height: 16px; }

.icon-star-small-cancel {
  background-image: url(/assets/images/icons-3f4c40.png);
  background-position: -481px -91px;
  width: 12px;
  height: 12px; }

.icon-star-small-yellow {
  background-image: url(/assets/images/icons-3f4c40.png);
  background-position: -481px -107px;
  width: 12px;
  height: 12px; }

.icon-warning {
  background-image: url(/assets/images/icons-3f4c40.png);
  background-position: -435px -209px;
  width: 36px;
  height: 36px; }

.icon-404 {
  background-image: url(/assets/images/icons-3f4c40.png);
  background-position: 0px 0px;
  width: 308px;
  height: 302px; }

.icon-big-warning {
  background-image: url(/assets/images/icons-3f4c40.png);
  background-position: 0px -302px;
  width: 97px;
  height: 97px; }

.icon-carousel-left {
  background-image: url(/assets/images/icons-3f4c40.png);
  background-position: -424px -91px;
  width: 41px;
  height: 69px; }

.icon-carousel-right {
  background-image: url(/assets/images/icons-3f4c40.png);
  background-position: 0px -399px;
  width: 41px;
  height: 69px; }

.icon-more {
  background-image: url(/assets/images/icons-3f4c40.png);
  background-position: -465px -155px;
  width: 9px;
  height: 5px; }

.icon-oops {
  background-image: url(/assets/images/icons-3f4c40.png);
  background-position: -308px 0px;
  width: 186px;
  height: 91px; }

.icon-littlearrow {
  background-image: url(/assets/images/icons-3f4c40.png);
  background-position: -486px -160px;
  width: 5px;
  height: 9px; }

.icon-arrowdown12 {
  background-image: url(/assets/images/icons-3f4c40.png);
  background-position: -481px -123px;
  width: 12px;
  height: 12px; }

.icon-arrowup12 {
  background-image: url(/assets/images/icons-3f4c40.png);
  background-position: -481px -139px;
  width: 12px;
  height: 12px; }

.icon-barrowdown12 {
  background-image: url(/assets/images/icons-3f4c40.png);
  background-position: -474px -160px;
  width: 12px;
  height: 12px; }

.icon-jiao-gou {
  background-image: url(/assets/images/icons-3f4c40.png);
  background-position: -460px -160px;
  width: 14px;
  height: 14px; }

.icon-success {
  background-image: url(/assets/images/icons-3f4c40.png);
  background-position: -435px -249px;
  width: 36px;
  height: 36px; }

.icon-alipay {
  background-image: url(/assets/images/icons-3f4c40.png);
  background-position: -308px -209px;
  width: 127px;
  height: 40px; }

.icon-kjtpay-mobile {
  background-image: url(/assets/images/icons-3f4c40.png);
  background-position: -308px -249px;
  width: 127px;
  height: 40px; }

.icon-kjtpay {
  background-image: url(/assets/images/icons-3f4c40.png);
  background-position: -97px -302px;
  width: 127px;
  height: 40px; }

.icon-pay-success {
  background-image: url(/assets/images/icons-3f4c40.png);
  background-position: -308px -91px;
  width: 116px;
  height: 118px; }

.icon-unionpay {
  background-image: url(/assets/images/icons-3f4c40.png);
  background-position: -224px -302px;
  width: 127px;
  height: 39px; }

.icon-arrowright5x9 {
  background-image: url(/assets/images/icons-3f4c40.png);
  background-position: -484px -174px;
  width: 5px;
  height: 9px; }

.icon-barrowdown12a {
  background-image: url(/assets/images/icons-3f4c40.png);
  background-position: -460px -174px;
  width: 12px;
  height: 12px; }

.icon-barrowup12 {
  background-image: url(/assets/images/icons-3f4c40.png);
  background-position: -472px -174px;
  width: 12px;
  height: 12px; }

.icon-barrowup12a {
  background-image: url(/assets/images/icons-3f4c40.png);
  background-position: -424px -196px;
  width: 12px;
  height: 12px; }

.icon-success16 {
  background-image: url(/assets/images/icons-3f4c40.png);
  background-position: -465px -139px;
  width: 16px;
  height: 16px; }

.designable-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.3); }
  .designable-bar a {
    display: block;
    color: white; }

@font-face {
  font-family: 'react-single-app-iconfont';
  /* project id 1257720 */
  src: url("//at.alicdn.com/t/font_1257720_7tnazh2583h.eot");
  src: url("//at.alicdn.com/t/font_1257720_7tnazh2583h.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_1257720_7tnazh2583h.woff2") format("woff2"), url("//at.alicdn.com/t/font_1257720_7tnazh2583h.woff") format("woff"), url("//at.alicdn.com/t/font_1257720_7tnazh2583h.ttf") format("truetype"), url("//at.alicdn.com/t/font_1257720_7tnazh2583h.svg#iconfont") format("svg"); }

ul.suggestion {
  z-index: 999; }

.span3 {
  width: 280px;
  margin-bottom: 10px; }

.cutwords {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal; }

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

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

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

.parent-position {
  position: relative; }

.pagination {
  float: right;
  margin-top: 10px;
  margin-bottom: 10px; }

label, html, button, input, select, textarea {
  vertical-align: middle; }

/* IE10,日期placeholder字体颜色 */
#component-filter .span3 {
  width: 295px;
  margin-bottom: 10px; }
  #component-filter .span3 .input-pair input.datepicker::-webkit-input-placeholder {
    color: #999 !important; }
  #component-filter .span3 .input-pair input.datepicker:-moz-input-placeholder {
    color: #999 !important; }
  #component-filter .span3 .input-pair input.datepicker::-moz-input-placeholder {
    color: #999 !important; }
  #component-filter .span3 .input-pair input.datepicker:-ms-input-placeholder {
    color: #999 !important; }

.pika-table abbr {
  text-decoration: none; }

.body-modal {
  overflow: hidden;
  height: 100vh;
  width: 100vw; }

.table {
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  table-layout: fixed; }
  .table thead {
    background-color: #f5f5f5;
    color: #666; }
  .table td,
  .table th {
    height: 32px;
    border: 0;
    margin: 0;
    font-weight: normal;
    vertical-align: middle;
    padding: 10px;
    text-align: left; }
  .table th {
    color: #999;
    border-bottom: 1px solid #dfdfdf;
    background: #f5f5f5; }
  .table td {
    height: 40px;
    color: #666;
    border-bottom: 1px solid #dfdfdf;
    vertical-align: middle;
    word-wrap: break-word;
    background-color: #fff; }
  .table td:first-child {
    border-left: 0px solid #dfdfdf; }
  .table td:last-child,
  .table td.last {
    border-right: 0px solid #dfdfdf; }
  .table tbody tr:hover {
    background-color: #f3fafd; }
  .table tbody tr:hover td,
  .table .tr-danger td {
    background-color: #f3fafd;
    color: #44454d; }
  .table thead {
    vertical-align: bottom; }
  .table .td-operation {
    text-align: right; }
  .table tfoot {
    background-color: #f5f5f5; }

.table-footer {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  width: 100%; }

.table-cell-fix-left-first::after, .table-cell-fix-left-last::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -1px;
  width: 30px;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  content: '';
  pointer-events: none;
  -webkit-box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15); }

.table-cell-fix-right-first::after, .table-cell-fix-right-last::after {
  position: absolute;
  top: 0;
  bottom: -1px;
  left: 0;
  width: 30px;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  content: '';
  pointer-events: none;
  -webkit-box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15); }

form label {
  font-size: 12px; }

.style-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-wrap {
  white-space: pre-wrap;
  width: 100%;
  overflow-wrap: break-word;
  overflow: hidden; }

.main-right .page-react {
  height: 100%; }

.ant-input {
  width: 100% !important; }

.component-standard-detail-container {
  padding: 24px;
  background: #fff; }

.item-component-block {
  background: #fff;
  border-radius: 12px;
  margin: 12px auto;
  padding: 24px;
  box-shadow: 0 2px 4px rgba(229, 229, 229, 0.5); }
  .item-component-block .item-component-block-header {
    align-items: center;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between; }
    .item-component-block .item-component-block-header .item-component-header-title {
      color: #333;
      margin: 0 12px 0 0;
      padding: 0;
      font-size: 18px;
      font-weight: 600; }