﻿@charset "utf-8";
/*
	Code_File:login.css by BROS
	Revision 2.1
	Date 2014/01/16
	Colors blue: #4D99E0;
*/
/*---------------------------------	全局控制 -----------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin: 0;padding: 0;font-size:12px;font:12px Microsoft YaHei, Helvetica, sans-serif;_font-family:"SimSun";	color:#555;}
iframe, img {border: 0;}
em, strong, th {font-style: normal;font-weight: normal;}
ul, li {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
address, caption, cite, code, dfn, em, i, th, var {	font-style:normal;font-weight:normal;}
input, button, textarea, select {font-family: Tahoma, Helvetica, Arial, sans-serif;font-size: 12px;vertical-align: middle;}
table {border-collapse: collapse;border-spacing: 0;}
a {color:#373636;text-decoration:none; blr:expression(this.onFocus=this.blur())}
a:hover {color: #373636;text-decoration:underline;}
body{ background:#fff;}
.clearfix:after{visibility: hidden; display: block;font-size: 0; content: "."; clear: both; height: 0;}
*html .clearfix{zoom: 1;}
*:first-child + html .clearfix{zoom: 1;}
.clear {clear:both;}
.rounded{-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.bgWhite{ background:#fff;}
/*---------------------------------	位置/方向 -----------------------------------*/
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.position-left{left:0;}
.position-right{right:0;}
.float-left{ float:left;}
.float-right{ float:right; display: inline-block;}
.zIndex1, .zIndex2, .zIndex3, .zIndex4, .zIndex5, .zIndex6, .zIndex7, .zIndex8, .zIndex9, .zIndex10{ position:relative;}
.zIndex10{ z-index:10;}
.zIndex9{ z-index:9;}
.zIndex8{ z-index:8;}
.zIndex7{ z-index:7;}
.zIndex6{ z-index:6;}
.zIndex5{ z-index:5;}
.zIndex4{ z-index:4;}
.zIndex3{ z-index:3;}
.zIndex2{ z-index:2;}
.zIndex1{ z-index:1;}
.mT10{ margin-top:10px;}
.mT15{ margin-top:15px;}
.mB40{ margin-bottom:40px;}
.w80{ width:80px;}
/*---------------------------------	文字颜色 -----------------------------------*/
.blue{ color:#0062ac;}
.blueBold{ color:#0062ac; font-weight:bold;}
.red{ color:#f40914;}
.redBold{ color:#f40914; font-weight:bold;}
.green{ color:#279d5e;}
.greenBold{ color:#279d5e; font-weight:bold;}
.orange{ color:#ee7600;}
.orangeBold{ color:#ee7600; font-weight:bold;}
/*---------------------------------	显示/隐藏 -----------------------------------*/
.show{display:block;}
.hide{display:none;}
/*---------------------------------	阴影 -----------------------------------*/
.shadow{ box-shadow:0px 2px 2px #d5d5d5; }
.shadowMini{ box-shadow:0px 1px 1px #efefef; }
/*---------------------------------	图标 -----------------------------------*/
.ico-peopleSmall, .ico-pas, .ico-number, .ico-new{width:24px; height:24px; background:url(../images/login_icon.png);}
.ico-peopleSmall{ background-position: 0px -48px ;}
.ico-pas{ background-position: -24px -48px;}
.ico-number{ background-position: -48px -48px ;}
.ico-new{ background-position: -24px 0 ;}
/*---------------------------------	头部区域 -----------------------------------*/
.logo {width:318px; height:45px; background:url(../images/login_icon.png); background-position:0 -72px;}
.headBox{  height:96px;}
.head{ position:relative; margin:0 auto; height:96px;}
.head .logo{ position:absolute; left:0; top:25px; width:318px; height:45px;}
.head .info{ position:absolute; bottom:26px; right:10px;  height:30px;}
.head .info .language i{ float:left; background:url(../images/login_icon.png) no-repeat; width:24px; height:24px;}
.head .info .language{ float:left; height:24px; line-height:24px;}
.head .info .language a{float:left; padding-left:15px;}
.head .info .language a{color:#373636; }
.head .info .language a:hover{ color:#0A8CD2;}
.headW{ width:1100px;}
/*---------------------------------	信息区域框架 -----------------------------------*/
.loginMainBox{ margin:0 auto; width:1100px; height:580px; background:url(../images/login_bg.png) no-repeat;}
.loginMainBox .rightBox{position:relative; float:right;  margin:40px 48px 0 0;  padding:24px; width:302px; height:452px; background:url(../images/login_bg2.png);}
.loginMainBox .rightBoxBig{height:485px;}
/*---------------------------------	登录标题 -----------------------------------*/
.loginTitle{height:35px;font-size:18px; color:#323234;}
.loginTitle i{ float:left; margin-right:6px;}
/*---------------------------------	登录方式 -----------------------------------*/
.loginWay{height:auto; color:#373636; }
.loginWay .titleW{display:inline-block; width:302px; height:30px; }
.loginWay .titleW  input{margin-right:4px;}
.loginWay .titleW .wayR{margin-left:40px;}
.loginWay .titleX{ position:relative; z-index:999; display:inline-block; width:302px; height:36px; }
.loginWay .selectW{display:none; margin-bottom:18px; height:auto;}
.loginWay .selectW select{width:302px; height:30px;}
/*---------------------------------	登录信息 -----------------------------------*/
.loginInput{position:relative; width:302px; height:160px;}
.loginInput dd{ position:relative; margin-bottom:18px; width:302px; height:30px;}
.loginInput .inputTr{ width:302px; height:30px; background:#0b7acc; border-top:1px solid #0b7acc; border-radius:2px; -webkit-border-radius:2px;}
.loginInput .inputTr em{ float:left; width:30px; height:30px;}
.loginInput .inputTr em i{ display:block; margin:3px; width:24px; height:24px;}
.loginInput .inputTr input{ float:left; padding-left:5px; width:250px; height:30px; line-height:30px; border:0; color:#dadddf;outline:none; background:#0b7acc;}
.loginInput .verification .inputTr{ float:left; width:156px;}
.loginInput .verification input{ width:100px;}
.loginInput .verificationImg{ float:left; padding-left:20px; padding-top:2px;}
.loginInput .verificationImg img{ width:80px; height:28px; cursor:pointer;}
.loginInput .verificationNew{ float:right; width:28px; height:30px; cursor:pointer;}
.loginInput .verificationNew i{ display:block; float:right; margin-top:3px; width:24px; height:24px;}
.loginInput .verification .inputCurrent{width:154px;}
.loginInput .inputCurrent{width:300px; height:30px; border:#0b7acc 1px solid; background:#fff;}
.loginInput .inputCurrent em{}
.loginInput .inputCurrent input { color:#999;font-weight:100; background:#fff;}
.loginInput .inputCurrent .ico-peopleSmall{ background-position: 0px -24px ;}
.loginInput .inputCurrent .ico-pas{ background-position: -24px -24px ;}
.loginInput .inputCurrent .ico-number{ background-position: -48px -24px ;}
.loginInput .inputOn input { color:#373636; font-weight:bold;}
.loginInput dt{position:absolute; left:0; bottom:0; width:300px; height:25px;}
.loginInput dt p{line-height:25px; color:#d71718;}
.loginBtn {  float:left; width:300px; height:40px; border-radius:2px; -webkit-border-radius:2px;}
.loginBtn input{ width:300px; height:40px; line-height:40px; background-color:#d71718; border:0; cursor:pointer;color:#fff; font:16px Microsoft YaHei, Helvetica, sans-serif; border-radius:2px; -webkit-border-radius:2px;}
.loginText{width:300px; text-align:right; height:40px; line-height:40px;}
.loginText a{width:80px; color:#2b89d1; font-size:12px;}
.tipsInfo{position:absolute; left:9px; bottom:15px; width:330px;}
.tipsInfo .tipsBook{padding:0 10px 10px 10px;}
.tipsInfo .tipsBook dt{padding:0 0 8px 5px; border-bottom:1px solid #aabccb; font-size:12px; font-weight:bold;}
.tipsInfo .tipsBook dt i{ float:left;}
.tipsInfo .tipsBook dd{ padding:5px; line-height:18px; color:#373636;}
.tipsInfo .tipsBook dd a{color:#2b89d1;}
.errorBox{ padding-bottom:10px; color:red; }
/*---------------------------------	版权区 -----------------------------------*/
.footerBox{margin:35px auto 10px; text-align:center;}
.footerBox .copyright{color:#000;  line-height:25px;}
.footerBox .footerLink a{text-decoration:none; color:#000; padding:0 5px;}
.footerBox .footerLink span{color:#a2a2a2;}
/*---------------------------------	认证登录标题 -----------------------------------*/
.approveTitle{ padding-bottom:5px; height:48px; line-height:46px; font-size:22px; color:#646464; border-bottom:#f2f2f2 1px dashed; }
.approveTitle i{ float:left; margin-right:6px;}
.approveTitle span{ margin-left:185px;}
.all {
	margin:0 auto;
	padding:0 10px;
	position:relative;
	z-index:1;
	width:980px;
	height:410px;
	background-color:#fff;
}
.title {
	height:50px;
	font-size:16px;
	font-weight:bold;
	line-height:50px;
	padding-left:10px;
	color:#b82816;
}
.box_lall {
	position:relative;
	width:980px;
	height:480px;
}
.box_lall .login_box {
	position:absolute;
	z-index:10;
	width:695px;
	height:310px;
	background:url(../images/bg_login1.png);
	top:0px;
	left: px;
}
.box_lall .login_box .input_box {
	position:absolute;
	left:7px;
	top:30px;
	width:358px;
	height:180px;
}
.box_lall .login_box .input_box td {
	padding:0 5px 40px 5px;
}
.box_lall .login_box .input_box th {
	padding:0 5px 40px 5px;
	text-align:right;
}
.box_lall .login_box .sm1 {
	position:absolute;
	right:27px;
	top:30px;
	width:320px;
	height:80px;
	padding-left:16px;
	background:url(../images/ico_a.png) left top no-repeat;
}
.box_lall .login_box .sm2 {
	position:absolute;
	right:27px;
	top:95px;
	width:320px;
	height:80px;
	padding-left:16px;
	background:url(../images/ico_a.png) left top no-repeat;
}
.box_lall .login_box .sm3 {
	position:absolute;
	right:27px;
	top:162px;
	width:300px;
	height:26px;
	line-height:26px;
}
.box_lall .login_box .sm6 {
	position:absolute;
	left:85px;
	top:60px;
	width:220px;
	height:80px;
	padding-left:16px;
	color:#999;
}
.box_lall .login_box .sm3 span {
	float:left;
	padding-right:10px;
}
.box_lall .login_box .sm4 {
	position:absolute;
	right:30px;
	top:215px;
	width:300px;
	height:26px;
	line-height:26px;
	text-align:right;
}
.box_lall .login_box .sm5 {
	position:absolute;
	right:260px;
	top:215px;
	width:300px;
	height:26px;
	line-height:26px;
	text-align:right;
}
.box_lall .login_box2 {
	position:absolute;
	z-index:10;
	width:266px;
	height:155px;
	background:url(../images/bg_box.png);
	top:0px;
	right:5px;
}
.box_lall .login_box2 .text1{ padding:15px 15px 0 15px;}
.box_lall .login_box2 .text1 b { font-size:14px; padding-bottom:10px; display:inline-block;}
.box_lall .login_box2 .text2{  padding:10px; text-align:center; color:#b82816;}
.box_but {
	position:absolute;
	z-index:10;
	top:208px;
	left: 440px;
	width:99px;
	height:38px;
}
.box_but input {
	width:99px;
	height:38px;
	background:url(../images/but_bg.png);
	border:0;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
}
.approveBtn {  float:left; margin-top:230px;margin-left:100px;margin-right:100px;width:100px; height:46px;}
.approveBtn input{ width:100px; height:44px; background-color:#46a6f1; border:0; border-bottom:#3c8dcd 2px solid; cursor:pointer;color:#fff; font:22px Microsoft YaHei, Helvetica, sans-serif;}
/*---------------------------------	Select装饰样式 -----------------------------------*/
.form_alter{ float:left; padding-top:4px;}
.mainCon {
	position: relative;
	display: inline-block;
	z-index: 500;
	float: left;
}
div.selectbox-wrapper ul li {
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	cursor: pointer;
	cursor: hand;
	line-height: 20px;
	padding-top: 3px;
	_width: 100%;
}
.selectbox_disabled {
	border-left: solid 1px #eaeaea!important;
	border-top: solid 1px #eaeaea!important;
	border-bottom: solid 1px #eaeaea!important;
}
.loader {
	position: absolute;
	z-index: 500;
	left: 0px;
	top: 0px;
	padding-left: 5px;
	padding-top: 3px;
	width: 100%;
	height: 25px;
	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity=80);
	background-color: white;
}
.li_left {
	float: left;
	overflow: hidden;
}
.mainCon .inputDisabled {
	background-color: #f5f5f5!important;
	background-image: none!important;
	color: #c0bfbf!important;
	cursor: default!important;
}
div.selectbox-wrapper {
	
	border: #eaeaea 1px solid;
	position: absolute;
	background-color: #fff;
	text-align: left;
	z-index: 100;
	display: block;
	left: 0px;
	top: 18px;
 >top:26px;
}
div.selectbox-wrapper ul li {
	white-space: nowrap;
}
div.selectbox-wrapper ul li.selected {
	background-color: #d9ebf5;
}
div.selectbox-wrapper ul li.current {
	color: #fff;
	background-color: #0081dd;
	border: 0!important;
}
div.selectbox-wrapper ul li.group {
	font-weight: bold;
	background-image: url(../images/selarr.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left: 15px;
	_width: 80%;
}
.selectbox {
	border: none;
	cursor: pointer;
	cursor: hand;
	font-size: 12px;
	HEIGHT: 26px;
	line-height: 26px;
	overflow-y: hidden;
	border-left: solid 1px #eaeaea;
	border-top: solid 1px #eaeaea;
	border-bottom: solid 1px #eaeaea;
	background-image: url(../images/selinputbg.jpg);
	background-repeat: repeat-x;
	background-color: #ffffff;
	padding-left: 2px;
}
.tipColor {
	color: gray;
}
.selBtn {
	width: 24px;
	height: 28px;
	border: 0;
	border-style: none;
	background-image: url(../images/selbtn.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
	cursor: hand;
}
.selBtn_disabled {
	background-image: url(../images/selbtn_disabled.jpg)!important;
	cursor: default!important;
}