html, body {font-family: "微软雅黑", "宋体", serif;padding: 0;margin: 0;height: 100%;background-color: #ffffff;font-size: 14px;}
*{margin: 0;padding: 0;/* border: 1px solid red; */}
#head {position: fixed;top: 0;height: 120px;background-color: #ffffff;width: 100%;}
.inner {width: 1080px;height: 100%;margin: 0 auto;position: relative;}
.inner button {float:right; margin-top: 40px; }
.helpBtn {width: 100px;background: #fff;border: none;color: #2f78dc;font-size: 14px;padding: 5px 0;border: 2px #288ce2 solid;cursor: pointer; border-radius: 0.8em; margin-left: 500px; }
/* header */
.header {
  background-color: #fff;
  overflow: hidden; }
  .header .logo-box .left .big-title {
    font-size: 36px;
    font-weight: bold;
    color: #2f78dc;
    line-height: 36px;
    padding: 22px 0 10px; }
  .header .logo-box .left .sub-title {
    font-size: 11px;
    font-weight: 400;
    color: #7c7e82;
    line-height: 36px; }
  .header .logo-box .right {
    float: right;
    min-width: 400px; }
    .header .logo-box .right .phone {
      font-size: 30px;
      font-weight: 300;
      color: #3468ec;
      line-height: 36px; }
      .header .logo-box .right .phone img {
        vertical-align: middle;
        margin-right: 18px; }
    .header .logo-box .right a {
      font-size: 16px;
      font-weight: 400;
      color: #58595c;
      line-height: 36px;
      text-decoration: none; }
  .header .menu-box ul {
    padding: 0; }
    .header .menu-box ul li {
      float: left;
      height: 19px;
      font-size: 18px;
      font-weight: 400;
      line-height: 36px;
      padding: 10px 16px 20px;
      margin-right: 85px;
      border-bottom: 3px solid #fff; }
      .header .menu-box ul li a {
        color: #403E41; }
    .header .menu-box ul .active {
      border-color: #2f78dc; }
      .header .menu-box ul .active a {
        color: #2f78dc; }
    .header .menu-box ul li:last-child {
      margin-right: 0; }
.wrap {
  width: 1220px;
  margin: 0 auto; }
#body {height:  100%; background: #2f78dc;}
.loginInfo { width: 1080px; height: 400px;position: absolute;top: 50%;margin-top: -170px;left: 50%;margin-left: -480px;}
.lInfo {float: left; width: 525px;}
.rInfo {float: right;background-color: #ffffff;width: 380px;border: 8px solid #efefef;}
input{padding-left: 36px;outline: none;color: #333;/* border-color: #dbe1ea; */border: 1px solid #dbe1ea;/* border-color: red; *//* background-color: orange;border: none; *//* font-size: 14px; */}
/* 使用webkit内核的浏览器 */
input::-webkit-input-placeholder{color: #bac3d3;}
/* Firefox版本4-18 */
input:-moz-placeholder{    }
/* Firefox版本19+ */            
input::-moz-placeholder{}
/* IE浏览器 */               
input:-ms-input-placeholder{}
input[type="checkbox"]{-webkit-appearance: none;vertical-align:middle;/* line-height: 17px; */margin-top:0;background:#fff;border:#dbe1ea solid 1px;
 border-radius: 2px;min-height: 15px;min-width: 15px;padding: 0;position: relative;}
input[type="checkbox"]:checked {background: #2f78dc;}
input[type=checkbox]:checked::after{content: '';top: 2px; left: 2px;position: absolute;background: transparent;border: #fff solid 2px;border-radius: 2px;
border-top: none;border-right: none;height: 4px; width: 8px;-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.l_float{float:left;}
.r_float{float: right;}
.r_clear{clear: right;display: block;overflow: hidden;content: "";}
.b_clear{clear: both;display: block;overflow: hidden;content: "";}
.show{display: block;}
.hidden{display: none;}
/* 表单主体 */
.login_body{background-color: #fff;padding: 20px;color: #333;/* border: 1px solid salmon; */ width: 340px;}
.login_body,.login_otherAccount{}
.login_body>.login_top{border-bottom: 1px solid #dbe1ea;}
.login_body>.login_top>.top_tag{cursor: pointer;padding: 10px;font-size: 16px;color: #bac3d3;margin-right: 5px;}
.login_body>.login_top>.top_tag_active{color: #333;border-bottom: 2px solid #288ce2;}
.login_form{ max-height: 270px;}
.login_form>.qr_code{/* width: 380px;margin: 0 auto; */text-align: center;margin-top: 20px;}
.login_form>.qr_code>p{color: #333}
.login_form>.qr_code>img{/* width: 100px; */height: 175px;background-color: greenyellow;}
.login_form input[type=text],.login_form input[type=password]{height: 40px;display: block;}
.login_form select {height: 40px;display: block; width: 340px; margin: 18px 0px;border:1px solid #dbe1ea; border-radius: 0px;cursor: pointer;padding: 10px; background: #fff;  appearance:none;-webkit-appearance:none;color:#333; font-size: 14px;line-height: 20px;}
.login_form input[type=text],
.login_form input[type=password],
.login_form .auto_login,
.login_form button{margin-top: 20px;font-size: 14px;}
.login_form .auto_login>input[type=checkbox],
.login_form .auto_login>label,
.login_form .auto_login>.forget_password{vertical-align: middle;font-size: 12px;}
.auto_login>a{color: #333; text-decoration: none;}
.auto_login>a:hover{text-decoration: underline;}
.login_form .auto_login>label{padding-left: 5px;}
.login_form input[type=text],
.login_form input[type=password]{width: 302px;}
.login_form .user_icon,.login_form .pwd_icon{position: relative;}
.login_form .user_icon img,.login_form .pwd_icon img{ width: 22px;position: absolute;}
.login_form .user_icon img,.login_form .pwd_icon img{ top: -32px;left: 8px;}
.login_form button{padding: 15px 0;font-size: 16px;width: 340px;background: #2f78dc;text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: 1.5em;  -moz-border-radius: 1.5em;border-radius: 1.5em; -webkit-box-shadow: 0 5px 2px rgba(0,0,0,.5);-moz-box-shadow: 0 5px 2px rgba(0,0,0,.5);box-shadow: 0 0px 16px 0 rgba(99,143,247,0.7), 0 0px 20px 0 rgba(99,143,247,0.7); outline: none; border: none;border-radius: 30px;color: #fff;margin-bottom: 20px;}
.login_form button:hover{background-color: rgb(49, 65, 211); cursor: pointer;  }

#foot {position: fixed; bottom: 0; height: 80px;background-color: #ffffff;width: 100%; }
.footinner {width:980px; margin: 0 auto; margin-top: 10px;}
.copyright {text-align: center;padding-top: 14px;width: 888px;}
.copyright span{color: #666666;line-height: 24px; text-decoration: none;}
.copyright span a:hover { color: #666666;line-height: 30px; }