.small-img {display:flex;align-items:center;justify-content:center}
.clearfix:before,.clearfix:after {display:table;line-height:0;content:""}
.magnifier {width:40rem;position:relative;}
.magnifier-container {width:40rem;height:40rem;overflow:hidden;position:relative;border:1px solid #ddd}
.move-view {width:6rem;height:6rem;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:7rem;overflow:hidden;position:relative;}
.magnifier-btn {position:absolute;font-family:宋体;width:100%;top:50%;left:0;margin-top:-3rem}
.magnifier-btn span {line-height:6rem;height:6rem;width:1.3rem;background-color:#6e6e6e;color:#fff;display:block;z-index:9998;text-align:center;font-size:1.2rem;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:7rem}
.magnifier-line ul {display:block;font-size:0;width:10000%;position:absolute;left:0;z-index:9997}
.magnifier-line li {float:left;width:6rem;cursor:pointer}
.magnifier-line ul>.active .small-img {border-color:#bbb}
.small-img {height:6rem;padding:0.1rem;margin:0.5rem;overflow:hidden;border:0.1rem 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}