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

.login_bg {
	background:#d4ebff
}
#login_box {
	background:url(../login/login_bg.jpg) no-repeat top center;
	width:804px;
	margin:0px auto;
	height:638px;
	padding:0px 100px;
	
	
	
}

#login_wrap{ width:1040px; height:305px; margin:0 auto; background:url(../images/login_bg.jpg) no-repeat; position:relative;}

#top_tool_bar {
	height:35px;
	line-height:35px;
	float:right
}
#top_tool_bar span {
	float:left;
	padding:0px 5px;
	vertical-align:middle
}
#top_tool_bar span.line_1 {
	color:#658db6;
	font-size:14px;
}
#top_tool_bar span a.first_a {
	color:#658db6;
	font-size:14px;
}
#login_pic {
	float:left;
	 background:url(../login/login_pic.png) no-repeat ;
	 width:335px; height:421px;
	 _background:none;
	 	_FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=login/login_pic.png);

	 
	 
}



#login_table_div {
	float:left;
	padding-left:140px;
}
#login_table_idx {
	float:left;
	padding-left:840px;
}
.td_title {
	color:gray;
	font-size:14px;
	font-weight:bold;
	height:45px;
	line-height:45px;
	padding-left: 20px;
}
.login_input_1 {
	border:1px #79b0e6 solid;
	background:#f5f5f5;
	height:30px;
	line-height:30px;
	width:200px;
}
.login_input_2 {
	border:1px #79b0e6 solid;
	background:#f5f5f5;
	height:30px;
	line-height:30px;
	width:120px;
}
.login_submit {
	background:url(../login/btn_bg_1.jpg) no-repeat;
	width:88px;
	height:37px;
	line-height:37px;
	color:#fff;
	font-size:16px;
	text-align:center;
	border:none;
	font-weight:bold;
	cursor:pointer;
	vertical-align:middle
}

.uis_btn{ 
	background:url(../login/uis_btn.jpg) no-repeat;
	width:88px;
	height:37px;
	line-height:37px;
	border:none;
	cursor:pointer;
	vertical-align:middle
}

.a_1 {
	color:#658db6;
	font-size:12px;
	padding:0px 5px;
}

.f_658db6{ color:#658db6}

.login_title{
	text-align: center;
	padding: 7px 0;
	color: #098EF6;
	margin: 0;
}
.login_qrcode{
	padding: 0;
	margin: 0;
	min-height: 160px;

	display: flex;
	align-items: center;
	justify-content: center;
}

.login_qrcode_tips{
	text-align: center;
	padding: 10px 0;
	color: green;
	font-weight: 500;
}

.login_qrcode_error{
	text-align: center;
	padding: 10px 0;
	color: red;
	font-weight: 500;
}


/*********************************************
 ***************  新登录首页CSS 	**************
**********************************************/
.login_pg {
	width: 100%;
	height: 100%;
}

.login_pg_bg2021 {
	background: url(./img/login2021/login_bg.png) no-repeat center center fixed;
	width: 100%;
	height: 100%;
	justify-content: flex-start;
	align-items: flex-start;
	display: flex;

	/*兼容浏览器版本*/
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
}
.login_pg_header {
	position:absolute;
	left: 0;
	top: 0;
	height: 100px;
	width: 100%;
	background: rgba(255, 255, 255, 0.47);
}
.login_pg_content{
	position: absolute;
	top: 100px;
	left: 0;
	bottom: 0;
	width: 100%;

	justify-content: flex-start;
	align-items: center;
	display: flex;
}

.login_pg_header_theme {
	height: 100%;
	width: 60%;
	float: left;
	padding: 30px 30px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 600;
	line-height: 1.1em;
	color: #333;
	letter-spacing: 8px;
	font-size: 40px;
}
.login_pg_header_theme > b{
	letter-spacing: 0px;
}

.login_pg_header_navigate{
	height: 100%;
	width: 40%;
	float: right;
	padding: 25px 0;
}
ul.login_pg_header_collapse {
	float: right;
	margin-right: 8%;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 400;
	line-height: 1.1em;
	font-size: 15px;
	color: #333;
}

ul.login_pg_header_collapse > li.active {
	border-bottom: 3px solid #337ab7;
}
ul.login_pg_header_collapse > li.active >a {
	color: #337ab7;
}
ul.login_pg_header_collapse > li > a {
	color: #333;
}
ul.login_pg_header_collapse > li > a:hover {
	color: #333;
}

.login_pg_content_notice{
	width: 26%;
	height: 70%;
	background: rgba(42, 55, 122, 0.35);
	color: white;
	padding: 20px 25px;
	min-height: 441px;
}
.login_pg_content_loss{
	width: 26%;
	height: 70%;
	background: rgba(60, 71, 90, 0.47);
	color: white;
	padding: 20px 25px;
	min-height: 441px;
}
.login_pg_content_gap{
	width: 18%;
	height: 70%;
	background: rgba(255, 255, 255, 0);
}
.login_pg_content_login{
	width: 25%;
	height: 70%;
	background: rgba(255, 255, 255, 0.51);
	min-width: 384px;
	min-height: 441px;
}
.login_pg_content_header{
	margin: 0;
	padding: 0;
	width: 100%;
	display: flex;
	justify-content:space-between;
	align-items: flex-end;
	padding: 15px 0;
}

.login_pg_content_title {
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 600;
	line-height: 1.1em;
	letter-spacing: 2px;
	font-size: 20px;
}

.login_pg_content_more {
	line-height: 1.1em;
	font-size: 13px;
}
.login_pg_content_more > a {
	color: white;
}
.login_pg_content_more > a:link {
	color: white;
}
.login_pg_content_more > a:visited {
	color: white;
}
.login_pg_content_more > a:hover{
	color: white;
}
.login_pg_content_more > a:active {
	color: white;
}

ul.login_pg_content_detail{
	width: 100%;
	line-height: 2.5em;
}
ul.login_pg_content_detail > li{
	list-style: inside;
	width: 100%;
	text-align: left;
	height: 35px;
}
ul.login_pg_content_detail > li >a{
	cursor: pointer;
	color: white;
}
ul.login_pg_content_detail > li >a:hover{
	cursor: pointer;
	color: white;
}
ul.login_pg_content_detail > li >span{
	float: right;
	padding-left: 10px;
}

table.login_pg_content_loss_table {
	border-collapse: collapse;
	width: 100%;
	color: white;

}
table.login_pg_content_loss_table tbody tr td {
	border-bottom: 1px solid #999;
	text-align: center;
	padding: 0;
	margin: 0;
	font-size: 14px;
	line-height: 2.4em;
	height: 35px;
}

.login_pg_content_logo {
	width: 100%;
	margin: 0 auto;
	padding: 40px 0 42px 0;
	text-align: center;
}

.login_pg_content_form {
	width: 100%;
}

.login_pg_form_account{
	width: 100%;
	display: flex;
	justify-content:center;
	align-items: center;
}
.login_pg_form_scancode{
	width: 100%;
	display: flex;
	justify-content:center;
	align-items: center;
}

.login_pg_form_ul {
	width: 300px;
	list-style: none;
}

.login_pg_form_ul li {
	width: 100%;
	padding: 0;
	margin: 0 0 20px 0;
}

span.login_pg_form_username {
	background-color: #fff;
	background-image: url(./img/login2021/login_username.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 40px;
	height: 34px;
	border: 0 !important;
	border-radius: 20px 0 0 20px !important;
	-moz-border-radius: 20px 0 0 20px !important;
	-webkit-border-radius: 20px 0 0 20px !important;
}

span.login_pg_form_password {
	background-color: #fff;
	background-image: url(./img/login2021/login_password.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 40px;
	height: 34px;
	border: 0 !important;
	border-radius: 20px 0 0 20px !important;
	-moz-border-radius: 20px 0 0 20px !important;
	-webkit-border-radius: 20px 0 0 20px !important;
}

span.login_pg_form_verifycode {
	background-color: #fff;
	background-image: url(./img/login2021/login_verifycode.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 40px;
	height: 34px;
	border: 0 !important;
	border-radius: 20px 0 0 20px !important;
	-moz-border-radius: 20px 0 0 20px !important;
	-webkit-border-radius: 20px 0 0 20px !important;
}

input.login_input {
	border: 0 !important;
	padding: 8px 0;
	box-shadow: none !important;
	border-radius: 0 20px 20px 0 !important;
	-moz-border-radius: 0 20px 20px 0 !important;
	-webkit-border-radius: 0 20px 20px 0 !important;
}

input.login_input_vcode {
	border: 0 !important;
	padding: 8px 0;
	box-shadow: none !important;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
}

input.login_input:focus {
	box-shadow: none !important;
	border: 0 !important;
	padding: 8px 0;
}

.login_x7_form_vcode {
	border: 0 !important;
	width: 85px;
	height: 34px;
	border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
}

.login_x7_btn {
	border-radius: 20px !important;
	-moz-border-radius: 20px !important;
	-webkit-border-radius: 20px !important;
	outline: none !important;
	padding: 8px 0 !important;
	font-size: 16px !important;
}

.login_x7_btn:focus {
	border-radius: 20px !important;
	-moz-border-radius: 20px !important;
	-webkit-border-radius: 20px !important;
	font-size: 16px !important;
}

.login_x7_btn:hover {
	border-radius: 20px !important;
	-moz-border-radius: 20px !important;
	-webkit-border-radius: 20px !important;
	font-size: 16px !important;
}

.login_x7_btn:active {
	border-radius: 20px !important;
	-moz-border-radius: 20px !important;
	-webkit-border-radius: 20px !important;
	font-size: 16px !important;
}

.login_x7_btn:visited {
	border-radius: 20px !important;
	-moz-border-radius: 20px !important;
	-webkit-border-radius: 20px !important;
	font-size: 16px !important;
}
.login_x7_btn[disabled] {
	border-radius: 20px !important;
	-moz-border-radius: 20px !important;
	-webkit-border-radius: 20px !important;
	font-size: 16px !important;
	color: #fff;
}

.login_pg_content_scancode {
	width: 300px;
	text-align: center;
}
.login_scancode_title{
	margin: 0;
	padding: 30px 0 20px 0;
	width: 100%;
	text-align: center;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 400;
	line-height: 1.1em;
	color: #333;
	letter-spacing: 3px;
	font-size: 25px;
}
.login_scancode_qrcode{
	padding: 0;
	margin: 0;
	min-height: 160px;

	display: flex;
	align-items: center;
	justify-content: center;
}
.login_scancode_tips{
	width: 100%;
	text-align: center;
	padding: 20px 0;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 400;
	line-height: 1.1em;
	color: #333;
	font-size: 18px;
}

.login_method_account{
	display: inline-block;
	float: right;
	width: 66px;
	height: 60px;
	background-image: url(./img/login2021/m_username.png);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: cover;
	position: absolute;
	top: 5px;
	right: 5px;
}

.login_method_scancode{
	display: inline-block;
	float: right;
	width: 75px;
	height: 75px;
	background-image:url(./img/login2021/m_qrcode.png);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: cover;
	position: absolute;
	top: 5px;
	right: 5px;
}