#index {
  width: 100%; }
  #index .menu-banner {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 40px;
    background-color: #fff; }
    #index .menu-banner .banner {
      width: 730px;
      height: 440px;
      margin-left: 10px;
      float: left; }
      #index .menu-banner .banner .swiper-slide {
        width: 100%;
        height: 100%; }
        #index .menu-banner .banner .swiper-slide img {
          width: 100%;
          height: 100%; }
      #index .menu-banner .banner .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        background-color: #fff;
        opacity: 1;
        border-radius: 5px;
        transition: all 0.3s; }
        #index .menu-banner .banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
          width: 48px;
          background-color: #c20d23; }
    #index .menu-banner .right-side {
      width: 240px;
      float: right; }
      #index .menu-banner .right-side .top-block {
        width: 100%;
        height: 276px;
        background-color: #f7f7f7;
        padding: 15px; }
        #index .menu-banner .right-side .top-block .user {
          width: 100%;
          border-bottom: 1px solid #e6e6e6; }
          #index .menu-banner .right-side .top-block .user .info .img {
            width: 70px;
            height: 70px;
            background-color: #fff;
            border: 4px solid #fff;
            border-radius: 50%;
            overflow: hidden;
            box-shadow: 0 0 10px #ccc;
            float: left; }
            #index .menu-banner .right-side .top-block .user .info .img img {
              width: 100%;
              height: 100%; }
          #index .menu-banner .right-side .top-block .user .info .text {
            width: 130px;
            float: left;
            margin-left: 10px;
            padding: 14px 0; }
            #index .menu-banner .right-side .top-block .user .info .text .name {
              width: 100%;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              position: relative; }
              #index .menu-banner .right-side .top-block .user .info .text .name p {
                max-width: 110px;
                display: inline-block; }
              #index .menu-banner .right-side .top-block .user .info .text .name i {
                display: inline-block;
                width: 15px;
                height: 15px;
                background-image: url(../images/33.png);
                margin-left: 10px; }
            #index .menu-banner .right-side .top-block .user .info .text .desc {
              margin-top: 7px; }
          #index .menu-banner .right-side .top-block .user .btns {
            width: 100%;
            height: 38px;
            margin-top: 15px;
            margin-bottom: 18px; }
            #index .menu-banner .right-side .top-block .user .btns a {
              display: block;
              height: 38px;
              border-radius: 19px;
              line-height: 36px;
              text-align: center;
              font-size: 16px;
              border: 1px solid #e6e6e6;
              color: #999; }
              #index .menu-banner .right-side .top-block .user .btns a.half {
                width: 100px; }
              #index .menu-banner .right-side .top-block .user .btns a.full {
                width: 100%; }
              #index .menu-banner .right-side .top-block .user .btns a.active {
                background-color: #c20d23;
                color: #fff; }
        #index .menu-banner .right-side .top-block .news {
          width: 100%;
          padding-top: 15px; }
          #index .menu-banner .right-side .top-block .news a {
            width: 100%;
            display: block;
            font-size: 14px;
            line-height: 14px;
            margin-bottom: 10px; }
            #index .menu-banner .right-side .top-block .news a.more {
              margin-bottom: 0; }
      #index .menu-banner .right-side .bot-block {
        width: 100%;
        height: 153px;
        background-color: #f7f7f7;
        margin-top: 10px;
        overflow: hidden; }
        #index .menu-banner .right-side .bot-block a {
          display: block;
          text-align: center;
          float: left;
          height: 76px;
          border-right: 1px solid #e6e6e6;
          padding: 10px 5px; }
          #index .menu-banner .right-side .bot-block a img {
            width: 35px;
            height: 34px; }
          #index .menu-banner .right-side .bot-block a span {
            display: block;
            width: 100%;
            clear: both;
            font-size: 14px;
            margin-top: 4px;
            transition: color 0.3s; }
          #index .menu-banner .right-side .bot-block a:last-child {
            border-right: none; }
          #index .menu-banner .right-side .bot-block a:hover span {
            color: #c20d23; }
        #index .menu-banner .right-side .bot-block .col-2 {
          width: 100%;
          overflow: hidden;
          border-bottom: 1px solid #e6e6e6; }
          #index .menu-banner .right-side .bot-block .col-2 a {
            width: 50%; }
        #index .menu-banner .right-side .bot-block .col-3 {
          width: 100%;
          overflow: hidden; }
          #index .menu-banner .right-side .bot-block .col-3 a {
            width: 33.33%; }
  #index .best,
  #index .need {
    width: 100%;
    margin-top: 36px; }
    #index .best .tops,
    #index .need .tops {
      width: 100%;
      height: 26px;
      line-height: 26px;
      overflow: hidden; }
      #index .best .tops .mod-title,
      #index .need .tops .mod-title {
        float: left;
        height: 26px;
        border-left: 2px solid #c20d23;
        padding-left: 15px; }
        #index .best .tops .mod-title .cn,
        #index .need .tops .mod-title .cn {
          font-size: 26px;
          font-weight: bold;
          color: #c20d23; }
        #index .best .tops .mod-title .en,
        #index .need .tops .mod-title .en {
          font-size: 20px;
          color: #666;
          margin-left: 8px; }
      #index .best .tops .more,
      #index .need .tops .more {
        padding-right: 16px;
        font-size: 14px;
        color: #999;
        background-image: url(../images/25.png);
        background-position: right center;
        background-repeat: no-repeat;
        float: right;
        transition: all 0.3s; }
        #index .best .tops .more:hover,
        #index .need .tops .more:hover {
          color: #c20d23;
          background-image: url(../images/48.png); }
      #index .best .tops .change,
      #index .need .tops .change {
        padding-left: 24px;
        font-size: 14px;
        color: #999;
        background-image: url(../images/61.png);
        background-position: left center;
        background-repeat: no-repeat;
        float: right;
        transition: all 0.3s; }
        #index .best .tops .change:hover,
        #index .need .tops .change:hover {
          color: #c20d23;
          background-image: url(../images/62.png); }
    #index .best .swiper,
    #index .need .swiper {
      width: 100%;
      margin-top: 30px; }
      #index .best .swiper .swiper-slide,
      #index .need .swiper .swiper-slide {
        width: 228px;
        height: 330px;
        background-color: #fff;
        padding: 14px; }
        #index .best .swiper .swiper-slide .img,
        #index .need .swiper .swiper-slide .img {
          width: 100%;
          height: 200px; }
          #index .best .swiper .swiper-slide .img img,
          #index .need .swiper .swiper-slide .img img {
            width: 100%;
            height: 200px; }
        #index .best .swiper .swiper-slide .name,
        #index .need .swiper .swiper-slide .name {
          width: 100%;
          font-size: 14px;
          margin-top: 12px;
          line-height: 24px;
          height: 48px; }
        #index .best .swiper .swiper-slide .price,
        #index .need .swiper .swiper-slide .price {
          width: 100%;
          font-size: 14px;
          color: #c20d23;
          margin-top: 10px; }
          #index .best .swiper .swiper-slide .price .num,
          #index .need .swiper .swiper-slide .price .num {
            font-size: 20px; }
      #index .best .swiper .btn,
      #index .need .swiper .btn {
        width: 24px;
        height: 50px;
        top: 50%;
        margin-top: -25px;
        outline: none;
        position: absolute;
        z-index: 3;
        cursor: pointer; }
        #index .best .swiper .btn.swiper-button-disabled,
        #index .need .swiper .btn.swiper-button-disabled {
          opacity: 0;
          cursor: auto; }
      #index .best .swiper .prev,
      #index .need .swiper .prev {
        left: 0; }
      #index .best .swiper .next,
      #index .need .swiper .next {
        right: 0; }
  #index .floor {
    width: 100%;
    margin-top: 40px; }
    #index .floor .floor-title {
      width: 100%;
      height: 52px;
      border-bottom: 1px solid #c20d23; }
      #index .floor .floor-title .left {
        width: auto;
        float: left;
        width: 291px;
        height: 52px;
        background-image: url(../images/46.png);
        background-position: left center;
        padding: 14px; }
        #index .floor .floor-title .left .icon {
          display: block;
          float: left;
          width: 33px;
          height: 29px;
          background-image: url(../images/47.png);
          color: #c20d23;
          line-height: 25px;
          text-align: center;
          font-size: 14px;
          font-weight: bold; }
        #index .floor .floor-title .left .name {
          display: block;
          float: left;
          font-size: 24px;
          line-height: 24px;
          margin-left: 16px;
          color: #fff; }
      #index .floor .floor-title .more {
        padding-right: 16px;
        font-size: 14px;
        color: #999;
        background-image: url(../images/25.png);
        background-position: right center;
        background-repeat: no-repeat;
        float: right;
        transition: all 0.3s;
        margin-top: 20px; }
        #index .floor .floor-title .more:hover {
          color: #c20d23;
          background-image: url(../images/48.png); }
    #index .floor .main {
      width: 100%;
      margin-top: 30px;
      overflow: hidden; }
      #index .floor .main .f-banner {
        width: 287px;
        height: 460px;
        background-size: 100%;
        padding: 30px;
        color: #fff;
        overflow: hidden;
        float: left; }
        #index .floor .main .f-banner .big {
          font-size: 26px;
          font-weight: bold; }
        #index .floor .main .f-banner .small {
          font-size: 16px;
          margin-top: 6px; }
        #index .floor .main .f-banner i {
          display: block;
          width: 12px;
          height: 3px;
          margin-top: 18px;
          background-color: #fff; }
        #index .floor .main .f-banner .items {
          width: 100%;
          overflow: hidden;
          margin-top: 20px; }
          #index .floor .main .f-banner .items a {
            display: block;
            width: 106px;
            height: 36px;
            border: 1px solid #fff;
            border-radius: 6px;
            text-align: center;
            line-height: 36px;
            color: #fff;
            font-size: 14px;
            float: left;
            margin-top: 12px;
            padding: 0 4px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
            #index .floor .main .f-banner .items a:nth-child(2n + 1) {
              margin-left: 0; }
            #index .floor .main .f-banner .items a.full {
              width: 100%; }
      #index .floor .main .f-goods {
        width: 913px;
        float: left;
        background-color: #fff;
        border-top: 1px solid #e6e6e6;
        border-left: 1px solid #e6e6e6; }
        #index .floor .main .f-goods .item {
          width: 228px;
          height: 230px;
          position: relative;
          padding: 15px;
          float: left;
          border-bottom: 1px solid #e6e6e6;
          border-right: 1px solid #e6e6e6; }
          #index .floor .main .f-goods .item a {
            display: block;
            width: 100%;
            height: 100%; }
          #index .floor .main .f-goods .item .title {
            width: 100%;
            font-size: 16px;
            line-height: 26px;
            transition: all 0.3s; }
          #index .floor .main .f-goods .item .price {
            color: #c20d23;
            font-size: 14px;
            margin-top: 10px;
            position: relative;
            z-index: 2; }
            #index .floor .main .f-goods .item .price .num {
              font-size: 20px; }
          #index .floor .main .f-goods .item .img {
            width: 120px;
            height: 120px;
            position: absolute;
            bottom: 10px;
            right: 10px; }
            #index .floor .main .f-goods .item .img img {
              width: 100%;
              height: 100%; }
          #index .floor .main .f-goods .item.col-2 {
            width: 456px; }
          #index .floor .main .f-goods .item:hover .title {
            color: #c20d23; }
    #index .floor .f-brand {
      width: 100%;
      margin-top: 10px;
      height: 92px; }
      #index .floor .f-brand .swiper-container {
        width: 100%;
        border: 1px solid #e6e6e6;
        border-right: none; }
      #index .floor .f-brand .swiper-slide {
        width: 202px;
        height: 92px;
        border-right: 1px solid #e6e6e6; }
        #index .floor .f-brand .swiper-slide img {
          width: 100%;
          height: 92px; }
      #index .floor .f-brand .btn {
        width: 24px;
        height: 50px;
        top: 50%;
        margin-top: -25px;
        outline: none;
        position: absolute;
        z-index: 3;
        cursor: pointer; }
        #index .floor .f-brand .btn.swiper-button-disabled {
          opacity: 0;
          cursor: auto; }
      #index .floor .f-brand .prev {
        left: 0; }
      #index .floor .f-brand .next {
        right: 0; }
  #index .need {
    width: 100%;
    margin-top: 60px; }
    #index .need .items {
      width: 100%;
      margin-top: 30px; }
      #index .need .items .item {
        width: 228px;
        height: 330px;
        background-color: #fff;
        padding: 14px;
        float: left;
        margin-left: 15px; }
        #index .need .items .item:first-child {
          margin-left: 0; }
        #index .need .items .item .img {
          width: 100%;
          height: 200px; }
          #index .need .items .item .img img {
            width: 100%;
            height: 200px; }
        #index .need .items .item .name {
          width: 100%;
          font-size: 14px;
          margin-top: 12px;
          line-height: 24px;
          height: 48px; }
        #index .need .items .item .price {
          width: 100%;
          font-size: 14px;
          color: #c20d23;
          margin-top: 10px; }
          #index .need .items .item .price .num {
            font-size: 20px; }
      #index .need .items .btn {
        width: 24px;
        height: 50px;
        top: 50%;
        margin-top: -25px;
        outline: none;
        position: absolute;
        z-index: 3;
        cursor: pointer; }
        #index .need .items .btn.swiper-button-disabled {
          opacity: 0;
          cursor: auto; }
      #index .need .items .prev {
        left: 0; }
      #index .need .items .next {
        right: 0; }

#login .login-main {
  width: 100%;
  min-height: 800px;
  background-image: url(../images/77.png);
  background-size: cover;
  position: relative; }
  #login .login-main .container {
    height: 800px; }
  #login .login-main .texts {
    width: 480px;
    float: left;
    white-space: nowrap;
    color: #fff;
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
    #login .login-main .texts .text1 {
      font-size: 52px; }
    #login .login-main .texts .text2 {
      font-size: 28px;
      margin-top: 8px; }
    #login .login-main .texts .items {
      width: 100%;
      margin-top: 30px;
      overflow: hidden; }
      #login .login-main .texts .items .item {
        width: 192px;
        height: 286px;
        border: 1px solid #999;
        padding: 20px;
        float: left;
        margin-left: 30px; }
        #login .login-main .texts .items .item .img {
          width: 150px;
          height: 150px; }
          #login .login-main .texts .items .item .img img {
            width: 100%;
            height: 100%; }
        #login .login-main .texts .items .item .big {
          font-size: 16px;
          line-height: 16px;
          color: #ccc;
          margin-top: 14px; }
        #login .login-main .texts .items .item .small {
          font-size: 14px;
          line-height: 14px;
          color: #ccc;
          margin-top: 6px; }
        #login .login-main .texts .items .item .os-img {
          width: 100%;
          text-align: center;
          margin-top: 10px; }
          #login .login-main .texts .items .item .os-img img {
            width: auto; }
  #login .login-main .form {
    width: 380px;
    border-radius: 6px;
    overflow: hidden;
    background-color: #fff;
    float: right;
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
    #login .login-main .form .tops {
      width: 100%;
      height: 58px;
      border-bottom: 1px solid #ccc;
      padding: 0 26px; }
      #login .login-main .form .tops span {
        display: block;
        width: auto;
        float: left;
        height: 59px;
        line-height: 58px;
        border-bottom: 3px solid #c20d23;
        font-size: 20px;
        color: #c20d23; }
    #login .login-main .form .main {
      width: 100%;
      padding: 30px 25px 20px; }
      #login .login-main .form .main .line {
        width: 100%;
        height: 50px;
        overflow: hidden; }
        #login .login-main .form .main .line .input {
          width: 100%;
          height: 50px;
          float: left;
          border: 1px solid #ccc;
          border-radius: 4px;
          overflow: hidden;
          background-color: #f3f3f3;
          background-position: 20px center;
          background-repeat: no-repeat;
          padding: 0 20px 0 58px; }
          #login .login-main .form .main .line .input input {
            width: 100%;
            height: 100%;
            border: none;
            background-color: #f3f3f3; }
          #login .login-main .form .main .line .input.icon-user {
            background-image: url(../images/82.png); }
          #login .login-main .form .main .line .input.icon-pass {
            background-image: url(../images/83.png); }
          #login .login-main .form .main .line .input.icon-phone {
            background-image: url(../images/84.png); }
          #login .login-main .form .main .line .input.icon-veri {
            background-image: url(../images/85.png); }
          #login .login-main .form .main .line .input.icon-code {
            background-image: url(../images/86.png); }
        #login .login-main .form .main .line.has-yzm .input {
          width: 198px; }
        #login .login-main .form .main .line.has-yzm button {
          width: 120px;
          height: 50px;
          float: right;
          border: 1px solid #c20d23;
          background-color: #ffdadf;
          border-radius: 4px;
          color: #c20d23;
          text-align: center;
          line-height: 48px; }
          #login .login-main .form .main .line.has-yzm button:disabled {
            opacity: 0.7;
            cursor: not-allowed; }
    #login .login-main .form .btn {
      width: 100%;
      height: 50px;
      box-shadow: 0 6px 10px #ccc; }
      #login .login-main .form .btn button,
      #login .login-main .form .btn a {
        display: block;
        width: 100%;
        height: 100%;
        border: none;
        border-radius: 4px;
        font-size: 18px;
        line-height: 48px;
        color: #fff;
        background-color: #c20d23;
        cursor: pointer; }
    #login .login-main .form .bot-line {
      width: 100%;
      padding: 10px 25px;
      margin-bottom: 10px;
      overflow: hidden; }
      #login .login-main .form .bot-line .left {
        font-size: 14px;
        line-height: 20px; }
        #login .login-main .form .bot-line .left span {
          float: left; }
        #login .login-main .form .bot-line .left a {
          display: block;
          width: 20px;
          height: 20px;
          margin-left: 14px;
          float: left; }
          #login .login-main .form .bot-line .left a img {
            width: 100%;
            height: 100%;
            vertical-align: baseline; }
      #login .login-main .form .bot-line .right a {
        float: left;
        margin-left: 30px; }
    #login .login-main .form .reg-success {
      display: none;
      width: 100%;
      padding: 40px 25px;
      text-align: center; }
      #login .login-main .form .reg-success .img {
        width: 100%;
        text-align: center; }
        #login .login-main .form .reg-success .img img {
          width: 210px;
          height: 194px; }
      #login .login-main .form .reg-success .desc {
        width: 100%;
        margin-top: 30px;
        font-size: 20px;
        line-height: 20px; }

#forget .common-main .main {
  padding: 100px 0; }

#forget .form {
  width: 570px; }
  #forget .form .line .label {
    width: 125px; }
  #forget .form .line .right {
    width: 436px; }
    #forget .form .line .right.has-yzm .input {
      width: 300px; }

#busi-login .main {
  width: 400px;
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%); }
  #busi-login .main .title {
    width: 100%;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    color: #fff; }
  #busi-login .main .form {
    width: 100%;
    margin-top: 50px;
    background-color: rgba(255, 255, 255, 0.87);
    border-radius: 6px;
    padding: 35px; }
    #busi-login .main .form .logo {
      width: 100%;
      height: 59px;
      text-align: center; }
      #busi-login .main .form .logo img {
        width: auto;
        height: 59px; }
    #busi-login .main .form .line {
      width: 100%;
      border-bottom: 1px solid #ccc;
      height: 50px;
      overflow: hidden; }
      #busi-login .main .form .line .label {
        display: block;
        float: left;
        width: 70px;
        height: 100%;
        line-height: 50px; }
      #busi-login .main .form .line .right {
        float: left;
        width: 260px;
        height: 100%; }
        #busi-login .main .form .line .right .input {
          width: 100%;
          height: 50px;
          float: left; }
          #busi-login .main .form .line .right .input input {
            width: 100%;
            height: 100%;
            border: none;
            background-color: transparent;
            border-radius: 0; }
        #busi-login .main .form .line .right.has-yzm .input {
          width: 110px; }
        #busi-login .main .form .line .right.has-yzm .img {
          width: 125px;
          height: 42px;
          float: right;
          margin-top: 4px; }
          #busi-login .main .form .line .right.has-yzm .img imkg {
            width: 100%;
            height: 100%; }
    #busi-login .main .form .btn {
      width: 100%;
      height: 50px;
      box-shadow: 0 6px 10px #ccc; }
      #busi-login .main .form .btn button,
      #busi-login .main .form .btn a {
        display: block;
        width: 100%;
        height: 100%;
        border: none;
        border-radius: 4px;
        font-size: 18px;
        line-height: 48px;
        color: #fff;
        background-color: #5d7ce6;
        cursor: pointer; }

#cart .main {
  margin-bottom: 100px; }
  #cart .main .th-line {
    width: 100%;
    height: 44px;
    background-color: #c20d23;
    color: #fff;
    line-height: 44px;
    padding-left: 30px; }
    #cart .main .th-line > div {
      float: left;
      height: 44px; }
    #cart .main .th-line .item1 {
      width: 16px; }
    #cart .main .th-line .item2 {
      width: 62px;
      margin-left: 10px; }
    #cart .main .th-line .item3 {
      width: 320px;
      margin-left: 20px; }
    #cart .main .th-line .item4 {
      width: 136px;
      margin-left: 10px; }
    #cart .main .th-line .item5 {
      width: 153px;
      margin-left: 10px; }
    #cart .main .th-line .item6 {
      width: 145px;
      margin-left: 10px; }
    #cart .main .th-line .item7 {
      width: 130px;
      margin-left: 10px; }
    #cart .main .th-line .item8 {
      width: 127px;
      margin-left: 10px; }
  #cart .main .goods-item {
    width: 100%;
    margin-top: 30px;
    border: 1px solid #ccc;
    background-color: #fafafa; }
    #cart .main .goods-item.bg-red {
      background-color: #fbe9eb; }
    #cart .main .goods-item .single {
      width: 100%;
      padding: 18px 0 18px 30px;
      display: flex;
      align-items: center; }
      #cart .main .goods-item .single .item1 {
        width: 16px; }
      #cart .main .goods-item .single .item2 {
        width: 62px;
        height: 62px;
        border: 1px solid #e6e6e6;
        margin-left: 10px; }
        #cart .main .goods-item .single .item2 img {
          width: 100%;
          height: 100%; }
      #cart .main .goods-item .single .item3 {
        width: 320px;
        margin-left: 20px;
        line-height: 24px;
        font-weight: bold; }
        #cart .main .goods-item .single .item3 .label {
          display: inline-block;
          padding: 0 5px;
          min-width: 48px;
          height: 18px;
          line-height: 18px;
          text-align: center;
          border-radius: 3px;
          background-color: #c20d23;
          color: #fff;
          font-size: 12px;
          margin-right: 5px;
          font-weight: normal; }
      #cart .main .goods-item .single .item4 {
        width: 136px;
        margin-left: 10px; }
      #cart .main .goods-item .single .item5 {
        width: 153px;
        margin-left: 10px; }
        #cart .main .goods-item .single .item5 .num {
          display: block; }
        #cart .main .goods-item .single .item5 .label {
          display: block;
          width: 36px;
          height: 18px;
          border-radius: 2px;
          border: 1px solid #c20d23;
          line-height: 16px;
          text-align: center;
          background-color: #fbe9eb;
          color: #c20d23;
          font-size: 12px;
          margin: 0 auto; }
      #cart .main .goods-item .single .item6 {
        width: 145px;
        margin-left: 10px; }
        #cart .main .goods-item .single .item6 .red-num-add .add {
          line-height: 32px; }
      #cart .main .goods-item .single .item7 {
        width: 130px;
        margin-left: 10px; }
      #cart .main .goods-item .single .item8 {
        width: 127px;
        margin-left: 10px; }
    #cart .main .goods-item .bounds {
      width: 1145px;
      float: right;
      border-top: 1px solid #ccc; }
      #cart .main .goods-item .bounds .item {
        width: 100%;
        padding: 18px 0 18px 30px;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #ccc; }
        #cart .main .goods-item .bounds .item .item2 {
          width: 62px;
          height: 62px;
          border: 1px solid #e6e6e6; }
          #cart .main .goods-item .bounds .item .item2 img {
            width: 100%;
            height: 100%; }
        #cart .main .goods-item .bounds .item .item3 {
          width: 292px;
          margin-left: 20px;
          line-height: 24px;
          font-weight: bold; }
        #cart .main .goods-item .bounds .item .item4 {
          width: 136px;
          margin-left: 10px; }
        #cart .main .goods-item .bounds .item .item5 {
          width: 153px;
          margin-left: 10px; }
          #cart .main .goods-item .bounds .item .item5 .num {
            display: block; }
        #cart .main .goods-item .bounds .item .item6 {
          width: 145px;
          margin-left: 10px; }
        #cart .main .goods-item .bounds .item .item7 {
          width: 130px;
          margin-left: 10px; }
        #cart .main .goods-item .bounds .item .item8 {
          width: 127px;
          margin-left: 10px; }
        #cart .main .goods-item .bounds .item:last-child {
          border-bottom: none; }
  #cart .main .bot-total {
    width: 100%;
    height: 70px;
    border: 1px solid #ccc;
    background-color: #fafafa;
    padding-left: 30px;
    margin-top: 30px;
    overflow: hidden; }
    #cart .main .bot-total .left {
      float: left;
      height: 100%; }
      #cart .main .bot-total .left .check {
        float: left;
        margin-top: 24px;
        display: block; }
      #cart .main .bot-total .left i.line {
        display: block;
        width: 1px;
        height: 14px;
        background-color: #999;
        margin: 26px 10px;
        float: left; }
      #cart .main .bot-total .left .del-btn {
        display: block;
        float: left;
        margin-top: 23px; }
    #cart .main .bot-total .right {
      float: right;
      height: 100%;
      overflow: hidden;
      line-height: 70px; }
      #cart .main .bot-total .right .text {
        display: block;
        float: left;
        margin-right: 24px; }
        #cart .main .bot-total .right .text .price {
          font-size: 30px;
          font-weight: 500; }
      #cart .main .bot-total .right .btn {
        display: block;
        float: right;
        width: 176px;
        height: 72px;
        line-height: 70px;
        background-color: #c20d23;
        color: #fff;
        text-align: center;
        font-size: 24px; }
  #cart .main .cart-empty {
    width: 100%;
    padding: 150px 0;
    text-align: center; }
    #cart .main .cart-empty .img {
      width: 200px;
      height: 161px;
      margin: 0 auto; }
      #cart .main .cart-empty .img img {
        width: 100%;
        height: 100%; }
    #cart .main .cart-empty .text {
      width: 100%;
      margin-top: 40px;
      font-size: 16px;
      color: #999; }

#confirm .step-block {
  width: 100%;
  margin-top: 30px;
  padding: 50px;
  background-color: #fafafa;
  text-align: center; }
  #confirm .step-block .img {
    width: 920px;
    height: 98px;
    margin: 0 auto;
    background-image: url(../images/93.png);
    background-repeat: no-repeat; }
    #confirm .step-block .img.step1 {
      background-position: 0 0; }
    #confirm .step-block .img.step2 {
      background-position: 0 -98px; }
    #confirm .step-block .img.step3 {
      background-position: 0 -197px; }
  #confirm .step-block .texts {
    width: 920px;
    margin: 20px auto 0;
    display: flex;
    justify-content: space-between; }
    #confirm .step-block .texts .item {
      width: 98px;
      color: #666; }
      #confirm .step-block .texts .item .big {
        font-size: 16px; }
      #confirm .step-block .texts .item .small {
        font-size: 14px;
        margin-top: 4px; }
      #confirm .step-block .texts .item.active .big {
        color: #c20d23; }

#confirm .sec-title {
  width: 100%;
  font-size: 20px;
  line-height: 20px;
  font-weight: bold; }

#confirm .goods-block .th-line {
  width: 100%;
  height: 44px;
  background-color: #c20d23;
  color: #fff;
  line-height: 44px;
  padding-left: 30px; }
  #confirm .goods-block .th-line > div {
    float: left;
    height: 44px; }
  #confirm .goods-block .th-line .item2 {
    width: 62px;
    margin-left: 10px; }
  #confirm .goods-block .th-line .item3 {
    width: 470px;
    margin-left: 20px; }
  #confirm .goods-block .th-line .item4 {
    width: 136px;
    margin-left: 10px; }
  #confirm .goods-block .th-line .item5 {
    width: 153px;
    margin-left: 10px; }
  #confirm .goods-block .th-line .item6 {
    width: 145px;
    margin-left: 10px; }
  #confirm .goods-block .th-line .item7 {
    width: 130px;
    margin-left: 10px; }
  #confirm .goods-block .th-line .item8 {
    width: 127px;
    margin-left: 10px; }

#confirm .goods-block .goods-item {
  width: 100%;
  border: 1px solid #ccc;
  border-top: none;
  background-color: #fafafa; }
  #confirm .goods-block .goods-item.bg-red {
    background-color: #fbe9eb; }
  #confirm .goods-block .goods-item .single {
    width: 100%;
    padding: 18px 0 18px 45px;
    display: flex;
    align-items: center; }
    #confirm .goods-block .goods-item .single .item2 {
      width: 62px;
      height: 62px;
      border: 1px solid #e6e6e6; }
      #confirm .goods-block .goods-item .single .item2 img {
        width: 100%;
        height: 100%; }
    #confirm .goods-block .goods-item .single .item3 {
      width: 470px;
      margin-left: 20px;
      line-height: 24px;
      font-weight: bold; }
      #confirm .goods-block .goods-item .single .item3 .label {
        display: inline-block;
        padding: 0 5px;
        min-width: 48px;
        height: 18px;
        line-height: 18px;
        text-align: center;
        border-radius: 3px;
        background-color: #c20d23;
        color: #fff;
        font-size: 12px;
        margin-right: 5px;
        font-weight: normal; }
    #confirm .goods-block .goods-item .single .item4 {
      width: 136px;
      margin-left: 10px; }
    #confirm .goods-block .goods-item .single .item5 {
      width: 153px;
      margin-left: 10px; }
      #confirm .goods-block .goods-item .single .item5 .num {
        display: block; }
      #confirm .goods-block .goods-item .single .item5 .label {
        display: block;
        width: 36px;
        height: 18px;
        border-radius: 2px;
        border: 1px solid #c20d23;
        line-height: 16px;
        text-align: center;
        background-color: #fbe9eb;
        color: #c20d23;
        font-size: 12px;
        margin: 0 auto; }
    #confirm .goods-block .goods-item .single .item6 {
      width: 145px;
      margin-left: 10px; }
      #confirm .goods-block .goods-item .single .item6 .red-num-add .add {
        line-height: 32px; }
    #confirm .goods-block .goods-item .single .item7 {
      width: 130px;
      margin-left: 10px; }
    #confirm .goods-block .goods-item .single .item8 {
      width: 127px;
      margin-left: 10px; }
  #confirm .goods-block .goods-item .bounds {
    width: 1152px;
    float: right;
    border-top: 1px solid #ccc; }
    #confirm .goods-block .goods-item .bounds .item {
      width: 1122px;
      padding: 18px 0 18px 0px;
      display: flex;
      align-items: center;
      border-bottom: 1px solid #ccc;
      float: right; }
      #confirm .goods-block .goods-item .bounds .item .item2 {
        width: 62px;
        height: 62px;
        border: 1px solid #e6e6e6; }
        #confirm .goods-block .goods-item .bounds .item .item2 img {
          width: 100%;
          height: 100%; }
      #confirm .goods-block .goods-item .bounds .item .item3 {
        width: 440px;
        margin-left: 20px;
        line-height: 24px;
        font-weight: bold; }
      #confirm .goods-block .goods-item .bounds .item .item4 {
        width: 136px;
        margin-left: 10px; }
      #confirm .goods-block .goods-item .bounds .item .item5 {
        width: 153px;
        margin-left: 10px; }
        #confirm .goods-block .goods-item .bounds .item .item5 .num {
          display: block; }
      #confirm .goods-block .goods-item .bounds .item .item6 {
        width: 145px;
        margin-left: 10px; }
      #confirm .goods-block .goods-item .bounds .item .item7 {
        width: 130px;
        margin-left: 10px; }
      #confirm .goods-block .goods-item .bounds .item .item8 {
        width: 127px;
        margin-left: 10px; }
      #confirm .goods-block .goods-item .bounds .item:last-child {
        border-bottom: none; }

#confirm .coupon {
  width: 100%; }
  #confirm .coupon .tab {
    width: 100%;
    border: 1px solid #e6e6e6; }
    #confirm .coupon .tab .tab-top {
      width: 100%;
      height: 40px;
      line-height: 40px;
      background-color: #f5f5f5; }
      #confirm .coupon .tab .tab-top a {
        display: block;
        float: left;
        width: 126px;
        text-align: center; }
        #confirm .coupon .tab .tab-top a.active {
          background-color: #fff; }
    #confirm .coupon .tab .tab-contents {
      width: 100%; }
      #confirm .coupon .tab .tab-contents .content {
        display: none;
        width: 100%;
        padding: 35px 40px;
        background-color: #fff; }
        #confirm .coupon .tab .tab-contents .content .discount-ul li {
          width: 264px;
          height: 140px;
          border: 1px solid #c20d23;
          float: left;
          margin-right: 20px;
          margin-bottom: 20px;
          cursor: pointer; }
          #confirm .coupon .tab .tab-contents .content .discount-ul li .top {
            height: 100px;
            background: #f7dde0;
            padding: 5px 10px 0 20px; }
            #confirm .coupon .tab .tab-contents .content .discount-ul li .top .t1 {
              color: #c1132a;
              font-size: 14px; }
              #confirm .coupon .tab .tab-contents .content .discount-ul li .top .t1 .s1 {
                font-size: 24px; }
              #confirm .coupon .tab .tab-contents .content .discount-ul li .top .t1 .num {
                font-size: 28px;
                font-weight: bold; }
            #confirm .coupon .tab .tab-contents .content .discount-ul li .top .info p {
              font-size: 14px;
              line-height: 1.8em;
              color: #c1132a; }
          #confirm .coupon .tab .tab-contents .content .discount-ul li .bottom {
            height: 40px;
            line-height: 40px;
            text-align: center;
            color: #666;
            font-size: 14px; }
          #confirm .coupon .tab .tab-contents .content .discount-ul li.active {
            background-image: url("../images/100.png");
            background-repeat: no-repeat;
            background-size: 24px 20px;
            background-position: right bottom; }
          #confirm .coupon .tab .tab-contents .content .discount-ul li:nth-child(4n) {
            margin-right: 0; }
    #confirm .coupon .tab .tab-bot {
      width: 100%;
      height: 40px;
      background-color: #f5f5f5;
      line-height: 40px;
      padding: 0 40px; }

#confirm .message {
  width: 100%;
  height: 210px; }
  #confirm .message textarea {
    width: 100%;
    height: 100%;
    padding: 14px 20px;
    border: 1px solid #e6e6e6;
    resize: none; }

#confirm .invoice {
  width: 100%;
  border: 1px solid #e6e6e6;
  padding: 40px; }
  #confirm .invoice .line {
    width: 580px;
    height: 40px; }
    #confirm .invoice .line .label {
      float: left;
      text-align: right;
      height: 40px;
      line-height: 40px;
      color: #666;
      width: 110px;
      white-space: nowrap; }
    #confirm .invoice .line .right {
      width: 460px;
      height: 40px;
      float: right; }
      #confirm .invoice .line .right > input {
        width: 100%;
        height: 100%;
        border: 1px solid #e6e6e6;
        padding: 0 12px; }
      #confirm .invoice .line .right .radio-item {
        float: left;
        line-height: 40px; }

#confirm .confirm-info {
  width: 650px;
  border: 1px solid #c20d23;
  padding: 12px 35px 20px;
  float: right; }
  #confirm .confirm-info .line {
    width: 100%;
    text-align: right;
    margin-top: 8px; }
    #confirm .confirm-info .line .confirm-price {
      font-size: 30px;
      line-height: 30px; }

#confirm .sub-btn {
  width: 200px;
  height: 40px;
  float: right;
  clear: both; }
  #confirm .sub-btn a {
    display: block;
    width: 200px;
    height: 40px;
    background-color: #c20d23;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff; }

#confirm .payment {
  width: 100%;
  overflow: hidden; }
  #confirm .payment .item {
    width: 176px;
    height: 62px;
    border: 1px solid #e6e6e6;
    float: left;
    margin-right: 15px;
    cursor: pointer; }
    #confirm .payment .item img {
      width: 100%;
      height: 100%; }
    #confirm .payment .item.active {
      border-color: #c20d23; }

#confirm .step2-price {
  float: right;
  margin-top: 190px; }
  #confirm .step2-price span {
    font-size: 30px;
    line-height: 30px;
    color: #c20d23; }

#confirm .step2-win {
  width: 660px;
  height: 610px; }
  #confirm .step2-win .mains {
    padding: 20px 24px; }
    #confirm .step2-win .mains .title {
      font-size: 14px; }
  #confirm .step2-win .table {
    width: 100%; }
    #confirm .step2-win .table table {
      width: 400px;
      margin-top: 14px;
      border: 1px solid #E6E6E6; }
      #confirm .step2-win .table table th {
        background-color: #fafafa;
        text-align: center; }
      #confirm .step2-win .table table td {
        padding: 6px 20px;
        height: 40px; }
  #confirm .step2-win .bot {
    width: 100%;
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #E6E6E6; }
    #confirm .step2-win .bot .uploads {
      width: 100%;
      margin-top: 14px; }
      #confirm .step2-win .bot .uploads .item {
        width: 120px;
        height: 120px;
        float: left;
        border: 1px solid #E6E6E6;
        margin-left: 20px;
        margin-bottom: 20px;
        position: relative; }
        #confirm .step2-win .bot .uploads .item img {
          width: 100%;
          height: 100%; }
        #confirm .step2-win .bot .uploads .item i {
          display: block;
          width: 26px;
          height: 26px;
          background-image: url(../images/109.png);
          cursor: pointer;
          position: absolute;
          top: -13px;
          right: -13px; }
        #confirm .step2-win .bot .uploads .item.upload-btn {
          background-image: url(../images/108.png); }
          #confirm .step2-win .bot .uploads .item.upload-btn input {
            width: 100%;
            height: 100%;
            opacity: 0;
            cursor: pointer; }
        #confirm .step2-win .bot .uploads .item:nth-child(4n+1) {
          margin-left: 0; }

#confirm .success {
  width: 100%;
  padding: 120px 0;
  text-align: center; }
  #confirm .success .img {
    width: 200px;
    height: 160px;
    margin: 0 auto; }
    #confirm .success .img img {
      width: 100%;
      height: 100%; }
  #confirm .success .text {
    font-size: 20px;
    margin-top: 30px; }
  #confirm .success .order-num {
    font-size: 20px;
    margin-top: 10px;
    color: #999; }
  #confirm .success .btns {
    width: 100%;
    text-align: center;
    margin-top: 30px; }
    #confirm .success .btns .btn {
      display: inline-block;
      width: 126px;
      height: 40px;
      line-height: 38px;
      border-radius: 4px;
      overflow: hidden;
      cursor: pointer;
      font-size: 16px;
      border: 1px solid; }
      #confirm .success .btns .btn.btn-red {
        border-color: #c20d23;
        background-color: #c20d23;
        color: #fff; }
      #confirm .success .btns .btn.btn-gray {
        border-color: #ccc;
        background-color: #ededed;
        color: #333; }

#goods-detail {
  padding-bottom: 100px; }
  #goods-detail .detail-box {
    padding-bottom: 55px; }
    #goods-detail .detail-box > .left .slide-left {
      display: inline-block;
      vertical-align: top;
      position: relative; }
      #goods-detail .detail-box > .left .slide-left .swiper-container {
        width: 450px;
        height: 450px;
        border: 1px solid #e6e6e6; }
        #goods-detail .detail-box > .left .slide-left .swiper-container .swiper-slide {
          width: 100%;
          height: 398px; }
          #goods-detail .detail-box > .left .slide-left .swiper-container .swiper-slide img {
            width: 100%;
            height: 100%; }
      #goods-detail .detail-box > .left .slide-left .page-wrapper {
        width: 375px;
        margin: 0 auto;
        margin-top: 15px;
        overflow: hidden;
        position: relative;
        height: 70px;
        border: none !important; }
        #goods-detail .detail-box > .left .slide-left .page-wrapper .swiper-pagination {
          white-space: nowrap;
          transition: margin-left 0.3s ease-out;
          -webkit-transition: margin-left 0.3s ease-out;
          -ms-transition: margin-left 0.3s ease-out; }
          #goods-detail .detail-box > .left .slide-left .page-wrapper .swiper-pagination span {
            width: 63px;
            height: 63px;
            border-radius: 0;
            border: 1px solid #e6e6e6;
            background-repeat: no-repeat;
            background-position: center;
            background-size: 100%;
            opacity: 1;
            transform: scale(1);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            margin-right: 15px; }
            #goods-detail .detail-box > .left .slide-left .page-wrapper .swiper-pagination span img {
              width: 100%;
              height: 100%; }
          #goods-detail .detail-box > .left .slide-left .page-wrapper .swiper-pagination span.swiper-slide-active {
            border: 2px solid #c20d23; }
          #goods-detail .detail-box > .left .slide-left .page-wrapper .swiper-pagination span:focus {
            outline: none; }
          #goods-detail .detail-box > .left .slide-left .page-wrapper .swiper-pagination .swiper-pagination-bullet-active {
            border-color: #c20d23; }
      #goods-detail .detail-box > .left .slide-left .swiper-button-prev,
      #goods-detail .detail-box > .left .slide-left .swiper-button-next {
        width: 18px;
        height: 63px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: auto;
        top: 465px;
        margin-top: 0; }
      #goods-detail .detail-box > .left .slide-left .swiper-button-next:after,
      #goods-detail .detail-box > .left .slide-left .swiper-button-prev:after {
        display: none; }
      #goods-detail .detail-box > .left .slide-left .swiper-button-prev {
        background-image: url("../images/209.png");
        transform: rotate(-180deg);
        left: 0; }
      #goods-detail .detail-box > .left .slide-left .swiper-button-next {
        background-image: url("../images/209.png");
        right: 0; }
      #goods-detail .detail-box > .left .slide-left .swiper-button-prev:focus,
      #goods-detail .detail-box > .left .slide-left .swiper-button-next:focus {
        outline: none; }
      #goods-detail .detail-box > .left .slide-left .collect-box .collect {
        color: #333;
        font-size: 14px;
        cursor: pointer;
        width: 100px;
        height: 40px;
        line-height: 40px; }
        #goods-detail .detail-box > .left .slide-left .collect-box .collect img {
          width: 16px;
          height: 16px;
          margin-right: 8px;
          vertical-align: text-top; }
    #goods-detail .detail-box > .right {
      width: 730px; }
      #goods-detail .detail-box > .right .good-title .title {
        color: #333;
        font-size: 20px;
        font-weight: bold; }
      #goods-detail .detail-box > .right .good-title .tt {
        color: #666;
        font-size: 14px;
        margin: 10px 0; }
      #goods-detail .detail-box > .right .goods-info .seckill {
        width: 100%;
        height: 40px;
        line-height: 40px;
        background-image: linear-gradient(-90deg, #ff0070 0%, #f1263f 100%), linear-gradient(#131111, #131111);
        background-blend-mode: normal, normal;
        padding: 0 20px 0 15px; }
        #goods-detail .detail-box > .right .goods-info .seckill > .left {
          float: left; }
          #goods-detail .detail-box > .right .goods-info .seckill > .left img {
            width: 113px; }
        #goods-detail .detail-box > .right .goods-info .seckill > .right {
          float: right;
          font-size: 18px;
          color: #fff; }
          #goods-detail .detail-box > .right .goods-info .seckill > .right > img {
            width: 18px; }
          #goods-detail .detail-box > .right .goods-info .seckill > .right .txt {
            display: inline-block;
            padding: 0 15px 0 10px; }
          #goods-detail .detail-box > .right .goods-info .seckill > .right span {
            font-weight: bold;
            margin: 0 3px;
            display: inline-block;
            font-style: italic; }
      #goods-detail .detail-box > .right .goods-info .info-box {
        width: 100%;
        height: 112px;
        background-image: url("../images/212.png");
        background-repeat: no-repeat;
        background-size: cover;
        padding: 15px 0 15px 20px; }
        #goods-detail .detail-box > .right .goods-info .info-box .line .left-label {
          width: 85px;
          height: 20px;
          float: left;
          display: inline-flex; }
          #goods-detail .detail-box > .right .goods-info .info-box .line .left-label .label {
            width: 60px;
            color: #999;
            font-size: 14px;
            text-align: justify;
            display: inline-block; }
            #goods-detail .detail-box > .right .goods-info .info-box .line .left-label .label:after {
              content: '';
              display: inline-block;
              width: 100%; }
          #goods-detail .detail-box > .right .goods-info .info-box .line .left-label .dot {
            display: inline-block;
            margin-left: 1px;
            color: #999; }
        #goods-detail .detail-box > .right .goods-info .info-box .line .info {
          float: left; }
        #goods-detail .detail-box > .right .goods-info .info-box .line .price {
          font-size: 18px;
          color: #c20d23; }
          #goods-detail .detail-box > .right .goods-info .info-box .line .price span {
            font-size: 28px;
            display: inline-block;
            margin-top: -15px; }
        #goods-detail .detail-box > .right .goods-info .info-box .line .del {
          font-size: 14px;
          color: #333;
          text-decoration: line-through; }
        #goods-detail .detail-box > .right .goods-info .info-box .line .discount span {
          display: inline-block;
          background-color: #fbe9eb;
          border-radius: 2px;
          border: solid 1px #c20d23;
          padding: 1px 6px;
          font-size: 12px;
          color: #c20d23;
          margin-right: 10px; }
        #goods-detail .detail-box > .right .goods-info .info-box .line .discount a {
          font-size: 14px;
          color: #c20d23; }
          #goods-detail .detail-box > .right .goods-info .info-box .line .discount a i {
            width: 4px;
            height: 9px;
            display: inline-block;
            background-image: url("../images/208.png");
            background-size: cover;
            background-repeat: no-repeat;
            margin-left: 10px;
            vertical-align: middle; }
      #goods-detail .detail-box > .right .goods-link {
        padding: 15px 0 10px 20px; }
        #goods-detail .detail-box > .right .goods-link .line .left-label {
          width: 85px;
          height: 20px;
          float: left;
          display: inline-flex; }
          #goods-detail .detail-box > .right .goods-link .line .left-label .label {
            width: 60px;
            color: #999;
            font-size: 14px;
            text-align: justify;
            display: inline-block; }
            #goods-detail .detail-box > .right .goods-link .line .left-label .label:after {
              content: '';
              display: inline-block;
              width: 100%; }
          #goods-detail .detail-box > .right .goods-link .line .left-label .dot {
            display: inline-block;
            margin-left: 1px;
            color: #999; }
        #goods-detail .detail-box > .right .goods-link .line .info {
          float: left; }
          #goods-detail .detail-box > .right .goods-link .line .info p {
            margin-bottom: 15px; }
            #goods-detail .detail-box > .right .goods-link .line .info p a {
              color: #2d5da6;
              padding-bottom: 3px;
              box-shadow: 0 1px #ccc; }
            #goods-detail .detail-box > .right .goods-link .line .info p span {
              margin-left: 30px;
              color: #333;
              font-size: 14px; }
      #goods-detail .detail-box > .right .goods-desc {
        padding: 15px 0 10px 20px;
        border-bottom: 1px solid #e6e6e6; }
        #goods-detail .detail-box > .right .goods-desc table tr {
          height: 30px; }
          #goods-detail .detail-box > .right .goods-desc table tr th {
            width: 85px;
            height: 30px;
            line-height: 30px;
            float: left;
            display: inline-flex; }
            #goods-detail .detail-box > .right .goods-desc table tr th .label {
              width: 60px;
              color: #999;
              font-size: 14px;
              text-align: justify;
              display: inline-block; }
              #goods-detail .detail-box > .right .goods-desc table tr th .label:after {
                content: '';
                display: inline-block;
                width: 100%; }
            #goods-detail .detail-box > .right .goods-desc table tr th .dot {
              display: inline-block;
              margin-left: 1px;
              color: #999; }
          #goods-detail .detail-box > .right .goods-desc table tr td {
            color: #333;
            font-size: 14px; }
      #goods-detail .detail-box > .right .goods-bottom {
        padding-left: 20px; }
        #goods-detail .detail-box > .right .goods-bottom .line {
          margin-top: 15px; }
          #goods-detail .detail-box > .right .goods-bottom .line .left-label {
            width: 85px;
            height: 36px;
            line-height: 36px;
            float: left;
            display: inline-flex; }
            #goods-detail .detail-box > .right .goods-bottom .line .left-label .label {
              width: 60px;
              color: #999;
              font-size: 14px;
              text-align: justify;
              display: inline-block; }
              #goods-detail .detail-box > .right .goods-bottom .line .left-label .label:after {
                content: '';
                display: inline-block;
                width: 100%; }
            #goods-detail .detail-box > .right .goods-bottom .line .left-label .dot {
              display: inline-block;
              margin-left: 1px;
              color: #999; }
          #goods-detail .detail-box > .right .goods-bottom .line .info-box {
            float: left;
            width: calc(100% - 85px); }
            #goods-detail .detail-box > .right .goods-bottom .line .info-box .city-item {
              float: left;
              position: relative; }
              #goods-detail .detail-box > .right .goods-bottom .line .info-box .city-item .top {
                height: 28px;
                line-height: 28px;
                padding: 0 10px;
                border: 1px solid #ccc; }
                #goods-detail .detail-box > .right .goods-bottom .line .info-box .city-item .top span {
                  color: #333;
                  font-size: 14px; }
                #goods-detail .detail-box > .right .goods-bottom .line .info-box .city-item .top i {
                  display: inline-block;
                  width: 11px;
                  height: 7px;
                  background-image: url("../images/213.png");
                  margin-left: 4px;
                  vertical-align: middle;
                  transition: all 0.3s; }
                  #goods-detail .detail-box > .right .goods-bottom .line .info-box .city-item .top i.active {
                    transform: rotate(180deg); }
                #goods-detail .detail-box > .right .goods-bottom .line .info-box .city-item .top.select-city {
                  cursor: pointer;
                  user-select: none; }
              #goods-detail .detail-box > .right .goods-bottom .line .info-box .city-item .bot {
                width: 650px;
                position: absolute;
                left: 0;
                top: 28px;
                z-index: 2;
                border: 1px solid #ccc;
                background-color: #fff;
                display: none; }
                #goods-detail .detail-box > .right .goods-bottom .line .info-box .city-item .bot .city-block {
                  width: 100%;
                  padding: 10px 0 10px 22px; }
                  #goods-detail .detail-box > .right .goods-bottom .line .info-box .city-item .bot .city-block .p-name {
                    float: left;
                    width: 68px;
                    position: relative;
                    padding: 0 12px 6px 0; }
                    #goods-detail .detail-box > .right .goods-bottom .line .info-box .city-item .bot .city-block .p-name.active, #goods-detail .detail-box > .right .goods-bottom .line .info-box .city-item .bot .city-block .p-name:hover {
                      color: #c20d23; }
                  #goods-detail .detail-box > .right .goods-bottom .line .info-box .city-item .bot .city-block .citys {
                    width: 628px;
                    clear: both;
                    border: 1px solid #f4cccf;
                    background-color: #faecee;
                    padding: 6px 4px 6px 10px;
                    margin: 0 0 6px -12px;
                    display: none; }
                    #goods-detail .detail-box > .right .goods-bottom .line .info-box .city-item .bot .city-block .citys .c-name {
                      float: left;
                      width: 68px;
                      position: relative;
                      padding: 0 12px 0 0; }
                      #goods-detail .detail-box > .right .goods-bottom .line .info-box .city-item .bot .city-block .citys .c-name.active, #goods-detail .detail-box > .right .goods-bottom .line .info-box .city-item .bot .city-block .citys .c-name:hover {
                        color: #c20d23; }
                #goods-detail .detail-box > .right .goods-bottom .line .info-box .city-item .bot .midd-price {
                  width: 100%;
                  background-color: #f5f5f5;
                  border-top: 1px solid #ccc;
                  padding: 20px 12px;
                  overflow: hidden; }
                  #goods-detail .detail-box > .right .goods-bottom .line .info-box .city-item .bot .midd-price .lefts {
                    width: 380px;
                    float: left; }
                    #goods-detail .detail-box > .right .goods-bottom .line .info-box .city-item .bot .midd-price .lefts .labelline {
                      width: 100%;
                      min-height: 28px; }
                      #goods-detail .detail-box > .right .goods-bottom .line .info-box .city-item .bot .midd-price .lefts .labelline .label {
                        width: 70px;
                        text-align: right;
                        height: 28px;
                        line-height: 28px;
                        color: #666;
                        float: left; }
                      #goods-detail .detail-box > .right .goods-bottom .line .info-box .city-item .bot .midd-price .lefts .labelline .right {
                        width: 290px;
                        float: left;
                        margin-left: 14px;
                        min-height: 28px;
                        line-height: 28px; }
                        #goods-detail .detail-box > .right .goods-bottom .line .info-box .city-item .bot .midd-price .lefts .labelline .right .text {
                          margin: 0; }
                  #goods-detail .detail-box > .right .goods-bottom .line .info-box .city-item .bot .midd-price .rights {
                    width: 110px;
                    height: 84px;
                    border: 1px solid #ccc;
                    text-align: center;
                    float: right;
                    background-color: #fff;
                    padding: 16px 10px; }
                    #goods-detail .detail-box > .right .goods-bottom .line .info-box .city-item .bot .midd-price .rights .t-tops {
                      color: #666;
                      font-size: 14px;
                      line-height: 22px;
                      height: 22px; }
                    #goods-detail .detail-box > .right .goods-bottom .line .info-box .city-item .bot .midd-price .rights .t-bots {
                      font-size: 18px;
                      font-weight: bold; }
                #goods-detail .detail-box > .right .goods-bottom .line .info-box .city-item .bot .bot-tip {
                  width: 100%;
                  background-color: #f5f5f5;
                  border-top: 1px solid #ccc;
                  padding: 20px 24px;
                  overflow: hidden;
                  line-height: 26px;
                  color: #999; }
            #goods-detail .detail-box > .right .goods-bottom .line .info-box .deliver-box {
              display: inline-block;
              vertical-align: sub;
              padding-left: 25px;
              margin-left: 30px;
              border-left: 1px solid #e6e6e6; }
              #goods-detail .detail-box > .right .goods-bottom .line .info-box .deliver-box .item-box {
                display: inline-block; }
                #goods-detail .detail-box > .right .goods-bottom .line .info-box .deliver-box .item-box .item {
                  width: 85px;
                  height: 20px;
                  float: left;
                  display: inline-flex; }
                  #goods-detail .detail-box > .right .goods-bottom .line .info-box .deliver-box .item-box .item .label {
                    width: 60px;
                    color: #999;
                    font-size: 14px;
                    text-align: justify;
                    display: inline-block; }
                    #goods-detail .detail-box > .right .goods-bottom .line .info-box .deliver-box .item-box .item .label:after {
                      content: '';
                      display: inline-block;
                      width: 100%; }
                  #goods-detail .detail-box > .right .goods-bottom .line .info-box .deliver-box .item-box .item .dot {
                    display: inline-block;
                    margin-left: 1px;
                    color: #999; }
              #goods-detail .detail-box > .right .goods-bottom .line .info-box .deliver-box .day {
                display: inline-block;
                color: #999;
                font-size: 14px;
                margin-left: 30px; }
                #goods-detail .detail-box > .right .goods-bottom .line .info-box .deliver-box .day span {
                  color: #333; }
            #goods-detail .detail-box > .right .goods-bottom .line .info-box .size-box li {
              width: 90px;
              height: 36px;
              line-height: 36px;
              text-align: center;
              color: #333;
              font-size: 14px;
              border: solid 1px #cccccc;
              cursor: pointer;
              float: left;
              margin-right: 10px;
              margin-bottom: 10px; }
              #goods-detail .detail-box > .right .goods-bottom .line .info-box .size-box li.active {
                border: 1px solid #c20d23;
                background-repeat: no-repeat;
                background-size: 12px 12px;
                background-position: right bottom;
                background-image: url("../images/203.png"); }
            #goods-detail .detail-box > .right .goods-bottom .line .info-box .store {
              color: #333;
              font-size: 14px;
              display: inline-block;
              margin-left: 10px;
              vertical-align: text-bottom; }
      #goods-detail .detail-box > .right .buy-btn {
        margin-top: 50px;
        padding-left: 40px; }
        #goods-detail .detail-box > .right .buy-btn a {
          height: 40px;
          line-height: 38px;
          border-radius: 4px;
          font-size: 16px;
          text-align: center;
          display: inline-block; }
        #goods-detail .detail-box > .right .buy-btn .buy {
          width: 124px;
          border: 1px solid #ccc; }
        #goods-detail .detail-box > .right .buy-btn .add-cart {
          width: 156px;
          background: #c20d23;
          color: #fff; }
          #goods-detail .detail-box > .right .buy-btn .add-cart img {
            margin-right: 14px; }
  #goods-detail .goods-intro {
    border: 1px solid #e6e6e6; }
    #goods-detail .goods-intro .title-box {
      width: 100%;
      height: 50px;
      line-height: 50px;
      background: #f4f4f4;
      padding-left: 20px;
      color: #333; }
    #goods-detail .goods-intro .goods-display .pic-swiper {
      width: 100%;
      height: 294px;
      padding: 15px; }
      #goods-detail .goods-intro .goods-display .pic-swiper .swiper-wrapper {
        width: 100%; }
        #goods-detail .goods-intro .goods-display .pic-swiper .swiper-wrapper .swiper-slide {
          width: 170px !important;
          height: 100%; }
          #goods-detail .goods-intro .goods-display .pic-swiper .swiper-wrapper .swiper-slide .pic {
            width: 100%;
            height: 170px;
            overflow: hidden; }
            #goods-detail .goods-intro .goods-display .pic-swiper .swiper-wrapper .swiper-slide .pic img {
              width: 100%; }
          #goods-detail .goods-intro .goods-display .pic-swiper .swiper-wrapper .swiper-slide .info-box {
            margin-top: 10px; }
            #goods-detail .goods-intro .goods-display .pic-swiper .swiper-wrapper .swiper-slide .info-box .txt {
              color: #333;
              font-size: 14px;
              line-height: 1.8em; }
            #goods-detail .goods-intro .goods-display .pic-swiper .swiper-wrapper .swiper-slide .info-box .price {
              margin-top: 5px; }
              #goods-detail .goods-intro .goods-display .pic-swiper .swiper-wrapper .swiper-slide .info-box .price p {
                font-size: 14px;
                color: #c20d23; }
                #goods-detail .goods-intro .goods-display .pic-swiper .swiper-wrapper .swiper-slide .info-box .price p span {
                  font-size: 22px; }
              #goods-detail .goods-intro .goods-display .pic-swiper .swiper-wrapper .swiper-slide .info-box .price a {
                width: 68px;
                height: 26px;
                line-height: 26px;
                text-align: center;
                background-color: #c20d23;
                border-radius: 13px;
                color: #fff;
                font-size: 14px;
                display: none; }
          #goods-detail .goods-intro .goods-display .pic-swiper .swiper-wrapper .swiper-slide:hover .info-box .price p {
            display: none; }
          #goods-detail .goods-intro .goods-display .pic-swiper .swiper-wrapper .swiper-slide:hover .info-box .price a {
            display: block; }
      #goods-detail .goods-intro .goods-display .pic-swiper .swiper-button-prev-pic {
        width: 24px;
        height: 50px;
        background-image: url("../images/220.png");
        background-repeat: no-repeat;
        transform: rotate(-180deg);
        background-size: cover;
        outline: none;
        cursor: pointer;
        left: 0; }
        #goods-detail .goods-intro .goods-display .pic-swiper .swiper-button-prev-pic.swiper-button-disabled {
          cursor: pointer; }
      #goods-detail .goods-intro .goods-display .pic-swiper .swiper-button-next-pic {
        width: 24px;
        height: 50px;
        background-image: url("../images/220.png");
        background-repeat: no-repeat;
        background-size: cover;
        outline: none;
        cursor: pointer;
        right: 0; }
        #goods-detail .goods-intro .goods-display .pic-swiper .swiper-button-next-pic.swiper-button-disabled {
          cursor: pointer; }
      #goods-detail .goods-intro .goods-display .pic-swiper .swiper-button-next:after,
      #goods-detail .goods-intro .goods-display .pic-swiper .swiper-button-prev:after {
        content: ''; }
  #goods-detail .goods-content {
    margin-top: 30px; }
    #goods-detail .goods-content .left-cont {
      width: 250px;
      padding-top: 10px; }
      #goods-detail .goods-content .left-cont .title {
        text-align: center;
        position: relative; }
        #goods-detail .goods-content .left-cont .title:before {
          content: '';
          position: absolute;
          width: 55px;
          height: 1px;
          background: #e6e6e6;
          left: 0px;
          top: 11px; }
        #goods-detail .goods-content .left-cont .title:after {
          content: '';
          position: absolute;
          width: 55px;
          height: 1px;
          background: #e6e6e6;
          right: 12px;
          top: 11px; }
        #goods-detail .goods-content .left-cont .title span {
          font-size: 16px;
          color: #333; }
      #goods-detail .goods-content .left-cont .nav-list {
        width: 100%;
        padding-right: 10px;
        margin-top: 8px; }
        #goods-detail .goods-content .left-cont .nav-list li {
          padding: 24px 0;
          border-bottom: 1px solid #e6e6e6; }
          #goods-detail .goods-content .left-cont .nav-list li .pic {
            width: 78px;
            height: 78px;
            overflow: hidden;
            display: inline-block;
            vertical-align: middle;
            border: 1px solid #e6e6e6; }
            #goods-detail .goods-content .left-cont .nav-list li .pic img {
              width: 100%; }
          #goods-detail .goods-content .left-cont .nav-list li .info {
            margin-left: 10px;
            display: inline-block;
            vertical-align: middle; }
            #goods-detail .goods-content .left-cont .nav-list li .info .tt {
              color: #333;
              font-size: 14px;
              width: 140px; }
            #goods-detail .goods-content .left-cont .nav-list li .info .num {
              color: #c20d23;
              font-size: 14px;
              margin-top: 10px; }
              #goods-detail .goods-content .left-cont .nav-list li .info .num span {
                font-size: 22px; }
    #goods-detail .goods-content .right-cont {
      width: 950px; }
      #goods-detail .goods-content .right-cont .nav-box {
        width: 100%;
        height: 50px;
        background: #f4f4f4;
        border: 1px solid #e6e6e6;
        border-bottom: 0; }
        #goods-detail .goods-content .right-cont .nav-box li {
          width: 160px;
          height: 100%;
          line-height: 50px;
          position: relative;
          float: left; }
          #goods-detail .goods-content .right-cont .nav-box li a {
            color: #333;
            width: 100%;
            text-align: center;
            font-size: 16px;
            display: inline-block; }
          #goods-detail .goods-content .right-cont .nav-box li i {
            display: inline-block;
            width: 1px;
            height: 16px;
            background: #e6e6e6;
            position: absolute;
            top: 18px;
            left: 0; }
        #goods-detail .goods-content .right-cont .nav-box .active {
          background: #c20d23; }
          #goods-detail .goods-content .right-cont .nav-box .active a {
            color: #fff; }
      #goods-detail .goods-content .right-cont .content {
        border: 1px solid #e6e6e6; }
      #goods-detail .goods-content .right-cont #cont01 {
        text-align: center;
        padding: 20px 0 40px; }
        #goods-detail .goods-content .right-cont #cont01 img {
          max-width: 100%; }
      #goods-detail .goods-content .right-cont #cont02 {
        margin-top: 15px; }
        #goods-detail .goods-content .right-cont #cont02 .top-box {
          width: 100%;
          height: 50px;
          background: #f8f8f8;
          padding-left: 20px; }
          #goods-detail .goods-content .right-cont #cont02 .top-box li {
            height: 100%;
            margin-right: 65px;
            float: left; }
            #goods-detail .goods-content .right-cont #cont02 .top-box li a {
              display: inline-block;
              line-height: 50px;
              color: #333;
              font-size: 14px; }
              #goods-detail .goods-content .right-cont #cont02 .top-box li a span {
                color: #999; }
          #goods-detail .goods-content .right-cont #cont02 .top-box .active a {
            color: #c20d23; }
            #goods-detail .goods-content .right-cont #cont02 .top-box .active a span {
              color: #c20d23; }
        #goods-detail .goods-content .right-cont #cont02 .comment-box {
          padding: 0 20px; }
          #goods-detail .goods-content .right-cont #cont02 .comment-box .item-box {
            padding: 20px 0;
            border-bottom: 1px solid #e6e6e6; }
            #goods-detail .goods-content .right-cont #cont02 .comment-box .item-box .left-label {
              float: left; }
              #goods-detail .goods-content .right-cont #cont02 .comment-box .item-box .left-label .pic {
                width: 24px;
                height: 24px;
                overflow: hidden;
                border-radius: 50%;
                display: inline-block;
                vertical-align: middle;
                border: 1px solid #e6e6e6; }
                #goods-detail .goods-content .right-cont #cont02 .comment-box .item-box .left-label .pic img {
                  width: 100%; }
              #goods-detail .goods-content .right-cont #cont02 .comment-box .item-box .left-label .name {
                display: inline-block;
                vertical-align: middle;
                color: #666;
                font-size: 14px;
                margin-left: 10px; }
            #goods-detail .goods-content .right-cont #cont02 .comment-box .item-box .comment-info {
              width: 740px;
              float: right; }
              #goods-detail .goods-content .right-cont #cont02 .comment-box .item-box .comment-info .star-box {
                width: 110px;
                height: 16px;
                background-position-x: 0;
                background-repeat: no-repeat;
                background-image: url("../images/star.png"); }
              #goods-detail .goods-content .right-cont #cont02 .comment-box .item-box .comment-info .star01 {
                background-position-y: -84px; }
              #goods-detail .goods-content .right-cont #cont02 .comment-box .item-box .comment-info .star02 {
                background-position-y: -63px; }
              #goods-detail .goods-content .right-cont #cont02 .comment-box .item-box .comment-info .star03 {
                background-position-y: -42px; }
              #goods-detail .goods-content .right-cont #cont02 .comment-box .item-box .comment-info .star04 {
                background-position-y: -21px; }
              #goods-detail .goods-content .right-cont #cont02 .comment-box .item-box .comment-info .star05 {
                background-position-y: 0; }
              #goods-detail .goods-content .right-cont #cont02 .comment-box .item-box .comment-info .info {
                color: #333;
                font-size: 14px;
                line-height: 1.8em; }
              #goods-detail .goods-content .right-cont #cont02 .comment-box .item-box .comment-info .pic img {
                border: 1px solid #e6e6e6;
                margin-right: 10px; }
              #goods-detail .goods-content .right-cont #cont02 .comment-box .item-box .comment-info p span {
                color: #999;
                font-size: 14px; }
      #goods-detail .goods-content .right-cont #cont04 {
        padding: 40px 15px;
        margin-top: 30px; }
        #goods-detail .goods-content .right-cont #cont04 .line {
          color: #666;
          font-size: 14px;
          padding: 10px 0; }
          #goods-detail .goods-content .right-cont #cont04 .line .left {
            width: 320px;
            text-align: center;
            float: left; }
          #goods-detail .goods-content .right-cont #cont04 .line .right {
            float: left; }
            #goods-detail .goods-content .right-cont #cont04 .line .right p {
              line-height: 2em; }
        #goods-detail .goods-content .right-cont #cont04 .border-bot {
          border-bottom: 1px solid #e6e6e6; }
  #goods-detail .discount-box {
    width: 880px;
    height: 340px;
    position: fixed;
    z-index: 100001;
    top: calc(50% - 170px);
    left: calc(50% - 440px);
    display: none; }
    #goods-detail .discount-box .top-box {
      width: 100%;
      height: 70px;
      background: #ececec;
      position: relative;
      line-height: 70px;
      padding-left: 20px; }
      #goods-detail .discount-box .top-box span {
        font-size: 18px;
        color: #333; }
      #goods-detail .discount-box .top-box i {
        width: 70px;
        height: 70px;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: 30px 30px;
        background-image: url("../images/227.png");
        position: absolute;
        background-position: center;
        top: 0;
        right: 0;
        cursor: pointer; }
    #goods-detail .discount-box .dis-cont {
      background: #fff;
      padding-bottom: 40px; }
      #goods-detail .discount-box .dis-cont .swiper-box {
        width: 785px;
        margin: 0 auto; }
        #goods-detail .discount-box .dis-cont .swiper-box .title {
          font-size: 16px;
          color: #333;
          padding: 20px 0; }
          #goods-detail .discount-box .dis-cont .swiper-box .title span {
            color: #c20d23; }
        #goods-detail .discount-box .dis-cont .swiper-box .discount-swiper {
          width: 100%;
          height: 167px; }
          #goods-detail .discount-box .dis-cont .swiper-box .discount-swiper .swiper-wrapper {
            width: 100%; }
            #goods-detail .discount-box .dis-cont .swiper-box .discount-swiper .swiper-wrapper .swiper-slide {
              width: 242px !important;
              height: 100%;
              background-size: cover;
              background-image: url("../images/229.png");
              background-repeat: no-repeat;
              padding: 15px 20px 0 30px;
              position: relative; }
              #goods-detail .discount-box .dis-cont .swiper-box .discount-swiper .swiper-wrapper .swiper-slide .txt-box {
                color: #fff; }
                #goods-detail .discount-box .dis-cont .swiper-box .discount-swiper .swiper-wrapper .swiper-slide .txt-box .num {
                  font-size: 26px;
                  display: inline-block;
                  vertical-align: middle; }
                  #goods-detail .discount-box .dis-cont .swiper-box .discount-swiper .swiper-wrapper .swiper-slide .txt-box .num span {
                    font-size: 40px; }
                #goods-detail .discount-box .dis-cont .swiper-box .discount-swiper .swiper-wrapper .swiper-slide .txt-box .txt {
                  display: inline-block;
                  vertical-align: middle;
                  margin-left: 10px; }
                  #goods-detail .discount-box .dis-cont .swiper-box .discount-swiper .swiper-wrapper .swiper-slide .txt-box .txt .t1 {
                    font-size: 20px; }
                  #goods-detail .discount-box .dis-cont .swiper-box .discount-swiper .swiper-wrapper .swiper-slide .txt-box .txt .t2 {
                    font-size: 16px; }
              #goods-detail .discount-box .dis-cont .swiper-box .discount-swiper .swiper-wrapper .swiper-slide .date-box {
                color: #fff;
                font-size: 12px;
                width: 180px;
                height: 42px;
                background-color: #890a1a;
                padding-left: 5px;
                line-height: 1.5em;
                margin-top: 5px; }
              #goods-detail .discount-box .dis-cont .swiper-box .discount-swiper .swiper-wrapper .swiper-slide .info-box {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 35px;
                line-height: 35px;
                text-align: center;
                font-size: 16px;
                cursor: pointer; }
              #goods-detail .discount-box .dis-cont .swiper-box .discount-swiper .swiper-wrapper .swiper-slide .get-btn {
                color: #c20d23; }
              #goods-detail .discount-box .dis-cont .swiper-box .discount-swiper .swiper-wrapper .swiper-slide .get-success {
                color: #333;
                display: none; }
                #goods-detail .discount-box .dis-cont .swiper-box .discount-swiper .swiper-wrapper .swiper-slide .get-success img {
                  margin-right: 10px; }
        #goods-detail .discount-box .dis-cont .swiper-box .swiper-button-prev-discount {
          width: 30px;
          height: 80px;
          background-image: url("../images/230.png");
          background-repeat: no-repeat;
          transform: rotate(-180deg);
          background-size: cover;
          outline: none;
          cursor: pointer;
          left: 0; }
          #goods-detail .discount-box .dis-cont .swiper-box .swiper-button-prev-discount.swiper-button-disabled {
            cursor: pointer; }
        #goods-detail .discount-box .dis-cont .swiper-box .swiper-button-next-discount {
          width: 30px;
          height: 80px;
          background-image: url("../images/230.png");
          background-repeat: no-repeat;
          background-size: cover;
          outline: none;
          cursor: pointer;
          right: 0; }
          #goods-detail .discount-box .dis-cont .swiper-box .swiper-button-next-discount.swiper-button-disabled {
            cursor: pointer; }
        #goods-detail .discount-box .dis-cont .swiper-box .swiper-button-next:after,
        #goods-detail .discount-box .dis-cont .swiper-box .swiper-button-prev:after {
          content: ''; }

#goods-list .inner-activity {
  width: 100%;
  position: relative; }
  #goods-list .inner-activity img {
    width: 100%;
    height: auto; }
  #goods-list .inner-activity i.close {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(../images/01.png);
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer; }

#goods-list .list-brand-top {
  width: 100%;
  padding: 25px 20px;
  background-color: #f1f1f1;
  border-color: #E6E6E6;
  overflow: hidden;
  display: flex;
  align-items: center; }
  #goods-list .list-brand-top .img {
    width: 158px;
    height: 70px;
    border: 1px solid #E6E6E6;
    float: left; }
    #goods-list .list-brand-top .img img {
      width: 100%;
      height: 100%; }
  #goods-list .list-brand-top .text {
    width: 970px;
    margin-left: 30px;
    float: left;
    font-size: 14px;
    line-height: 24px; }

#scenes ul.list {
  width: 100%; }
  #scenes ul.list li {
    width: 380px;
    height: 454px;
    border: 1px solid #E6E6E6;
    float: left;
    padding: 14px;
    margin-left: 28px;
    margin-bottom: 28px;
    transition: box-shadow 0.3s; }
    #scenes ul.list li:nth-child(3n+1) {
      margin-left: 0; }
    #scenes ul.list li:hover {
      border-color: transparent;
      box-shadow: 0 0 10px #ccc; }
    #scenes ul.list li .img {
      width: 100%;
      height: 264px;
      border-radius: 6px;
      overflow: hidden; }
      #scenes ul.list li .img img {
        width: 100%;
        height: 100%; }
    #scenes ul.list li .date {
      font-size: 14px;
      line-height: 14px;
      color: #999;
      margin-top: 30px; }
    #scenes ul.list li .title {
      width: 100%;
      font-size: 18px;
      line-height: 18px;
      margin-top: 10px; }
    #scenes ul.list li .desc {
      width: 100%;
      font-size: 14px;
      line-height: 14px;
      margin-top: 14px;
      color: #666; }
    #scenes ul.list li .read {
      width: 126px;
      height: 40px;
      border-radius: 6px;
      line-height: 38px;
      margin-top: 20px;
      text-align: center;
      border: 1px solid #E6E6E6;
      color: #999;
      font-size: 14px;
      transition: all 0.3s; }
      #scenes ul.list li .read:hover {
        background-color: #c20d23;
        border-color: #c20d23;
        color: #fff; }

#brand ul.list {
  width: 100%;
  overflow: hidden;
  border-top: 1px solid #E6E6E6; }
  #brand ul.list li {
    width: 200px;
    height: 91px;
    float: left;
    border-right: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    position: relative; }
    #brand ul.list li .img {
      width: 100%;
      height: 100%; }
      #brand ul.list li .img img {
        width: 100%;
        height: 100%; }
    #brand ul.list li .masks {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      background-color: rgba(194, 13, 35, 0.82);
      opacity: 0;
      transition: opacity 0.3s; }
      #brand ul.list li .masks a {
        display: block;
        width: 86px;
        height: 26px;
        background-color: #fff;
        border-radius: 13px;
        line-height: 26px;
        text-align: center;
        color: #c20d23;
        font-size: 14px;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 3;
        transform: translate(-50%, -50%); }
    #brand ul.list li:hover .masks {
      opacity: 1; }
    #brand ul.list li:nth-child(6n+1) {
      border-left: 1px solid #E6E6E6; }

#news ul.list {
  width: 100%; }
  #news ul.list li {
    width: 100%;
    height: 220px;
    padding: 20px;
    background-color: #fff;
    margin-bottom: 20px;
    border: 1px solid #E6E6E6;
    transition: box-shadow 0.3s; }
    #news ul.list li:hover {
      border-color: transparent;
      box-shadow: 0 0 10px #ccc; }
    #news ul.list li .img {
      width: 240px;
      height: 180px;
      border-radius: 6px;
      overflow: hidden;
      float: left; }
      #news ul.list li .img img {
        width: 100%;
        height: 100%; }
    #news ul.list li .texts {
      width: 880px;
      float: left;
      margin-left: 30px; }
      #news ul.list li .texts .date {
        font-size: 14px;
        line-height: 14px;
        color: #999;
        margin-top: 10px; }
      #news ul.list li .texts .title {
        width: 100%;
        font-size: 18px;
        line-height: 18px;
        margin-top: 10px; }
      #news ul.list li .texts .desc {
        width: 100%;
        font-size: 14px;
        line-height: 26px;
        margin-top: 14px;
        color: #666; }
      #news ul.list li .texts .read {
        width: 126px;
        height: 40px;
        border-radius: 6px;
        line-height: 38px;
        margin-top: 20px;
        text-align: center;
        border: 1px solid #E6E6E6;
        color: #999;
        font-size: 14px;
        transition: all 0.3s; }
        #news ul.list li .texts .read:hover {
          background-color: #c20d23;
          border-color: #c20d23;
          color: #fff; }

#news .article-detail {
  width: 100%; }
  #news .article-detail .top-title {
    width: 100%;
    background-color: #ebebeb;
    padding: 30px;
    text-align: center; }
    #news .article-detail .top-title .title {
      font-size: 20px; }
    #news .article-detail .top-title .date {
      margin-top: 15px;
      font-size: 14px;
      color: #999; }
  #news .article-detail .content {
    width: 100%;
    padding: 20px 0;
    line-height: 26px; }
    #news .article-detail .content img {
      max-width: 100%; }
    #news .article-detail .content table {
      width: 100%;
      border: 1px solid #E6E6E6; }
      #news .article-detail .content table th, #news .article-detail .content table td {
        border: 1px solid #E6E6E6; }
  #news .article-detail .prev-next {
    width: 100%;
    margin-top: 10px;
    padding-top: 20px;
    border-top: 1px solid #E6E6E6;
    overflow: hidden; }
    #news .article-detail .prev-next a {
      display: block;
      width: 40%;
      font-size: 14px; }
  #news .article-detail .btn {
    display: block;
    width: 126px;
    height: 40px;
    border-radius: 4px;
    background-color: #c20d23;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin: 40px auto; }

#help .left-menu {
  width: 180px;
  border-right: 1px solid #E6E6E6;
  padding-right: 80px;
  float: left; }
  #help .left-menu .item {
    width: 100%;
    margin-bottom: 5px; }
    #help .left-menu .item .tops {
      width: 100%;
      height: 50px;
      line-height: 50px;
      font-size: 18px;
      border-bottom: 1px solid #E6E6E6;
      padding-top: 15px; }
      #help .left-menu .item .tops a {
        height: 18px;
        line-height: 18px;
        display: block;
        transition: all 0.3s;
        border-left: 2px solid transparent; }
        #help .left-menu .item .tops a.active, #help .left-menu .item .tops a:hover {
          border-left: 2px solid #c20d23;
          padding-left: 8px; }
    #help .left-menu .item .subs {
      width: 100%;
      padding: 5px 0;
      overflow: hidden;
      display: none;
      padding-left: 10px; }
      #help .left-menu .item .subs a {
        margin-top: 15px;
        clear: both;
        float: left;
        transition: color 0.3s; }
        #help .left-menu .item .subs a:hover, #help .left-menu .item .subs a.active {
          color: #c20d23; }

#help .right-list {
  width: 944px;
  float: right; }
  #help .right-list > .tops {
    font-size: 24px;
    line-height: 24px; }
  #help .right-list ul.list {
    width: 100%; }
    #help .right-list ul.list li {
      width: 100%;
      height: 220px;
      padding: 20px 0;
      background-color: #fff;
      border-top: 1px solid #E6E6E6; }
      #help .right-list ul.list li .img {
        width: 240px;
        height: 180px;
        border-radius: 6px;
        overflow: hidden;
        float: left; }
        #help .right-list ul.list li .img img {
          width: 100%;
          height: 100%; }
      #help .right-list ul.list li .texts {
        width: 673px;
        float: left;
        margin-left: 30px; }
        #help .right-list ul.list li .texts .date {
          font-size: 14px;
          line-height: 14px;
          color: #999;
          margin-top: 10px; }
        #help .right-list ul.list li .texts .title {
          width: 100%;
          font-size: 18px;
          line-height: 18px;
          margin-top: 10px; }
        #help .right-list ul.list li .texts .desc {
          width: 100%;
          font-size: 14px;
          line-height: 26px;
          margin-top: 14px;
          color: #666; }
        #help .right-list ul.list li .texts .read {
          width: 126px;
          height: 40px;
          border-radius: 6px;
          line-height: 38px;
          margin-top: 20px;
          text-align: center;
          border: 1px solid #E6E6E6;
          color: #999;
          font-size: 14px;
          transition: all 0.3s; }
          #help .right-list ul.list li .texts .read:hover {
            background-color: #c20d23;
            border-color: #c20d23;
            color: #fff; }
      #help .right-list ul.list li:last-child {
        border-bottom: 1px solid #E6E6E6; }
  #help .right-list .content {
    width: 100%;
    border-top: 1px solid #E6E6E6;
    padding: 20px 0;
    color: #666;
    font-size: 14px;
    line-height: 26px; }

#front-form .main {
  width: 100%;
  padding: 70px 50px 80px; }
  #front-form .main .form {
    width: 750px; }
    #front-form .main .form .label {
      width: 100px;
      text-align: right; }
    #front-form .main .form .right {
      width: 640px; }