.gb-pc-banner-box {
  width: 100%; }
  .gb-pc-banner-box .gb-pc-banner-main {
    max-width: 1200px;
    height: 460px;
    margin: 0 auto;
    position: relative; }
    .gb-pc-banner-box .gb-pc-banner-main .banners-lists {
      width: 100%;
      height: 100%; }
      .gb-pc-banner-box .gb-pc-banner-main .banners-lists .swiper-container {
        width: 100%;
        height: 100%; }
        .gb-pc-banner-box .gb-pc-banner-main .banners-lists .swiper-container a {
          width: 100%;
          height: 100%; }
          .gb-pc-banner-box .gb-pc-banner-main .banners-lists .swiper-container a img {
            width: 100%;
            height: 100%; }
        .gb-pc-banner-box .gb-pc-banner-main .banners-lists .swiper-container .swiper-button-next,
        .gb-pc-banner-box .gb-pc-banner-main .banners-lists .swiper-container .swiper-button-prev {
          width: 36px;
          height: 72px;
          margin-top: -36px;
          background-size: 36px 48px;
          opacity: 0.5;
          outline: none; }
          .gb-pc-banner-box .gb-pc-banner-main .banners-lists .swiper-container .swiper-button-next:hover,
          .gb-pc-banner-box .gb-pc-banner-main .banners-lists .swiper-container .swiper-button-prev:hover {
            opacity: 1;
            background-color: rgba(0, 0, 0, 0.6); }
          .gb-pc-banner-box .gb-pc-banner-main .banners-lists .swiper-container .swiper-button-next:active,
          .gb-pc-banner-box .gb-pc-banner-main .banners-lists .swiper-container .swiper-button-prev:active {
            border: none; }
          .gb-pc-banner-box .gb-pc-banner-main .banners-lists .swiper-container .swiper-button-next:link,
          .gb-pc-banner-box .gb-pc-banner-main .banners-lists .swiper-container .swiper-button-prev:link {
            border: none; }
          .gb-pc-banner-box .gb-pc-banner-main .banners-lists .swiper-container .swiper-button-next:visited,
          .gb-pc-banner-box .gb-pc-banner-main .banners-lists .swiper-container .swiper-button-prev:visited {
            border: none; }
        .gb-pc-banner-box .gb-pc-banner-main .banners-lists .swiper-container .swiper-button-next {
          right: 0;
          background-image: url("../imgs/icon-next.svg");
          border-top-left-radius: 4px;
          border-bottom-left-radius: 4px; }
        .gb-pc-banner-box .gb-pc-banner-main .banners-lists .swiper-container .swiper-button-prev {
          left: 228px;
          background-image: url("../imgs/icon-prev.svg");
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px; }
        .gb-pc-banner-box .gb-pc-banner-main .banners-lists .swiper-container .swiper-pagination {
          width: auto;
          left: auto;
          right: 32px; }
          .gb-pc-banner-box .gb-pc-banner-main .banners-lists .swiper-container .swiper-pagination .swiper-pagination-bullet {
            float: left;
            outline: none;
            border: 2px solid #ccc; }
          .gb-pc-banner-box .gb-pc-banner-main .banners-lists .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
            background: rgba(255, 255, 255, 0.8); }
    .gb-pc-banner-box .gb-pc-banner-main .nav-lists {
      height: 100%;
      position: absolute;
      width: 228px;
      top: 0;
      left: 0;
      z-index: 966;
      background: rgba(19, 64, 103, 0.8); }
      .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail {
        width: 100%;
        height: 100%;
        display: block; }
        .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail > li {
          width: 100%;
          height: 12.5%;
          float: left;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-justify-content: space-between;
          padding-left: 14px;
          padding-right: 20px;
          font-size: 16px;
          cursor: pointer;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box; }
          .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail > li:hover {
            background: #0187c4; }
            .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail > li:hover .nav-sec {
              display: block; }
          .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail > li svg {
            color: #fff;
            font-size: 16px; }
          .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail > li img {
            margin-right: 12px; }
          .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail > li a {
            color: #fff; }
          .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail > li .nav-sec {
            position: absolute;
            left: 228px;
            width: 972px;
            top: 0;
            height: 100%;
            background: #fff;
            display: none;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            border: 1px solid #efefef;
            -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.03);
                    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.03); }
            .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail > li .nav-sec .nac-sec-lists {
              width: 738px;
              height: 100%;
              -webkit-box-sizing: border-box;
                      box-sizing: border-box;
              background: #fff;
              float: left;
              overflow-y: auto;
              border: 38px solid #fff; }
              .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail > li .nav-sec .nac-sec-lists h3 {
                font-size: 16px;
                color: #333333;
                width: 100%;
                display: block;
                float: left;
                margin-bottom: 10px; }
                .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail > li .nav-sec .nac-sec-lists h3 a {
                  color: #333; }
                  .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail > li .nav-sec .nac-sec-lists h3 a:hover {
                    color: #d39a31; }
              .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail > li .nav-sec .nac-sec-lists ul {
                height: auto;
                width: 100%;
                display: block;
                overflow: hidden;
                border-bottom: 1px solid #f2f2f2;
                padding-bottom: 10px;
                margin-bottom: 14px; }
                .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail > li .nav-sec .nac-sec-lists ul:last-child {
                  border-bottom: none; }
                .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail > li .nav-sec .nac-sec-lists ul li {
                  width: auto;
                  height: auto;
                  float: left;
                  padding: 3px 0;
                  font-size: 12px;
                  line-height: 16px;
                  margin-right: 24px; }
                  .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail > li .nav-sec .nac-sec-lists ul li a {
                    color: #333; }
                    .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail > li .nav-sec .nac-sec-lists ul li a:hover {
                      color: #d39a31; }
            .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail > li .nav-sec .nac-adv-lists {
              width: 232px;
              height: 100%;
              -webkit-box-sizing: border-box;
                      box-sizing: border-box;
              float: left;
              border-left: 1px solid #f1f1f1; }
              .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail > li .nav-sec .nac-adv-lists h2 {
                text-align: center;
                font-size: 18px;
                line-height: 50px; }
              .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail > li .nav-sec .nac-adv-lists ul {
                padding: 8px;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box; }
                .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail > li .nav-sec .nac-adv-lists ul li {
                  width: 50%;
                  float: left;
                  padding: 0 5px;
                  -webkit-box-sizing: border-box;
                          box-sizing: border-box; }
                  .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail > li .nav-sec .nac-adv-lists ul li .img_box {
                    width: 100%;
                    display: block;
                    padding-bottom: 100%;
                    position: relative; }
                    .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail > li .nav-sec .nac-adv-lists ul li .img_box img {
                      width: 100%;
                      height: 100%;
                      top: 0;
                      left: 0;
                      position: absolute; }
                  .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail > li .nav-sec .nac-adv-lists ul li .img_link {
                    width: 100%;
                    font-size: 12px;
                    color: #333;
                    line-height: 22px;
                    margin-bottom: 10px;
                    display: inline-block;
                    height: 22px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis; }
                  .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail > li .nav-sec .nac-adv-lists ul li:hover .img_link {
                    color: #d39a31; }

.top-adv-box {
  width: 100%; }
  .top-adv-box .adv-main {
    max-width: 1200px;
    padding-top: 12px;
    margin: 0 auto;
    position: relative;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-justify-content: space-between; }

.product-box {
  overflow: hidden;
  width: 100%;
  background: #f4f4f4;
  margin-top: 12px;
  padding-top: 24px; }
  .product-box .product-parts {
    max-width: 1200px;
    padding-bottom: 24px;
    margin: 0 auto;
    overflow: hidden; }
    .product-box .product-parts .product-part-header {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-justify-content: space-between;
      padding-bottom: 24px;
      width: 100%;
      float: left; }
      .product-box .product-parts .product-part-header h3 {
        font-size: 24px;
        color: #5e5e5e; }
      .product-box .product-parts .product-part-header ul li {
        float: left;
        font-size: 16px;
        margin-left: 26px;
        color: #5e5e5e;
        position: relative;
        cursor: pointer; }
        .product-box .product-parts .product-part-header ul li.active {
          color: #0187c4; }
          .product-box .product-parts .product-part-header ul li.active::after {
            position: absolute;
            content: '';
            width: 100%;
            left: 0;
            bottom: -5px;
            height: 2px;
            background: #0187c4; }
    .product-box .product-parts .product-part-main {
      width: 100%;
      float: left; }
      .product-box .product-parts .product-part-main .product-part-adv {
        width: 30%;
        float: left;
        padding-bottom: 45.8%;
        background: #000;
        position: relative; }
        .product-box .product-parts .product-part-main .product-part-adv img {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0; }
      .product-box .product-parts .product-part-main .product-part-lists {
        width: 70%;
        padding-bottom: 45.8%;
        float: left;
        position: relative; }
        .product-box .product-parts .product-part-main .product-part-lists .products-parts-navs {
          width: 100%;
          height: 100%;
          position: absolute;
          top: -5px;
          left: 0;
          padding-top: 5px;
          padding-bottom: 6px; }
        .product-box .product-parts .product-part-main .product-part-lists ul {
          width: 100%;
          height: 100%;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          -webkit-flex-wrap: wrap;
          -ms-flex-line-pack: justify;
              align-content: space-between;
          -webkit-align-content: space-between;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          -webkit-justify-content: flex-start;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          -webkit-align-items: flex-start; }
          .product-box .product-parts .product-part-main .product-part-lists ul li {
            width: 25%;
            float: left;
            padding-left: 15px;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box; }
            .product-box .product-parts .product-part-main .product-part-lists ul li .product-lists-main {
              transition: all 0.25s ease-out;
              -webkit-transition: all 0.25s ease-out;
              overflow: hidden; }
              .product-box .product-parts .product-part-main .product-part-lists ul li .product-lists-main .pro-img-box {
                position: relative;
                display: block;
                width: 100%;
                padding-bottom: 100%; }
                .product-box .product-parts .product-part-main .product-part-lists ul li .product-lists-main .pro-img-box img {
                  position: absolute;
                  width: 100%;
                  height: 100%;
                  top: 0;
                  left: 0; }
                .product-box .product-parts .product-part-main .product-part-lists ul li .product-lists-main .pro-img-box .pro_box_desc {
                  position: absolute;
                  right: 0;
                  height: 18px;
                  line-height: 18px;
                  display: block;
                  padding: 0 0 0 10px;
                  bottom: 0;
                  background: #ff0042;
                  color: #fff;
                  border-top-left-radius: 20px;
                  border-top: 1px solid #fff;
                  border-left: 1px solid #fff; }
                  .product-box .product-parts .product-part-main .product-part-lists ul li .product-lists-main .pro-img-box .pro_box_desc a {
                    color: #fff; }
                  .product-box .product-parts .product-part-main .product-part-lists ul li .product-lists-main .pro-img-box .pro_box_desc i {
                    margin-right: 6px; }
                  .product-box .product-parts .product-part-main .product-part-lists ul li .product-lists-main .pro-img-box .pro_box_desc span {
                    display: inline-block;
                    height: 18px;
                    background: #b1b1b1;
                    padding: 0 8px;
                    color: #fff; }
            .product-box .product-parts .product-part-main .product-part-lists ul li img {
              width: 100%; }
            .product-box .product-parts .product-part-main .product-part-lists ul li .pro-detail {
              width: 100%;
              background: #fff;
              height: 72px;
              padding: 0 6px;
              -webkit-box-sizing: border-box;
                      box-sizing: border-box; }
              .product-box .product-parts .product-part-main .product-part-lists ul li .pro-detail h3 {
                font-size: 14px;
                color: #333;
                line-height: 20px;
                padding-top: 6px;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                overflow: hidden;
                height: 20px;
                -webkit-box-orient: vertical; }
                .product-box .product-parts .product-part-main .product-part-lists ul li .pro-detail h3 a {
                  color: #333; }
              .product-box .product-parts .product-part-main .product-part-lists ul li .pro-detail p {
                font-size: 12px;
                color: #999;
                line-height: 18px;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                overflow: hidden;
                height: 18px;
                -webkit-box-orient: vertical; }
              .product-box .product-parts .product-part-main .product-part-lists ul li .pro-detail .price-box {
                -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                        justify-content: space-between;
                -webkit-justify-content: space-between;
                padding-bottom: 8px; }
                .product-box .product-parts .product-part-main .product-part-lists ul li .pro-detail .price-box .price-left {
                  color: #0187c4; }
                  .product-box .product-parts .product-part-main .product-part-lists ul li .pro-detail .price-box .price-left a {
                    color: #0187c4; }
            .product-box .product-parts .product-part-main .product-part-lists ul li:hover .product-lists-main {
              transform: translateY(-3px);
              -webkit-transform: translateY(-3px);
              -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.13);
                      box-shadow: 0 6px 6px rgba(0, 0, 0, 0.13); }
    .product-box .product-parts.product-parts-nei .product-part-main {
      width: calc(100% + 15px); }
      .product-box .product-parts.product-parts-nei .product-part-main .product-part-lists {
        width: 100%;
        padding-bottom: 50.6%; }
        .product-box .product-parts.product-parts-nei .product-part-main .product-part-lists ul li {
          width: 20%;
          padding-left: 0;
          padding-right: 15px; }

.cart-container {
  background: #f5f5f5;
  padding: 20px 0;
  overflow: hidden; }
  .cart-container .cart-empty {
    max-width: 1200px;
    margin: 0 auto;}
    .cart-container .cart-empty img {
      width: 450px; }
    .cart-container .cart-empty p {
      text-align: left;
      font-size: 32px;
      color: #999;
      font-weight: bold;
      margin-top: 32px; }
    .cart-container .cart-empty a {
      display: inline-block;
      width: 160px;
      height: 42px;
      text-align: center;
      line-height: 42px;
      border: 1px solid #eb7400;
      margin-top: 24px;
      font-size: 18px;
      color: #eb7400; }
  .cart-container .cart-main {
    max-width: 1200px;
    margin: 0 auto;
    font-size: 14px;
    color: #222; }
    .cart-container .cart-main input[type='checkbox'] {
      width: 20px;
      height: 20px;
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      line-height: 18px;
      margin-right: 16px;
      position: relative;
      cursor: pointer; }
    .cart-container .cart-main input[type='checkbox']::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      background: #fff;
      width: 100%;
      height: 100%;
      border: 1px solid #d9d9d9;
      border-radius: 0; }
    .cart-container .cart-main input[type='checkbox']:hover::before {
      background: #fff url("../imgs/icon-select-02.png") center no-repeat;
      background-size: 16px; }
    .cart-container .cart-main input[type='checkbox']:checked::before {
      content: '';
      background: #249de3 url("../imgs/icon-select-01.png") center no-repeat;
      background-size: 16px;
      border: 1px solid #249de3; }
    .cart-container .cart-main .col {
      float: left; }
    .cart-container .cart-main .col-check {
      width: 100px;
      height: 100%;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-justify-content: flex-start; }
      .cart-container .cart-main .col-check input {
        margin-left: 22px; }
    .cart-container .cart-main .col-img {
      width: 120px;
      height: 100%; }
    .cart-container .cart-main .col-name {
      width: 415px;
      height: 100%;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-justify-content: flex-start; }
    .cart-container .cart-main .col-price {
      width: 120px;
      height: 100%; }
    .cart-container .cart-main .col-num {
      width: 185px;
      height: 100%; }
    .cart-container .cart-main .col-total {
      width: 120px;
      height: 100%; }
    .cart-container .cart-main .col-action {
      width: 140px;
      height: 100%; }
    .cart-container .cart-main .cart-header {
      width: 100%;
      height: 60px;
      background: #fff; }
    .cart-container .cart-main dl {
      width: 100%;
      float: left;
      margin-top: 10px;
      font-size: 16px; }
      .cart-container .cart-main dl dt {
        width: 100%;
        height: 50px;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-justify-content: flex-start;
        border-bottom: 1px solid #eee;
        background: #fff; }
        .cart-container .cart-main dl dt .icon-label {
          display: block;
          background: #f66;
          color: #fff;
          width: 50px;
          padding: 4px 0;
          margin-right: 30px;
          float: left;
          text-align: center;
          margin-left: 20px;
          border-radius: 3px; }
          .cart-container .cart-main dl dt .icon-label.no-show {
            visibility: hidden; }
        .cart-container .cart-main dl dt h3 {
          font-size: 16px;
          font-weight: bold;
          color: #333;
          width: 540px;
          float: left; }
          .cart-container .cart-main dl dt h3.no-show {
            visibility: hidden; }
        .cart-container .cart-main dl dt .count-reduce {
          color: #f66;
          width: 120px;
          float: left;
          text-align: center; }
        .cart-container .cart-main dl dt .count {
          width: 120px;
          text-align: center;
          margin-left: 180px; }
      .cart-container .cart-main dl dd {
        border-bottom: 1px solid #f0f0f0;
        height: 118px;
        background: #fff; }
        .cart-container .cart-main dl dd.cart-disable {
          background: rgba(255, 255, 255, 0.4); }
          .cart-container .cart-main dl dd.cart-disable .col-check,
          .cart-container .cart-main dl dd.cart-disable .col-img,
          .cart-container .cart-main dl dd.cart-disable .col-name,
          .cart-container .cart-main dl dd.cart-disable .col-price,
          .cart-container .cart-main dl dd.cart-disable .col-num,
          .cart-container .cart-main dl dd.cart-disable .col-total {
            opacity: 0.4; }
          .cart-container .cart-main dl dd.cart-disable .disable-txt {
            margin-left: 20px; }
        .cart-container .cart-main dl dd .cart-num-box {
          width: 130px;
          height: 36px;
          position: relative;
          border: 1px solid #dcdcdc; }
          .cart-container .cart-main dl dd .cart-num-box button {
            width: 38px;
            height: 36px;
            border: none;
            outline: none;
            background: none;
            color: #666;
            cursor: pointer; }
            .cart-container .cart-main dl dd .cart-num-box button:hover {
              background: #eee; }
            .cart-container .cart-main dl dd .cart-num-box button:disabled {
              opacity: 0.2; }
          .cart-container .cart-main dl dd .cart-num-box input[type='number'] {
            width: 50px;
            border: none;
            height: 36px;
            line-height: 36px;
            font-size: 16px;
            background: none;
            text-align: center;
            -moz-appearance: textfield; }
            .cart-container .cart-main dl dd .cart-num-box input[type='number']::-webkit-outer-spin-button, .cart-container .cart-main dl dd .cart-num-box input[type='number']::-webkit-inner-spin-button {
              -webkit-appearance: none; }
          .cart-container .cart-main dl dd .cart-num-box .crt-num-state {
            position: absolute;
            left: 0;
            top: 45px;
            font-size: 14px;
            line-height: 18px;
            color: #f66; }
        .cart-container .cart-main dl dd .col-price {
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          -webkit-flex-wrap: wrap;
          -ms-flex-line-pack: center;
              align-content: center;
          -webkit-align-content: center; }
          .cart-container .cart-main dl dd .col-price p {
            width: 100%;
            text-align: center; }
        .cart-container .cart-main dl dd .cuxiao-box {
          width: 72px;
          height: 24px;
          text-align: center;
          line-height: 22px;
          margin-top: 12px;
          cursor: pointer;
          position: relative; }
          .cart-container .cart-main dl dd .cuxiao-box:hover p {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            border-bottom: 1px solid #fff; }
            .cart-container .cart-main dl dd .cuxiao-box:hover p svg {
              transform: rotateZ(180deg);
              -webkit-transform: rotateZ(180deg); }
          .cart-container .cart-main dl dd .cuxiao-box:hover .cuxiao-box-detail {
            display: block; }
          .cart-container .cart-main dl dd .cuxiao-box p {
            width: 100%;
            color: #f00;
            padding: 0;
            border-radius: 4px;
            margin-right: 4px;
            border: 1px solid #ff9999;
            position: relative;
            z-index: 6;
            font-size: 14px; }
            .cart-container .cart-main dl dd .cuxiao-box p svg {
              transition: 0.25s ease;
              -webkit-transition: 0.25s ease; }
          .cart-container .cart-main dl dd .cuxiao-box .cuxiao-box-detail {
            position: absolute;
            top: 23px;
            left: 0;
            width: 245px;
            border: 1px solid #ff9999;
            background: #fff;
            border-radius: 4px;
            border-top-left-radius: 0;
            padding: 8px 4px;
            display: none;
            z-index: 9; }
            .cart-container .cart-main dl dd .cuxiao-box .cuxiao-box-detail li {
              height: 28px; }
            .cart-container .cart-main dl dd .cuxiao-box .cuxiao-box-detail p {
              border: none;
              color: #999;
              text-align: left;
              margin-left: 8px;
              font-size: 14px; }
        .cart-container .cart-main dl dd .action-icon {
          cursor: pointer;
          width: 28px;
          height: 28px;
          display: block;
          border-radius: 20px;
          text-align: center;
          line-height: 24px;
          transition: all 0.15s ease;
          -webkit-transition: all 0.15s ease; }
          .cart-container .cart-main dl dd .action-icon:hover {
            background: #f66;
            color: #fff; }
          .cart-container .cart-main dl dd .action-icon svg {
            font-size: 14px; }
    .cart-container .cart-main .cart-footer {
      width: 1200px;
      margin: 0 auto;
      height: 50px;
      float: left;
      margin-top: 15px;
      position: relative;
      z-index: 7; }
      .cart-container .cart-main .cart-footer .gb-footer-content {
        width: 100%;
        height: 50px; }
      .cart-container .cart-main .cart-footer .cart-footer-main {
        max-width: 1200px;
        margin: 0 auto;
        height: 50px;
        background: #fff;
        padding-left: 20px;
        padding-right: 150px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        position: relative; }
      .cart-container .cart-main .cart-footer p {
        float: left;
        line-height: 50px;
        margin-right: 12px;
        color: #666; }
        .cart-container .cart-main .cart-footer p span {
          color: #f00; }
        .cart-container .cart-main .cart-footer p.money-reduce {
          margin-left: 200px; }
        .cart-container .cart-main .cart-footer p em {
          line-height: 24px; }
        .cart-container .cart-main .cart-footer p.count {
          float: right;
          margin-right: 20px; }
          .cart-container .cart-main .cart-footer p.count b {
            font-size: 22px;
            line-height: 24px;
            color: #f00; }
      .cart-container .cart-main .cart-footer button {
        position: absolute;
        top: 0;
        right: 0;
        width: 150px;
        height: 50px;
        background: #eb7400;
        color: #fff;
        border: none;
        outline: none;
        font-size: 16px;
        cursor: pointer; }

.footer-adv-box {
  width: 100%;
  overflow: hidden;
  background: #f4f4f4;
  padding-bottom: 24px; }
  .footer-adv-box .footer-adv-main {
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 0px; }
    .footer-adv-box .footer-adv-main .footer-adv-top {
      width: 100%;
      float: left; }
      .footer-adv-box .footer-adv-main .footer-adv-top img {
        width: 100%; }
    .footer-adv-box .footer-adv-main .footer-adv-list {
      width: 100%;
      float: left;
      margin-top: 15px; }
      .footer-adv-box .footer-adv-main .footer-adv-list ul {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-justify-content: space-between; }
        .footer-adv-box .footer-adv-main .footer-adv-list ul li {
          width: 32.5%; }
          .footer-adv-box .footer-adv-main .footer-adv-list ul li a {
            display: block;
            width: 100%;
            overflow: hidden; }
            .footer-adv-box .footer-adv-main .footer-adv-list ul li a img {
              width: 100%; }

.gb-footer-box {
  width: 100%;
  height: 280px;
  background: #333;
  overflow: hidden; }
  .gb-footer-box .gb-footer-main {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 20px; }
    .gb-footer-box .gb-footer-main .line {
      display: inline-block;
      width: 1px;
      height: 30px;
      position: relative;
      top: -4px;
      background: #fff;
      opacity: 0.6; }
    .gb-footer-box .gb-footer-main .govicon_621 {
      width: 42px;
      margin-top: 8px; }
    .gb-footer-box .gb-footer-main a {
      color: #f1f0ef;
      font-size: 14px;
      line-height: 20px;
      opacity: 0.8; }
      .gb-footer-box .gb-footer-main a:hover {
        opacity: 1; }
    .gb-footer-box .gb-footer-main i {
      opacity: 0.8; }
    .gb-footer-box .gb-footer-main span {
      opacity: 0.9;
      position: relative;
      top: -1px; }

/*
  product detail
  **/
.detail-nav {
  width: 100%;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.04);
          box-shadow: 0 8px 8px rgba(0, 0, 0, 0.04); }
  .detail-nav .detail-nav-main {
    width: 1200px;
    height: 62px;
    margin: 0 auto;
    position: relative;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-justify-content: space-between; }
    .detail-nav .detail-nav-main .left {
      height: 100%;
      z-index: 667; }
      .detail-nav .detail-nav-main .left > a {
        font-size: 14px;
        color: #666;
        margin-right: 12px; }
        .detail-nav .detail-nav-main .left > a::before {
          width: 1px;
          height: 12px;
          background: #999999;
          content: '';
          display: inline-block;
          margin-right: 12px;
          position: relative;
          top: 1px; }
        .detail-nav .detail-nav-main .left > a:hover {
          color: #189dd3; }
    .detail-nav .detail-nav-main .link-index {
      height: 100%;
      cursor: pointer; }
      .detail-nav .detail-nav-main .link-index .link-index-name {
        color: #666;
        font-size: 18px;
        height: 100%;
        margin-right: 12px;
        line-height: 60px;
        display: inline-block; }
        .detail-nav .detail-nav-main .link-index .link-index-name:hover {
          color: #189dd3; }
          .detail-nav .detail-nav-main .link-index .link-index-name:hover ~ .slide-nav-box .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail > li:first-child {
            background: #0187c4; }
      .detail-nav .detail-nav-main .link-index .slide-nav-box {
        position: absolute;
        width: 100%;
        top: 62px;
        height: 0px;
        overflow: hidden;
        left: 0;
        z-index: 666; }
        .detail-nav .detail-nav-main .link-index .slide-nav-box .slide-nav-box-main {
          width: 100%;
          height: 460px;
          background: #fff;
          transition: all 0.1s ease-out;
          -webkit-transition: all 0.1s ease-out;
          transform: translateY(-20px);
          -webkit-transform: translateY(-20px); }
          .detail-nav .detail-nav-main .link-index .slide-nav-box .slide-nav-box-main .gb-pc-banner-box .gb-pc-banner-main {
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            border: 1px solid #f0f0f0; }
            .detail-nav .detail-nav-main .link-index .slide-nav-box .slide-nav-box-main .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail > li:first-child .nav-sec {
              display: block; }
            .detail-nav .detail-nav-main .link-index .slide-nav-box .slide-nav-box-main .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail > li .nav-sec {
              width: 970px;
              border: none; }
              .detail-nav .detail-nav-main .link-index .slide-nav-box .slide-nav-box-main .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail > li .nav-sec .nac-sec-lists {
                width: 100%;
                border: 0;
                padding: 24px 38px; }
                .detail-nav .detail-nav-main .link-index .slide-nav-box .slide-nav-box-main .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail > li .nav-sec .nac-sec-lists::-webkit-scrollbar {
                  width: 6px;
                  height: 1px; }
                .detail-nav .detail-nav-main .link-index .slide-nav-box .slide-nav-box-main .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail > li .nav-sec .nac-sec-lists::-webkit-scrollbar-thumb {
                  border-radius: 6px;
                  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
                          box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
                  background: #999; }
                .detail-nav .detail-nav-main .link-index .slide-nav-box .slide-nav-box-main .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail > li .nav-sec .nac-sec-lists::-webkit-scrollbar-track {
                  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
                          box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
                  border-radius: 0px;
                  background: #ededed; }
                .detail-nav .detail-nav-main .link-index .slide-nav-box .slide-nav-box-main .gb-pc-banner-box .gb-pc-banner-main .nav-lists ul.nav-lists-detail > li .nav-sec .nac-sec-lists h3 {
                  line-height: 24px; }
      .detail-nav .detail-nav-main .link-index::before {
        display: none; }
      .detail-nav .detail-nav-main .link-index:hover {
        color: #0187c4; }
        .detail-nav .detail-nav-main .link-index:hover .slide-nav-box {
          height: 460px;
          -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.08);
                  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.08); }
          .detail-nav .detail-nav-main .link-index:hover .slide-nav-box .slide-nav-box-main {
            transform: translateY(0px);
            -webkit-transform: translateY(0px); }
    .detail-nav .detail-nav-main p {
      font-size: 14px;
      color: #666;
      display: inline;
      margin-left: 6px; }
      .detail-nav .detail-nav-main p::before {
        width: 1px;
        height: 12px;
        background: #999999;
        content: '';
        display: inline-block;
        margin-right: 14px;
        position: relative;
        top: 1px; }

.unlogin-box {
  width: 100%;
  overflow: hidden; }
  .unlogin-box .unlog-main {
    max-width: 1200px;
    margin: 0 auto;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    padding: 56px 0; }
    .unlogin-box .unlog-main .unlog-name {
      width: 100%;
      text-align: center;
      margin-top: 30px; }
      .unlogin-box .unlog-main .unlog-name a {
        display: inline-block;
        font-size: 16px;
        border: 1px solid #eee;
        border-radius: 24px;
        padding: 12px 48px;
        color: #2e9ed5; }
    .unlogin-box .unlog-main h3 {
      font-size: 18px;
      color: #2e9ed5;
      letter-spacing: 4px; }

.lists-box-details {
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 30px; }
  .lists-box-details ul {
    margin-right: -10px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-flex-wrap: wrap; }
    .lists-box-details ul::after {
      content: '';
      display: table;
      height: 0;
      clear: both;
      visibility: hidden;
      overflow: hidden; }
    .lists-box-details ul li {
      width: calc(20% - 10px);
      float: left;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      margin-bottom: 24px;
      margin-right: 10px;
      background: #f6f6f6;
      padding-bottom: 16px;
      cursor: pointer; }
      .lists-box-details ul li:hover {
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
                box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); }
      .lists-box-details ul li .img-box {
        width: 100%;
        padding-bottom: 100%;
        position: relative;
        border: 1px solid #fafafa;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        .lists-box-details ul li .img-box img {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box; }
      .lists-box-details ul li h4 {
        font-size: 14px;
        line-height: 20px;
        height: 40px;
        overflow: hidden;
        padding: 0 12px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        color: #666;
        margin-top: 14px; }
      .lists-box-details ul li p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        color: #aaa;
        height: 20px;
        overflow: hidden;
        line-height: 20px;
        font-size: 14px;
        margin: 8px 12px; }
      .lists-box-details ul li h6 {
        display: inline-block;
        background: #e53b3b;
        color: #fff;
        font-size: 14px;
        line-height: 18px;
        padding: 5px 12px;
        margin-top: 6px;
        margin-bottom: 4px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px; }
      .lists-box-details ul li .to-login {
        font-size: 16px;
        color: #999;
        float: right;
        line-height: 18px;
        padding: 5px 12px;
        margin-top: 6px; }
        .lists-box-details ul li .to-login:hover {
          color: #e53b3b; }
      .lists-box-details ul li .price-box {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-justify-content: space-between;
        padding: 0 12px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        .lists-box-details ul li .price-box h2 {
          font-size: 18px;
          color: #eb7400;
          line-height: 24px;
          font-weight: bold; }
          .lists-box-details ul li .price-box h2 span {
            font-size: 12px; }
        .lists-box-details ul li .price-box h5 {
          font-size: 14px;
          color: #b9b9b9;
          text-decoration: line-through; }

.lists-pages {
  max-width: 1200px;
  margin: 12px auto 36px auto; }
  .lists-pages ul {
    display: block;
    overflow: hidden; }
    .lists-pages ul li {
      float: left;
      width: 36px;
      height: 36px;
      font-size: 14px;
      border: 1px solid #e5e5e5;
      text-align: center;
      line-height: 36px;
      margin: 0 3px;
      cursor: pointer; }
      .lists-pages ul li a {
        width: 100%;
        line-height: 38px;
        display: block;
        color: #333; }
      .lists-pages ul li.active {
        border: none;
        color: #eb7400; }
  .lists-pages .prev-btn,
  .lists-pages .next-btn {
    width: 88px;
    height: 36px;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    color: #666;
    margin: 0 3px;
    cursor: pointer;
    padding: 0;
    background: none; }
    
  .lists-pages .prev-btn a,
  .lists-pages .next-btn a{
    color: #333;
  }
    
    .lists-pages .prev-btn:disabled,
    .lists-pages .next-btn:disabled {
      opacity: 0.3; }
    .lists-pages .prev-btn img,
    .lists-pages .next-btn img {
      width: 6px;
      padding: 0 6px; }

.keywords-box {
  max-width: 1200px;
  margin: 0 auto; }
  .keywords-box .title {
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    letter-spacing: 2px;
    margin: 30px 0 18px 0; }
    .keywords-box .title span {
      color: #eb7400; }
    .keywords-box .title i {
      font-size: 14px;
      color: #a9a9a9;
      font-weight: normal; }
  .keywords-box .lists {
    width: 100%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }
    .keywords-box .lists ul {
      width: 100%;
      display: block;
      overflow: hidden;
      background: #f6f6f6; }
      .keywords-box .lists ul li {
        width: 100%;
        float: left;
        border-bottom: 1px solid #f0f0f0; }
        .keywords-box .lists ul li:last-child {
          border-bottom: 0; }
      .keywords-box .lists ul .left,
      .keywords-box .lists ul .right {
        float: left;
        padding: 15px 0 15px 20px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
      .keywords-box .lists ul .left {
        width: 160px;
        color: #333;
        font-size: 16px;
        letter-spacing: 2px;
        line-height: 28px; }
      .keywords-box .lists ul .right {
        width: 1040px;
        background: #fff; }
        .keywords-box .lists ul .right p,
        .keywords-box .lists ul .right a {
          display: inline-block;
          font-size: 14px;
          color: #1d69aa;
          margin-right: 20px;
          line-height: 28px;
          cursor: pointer;
          padding: 0 6px; }
          .keywords-box .lists ul .right p:hover,
          .keywords-box .lists ul .right a:hover {
            color: #3bbfe7; }
          .keywords-box .lists ul .right p.active,
          .keywords-box .lists ul .right a.active {
            border: 1px solid #7cabd3;
            background: #7cabd3;
            color: #fff;
            border-radius: 3px; }
          .keywords-box .lists ul .right p.selected,
          .keywords-box .lists ul .right a.selected {
            border: 1px solid #ddd;
            border-radius: 3px;
            color: #eb7400;
            margin-top: 6px;
            margin-bottom: 6px; }
            .keywords-box .lists ul .right p.selected span,
            .keywords-box .lists ul .right a.selected span {
              color: #333; }
            .keywords-box .lists ul .right p.selected button,
            .keywords-box .lists ul .right a.selected button {
              width: 30px;
              height: 22px;
              border-radius: 3px;
              border: none;
              background: none;
              cursor: pointer; }
            .keywords-box .lists ul .right p.selected:hover,
            .keywords-box .lists ul .right a.selected:hover {
              border: 1px solid #eb7400; }
              .keywords-box .lists ul .right p.selected:hover button,
              .keywords-box .lists ul .right a.selected:hover button {
                color: #eb7400; }

.gb_pro-detail {
  width: 100%;
  overflow: hidden; }
  .gb_pro-detail .detail-main {
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 24px;
    overflow: hidden; }
    .gb_pro-detail .detail-main .left {
      width: 450px;
      float: left; }
      .gb_pro-detail .detail-main .left #Tz_wrap {
        width: 450px;
        margin-top: 28px;
        height: 480px; }
      .gb_pro-detail .detail-main .left #Tz_magnify {
        width: 450px;
        height: 450px;
        border: 1px solid #eee;
        position: relative;
        margin-bottom: 18px; }
        .gb_pro-detail .detail-main .left #Tz_magnify .simg {
          width: 100%;
          height: 100%;
          position: relative; }
          .gb_pro-detail .detail-main .left #Tz_magnify .simg img {
            width: 100%;
            height: 100%; }
          .gb_pro-detail .detail-main .left #Tz_magnify .simg .mov {
            width: 150px;
            height: 149px;
            background: url("../imgs/move.png");
            position: absolute;
            left: 0px;
            top: 0;
            cursor: move;
            display: none; }
        .gb_pro-detail .detail-main .left #Tz_magnify .bigimg {
          width: 400px;
          height: 400px;
          position: absolute;
          left: 460px;
          top: 0;
          overflow: hidden;
          border: 1px solid #eee;
          display: none;
          z-index: 3; }
          .gb_pro-detail .detail-main .left #Tz_magnify .bigimg img {
            position: absolute;
            left: 0px;
            top: 0; }
      .gb_pro-detail .detail-main .left .series {
        width: 100%;
        height: 75px;
        position: relative; 
		float: left;}
        .gb_pro-detail .detail-main .left .series .show {
          width: 100%;
          height: 100%;
          padding: 0 20px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          position: relative;
          overflow: hidden; }
          .gb_pro-detail .detail-main .left .series .show .left-btn,
          .gb_pro-detail .detail-main .left .series .show .right-btn {
            position: absolute;
            top: 0;
            left: 0;
            width: 20px;
            height: 75px;
            cursor: pointer;
            opacity: 0.2; }
            .gb_pro-detail .detail-main .left .series .show .left-btn:hover,
            .gb_pro-detail .detail-main .left .series .show .right-btn:hover {
              opacity: 0.4; }
          .gb_pro-detail .detail-main .left .series .show .left-btn {
            background: url("../imgs/l-icon.png") left center no-repeat; }
          .gb_pro-detail .detail-main .left .series .show .right-btn {
            left: inherit;
            right: 0;
            background: url("../imgs/r-icon.png") right center no-repeat; }
          .gb_pro-detail .detail-main .left .series .show .img-swiper {
            width: 100%;
            height: 75px;
            overflow: hidden; }
          .gb_pro-detail .detail-main .left .series .show ul.cont-wrapper {
            width: auto;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            -webkit-justify-content: flex-start;
            transition: all 0.25s ease;
            -webkit-transition: all 0.25s ease; }
            .gb_pro-detail .detail-main .left .series .show ul.cont-wrapper li {
              cursor: pointer;
              width: 20%;
              height: 75px;
              -ms-flex-negative: 0;
                  flex-shrink: 0;
              text-align: center;
              -webkit-box-sizing: border-box;
                      box-sizing: border-box; }
              .gb_pro-detail .detail-main .left .series .show ul.cont-wrapper li img {
                width: 75px;
                height: 75px;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box; }
              .gb_pro-detail .detail-main .left .series .show ul.cont-wrapper li:hover img, .gb_pro-detail .detail-main .left .series .show ul.cont-wrapper li.active img {
                border: 2px solid red; }
    .gb_pro-detail .detail-main .right {
      width: 680px;
      float: right;
      padding-top: 24px;
      overflow: hidden; }
      .gb_pro-detail .detail-main .right h2 {
        font-size: 24px;
        color: #333;
        line-height: 32px;
        margin-bottom: 12px; }
      .gb_pro-detail .detail-main .right p {
        font-size: 14px;
        line-height: 20px;
        color: #aaa; }
      .gb_pro-detail .detail-main .right .price-box {
        width: 100%;
        padding: 16px 0 22px 0;
        border-bottom: 1px solid #e0e0e0; }
        .gb_pro-detail .detail-main .right .price-box h3 {
          font-size: 24px;
          color: red;
          display: inline-block;
          margin-right: 14px; }
          .gb_pro-detail .detail-main .right .price-box h3 span {
            font-size: 16px; }
        .gb_pro-detail .detail-main .right .price-box p {
          margin-right: 32px;
          display: inline-block; }
          .gb_pro-detail .detail-main .right .price-box p.price-es {
            text-decoration: line-through; }
      .gb_pro-detail .detail-main .right .promotion-box {
        width: 100%;
        margin-top: 18px;
        background: #fafafa;
        border-radius: 3px;
        padding: 12px 8px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        overflow: hidden;
        border: 1px solid #f6f6f6; }
        .gb_pro-detail .detail-main .right .promotion-box p {
          width: 68px;
          display: block;
          float: left;
          line-height: 28px;
          text-align: justify;
          color: #666;
          margin-right: 24px;
          text-align-last: justify; }
        .gb_pro-detail .detail-main .right .promotion-box ul {
          display: block;
          width: 500px;
          float: left; }
          .gb_pro-detail .detail-main .right .promotion-box ul li {
            width: 100%;
            float: left;
            margin-bottom: 12px; }
            .gb_pro-detail .detail-main .right .promotion-box ul li:last-child {
              margin-bottom: 0; }
            .gb_pro-detail .detail-main .right .promotion-box ul li h4 {
              display: block;
              float: left;
              color: #eb7400;
              padding: 3px 8px;
              line-height: 18px;
              border-radius: 3px;
              border: 1px solid #eb7400;
              margin-right: 8px;
              letter-spacing: 2px; }
            .gb_pro-detail .detail-main .right .promotion-box ul li p {
              display: block;
              width: auto;
              letter-spacing: 2px; }
              .gb_pro-detail .detail-main .right .promotion-box ul li p::after {
                display: none; }
      .gb_pro-detail .detail-main .right .detail-lists {
        width: 100%;
        margin-top: 10px;
        padding-left: 7px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        .gb_pro-detail .detail-main .right .detail-lists ul {
          width: 100%; }
          .gb_pro-detail .detail-main .right .detail-lists ul li {
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            -webkit-justify-content: flex-start;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start;
            -webkit-align-items: flex-start;
            padding: 6px 0;
            position: relative; }
            .gb_pro-detail .detail-main .right .detail-lists ul li p {
              color: #666;
              line-height: 20px; }
              .gb_pro-detail .detail-main .right .detail-lists ul li p a {
                color: #eb7400; }
            .gb_pro-detail .detail-main .right .detail-lists ul li .title {
              width: 68px;
              display: block;
              text-align: justify;
              margin-right: 24px;
              line-height: 20px;
              text-align-last: justify;
              -ms-flex-negative: 0;
                  flex-shrink: 0; }
              .gb_pro-detail .detail-main .right .detail-lists ul li .title.select {
                position: relative;
                top: 2px; }
            .gb_pro-detail .detail-main .right .detail-lists ul li .des-box {
              overflow: hidden;
              -webkit-box-align: start;
                  -ms-flex-align: start;
                      align-items: flex-start;
              -webkit-align-items: flex-start;
              transition: 0.25s ease;
              -webkit-transition: 0.25s ease; }
              .gb_pro-detail .detail-main .right .detail-lists ul li .des-box .tips-r-btn {
                width: 20px;
                height: 20px;
                margin-left: 10px;
                margin-top: 4px;
                border: 1px solid #eee;
                float: right;
                -ms-flex-negative: 0;
                    flex-shrink: 0;
                cursor: pointer; }
                .gb_pro-detail .detail-main .right .detail-lists ul li .des-box .tips-r-btn img {
                  width: 16px;
                  transition: 0.25s ease;
                  -webkit-transition: 0.25s ease; }
                  .gb_pro-detail .detail-main .right .detail-lists ul li .des-box .tips-r-btn img.active {
                    transform: rotateZ(180deg);
                    -webkit-transform: rotateZ(180deg); }
            .gb_pro-detail .detail-main .right .detail-lists ul li .yun-fei-box {
              width: auto;
              margin-right: 10px;
              position: relative; }
              .gb_pro-detail .detail-main .right .detail-lists ul li .yun-fei-box img {
                width: 10px;
                padding: 0 6px; }
              .gb_pro-detail .detail-main .right .detail-lists ul li .yun-fei-box .yun-fei-header {
                height: 32px;
                padding: 0 12px;
                border: 1px solid #e0e0e0;
                position: relative;
                border-radius: 3px;
                z-index: 2;
                background: #fff;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                cursor: pointer;
                padding-right: 2px; }
                .gb_pro-detail .detail-main .right .detail-lists ul li .yun-fei-box .yun-fei-header .icon-drop-down {
                  width: 14px;
                  opacity: 0.5;
                  padding: 0 10px;
                  transition: 0.25s ease;
                  -webkit-transition: 0.25s ease; }
              .gb_pro-detail .detail-main .right .detail-lists ul li .yun-fei-box .yun-fei-main {
                position: absolute;
                width: 440px;
                height: 240px;
                border: 1px solid #e0e0e0;
                z-index: 1;
                top: 31px;
                background: #fff;
                left: 0;
                border-top-right-radius: 3px;
                border-bottom-right-radius: 3px;
                border-bottom-left-radius: 3px;
                padding: 10px;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                display: none; }
                .gb_pro-detail .detail-main .right .detail-lists ul li .yun-fei-box .yun-fei-main h5 {
                  font-size: 14px;
                  font-weight: bold;
                  line-height: 32px; }
                .gb_pro-detail .detail-main .right .detail-lists ul li .yun-fei-box .yun-fei-main ul {
                  width: 100%;
                  overflow: hidden; }
                  .gb_pro-detail .detail-main .right .detail-lists ul li .yun-fei-box .yun-fei-main ul li {
                    float: left;
                    line-height: 18px;
                    padding: 3px 0;
                    width: 20%;
                    -webkit-box-sizing: border-box;
                            box-sizing: border-box;
                    border: 1px solid #fff;
                    cursor: pointer; }
                    .gb_pro-detail .detail-main .right .detail-lists ul li .yun-fei-box .yun-fei-main ul li:hover {
                      color: #eb7400; }
                .gb_pro-detail .detail-main .right .detail-lists ul li .yun-fei-box .yun-fei-main .selected {
                  width: 100%; }
                  .gb_pro-detail .detail-main .right .detail-lists ul li .yun-fei-box .yun-fei-main .selected p {
                    display: inline-block;
                    cursor: pointer;
                    line-height: 32px;
                    margin-right: 16px; }
                    .gb_pro-detail .detail-main .right .detail-lists ul li .yun-fei-box .yun-fei-main .selected p.active {
                      color: #eb7400;
                      font-weight: bold; }
              .gb_pro-detail .detail-main .right .detail-lists ul li .yun-fei-box:hover .yun-fei-header {
                border-bottom: 1px solid #fff;
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0; }
                .gb_pro-detail .detail-main .right .detail-lists ul li .yun-fei-box:hover .yun-fei-header .icon-drop-down {
                  transform: rotateZ(180deg);
                  -webkit-transform: rotateZ(180deg); }
            .gb_pro-detail .detail-main .right .detail-lists ul li .color-select {
              width: 100%;
              overflow: hidden; }
              .gb_pro-detail .detail-main .right .detail-lists ul li .color-select li {
                float: left;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                -webkit-align-items: center;
                border: 1px solid #d2d2d2;
                border-radius: 3px;
                padding: 1px 6px;
                margin-right: 12px;
                margin-bottom: 6px;
                cursor: pointer; }
                .gb_pro-detail .detail-main .right .detail-lists ul li .color-select li img {
                  width: 36px;
                  height: 36px; }
                .gb_pro-detail .detail-main .right .detail-lists ul li .color-select li p {
                  padding: 0 6px; }
                  .gb_pro-detail .detail-main .right .detail-lists ul li .color-select li p a {
                    color: #666; }
                    .gb_pro-detail .detail-main .right .detail-lists ul li .color-select li p a:hover {
                      color: #eb7400; }
                .gb_pro-detail .detail-main .right .detail-lists ul li .color-select li.active {
                  border: 1px solid #f00; }
            .gb_pro-detail .detail-main .right .detail-lists ul li .num-box {
              width: 68px;
              height: 42px;
              -webkit-box-sizing: border-box;
                      box-sizing: border-box;
              border: 1px solid #d2d2d2;
              font-size: 16px;
              margin-right: 24px; }
              .gb_pro-detail .detail-main .right .detail-lists ul li .num-box .number {
                width: 40px;
                height: 100%;
                float: left; }
                .gb_pro-detail .detail-main .right .detail-lists ul li .num-box .number input {
                  width: 100%;
                  height: 100%;
                  border: none;
                  text-align: center;
                  outline: none;
                  background: none;
                  font-size: 16px; }
                .gb_pro-detail .detail-main .right .detail-lists ul li .num-box .number input::-webkit-outer-spin-button,
                .gb_pro-detail .detail-main .right .detail-lists ul li .num-box .number input::-webkit-inner-spin-button {
                  -webkit-appearance: none; }
                .gb_pro-detail .detail-main .right .detail-lists ul li .num-box .number input[type='number'] {
                  -moz-appearance: textfield; }
              .gb_pro-detail .detail-main .right .detail-lists ul li .num-box .plus,
              .gb_pro-detail .detail-main .right .detail-lists ul li .num-box .minus {
                width: 24px;
                height: 20px;
                float: right;
                cursor: pointer;
                -webkit-user-select: none;
                -moz-user-select: none;
                 -ms-user-select: none;
                     user-select: none;
                border: none;
                background: none;
                border-left: 1px solid #d2d2d2; }
                .gb_pro-detail .detail-main .right .detail-lists ul li .num-box .plus.disabled,
                .gb_pro-detail .detail-main .right .detail-lists ul li .num-box .minus.disabled {
                  opacity: 0.3; }
              .gb_pro-detail .detail-main .right .detail-lists ul li .num-box .plus {
                border-bottom: 1px solid #d2d2d2; }
            .gb_pro-detail .detail-main .right .detail-lists ul li .cart-btn {
              float: left;
              position: relative; }
              .gb_pro-detail .detail-main .right .detail-lists ul li .cart-btn button {
                width: 192px;
                height: 42px;
                float: left;
                border: none;
                color: #fff;
                font-size: 16px;
                letter-spacing: 2px;
                outline: none;
                cursor: pointer;
                -webkit-user-select: none;
                -moz-user-select: none;
                 -ms-user-select: none;
                     user-select: none; }
              .gb_pro-detail .detail-main .right .detail-lists ul li .cart-btn .cart {
                background: #eb7400;
                margin-right: 20px; }
              .gb_pro-detail .detail-main .right .detail-lists ul li .cart-btn .buy-now {
                background: red; }
              .gb_pro-detail .detail-main .right .detail-lists ul li .cart-btn .disable {
                background: #aaa;
                cursor: auto; }
              .gb_pro-detail .detail-main .right .detail-lists ul li .cart-btn .time-count {
                width: 250px;
                background: #eb7400;
                cursor: auto; }
            .gb_pro-detail .detail-main .right .detail-lists ul li.center {
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              -webkit-align-items: center; }
            .gb_pro-detail .detail-main .right .detail-lists ul li .red {
              color: red; }
          .gb_pro-detail .detail-main .right .detail-lists ul #msg-box {
            position: absolute;
            top: -63px;
            left: 92px;
            width: 260px;
            display: none;
            background: #fff;
            padding: 12px 20px;
            border: 1px solid #f0f0f0;
            text-align: center;
            -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
                    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); }
            .gb_pro-detail .detail-main .right .detail-lists ul #msg-box > div {
              display: inline-block; }
            .gb_pro-detail .detail-main .right .detail-lists ul #msg-box img {
              width: 32px;
              margin-right: 32px;
              float: left; }
            .gb_pro-detail .detail-main .right .detail-lists ul #msg-box p {
              transition: all 0.25s ease;
              -webkit-transition: all 0.25s ease;
              float: left;
              opacity: 1;
              line-height: 32px;
              font-size: 16px; }

.msg-pop {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999999999; }
  .msg-pop .pop-main {
    width: 500px;
    height: 300px;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    -webkit-animation: dialog-fade-in 0.3s;
            animation: dialog-fade-in 0.3s; }
    .msg-pop .pop-main .content {
      width: 100%;
      height: 240px;
      float: left;
      padding: 20px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      text-align: center;
      position: relative; }
      .msg-pop .pop-main .content .close-btn {
        width: 36px;
        height: 36px;
        border-radius: 18px;
        background: #fff;
        text-align: center;
        line-height: 34px;
        font-size: 18px;
        position: absolute;
        top: 12px;
        right: 12px;
        cursor: pointer; }
        .msg-pop .pop-main .content .close-btn:hover {
          background: #f55;
          color: #fff; }
      .msg-pop .pop-main .content p {
        font-size: 24px;
        line-height: 32px;
        color: #666; }
    .msg-pop .pop-main .btn-box {
      width: 100%;
      height: 60px;
      float: left;
      background: #eb7400; }
      .msg-pop .pop-main .btn-box button {
        width: 100%;
        height: 100%;
        border: none;
        background: none;
        outline: none;
        font-size: 18px;
        color: #fff;
        letter-spacing: 4px;
        cursor: pointer; }

.gb_pro-imgs {
  width: 100%; }
  .gb_pro-imgs .img-title {
    width: 100%;
    height: 52px;
    background: #f0f0f0;
    font-size: 18px;
    color: #666; }
  .gb_pro-imgs .imgs-main {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #eee;
    margin-top: 24px;
    margin-bottom: 24px;
    padding: 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .gb_pro-imgs .imgs-main img {
      max-width: 100%; 
      vertical-align:top;
    }

@-webkit-keyframes dialog-fade-in {
  0% {
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes dialog-fade-in {
  0% {
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }

/*# sourceMappingURL=gb-index.css.map */