/*
 *	auwenjuan 
 *	Login	Register 
 */
@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont/iconfont.eot');
  src: url('../font/iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../font/iconfont/iconfont.woff2') format('woff2'),
      url('../font/iconfont/iconfont.woff') format('woff'),
      url('../font/iconfont/iconfont.ttf') format('truetype'),
      url('../font/iconfont/iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html,body {height:95%;}
body {background: #fff;font-size:14px;color:#676a6c;}
a {transition:all .2s ease;-webkit-transition:all .2s ease;color:#727cf5;}
.logo img {
    margin-top: 17px;
    height: 36px;
}
.main-login {width: 470px;margin:0 auto;position:absolute;top:15%;left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);scroll:none}
.login_panel {background: #fff;box-shadow: 0 0 38px rgba(0,0,0,.15);border-radius:10px;}
.login_panel .top {height: 160px;text-align:center;background-color: #727cf5;color:#fff;padding-top:30px;}
.login_panel .top .logo {background:url(../../Public/images/logo_white.png) no-repeat;width:135px;height:45px;margin:0 auto;}
.login_panel .top h1 {font-size: 24px;font-weight: normal;margin-top:20px;}
.login_tab {margin:25px 30px 0;border-bottom:2px solid #e1e5ea;text-align:center;padding-top:40px;}
.login_tab li {float:left;font-size:18px;height:37px;line-height:37px;width:50%;cursor:pointer;position: relative;}
.login_tab li.current {color:#727cf5;}
.login_tab li.current:after {content:"";position:absolute;width:100%;height:2px;bottom:-2px;left:0;background-color:#727cf5;}
.login_tab_con {padding:0 30px 30px;margin-top:40px;}
.login_tab_con .tab-item ul {margin-top:20px;}
.login_tab_con .tab-item ul li {margin-bottom:20px;}
.login_tab_con .inp1 {position: relative;}
.login_tab_con .inp1 .iconfont {position: absolute;top:8px;left:6px;color:#adb5bd;}
.login_tab_con .inp1 .layui-icon {position: absolute;top:10px;left:6px;color:#adb5bd;}
.login_tab_con .inp1 input {padding-left:30px;}
.login_tab_con .btn-ok {padding:0 35px;box-shadow:0 0 8px rgba(0,0,0,.15);border-radius:4px;}
.login-bottom-msg {margin-top:20px;color:#adb5bd;text-align: center;}
.login_tab_con .layui-input:focus {z-index:2;}

.login_tab_con .flex {position: relative;}
.login_tab_con .flex .layui-icon {position: absolute;top:10px;left:6px;color:#adb5bd;}
.login_tab_con .flex input {padding-left:30px;}



/*获取短信验证码*/
.btn-getMessageCode {position: relative;}
.btn-getMessageCode .layui-icon {position:absolute;left:15px;top:0;}

/*layui 自定义css*/
.layui-input, .layui-select {height:38px;}
.layui-form-checked[lay-skin=primary] i {border-color:#727cf5;background-color: #727cf5;}
.layui-form-checkbox[lay-skin=primary]:hover i {border-color:#727cf5;}
.layui-form-select dl dd.layui-this {background-color:#727cf5;}
.layui-btn-normal {background-color: #727cf5;}

/*layui loading 自定义*/
.layui-layer-loading4 {background:none!important;width:38px!important;height:38px!important;
  -webkit-animation:layui-rotate 1s linear infinite;
          animation:layui-rotate 1s linear infinite;
}
.layui-layer-loading4:before {content:"\e63d";font-family:"layui-icon";font-size:38px;}

.login_tab_con .third-login-wrapper .have_account{
	text-align: center;
    margin: 24px 0 0;
    color: #aaa;
    font-size: 12px;
    line-height: 17px;
}
login_tab_con .third-login-wrapper .third-login {
    overflow: hidden;
    margin: 24px auto 0;
    text-align: center;
    font-size: 0;
}
.login-third-login{
	margin-top:10px;
}
.login-third-login a{
	margin-right:10px;
}
layui-icon {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.agreement {
    line-height: 1.8em;
    height:1.8em;
    color: #484848;
    position: relative;
    margin-top: 12px;
    margin-bottom: 24px;
    overflow: hidden;
}
.agreement .agreement-line {
    display: block;
}
.agreement span {
    cursor: pointer;
}