.image-regions-wrapper{display:none}@media (min-width:960px){.image-regions-wrapper{-webkit-user-select:none;user-select:none;background-color:#000;flex-shrink:0;justify-content:center;align-items:center;width:13.75rem;height:18.3333rem;display:flex;overflow:hidden}.image-regions-wrapper img{max-width:100%;max-height:100%;display:block;width:auto!important;height:auto!important}.image-regions-wrapper img.match-width{width:13.75rem!important}.image-regions-wrapper img.match-height{height:18.3333rem!important}.image-regions-wrapper .image-preview-area>span{display:block!important}.image-regions-wrapper .image-preview-area{max-width:100%;max-height:100%;position:relative}.image-regions-wrapper .image-action-area{cursor:move;transition:left .2s,top .2s,right .2s,bottom .2s;position:absolute}.image-regions-wrapper .image-action-area .action-area-mask{pointer-events:none;background-color:#0000004d;position:absolute}.image-regions-wrapper .image-action-area .action-area-mask.top,.image-regions-wrapper .image-action-area .action-area-mask.bottom{width:29.1667rem;height:18.75rem;left:50%;transform:translate(-50%)}.image-regions-wrapper .image-action-area .action-area-mask.right,.image-regions-wrapper .image-action-area .action-area-mask.left{width:14.5833rem;height:100%}.image-regions-wrapper .image-action-area .action-area-mask.top{bottom:100%}.image-regions-wrapper .image-action-area .action-area-mask.bottom{top:100%}.image-regions-wrapper .image-action-area .action-area-mask.left{right:100%}.image-regions-wrapper .image-action-area .action-area-mask.right{left:100%}.image-regions-wrapper .image-action-area .action-area-control{width:.833333rem;height:.833333rem;position:absolute}.image-regions-wrapper .image-action-area .action-area-control:before,.image-regions-wrapper .image-action-area .action-area-control:after{content:"";background-color:#fff;position:absolute}.image-regions-wrapper .image-action-area .action-area-control.top{cursor:nw-resize;top:0;left:0}.image-regions-wrapper .image-action-area .action-area-control.top:before{width:100%;height:.0833333rem;top:-.0416667rem;left:-.0416667rem}.image-regions-wrapper .image-action-area .action-area-control.top:after{width:.0833333rem;height:100%;top:-.0416667rem;left:-.0416667rem}.image-regions-wrapper .image-action-area .action-area-control.right{cursor:ne-resize;top:0;right:0}.image-regions-wrapper .image-action-area .action-area-control.right:before{width:100%;height:.0833333rem;top:-.0416667rem;right:-.0416667rem}.image-regions-wrapper .image-action-area .action-area-control.right:after{width:.0833333rem;height:100%;top:-.0416667rem;right:-.0416667rem}.image-regions-wrapper .image-action-area .action-area-control.bottom{cursor:se-resize;bottom:0;right:0}.image-regions-wrapper .image-action-area .action-area-control.bottom:before{width:100%;height:.0833333rem;bottom:-.0416667rem;right:-.0416667rem}.image-regions-wrapper .image-action-area .action-area-control.bottom:after{width:.0833333rem;height:100%;bottom:-.0416667rem;right:-.0416667rem}.image-regions-wrapper .image-action-area .action-area-control.left{cursor:sw-resize;bottom:0;left:0}.image-regions-wrapper .image-action-area .action-area-control.left:before{width:100%;height:.0833333rem;bottom:-.0416667rem;left:-.0416667rem}.image-regions-wrapper .image-action-area .action-area-control.left:after{width:.0833333rem;height:100%;bottom:-.0416667rem;left:-.0416667rem}.image-regions-wrapper .image-area-point{cursor:pointer;z-index:3;background-color:#ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:.5rem;height:.5rem;transition:opacity .2s;display:flex;position:absolute}.image-regions-wrapper .image-area-point.active{pointer-events:none}.image-regions-wrapper .image-area-point:before{content:"";background-color:#fff;border-radius:50%;width:50%;height:50%;display:block}}
.multi-regions-wrapper{box-sizing:border-box;z-index:20;background:#f5f5f5;width:100%;padding:.291667rem 1.33333rem .395833rem .375rem;position:fixed;top:0;left:0}.multi-regions-wrapper button{background-color:#0000;border:none;outline:none;margin:0;padding:0;display:block}.multi-regions-wrapper .multi-regions-arrow{display:none}.multi-regions-wrapper .multi-regions-close{z-index:10;width:.875rem;height:.875rem;position:absolute;top:.333333rem;right:.5rem}.multi-regions-wrapper .multi-regions-close>span,.multi-regions-wrapper .multi-regions-close>img{width:100%!important;height:100%!important;display:block!important}.multi-regions-wrapper .multi-regions-close img{width:100%!important;height:100%!important}.multi-regions-container{max-width:100%;display:flex;overflow:scroll}.multi-regions-container .multi-regions-item{box-sizing:border-box;cursor:pointer;border:.0208333rem solid #0000;flex-shrink:0;justify-content:center;align-items:center;width:2.33333rem;height:2.33333rem;display:flex;position:relative}.multi-regions-container .multi-regions-item.active{border-color:#000}.multi-regions-container .regions-item-preview{z-index:2;justify-content:center;align-items:center;width:2.08333rem;height:2.08333rem;display:flex;position:relative}.multi-regions-container .regions-item-content{position:relative;overflow:hidden}.multi-regions-container .region-image-transform{transform-origin:0 0;position:absolute;top:0;left:0}.multi-regions-container .region-image-transform>span,.multi-regions-container .region-image-transform img{display:block;width:100%!important;height:100%!important}.multi-regions-container .multi-regions-item+.multi-regions-item{margin-left:.166667rem}@media (min-width:960px){.multi-regions-wrapper{z-index:auto;background:0 0;width:100%;padding:0;position:relative;top:auto;left:auto}.multi-regions-wrapper.scroll{padding-right:.833333rem}.multi-regions-wrapper.scroll:after{content:"";z-index:20;pointer-events:none;background:linear-gradient(270deg,#fff 32.5%,#fff0 100%) 0 0 no-repeat;width:1.66667rem;height:100%;position:absolute;top:0;right:.145833rem}.multi-regions-wrapper{-webkit-user-select:none;user-select:none}.multi-regions-wrapper .multi-regions-close{display:none}.multi-regions-container .multi-regions-item{border:.0208333rem solid #ddd;width:2.33333rem;height:2.33333rem}.multi-regions-container .multi-regions-item.active{border-color:#ddd}.multi-regions-container .multi-regions-item:after{content:"";box-sizing:border-box;opacity:0;border:.0416667rem solid #000;width:100%;height:100%;transition:opacity .2s;position:absolute;top:0;left:0}.multi-regions-container .multi-regions-item.active:after{opacity:1}.multi-regions-container .multi-regions-item .regions-item-preview{width:2.08333rem;height:2.08333rem}.multi-regions-container .multi-regions-item+.multi-regions-item{margin-left:.166667rem}.multi-regions-arrow{cursor:pointer;width:.416667rem;display:block;position:absolute;top:50%;transform:translateY(-50%)}.multi-regions-arrow>span,.multi-regions-arrow>img{width:100%!important;height:100%!important;display:block!important}.multi-regions-arrow img{width:100%!important;height:100%!important}.multi-regions-arrow.left{left:-.75rem;transform:translateY(-50%)rotate(180deg)}.multi-regions-arrow.right{z-index:41;right:0}}