/* .loginheader{ height:57px; background-color:#FFF;} */
.loginheader{ height:140px; background-color:#FFF;}
.loginheader .logo{ float:left; padding-top:60px; }
.retrievepass_span{ display:inline-block; height:32px; line-height:32px; border-left:1px solid #d9dade; margin-top:16px; margin-left:14px; padding-left:13px; font-size:18px; color:#7a7a7a;}
.loginbody{ height:100%; }
.loginbox{  width:420px; height:370px; background-color:#FFF; border-radius:3px;overflow:hidden;}

/*.loginbox{float: right;width:420px;/* height:370px;  */background-color:#FFF;border-radius:3px;margin-top: 160px;overflow:hidden;}*/
.logintit{ height:46px; line-height:46px; /* background-color:#eff2f8; border-bottom:1px solid #e0e3f2; */}
.logintit h2{ padding-left:26px; font-family:"微软雅黑"; font-size:20px; color:#2a394f;}
.logincon{ padding:0px 30px 0px;}
.logincon .error{ height:32px; line-height:45px;}
.logincon .error span{ font-size:12px; color:#F00;}
.logintext{ /* width:267px; */ height:37px; background: #FFFFFF;border: 1px solid rgba(0,0,0,0.15);border-radius: 4px;/* border-radius:3px; */ margin-bottom:22px;}
.logintext .minicon{margin-top:12px; margin-left:13px;}
.logintext .text{  height:40px;  padding:5px 8px;  border:0px none; border-radius:3px; font-size:14px; color: rgba(0,0,0,0.65); outline:none; /* background-color:#fff; */}
.codetext{ width:240px; position:relative;}
.codetext .text{ width:110px;}
.codetext .code_img{ position:absolute; top:-1px; left:150px; display:block; width:115px; height:37px; cursor:pointer;}
.logintext.focus{ border-color:#15a5fb;}
.logintext.focus .minicon{ background-image:url(../images/min_hover_icon.png);}
.forgetpass .checkbox{ display:inline-block; height:16px; background:url(../images/login_img/checkbox_icon_12.png) no-repeat 0px 4px; cursor:pointer;color: rgba(0,0,0,0.65);}
.forgetpass .checkbox em{ padding-left:17px; font-size:14px; color:#838383; vertical-align:top;}
.forgetpass .checkbox.checked{ background-position:0px -16px;}
.forgetpass{ padding-bottom:16px; overflow:hidden;}
.forgetpass .checkbox{ float:left;}
.forgetpass a{ float:right; font-size:14px; color:#0096ff;}
.forgetpass a:hover{ color:#15a5fb; text-decoration:underline;}
.loginbtn{width: 100%;height:41px;background: #5A7DFD;border:1px solid #0C83FA;border-radius: 20px;font-size:14px;color:#fff;cursor:pointer;}
.loginbtn:hover{ background-color:#0C83FAc9;}
/* .loginfooter{ height:41px; line-height:41px; text-align:center;} */
.loginfooter{line-height: 20px;padding: 10px 0px;text-align:center;position: absolute;bottom: 30px;width: 100%;color: #fff;background-color: rgb(0 0 0 / 88%);}
.loginfooter p{ font-size:14px; color: #949494; }
.loginfooter a{ font-size:12px; color: #949494;}

.retrievepass_wrap{ height:calc(100% - 98px);}
.retrievepass_box{ position:absolute; top:50%; left:50%; width:579px; height:355px; background-color:#FFF; margin-top:-177px; margin-left:-290px; padding:0 26px;}
.retrievepass_tit{ height:36px; border-bottom:2px solid #dfdfdf;}
.retrievepass_tit h2{ position:relative; bottom:-2px; float:left; height:34px; line-height:34px; padding:0 3px; border-bottom:2px solid #fd7e09; display:inline;}
.retrievepass_tit h2 span{ font-size:14px; color:#666;}
.retrievepass_tit h2 i{ vertical-align:top; margin-top:8px; margin-right:7px;}
.retrievepass_nav li{ padding-bottom:19px;}
.retrievepass_nav li .retrievepass_text{ width:220px; height:37px; padding:10px 8px; border:1px solid #d3d3d3; border-radius:5px; box-shadow:inset 0px 3px 2px #f2f2f2; font-size:14px;}
.retrievepass_nav li .label{ float:left; width:181px; height:37px; line-height:37px; padding-right:14px; font-size:14px; color:#666; text-align:right;}
.retrievepass_nav li .loginbtn{ width:220px; margin-left:181px;}
.retrievepass_error{ height:40px; line-height:40px; text-align:center; margin-top:20px;}
.retrievepass_error span{ font-size:12px; color:#ff0000;}
.retrievepass_tip{ width:387px; height:43px; line-height:43px; border:1px solid #ffd3aa; margin:0 auto; text-align:center;}
.retrievepass_tip span{ font-size:12px; color:#6d6d6d;}
.retrievepass_tip i{ display:inline-block; width:23px; height:22px; background:url(../images/confirm_icon_03.png) no-repeat; vertical-align:top; margin-top:9px; margin-right:10px;}
.retrievepass_success img{ display:block; margin:90px auto 0px;}
.retrievepass_success p{ font-size:18px; color:#333; text-align:center; margin-top:24px;}
.retrievepass_success p span{ display:block; padding-top:5px; font-size:14px; color:#666;}
.retrievepass_success p span em{ padding-right:6px; color:#ff6e22;}
.retrievepass_success p span a{ padding-left:5px; padding-right:5px; color:#15a5fb;}
.retrievepass_success p span a:hover{ text-decoration:underline;}
.loginbody{
	position: relative;
}
.title{
  float: left;
  height: 100%;
  line-height: 85px;
  font-size: 17px;
  font-weight: 600;
  margin-left: 10%;
}
.title-img{
	width: 180px;
    /* height: 41px; */
    float: left;
    margin-right: 5px;
    margin-top: 11px;
}
.page-img{
	width: 100%;
	height: 500px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.content{
	width: 100%;
	height: 100%;
	text-align: center;
}
.greeting{
	width: 100%;
    height: 60px;
    font-size: 21px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    float: left;
    margin-top: 60px;
}
.login_ck{
	min-width: 360px;
	max-width: 360px;
    min-height: 310px;
    background-color: #f9f9f9;
    float: left;
    width: 30%;
    margin-left: calc(50% - 180px);
}
.container{
	width: 80%;
	min-height: 310px;
	margin-left: 10%;
	float: left;
}
.headline{
	width: 100%;
	height: 50px;
	line-height: 70px;
	font-size: 21px;
	color: #0066ff;
	text-align: left;
}
.enter{
	margin-left: 4px;
	color: #999;
	font-size: 13px;
}
.user{
	width: 100%;
	height: 40px;
	margin-top: 10px;
}
.log_code{
	width: 100%;
	height: 40px;
	margin-top: 10px;
}
.user-div{
	float: left;
	width: 12%;
	height: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}
.user-img{
	width: 24px;
	height: 30px;
}
.user_ipt{
	float: left;
	width: 88%;
	height: 100%;
	border:0;
	outline: none;
	padding-left: 3%;
	background: #f0f0f0;
}
.code_ipt{
	float: left;
	width: 50%;
	height: 100%;
	border:0;
	outline: none;
	padding-left: 3%;
	background: #f0f0f0;
}
.verification{
	float: right;
	width: 48%;
	height: 100%;
	text-align: right;
}
.btn_div{
	width: 100%;
	height: 40px;
	margin-top: 20px;
}
.btn{
	width: 100%;
	height: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
    background: #0066ff;
    color: #fff;
    border-radius:5px;
    border: 0;
}

.marked{
	margin: 10px 0px;
	width: 100%;
	min-height: 10px;
	text-align: left;
}
.marked span{
	font-size: 12px;
    color: #F00;
}
.rim{
	border:1px solid #f3131382;
}