*{box-sizing:border-box}body{margin:0;background:#f6f7f9;color:#000;font:14px "Microsoft YaHei",Arial,sans-serif}main{position:relative;width:800px;max-width:100%;margin:0 auto;background:#fff;box-shadow:0 0 12px #00000004}.head-img{width:100%;height:99.4924px;object-fit:cover;display:block}.content{padding:30px 35px 48px}h1{font-size:24px;line-height:1.5;text-align:center;margin:0 0 8px;font-weight:700}.intro{margin:0;padding:0 0 43px;line-height:24px;border-bottom:1px dashed #d8dce5;font-size:16px}.field{margin-top:22px}.field:first-child{margin-top:41px}label{display:block;font-size:14px;margin:0 0 12px}i{font-style:normal;color:#f56c6c}input,textarea{display:block;width:100%;border:1px solid #d8dce5;border-radius:4px;padding:9px 15px;font:14px/18px "Microsoft YaHei",Arial,sans-serif;color:#303133;outline:none}input{height:36px}textarea{height:96px;resize:vertical}input::placeholder,textarea::placeholder{color:#c0c4cc}input:focus,textarea:focus{border-color:#409eff}small{color:#f56c6c;font-size:12px;display:block;margin-top:4px}.submit{text-align:center;margin-top:48px}button{background:#1677ff;border:1px solid #1677ff;color:#fff;line-height:20px;font-size:14px;border-radius:4px;padding:11px 40px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.qr{position:absolute;left:calc(100% + 20px);top:30px;width:120px;padding:10px;background:#fff;text-align:center;font-size:12px}.qr img{display:block;width:100px;height:100px}.qr p{margin:0 0 1px}footer{text-align:center;color:#c0c4cc;font-size:12px;margin-top:22px}#result{color:#ce3434;line-height:1.7}#success{text-align:center;padding:50px 10px;line-height:1.8}a{color:#1677ff}[hidden]{display:none!important}@media(max-width:1100px){.qr{display:none}}@media(max-width:800px){.head-img{height:auto}.content{padding:26px 20px 40px}main{min-height:85vh}.intro{padding-bottom:28px}.field:first-child{margin-top:32px}body{font-size:14px}}