@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; box-sizing: border-box;}
html,
body { width: 100%; height: 100%; }

input {outline:none;}
body,input,select,textarea,button {font-size:14px; font-family:"微软雅黑", "verdana", "宋体", "黑体";}

.login-wrap {position:relative; width:100%; height:100%;}

.bg-container {width:100%; height:100%; position:absolute; left:0; top:0; background:url(cdts01.jpg) no-repeat; background-size:cover;}

/*登录 顶部*/
.login-head {position:absolute; left:50%; top:10%; z-index:8; transform: translateX(-50%);}
.logo-plane {width:1080px; height:150px; background:url(logo.png) no-repeat; background-size: 100%;}


/* 登录 中间部分 ============================================================================================*/
.login-box {position:absolute; left:0; z-index:20; top:50%;  width: 100%; height: 600px; transform: translateY(-50%);}
.login-box-wrap {position: absolute; top: 100px; right: 16%;}

/* 插图 */
.chapics {position:absolute; top:0; left:4%; width:780px; height:702px; z-index: 1;}
.dunpai {position: absolute; left: 220px; top:30px; width: 100%; height: 100%; background:url("dunp.png") no-repeat center;
/*animation: box 3s linear 0s infinite alternate;*/
}
@keyframes box {
	0% {top: 0px;}
	50% {top: 30px;}
	100% {top: 60px;}
}

.login-box .input , .login-box .button {margin:0; padding:0; border:0; outline:0 none; vertical-align:middle;}
.login-box .input {position:absolute;left:50px;top:50%;margin-top:-13px;height:26px;line-height:26px;padding:0 3px; background: transparent; width: 300px; font-size: 16px; }
.login-box .button {width:90px; height:36px; text-align:center; font-size:14px; color:#fff; margin:0px 9px;}
.login-box .ipt {position:relative; height:48px; width:380px; border: 1px solid #ccc; border-radius: 5px; margin: 30px auto 0; }

.login-box .ipt:hover {background-position:0 -54px;}
.login-box .ipt em {font-style:normal; display:inline-block; width:24px; height:24px; position:absolute; left:20px;top:11px;margin-top:0; transition: all 0.3s;}
.login-box .ipt em.i1 {background:url("l_ico_01.png") no-repeat left top;}
.login-box .ipt em.i2 {background:url("l_ico_02.png") no-repeat left top;}
.login-box .ipt em.i3 {background:url("l_ico_03.png") no-repeat left top;}

.login-box .ipt .l-u-msg {position:absolute;left:32px;top:50%;margin-top:-9px;height:20px;line-height:20px;padding:0 3px;width:140px;color:#888888;}
.useryzm-plane .input {width:160px;}
.useryzm-plane .input:hover {}
.useryzm-plane .yzm-img {position:absolute;right:13px;top:50%;margin-top:-13px;width:80px;height:26px;background:#8bcbf9;}
.userButtonPanel {margin: 40px auto; width: 380px;}
.k-login-submit-msg {border-radius:5px;}
.k-login-submit-msg div {/*margin-top:7px;padding:10px;*/background-color:#3f3e40;color:#ffffff;border:1px solid #3f3e40;border-radius:5px;}
.k-login-top-logo-text {font-family:"Microsoft YaHei","黑体";font-size:34px; color:#888; font-weight:bold;letter-spacing:5px; margin-top:10px;text-align:center;}
.l-userName-zs {position:absolute;left:32px;top:50%;margin-top:-10px;font-size:14px;}

/*登录底部*/
.copyright-wrap {position:absolute; left:auto; bottom:3%; z-index:8; text-align:center; width:100%;}
.copyright {line-height:1.6; color: #fff;}

/* button
---------------------------------------------- */
.a-button {display:inline-block; vertical-align:baseline; cursor:pointer; padding:.5em 2em .55em;}
/* color styles
---------------------------------------------- */

.k-qrcode-img{width: 140px;height: 140px;margin: 0 auto;padding: 0;box-shadow: 0 0 8px #DDD; background: url("ereima_140x140.png") no-repeat;}
.k-qrcode-img img{width: 105px;height: 105px;}
.k-qrcode-desc { font-size:14px;color:#333;line-height:30px;text-align:center;padding:5px 0;margin:0;overflow:hidden; font-weight:bold;}
.k-qrlogin-other { /*margin-top: 20px;*/}
.k-qrlogin-other { text-align:center; padding-right: 20px;}
.k-qrlogin-other a { color: #333;  font-size: 14px; text-decoration: none;  }
.k-qrlogin-other a:hover{ color: #f00;  }


.formboxs {width: 540px; height:540px; border-radius: 16px; background:#fff; box-shadow: 0 0 30px rgba(0,0,0,.2);}
.login-box-tit {position: relative; text-align: center; color: #19499d; width: 100%; margin:0 auto; padding-top: 18px; border-bottom: 5px solid #dadede;}
.login-box-tit h2{ font-size: 32px; margin:10px 0; }
.login-box-tit span {position: absolute; bottom:-5px; left: 50%; transform: translateX(-50%); display: block; width: 100px; height: 5px; background-color: #19499d;}
.user-text { font-size: 14px; }
.login-img1 { width: 336px; height: 56px; background: url("text1.png") no-repeat; }
#loginForm { margin-top: 40px;}

.login-box .ipt:hover { border-bottom: 2px solid #51a7ff; transition: all .5s linear; }
.login-box .input:focus + em.i1{ background:url("l_ico_01.png") no-repeat left -24px; }
.login-box .input:focus + em.i2{ background:url("l_ico_02.png") no-repeat left -24px; }
.login-box .input:focus + em.i3{ background:url("l_ico_03.png") no-repeat left -24px; }

.userButtonPanel .a-button { width: 100%; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

/*清除默认背景*/
.a-bluegrad { color: #fff; font-size: 16px; border: 0; height:48px; border-radius: 5px; background: #1c8af0;}
.a-bluegrad:hover { background: #19499d;}


.btnsreg {clear: both; margin:0 auto; width: 480px;}
.btnsreg span {position: relative; display: block; float: left; border:1px solid #bfbfbf; border-radius:6px; font-size: 15px; height: 44px; line-height: 44px;
padding: 0px 20px 0 40px;  text-decoration: none; color: #000;}
.btnsreg span:nth-child(1) {margin-right: 10px;}
.btnsreg span:nth-child(2) {margin-right: 10px;}
.btnsreg span::before {content: ""; display: block; width: 24px; height: 24px; position:absolute; left: 10px; top: 10px;}
.btnsreg span:nth-child(1)::before {background:url("qiye.png") no-repeat center;}
.btnsreg span:nth-child(2)::before {background: url("qiyezc.png") no-repeat center;}
.btnsreg span:nth-child(3)::before {background: url("qiyezc.png") no-repeat center;left: 10px;}
.btnsreg span:hover {border:1px solid #1c8af0; background-color: #f3f3f3; color: #1c8af0; cursor: pointer;}