#app {
      font-family: Avenir, Helvetica, Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #2c3e50;
    }

    .content-box {
      width: 80%;
      max-width: 1280px;
      margin: 0 auto;
    }
    .answer,.box-box,.tiws,.rein,.tbbox,.imgHover,.tbBox,.content,.footer-box,.cart-container{box-sizing:border-box}
.answer{display:flex;align-items:center}
.answer .answerName{font-size:16px;color:#666;margin-right:26px}
.answer .answer_input{width:40%}
.box-box{margin-top:40px}
.box-box .bb_tit{font-size:14px;color:#999}
.form-box .formbox{width:100%;display:flex}
.form-box .input-box{width:48%;margin-right:4%;display:flex;flex-direction:column}
.form-box .input-box .input-boxinput{display:block;flex:1!important}
.form-box .input-box:nth-of-type(2n){margin-right:0}
.form-box .textarea-box{width:100%}
.sd_top{width:100%;display:flex;justify-content:space-between}
.sd_top .sdt_right{flex:1;margin-left:38px;padding-top:27px}
.sd_top .sdt_right .sdtr_tit{font-size:22px;color:#0f0f0f;line-height:33px}
.sd_top .sdt_right .sdtr_otext{font-size:16px;color:#e86710;margin-top:16px}
.sd_top .sdt_right .sdtr_btnbox{display:flex;margin-top:13px}
.sd_top .sdt_right .sdtr_btnbox .sdtr_btnleft{width:178px;height:42px;font-size:16px;color:#000;border:1px solid #000;margin-right:14px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.sd_top .sdt_right .sdtr_btnbox .sdtr_btnleft .sdtr_scboximg{width:20px;height:auto;margin-right:10px}
.sd_top .sdt_right .sdtr_btnbox .sdtr_btnright{width:178px;height:42px;font-size:16px;color:#fff;background-color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer}
.sd_top .sdt_right .sdtr_btnbox .sdtr_btnright .sdtr_scboximg{width:20px;height:auto;margin-right:10px}
.sd_top .sdt_right .sdtr_sz{display:flex;align-items:center;margin-top:14px}
.sd_top .sdt_right .sdtr_sz .sdtr_szli{min-width:44px;height:26px;background-color:#2b8821;color:#fff;font-size:14px;padding:0 12px;line-height:26px;text-align:center;margin-left:8px;cursor:pointer;border:2px solid transparent;box-sizing:border-box;transition:all .3s ease}
.sd_top .sdt_right .sdtr_sz .sdtr_szli.selected{border-color:#fd742d;box-shadow:0 0 5px rgba(253,116,45,.5)}
.sd_top .sdt_right .sdtr_sz .sdtr_szli:hover:not(.selected){border-color:#ccc}
.sd_top .sdt_right .sdtr_scbox{margin-top:10px;color:#999;display:flex;flex-direction:row;flex-wrap:wrap}
.sd_top .sdt_right .sdtr_scbox .sdtr_scboximg{width:60px;height:60px;margin-right:5px;margin-bottom:5px;cursor:pointer;border:2px solid transparent;box-sizing:border-box;transition:border-color .3s ease}
.sd_top .sdt_right .sdtr_scbox .sdtr_scboximg.selected{border-color:#fd742d;box-shadow:0 0 5px rgba(253,116,45,.5)}
.sd_top .sdt_right .sdtr_scbox .sdtr_scboximg:hover:not(.selected){border-color:#ccc}
.sd_top .sdt_right .sdtr_sc{font-size:14px;color:#999;margin-top:23px}
.sd_top .sdt_right .sdtr_onum{font-size:16px;color:#666;margin-top:15px}
.sd_top .sdt_right .sdtr_cx{display:flex;flex-direction:row;align-items:center;font-weight:bold;margin-top:19px}
.sd_top .sdt_right .sdtr_cx .sdtrc_lileft{display:flex;align-items:center;font-size:14px;color:#2b8821;margin-right:30px}
.sd_top .sdt_right .sdtr_cx .sdtrc_lileft .sdtrc_liimg{width:20px;height:auto;margin-right:10px}
.sd_top .sdt_right .sdtr_cx .sdtrc_liright{display:flex;align-items:center;font-size:14px;color:#999;text-decoration: none}  
.sd_top .sdt_right .sdtr_cx .sdtrc_liright .sdtrc_liimg{width:20px;height:auto;margin-right:10px}
.sd_top .sdt_left{display:flex;flex-direction:column}
.sd_top .sdt_left .sdtl_left_bottomimg{display:block;margin:0 auto;margin-top:33px;width:337px;height:auto}
.sd_top .sdt_left .sdtl_left_top{display:flex;flex-direction:row;position:relative}
.sd_top .sdt_left .sdtl_left_top .sdtl_right{width:300px;height:300px;margin-left:32px;position:relative;cursor:zoom-in;border:1px solid #eee}
.sd_top .sdt_left .sdtl_left_top .sdtl_right .sdtl_right_img{width:100%;height:100%;object-fit:contain}
.sd_top .sdt_left .sdtl_left_top .sdtl_right .zoom-lens{position:absolute;width:100px;height:100px;border:2px solid #ddd;background-color:rgba(255,255,255,.3);pointer-events:none;z-index:10}
.sd_top .sdt_left .sdtl_left_top .sdtl_right .zoom-preview{position:absolute;width:300px;height:300px;border:1px solid #ddd;overflow:hidden;background:#fff;z-index:100;box-shadow:0 0 10px rgba(0,0,0,.2)}
.sd_top .sdt_left .sdtl_left_top .sdtl_right .zoom-preview img{position:absolute;transform-origin:0 0}
.sd_top .sdt_left .sdtl_left_top .sdtl_right .view-icon{position:absolute;bottom:10px;right:10px;background:rgba(0,0,0,.5);color:#fff;padding:5px 10px;border-radius:3px;font-size:12px}
.sd_top .sdt_left .sdtl_left_top .sdtl_right .view-icon i{margin-right:5px}
.sd_top .sdt_left .sdtl_left_top .sdtl_left .sdtl_left_container{display:flex;flex-direction:column;height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}
.sd_top .sdt_left .sdtl_left_top .sdtl_left .sdtl_left_container::-webkit-scrollbar{width:6px}
.sd_top .sdt_left .sdtl_left_top .sdtl_left .sdtl_left_container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}
.sd_top .sdt_left .sdtl_left_top .sdtl_left .sdtl_left_container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}
.sd_top .sdt_left .sdtl_left_top .sdtl_left .sdtl_left_container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}
.sd_top .sdt_left .sdtl_left_top .sdtl_left .sdtl_left_img{width:120px;height:120px;margin-bottom:10px;cursor:pointer;border:2px solid transparent;box-sizing:border-box;transition:border-color .3s ease;object-fit:cover}
.sd_top .sdt_left .sdtl_left_top .sdtl_left .sdtl_left_img.active{border-color:#fd742d;box-shadow:0 0 5px rgba(253,116,45,.5)}
.tiws{font-size:14px;color:#999;margin-top:11px;line-height:23px;margin-top:41px;margin-bottom:29px}
.tiws_box{width:100%;display:flex;flex-wrap:wrap}
.tiws_box .tiws_box_li{width:33.33%;font-size:14px;color:#0f0f0f;margin-top:20px}
.rein_list{width:100%;padding:12px 0;box-sizing:border-box;border-bottom:2px solid #f5f5f5}
.rein_list .reli_tit{display:flex;align-items:center}
.rein_list .reli_tit .reli_tit_img{width:15px;height:auto;margin-right:5px}
.rein_list .reli_tit_tit{font-size:20px;color:#0f0f0f;margin-top:10px;cursor:pointer;transition:color .3s ease;text-decoration: none;}
.rein_list .reli_tit_tit:hover{color:#e86710}
.rein_list .reli_tit_ftit{font-size:14px;color:#999;margin-top:11px;line-height:23px}
.moretext_tit{font-size:14px;color:#999;margin-top:19px}
.moretext_text{font-size:14px;color:#0f0f0f;margin-top:19px}
.moretext_text div{margin:5px 0}
.rein{font-size:20px;color:#333;margin-top:36px}
.tbbox{width:100%;margin-top:19px}
.tbbox .tbb_h{width:100%;line-height:50px;text-align:center;font-size:18px;color:#333;background-color:#e8e9eb}
.tbbox .tbb_hover{padding:0 85px;display:flex;font-size:18px;color:#fd742d;line-height:50px;background-color:#f8f9fa}
.tbbox .tbb_hover .tbb_hover_name{width:280px;color:#333}
.tbbox .tbb_hover .tbb_hover_text{flex:1}
.tbbox .tbb_hoverw{background-color:#fff}
.mpbox{width:100%;height:132px;background-color:#f8f9fa;margin-top:31px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#333;font-size:24px;line-height:37px}
.mpbox .mpbox_fli{font-size:14px;color:#666}
.imgHover{width:1280px;background-color:#f5f5f5;padding:0px;display:flex;justify-content:center;margin-top:42px}
.imgHover .imgHover_img{width:800px}
.tbBox{width:100%;height:72px;border-bottom:1px solid #e6e6e6;display:flex;align-items:center;justify-content:center}
.tbBox .tbBox_li{padding:0 17px;box-sizing:border-box;line-height:72px;font-size:16px;color:#333;cursor:pointer}
.tbBox .tbBox_liHover{border-bottom:3px solid #fd742d;color:#fd742d}
.content{background-color:#f2f6f9}
.reviews-box{display:flex;padding:20px 30px;width:1283px;background-color:#fff;margin:30px auto 0}
.reviews-box .reviews-img{width:100px;height:100px;margin-right:30px}
.reviews-box .reviews-riht{position:relative}
.reviews-box .reviews-riht .reviews-text{line-height:25px;font-size:14px;color:#333;font-weight:600}
.reviews-box .reviews-riht .logos-img{width:334px;height:32px;position:absolute;bottom:0;right:0}
.sBox{width:1283px;background-color:#fff;margin:0 auto;padding:20px 36px;margin-bottom:43px;margin-top:23px}
.sBox .comment-item{margin-top:22px;padding-bottom:25px;border-bottom:1px solid #f5f5f5}
.sBox .comment-item .title{font-weight:600;font-size:22 px}
.sBox .comment-item .text{font-size:12px;margin-top:10px;line-height:16px}
.sBox .comment-item .comment-footer{display:flex;align-items:center;margin-top:15px}
.sBox .comment-item .comment-footer .comment-btn{background:#fd742d;color:#fff;text-align:center;line-height:30px;width:80px;font-size:14px;cursor:pointer}
.sBox .comment-item .comment-footer .comment-btn2{background:#000;color:#fff;text-align:center;line-height:30px;width:70px;font-size:12px;cursor:pointer}
.sBox .comment-item .comment-footer .footer-center{padding:0 20px;border-left:1px solid #ccc;margin:0 20px;font-size:14px;color:#666}
.sBox .comment-item .comment-footer .footer-time{font-size:14px;color:#666}
.sBox .submit-box{margin-top:20px}
.sBox .submit-box .submit-title{color:#999;font-size:14px}
.sBox .submit-box .submit-label{margin-top:15px;color:#666}
.sBox .submit-box .input-box{margin-top:15px;width:400px;display:flex;align-items:center}
.sBox .submit-box .input-box2{margin-top:15px}
.sBox .submit-box .answer-box{margin-top:30px;display:flex;align-items:center;width:400px}
.sBox .submit-box .answer-box .answer-title{margin-right:20px}
.sBox .title-con{margin-top:40px;display:flex;align-items:center;justify-content:center}
.sBox .title-con img{width:146px;height:2px}
.sBox .title-con .title-con-text{color:#e86710;font-size:18px;font-weight:600;margin:0 20px}
.sBox .arrivals-list{display:flex;flex-wrap:wrap;margin:40px auto 0}
.sBox .arrivals-list .arrivals-item{margin:0 10px}
.sBox .info-list{margin-top:20px}
.sBox .info-list .list-title{font-size:18px}
.sBox .info-list .info-item{margin-top:20px;border-bottom:1px solid #f5f5f5;padding-bottom:20px}
.sBox .info-list .info-item .reviews-box2{display:flex;align-items:center;color:#999;font-size:14px;margin-top:15px}
.sBox .info-list .info-item .reviews-box2 img{width:15px;height:15px;margin-right:5px}
.sBox .info-list .info-item .info-title{font-weight:600;font-size:24px;margin:15px 0;color: #2c3e50;text-decoration: none;}
.sBox .info-list .info-item .info-text{font-size:12px;color:#999}
.pagination-box{display:flex;justify-content:center;margin-top:40px}
.footer-box .scroll-list{margin-top:20px}
.more-btn{width:141px;height:34px;background:#000;margin:20px auto 0;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.more-btn img{width:4px;height:7px;margin-left:10px}
.cart-container{display:flex;flex-direction:column;height:100%}
.cart-items{flex:1;overflow-y:auto;padding:10px 0}
.cart-item{display:flex;align-items:center;padding:15px;border-bottom:1px solid #eee}
.cart-item.selected{background-color:#f9f9f9}
.cart-item .item-checkbox{margin-right:15px}
.cart-item .item-image{width:80px;height:80px;margin-right:15px}
.cart-item .item-image img{width:100%;height:100%;object-fit:cover}
.cart-item .item-info{flex:1}
.cart-item .item-info .item-name{font-size:14px;color:#333;margin-bottom:10px;line-height:1.4;text-decoration: none;}
.cart-item .item-info .item-price{font-size:16px;color:#e86710;font-weight:bold;margin-bottom:10px}
.cart-item .item-info .item-cm{display:flex;align-items:center;color:#008000;font-size:16px}
.cart-item .item-info .item-cm .item-cmImg{width:15px;margin-right:5px;height:auto}
.cart-item .item-info .item-jbox{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:20px}
.cart-item .item-info .item-jbox .ij_right{display:flex;flex-direction:row;align-items:center;font-size:12px;color:#686868;cursor:pointer}
.cart-item .item-info .item-jbox .ij_right .ij_rightImg{width:12px;height:auto;margin-right:9px}
.cart-item .item-info .item-jbox .ij_left{display:flex;flex-direction:row;align-items:center;font-size:12px;color:#333}
.cart-item .item-info .item-quantity /deep/ .el-input-number{width:100px}
.cart-item .item-info .item-quantity /deep/ .el-input-number .el-input__inner{padding:0 30px;text-align:center}
.cart-item .item-delete{margin-left:15px}
.cart-item .item-delete /deep/ .el-button--text{color:#999;font-size:18px}
.cart-item .item-delete /deep/ .el-button--text:hover{color:#f56c6c}
.cart-footer{padding:20px 15px;border-top:1px solid #eee}
.cart-footer .cart-action{display:flex;justify-content:space-between;align-items:center}
.cart-footer .select-all{margin-bottom:15px}
.cart-footer .select-all /deep/ .el-checkbox__label{font-size:14px;color:#666}
.cart-footer .total-price{font-size:14px;text-align:right;margin-bottom:20px}
.cart-footer .total-price .total-price-text{color:#999;margin-right:6px}
.cart-footer .cart-buttons{display:flex;flex-direction:column}
.cart-footer .cart-buttons .place-order-btn{margin-bottom:10px;background-color:#000;border-color:#000;height:40px}
.cart-footer .cart-buttons .place-order-btn:hover{background-color:#333;border-color:#333}
.cart-footer .cart-buttons .place-order-btn[disabled]{background-color:#ccc;border-color:#ccc}
.cart-footer .cart-buttons .shopping-cart-btn{height:40px;border:1px solid #000;color:#000;background-color:#fff;margin:0}
.cart-footer .cart-buttons .shopping-cart-btn:hover{background-color:#f5f5f5}
.custom-pagination /deep/ .el-pager .number{background-color:#f5f5f5!important;border-radius:4px!important;margin:0 2px!important}
.custom-pagination /deep/ .el-pager .number.active{background-color:#fd742d!important;border-color:#fd742d!important}
.custom-pagination /deep/ .el-pagination .btn-prev,.custom-pagination /deep/ .el-pagination .btn-next{background-color:#f5f5f5!important;border-radius:4px!important}
.code-title{color:red;margin-top:6px}

  .good_content {
    width: 300px;
    min-width: 180px;
    cursor: pointer;
  }

  @media (max-width: 768px) {
    .good_content {
      width: 180px;
    }
  }

 .good_content .img-box {
    position: relative;
    width: 300px;
  }

  @media (max-width: 768px) {
    .good_content .img-box {
      width: 180px;
    }
  }

  .img-box .goods-img {
    width: 300px;
    height: 300px;
  }

  @media (max-width: 768px) {
    .img-box .goods-img {
      width: 180px;
      height: 180px;
    }
  }

  .img-box .img-footer {
    position: absolute;
    bottom: 0;
    background: #111111;
    width: 300px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #ffffff;
    font-size: 12px;
    transition: opacity 0.3s ease;
    opacity: 0;
  }

  .img-box .img-footer.img-footer-show {
    opacity: 1;
  }

  .img-box .img-footer.img-footer-hide {
    opacity: 0;
  }

  .img-box .img-footer .img-footer-left {
    display: flex;
    align-items: center;
    padding-left: 20px;
  }

  .img-box .img-footer .img-footer-left img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
  }

  .img-box .img-footer .img-footer-right {
    display: flex;
    align-items: center;
    padding-right: 10px;
  }

  .img-box .img-footer .img-footer-right .eye-img {
    width: 20px;
    height: 14px;
    margin-right: 10px;
  }

  .img-box .img-footer .img-footer-right .pinglu-img {
    width: 14px;
    height: 14px;
    margin-right: 10px;
  }

  .img-box .tubiao-box {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 48px;
    height: 51px;
    clip-path: polygon(0 0, 100% 0%, 100% 80%, 50% 100%, 0 80%);
    background-color: #fd742d;
    font-size: 16px;
    text-align: center;
    z-index: 100;
  }

  .img-box .tubiao-box .tubiao-img {
    width: 54px;
    height: 58px;
  }

  .img-box .tubiao-box div {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 15px;
    right: 0px;
    width: 54px;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
  }

  .img-box .tb_a {
    background-color: #fd742d;
  }

  .img-box .tb_b {
    background-color: #2F871F;
  }

  .img-box .tb_c {
    background-color: #38DAD8;
  }

  .img-box .tb_d {
    background-color: #412DFD;
  }

  .img-box .tb_e {
    background-color: #CA2DFD;
  }

  .img-box .tb_f {
    background-color: #FD2D4F;
  }

  .img-box .tb_g {
    background-color: #FD742D;
  }

  .img-box .tb_h {
    background-color: #FD742D;
  }

  .info-box {
    background-color: #ffffff;
    padding: 15px;
  }

  .info-box .info-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight: 600;
    font-size: 14px;
	color: #2c3e50;
	text-decoration: none;
  }

  .info-box .info-text {
    font-size: 16px;
  }

  .info-box .info-text1 {
    margin-top: 14px;
    color: #e86710;
  }

  .info-box .info-text2 {
    margin-top: 6px;
    color: #666666;
  }

  .info-box .baoyou-box {
    display: flex;
    align-items: center;
    color: #2b8821;
    margin-top: 20px;
	font-size:12px;
  }

  .info-box .baoyou-box .baoyou-img {
    width: 22px;
    height: 20px;
    margin-right: 10px;
  }
  
.scroll-container {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.scroll-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    width: calc(100% - 100px); /* 为箭头留出空间 */
    margin: 0 10px;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}

.product-list {
    display: inline-block; /* 关键：使用inline-block而不是flex */
    white-space: nowrap;
}

.product-item {
    display: inline-block;
    width: 200px;
    vertical-align: top;
    margin-right: 15px;
    white-space: normal;
}