html,body{
  height:100%;
}
body{
  background-color:#f1f1f1;
}
body.white{
  background-color:#fff;
}
body.white .login-hd{
  background:#fff;
}
body.white .login-hd .left-bg{
  display:none;
}
body.white .login-hd .right-bg{
  display:none;
}
body.white .login-hd .logo{
  background:url(../images/login_logo_w.png) no-repeat;
}
body.white .login-hd .split{background-color:#ccc;}
body.white .login-bd{
  background-color:#f1f1f1;
}
body.default{background-color:#fff;}
body.default .login-hd{background:#fff;}
body.default .login-hd .logo{background:url(../images/login_logo_w.png) no-repeat center;background-size: auto 100%;}
body.default .login-bd{background-color:#4d6178;}
body.default .login-bd .lg-zone{background:url(../images/login_bg_tubiao.png) center 46px no-repeat;}
body.white .login-bd .lg-zone{background:url(../images/login_bg_tubiao.png) center 46px no-repeat;}
body.white .login-bd .lg-zone .lg-box .lg-label h4{border-left:none;}
.login-hd{
  position:relative;
  height:94px;
  background:#4d6178;
  line-height:94px;
  min-width:1200px;
}
.login-hd .left-bg{
  position:absolute;
  width:348px;
  height:92px;
  left:0;
  top:0;
  background:url(../images/login_top_left.png) no-repeat;
}
.login-hd .right-bg{
  position:absolute;
  width:267px;
  height:92px;
  right:0;
  top:0;
  background:url(../images/login_top_right.png) no-repeat;
}
.login-hd .hd-inner{
  width:1200px;
  height:94px;
  line-height:94px;
  margin:0 auto;
}
.login-hd .hd-inner .logo{
  position:relative;
  display:inline-block;
  width:388px;
  height:40px;
  margin-left:15px;
  margin-top:27px;
  margin-right:10px;
  background:url(../images/login_logo.png) no-repeat;
}
.login-hd .hd-inner .split{
  position:relative;
  display:inline-block;
  height:32px;
  width:1px;
  top:-17px;
  margin-right:10px;
  background-color:#738aa5;
}
.login-hd .hd-inner .inner-nav {
	float:right;
}
.inner-nav .inner-nav-icon{
	display: inline-block;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
}
.inner-nav>div{
	display: inline-block;
	color:#4d6178;
	position: relative;
}
.inner-nav>div:nth-child(1),.inner-nav>div:nth-child(2){
	margin-right: 60px;
}
.inner-nav a{
	color:#4d6178;
}
.ewm{
	position: absolute;
	top: 68px;
  z-index: 10;
  display: none;
}
.kefu{
	position: absolute;
	top: 68px;
  z-index: 10;
  width: 140px;
  height: 133px;
  background: url(../images/border.png);
  display: none;
  left: -24px;
}
.kefu>img{
	z-index: -1;
}
.kefuUl{
	width: 138px;;
	position: absolute;
  top: 13px;
  left: 1px;

}
.toJoinus:hover{
	color:#4d6178!important;
}
.kefuUl li{
	height: 39px;
	text-align: center;
	position: relative;
	line-height: 39px;
}
.kefuUl li>div{
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.qq-logo{
	background: url(../images/qq.png);
	background-size: 100%;
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right: 10px;
	position: relative;
	top: -1px;
}
body.default .login-hd .hd-inner .split{background-color:#ccc;}
.login-hd .hd-inner .sys-name{
  display:inline-block;
  position:relative;
  color:#000;
  font-size:22px;
  top:-31px;
}
.login-bd{
  position:relative;
  border:1px solid #e5e5e5;
  background-color:#fff;
  min-width:1200px;
}
.login-bd .bd-inner{
    width: 1200px;
    margin: 0 auto;
    background-image: url(../images/innerbg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 160%;
}
.login-bd .bd-inner .inner-wrap{
  position:relative;
  padding-right:504px;
}
.login-bd .bd-inner .inner-wrap .lg-zone{
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  width:504px;
}
.login-bd .bd-inner .inner-wrap .lg-zone .alert{
  margin:0 33px 10px;
}
.login-bd .bd-inner .inner-wrap .lg-zone .lg-box{
  position:absolute;
  right:30px;
  top:46px;
  background:#fff;
  box-shadow:2px 2px 3px #ddd, -2px 0 3px #ddd;
  width:364px;
  padding-bottom:20px;
}
body.default .login-bd .bd-inner .inner-wrap .lg-zone .lg-box{
  position:absolute;
  right:0px;
  top:107px;
  background:#fff;
  box-shadow:0px 0px 0px #ddd, -0px 0 0px #ddd;
  width:364px;
  padding-bottom:20px;
}
.login-bd .bd-inner .inner-wrap .lg-zone .lg-box .line{
  position:absolute;
  left:0;
  top:0;
  height:6px;
}

.login-bd .bd-inner .inner-wrap .lg-zone .lg-box .line.line-y{
  width:127px;
  background:#ff9d02;
}
.login-bd .bd-inner .inner-wrap .lg-zone .lg-box .line.line-g{
  left:127px;
  right:0;
  background:#4d6178;
}
.login-bd .bd-inner .inner-wrap .lg-zone .lg-box .lg-label{
  color:#000;
  font-size:22px;
  height:44px;
  line-height:44px;
  margin-top:23px;
  text-indent:30px;
  margin-bottom:20px;
}
.login-bd .bd-inner .inner-wrap .lg-zone .lg-box .lg-label h4{
  border-left:4px solid #4d6178;
}
body.default .login-bd .bd-inner .inner-wrap .lg-zone .lg-box .lg-label h4{
  border-left:4px solid #ff9d02;
}
.login-bd .bd-inner .inner-wrap .lg-zone .lg-box .input-item{
  margin-bottom:22px;
  width:296px;
  line-height:40px;
  height:40px;
  border-top:1px solid #adadad;
  border-left:1px solid #adadad;
  border-right:1px solid #cfcfcf;
  border-bottom:1px solid #cfcfcf;
  margin-left:34px;
}
.login-bd .bd-inner .inner-wrap .lg-zone .lg-box .input-item i{
  float:left;
  display:inline-block;
  width:40px;
  height:40px;
  line-height:40px;
  text-align:center;
  color:#5d5c68;
}
.login-bd .bd-inner .inner-wrap .lg-zone .lg-box .input-item input{
  border:0;
  height:40px;
  padding:0;
  width:236px;
  float:left;
  outline:none;
  text-decoration:none;
}
.login-bd .bd-inner .inner-wrap .lg-zone .lg-box .input-item input:focus{
  outline:none;
  text-decoration:none;
}
.login-bd .bd-inner .inner-wrap .lg-zone .lg-box .lg-check{
  margin-bottom:10px;
}
.login-bd .bd-inner .inner-wrap .lg-zone .lg-box .lg-check .input-item{
  float:left;
  width:172px;
  margin-right:10px;
}
.login-bd .bd-inner .inner-wrap .lg-zone .lg-box .lg-check .input-item input{width:132px;}
.login-bd .bd-inner .inner-wrap .lg-zone .lg-box .lg-check .check-code{
  float:left;
  display:inline-block;
  height:42px;
  line-height:42px;
  background-color:#ff9d02;
  color:#fff;
  width:114px;
  text-align:center;
  font-size:14px;
}
.login-bd .bd-inner .inner-wrap .lg-zone .lg-box .tips{
  height:20px;
  line-height:20px;
  margin-bottom:30px;
}
.login-bd .bd-inner .inner-wrap .lg-zone .lg-box .tips input[type=checkbox]{
  position:relative;
  margin-left:34px;
}
.login-bd .bd-inner .inner-wrap .lg-zone .lg-box .tips label{
  font-size:14px;
  color:#a3a3a3;
}
.login-bd .bd-inner .inner-wrap .lg-zone .lg-box .tips a{
  float:right;
  font-size:12px;
  text-decoration:none;
}
.login-bd .bd-inner .inner-wrap .lg-zone .lg-box .tips a:hover{text-decoration:underline;}
.login-bd .bd-inner .inner-wrap .lg-zone .lg-box .tips a.forget-pwd{
  color:#4d6178;
  margin-left:12px;
  margin-right:34px;
}
.login-bd .bd-inner .inner-wrap .lg-zone .lg-box .enter a{
  display:inline-block;
  text-decoration:none;
  height:48px;
  line-height:48px;
  text-align:center;
  color:#fff;
  font-size:16px;
  width:142px;
  font-weight:bold;
}
.login-bd .bd-inner .inner-wrap .lg-zone .lg-box .enter a.purchaser{
  margin-left:34px;
  background-color:#f45438;
  margin-right:9px;
  width: 298px;
}
.login-bd .bd-inner .inner-wrap .lg-zone .lg-box .enter a.supplier{background-color:#4d6178;}
.login-bd .bd-inner .inner-wrap .lg-poster{
    height: 541px;
    background: url(../images/loginbg.png) right center no-repeat;
    background-size: 82%;
}
.login-ft{
  padding-top:20px;
  min-width:1200px;
}
.login-ft .ft-inner{
  margin:0 auto;
}
.login-ft .ft-inner .about-us{
  height:20px;
  line-height:20px;
  width:295px;
  margin:0 auto;
  margin-bottom:10px;
}
.login-ft .ft-inner .about-us a{
  color:#666;
  text-decoration:none;
  font-size:14px;
  float:left;
  margin-left:15px;
}
.login-ft .ft-inner .about-us a:hover{
  text-decoration:underline;
}
.login-ft .ft-inner .address{
  text-align:center;
  color:#999;
  font-size:12px;
  margin-bottom:10px;
}
.login-ft .ft-inner .other-info{
  text-align:center;
  color:#999;
  font-size:12px;
  margin-bottom:50px;
}

/*修改部分 */
.validateCodeImg{
  float: left;
  display: block;
  margin-top: 8px;
}
.validateCodeRefresh{
  float: left;
  display: block;
  color:#4d6178;
  margin-left: 5px;
  margin-top: 15px;
  font-size: 12px;
  text-decoration:none;
}
.validateCodeRefresh:hover{
  text-decoration:underline;
}