* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.register p,
.login p {
  margin: 0 0 10px;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
@font-face {
  font-family: 'iconfont';
  src: url(css/fonts/iconfont.eot);
  src: url(css/fonts/iconfont.eot) format('embedded-opentype'), url(css/fonts/iconfont.ttf) format('truetype'), url(css/fonts/iconfont.woff) format('woff'), url(css/fonts/iconfont.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}
.col-sm-10 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.other-login-tit {
  font-size: 16px;
}
.login,
.register,
.book-pop {
  padding-top: 50px;
  background-color: #fff;
}
.login .login-form-wrapper .login-form,
.register .register-form-wrapper .register-form {
  margin: 0 auto;
  width: 430px;
  padding-bottom: 15px;
  overflow: hidden;
  background-color: #fff;
}
.register .register-form-wrapper form,
.login .login-form-wrapper form {
  margin-top: 25px;
}
.form-group {
  margin-bottom: 15px;
  margin-right: -15px;
  margin-left: -15px;
}
.form-group:before {
  display: table;
  content: " ";
}
.login .col-sm-10 {
  margin: 0 auto;
  width: 83.33333333%;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  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, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
#doLoginBtn,
#doRegisterBtn,
#toIdCardPage {
  width: 100%;
  height: 41px;
  background: #ff5f69;
  font-size: 20px;
  color: #fff;
  line-height: 41px;
  padding: 0;
  padding-bottom: 5px;
}
.login-btns {
  width: 100%;
  padding-left: 0;
}
.login-btns li a {
  width: 46px;
  height: 46px;
  display: block;
}
a.login-wechat {
  background: url("http://www.8pig.com/img/login-other.png") no-repeat;
}
.login .other-btn a.red {
  color: #f9441f;
}
.login .other-btn a {
  display: inline-block;
  margin: 0 10px;
  color: #666;
}
.forget-pwd {
  text-align: right;
  padding-top: 10px;
  display: block;
  color: #ff5f69;
  font-size: 14px;
  width: 80px;
  float: right;
}
.login .btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.register .input-row {
  padding: 0 40px;
}
.register .form-horizontal .form-group {
  margin-right: 0;
  margin-left: 0;
}
.register .input-addon {
  overflow: hidden;
}
.register .input-addon i {
  display: block;
  float: left;
  width: 26px;
  font-size: 20px;
  border: 1px #ccc solid;
  border-right: 0;
  line-height: 30px;
  height: 34px;
  padding-left: 5px;
  color: #ccc;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.register .stared .star {
  position: absolute;
  left: 24px;
  top: 8px;
  color: #ff5f69;
  font-size: 14px;
}
.register .stared .star:before {
  content: '*';
}
.register .tips {
  height: auto;
  font-size: 12px;
  color: #999;
  line-height: 16px;
  margin: 2px 0 7px 3px;
}
.register .tips span {
  margin: 0;
  padding: 0;
  background-color: #fff;
  font-size: 12px;
  color: #999;
}
.register .tips .red {
  font-size: 12px;
  color: #337ab7;
}
.register .tips .red:hover {
  color: #23527c;
}
.register .stared .col-sm-12 {
  position: relative;
}
.register .input-addon select,
.register .input-addon input {
  float: left;
  width: 324px;
  padding-left: 6px;
  border: 1px #ccc solid;
  border-left: 0;
  box-shadow: none;
  border-radius: 0;
  font-size: 14px;
  height: 34px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.form-group .checkbox {
  padding-left: 36px;
}
.register .icon {
  font-family: "iconfont" !important;
  font-style: normal;
}
.icon-nickname:before {
  content: "\E61C";
}
.icon-email:before {
  content: "\E61E";
}
.icon-passwd:before {
  content: "\E61D";
}
.register .tips input[type=checkbox] {
  margin-right: 4px;
  line-height: normal;
  vertical-align: middle;
}
.register-btn {
  display: block;
  margin: 0 auto;
  width: 350px;
  height: 41px;
  background: #ff5f69;
  font-size: 20px;
  color: #fff;
  line-height: 41px;
  padding: 0 0 5px 0;
  border: 0;
  border-radius: 4px;
}
.register .other-btn {
  text-align: center;
  font-size: 14px;
}
.register .other-btn a {
  color: #ff5f69;
}
.register-form .error-tip {
  color: #ff5f69;
  font-size: 12px;
  margin-top: 2px;
  margin-left: 3px;
}