.goods-view{

    display:flex;

    gap:12px;

    width:640px;

    margin:0 auto;

  }


  /* === 缩略图区域（带滚动箭头） === */

  .thumb-container{

    width:120px;

    position:relative;

  }

  .thumb-wrap{

    height:520px;

    overflow:hidden;

  }

  .thumb-list{

    transition:transform 0.24s ease;

  }

  .thumb-item{

    width:120px;

    height:120px;

    margin-bottom:8px;

    border:2px solid transparent;

    cursor:pointer;

    overflow:hidden;

  }

  .thumb-item.active{

    border-color:#f40;

  }

  .thumb-item img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

  }

  

  /* 上下切换按钮 */

  .thumb-btn{

    width:100%;

    height:26px;

    background:rgba(0,0,0,0.45);

    color:#fff;

    border:none;

    position:absolute;

    left:50%;

    transform:translateX(-50%);

    cursor:pointer;

    z-index:2;

    display:none;

  }

  .thumb-btn::before{

    content: '>';

    position: absolute;

    font-family: '宋体';

    color: #ffffff;

    font-size: 16px;

    font-weight: 600;

    top: 50%;

    left: 50%;

  }

  .btn-prev{

    top:0;

  }

  .btn-prev::before{

    transform: translateY(-50%) translateX(-50%) rotate(-90deg);

  }

  .btn-next{

    bottom:0;

  }

  .btn-next::before{

    transform: translateY(-50%) translateX(-50%) rotate(90deg);

  }

  .thumb-btn:hover{background:rgba(0,0,0,0.7);}

  

  /* === 主图放大镜容器 === */

  .main-img-wrap{

    position:relative;

    width:520px;

    height:520px;

    overflow:hidden;

  }

  #mainImg{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

  }

  /* 选区框 */

  .mask-box{

    position:absolute;

    width:160px;

    height:160px;

    background:rgba(255,255,255,0.32);

    border:1px solid #ddd;

    display:none;

    pointer-events:none;

  }

  /* 上层放大图层（浮原图之上） */

  .zoom-layer{

    position:absolute;

    top:0;left:0;

    width:100%;

    height:100%;

    background-repeat:no-repeat;

    display:none;

    pointer-events:none;

    z-index:10;

  }
  @media only screen and (max-width: 1204px) {
    .goods-view{
      width: 100%;
    }
  }