.content{width:1200px;margin:0 auto;max-width:100%}.form-row{margin-bottom:10px}.border-1{border-bottom:1px solid #eee}.result-box div{width:100%;margin-top:10px;margin-bottom:10px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.card-no{font-size:20px;padding:5px 10px;white-space:pre-wrap;word-break:break-word;text-align:center}.list-complete-item{position:relative;box-sizing:border-box;width:calc(20% - 10px);margin:5px;height:230px;border-radius:10px;transition:all 1s;display:flex;border:2px solid #eee;font-weight:700;font-size:40px;color:#fff;background-color:#06b3fc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:center}.list-complete-item.act{font-size:0}.list-complete-item:before{color:#6b6b6b;border-radius:6px;box-sizing:border-box;content:"?";width:100%;height:100%;position:absolute;top:0;left:0;background-color:hsla(0,0%,100%,.8);background-color:#eee;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);display:flex;justify-content:center;font-size:120px;border:2px solid #eee;font-family:Helvetica;font-weight:700;align-items:center}.list-complete-item.act:before{box-shadow:0 0 30px #898888;animation:random 2.7s infinite;-webkit-animation:random 2.7s infinite}.list-complete-item.act:after{width:100%;height:100%;border-radius:6px;box-sizing:border-box;content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:4px solid #06b3fc;transition:all .5s;-webkit-animation:clippath .5s linear infinite;animation:clippath .5s linear infinite;z-index:9}@-webkit-keyframes clippath{0%,to{-webkit-clip-path:inset(0 0 95% 0);clip-path:inset(0 0 95% 0)}25%{-webkit-clip-path:inset(0 95% 0 0);clip-path:inset(0 95% 0 0)}50%{-webkit-clip-path:inset(95% 0 0 0);clip-path:inset(95% 0 0 0)}75%{-webkit-clip-path:inset(0 0 0 95%);clip-path:inset(0 0 0 95%)}}@keyframes clippath{0%,to{-webkit-clip-path:inset(0 0 95% 0);clip-path:inset(0 0 95% 0)}25%{-webkit-clip-path:inset(0 95% 0 0);clip-path:inset(0 95% 0 0)}50%{-webkit-clip-path:inset(95% 0 0 0);clip-path:inset(95% 0 0 0)}75%{-webkit-clip-path:inset(0 0 0 95%);clip-path:inset(0 0 0 95%)}}.list-complete-item.done:before{display:none}.random-start{animation:random 2.7s infinite;-webkit-animation:random 2.7s infinite}.list-complete-enter,.list-complete-leave-to{opacity:0;transform:translateY(30px)}.list-complete-leave-active{position:absolute}.result-box .confirm{width:50px;height:50px;border-radius:50%;background-color:#42b983;color:#fff;font-size:35px;font-weight:700;line-height:50px;box-sizing:border-box;text-align:center}.btn-box{float:right;margin:10px 0}@-webkit-keyframes random{0%{content:"?"}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:"?"}}@keyframes random{0%{content:"?"}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:"?"}}.print-area,.print-area h1{width:100%;text-align:center}.print-area h1{margin:10mm 0}.print-area table{width:100%;border:1px solid #000;border-collapse:collapse;padding:20px;text-align:left}.print-area table td{border:1px solid #000;height:12mm;padding:3mm;text-align:center}.print-area table .td1{width:40mm;text-align:center;font-weight:700}.print-area table .sign{text-align:left;height:50mm;text-indent:15mm;font-weight:700}.one .el-input{width:501px}.two .el-input{width:480px}.time .el-date-editor{width:200px}