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;}

@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:0px;}
    .formIntro{margin-bottom:20px;}
    .servletCon{margin-top:20px; padding-top:20px;} 
}

/* message dialog */
@-webkit-keyframes lm-msg-animIn {
  from { -webkit-transform:scale3d(.5, .5, 1); opacity:0;}
}
@keyframes lm-msg-animIn {
  from { transform:scale3d(.5, .5, 1); opacity:0;}
}
.lm-msg-animIn{-webkit-animation: lm-msg-animIn 0.25s both; animation: lm-msg-animIn 0.25s both;}
.lm-msg-overlay{ position:fixed; z-index:99999; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,.4);}
.lm-msg-overlay-lte-ie8{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);}
.lm-msg-dialog{ max-width:280px; width:90%; min-height:60px; position:relative; margin-left:auto; margin-right:auto; overflow:hidden; top:50%; margin-top:-70px; background-color:#fff; border-radius:3px; box-shadow:0 0 10px #888;}
.lm-msg-title{ background-color:#f5f5f5; line-height:34px; height:34px; text-indent:10px; border-bottom:1px solid #e8e8e8;}
.lm-msg-close{ position:absolute; right:0; top:0; background-color:transparent; border:none; line-height:1; color:#666; cursor:pointer; font-size:28px; padding:3px 8px; font-family:Arial;}
.lm-msg-close:hover{ color:#333;}
.lm-msg-content{ padding:20px;}
.lm-msg-padding-left{ padding-left:60px;}
.lm-msg-btns{ text-align:right;}
.lm-msg-btn{ padding:7px 14px; background-color:#0084e9; color:#fff; letter-spacing:2px; cursor:pointer; line-height:1; margin-right:15px; margin-bottom:10px; border:1px solid #0A74C5; border-radius:3px;font-size:inherit; font-family:inherit;}
.lm-msg-btn:hover{ background-color:#0A74C5;}
.lm-msg-cancel{ background-color:#f0f0f0; border-color:#ddd; color:#333;}
.lm-msg-cancel:hover{ background-color:#ddd;}
.lm-msg-icon{ width:30px; height:30px; background:url(../images/lm-msg-icon.png) no-repeat; position:absolute; left:20px; top:51px;}
.lm-msg-alert{ background-position:left top;}
.lm-msg-error{ background-position:-60px top;}
.lm-msg-success{ background-position:-30px top;}
.lm-msg-confirm{ background-position:-90px top;}
.lm-msg-loader{ background:url(../images/lm-msg-loading.gif) no-repeat; width:32px; height:32px; top:15px;}

/* 协议 */
.am-dialog{ position: fixed; z-index: 9999; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,.7); }
.am-content{ max-width: 760px; height: 80%; top: 10%; position: relative; margin: 0 auto; background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,.2);}
.am-content iframe{ margin: 0; padding: 0; height: 100%; width: 100%; border: 0; }
.am-close{ position: absolute; right: -30px; top: -30px; width: 30px; height: 30px; border: 2px solid #eee; border-radius: 50%; cursor: pointer;}
.am-close:before,
.am-close:after { content: ""; position: absolute; width: 70%; height: 2px; background-color: #eee; position: absolute; top:12px; left: 15%; }
.am-close:before{ transform: rotate(45deg); }
.am-close:after{ transform: rotate(-45deg); }

/** 隐藏客服 */
.serviceBox { display: none !important; }

/* 验证码弹出层 */
.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;
}


/*账号绑定*/
.loginM{width:450px;margin:0 auto;}
.loginM .form-group{margin:0; margin-bottom:30px; position:relative;}
.loginM .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;}
.loginM .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;
}
.loginM .form-group .formInput:focus{box-shadow:none;}
.loginM .form-group:hover .formInput{border-bottom:1px solid #aaa;}
.loginM .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;}
.loginM .form-group .formInput:focus~.line{width:100%;}
.loginM .form-group .formInput:focus+.control-label,
.loginM .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;}

@media screen and (max-width: 480px) {
  .loginM{width:auto}
  .loginM .form-group{margin-bottom:20px;}
  .loginM .form-group .formInput{font-size:16px;}
  .loginM .form-group .control-label{font-size:14px;}
  .loginM .form-group .formInput:focus+.control-label,
  .loginM .form-group.in .formInput+.control-label {-webkit-transform:translateY(2px) scale(.75); -moz-transform:translateY(2px) scale(.75); transform:translateY(2px) scale(.75);}
}