.loginBg{ background: url(../img/login-background.png) center no-repeat;width: 100%;height: 100%;z-index: -1;background-size: cover;min-width: 1175px;min-height: 900px;}

.contentItem { position: absolute;top: 50%;left: 50%;margin-left: -300px;margin-top: -315px;width: 600px;height: 630px;text-align: center;}
.upper-logo{ width: 100%;height: 123px; }
.upper-logo > img{float:left; padding-left: 140px; }
.upper-logo > p{width: 260px;float: left;padding-left: 15px;}
p.title{font-size: 24px;color: #fff;}

.nav-login{width: 600px;height: 60px;background-color: rgba(191,191,191,.4);}
.nav-login ul li{width: 50%;height: 60px;float: left;text-align: center;border-right: solid 1px;box-sizing: border-box;}
.nav-login ul li.selected-login{background-color:#fff;color:#000;}
.nav-login ul li.selected-login span{color:#000;}
.nav-login ul li span{line-height: 60px;font-size: 18px;color:#d2d2d2;}


.content-register,.content-login,.content-download{width: 600px;height: 400px;background-color: #fff;}
/* 注册 */
.content-register ul{padding-top: 34px;}
.content-register ul li{margin-bottom: 10px;text-align: center;}
.content-register ul li input{width: 382px;	height: 45px;border: 1px #e2e2e2 solid;padding-left: 10px;border-radius: 3px;-ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.content-register ul li.err-position{ margin-bottom: 0px; height: 30px; line-height: 30px; font-size: 13px; color: red; text-align: center;}
.content-register ul li.verifyCode {margin-bottom: 0px;}
.content-register ul li.verifyCode input,.content-register ul li.imageCode input{width: 223px;}
.content-register ul li.verifyCode a{width: 150px;height: 45px;line-height: 45px;display: inline-block;background: #f3f3f3;text-align: center;margin-left: 10px;border-radius: 3px;-ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;cursor: pointer;color: #494848;}
.content-register ul li.imageCode img{width: 150px;height: 45px;vertical-align: middle;}
.btn{display: block;cursor: pointer;width: 393px;height: 45px;line-height: 45px;text-align: center;border-radius: 3px;-ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.save{margin: 0px auto 0px auto;background: #3c84fc;color: #FFFFFF;}
.goBackLogin{ float: right; margin-right:90px; color: #3c84fc; }
.goBackLogin:hover{ text-decoration: underline; }
/* 登录 */
.content-login .userLogin > p,.content-login .tofindPass > p{width: 388px;height: 25px;line-height: 25px;padding-top: 20px;margin: auto;color: red;}
#loginForm{width: 388px;margin: auto;}
.forgetPwd{ color: #959595; font-size: 12px; }
.forgetPwd:hover{ text-decoration: underline; }
.rememberUser{ float: left; }
.rememberUser span{ display: inline-block;font-size: 12px; float: left; margin-left: 5px;color: #999999; }
.rememberUser .checkbox{ display: inline-block; width: 12px; height: 12px; background: url(../img/icon.png) no-repeat; float: left; margin-top: 2px; cursor: pointer; }
.rememberUser .checkbox.checked{ background-position: -14px 0; }
#regBtn{ display: inline-block; width: 105px; height: 25px; line-height: 25px; background-color: #fff; font-size: 14px; color: #959595; text-align: center; border:1px solid #e2e2e2; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px; }
#regBtn:hover{ background-color: #f3f3f3; }

.content-login .tit1 { width:100%; font-size:18px; color:#494848; font-weight:bold; margin-top:60px; text-align:center; line-height:18px;}
.content-login .tit2 { width:100%; color:#959595; font-weight:bold; margin-top:20px; text-align:center; line-height:18px;}
.content-login .input { width:386px; height:51px; float:left; margin-bottom:13px; border:1px solid #e2e2e2; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px; overflow:hidden;}
.content-login .input input { float:left; width:386px; height:51px; box-sizing:border-box; font-size:14px; padding-left:14px;line-height: 51px; border: none; }
.content-login .input input:focus,.login-imageCode input:focus { background:#fdfdfd; box-shadow:0 0 8px #eaeaea inset;}
.content-login .login { float:left; width:100%; text-align:center; cursor:pointer; height:44px; margin-top:20px; line-height:44px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px; background:#3c84fc; color:#fff;}
.content-login .login:hover { opacity:0.8; filter:alpha(opacity=80);}
.content-login .p { width:100%; float:left; margin-top:20px;}
.content-login .p1 { width:100%; float:left; font-size:12px; margin-top:20px; color:#959595; text-align:center;}
.content-login .p1 span { width:100%; font-size:12px; color:#959595; margin-bottom:10px; text-align:center; float:left;}
.content-login .p1 a { font-weight:bold; color:#ff9900;}
.content-login .p1 a:hover { text-decoration:underline;}

.content-login .imgCodeBox{  width:386px; height:51px; float:left; margin-bottom:13px; overflow:hidden; }
.content-login .imgCodeBox input{ float: left; width: 70%; margin-right: 1%; height: 51px; box-sizing: border-box; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px;  font-size: 14px; padding-left: 14px; line-height: 51px; border: 1px solid #e2e2e2; }
.login-imageCode{ float: left; width: 29%; height: 51px;vertical-align: middle;}

.content-login .otherway{margin-top: 20px;}
.content-login .otherway span{float:left;}
.content-login .btnDv {float: right;}
.content-login .weixin{float: left;width: 36px;height: 31px;background: url(../img/icon.png) no-repeat center;background-position: -1px -17px;margin-left: 5px;}
/* 登录---忘记密码 */
.content-login .tofindPass {width: 388px;margin:auto;}
.tofindPass .code {width:138px; background:#f3f3f3; color:#494848; text-align:center; line-height:42px; height:42px; float:left; margin-bottom:20px; border:1px solid #e2e2e2; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px; overflow:hidden;}
.tofindPass .toLogin:hover {opacity: 0.8;filter: alpha(opacity=80);}
.tofindPass .toLogin { width: 76px; margin-right: 10px;cursor: pointer;background: #f3f3f3;color: #959595; text-align: center;line-height: 42px;height: 42px; float: left; margin-top: 20px;border: 1px solid #e2e2e2;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden;}

/* 下载APP */
.content-download .downloadPage {width: 480px;height: 250px;margin: auto;padding-top: 80px;}
.content-download .downloadPage .leftItem{width: 250px;height: 250px;margin: auto;float: left;}
.content-download .downloadPage .rightItem{width: 230px;height: 250px;margin: auto;float: left;}
.leftItem ul{width: 100%;
height: 100%;}
.leftItem ul > li{width: 100%;
height: 40%;}
.leftItem .downloadType{color: #999999;}
.leftItem .downloadButton{ display: inline-block; float: left;width: 100%;text-align: center;cursor: pointer; height: 44px;margin-top: 5px;line-height: 44px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;background: #3c84fc;color: #fff;}
.leftItem .downloadButton > img{margin-right: 5px;margin-top: 8px;}
.leftItem .downloadButton span{ color: #fff; }
.rightItem .QRCode{width: 180px;height: 180px;margin: auto;background-color: #e2e2e2;}
.rightItem .QRCode img{width: 160px;height: 160px;margin: 10px;}
.rightItem .QRCode > p{text-align: center;}
/*底部样式*/
.bottom-login {position: relative;left: 0;width: 100%;height: 20px;line-height: 20px;margin-top: 40px;}
.bottom-login .by { float:left; color: #fff;font-size: 14px;text-align: center;width: 100%; }
.bottom-login .by i{ color: #fff; font-style: normal; }
.bottom-login .by a ,.bottom-login a{ color: #fff;  font-size:14px;}
.bottom-login .by a:hover,.bottom-login a:hover {text-decoration:underline;}
.clear_b{
  clear: both;
}

.adLogin{
  height: 35px;
  line-height: 35px;
  text-align: left;
  margin-top: 10px;
  cursor: pointer;
}
.adLogin .ad{
  display: inline-block;
  background: url(../img/ulogin.png) no-repeat;
  width: 25px;
  height: 25px;
  background-size: 100%;
  vertical-align: middle;
}
.t-l{ text-align: left; }
.input{
  position: relative;
}
.input .fa{
  position: absolute;
  right: 10px;
  top:15px;
  font-size: 20px;
  cursor: pointer;
}
.fa-eye-slash{
  margin-left: 7px;
  width: 24px;
  height: 24px;
  background-image: url(../img/pass-eye.png);
  background-repeat: no-repeat;
  background-size: 24px 24px;
}
.fa-eye{
  width: 24px;
  margin-left: 7px;
  height: 24px;
  background-image: url(../img/pass-eye-active.png);
  background-repeat: no-repeat;
  background-size: 24px 24px;

}