.picture-design__tips[data-v-29099110]{font-size:1.2rem;text-align:center;color:#999;line-height:2.8rem;transition:background .3s,box-shadow .3s}.picture-design__tips img[data-v-29099110]{width:1.2rem;height:1.2rem;margin-right:.5rem}.picture-design__tips.is-animating[data-v-29099110]{background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.12);animation:shakeY-29099110 .8s}@keyframes shakeY-29099110{0%{transform:translateY(0)}10%,30%,50%,70%{transform:translateY(-8px)}20%,40%,60%,80%{transform:translateY(8px)}to{transform:translateY(0)}}.picture-design[data-v-29099110]{background-color:#f7f8fa;min-height:100vh}.picture-design__content[data-v-29099110]{padding-bottom:17rem}.picture-design__title[data-v-29099110]{background-color:#fff;padding:.8rem 1.8rem 0}.picture-design__title-content[data-v-29099110]{height:3.2rem;line-height:3.2rem;background:#ffe8b6;font-size:1.2rem;text-align:center;color:#333}.picture-design__title-content-icon[data-v-29099110]{width:2rem;height:2rem}.picture-design__subtitle[data-v-29099110]{padding:1rem;font-size:1.2rem;text-align:center;color:#999;line-height:1.8rem;background-color:#fff}.picture-design__subtitle img[data-v-29099110]{width:1.2rem;height:1.2rem;margin-right:.5rem}.picture-design__subtitle div[data-v-29099110]{display:flex;align-items:center;justify-content:center}.picture-design__canvas[data-v-29099110]{margin:2rem auto 1.5rem;position:relative;padding-top:3rem}.picture-design__canvas-content[data-v-29099110]{margin:0 auto;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;overflow:hidden;background-color:#f0f0f0;background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.picture-design__canvas-content[data-v-29099110]:before{content:"";position:absolute;left:0;right:0;bottom:0;top:0;border:.1rem dashed #ddd}.picture-design__canvas-willClipFrameLeft[data-v-29099110],.picture-design__canvas-willClipFrameTop[data-v-29099110]{position:absolute;left:0;top:0;background-color:pink;opacity:.7;z-index:999}.picture-design__canvas-willClipFrameRight[data-v-29099110]{position:absolute;right:0;top:0;background-color:pink;opacity:.7;z-index:999}.picture-design__canvas-willClipFrameBottom[data-v-29099110]{position:absolute;left:0;bottom:0;background-color:pink;opacity:.7;z-index:999}.picture-design__canvas-image[data-v-29099110]{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;background-size:100% 100%;background-repeat:no-repeat}.picture-design__canvas-image img[data-v-29099110]{width:100%;height:100%;touch-action:none}.picture-design__canvas-tag[data-v-29099110]{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:4.9rem;height:2rem;background:#333;border-radius:.1rem;color:#fff;font-size:1.2rem}.picture-design__canvas-line[data-v-29099110]{position:absolute;display:flex;align-items:center;justify-content:center}.picture-design__canvas-line.top[data-v-29099110]{height:1.3rem;border-left:.1rem solid #333;border-right:.1rem solid #333;top:0;left:0;right:0}.picture-design__canvas-line.top[data-v-29099110]:after,.picture-design__canvas-line.top[data-v-29099110]:before{content:"";position:absolute;top:.4rem;height:.1rem;background-color:#333;width:calc(50% - 4rem)}.picture-design__canvas-line.top[data-v-29099110]:before{left:0}.picture-design__canvas-line.top[data-v-29099110]:after{right:0}.picture-design__canvas-line.top .picture-design__canvas-tag[data-v-29099110]{left:50%;top:50%;transform:translate(-50%,-50%)}.picture-design__canvas-line.right[data-v-29099110]{width:1.3rem;border-top:.1rem solid #333;border-bottom:.1rem solid #333;bottom:0;top:3rem;right:-2.3rem}.picture-design__canvas-line.right[data-v-29099110]:after,.picture-design__canvas-line.right[data-v-29099110]:before{content:"";position:absolute;left:.6rem;width:.1rem;background-color:#333;height:calc(50% - 4rem)}.picture-design__canvas-line.right[data-v-29099110]:before{top:0}.picture-design__canvas-line.right[data-v-29099110]:after{bottom:0}.picture-design__canvas-line.right .picture-design__canvas-tag[data-v-29099110]{top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg)}.picture-design__operate-top[data-v-29099110]{display:flex;justify-content:space-between;margin:0 auto;width:29.1rem;height:5.6rem;background:#fff;box-shadow:0 0 .4rem 0 rgba(0,0,0,.08);border-radius:.9rem;padding:0 2.6rem;position:relative;z-index:10}.picture-design__operate-bottom[data-v-29099110]{width:100%;height:7rem;padding:1rem 3.3rem;display:flex;align-items:center;justify-content:space-between;border-bottom:.3rem solid #f7f8fa}.picture-design__operate-item[data-v-29099110]{padding:1rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.picture-design__operate-item img[data-v-29099110]{width:1.6rem;height:1.6rem}.picture-design__operate-item-text[data-v-29099110]{margin-top:.4rem;color:#666;font-size:1.2rem}.picture-design__footer[data-v-29099110]{position:fixed;bottom:0;left:0;right:0;border-top:.1rem solid #eee;background-color:#fff;padding:0 1rem;z-index:20}.picture-design__footer-submit[data-v-29099110]{display:flex;align-items:center;justify-content:center;padding:2rem 0 3rem}.picture-design__footer-btn[data-v-29099110]{width:16.9rem;height:3.4rem;background:#333;border-radius:.1rem;font-size:1.3rem;color:#fff}.picture-design__footer .btn[data-v-29099110]{width:13rem;height:3.2rem;background:#333;border-radius:2.5rem 2.5rem 2.5rem 2.5rem;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.3rem}.picture-design__footer .btn.pre[data-v-29099110]{background:#fff;border:.1rem solid #dfdfdf;margin-right:4rem;color:#333}.picture-design__footer .btn.single[data-v-29099110]{width:17.5rem}