.background-image {
    background-image: url('images/dtv/tw.jpg');
    /* 其他背景属性，如背景位置、大小等 */
    background-size: cover; /* 例如，让背景图片覆盖整个元素 */
    background-position: center; /* 例如，将背景图片居中 */
}
.image-container {
    display: inline-block;
    overflow: hidden; /* 防止图片放大后溢出容器 */
    cursor: pointer; /* 鼠标悬停时显示为手型 */
}

.image-container img {
    transition: transform 0.3s ease; /* 添加过渡动画 */
}

.image-container img.zoomed {
    transform: scale(2); /* 放大2倍 */
}

#draggableImage {
  width: 100px; /* 初始大小 */
  transition: transform 0.3s ease; /* 平滑放大效果 */
}
 
#draggableImage.zoomed {
  transform: scale(2); /* 放大2倍 */
  cursor: move; /* 拖动时显示移动光标 */
}
#draggableImage.dragging {
  cursor: grabbing; /* 拖动时显示抓取光标 */
}

.preview {
            cursor: pointer;
            width: 100%; /* 示例宽度 */
            //height: 100px; /* 示例高度 */
            object-fit: cover;
}
.bgM {
            position: fixed;
            top: 0;
            left: 0;
            width: 200%;
            //height: 100%;
            background-color: rgba(0, 0, 0, 0.85);
            display: flex;
            //justify-content: center;
            align-items: center;
			
}
.bgM img {
            //max-width: 390%;
            //max-height: 390%;
            object-fit: contain;
}