@charset "utf-8";
*{padding:0;margin:0;border:none;box-sizing:border-box;}
html{font-size=62.5%;-webkit-text-size-adjust:none;}
body{font-size=62.5%;color:#111;font-family:"Microsoft YaHei",Helvetica,Arial;}
a {color:#999;text-decoration:none;noFocusline:expression(this.onFocus = this.blur());-webkit-tap-highlight-color:transparent;}
a:focus{outline:none;}
a:hover{color:#999;text-decoration:none;}
img{max-width:100%;vertical-align:bottom;}

.box{min-width:320px;max-width:720px;margin:0 auto;box-shadow:0 0 5px #777;background:#fff;}
.header{width: 100%;}
.header img{width: 100%;}
.details{padding:0 5%;box-sizing: border-box;}
.details p{line-height: 2;text-indent: 2em;margin-top: 0px;}
.details p span{color: #c10d2b;}
.table{padding:0 10%;box-sizing: border-box;}
.table div{display: flex;flex-direction: column;}
.table span{font-size: 1.2em;margin: 0.5em 0;}
.table .input_text{height: 2em;border: 1px solid #bfbfbf;border-radius: 0.2em;font-size: 1em;text-indent:1em}
.table label{display: flex;align-items: center;margin-bottom: 0.5em;}
.table label input{width: 1em;height: 1em;font-size: 1em;margin-right: 1em;}
 .bt{display: flex;align-items: center;justify-content: center;margin-top: 2em;}
 .bt button{width: 50%;height: 2.5em;background-color: #014d9e;color: #fff;border-radius: 1.25em;font-size: 1.2em;font-weight: 600;letter-spacing: 3px;}
 .footer{padding:0 5%;margin-top: 4em;color: #999;display: flex;flex-direction: column; justify-content: center;align-items: center;}
 .footer p{margin-bottom: 0.5em;}
 .qrcode_content{width: 100%;padding: 5%;}
 .qrcode_border{border: 2px solid #014d9e;width: 100%;border-radius: 1em;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 2em 0;box-sizing: border-box;}
 .qrcode_border p{font-size: 1.2em;margin-bottom: 0.5em;color: #434343;}
 .qrcode_border p:nth-of-type(4){display: block;background-color: #014d9e;padding: 0.3em 1em;color: #fff;border-radius: 1em;}
 .qrcode_border div{margin-top: 2em;}
@media screen and (min-width:320px){.box {font-size:14px}}
@media screen and (min-width:480px){.box {font-size:20px}}
@media screen and (min-width:640px){.box {font-size:28px}}
@media screen and (min-width:768px){.box {font-size:28px}}