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

* { word-wrap: break-word; outline: none; }
html,
body { height: 100%; margin: 0; -webkit-text-size-adjust: none; }
body { background: #FFFFFF; font-family: "Microsoft YaHei"; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 100%; }
h2,
h5,
h6 { margin: 0; }
input { outline: none }
ul,
li { margin: 0; padding: 0; border: 0; list-style-image: none; list-style-type: none; }

a { color: #31b4e1; text-decoration: none;}
a:hover { color: #ec5051; text-decoration: none; }

input[type='text'],input[type='password']{
	font-size: 14px;
	height: 20px;
	background: #fff;
	border:0;
	padding:5px 5px 5px 20px;
	color:#C7C7C7;
	position: relative;
	top: -2px;
}
input:-moz-placeholder {
	color: #C7C7C7;
}
input:-ms-input-placeholder {
	color: #C7C7C7;
}
input::-webkit-input-placeholder {
	color: #C7C7C7;
}


input[type='text']:focus::-webkit-input-placeholder{ color:#C7C7C7;}

.hide{display: none;}

#bannerBox{ display: block;position: fixed;left: 0;top: 0;overflow: hidden;z-index: -999;height: 100%;width: 100%;}
#bannerBox .slideBanner{ height: 100%;width: 100%;}
#bannerBox .slideBanner li{ display: block;list-style: none;z-index: -30;position: fixed;overflow: hidden;top: 0;left: 0;width: 100%;height: 100%;background: #111;}

.login-layout{ width:418px; position:absolute; z-index:3; top:50%; left:50%; margin:-300px auto auto -209px;}
.login-layout .logo{ text-align:center;}
.login-form{ position:relative; z-index:9; width:395px; height:389px; padding:11px;margin-top:30px;border: 1px solid #CFECFC;box-shadow:1px 8px 16px 0 #119EEF;}
.login-form input{ background:rgba(0,0,0,0) }
.login-form input[type=text]:focus{ background:rgba(0,0,0,0) }

.formContent{ width:395px; height:389px;}
.formContent .title{ color:#119EEF; font-size:24px; text-align:center; padding:25px 0; font-weight: 600}


.formInfo{ width:270px; margin:0 auto;}
.formText{ position:relative; z-index:2; margin-bottom:15px;border-bottom: 1px solid #E6E6E6;height: 57px;line-height: 75px;vertical-align: middle}
.formText .form_title{float: left;color:#757574;font-size:12px;width: 50px;}
.formText .form_border{float: left;height: 12px;position: relative;width: 1px;background-color: #757574;top: 32px;}
.warning_msg{width: 270px;height: 30px;line-height: 30px;vertical-align: middle}
.warning_msg img{width: 15px;height: 15px;float: left;position: relative;left: -50px;top: 8px;}
.warning_message{font-size:16px;color: #F5A623;position: relative;left: -40px;}
.bottom_a_list{height: 30px;line-height: 30px;vertical-align: middle;width: 210px;text-align: center;margin-left: 60px;}
.bottom_a_list a{float: left;font-size: 10px;}
.send_code{width: 90px;background-color: #119EEF;float: right;color: #FFFFFF;height: 25px;vertical-align: middle;line-height: 25px;text-align: center;font-size: 14px;border-radius: 4px;position: relative;top: 23px;}



.formText:after,.formText:before{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.formText .input-text{ width:220px;}
.icon{ background:url(../images/login_icon.png) no-repeat; position:absolute; top:14px; left:18px; width:14px; height:13px; z-index:9;}
.icon-user{ background-position:-5px -8px;}
.icon-pwd{ background-position:-3px -38px;}

.focus .icon-user{ background-position:-33px -8px;}
.focus .icon-pwd{ background-position:-31px -38px;}

.checkbox,.cur{ background:url(../images/login_icon.png) no-repeat; float:left; cursor:pointer;}
.checkbox{ width:32px; height:18px; background-position: -105px -50px; position:relative; margin:2px 0 0 15px;}
.checkbox .cur{ width:18px; height:18px; transition:.4s; background-position:-153px -10px;}
.checked{ background-position:-105px -10px;}
.checked .cur{ -webkit-transform: translateX(85%);transform: translateX(85%);}

.formText .span{ font-size:12px; line-height:20px; float:left; margin-left:7px; color:#fff;}
.forget_pwd{ float:right; font-size:12px; color:#fff; display:block; margin:2px 25px 0 0;}

.submitDiv .text_span{ width:156px; overflow:hidden; padding:10px 0 10px 10px; float:left; margin:-10px 0 -10px -10px;}
.submitDiv .text_span input{ border-radius:50px 0 0 50px; padding-left:22px; width:130px; float:left;}

.submitDiv .sub{ width:270px; height:41px; border:0; background:#119EEF; color:#FFF; border-radius:4px; padding:0; font-size:14px; font-weight:bold; cursor:pointer;font-family: "Microsoft YaHei";}

.code { background-color: #FFFFFF; width: 100px; height: 34px; border-radius: 4px; position: absolute; z-index: 9; top: -24px; left: 10px; display: none; box-shadow: 0 2px 2px 2px rgba(0,0,0,0.25); }
.code .arrow { width: 0px;height: 0px;border: 7px solid transparent;border-top-color: #fff; position:absolute;bottom:-14px; left:18px;}
.code img { width: 90px; height: 26px; position: absolute; z-index: 1; top: 4px; left: 4px;}

.submitDiv .sub:hover{box-shadow: 2px 3px 6px 0 rgba(0,0,0,0.3) inset;}


.backPwd_layout{padding-bottom: 15px; width:327px; height:321px; background:#fff; border-radius:5px; margin:-160px auto auto -162px; position:absolute; z-index:3; top:50%; left:50%;}
.backPwd_form{ width:226px; margin:0 auto;}
.backPwd_form .title{ text-align:center; font-size:24px; margin:20px 0 20px;}
.backPwd_form .error_msg{ color:#666;font-size: 12px;line-height: 12px;margin:5px 0;}
.backPwd_form .formInfo{ width:226px;}
.backPwd_form .btn_div{ padding-top:15px;}
.btn_div .sub{ width:113px; height:41px; border:0; background:#ff7c3a; color:#fff; border-radius:50px 0 0 50px; padding:0; font-size:14px; font-weight:bold; cursor:pointer;font-family: "Microsoft YaHei"; float:left;}
.btn_div .cancel{ width:113px; height:41px; line-height:41px; border:0; background:#cecece; color:#fff; border-radius:0 50px 50px 0; padding:0; font-size:14px; font-weight:bold; cursor:pointer;font-family: "Microsoft YaHei"; float:left; text-align:center;}

.btn_div .sub:hover,.btn_div .cancel:hover{box-shadow: 2px 3px 6px 0 rgba(0,0,0,0.3) inset;}

.formText .return{ font-size:12px; color:#999; float:right; margin-right:10px;}
.formText .return:hover{ color:#ec5151;}
.backPwd_form .formText .input-text{ padding-left:20px; width:200px;}
.error{display: inline-block;padding-top: 5px;font-size: 12px;color: #ec5051;width:418px;}

#notIe{ position:fixed; border-radius:0; box-shadow:inherit; border:0;}
#notIe .pb-bd{ padding:0;}
#notIe .pb-ft{ padding:0; position:static;}
#notIe .noContent{ width:316px; height:376px; background:url(../images/not_ie78.png) no-repeat;}
#notIe .noContent .noText{ padding-top:190px; width:100%;}
#notIe .noContent .noText p{ text-align:center; margin:0;}
#notIe .noContent .noText p.p1{ font-size:16px; color:#0092ce; margin-bottom:6px;}
#notIe .noContent .noText p.p2{ padding-top:10px;}
#notIe .noContent .noText p.p2,#notIe .noContent .noText p.p3{ font-size:14px; color:#333333; margin-bottom:5px;}
#notIe .pb-btn{ position:absolute; background:none; border:0; padding:0; border-radius:0; width:270px; height:60px; line-height:60px; font-size:18px; color:#fff; bottom:0; left:20px; text-align:center; cursor:pointer;}