[data-v-87e1a72e]{margin:0;padding:0}.content[data-v-87e1a72e]{margin:auto;max-width:1200px}.test-button[data-v-87e1a72e]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center}.btn[data-v-87e1a72e]{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #c0ccda;color:#1f2d3d;text-align:center;box-sizing:border-box;outline:none;margin:20px 10px 0 0;padding:9px 15px;font-size:14px;border-radius:4px;color:#fff;background-color:#50bfff;border-color:#50bfff;transition:all .2s ease;text-decoration:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;height:34px}.des[data-v-87e1a72e]{line-height:30px}code.language-html[data-v-87e1a72e]{padding:10px 20px;margin:10px 0;display:block;background-color:#333;color:#fff;overflow-x:auto;font-family:Consolas,Monaco,Droid,Sans,Mono,Source,Code,Pro,Menlo,Lucida,Type,Writer,Ubuntu;border-radius:5px;white-space:pre}.show-info[data-v-87e1a72e]{margin-bottom:50px}.show-info h2[data-v-87e1a72e]{line-height:50px}.title[data-v-87e1a72e]{display:block;text-decoration:none;text-align:center;line-height:1.5;margin:20px 0;background-image:-webkit-linear-gradient(left,#3498db,#f47920 10%,#d71345 20%,#f7acbc 30%,#ffd400 40%,#3498db 50%,#f47920 60%,#d71345 70%,#f7acbc 80%,#ffd400 90%,#3498db);color:transparent;-webkit-background-clip:text;background-size:200% 100%;animation:slide-data-v-87e1a72e 5s linear infinite;font-size:40px}.test[data-v-87e1a72e]{height:300px}.model[data-v-87e1a72e]{position:fixed;z-index:10;width:100vw;height:100vh;overflow:auto;top:0;left:0;background:rgba(0,0,0,.8)}.model-show[data-v-87e1a72e]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100vw;height:100vh;text-align:center}.model img[data-v-87e1a72e]{margin:auto;max-width:80%;width:auto;background-position:0 0,10px 10px;background-size:20px 20px;background-image:linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee),linear-gradient(45deg,#eee 25%,#fff 0,#fff 75%,#eee 0,#eee)}.c-item[data-v-87e1a72e],.model img[data-v-87e1a72e]{display:block;-webkit-user-select:none;-ms-user-select:none;user-select:none}.c-item[data-v-87e1a72e]{padding:10px 0}.pre[data-v-87e1a72e]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.pre-item[data-v-87e1a72e]{padding-right:20px}@keyframes slide-data-v-87e1a72e{0%{background-position:0 0}to{background-position:-100% 0}}@media screen and (max-width:1000px){.content[data-v-87e1a72e]{max-width:90%;margin:auto}.test[data-v-87e1a72e]{height:400px}}.onlineSignature[data-v-391738c2]{width:1000px;padding:20px 30px;margin-bottom:10px;background:#f5fcff;border:1px dashed #89bcf1}.onlineSignature .titleBox[data-v-391738c2]{margin-bottom:10px}.onlineSignature .titleBox .title[data-v-391738c2]{font-size:18px;font-weight:600}.onlineSignature .titleBox .tips[data-v-391738c2]{margin-left:10px;color:red;font-size:12px}.onlineSignature .uploadImgBox[data-v-391738c2]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.onlineSignature .uploadImgBox .uploadImg img[data-v-391738c2]{background:#fff}.onlineSignature .uploadImgBox .uploadImg .uploadBox[data-v-391738c2]{width:400px;height:200px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:1px dashed #ccc;background:#fff;cursor:pointer}.onlineSignature .uploadImgBox .uploadImg .uploadBox div[data-v-391738c2]{text-align:center}.onlineSignature .uploadImgBox .uploadImg .uploadBox div .icon[data-v-391738c2]{font-size:30px}.onlineSignature .uploadImgBox .uploadImg .preview[data-v-391738c2]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:400px}.onlineSignature .uploadImgBox .uploadImg .preview .tips[data-v-391738c2]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.onlineSignature .uploadImgBox .uploadImg .preview .img[data-v-391738c2]{width:280px}.onlineSignature .uploadImgBox .examples[data-v-391738c2]{width:400px;height:200px;padding:10px;border:1px solid #ccc;background:#fff}.onlineSignature .uploadImgBox .examples .item .examplesImg[data-v-391738c2]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.onlineSignature .autograph .canvasBox[data-v-391738c2],.onlineSignature .autograph[data-v-391738c2]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.onlineSignature .autograph .canvasBox .btnBox .handleEdit[data-v-391738c2]{width:45px;height:45px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:#36518a;border:.5px solid #36518a;cursor:pointer}.onlineSignature .autograph .canvasBox .btnBox .handleEdit .icon[data-v-391738c2]{color:#fff;font-size:20px}.onlineSignature .autograph .canvasBox .btnBox .handleReset[data-v-391738c2]{background:#ededed;border:.5px solid #ccc}.onlineSignature .autograph .canvasBox .btnBox .handleReset .icon[data-v-391738c2]{color:#000;font-size:20px}.onlineSignature .autograph .canvasBox .drawingBoard[data-v-391738c2]{background:#fff;border:1px solid #ccc}.onlineSignature .autograph .canvasBox .tips[data-v-391738c2]{margin-top:10px;text-align:center;color:red}.onlineSignature .autograph .imgBox[data-v-391738c2]{text-align:center}.onlineSignature .autograph .imgBox .item[data-v-391738c2]{margin-bottom:18px;font-size:14px}.onlineSignature .autograph .imgBox .item .show-img[data-v-391738c2]{width:350px;height:180px;border:1px solid #ccc;background:#fff}.onlineSignature .autograph .imgBox .item .show-info[data-v-391738c2]{width:350px;height:180px;font-size:24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:1px solid #ccc;background:#fff}.onlineSignature .qrCodeBox[data-v-391738c2]{width:250px}.onlineSignature .qrCodeBox .qrCode[data-v-391738c2]{width:100%;-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}