@media screen and (max-width:1080px){.register-code{width:100%}.register-code .register-main{margin-top:0}.register-code .register-main .register-show{width:100%;padding:30px 12px 12px;color:#fff}.register-code .register-main .register-show .success-icon{background-color:#fff}.register-code .register-main .register-info{width:calc(100% - 24px);margin:0 auto;border-radius:12px;padding:20px;background-color:#fff;margin-top:6px;margin-bottom:16px}.giftDialog,.keyDialog{width:88%}}@media screen and (min-width:1100px){.register-code{width:1184px}.register-code .register-main{display:flex;margin-top:40px;overflow:hidden;background-color:#fff}.register-code .register-main .register-show{width:717px;margin:30px 0;padding:0 30px;background-color:#fff;border-right:1px solid #e1e1e1}.register-code .register-main .register-show .header-card{display:flex;justify-content:center}.register-code .register-main .register-show .success-icon{background-color:#30ad84}.register-code .register-main .register-info{flex:1;padding:80px}.keyDialog{width:50%}.giftDialog{width:300px}}.register-code{margin:0 auto;background-color:#f7f8fa}.register-code .register-show{width:100%}.register-code .register-show .success-icon{width:60px;height:60px;flex-shrink:0;-webkit-mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAYAAADhu0ooAAAAAXNSR0IArs4c6QAAA9JJREFUaEPtmgtuFDEMhp2TQE8CPQn0JG1PApwEOAnlJEZ/lUhZ147tPLagEqnaVp3N+Iuf43GhN7LKG+Gk/6A7Nc3M7+t+H4noHRH9rn8/EdFTKQWfR9cRjVawT0QEMPxEFmB/ENG3Ugo+t65toB3cZyJqGpwVdjv0MmgH+DBL5XzvKxE9rpr3Eigz3xORB9i00/wQ/onfoXX4Kz7xMzJxXA9gmPWUP0+BVi1+MYR7DjDwt1LKY1TLdU/AfiAimL+2sC+0C+jUSoNWgb4bfviQgbMkddzhWbvZ+6RAmRknDki5YL7TZjUJnDrUMKgBidO9O5EOeviBFUGzdxEbDoHWG/0SG14Fst1zABvSbBQU5tpHRQSa28hJ7rzGCIKhA3dBmVlComS72QmQ2cvQLGBvR6lnCGr4JTbcXqJtgB36qwcqtfnqkMJnZdww5TNBmRlJG0VBW+EIl9HOyrXMDPn64sKMHSNQnFZfnN/Mll8rMKPvGtlA1aoKqmgzFMJPATmwst5WtWqBXphEKcWNzrsh62Gj6B9WXIpW1axggfJr+qawKLe8VFLgC/N9AaqYLUq89NPCrIaV+2OroQxKGnxhvhroq5mtAelWYRHz1UD73Hm1lDIL2eVVmfMvsoQG2qeVq4CuQgJWyakXfqqB9oHoeFrZAVlBZZpJgYYDURUY/hTu6eyCrKCykruQ/UKjilOHQIXAoQpqJ2QFld2PC2v0QN0i3hB4CLsb0tBoCtTV6ODJX4U9AZk23fqFdDCKwp6CnA1GU3nUgz0JaaQXN4/2oG5V0pd6owaW0tFP7e2VlMw8fKzU8mifj9L9IafB3eTdCqm4HMknLg1Uhmk38srTdmBPQLrdEOsxbdp8RU9HvrrYDhkp/3CNBbpkvgbsEciI2Y5ApflOF/fVjO+jrw68oKO4iaxxVVlHzbHefN0GcVbAXdczc5/3sW28OWbUjtNa3QWlaFO2O00Z/+UGtvYK06yxPVD0dftu+F9hwkY/d/js7LYxlTmFdBGx23RnXny5oEaeOpYqRody9LVhBYUJy+R/VTMeDIiEKreQRh3YqSmRjDkPZidCkGbBYAkxeAm7NAPk3A+jdtosk9sU6PcNa1SUddrNp8ZiNMjA+E16QCQN2pmxddJtUuxn5lVGB4d4YA1UTQfBKVChXWuCDJe1KbL22cbj8D9MiLXlTYEuW8sSaAcMQQG8OtUpLXkZsG24BbQzZ2+WLxpstwFuB+0JuonrNpzcJjg10NbZTw9KRk8tnV4yGw+iKf4F8KuMmB/V6OqBnPj+Nh89IdzOPd8M6B/hAn1Z/inakgAAAABJRU5ErkJggg==) no-repeat center/contain;mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAYAAADhu0ooAAAAAXNSR0IArs4c6QAAA9JJREFUaEPtmgtuFDEMhp2TQE8CPQn0JG1PApwEOAnlJEZ/lUhZ147tPLagEqnaVp3N+Iuf43GhN7LKG+Gk/6A7Nc3M7+t+H4noHRH9rn8/EdFTKQWfR9cRjVawT0QEMPxEFmB/ENG3Ugo+t65toB3cZyJqGpwVdjv0MmgH+DBL5XzvKxE9rpr3Eigz3xORB9i00/wQ/onfoXX4Kz7xMzJxXA9gmPWUP0+BVi1+MYR7DjDwt1LKY1TLdU/AfiAimL+2sC+0C+jUSoNWgb4bfviQgbMkddzhWbvZ+6RAmRknDki5YL7TZjUJnDrUMKgBidO9O5EOeviBFUGzdxEbDoHWG/0SG14Fst1zABvSbBQU5tpHRQSa28hJ7rzGCIKhA3dBmVlComS72QmQ2cvQLGBvR6lnCGr4JTbcXqJtgB36qwcqtfnqkMJnZdww5TNBmRlJG0VBW+EIl9HOyrXMDPn64sKMHSNQnFZfnN/Mll8rMKPvGtlA1aoKqmgzFMJPATmwst5WtWqBXphEKcWNzrsh62Gj6B9WXIpW1axggfJr+qawKLe8VFLgC/N9AaqYLUq89NPCrIaV+2OroQxKGnxhvhroq5mtAelWYRHz1UD73Hm1lDIL2eVVmfMvsoQG2qeVq4CuQgJWyakXfqqB9oHoeFrZAVlBZZpJgYYDURUY/hTu6eyCrKCykruQ/UKjilOHQIXAoQpqJ2QFld2PC2v0QN0i3hB4CLsb0tBoCtTV6ODJX4U9AZk23fqFdDCKwp6CnA1GU3nUgz0JaaQXN4/2oG5V0pd6owaW0tFP7e2VlMw8fKzU8mifj9L9IafB3eTdCqm4HMknLg1Uhmk38srTdmBPQLrdEOsxbdp8RU9HvrrYDhkp/3CNBbpkvgbsEciI2Y5ApflOF/fVjO+jrw68oKO4iaxxVVlHzbHefN0GcVbAXdczc5/3sW28OWbUjtNa3QWlaFO2O00Z/+UGtvYK06yxPVD0dftu+F9hwkY/d/js7LYxlTmFdBGx23RnXny5oEaeOpYqRody9LVhBYUJy+R/VTMeDIiEKreQRh3YqSmRjDkPZidCkGbBYAkxeAm7NAPk3A+jdtosk9sU6PcNa1SUddrNp8ZiNMjA+E16QCQN2pmxddJtUuxn5lVGB4d4YA1UTQfBKVChXWuCDJe1KbL22cbj8D9MiLXlTYEuW8sSaAcMQQG8OtUpLXkZsG24BbQzZ2+WLxpstwFuB+0JuonrNpzcJjg10NbZTw9KRk8tnV4yGw+iKf4F8KuMmB/V6OqBnPj+Nh89IdzOPd8M6B/hAn1Z/inakgAAAABJRU5ErkJggg==) no-repeat center/contain}.register-code .register-show .header-card{display:flex;justify-content:left;align-items:center;padding-left:8px}.register-code .register-show .header-card .header-text{margin-left:12px}.register-code .register-show .header-card .header-text .tit1{font-size:20px;font-weight:600;margin-bottom:2px}.register-code .register-show .header-card .header-text .tit2{font-size:12px}.register-code .register-show .gift-bar{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:7px 12px;border-radius:16px;margin-top:12px}.register-code .register-show .gift-bar .gift-left{display:flex;align-items:center}.register-code .register-show .gift-bar .gift-left .gift-icon{display:inline-block;width:30px;height:30px;margin-bottom:3px;background-color:#30ad84;-webkit-mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACTUlEQVRoge2a223bMBSG/0N5EHYDbhBlBMPos+UxjKRQi8TwGFKeA8EjVNlAG5SDxGQf7CiWRF1IO4Xp8nuSbJ7LD1GH1AGBG4Uu4US8PsVg7A7QHEAMoAToDUrJ6vuP0miz23IotTzc6WSKjQ1nCRO7LYfeZ9CIB4ZJsOi+mq+lq40LzsJEsUkAnU0cLgHKodQbGP22sakWD79c8nMSdph6kxM8BwmlVy5Tc+YULqIU2pAEKD9c1u8aH/E0ZsPBKAPwzTZF6yfWMwXzavG4aoyri4P+2ePKwoZW1eIht8mT2Qw+oO+aMVG2EwSAar6WYOwFhLLjwtaG9NI2SwdhrWqm6aVvYDVfS+x19+W3tdGjU7qDi7BmEMbKwdGzmexGtbbhhlGDWAkTu203wPu7ddBRlIrPdWEl7LhgyqYHsp7/47Te43bMCbhMxbJ1H4vXp9jBj5Gjr2Qk5ij2wljULgYcjDJRbFJrXyeI3ZaLYpMaF36le4tNH/U6drKG8Al2ycB/snXPAWqWdtLLVqUbiikx6YmRPN1+fQornjMMJ+yKrBaPjZ2DKJ7/wKHSTaBe9E+nYvIFgf418ceFS/G4ZvjHxa0JqwnCfCMI840gzDc+ex4ssu4rTMHYQmPR/VfECgSuEGP77bjTvxidNluxSSd+Hjn5B/obpsmlgsL4Wa8TXPazpSPsZst9EOYbQZhvBGG+EYT5RhDmG0GYbwRhvhGE+UYQ5hv/mTDT+afrJTf9aO5SUbSC3qdon5tygQxdKoI0HAt0oTQcz7ht/gLTZ8gc8mq6cQAAAABJRU5ErkJggg==) no-repeat center/contain;mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACTUlEQVRoge2a223bMBSG/0N5EHYDbhBlBMPos+UxjKRQi8TwGFKeA8EjVNlAG5SDxGQf7CiWRF1IO4Xp8nuSbJ7LD1GH1AGBG4Uu4US8PsVg7A7QHEAMoAToDUrJ6vuP0miz23IotTzc6WSKjQ1nCRO7LYfeZ9CIB4ZJsOi+mq+lq40LzsJEsUkAnU0cLgHKodQbGP22sakWD79c8nMSdph6kxM8BwmlVy5Tc+YULqIU2pAEKD9c1u8aH/E0ZsPBKAPwzTZF6yfWMwXzavG4aoyri4P+2ePKwoZW1eIht8mT2Qw+oO+aMVG2EwSAar6WYOwFhLLjwtaG9NI2SwdhrWqm6aVvYDVfS+x19+W3tdGjU7qDi7BmEMbKwdGzmexGtbbhhlGDWAkTu203wPu7ddBRlIrPdWEl7LhgyqYHsp7/47Te43bMCbhMxbJ1H4vXp9jBj5Gjr2Qk5ij2wljULgYcjDJRbFJrXyeI3ZaLYpMaF36le4tNH/U6drKG8Al2ycB/snXPAWqWdtLLVqUbiikx6YmRPN1+fQornjMMJ+yKrBaPjZ2DKJ7/wKHSTaBe9E+nYvIFgf418ceFS/G4ZvjHxa0JqwnCfCMI840gzDc+ex4ssu4rTMHYQmPR/VfECgSuEGP77bjTvxidNluxSSd+Hjn5B/obpsmlgsL4Wa8TXPazpSPsZst9EOYbQZhvBGG+EYT5RhDmG0GYbwRhvhGE+UYQ5hv/mTDT+afrJTf9aO5SUbSC3qdon5tygQxdKoI0HAt0oTQcz7ht/gLTZ8gc8mq6cQAAAABJRU5ErkJggg==) no-repeat center/contain}.register-code .register-show .gift-bar .gift-left .gift-title{font-size:16px;font-weight:600;margin-left:9px}.register-code .register-show .gift-bar .gift-btn{font-size:13px;color:#fff;padding:8px 14px;border-radius:20px;cursor:pointer}.register-code .register-show .idcard-bar{padding:16px;background-color:#fff;border-radius:12px;margin-top:12px}.register-code .register-show .idcard-bar .idcard-wrap{padding:14px 12px;border-radius:12px}.register-code .register-show .idcard-bar .idcard-wrap .id-inner{display:flex;justify-content:flex-start;align-items:center;border-bottom:1px dashed #e1e1e1;padding-bottom:15px}.register-code .register-show .idcard-bar .idcard-wrap .id-inner img{width:140px;height:92px;flex-shrink:0;margin-left:6px}.register-code .register-show .idcard-bar .idcard-wrap .id-inner .id-desc{color:rgba(0,0,0,.65);margin-left:16px;font-size:15px;font-weight:600;line-height:22px}.register-code .register-show .idcard-bar .idcard-wrap .tip-line{padding:5px 6px;padding-bottom:0;color:rgba(0,0,0,.65);font-size:13px;margin-top:8px}.register-code .register-show .idcard-bar .idcard-wrap .tip-line .tip-tag{display:flex;align-items:center;font-size:12px;color:rgba(0,0,0,.65);background-color:#dae8fe;border-radius:18px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:6px 10px}.register-code .register-show .idcard-bar .idcard-wrap .tip-line .tip-tag img{width:14px;height:14px;margin-right:7px}.register-code .register-show .idcard-bar .idcard-wrap .tip-line .tip-text{color:rgba(0,0,0,.65);margin-top:10px}.register-code .register-show .idcard-bar .idcard-wrap .tip-line .tip-text .refresh-btn{padding:3px 7px;color:#fff;border-radius:5px;margin-left:6px;font-size:12px;cursor:pointer}.register-code .register-show .idcard-bar .idcard-wrap .tip-line .tip-text .eid-btn{padding:3px 7px;background-color:#dcf0ee;border-radius:5px;margin-left:6px;font-size:12px;cursor:pointer}.register-code .register-show .idcard-bar .idcard-wrap .eid-area{padding:10px;color:rgba(0,0,0,.3);background-color:#f7f8fa;border-radius:8px;margin-top:10px}.register-code .register-show .idcard-bar .idcard-wrap .eid-area .eid-title{font-size:13px;text-align:center;margin-bottom:8px;text-decoration:underline}.register-code .register-show .idcard-bar .idcard-wrap .eid-area .eid-desc{font-size:12px}.register-code .register-show .idcard-bar .info-group{color:rgba(0,0,0,.65);border-radius:10px;padding:15px 30px;background-color:#eff5ff;margin-top:18px}.register-code .register-show .idcard-bar .info-group .info-item{font-size:14px;margin-bottom:6px}.register-code .register-show .idcard-bar .info-group .info-item i{margin-right:5px}.register-code .register-show .idcard-bar .info-group .tip-text{color:rgba(0,0,0,.65);font-size:12px;margin-top:2px}.register-code .register-info .title{display:flex;align-items:center;font-size:16px;font-weight:700;line-height:22px;border-bottom:1px dashed #e1e1e1;padding-bottom:13px}.register-code .register-info .title .code-button{font-size:13px;color:#fff;background-color:#30ad84;padding:3px 12px;border-radius:3px;margin-left:12px;cursor:pointer}.register-code .register-info .list div{margin:20px 0;font-size:14px;color:#000}.register-code .register-info .list div span{color:rgba(0,0,0,.65)}.zoe-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0;width:100%;height:100%;background-color:rgba(0,0,0,.45);display:flex;justify-content:center;align-items:center;flex-direction:column}.zoe-dialog__wrapper .zoe-dialog{position:relative;width:88%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-radius:8px;background-color:#fff;padding-top:25px}.zoe-dialog__wrapper .zoe-dialog .zoe-dialog__header .name{display:flex;justify-content:center;align-items:center}.zoe-dialog__wrapper .zoe-dialog .zoe-dialog__header .name img{width:22px;margin-right:6px}.zoe-dialog__wrapper .zoe-dialog .zoe-dialog__header .name span{color:#1d2129;font-weight:700;font-size:20px}.zoe-dialog__wrapper .zoe-dialog .zoe-dialog__header .idNumber{margin-top:8px;text-align:center;font-size:14px;color:#626574}.zoe-dialog__wrapper .zoe-dialog .zoe-dialog__header .el-divider--horizontal{margin:15px 20px;width:auto;height:.28px}.zoe-dialog__wrapper .zoe-dialog .zoe-dialog__header .time{text-align:center;font-weight:700}.zoe-dialog__wrapper .zoe-dialog .zoe-dialog__body{display:flex;flex-direction:column;padding:10px 0 25px}.zoe-dialog__wrapper .zoe-dialog .zoe-dialog__body .code-box{margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:4px solid #def8ff;border-radius:4px}.zoe-dialog__wrapper .zoe-dialog .zoe-dialog__body .code-box .code__wrapper{position:relative;width:168px;height:168px;display:flex;justify-content:center;align-items:center}.zoe-dialog__wrapper .zoe-dialog .zoe-dialog__body .code-box .code__wrapper .avatar{width:112px;height:112px}.zoe-dialog__wrapper .zoe-dialog .zoe-dialog__body .code-box .code__wrapper img{width:100%;height:100%}.zoe-dialog__wrapper .zoe-dialog .zoe-dialog__body .code-box .code__wrapper .side-box{position:absolute;right:-36px;width:32px;font-size:12px}.zoe-dialog__wrapper .zoe-dialog .zoe-dialog__body .code-box .code__wrapper .side-box .top-btn{border-top:1px solid #c9cdd4;border-right:1px solid #c9cdd4;border-bottom:1px solid #c9cdd4;border-top-right-radius:4px;padding-top:5px;color:#134780}.zoe-dialog__wrapper .zoe-dialog .zoe-dialog__body .code-box .code__wrapper .side-box .bottom-btn{border-top:1px solid #c9cdd4;border-right:1px solid #c9cdd4;border-bottom:1px solid #c9cdd4;border-bottom-right-radius:4px;padding:5px 0 2px;color:#134780}.zoe-dialog__wrapper .zoe-dialog .zoe-dialog__body .code-box .code__wrapper .side-box .active{background-color:#134780;border-top:1px solid #134780;border-right:1px solid #134780;border-bottom:1px solid #134780;color:#c9cdd4}.zoe-dialog__wrapper .zoe-dialog .zoe-dialog__body .code-box .code__wrapper .side-box .active .text{color:#fff}.zoe-dialog__wrapper .zoe-dialog .zoe-dialog__body .code-box .code__wrapper .side-box .zoe-icon{display:flex;justify-content:center}.zoe-dialog__wrapper .zoe-dialog .zoe-dialog__body .code-box .code__wrapper .side-box .zoe-icon img{width:18px;height:18px}.zoe-dialog__wrapper .zoe-dialog .zoe-dialog__body .code-box .code__wrapper .side-box .text{margin:4px auto 0;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;letter-spacing:5px}.zoe-dialog__wrapper .zoe-dialog .zoe-dialog__body .takePhoto{margin:16px auto 0}.zoe-dialog__wrapper .zoe-dialog .zoe-dialog__body .takePhoto .el-button--small{border-color:#134780!important;background-color:#134780!important}.zoe-dialog__wrapper .zoe-dialog .zoe-dialog__body .screenshot-tip{display:flex;justify-content:center;align-items:center;width:169px;font-size:12px;text-align:center;margin:10px auto 18px;padding:6px 0;color:#ff7d00;background-color:#fff7e8}.zoe-dialog__wrapper .zoe-dialog .zoe-dialog__body .success-tip{display:flex;justify-content:center;align-items:center;color:#134780;font-size:16px;font-weight:700}.zoe-dialog__wrapper .zoe-dialog .zoe-dialog__body .success-tip img{width:32px;margin-right:4px}.zoe-dialog__wrapper .zoe-dialog .zoe-dialog__footer{display:flex;justify-content:center;background-color:#f5f5f5;padding:4px 0;width:100%;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.zoe-dialog__wrapper .zoe-dialog .zoe-dialog__footer img{height:26px}.zoe-dialog__wrapper .zoe-dialog__close{display:flex;justify-content:center;margin-top:28px}.zoe-dialog__wrapper .zoe-dialog__close img{width:36px}.common-code-box{display:flex;justify-content:center}.common-code-box .common-code{position:relative;width:168px;height:168px;z-index:0;border-radius:10px;overflow:hidden;padding:8px}.common-code-box .common-code:before{content:"";position:absolute;z-index:-2;left:-50%;top:-50%;width:200%;height:200%;background-color:#f9f9f9;background-repeat:no-repeat;background-position:0 0;-webkit-animation:rotate 4s linear infinite;animation:rotate 4s linear infinite}.common-code-box .common-code:after{content:"";position:absolute;z-index:-1;left:6px;top:6px;width:calc(100% - 12px);height:calc(100% - 12px);background:#fff;border-radius:5px}.common-code-box .common-code img{width:100%;height:100%}.gold:before{background-image:conic-gradient(transparent,#fad264,transparent 88%)}.green:before{background-image:conic-gradient(transparent,#30ad84,transparent 88%)}@-webkit-keyframes rotate{to{transform:rotate(1turn)}}@keyframes rotate{to{transform:rotate(1turn)}}.qr-title{display:flex;justify-content:center;align-items:center;margin:8px 20px 12px;color:#000}.qr-title h2{text-align:center;font-size:18px;font-weight:700;margin-right:10px}.qr-title img{width:36px;height:36px}