#bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#bg img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  z-index: -1;
}
html {
  height: 100%;
}
body .iconfont {
  font-size: 20px;
  fill: currentColor;
  overflow: hidden;
  color: #9c9c9c;
}
body {
  height: 100%;
  width: 100%;
  font-family: "微软雅黑";
}
body .loginPanel {
  width: 100%;
  height: 100%;
  padding-top: 80px;
  font-weight: 500;
  z-index: 10;
  background-color: #FFF;
}
body .loginPanel .findUser,
body .loginPanel .userLogin,
body .loginPanel .Infor2 {
  display: none;
}
body .loginPanel > img {
  width: 95%;
  margin: 0 auto 50px;
}
body .loginPanel .panel .panel-body {
  font-size: 16px;
  padding: 35px 25px 45px;
}
body .loginPanel .panel .panel-body .nav-tabs > li.active > a,
body .loginPanel .panel .panel-body .nav-tabs > li.active > a:hover,
body .loginPanel .panel .panel-body .nav-tabs > li.active > a:focus,
body .loginPanel .panel .panel-body .nav-tabs {
  border: none;
}
body .loginPanel .panel .panel-body .nav-tabs > li > a:hover {
  border: none;
  background-color: transparent;
}
body .loginPanel .panel .panel-body #myTab .active,
body .loginPanel .panel .panel-body #findWord .active,
body .loginPanel .panel  #loginMethod .active{
  color: #e70012;
  border-bottom: 2px solid #e70012;
}
body .loginPanel .panel .panel-body #myTab .active > a,
body .loginPanel .panel .panel-body #findWord .active > a,
body .loginPanel .panel  #loginMethod .active > a{
  color: #e70012;
}
body .loginPanel .panel .panel-body .form-horizontal {
  margin-top: 30px;
  /*border: 1px solid #ccc;*/
  border-radius: 4px;
  /* overflow: hidden;*/
}
body .loginPanel .panel .panel-body .form-horizontal #userName,
body .loginPanel .panel .panel-body .form-horizontal #passWorld,
body .loginPanel .panel .panel-body .form-horizontal #userNamer,
body .loginPanel .panel .panel-body .form-horizontal #passWorldr,
body .loginPanel .panel .panel-body .form-horizontal #rePassWorldr,
body .loginPanel .panel .panel-body .form-horizontal #userNameT,
body .loginPanel .panel .panel-body .form-horizontal #userNamerF,
body .loginPanel .panel .panel-body .form-horizontal #passWorldF,
body .loginPanel .panel .panel-body .form-horizontal #passWorldT,
body .loginPanel .panel .panel-body .form-horizontal #codeF1,
body .loginPanel .panel .panel-body .form-horizontal #phoneT,
body .loginPanel .panel .panel-body .form-horizontal #emailT{
  border-bottom: 1px solid #ccc;
}
body .loginPanel .panel .panel-body .form-horizontal #code,
body .loginPanel .panel .panel-body .form-horizontal #coder,
body .loginPanel .panel .panel-body .form-horizontal #codeT,
body .loginPanel .panel .panel-body .form-horizontal #codeF {
  padding-right: 72px;
}
body .loginPanel .panel .panel-body .form-horizontal #code > a,
body .loginPanel .panel .panel-body .form-horizontal #coder > a,
body .loginPanel .panel .panel-body .form-horizontal #codeT > a,
body .loginPanel .panel .panel-body .form-horizontal #codeF > a,
body .loginPanel .panel .panel-body .tab-content .tab-pane #messageLoginForm .form-horizontal #messageCode > a{
  position: absolute;
  font-size: 14px;
  right: 0px;
  top: 0px;
  height: 32px;
  line-height: 32px;
  color: #e70012;
}
body .loginPanel .panel .panel-body .form-horizontal #code > a:hover,
body .loginPanel .panel .panel-body .form-horizontal #coder > a:hover,
body .loginPanel .panel .panel-body .form-horizontal #codeT > a:hover,
body .loginPanel .panel .panel-body .form-horizontal #codeF > a:hover {
  color: #f55565;
}
body .loginPanel .panel .panel-body .form-horizontal #codeT > a {
  border-left: 1px solid #ccc;
  padding-left: 10px;
  height: 16px;
  line-height: 16px;
  top: 12px;
}
body .loginPanel .panel .panel-body .tab-content .tab-pane #messageLoginForm .form-horizontal #messageCode > a {
  border-left: 1px solid #ccc;
  height: 16px;
  line-height: 16px;
  top: 12px;
  color: #e70012;
}
body .loginPanel .panel .panel-body .form-horizontal .form-group {
  padding-left: 44px;
  margin: 0;
  margin-bottom: 30px;
  position: relative;
}
body .loginPanel .panel .panel-body .form-horizontal .form-group .form-control {
  border: none;
  box-shadow: none;
  outline: none;
  padding-left: 0;
  color: #666;
}
body .loginPanel .panel .panel-body .form-horizontal .form-group .form-control > option {
  line-height: 40px;
}
body .loginPanel .panel .panel-body .form-horizontal .form-group .bootstrap-select > .dropdown-toggle {
  border: none;
  outline: none;
  height: 38px;
  line-height: 38px;
  padding: 0;
}
body .loginPanel .panel .panel-body .form-horizontal .form-group .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  color: #666;
}
body .loginPanel .panel .panel-body .form-horizontal .form-group .btn-default:hover {
  background: #fff;
}
body .loginPanel .panel .panel-body .form-horizontal .form-group .btn-default:active,
body .loginPanel .panel .panel-body .form-horizontal .form-group .btn-default.active,
body .loginPanel .panel .panel-body .form-horizontal .form-group .open > .dropdown-toggle.btn-default {
  background: #fff;
  box-shadow: none;
  outline: none;
}
body .loginPanel .panel .panel-body .form-horizontal .form-group .btn-default:focus,
body .loginPanel .panel .panel-body .form-horizontal .form-group .btn-default.focus {
  background: #fff;
}
body .loginPanel .panel .panel-body .form-horizontal .form-group input {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  width: 90%;
  opacity: 0.9;
}
body .loginPanel .panel .panel-body .form-horizontal .form-group input::-webkit-input-placeholder {
  color: #666;
  line-height: 40px;
}
body .loginPanel .panel .panel-body .form-horizontal .form-group input::-moz-placeholder {
  color: #666;
  line-height: 40px;
}
body .loginPanel .panel .panel-body .form-horizontal .form-group input:-ms-input-placeholder {
  color: #666;
  line-height: 40px;
}
body .loginPanel .panel .panel-body .form-horizontal .form-group .inconSpan {
  position: absolute;
  width: 24px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  left: 10px;
}
body .loginPanel .panel .panel-body .forgetPass {
  position: absolute;
  right: 0px;
  /*top: 35px;*/
  color: #e70012 ;
  font-size: 12px;
  margin-top: 20px;
  /*margin-bottom: 35px;*/
  display: inline-block;
}
body .loginPanel .panel .panel-body .forgetPass:hover {
  text-decoration: underline;
}
body .loginPanel .panel .panel-body .agree {
  color: #9c9c9c;
  font-size: 14px;
  display: block;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 30px;
}
body .loginPanel .panel .panel-body .agree a {
  color: #3879d9;
}
body .loginPanel .panel .panel-body .radioI {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../images/radio_off.png") no-repeat center;
  vertical-align: middle;
  margin-right: 10px;
}
body .loginPanel .panel .panel-body .selectRadio {
  background: url("../images/radio.png") no-repeat center;
}
body .loginPanel .panel .panel-body .btn-primary {
  height: 40px;
  line-height: 1;
  background-color: #e5192d;
  border: none;
  outline: none;
}
body .loginPanel .panel .panel-body .btn-primary:hover {
  background-color: #f55565;
}
body .loginPanel .panel .panel-body .sureBtn {
  margin-top: 30px;
}
body .loginPanel .panel .panel-body .back {
  border-bottom: 1px solid #9c9c9c;
  margin-top: 28px;
}
body .loginPanel .panel .panel-body .back:hover {
  color: #9c9c9c;
}
body .loginPanel .Infor .panel-body .form-horizontal,
body .loginPanel .Infor2 .panel-body .form-horizontal {
  border: none;
}
body .loginPanel .Infor .panel-body .form-horizontal .form-group,
body .loginPanel .Infor2 .panel-body .form-horizontal .form-group {
  padding-left: 0;
}
body .loginPanel .Infor .panel-body .form-horizontal .form-group .form-control,
body .loginPanel .Infor2 .panel-body .form-horizontal .form-group .form-control {
  width: 100%;
  border: 1px solid #ccc;
  padding-left: 15px;
  margin-bottom: 15px;
  line-height: 1;
}
body .loginPanel .Infor .panel-body .form-horizontal .form-group .radios,
body .loginPanel .Infor2 .panel-body .form-horizontal .form-group .radios {
  display: inline-block;
  width: 160px;
  height: 40px;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 15px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}
body .loginPanel .Infor .panel-body .form-horizontal .form-group .selectRadio,
body .loginPanel .Infor2 .panel-body .form-horizontal .form-group .selectRadio {
  border: 1px solid #e5192d;
  color: #e5192d;
  background: #ffe9eb;
}
body .loginPanel .Infor .panel-body .form-horizontal .form-group .bootstrap-select > .dropdown-toggle,
body .loginPanel .Infor2 .panel-body .form-horizontal .form-group .bootstrap-select > .dropdown-toggle {
  padding-left: 15px;
  border: 1px solid #ccc;
}
body .loginPanel .Infor .next,
body .loginPanel .Infor2 .next {
  margin-top: 20px;
}
body .loginPanel .Infor .prevStep,
body .loginPanel .Infor2 .prevStep,
body .loginPanel .Infor .finish,
body .loginPanel .Infor2 .finish {
  margin-top: 20px;
  width: 160px;
  height: 40px;
  border: 1px solid #e5192d;
  outline: none;
}
body .loginPanel .Infor .prevStep,
body .loginPanel .Infor2 .prevStep {
  color: #e5192d;
}
body .InforPanel {
  height: 700px;
}
.modal-backdrop{
  opacity: .3!important;
}
/*登陆页面部分*/
#home,#sz,#xz,#dt {
  margin-right: 18px;
  margin-top: 28px;
}
#home a,#sz a,#xz a,#nz a,#dt a {
  color:#4D4D4D;
}
#rszs a{
  color:#4D4D4D;
  margin-top: 28px;
}
#divide {
  width: 0;
  height: 18px;
  border-left: 1px solid #000;
  margin: 30px 39px 0 17px;
}
#logBtn {
  width: 68px;
  padding-top: 7px;
  height: 34px;
  font-size: 14px;
  text-align: center;
  color: #676767;
  border: 0.74px solid rgba(151,151,151,1);
  border-radius: 2.97px;
}
#navId {
  position: absolute;
  margin: 0;
  z-index: 11;
  height: 80px;
  width: 100%;
}
#container-fluid-id {
  padding: 0 196px 0 175px;
  height: 100%;
}
.row {
  height:100%;
  width: 1200px;
  margin: 0 auto;
}

.loginPanel {
  width:100%;
  height:100%;
  padding-top: 109px;
}

#panelId {
  display: block;
  width: 528px;
  height: 500px;
  margin-bottom: 0;
  position: absolute;
  top: 450px;
  left: 50%;
  margin-left:-264px;
  margin-top:-250px
}
#myTab {
  text-align: center;
  color: #212121;
  font-size: 28px;
  line-height: 150px;
  height: 33px;
  font-family: auto;
  font-weight: normal;
}
#loginForm {
  position: relative;
  margin-top: 30px;
}
#loginForm #userName,#loginForm #passWorld{
  padding-left: 21px;
  margin-bottom:24px;
  border:1px solid #d0d0d0
}
#loginForm #code {
  padding-right: 0;
  width:247px;
  padding-left: 21px;
  margin-bottom: 40px
}
#loginForm #userName #telemail{
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  width: 385px;
  opacity: 0.9;
}
#loginForm #userName #telemail::-webkit-input-placeholder {
  font-size:14px;
}
#loginForm #userName #userNameMsg {
  position: absolute;
  top: 60px;
  left: 0;
  width: 500px;
  height: 20px;
}
#loginForm #passWorld iframe {
  z-index:-100;
  border:1px;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:56px;
}

#loginForm #passWorld #passWorldMsg {
  position: absolute;
  top: 60px;
  left: 0;
  width: 500px;
  height: 20px
}
#loginForm #code #logProve {
  height: 40px;
  line-height:40px;
  font-size: 14px;
  opacity: 0.8;
}
#loginForm #code #logProveMsg{
  position: absolute;
  top: 60px;
  left: 0;
  width: 500px;
  height: 20px
}
#updataImg {
  position: absolute;
  top: 132px;
  right: -21px;
  height: 40px;
  width: 187px;
}
#updataImg img {
  border: 1px solid #ccc;
  cursor: pointer;
  width: 100px;
  height: 40px;
}
#updataImg a {
  margin-left: 12px;
  font-size: 14px;
  display: inline-block;
  margin-top: 12px;
}
#loginId {
  height: 45px;
  background-color: #FC3030
}
.register {
  float:left;
  margin-top: 24px;
  color: #e5192d;
  font-size: 14px;
  font-weight: bold;
}
#forgetPass {
  /*position: absolute;*/
  right: 47px;
  margin-top: 24px;
  /*top: 427px;*/
  font-weight: bold;
  font-size: 14px;
}
#supportIE {
  position: absolute;
  top: 505px;
  right: 0;
  margin-top: 15px;
  font-size: 14px;
  color: #a9a9a982;
}
#loginErrorMessage {
  font-size: 14px;
  width: 496px;
}
/*注册部分*/
#findRegister {
  border-color:white;
  display: none;
  padding:32px 200px 0px 200px;
  width: 1153px;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  margin-left:-576px;
  /*transform: translateX(-50%);*/
}
#topRegister {
  border-bottom:1px solid #D9D9D9;
  width: 750px;
  height: 50px
}
#topRegister span {
  float:left;
  font-weight: 500;
  color: #212121;
  margin-top: -6px;
  width: 70px;
  font-size: 28px;
  height: 34px;
}
#topRegister a {
  float:right;
  color:#FC3030;
  margin-top: 15px;
  border-bottom: 0px;
  font-size:16px
}

#countryMsg {
  position: absolute;
  top: 9px;
  left: -190px;
  font-size: 14px;
}
#country {
  font-size:14px
}
#userNamer ,#passWorldr, #rePassWorldr,#zccode,#coder,#registerEmail{
  padding-left:20px;
  margin-left:194px;
  margin-bottom: 13px;
}
#userNamer span,#coder span{
  position: absolute;
  top: 13px;
  left:-190px;
  font-size:14px
}
#userNamer input,#registerCodeNum #cardNumber,#zccode input,#coder input,#registerEmail input{
  height: 38px;
  line-height: 38px;
  font-size: 16px;
  opacity: 0.85;
}
#passWorldr span,#rePassWorldr span,#zccode span ,#registerEmail span {
  position: absolute;
  top: 10px;
  left: -190px;
  font-size: 14px;
}
#passWorldr iframe,#rePassWorldr iframe {
  z-index:-100;
  border:1px;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:20px;
}
#zccode ,#coder{
  width:354px
}
#noseeRegister {
  position: absolute;
  top: 0;
  right: -194px;
  width: 172px;
}
#noseeRegister img {
  border:1px solid #ccc;
  cursor: pointer;
  width: 92px;
  height: 40px;
}
#noseeRegister a {
  margin-left: 13px;
  font-size: 14px;
  display: inline-block;
  margin-top: 11px;
}
#coder #verif {
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  font-size:16px
}
#registerCard {
  padding-left:20px;
  margin-left:194px;
  width: 160px;
  display: inline-block;
  margin-bottom: 0px;
  height: 51px;
  padding-top:5px
}
#registerCodeNum {
  padding-left:20px;
  display: inline-block;
  width: 390px;
  margin-bottom: 0px;
  margin-left: 2px
}

#xingbiesex input{
  width:15px;
  margin-right: 7px;
  margin-top: 0;
}
#wcry input{
  width:15px;
  margin-right: 7px;
  margin-top: 0;
}
#wcry input:last-child{
 margin-left: 42px;
}








  /*密码找回部分*/
#pwReset {
  margin-bottom: 0px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 660px;
  transform: translate(-50%, -50%);
  height: 606px;
}
#pwReset .panel-body {
  padding: 0;
}
#pwResetTop {
  margin-top: 42px;
  text-align: left;
  margin-left: 51px;
  color: #212121;
  opacity: 0.85;
}
#pwReset #phoneT {
  width: 560px;
  height: 56px;
  border: 1px solid red;
  margin-left: 50px;
  border-radius: 6px;
  padding-left: 20px;
}
#pwReset #emailT {
  width: 560px;
  height: 56px;
  border: 1px solid red;
  margin-left: 50px;
  border-radius: 6px;
  padding-left: 20px;
}
#pwReset #sure {
  margin-top: 144px;
  width: 560px;
  height: 56px;
  background-color: #FC3030;
  margin-left: 50px;
}
#pwReset #findWord {
  height: 80px;
  border-bottom: 1px solid #ccc;
}
#pwReset #findWord .active {
  width: 50%;
  height: 100%;
  border-right: 1px solid #ccc;
}
#pwReset #findWord .pull-right {
  width: 50%;
  height: 100%;
}
#pwReset #findWord #phoneRetrieval,#pwReset #findWord #accountRetrieval {
  color: #212121;
  font-size: 24px;
  font-weight: 600;
  padding: 0px;
  width: 98px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  cursor: pointer;
  transform: translate(-50%, -50%);
}
#pwReset #findWord #accountRetrieval {
  opacity: 0.45;
}
#backLogin {
  border: 0;
  color: #FC3030;
  font-size: 18px;
  margin-top: 24px;
  margin-right: 50px;
}

/*账号找回部分*/

#accountReset {
  margin-bottom: 0px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 660px;
  transform: translate(-50%, -50%);
  height: 606px;
}
#accountReset .panel-body {
  padding: 0;
}

#accountReset #acfindWord #pwRetrieval,#accountReset #acfindWord #accountRetrieval {
  color: #212121;
  font-size: 24px;
  font-weight: 600;
  padding: 0px;
  width: 98px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  cursor: pointer;
  transform: translate(-50%, -50%);
}
#accountReset #acfindWord #pwRetrieval {
  opacity: 0.45;
}
#accountReset #acfindWord {
  height: 80px;
  border-bottom: 1px solid #ccc;
}
#accountReset #acfindWord .active {
  width: 50%;
  height: 100%;
  border-left: 1px solid #ccc;
  border-bottom: 4px solid #FC3030;
}
#accountReset #acfindWord .pull-left {
  width: 50%;
  height: 100%;
}
#accountTop {
  margin-top: 42px;
  text-align: left;
  margin-left: 51px;
  color: #212121;
  opacity: 0.85;
}
#accountMsg {
  padding: 0;
}
#accountMsg input {
  width: 560px;
  height:56px;
  margin-left: 51px;
  padding-left:21px;
  border-radius: 6px;
  border:1px solid #D9D9D9;
  font-size: 16px;
  opacity: 1;
  color: #000;
}
#accountMsg span {
  position: absolute;
  right: 63px;
  font-size: 16px;
  color: #FC3030;
  top: 18px;
  cursor: pointer;
}

#accountReset #acsure {
  margin-top: 253px;
  width: 560px;
  height: 56px;
  background-color: #FC3030;
  margin-left: 50px;
}