﻿*{margin:0;padding:0;list-style:none;font-size:12px;font-family:"Microsoft YaHei"}
body{margin:0px;padding:0px;}
img{border:0;}
a{
    color: #5e5e5e;
    text-decoration: none;
    cursor: pointer;
    /* outline: none; */
}
a:hover{
    color: #C00;
    text-decoration: underline;
}

/*页面顶部*/
#header{width:100%;height:85px}
.clearfix{zoom:1}
.top{width:1024px;height:85px;margin:0 auto;position:relative;z-index:10;}
.top h1{display:block;float:left;zoom:1;width:379px;height:85px;}
.top h1 a{text-decoration:none;display:block;width:379px;height:65px;margin:10px 0;}

/*微信扫码关注*/
.login_ewmbtn{ float:right; width:149px; height:27px; background:url(../images/login_ewmbtn.png) no-repeat; margin-top:40px; position:relative;}
.login_ewm{ width:160px; height:168px; background:url(../images/ax15.jpg) no-repeat; position:absolute; right:0px; top:68px; display:none;}

/*页面内容*/
#content{width:100%;height:500px;}
.main{
	width: 100%;
	height: 500px;
	overflow: hidden;
	margin: 0 auto;
	background-position: top center;
}

/* ====登录框==== */
.main .login-box-wrap{ 
	width:290px;  
	padding: 30px 30px 20px 30px;
	float: right;
	margin-top:65px;
	background: #fff;
/*	margin-right:365px;
	position: relative;
	overflow: visible;	*/
	left:55%;
	margin-left:150px;
	position:absolute;
	overflow:hidden;
}

/*登录框标题*/
.title{ padding-bottom: 50px;}
.title h2{
	float: left;
	padding: 5px 0;
	color: #5E5E5E;
	font-family: "Microsoft Yahei";
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
}

/* ==帐号密码登录== */
.main .login-wrap{
	float: right;
	*display: inline;
	width: 290px;
	position: relative;
}

/*输入框*/
.login-item{
	position: relative;
	height:62px;
}
.login-item-name{z-index:5;}
.login-item .default{
	position: absolute;
	left: 12px;
	top: 11px;
	color: #A5A5A5;
	font-size: 14px;
	z-index: 1;
	display: block;
}
.login-item-pwd{z-index: 10;}
.txt{
	position: relative;
	padding: 8px 10px 7px 10px;
	width: 268px;
	height: 25px;
	background: url(../images/capital-tip-common.png) no-repeat -500px 0 transparent;
	border: 1px solid #CCC;
	font-family: Arial,simsun;
	outline: 0 none;
	color: #333;
	font-size: 14px;
	line-height: 21px;
	z-index: 2;
}
.login-item-pwd .capital-tip{
	display: none;
	position: absolute;
	left:4px;
	top:31px;
	width:95px;
	height:20px;
	padding-top: 7px;
	overflow: hidden;
	background: url(/images/capital-tip-common.png) no-repeat 0 0;
	z-index: 3;
	color:#666;
	line-height: 20px;
	text-align: center;
}

/*忘记密码*/
.regist-link{padding:0;margin-top:10px; text-align:right;}
.regist-link a{font-family:arial;color:#666666;font-size:12px;}
.regist-link a:hover{color:#02c9be;}

/* 登录按钮 */
.btnnuw{
    display:block;
    width:290px;
    height:42px;
    background:#034ad2;
    font:500 18px/41px "Microsoft Yahei";
    color:#fff;
    text-align:center;
    border:0 none;
    outline:none;
    word-spacing:3px;
    cursor:pointer;
}
.btnnuw:hover{
    color:#fff;
    text-decoration:none;
    background:#02c9be;
}

/*====忘记密码页面====*/
.logUserMain{ margin:45px auto 0 auto; border:1px solid #dfdfdf; background:#fff; width:978px; border-radius:5px;}
.logUserMainTit{ height:86px; margin:0 50px; border-bottom:1px solid #dfdfdf; line-height:86px; text-align:center; font-size:30px; color:#034ad2}
.logUSERMainTip{ text-align:center; padding:50px 0;}
.logUSERMainTip .text{ font-size:18px; padding:60px 0; display:inline-block;}
/*表单*/
.fromtab{ margin:0 auto; font-size:14px;}
.fromtab td{ height:48px;}
.fromtab .title{ text-align:right; padding:0 8px 0 10px;}
.fromtab td input{ width:300px; height:34px; line-height:34px; background:#f8f8f8; border:1px solid #ccc;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;}
.fromtab td select{ width:300px; height:34px; line-height:34px; background:#f8f8f8; border:1px solid #ccc;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;}
.fromtab td textarea{ width:700px; height:90px; background:#f8f8f8; border:1px solid #ccc;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;}
.fromtab td button.jj{ border:1px solid #fff; background:#034ad2; height:40px; width:120px; font-size:14px; cursor:pointer; color:#fff;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;}
.fromtab td button.jj:hover{ background:#02c9be;}
.fromtab td button.xj{ border:1px solid #ccc; background:#ddd; height:40px; width:120px; font-size:14px; cursor:pointer; color:#333;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;}
.fromtab td button.xj:hover{ background:#efefef;}
.fromtab td button.jg{ border:1px solid #df2d2d; background:#f34646; height:40px; width:120px; font-size:14px; cursor:pointer; color:#fff;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;}
.fromtab td button.jg:hover{ background:#ea2d2d;}
/*按钮*/
button.jj{ border:1px solid #ff6000; background:#ff6000; height:40px; width:120px; font-size:14px; cursor:pointer; color:#fff;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;}
button.jj:hover{ background:#ef5c04;}
button.xj{ border:1px solid #ccc; background:#ddd; height:40px; width:120px; font-size:14px; cursor:pointer; color:#333;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;}
button.xj:hover{ background:#efefef;}
button.jg{ border:1px solid #df2d2d; background:#f34646; height:40px; width:120px; font-size:14px; cursor:pointer; color:#fff;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;}
button.jg:hover{ background:#ea2d2d;}

/* ==扫码登录== */
.sm-login-box{
	width: 290px;
	height:290px;
	overflow:hidden;
	color: #888;
	display:none;
}
.default-state{
	width: 290px;
	padding-bottom:20px;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/qrcode.png');
}
.default-state .ma{
  width: 165px;
  height: 165px;
  margin: 0 auto;
  border:#f3f3f3;
}
.sm_more{overflow:hidden;width:126px;margin:24px auto 0}
.sm_more .iconfont{float:left;color:#f40;font-size:34px;line-height:36px;margin-right:10px}
.sm_more p{float:left;width:80px;line-height:18px;color:#6c6c6c;font-size:12px}
.sm_more .sm_font{color:#24a021}

/*登录及注册用户人数*/
.corp-login{overflow: hidden;clear: both; padding-top:30px;padding-bottom:15px;}
.corp-login li{float:left;height: 30px;overflow: hidden;margin-right:15px}

/*扫码登录更安全*/
.login-tip{position:absolute;bottom:-15px;right:30px;}
.poptip{border:1px solid #4ea0ff;height:16px;line-height:16px;padding:5px 20px 5px 15px;background:#eff7ff;position:relative}
.poptip .poptip-content{color:#3d96ff;font-size:12px;font-weight:400}
.poptip-arrow{position:absolute;z-index:10;*zoom:1}
.poptip-arrow em,.poptip-arrow span{position:absolute;*zoom:1;width:0;height:0;border-color:rgba(255,255,255,0);border-color:transparent \0;*border-color:transparent;_border-color:tomato;_filter:chroma(color=tomato);border-style:solid;overflow:hidden;top:0;left:0}
.poptip-arrow{top:8px;right:0}
.poptip-arrow em{top:0;left:1px;border-left-color:#4ea0ff;border-width:6px 0 6px 6px}
.poptip-arrow span{border-left-color:#eff7ff;border-width:6px 0 6px 6px}

/*切换登录方式*/
.login-box-wrap .btn-2login,.login-box-wrap .btn-2qrcode {
  display: block;
  width: 60px;
  height: 60px;
  line-height: 99em;
  position: absolute;
  right: 0;
  bottom: 0;
  overflow: hidden;
  outline:none;
  background:url(/images/login-qricon-01.png) no-repeat;
  -webkit-transition: background-position .2s cubic-bezier(0.25,.5,.5,.9);
  -moz-transition: background-position .2s cubic-bezier(0.25,.5,.5,.9);
  transition: background-position .2s cubic-bezier(0.25,.5,.5,.9);
}
.login-box-wrap .btn-2qrcode {
  background-position: -60px 0;
}
.login-box-wrap .btn-2login {
  background-position: 0 -60px;
}

/*页面底部*/
#bottom{width:100%;height:120px;margin:0 auto;overflow:hidden;text-align:center;padding-top:10px;}
.footer{width:1024px;margin:8px auto;color:#6c6c6c;border-bottom:1px solid #D3D3D3;padding-bottom:8px;}
.copyright{margin:10px 0;color:#6c6c6c}
.cra{color:#6c6c6c}
.cra:hover{color:#004792;text-decoration:none;}
.copy{color:#b0b0b0;text-align: left !important;}
