.signaturestyle-box[data-v-3918efb9]{width:calc(100% - 100px);height:100%;position:relative;margin:0 50px 0}.cell[data-v-3918efb9]{width:100%;height:100%;position:relative}.card[data-v-3918efb9]{position:absolute;top:10px;left:calc(50% - 256px);width:512px;height:600px;z-index:200;border-radius:10px;overflow:hidden}.card .headpic[data-v-3918efb9]{width:480px;height:480px;position:relative}.card .headpic .bg[data-v-3918efb9]{width:100%;height:100%;background:url(../../static/img/card-bg.e40cc455.png) no-repeat 50%}.card .headpic .img[data-v-3918efb9]{background:#fff;position:absolute;top:0;left:3px;bottom:0;right:0;margin:auto;z-index:11}.card .headpic .img[data-v-3918efb9],.card .headpic .img img[data-v-3918efb9]{width:184px;height:184px;border-radius:50%}.cellbox[data-v-3918efb9]{position:absolute;width:160px;height:160px;-webkit-transform-origin:52% 52%;transform-origin:52% 52%}.show-enter[data-v-3918efb9],.show-leave-to[data-v-3918efb9]{-webkit-transform:scale(0);transform:scale(0);opacity:0}.show-enter-active[data-v-3918efb9],.show-leave-active[data-v-3918efb9]{-webkit-transition:all .5s ease;transition:all .5s ease}.show-enter-to[data-v-3918efb9],.show-leave[data-v-3918efb9]{-webkit-transform:scale(1);transform:scale(1);opacity:1}@-webkit-keyframes rotate-data-v-3918efb9{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-data-v-3918efb9{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.signature-box{width:100%;height:100%;position:relative}.signature-bg{position:absolute;top:0;left:0;background-size:cover;background-repeat:no-repeat;background-position:50%;z-index:-1}.container,.signature-bg{width:100%;height:100%}.container .signature-ball-item{overflow:hidden}.container .signature-ball-item img{-o-object-fit:contain;object-fit:contain}.container .signature-ball-item .default-sign-img{width:100%;height:100%}.container .signature-ball-item .bubb-bgimg{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;opacity:1;-webkit-transition:opacity 50ms;transition:opacity 50ms;-o-object-fit:contain;object-fit:contain}.container .signature-ball-item .bubb-signbg-a{opacity:1}.container .signature-ball-item .bubb-signbg-b{opacity:0}.container .signature-ball-item .bubb-sign-img{width:75%;height:75%;position:absolute;left:50%;top:50%;z-index:2;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.container .signature-ball-item .bubb-sign-img-r{border-radius:50%}