.web-picZoom{position:relative;display:flex;flex-direction:column}.web-picZoom .web-picZoomMask{width:100%;height:100%;z-index:99;position:absolute;overflow:hidden;cursor:crosshair}.web-picZoom .web-picZoomIn{overflow:hidden;height:100%;display:flex;justify-content:center;align-items:center;min-height:500px}.web-picZoom .web-picZoom-smallPic{transition:all .3s;position:relative;height:100%;padding:10px 0}.web-picZoom .web-picZoom-smallPic .web-picZoom-smallPic-mirror{height:100%;transition:all .3s}.web-picZoom .web-picZoom-smallPic img.small{max-width:100%;max-height:100%}.web-picZoom .web-picZoom-bigPic{overflow:hidden;position:absolute;border-radius:200px;z-index:9;border:1px solid hsla(0,0%,100%,.1)}.web-picZoom .web-picZoom-bigPic img{position:absolute;transform-origin:0 0}.web-picZoom .web-picZoom-controller{display:flex;align-content:center;flex:none;box-shadow:0 1px 5px grey;line-height:32px;padding:0 10px}.web-picZoom .web-picZoom-controller .web-picZoom-controller-item{height:32px;font-size:12px;color:#333;margin-right:20px;cursor:pointer}.web-picZoom .web-picZoom-controller .web-picZoom-controller-item:hover{color:#409eff}