.mask,.poster{height:100%}.mask{position:fixed;left:0;top:0;z-index:11;width:100%;background-color:rgba(0,0,0,.75);opacity:1;visibility:visible;-webkit-transition:.35s;-webkit-transform:scale(1) translateZ(0)}.mask.hide{opacity:0;visibility:hidden;-webkit-transform:scale(.5) translateZ(0)}.preview{position:relative;margin:0 auto;background-color:#f8f8f8;-webkit-transition:.35s}.options{min-height:60px;padding:10px;margin-top:10px;-webkit-box-shadow:0 -2px 2px 0 rgba(0,0,0,.03);box-shadow:0 -2px 2px 0 rgba(0,0,0,.03);position:relative}.preview-bg{background-position:0 0;background-repeat:no-repeat;height:100%;width:100%;left:0;background-size:contain}#imgbg,.preview-bg{position:absolute;top:0}#imgbg{z-index:2}#cropper{background:transparent}#cropper .cropper-view-box{outline-color:transparent}#cropper .cropper-drag-box{z-index:5;background:transparent}.btn{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;color:#5a5e66;-webkit-appearance:none;text-align:center;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;font-size:12px;padding:5px 10px;position:relative;overflow:hidden}.btn img{width:25px}.btn em{font-style:normal;display:block;margin-top:10px}.btn.up{background:#e2264d;color:#fff;position:absolute;right:10px}.btn.disabled{background-color:#ccc;border-color:#eee}.poster-out{position:relative;-webkit-animation:show .5s ease-out}.poster-out .tips{position:absolute;top:0;left:0;background-color:rgba(0,0,0,.7);color:#fff;text-align:center;width:100%;padding:5px}@-webkit-keyframes show{0%{opacity:.7;-webkit-transform:scale(1.4) translateZ(0)}60%{opacity:.9;-webkit-transform:scale(.8) translateZ(0)}to{-webkit-transform:scale(1) translateZ(0);opacity:1}}@-webkit-keyframes hide{0%{opacity:1;-webkit-transform:scale(1) translateZ(0)}to{opacity:0;-webkit-transform:scale(.5) translateZ(0)}}.edit-box{background-color:hsla(0,0%,100%,.8);position:fixed;height:100%;top:0;left:0;width:100%;z-index:11;visibility:hidden;opacity:0;-webkit-transition:.35s;-webkit-transform:translateY(100%) translateZ(0)}.edit-box.show{-webkit-transform:translate(0) translateZ(0);visibility:visible;opacity:1}.edit-mod{height:calc(100vh - 60px);overflow:hidden;overflow-y:auto}.edit-box:after{content:"";position:absolute;bottom:0;left:0;background:#ddd;width:100%;height:1px;-webkit-transform:scaleY(.5);transform:scaleY(.5);-webkit-transform-origin:0 0;transform-origin:0 0}.edit-box .tt{font-size:14px;padding:10px 5px 5px 0;font-weight:700;display:inline-block;border-bottom:1px solid #e2264d;margin-bottom:10px;margin-left:10px;color:#333}.snap-item{display:inline-block;background-color:#000;width:20%;margin:2%}.snap-item img{width:100%;height:auto}.snap-list .btn{margin-left:5px}.edit-box .close{-webkit-box-shadow:0 -2px 2px 0 rgba(0,0,0,.03);box-shadow:0 -2px 2px 0 rgba(0,0,0,.03);background-color:#fff;height:60px;line-height:60px;text-align:center}