.tryon-wrapper[data-v-dbd24b82]{width:100vw;height:100vh;overflow:hidden;position:relative;background-color:#d1d1d1}.tryon-wrapper .output-src-box[data-v-dbd24b82]{width:100%;height:100vh;position:fixed;left:0;top:0;z-index:-10}.tryon-wrapper .output-src-box #output-src[data-v-dbd24b82]{position:absolute;left:0;top:0;height:100vh;visibility:hidden;-o-object-fit:contain;object-fit:contain}.tryon-wrapper .output-src-box #output-src.activeSrc[data-v-dbd24b82]{width:100px;height:100px}.tryon-wrapper .output-src-box #canvas-output[data-v-dbd24b82]{position:absolute;left:0;top:0;visibility:hidden}.tryon-wrapper .loadingMask[data-v-dbd24b82]{width:100%;height:100%;position:absolute;left:0;top:0;text-align:center;line-height:100%}.tryon-wrapper .loadingMask img[data-v-dbd24b82]{display:inline-block;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:50px;height:50px}.tryon-wrapper .loadingHandTrack[data-v-dbd24b82]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:14px;color:#fff;background:rgba(0,0,0,.8);padding:7px 10px;border-radius:7px}.tryon-wrapper .back-wrapper[data-v-dbd24b82]{position:absolute;top:3%;left:5%;width:.45rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.tryon-wrapper .back-wrapper .iconfont[data-v-dbd24b82]{border:1px solid #000;border-radius:50%;font-size:28px;background-color:#000;color:#fff;text-align:center;width:.36rem;height:.36rem;line-height:.36rem}.tryon-wrapper .back-wrapper .text[data-v-dbd24b82]{margin-top:.06rem;color:#474747;font-size:.12rem}.tryon-wrapper .share-wrapper[data-v-dbd24b82]{position:absolute;top:3%;right:5%;width:.45rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.tryon-wrapper .share-wrapper .iconfont[data-v-dbd24b82]{border:1px solid #000;border-radius:50%;font-size:28px;background-color:#000;color:#fff;text-align:center;width:.36rem;height:.36rem;line-height:.36rem}.tryon-wrapper .share-wrapper .text[data-v-dbd24b82]{margin-top:.06rem;color:#474747;font-size:.12rem}.tryon-wrapper #canvasContainer[data-v-dbd24b82]{width:100%;height:100vh}.tryon-wrapper .loading-wrapper[data-v-dbd24b82]{position:absolute;width:100%;height:100%;top:0;left:0;z-index:99999}.tryon-wrapper .loading-wrapper .loading-logo[data-v-dbd24b82]{width:25%;position:absolute;top:20%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:10}.tryon-wrapper .loading-wrapper .load[data-v-dbd24b82]{width:100%;height:100%;position:absolute}.tryon-wrapper .loading-wrapper .tip[data-v-dbd24b82]{width:100%;position:absolute;top:60%;text-align:center;color:#fff}.tryon-wrapper .option-wrapper[data-v-dbd24b82]{position:absolute;left:0;bottom:.75rem;width:100%;min-height:.8rem;background-color:#f5f5f5;padding-left:.1rem;overflow:scroll}.tryon-wrapper .option-wrapper .select[data-v-dbd24b82]{width:.45rem;height:.45rem;line-height:.55rem;text-align:center;border-radius:50%;position:absolute;top:0;left:0;background-color:hsla(0,0%,49.8%,.3)}.tryon-wrapper .option-wrapper .select span[data-v-dbd24b82]{display:inline-block;width:.3rem;height:.3rem;line-height:.3rem;text-align:center;background-color:#fff;border-radius:50%}.tryon-wrapper .option-wrapper .select span .iconfont[data-v-dbd24b82]{font-size:.25rem}.tryon-wrapper .option-wrapper .option-item[data-v-dbd24b82]{min-height:.8rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.tryon-wrapper .option-wrapper .option-item .option-content[data-v-dbd24b82]{position:relative;margin-right:.12rem}.tryon-wrapper .option-wrapper .option-item .option-content .delete[data-v-dbd24b82]{z-index:999;-webkit-box-sizing:border-box;box-sizing:border-box;width:.2rem;height:.2rem;line-height:.2rem;text-align:center;border-radius:50%;background-color:#8b8b8b;position:absolute;top:-10%;right:-10%;color:#fff}.tryon-wrapper .option-wrapper .option-item .option-content .delete .iconfont[data-v-dbd24b82]{font-size:.1rem}.tryon-wrapper .option-wrapper .option-beauty .beauty-item[data-v-dbd24b82]{height:.8rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.tryon-wrapper .option-wrapper .ring-head img[data-v-dbd24b82]{width:.45rem;height:.45rem;border-radius:50%}.tryon-wrapper .option-wrapper .ring-head .name[data-v-dbd24b82]{text-align:center;margin-top:.05rem}.tryon-wrapper .option-wrapper .hand-model img[data-v-dbd24b82]{width:.45rem;height:.45rem;border-radius:50%}.tryon-wrapper .option-wrapper .necklacelength[data-v-dbd24b82]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:.1rem 0}.tryon-wrapper .option-wrapper .necklacelength .long[data-v-dbd24b82],.tryon-wrapper .option-wrapper .necklacelength .thick[data-v-dbd24b82]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.tryon-wrapper .option-wrapper .necklacelength .thick[data-v-dbd24b82]{margin-top:.1rem;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.tryon-wrapper .option-wrapper .necklacelength .thick .van-slider[data-v-dbd24b82]{width:2.5rem;height:.05rem}.tryon-wrapper .option-wrapper .necklacelength .thick .text[data-v-dbd24b82]{font-size:.16rem;font-weight:600;color:#000;margin:0 .12rem}.tryon-wrapper .option-wrapper .zoom[data-v-dbd24b82]{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.tryon-wrapper .option-wrapper .zoom .van-slider[data-v-dbd24b82]{width:2.5rem}.tryon-wrapper .option-wrapper .zoom .text[data-v-dbd24b82]{font-size:.16rem;font-weight:600;color:#000;margin:0 .12rem}.tryon-wrapper .lettering.lettering-show[data-v-dbd24b82]{visibility:visible;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.tryon-wrapper .lettering[data-v-dbd24b82]{position:absolute;left:0;bottom:0;width:100%;z-index:99;-webkit-transform:translateY(1rem);-ms-transform:translateY(1rem);transform:translateY(1rem);-webkit-transition:all .3s ease;transition:all .3s ease;background-color:#fff}.tryon-wrapper .lettering .back[data-v-dbd24b82]{position:absolute;top:0;left:.05rem;z-index:100;min-width:.45rem;height:.44rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#fff}.tryon-wrapper .lettering .back .iconfont[data-v-dbd24b82]{font-size:.25rem}.tryon-wrapper .lettering .back .texts[data-v-dbd24b82]{color:#474747;font-size:.1rem}.tryon-wrapper .lettering[data-v-dbd24b82] .van-tabs__content{height:1rem}.tryon-wrapper .lettering[data-v-dbd24b82] .van-tabs__wrap{text-align:center;height:.44rem}.tryon-wrapper .lettering[data-v-dbd24b82] .van-tab{max-width:.8rem;line-height:.44rem;font-size:.14rem}.tryon-wrapper .lettering[data-v-dbd24b82] .van-tabs__nav{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.tryon-wrapper .lettering .text[data-v-dbd24b82]{width:100%;height:1.15rem;background-color:#f2f2f2}.tryon-wrapper .lettering .text .text-type[data-v-dbd24b82]{background-color:#fff;width:100%;height:.35rem;line-height:.35rem;overflow-x:scroll;padding:0 .2rem}.tryon-wrapper .lettering .text .text-type .text-item[data-v-dbd24b82]{margin-right:.23rem;color:#8b8b8b;font-size:.2rem;padding:.03rem .03rem}.tryon-wrapper .lettering .text .text-type .font-active[data-v-dbd24b82]{color:#151515;border-bottom:2px solid #151515}.tryon-wrapper .lettering .text .field[data-v-dbd24b82]{margin-top:.2rem;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 .1rem}.tryon-wrapper .lettering .text .field .van-cell[data-v-dbd24b82]{border-radius:5px}.tryon-wrapper .lettering .text .field .btn[data-v-dbd24b82]{width:1rem;height:.35rem;line-height:.35rem;text-align:center;color:#fff;border-radius:5px;margin-left:.1rem}.tryon-wrapper .lettering .pattern[data-v-dbd24b82]{width:100%;height:1rem;background-color:#f2f2f2;overflow-x:scroll}.tryon-wrapper .lettering .pattern .item-wrapper[data-v-dbd24b82]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:.03rem .07rem;width:2.9rem;height:100%}.tryon-wrapper .lettering .pattern .item-wrapper .item[data-v-dbd24b82]{margin-right:.15rem}.tryon-wrapper .lettering .pattern .item-wrapper .item img[data-v-dbd24b82]{display:block;width:.55rem;height:.55rem;border-radius:50%}.tryon-wrapper .lettering .pattern .item-wrapper .item .name[data-v-dbd24b82]{color:#818181;margin-top:.1rem;text-align:center}.tryon-wrapper .lettering .pattern .item-wrapper .pattern-active[data-v-dbd24b82]{border:.02rem solid #151515}.tryon-wrapper .lettering .fingerprint[data-v-dbd24b82]{width:100%;height:1.15rem;background-color:#f2f2f2;overflow-x:scroll}.tryon-wrapper .lettering .fingerprint .item-wrapper[data-v-dbd24b82]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.05rem .07rem;width:50%;height:1.15rem;line-height:1.15rem}.tryon-wrapper .lettering .fingerprint .item-wrapper .item[data-v-dbd24b82]{width:.46rem;height:.46rem;line-height:.46rem;text-align:center;padding:.1rem;border-radius:50%;background-color:#fff;margin-right:.08rem;margin-bottom:.08rem}.tryon-wrapper .lettering .fingerprint .item-wrapper .item img[data-v-dbd24b82]{width:100%}.tryon-wrapper .lettering .fingerprint .item-wrapper .fingerprint-active[data-v-dbd24b82]{border:2px solid #151515}.tryon-wrapper .lettering .custom[data-v-dbd24b82]{width:100%;height:1.15rem;background-color:#f2f2f2;overflow-x:scroll}.tryon-wrapper .lettering .custom .item-wrapper[data-v-dbd24b82]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.05rem .07rem;width:50%;height:1.15rem;line-height:1.15rem}.tryon-wrapper .lettering .custom .item-wrapper .item[data-v-dbd24b82]{width:.46rem;height:.46rem;line-height:.46rem;text-align:center;padding:.1rem;border-radius:50%;background-color:#fff;margin-right:.08rem;margin-bottom:.08rem}.tryon-wrapper .lettering .custom .item-wrapper .item img[data-v-dbd24b82]{width:100%}.tryon-wrapper .lettering .custom .item-wrapper .custom-active[data-v-dbd24b82]{border:2px solid #151515}.tryon-wrapper .lettering .uploade-wrapper[data-v-dbd24b82]{position:absolute;right:0;bottom:0;width:.9rem;height:1.15rem;background-color:#fff;padding:.09rem}.tryon-wrapper .lettering .uploade-wrapper .uploade[data-v-dbd24b82]{width:.7rem;height:.7rem;background-color:#f3f3f3;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:5px}.tryon-wrapper .lettering .uploade-wrapper .uploade .iconfont[data-v-dbd24b82]{margin-bottom:.1rem}.tryon-wrapper .lettering .uploade-wrapper .image[data-v-dbd24b82]{width:.7rem;height:.7rem}.tryon-wrapper .lettering .uploade-wrapper .tip[data-v-dbd24b82]{height:.2rem;line-height:.2rem;margin-top:.08rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.tryon-wrapper .operation-wrapper[data-v-dbd24b82]{width:100%;overflow:scroll;position:absolute;left:0;bottom:0}.tryon-wrapper .operation[data-v-dbd24b82]{width:150%;height:.75rem;background-color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-left:.2rem;padding-right:.2rem;color:#8b8b8b}.tryon-wrapper .operation .active[data-v-dbd24b82]{color:#151515}.tryon-wrapper .operation .operation-item[data-v-dbd24b82]{text-align:center;margin-right:.3rem}.tryon-wrapper .operation .operation-item .icon .iconfont[data-v-dbd24b82]{font-size:.28rem}.tryon-wrapper .operation .operation-item .name[data-v-dbd24b82]{font-size:.14rem;font-weight:400}.tryon-wrapper .share-popup-container[data-v-dbd24b82]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1111;background:#f1f1f1;overflow:scroll}.tryon-wrapper .share-popup-container .title[data-v-dbd24b82]{height:.5rem;line-height:.5rem;background-color:#fff;text-align:center;color:#151515;font-size:.14rem;position:relative;margin-bottom:.15rem}.tryon-wrapper .share-popup-container .title .iconfont[data-v-dbd24b82]{position:absolute;left:5%;font-size:.22rem;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.tryon-wrapper .share-popup[data-v-dbd24b82]{width:90%;text-align:center;background-color:rgba(0,0,0,0);overflow:auto;position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.tryon-wrapper .share-popup .close[data-v-dbd24b82]{position:absolute;top:.1rem;right:.1rem;font-size:.16rem;z-index:10;color:#151515}.tryon-wrapper .share-popup .drawImageContainer[data-v-dbd24b82]{position:relative;width:100%;background-color:#fff}.tryon-wrapper .share-popup .screenshotContainer[data-v-dbd24b82]{display:inline-block;width:80vw;height:70vh;margin-top:20px}.tryon-wrapper .share-popup .screenshotContainer .screenshotImage[data-v-dbd24b82]{width:100%;height:100%}.tryon-wrapper .share-popup .shareDetailArea[data-v-dbd24b82]{text-align:left;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-left:5%;margin-top:.1rem}.tryon-wrapper .share-popup .shareDetailArea .qrcodeContainer[data-v-dbd24b82]{width:1rem;height:1rem;display:inline-block;vertical-align:middle}.tryon-wrapper .share-popup .shareDetailArea .qrcodeContainer .qrcodeImage[data-v-dbd24b82]{width:100%;height:100%}.tryon-wrapper .share-popup .shareDetailArea .shareTipWrapper[data-v-dbd24b82]{display:inline-block;width:1rem;margin-left:.1rem}.tryon-wrapper .share-popup .shareDetailArea .shareTipWrapper .shareTipsTop[data-v-dbd24b82]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%;height:.8rem;font-size:.14rem}.tryon-wrapper .uploadingMask[data-v-dbd24b82]{width:100%;height:100%;position:absolute;left:0;top:0;z-index:9999;background:rgba(0,0,0,.95);pointer-events:none}.tryon-wrapper .uploadingMask img[data-v-dbd24b82]{display:inline-block;top:40%;width:60px;height:60px}.tryon-wrapper .uploadingMask .uploadingText[data-v-dbd24b82],.tryon-wrapper .uploadingMask img[data-v-dbd24b82]{position:absolute;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.tryon-wrapper .uploadingMask .uploadingText[data-v-dbd24b82]{width:100%;text-align:center;top:60%;color:#ccc;font-size:16px}.tryon-wrapper .couple-ring-btn[data-v-dbd24b82]{width:.8rem;height:.25rem;position:absolute;left:5%;bottom:2rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;background-color:#e1e1e1;border-radius:5px}.tryon-wrapper .couple-ring-btn .ring[data-v-dbd24b82]{width:50%;border-radius:5px;text-align:center;line-height:.25rem;color:#8b8b8b}.tryon-wrapper .couple-ring-btn .ring-active[data-v-dbd24b82]{color:#fff;background-color:#151515}.tryon-wrapper[data-v-dbd24b82] .van-popup{border-radius:5px;overflow-y:visible;background-color:#151515}.tryon-wrapper .tryOn-guide[data-v-dbd24b82]{width:3rem;position:relative;background-color:#151515}.tryon-wrapper .tryOn-guide img[data-v-dbd24b82]{width:100%;height:auto}.tryon-wrapper .tryOn-guide .iconfont[data-v-dbd24b82]{position:absolute;top:.2rem;right:.2rem;color:#fff}.fileInputButton[data-v-dbd24b82]{position:absolute;bottom:0;left:0;width:140px;height:25px;text-align:center;background:#f0f8ff}.rotateBtn[data-v-dbd24b82]{left:auto;right:0}.aliloading-wrapper[data-v-dbd24b82]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.7);z-index:99999}.aliloading-wrapper .loading[data-v-dbd24b82]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}