.signer-verify{min-width:1200px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.signer-verify .demo-spin-icon-load{color:#3370ff;-webkit-animation:ani-demo-spin 1s linear infinite;animation:ani-demo-spin 1s linear infinite}.signer-verify .loading-text{color:#3370ff;font-size:25px}@-webkit-keyframes ani-demo-spin{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes ani-demo-spin{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}.signer-verify .demo-spin-col{height:100px;position:relative;border:1px solid #eee}.signer-verify .signer-header{height:60px;line-height:60px;background:#3370ff;display:flex;align-items:center;position:fixed;width:100%;z-index:999}.signer-verify .signer-header .header-left{font-size:24px;color:#fff;position:absolute;cursor:pointer;left:40px;top:0}.signer-verify .signer-header .header-title{font-size:20px;flex:1;text-align:center;color:#fff}.signer-verify .signer-header .header-right{position:absolute;right:16px;top:0;display:flex;align-items:center;height:100%}.signer-verify .signer-header .header-right .tools{display:flex;align-items:center;font-size:14px;margin-right:10px}.signer-verify .signer-header .header-right .tools a{display:flex;align-items:center;position:relative;color:#fff}.signer-verify .signer-header .header-right .tools a img{margin-right:5px}.signer-verify .signer-header .header-right .tools a .ivu-icon-ios-cloud-download-outline{font-size:18px}.signer-verify .signer-header .header-right .tools .space{padding-left:12px;padding-right:12px}.signer-verify .signer-header .header-right .download{color:#fff}.signer-verify .signer-header .header-right button{margin-left:10px}.signer-verify .signer-header .header-right .pass{width:100px}.signer-verify .signer-header .header-right .header-user{display:flex;align-items:center;color:#fff}.signer-verify .signer-header .header-right .header-user .mail{font-size:24px;cursor:pointer;line-height:24px}.signer-verify .signer-header .header-right .header-user .ivu-dropdown{padding-left:18px}.signer-verify .signer-header .header-right .header-user .ivu-dropdown-item.person{border-bottom:0}.signer-verify .signer-header .header-right .header-user .ivu-dropdown-item.person .name{word-break:break-all;overflow:hidden;text-overflow:ellipsis}.signer-verify .signer-header .header-right .header-user .list{max-height:500px;overflow:auto}.signer-verify .signer-header .header-right .header-user .ivu-select-dropdown{width:355px;margin-right:15px;right:0}.signer-verify .signer-header .header-right .header-user .active{color:#3370ff}.signer-verify .signer-header .header-right .header-user .active span{color:#3370ff!important}.signer-verify .signer-header .header-right .header-user .companyName{display:flex;align-items:center}.signer-verify .signer-header .header-right .header-user .companyName .status{margin-left:15px;font-size:12px}.signer-verify .signer-header .header-right .header-user .companyName .status img{margin-right:5px}.signer-verify .signer-header .header-right .header-user .ivu-dropdown-item{border-bottom:1px solid #bbb;padding:12px 24px 12px 24px;position:relative;overflow:hidden;cursor:pointer}.signer-verify .signer-header .header-right .header-user .ivu-dropdown-item span{font-size:12px;margin-top:8px;display:inline-block;color:#6f7478}.signer-verify .signer-header .header-right .header-user .ivu-dropdown-item img{vertical-align:bottom}.signer-verify .signer-header .header-right .header-user .ivu-dropdown-item i{font-size:20px;margin-right:10px;color:#101010}.signer-verify .signer-header .header-right .header-user .ivu-dropdown-item:last-child{border-bottom:0}.signer-verify .signer-header .header-right .header-user span{cursor:pointer}.signer-verify .signer-warp{display:flex;height:100vh}.signer-verify .signer-warp .warp-container{padding-top:60px;width:100%;display:flex}.signer-verify .signer-warp .warp-container .warp-left{width:300px;height:100%;background:#fff;border-right:1px solid #dee0e6;overflow:auto}.signer-verify .signer-warp .warp-container .warp-left .left-container{margin:24px 0 0 16px;width:270px}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-title{box-sizing:border-box;max-width:240px;height:16px;padding-left:8px;font-weight:700;font-size:14px;line-height:16px;border-left:2px solid #276ef9;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp{width:250px;margin:8px auto}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .warp-header{line-height:40px;display:flex;align-items:center;justify-content:space-between}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .warp-header h3{font-size:14px}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .warp-header .more{font-size:12px;display:flex;align-items:center;color:#595959}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .warp-header .more span{cursor:pointer}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .warp-header .more i{cursor:pointer;font-size:20px}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .warp-header .more .sinature-list{margin-top:8px}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .warp-header .more .sinature-list .list-box{width:140px;height:80px;margin:0 auto;border:1px dashed #e1e3e9;margin-bottom:16px;cursor:move;border-radius:8px;font-size:18px;display:flex;align-items:center;justify-content:center}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .warp-header .more .sinature-list .list-box:hover{border-color:#276ef9}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .item-signature{text-align:center;font-size:12px;margin-right:7px;margin-bottom:5px;width:56px}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .item-signature p{margin-top:5px}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .item-signature .signature{width:56px;height:56px;background:#fff;border-radius:2px;display:flex;align-items:center;justify-content:center}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .item-signature .signature i{font-size:20px}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .item-signer .item-signer-warp{width:250px;border-radius:4px;cursor:-webkit-grab;cursor:grab}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .item-signer .item-signer-warp .control-switch-box{height:72px;box-sizing:border-box;border-radius:4px;position:relative}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .item-signer .item-signer-warp .control-switch-box .seal-img{border:1px dashed #dde0e7;height:100%;position:absolute;width:100%}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .item-signer .item-signer-warp .control-switch-box .seal-img img{-o-object-fit:contain;object-fit:contain;vertical-align:bottom;image-rendering:-webkit-optimize-contrast}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .item-signer .item-signer-warp .control-switch-box .control-switch__btn-prev{left:-1px;text-align:left}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .item-signer .item-signer-warp .control-switch-box a{position:absolute;border-radius:0 28px 28px 0;top:50%;width:14px;height:28px;margin-top:-14px;color:#86878a;line-height:28px;background-color:#f3f3f9}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .item-signer .item-signer-warp .control-switch-box a i{font-size:12px}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .item-signer .item-signer-warp .control-switch-box a:hover{color:#276ef9;background-color:#e9f0fe}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .item-signer .item-signer-warp .control-switch-box .control-switch__btn-next{right:-1px;text-align:right;border-radius:28px 0 0 28px}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .item-signer .item-signer-warp .control-switch-box .control-switch__btn-next.is-disabled,.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .item-signer .item-signer-warp .control-switch-box .control-switch__btn-prev.is-disabled{color:#86878a;background-color:#f3f3f9;cursor:not-allowed;opacity:.8}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .item-signer .switch-label{margin-top:5px;text-align:center;font-size:12px}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .add-date{margin:8px auto}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .add-date .date-header{line-height:40px}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .add-date .date-header h3{font-size:14px}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .add-date .signature-box{border-radius:4px;cursor:-webkit-grab;cursor:grab;border:1px dashed #dde0e7;text-align:center;display:flex;align-items:center;justify-content:center;width:166px;height:166px;margin-bottom:10px}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .add-date .signature-box img{width:100%;vertical-align:bottom;image-rendering:-webkit-optimize-contrast}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .add-date .signature-box:hover{border-color:#276ef9}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .add-date .item-signature{width:166px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #dde0e7;cursor:pointer;height:166px}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .add-date .item-signature i{font-size:30px}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .add-date .item-signature p{margin-left:2px;margin-top:1em}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .add-date .date-box{width:250px;height:40px;line-height:40px;border:1px dashed #dde0e7;border-radius:4px;cursor:-webkit-grab;cursor:grab;text-align:center}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .add-date .date-box img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;image-rendering:-webkit-optimize-contrast}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-my .signature-warp .add-date .date-box:hover{border-color:#276ef9}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-other{margin-top:16px}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-other .signature-warp{margin-top:20px;display:flex;align-items:center}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-other .signature-warp .item-signature{text-align:center;font-size:12px;margin-right:7px;margin-bottom:5px}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-other .signature-warp .item-signature p{margin-top:5px}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-other .signature-warp .item-signature .signature{width:56px;height:56px;border:1px solid #e6e8ea;cursor:move;background:#fff;border-radius:2px;display:flex;align-items:center;justify-content:center}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-other .signature-warp .item-signature .signature i{font-size:20px}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-other .signature-warp .item-signature .signature:hover{background:#fef8e5;border-color:#fbb900}.signer-verify .signer-warp .warp-container .warp-left .left-container .item-signature-other .signature-warp .item-signature .signature:hover i{color:#fbb900}.verity-modal .ivu-form-item{margin-bottom:10px}.verity-modal .verity-box{padding-left:40px;padding-right:40px}.verity-modal .verity-box .ivu-form-item-label{padding-bottom:18px}.verity-modal .verity-box .ivu-input-suffix{display:flex;align-items:center}.verity-modal .verity-box input{height:44px}.verity-modal .verity-box .btn{margin-top:32px}.verity-modal .verity-box .btn button{width:100%;height:44px}.verity-modal .ivu-form-item-label{float:none;display:block;text-align:center;font-size:14px;font-weight:700}.verity-modal .ivu-modal-wrap{display:flex;align-items:center}.verity-modal .tips{text-align:right;cursor:pointer;font-size:12px;color:#888}.verity-modal .ivu-modal{top:0}.end-modal .end-box{padding-left:40px;padding-right:40px}.end-modal .end-box p{margin-bottom:10px;font-size:14px}.end-modal .end-box .ivu-form-item-label{padding-bottom:18px}.end-modal .end-box .ivu-input-suffix{display:flex;align-items:center}.end-modal .end-box input{height:44px}.end-modal .end-box textarea{margin-top:6px}.end-modal .end-box .btn{display:flex;justify-content:flex-end}.end-modal .ivu-form-item-label{display:block;text-align:left;font-size:14px}.end-modal .ivu-modal-wrap{display:flex;align-items:center}