.navbar[data-v-2e43b1c4]{height:1.17333rem}.navbar[data-v-2e43b1c4] .van-nav-bar{height:1.17333rem;z-index:100}.navbar[data-v-2e43b1c4] .van-nav-bar:after{display:none}.navbar[data-v-2e43b1c4] .van-nav-bar .van-nav-bar__content{height:100%}.navbar[data-v-2e43b1c4] .van-nav-bar .van-nav-bar__content .van-nav-bar__left .van-icon{color:#232033;font-size:18px}.navbar[data-v-2e43b1c4] .van-nav-bar .van-nav-bar__content .van-nav-bar__title{font-family:PingFang SC;font-weight:700;font-size:.48rem;color:#111}.navbar[data-v-2e43b1c4] .van-nav-bar .van-nav-bar__content .van-nav-bar__right .van-nav-bar__text{color:#232033}.navbar[data-v-2e43b1c4] .van-nav-bar .van-nav-bar__content .van-nav-bar__right .preview{color:#999;font-size:.42667rem}.electronic-signature-wrapper[data-v-2e43b1c4]{display:flex;flex-direction:column;height:100vh;background:#f3f3f3;box-sizing:border-box;overflow:hidden}.signature-content[data-v-2e43b1c4]{display:flex;width:100%;height:calc(100vh - 1.17333rem)}.signature-content .menu-container[data-v-2e43b1c4]{width:2.10667rem;height:100%}.signature-content .menu-container .menu-content[data-v-2e43b1c4]{position:absolute;left:2.10667rem;display:flex;justify-content:space-between;width:calc(100vh - 1.17333rem);height:2.10667rem;transform:rotate(90deg);transform-origin:left top;padding:0 1.52rem 0 .73333rem;background:#fff;box-sizing:border-box}.signature-content .menu-container .menu-content .colors[data-v-2e43b1c4]{display:flex;align-items:center}.signature-content .menu-container .menu-content .colors .color-item[data-v-2e43b1c4]{display:flex;align-items:center;justify-content:center;width:.70667rem;height:.70667rem;margin-right:.8rem;border-radius:50%}.signature-content .menu-container .menu-content .colors .color-item .select-color-img[data-v-2e43b1c4]{width:.33333rem;height:.44rem;transform:rotate(-90deg)}.signature-content .menu-container .menu-content .colors .color-item.BLACK[data-v-2e43b1c4]{background:#111}.signature-content .menu-container .menu-content .colors .color-item.RED[data-v-2e43b1c4]{background:#f32302}.signature-content .menu-container .menu-content .btn-submit-box[data-v-2e43b1c4]{display:flex;align-items:center;justify-content:center}.signature-content .menu-container .menu-content .btn-submit-box .btn-submit[data-v-2e43b1c4]{display:flex;justify-content:center;align-items:center;width:1.86667rem;height:.93333rem;background:#7e86d9;border-radius:.46667rem;font-family:Source Han Sans;font-weight:400;font-size:.42667rem;color:#fff}.signature-content .menu-container .menu-content .btn-submit-box .btn-submit[data-v-2e43b1c4]:first-child{margin-right:.98667rem}.signature-content .menu-container .menu-content .btn-submit-box .btn-submit.default[data-v-2e43b1c4]{border:.01333rem solid #999;color:#999;background:#fff}.signature-content .electronic-signature-content[data-v-2e43b1c4]{position:relative;flex:1;height:100%}.signature-content .electronic-signature-content .close-box[data-v-2e43b1c4]{position:absolute;top:.46667rem;right:.50667rem;width:.72rem;height:.72rem;border-radius:50%;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}.signature-content .electronic-signature-content .close-box .close-icon[data-v-2e43b1c4]{width:.72rem;height:.72rem}.signature-content .electronic-signature-content #signCanvas[data-v-2e43b1c4]{width:100%;height:100%;background-color:rgba(126,134,217,.1);border:none;box-sizing:border-box;overflow:hidden}.signature-content .electronic-signature-content .canvasBg[data-v-2e43b1c4]{background-image:url(../img/bg.026b0e53.png);background-repeat:no-repeat;background-position:50%;background-size:3.62667rem 11.10667rem}