﻿html,body{width: 100%;height: 100%;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #fff inset;border: 1px solid #bac7d2!important;border-radius: 40px!important;}
.layui-layer-msg {border: 1px solid transparent!important;border-radius: 50px!important;background: rgba(255,255,255,0.0)!important;}
/* 登录背景图片 */
.base_skin{background: url(../../img/login/loginbg.png) no-repeat center;background-size: cover;
    min-width: 1200px;
    height: 550px;}
/*登录背景主体部分*/
.login {border: 1px solid #e8e8e8;border-radius: 5px;padding:30px 20px 25px 20px;position: absolute;top:20px;right: 0;overflow: hidden;background: #fff;    width: 360px;height: 450px;}
.login_tit_dl{border-bottom: 1px solid #d9d9d9;}
.login_tit_dl>span{color: #309bfb;margin-left: 10px;font-size: 17px;line-height: 36px;border-bottom: 2px solid #309bfb;padding-left: 10px;padding-right: 10px;display: inline-block;}
.login_center {padding: 30px 10px 20px 10px;}
.login_center .name,.login_center .password,.login_center .passCode{line-height: 40px;height: 40px;border-radius: 3px;margin-bottom: 20px;border: 1px solid #efefef;}
.login_center .name:hover,.login_center .password:hover{background-color: #f9f9f9;  }
.name>img,.password>img,.passCode>img{float: left;width: 18px;height: 20px;margin: 10px;margin-right: 5px}
.login_center .name input.ui_input,.login_center .password input.ui_input,.login_center .passCode input.ui_input{width: 285px;font-size: 14px;line-height: 40px;color: #000;background-color:transparent;background-repeat: no-repeat;background-position: left;border: none !important;height: 40px;float: left;padding: 0 10px;}
.login_center .verify{    margin-left: 5px;cursor: pointer;height: 38px;border-left: 1px solid #e6e5e5;width: 115px;}
.login_center .verify img{width: 100%;height: 100%;}
.login_center .button_blue {background:#3198f7;color: #fff;width: 100%;border-radius: 3px;font-size: 20px;line-height: 45px;height:45px;font-weight: normal;letter-spacing: 6px;border: 1px solid transparent;transition: all 0.3s linear;}
.login_center .button_blue a{color: #fff;}
.login_center .button_blue:hover{border:1px solid #427464; cursor: pointer;	background: #328aeb;}
.remember_field{height:20px;line-height:20px;float:left;display:block;font-size:14px;color:#666;    margin-left: 13px;}
.checkbox_pic {outline:none;display:inline-block;width:18px;height:18px;line-height:18px;cursor: pointer;vertical-align:middle;overflow:hidden;margin-right:5px;margin-top:-3px;}
.check_chk i {display: inline-block;  width: 18px;height: 18px;background-image: url(../../img/login/elements.png);background-repeat: no-repeat;background-position: -70px 0;}
.check_chk.active i {background-position: -90px 0;}
.forget_password{color: #f00;margin-right: 10px;}
#message{background: url(../../img/login/message.png) no-repeat left center;position: absolute;top: 2px;right: 8px;color: #f00;font-size: 15px;padding-left: 35px;line-height: 30px;}
.open_tip{    background: #f7f7f7;
    padding: 15px;
    margin-top: 15px;
    line-height: 25px;
    color: #e51e2a;}
.open_tip>div{    text-align: left;
    color: #e51e2a;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 10px;}

/*登录头部*/
header{background: #fff;min-height: 100px;height: calc((100% - 570px)/2);width: 100%;border-bottom: 1px solid #dfe6e7;}
.pos{position: relative;height: 100%;}
header .logo{position: absolute;left: 0;bottom: 10px;}
header .login_tit{font-family: '微软雅黑';text-align: center;right: 0;bottom:10px;position: absolute;font-size: 14px;width: 380px;margin-bottom: 20px;color: #999;}

/**********************************底部footer通用*/
.footer {background: #fff;min-height: 100px;position: relative;font-family: '微软雅黑';text-align: center;font-size: 14px;color: #666;border-top: 1px solid #ddd;height: calc((100% - 550px)/2);}
.footer .tit{margin-top: 35px;}
.footer .tip{  font-size: 12px;color: #999;margin-top: 15px}
.footer .tip a{display: inline-block;width: 28PX;height: 35px;}