.handwritten-name-wrap .img-wrap{width:100%;height:164px;margin-top:2px;border:1px solid #ccc}.handwritten-name-wrap .img-wrap img{width:70%;height:100%}.handwritten-name-wrap .signWrap{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.handwritten-name-wrap .signWrap .signName{-webkit-box-flex:1;-ms-flex:1;flex:1;border-top:1px solid #ccc}.handwritten-name-wrap .signWrap footer{height:40px;border-top:1px solid #ccc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.handwritten-name-wrap .signWrap footer .gtnGroup{width:50%;margin-left:20px}.handwritten-name-wrap .signWrap footer .otherSet{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.handwritten-name-wrap .signWrap footer .otherSet .penTxt,.handwritten-name-wrap .signWrap footer .otherSet .selSize{width:70px}.handwritten-name-wrap .signWrap footer .otherSet .el-select__caret{position:absolute;right:-3px}.handwritten-name-wrap .signWrap footer .otherSet .b1,.handwritten-name-wrap .signWrap footer .otherSet .b2,.handwritten-name-wrap .signWrap footer .otherSet .b3{display:inline-block;background:#000;border-radius:50%}.handwritten-name-wrap .signWrap footer .otherSet .circleWrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:18px;height:18px;cursor:pointer;margin-right:20px}.handwritten-name-wrap .signWrap footer .otherSet .active{border:1px dashed #0074d9}.handwritten-name-wrap .signWrap footer .otherSet .b1{width:4px;height:4px}.handwritten-name-wrap .signWrap footer .otherSet .b2{width:6px;height:6px}.handwritten-name-wrap .signWrap footer .otherSet .b3{width:8px;height:8px}.signNameModel .vxe-modal--content{padding:0!important}.stepClass[data-v-e5a7098a]{margin:5rem 5rem 1rem 5rem}.signDiv[data-v-e5a7098a]{text-align:-webkit-center}.signBg[data-v-e5a7098a]{width:600px;height:300px;background-color:#b7a9a9}.gtnGroup[data-v-e5a7098a]{margin-top:1rem;margin-bottom:1rem}.footer[data-v-e5a7098a]{padding:5rem;text-align:center}.footer[data-v-e5a7098a],.signWrap[data-v-e5a7098a]{display:-webkit-box;display:-ms-flexbox;display:flex}.signWrap[data-v-e5a7098a]{height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.formDiv[data-v-e5a7098a]{margin-top:3rem;height:600px}.signImg[data-v-e5a7098a]{width:100%;height:100%}.viewDiv[data-v-e5a7098a]{background-image:url(../img/signBgi.fc32ddcb.png);background-repeat:round;width:50%;height:200px;border:.5px solid #877f7f}