.contract-template{height:100%}.contract-template .container{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;height:100%;min-height:500px}.contract-template .container .online-signing-center{position:relative;width:140px;height:140px;border-radius:50%;background-color:#3393fe;text-align:center;overflow:hidden}.contract-template .container .online-signing-center .center-top{height:60%;background-color:#d9ecff}.contract-template .container .online-signing-center .center-top img{width:60px;margin-top:19px}.contract-template .container .online-signing-center h3{color:#fff;font-size:17px;margin-top:8px}.contract-template .container .online-signing-list{min-height:100%;position:relative}.contract-template .container .online-signing-list .online-signing-list-item:first-child{top:10%;right:160px}.contract-template .container .online-signing-list .online-signing-list-item:nth-child(3){top:35%;right:230px}.contract-template .container .online-signing-list .online-signing-list-item:nth-child(5){top:60%;right:160px}.contract-template .container .online-signing-list .online-signing-list-item:nth-child(2){top:10%;left:100px}.contract-template .container .online-signing-list .online-signing-list-item:nth-child(2) span{margin-left:-270px}.contract-template .container .online-signing-list .online-signing-list-item:nth-child(4){top:35%;left:170px}.contract-template .container .online-signing-list .online-signing-list-item:nth-child(4) span{margin-left:-270px}.contract-template .container .online-signing-list .online-signing-list-item:nth-child(6){top:60%;left:100px}.contract-template .container .online-signing-list .online-signing-list-item:nth-child(6) span{margin-left:-270px}.contract-template .container .online-signing-list .online-signing-list-item:hover{color:#3c88ff}.contract-template .container .online-signing-list .online-signing-list-item{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:20px 0;top:160px;cursor:pointer}.contract-template .container .online-signing-list .online-signing-list-item h3{width:200px;text-align:center;background-color:#fff;height:40px;line-height:40px;border-radius:10px;font-size:18px;-webkit-box-shadow:0 0 5px 0 #ccc;box-shadow:0 0 5px 0 #ccc}.contract-template .container .online-signing-list .online-signing-list-item span{display:inline-block;width:80px;height:80px;border-radius:50%;-webkit-box-shadow:0 0 5px 0 #ccc;box-shadow:0 0 5px 0 #ccc;text-align:center;margin-left:-15px;background-color:#fff}.contract-template .container .online-signing-list .online-signing-list-item span img{width:40px;margin-top:19px}