.small-img {display:flex;align-items:center;justify-content:center}
.clearfix:before,.clearfix:after {display:table;line-height:0;content:""}
.magnifier {
    width: 100%;
    max-width: 500px; /* 限制最大不超过500px */
    position: relative;
}
.magnifier-container {
    width: 100%;
    height: 0; 
    padding-bottom: 100%; /* 强制保持 1:1 正方形比例 */
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
}
/* 需要调整内部图片定位以适配 padding-bottom 技巧 */
.magnifier-container .images-cover, 
.magnifier-container .move-view,
.magnifier-container .magnifier-view {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* 找到 .move-view 类 */
.move-view {
    display: none; /* <--- 新增这一行，强制初始隐藏 */
    position: absolute;
    border: 1px solid #ccc;
    background: rgba(255, 255, 255, 0.5); /* 原有的样式保留 */
    cursor: move;
    z-index: 999;
    width:100px;height:100px;position:absolute;background-image:url(../image/mask-bg.png)
}
.images-cover {height:100%;width:100%;position:relative}
.images-cover img {position:absolute}
.magnifier-assembly {height:92px;overflow:hidden;position:relative;padding-left:30px;padding-right:30px}
.magnifier-btn {position:absolute;font-family:宋体;width:100%;top:50%;left:0;margin-top:-40px}
.magnifier-btn span {line-height:80px;height:80px;width:20px;background-color:#6e6e6e;color:#fff;display:block;z-index:9998;text-align:center;font-size:20px;cursor:pointer;border-radius:3px}
.magnifier-btn .magnifier-btn-left {float:left}
.magnifier-btn .magnifier-btn-right {float:right}
.magnifier-line {position:relative;overflow:hidden;height:92px}
.magnifier-line ul {display:block;font-size:0;width:10000%;position:absolute;left:0;z-index:9997}
.magnifier-line li {float:left;cursor:pointer}
.magnifier-line ul>.active .small-img {border-color:#bbb}
.small-img {height:78px;padding:1px;margin:5px;overflow:hidden;border:1px solid #ddd;text-align:center}
.small-img img {max-width:100%;max-height:100%}
.magnifier-view {width:100%;height:100%;position:absolute;right:-105%;top:0;z-index:9999;background-color:#fff;display:none;overflow:hidden}
.magnifier-view img {display:block}
.animation03 {transition:all .3s ease-in .1s;-ms-transition:all .3s ease-in .1s;-moz-transition:all .3s ease-in .1s;-webkit-transition:all .3s ease-in .1s;-o-transition:all .3s ease-in .1s}