.share-code{padding:24px 0;height:80vh;display:flex;justify-content:center;align-items:center}.share-code .main-content{border-radius:5px;display:flex}.share-code .main-content .right-content{width:55%;padding:48px 32px;background:#fff;border-radius:0 4px 4px 0;display:flex;flex-direction:column;justify-content:center}.share-code .main-content .left-content{width:45%;padding:48px 32px;background:linear-gradient(270deg, #1675DD 0%, #00C6C6 99.22%);border-radius:4px 0 0 4px}.share-code .main-content .first-desc{color:#f3f3f3;font-weight:bold;margin:0 auto;font-size:38px}.share-code .main-content .first-desc a{font-weight:bold;background:#104783;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.share-code .main-content .second-desc{font-size:18px;color:#f3f3f3;padding-top:20px;font-weight:300}.share-code .main-content .square-code{width:100%;border:2px dashed #949494;margin:0 auto;border-radius:8px;padding:24px 48px}.share-code .main-content .square-code .uid{font-size:42px;font-weight:bold;text-align:center}.share-code .main-content .square-code button{display:block;margin:0 auto;width:150px}.share-code .main-content .square-code .err{color:#e41585;font-size:42px;font-weight:bold;text-align:center}.share-code .main-content .square-code .code-loading{padding:32px 0}.share-code .main-content .link-desc{font-size:14px;color:#404040;margin-top:24px;margin-bottom:6px;font-weight:300}.share-code .main-content .link-box{background:#fff;display:flex;align-items:center;font-size:14px}.share-code .main-content .link-box .link{text-align:center;flex:1;padding:10px 23px;height:100%;border-radius:4px;background:#2c90ff;color:#fff !important}.share-code .main-content .link-box .link:hover,.share-code .main-content .link-box .link :visited,.share-code .main-content .link-box .link :link{text-decoration:none !important}@media(max-width: 992px){.share-code .main-content{padding:20px;flex-direction:column;text-align:center}.share-code .main-content .right-content,.share-code .main-content .left-content{width:100%;padding:20px;border-radius:0}.share-code .main-content .right-content{border-radius:0 0 4px 4px}.share-code .main-content .right-content .link-desc{margin-top:16px;font-size:16px}.share-code .main-content .right-content .uid{font-size:32px}.share-code .main-content .right-content .square-code .err{font-size:32px}.share-code .main-content .right-content .link-box{flex-direction:column}.share-code .main-content .left-content{border-radius:4px 4px 0 0}.share-code .main-content .left-content .first-desc{width:100%;font-size:28px}.share-code .main-content .left-content .second-desc{padding-top:10px;font-size:16px;margin-bottom:0}}