* {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;box-sizing:border-box;}
body {background: #fff;font-family:"Microsoft YaHei","Verdana","Arial","sans-serif"; }

a {text-decoration:none;}
a:hover {text-decoration:none; }
img {border:none; }
input, 
button {font-family:"Microsoft YaHei","Verdana","Arial","sans-serif";}
ul{list-style: none;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc; opacity:1;font-size: 14px; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ccc;opacity:1;font-size: 14px; }
input:-ms-input-placeholder{color: #ccc;opacity:1;font-size: 14px; }
input::-webkit-input-placeholder{color: #ccc;opacity:1;font-size: 14px; }

.clearfix:after {content: ".";display: block;height:0;clear:both;visibility: hidden;}
.clearfix { *zoom:1; }
.hidden{display: none!important;}
.pull-left{float: left!important;}
.pull-right{float: right!important;}

.innerbox{width: 800px; margin: 0 auto;}

.header{ height: 120px; padding: 35px 0 0;}
.header .logo{ width: 300px; margin: 0 auto; font-size: 20px; color: #999;  }
.header .logo svg{ float: left; font-size: 68px;}
.header .logo h1{ float: left; font-size: 32px;line-height: 50px; font-weight: 300; padding: 10px 10px 0 0; color: #000;}
.header .logo span{float: left; padding-top: 25px;}
.header .link{ padding:45px 10px 0;}
.header .link a{ display: block; float: right; height: 32px; font-size: 14px; line-height: 32px;  color: #ccc;}
.header .link a:hover{text-decoration: underline; color: #f60;}

.registerbox .innerbox{ padding: 55px 150px 75px 100px; box-shadow: 0 3px 10px 0 rgba(0,0,0,.1);}

.form-input {margin-top:25px;}
.form-input >div{ margin-left: 120px; height:44px; position: relative;}
.form-input label{position: relative; width: 120px; float: left; padding-right: 35px;  font-size: 15px; color: #999;  text-align: right;}
.form-input label.required:after{ position: absolute; right: 20px; top: 3px; font-size: 16px; color: #f00; content: "*";}
.form-input input{display: block; padding:0 15px; width:100%; height:44px; font-size:16px; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .25s,-webkit-box-shadow ease-in-out .25s; -o-transition: border-color ease-in-out .25s,box-shadow ease-in-out .25s; transition: border-color ease-in-out .25s,box-shadow ease-in-out .25s;}
.form-input input:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);}
.form-input.has-error input { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.form-input.has-error input:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483;}

.form-btn { padding-left: 120px; margin-top: 25px; position:relative;}
.form-btn input {width:100%;height:50px;line-height: 50px;outline:0 none;font-size:18px;border:none;background:#ff7800;color:#fff;letter-spacing: 2px; border-radius: 3px;cursor:pointer;}
.form-btn input:focus,
.form-btn input:hover  {color: #fff;background-color: #f60;border-color: #122b40;}

.checkbox-form {font-size:15px;color:#333333;margin:15px 0 0 116px; line-height: 28px;}
.checkbox-form input {display: none;}
.checkbox-form label {position: relative;display: block; float: left; height: 28px;line-height: 28px;padding: 0 12px 0 30px; font-size: 14px; color: #333;cursor: pointer;}
.checkbox-form label:before {position: absolute;top: 5px;left: 5px;width: 16px;height: 16px;border: 1px solid #ccc;border-radius: 2px;background: #fff;content: "";}
.checkbox-form label:after {position: absolute;top: 9px;left: 9px;width: 8px;height: 5px;background: transparent;border: 2px solid #333;border-top: none;border-right: none;opacity: 0.05;content: '';-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.checkbox-form label:hover:after {opacity: 0.15;}
.checkbox-form input[type=checkbox]:checked + label:before {background: #43c296;border-color: #43c296;}
.checkbox-form input[type=checkbox]:checked + label:after {opacity: 1;border-color: #fff;}
.checkbox-form label:hover {color: #607abf;}

.checkbox-form a{color: #09f;}

.login{padding:15px 0 0 120px;}
.login a{color: rgba(51,153,255,.5); font-size: 14px;}
.login a:hover,.checkbox-form a:hover{ color: #f60; text-decoration: underline;}

.copyright{ padding: 45px 0 0; text-align: center; color: #999; font-size: 14px;}


input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none !important;     margin: 0; }
input[type="number"]{-moz-appearance:textfield;}
#submitBtn{text-align: center}
.error{border-color: #f04134 !important;box-shadow: 0 0 0 2px rgba(240, 65, 52, 0.2)!important;}
.img-error{background: url('../images/err.png');display: inline-block;width: 22px;height: 22px;    vertical-align: middle;}
.hint-error{display: flex;align-items: center;}
.text-error {color:#f04134;padding-left: 5px;font-size: 14px;}