body{font-family:"Microsoft YaHei";}
.btn:focus{ outline: none !important; }
.go-top{ display: none; }
.loginBg{background:#ffffff;}
.logo{margin:60px;}
.contentBox{max-width:800px; margin:0 auto; background-color:#fff;}
.flex-horizontal{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.flex-vertical{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.flex{
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
/* 头部标题 */
.formTitle{color:#20303c; line-height:1; margin-bottom:20px; font-size:58px; margin-bottom:27px; text-align:center;}
.formIntro{color:#999; font-size:18px; margin-bottom:76px; text-align:center;}
.formIntro a{color:#6fba2c; margin-right:15px;}
.loginOld{float:right; color:#6fba2c; font-size:16px;}
.loginOld:hover{color:#666;}
/* 登录表单 */
.loginL{vertical-align:middle; padding-left:71px; width:320px;}
.loginR{border-right:1px solid #dfe3ea; padding-right:71px;}
.loginR .form-group{margin:0; margin-bottom:30px; position:relative;}
.loginR .control-label {position:absolute; left:12px; top:-17px; z-index:1; font-weight:normal; font-size:16px; color:rgba(51,51,51,.5); -webkit-transform:translateY(18px) scale(1); -moz-transform:translateY(18px) scale(1); transform:translateY(18px) scale(1); -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; display:inline-block; max-width:100%; margin-bottom:5px;}
.form-group .input-group-addon{background:none; border:0; padding:0;}
.loginR .form-group .formInput{border:none; border-bottom:1px solid #dfe3ea; border-radius:0; font-size:18px; color:#000; z-index:2; background:none; box-shadow:none; -webkit-appearance:none; outline:none;
}
.loginR .form-group .formInput:focus{box-shadow:none;}
.loginR .form-group:hover .formInput{border-bottom:1px solid #aaa;}
.loginR .form-group .line{content:""; display:block; position:absolute; left:0; bottom:0; background-color:#6fba2c; width:0; height:2px; z-index:4; transition: width .3s ease-in-out;}
.loginR .form-group .formInput:focus~.line{width:100%;}
.loginR .form-group .formInput:focus+.control-label,
.loginR .form-group.in .formInput+.control-label {color:rgba(51,51,51,1); -webkit-transform:translateY(-5px) scale(.75); -moz-transform:translateY(-5px) scale(.75); transform:translateY(-5px) scale(.75); left:0px;}
.has-error .control-label {color: #d9534f !important;}
.has-error .formInput {box-shadow: inset 0 -1px 0 #d9534f !important;}
.has-error .formInput:focus {box-shadow: inset 0 -2px 0 #d9534f !important;}
.form-group .btnCode{border-radius:18px; color:#fff; background-color:#6fba2c;}
.form-group .btnCode:hover{background:#5ba41a;}
.formButton{margin-top:30px;}
.formButton .linkBtn{text-align:left;}
.formButton .linkBtn a{color:#999; margin-left:10px; margin-top:14px; display:inline-block;}
.formButton .linkBtn a:hover{color:#6fba2c;}
.formButton .btnSubmit{color:#6fba2c; border-radius:25px; border:1px solid #6fba2c; padding:10px 60px; background:none; transition:background-color .3s,color .3s,background .3s,box-shadow .1s ease-in-out;}
.formButton .btnSubmit:hover{background:#5ba41a; color:#fff;}
.formButton .btnBack{border:1px solid #6fba2c; background-color:#6fba2c; color:#fff;}
.formButton .btnBack:hover{opacity:.8;}

.formAgreen{text-align:left; margin-top:20px;}
.formAgreen a{color:#6fba2c;}
.formAgreen label { font-weight: normal; margin-bottom:0; line-height:16px; cursor:pointer;}
.formAgreen input[type="checkbox"]{appearance:none; -webkit-appearance:none; outline:none; display:none}
.formAgreen label input[type="checkbox"] + span{width:16px;height:16px;display:inline-block;background:url(/static/images/agreement.png) no-repeat;background-position:0 0; float:left; margin-right:7px;}
.formAgreen label input[type="checkbox"]:checked + span{background:url(/static/images/agreement2.png) no-repeat;}

/* 集成登录 */
.servletCon{position:relative; top:50%; margin-top:-97px;}
.linkItem{margin-bottom:15px;}
.linkItem .link_btn{display:block; border:1px solid #c0c0c0; height:50px; line-height:48px; background-color:#c0c0c0; text-align:center;}
.linkItem .link_btn:hover{box-shadow:0px 0px 8px rgba(0,0,0,.2);}
.linkItem span{display:block; color:#fff;}
.linkItem .fa{height:48px; line-height:48px; width:50px; text-align:center; float:left; background-color:#fff; font-size:22px;}
.linkItem .link_btn.qq{border:1px solid #19a9f1; background-color:#19a9f1;}
.linkItem .link_btn.weixin{border:1px solid #00bb00; background-color:#00bb00;}
.linkItem .link_btn.weibo{border:1px solid #ed2b2f; background-color:#ed2b2f;}
.linkItem .link_btn.qq .fa{color:#19a9f1;}
.linkItem .link_btn.weixin .fa{color:#00bb00;}
.linkItem .link_btn.weibo .fa{color:#ed2b2f;}

/* 验证码弹出层 */
.lm-dialog {
  display: none;
}
.lm-dialog__shade {
  position: fixed;
  z-index: 87000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .3);
}
.lm-dialog__wrapper {
  position: fixed;
  z-index: 87001;
  left: 50%;
  top: 50%;
  margin-left: -145px;
  margin-top: -85px;
  width: 290px;
  background-color: #fff;
  border-radius: 6px;
  overflow: hidden;
}
.lm-dialog__body {
  padding: 30px 20px;
}
.lm-dialog__footer {
  display: table;
  width: 100%;
}
.lm-dialog__button {
  box-sizing: border-box;
  display: table-cell;
  width: 50%;
  height: 38px;
  line-height: 38px;
  text-align: center;
  cursor: pointer;
  border-top: 1px solid #ddd;
}
.lm-dialog__cancel {
  color: #666;
}
.lm-dialog__cancel:hover {
  color: #333;
  background-color: #f0f0f0;
}
.lm-dialog__comfirm {
  color: #fff;
  background-color: #0084e9;
  border-top-color: #0084e9;
}
.lm-dialog__comfirm:hover {
  background-color: #0b95ff;
}
.lm-captcha__label {
  margin-bottom: 5px;
}
.lm-captcha {
  display: table;
  width: 100%;
}
.lm-captcha__addon {
  box-sizing: border-box;
  display: table-cell;
  border: 1px solid #ddd;
  border-left: none;
  width: 1%;
  white-space: nowrap;
  height: 46px;
  line-height: 44px;
  vertical-align: middle;
}
.lm-captcha__input {
  box-sizing: border-box;
  display: table-cell;
  border: 1px solid #ddd;
  height: 46px;
  width: 100%;
  padding: 0 10px;
  line-height: 44px;
}
.lm-captcha__input:focus {
  border-color: #aaa;
  outline: none;
}
.lm-captcha__image {
  display: block;
}

@media screen and (max-width: 768px) {
    .logo{margin:25px;}
    .contentBox{max-width:370px;}
    .signin_section{display:block;}
    .loginR{border:0; padding-right:0; flex:none;}
    .loginL{padding-left:0; flex:none; width:100%;}
    .formTitle{font-size:36px; margin-top:60px; margin-bottom:15px;}
    .formIntro{font-size:14px; margin-bottom:50px;}
    .servletCon{margin-top:30px; padding-top:30px; top:0; text-align:center; border-top:1px solid #dfe3ea;}    
    .linkItem{overflow:hidden; display:inline-block; margin-right:10px;}
    .linkItem .link_btn{border-radius:50%; width:42px; height:42px; }
    .linkItem .link_btn .fa{border-radius:50%; width:40px; height:40px; line-height:40px;}
    .linkItem span{display:block;}
    .formButton{margin-top:20px;}
    .formButton .btnSubmit{background-color:#6fba2c; color:#fff; padding:8px 40px;}
    .am-content{width:80%;}
}
@media screen and (max-width: 480px) {
    .contentBox{margin:0 20px;}
    .logo img{height:23px;}
    .loginR .form-group{margin-bottom:20px;}
    .loginR .form-group .formInput{font-size:16px;}
    .loginR .form-group .control-label{font-size:14px;}
    .loginR .form-group .formInput:focus+.control-label,
    .loginR .form-group.in .formInput+.control-label {-webkit-transform:translateY(2px) scale(.75); -moz-transform:translateY(2px) scale(.75); transform:translateY(2px) scale(.75);}
    .formTitle{font-size:30px; margin-top:50px;}
    .formIntro{margin-bottom:50px;}
}