* { margin: 0; padding: 0; font-size: 14px; } body{ background-color: #fafafa; } #register{ padding:30px; margin:0 auto; text-align: center; } #register ul{ margin:0 auto; margin-top:10px; padding:0; } #register ul li{ display: block; background:#ffffff; margin-bottom:10px; padding:13px 5px; overflow: hidden; border:1px solid #ffffff; border-radius: 3px; text-align: left; } #register ul li span{ display: block; float: left; vertical-align: middle; width: 20%; padding-top: 8px; font-size: 14px; color:#6b6b6b; line-height: 20px; } #sex{ margin-top: 8px; } #register ul li span:last-child{ color:#222222; } #register ul li img{ width: 20px; height: 20px; display: block; float: left; margin-top: 8px; margin-right: 10px; } #register ul li #card{ width: 20px; height: 20px; display: block; float: left; margin-top: 17px; margin-right: 10px; } #register #submit{ width:80%; margin-left: 10%; height:50px; background: #5680fa; color:#ffffff; border-radius: 25px; border:1px solid #5680fa; padding:10px; font-size: 16px; } /*outline:none; border:0 none;*/ #register ul li>input{ width:190px; height:35px; font-size: 16px; padding-left: 8px; border-radius: 0px; border-left: #fafafa solid 0px; border-right: #fafafa solid 0px; border-top: #fafafa solid 0px; border-bottom: #dddddd solid 1px; } #radio{ padding-top: 8px; } #radio input{ vertical-align: middle; margin-top: -2px; margin-bottom: 1px; } #radio i{ font-style: normal; } /*#register ul li #idCard{ width:190px; height:35px; font-size: 16px; padding-left: 8px; margin-left: 10px; margin-top: 10px; border-radius: 0px; border-left: #fafafa solid 0px; border-right: #fafafa solid 0px; border-top: #fafafa solid 0px; border-bottom: #dddddd solid 1px; }*/ #qrcodeCanvas{ margin:0 auto; padding:10px; } #qrcodetext{ margin:0 auto; padding:10px; color:#5680FA; font-size: 14px; display: none; }