﻿/* ------------------------------ reg ------------------------- */
#regtop{ width: 960px; margin: 0px auto; padding: 22px 0; }
#regtop span{ padding: 0px 146px 0 0; display: block; float: left; background: url(../images/Login/loginbg.jpg) no-repeat right 9px; }
#regtop span.sbg{ background: url(../images/Login/loginbg.jpg) no-repeat 100% -600px; }
#regtop span img{ background-color: #fff;}
#regtop p{ display: block; float: right; text-align: right; font: normal 12px '宋体'; color: #3A3C3E; padding: 15px 0 0 0; }
#regtop p b{ font: bold 14px "Tahoma"; color: #ff0000; padding: 0px 3px; }
#regtop p a{ display: inline-block; background: url(../images/Public/publicbg.jpg) no-repeat -134px -28px; width: 21px; height: 21px; position: relative;cursor: pointer;}
#regtop p a .QQhover {
    position: absolute;
   left: 0px;
    bottom: 18px;
    border: 1px solid #666;
    border-radius: 4px;
    line-height: 20px;
    color: #333;
    background: rgba(255,255,255,.9);
    display: none;
    cursor: auto;
    font-weight: 700;
    height: 20px;
    width: 100px;
    text-align: center;
    font-family:"Arial"; 
    overflow: hidden;
    resize: none;
    font-size: 12px;
    

   }
   #regtop p a .QQhover::after{
    position: absolute;
    left: 0;
    top: 0;
    line-height: 20px;
    content: "QQ:";
   }
   #regtop p a:hover .QQhover{
    display: inline-block;
   }
.regstep{ width: 960px; height: 34px; margin: 0px auto; background: url(../images/Login/loginbg.jpg) no-repeat 0 -51px; }
.regstep span{ width: 320px; height: 32px; text-align: center; font: bold 14px/32px '宋体'; color: #333333; float: left; padding: 2px 0 0 0; }
.regstep span.hot{ color: #fff; }
.regstep2{ background: url(../images/Login/loginbg.jpg) no-repeat 0 -86px; }
.regtitle{ width: 960px; height: 40px; margin: 10px auto 0; font: bold 14px/32px '宋体'; color: #68615F; border-bottom: 1px solid #DCDDDD; text-indent: 10px; position: relative; }
.regtitle b{ color: #ff0000; padding: 0px 5px 0 300px; font-family: Tahoma; }
.otherlogin{ display: block; position: absolute; right: 200px; top: 8px; font-size: 12px; line-height: 18px; font-weight: normal; }
.otherlogin img{ vertical-align: middle; margin-top: -5px!important; margin-right: 8px; }
.regtable{ width: 960px; margin: 10px auto 0; }
.regtable dl{ width: 960px; float: left; }
.regtable dl dt{ width: 297px; height: 56px; text-align: right; font: normal 14px/56px '宋体'; color: #2E2B2B; display: block; float: left; padding: 4px 0 0 0; }
.regtable dl dt b{ font: normal 11px "Tahoma"; color: #ff0000; padding: 0px 10px 0 5px; }
.regtable dl dd{ width: 660px; color: #2E2B2B; display: block; float: right; vertical-align: middle; padding: 12px 0 0 0; }
.regtable dl dd#divDragCheck {
	width: 308px;
	float: left;
}
.incss{ width: 290px; height: 30px; font: normal 12px/30px '宋体'; vertical-align: middle; float: left; }
.incss input{ width: 281px; height: 23px; border: 1px solid #E0E0E0; padding: 7px 0 0 5px; color: gray; font: normal 14px "Tahoma",'宋体'; background: url(../images/Login/loginbg.jpg) repeat-x 0 -139px; }
.regtable dl dd strong{ font: normal 12px/17px '宋体'; color: #AEABAA; display: block; padding: 8px 0 12px 0px; float: left; vertical-align: middle; width: 340px; }
.imgDiv{ font: normal 12px/17px '宋体'; color: #AEABAA; display: block; float: left; margin: 5px 0 0 0; }
.tips{ width: 286px; border: 1px solid #E0E0E0; z-index: 100; padding: 5px 0; float: left; margin: 0px 0 0 0; }
.tips ul li{ list-style: none; position: relative; font: normal 12px/18px "Tahoma",'宋体'; height: 18px; padding: 0px 10px; display: block; float: left; width: 265px; }
.tips ul li:hover{ background: #f1f1f1; font-weight: bold; }
.emailType{ font-weight: bold; border-bottom: 1px solid #E0E0E0; background: none; }
.radiocss{ width: 290px; font: normal 14px/18px '宋体'; vertical-align: middle; padding: 6px 0 0 0; display: block; float: left; }
.codeimg{ width: 200px; font: normal 12px/18px '宋体'; vertical-align: middle; float: left; display: inline; margin: 5px 0 0 -230px; }
.codeimg img{ vertical-align: middle; padding: 0px 10px 0 0; }
.codeimg a{ text-decoration: underline; color: blue; }
.regtable p{ width: 960px; float: left; text-align: center; padding-bottom: 20px; border-top: 1px solid #DCDDDD; }
.regtable p a{ text-decoration: underline; color: #406FA3; font: normal 12px/45px '宋体'; cursor: pointer; }
.regtable p a:hover{ text-decoration: none; color: #333; }
.regtable p button{ width: 220px; height: 40px; text-align: center; border: 0px; color: #fff; display: block; font: bold 14px '宋体'; margin: 0px auto; cursor: pointer; background: url(../images/Login/loginbg.jpg) no-repeat 0 -172px; }
.success{ width: 650px; margin: 20px auto 0; text-align: center; font: normal 14px/40px '宋体'; }
.success span{ font: bold 20px/35px 'Microsoft Yahei'; color: #3D3D3D; display: block; }
.success span b{ color: #ff0000; padding: 0px 10px; }
.success a{ text-decoration: underline; color: #033C98; }
.success a:hover{ text-decoration: none; color: #333; }
.warning{ width: 650px; height: 300px; margin: 10px auto 0; border: 1px solid #DDE8F0; position: relative; background: url(../images/Login/login_bg11.jpg) no-repeat; }
.warning-a{ height: 180px; }
.wleftbg{ width: 63px; height: 57px; position: absolute; top: 34px; left: 24px; background: url(../images/Login/loginbg.jpg) no-repeat 0 -423px; }
.wleftbg-a{ width: 65px; height: 57px; position: absolute; top: 64px; left: 27px; background: url(../images/Login/loginbg.jpg) no-repeat -69px -423px; }
.wleftbg-b{ width: 65px; height: 57px; position: absolute; top: 34px; left: 27px; background: url(../images/Login/loginbg.jpg) no-repeat -69px -423px; }
.wleftbg-c{ width: 62px; height: 57px; position: absolute; top: 34px; left: 24px; background: url(../images/Login/loginbg.jpg) no-repeat 0px -484px; }
.warning span{ width: 520px; position: absolute; top: 20px; right: 14px; font: bold 18px/24px "微软雅黑"; color: #E00000; display: block; vertical-align: middle; }
.warning span strong{ font: bold 16px "Arial"; color: #ff0000; }
.warning span a.apad{ text-decoration: none; color: #033C98; padding: 0px 0 0 66px; }
.emailinput{ width: 326px; height: 30px; position: absolute; top: 60px; left: 116px; }
.emailinput input{ width: 200px; height: 22px; font: normal 12px/22px "Arial"; padding: 0px 0 0 3px; float: left; }
.emailinput button{ width: 112px; height: 26px; border: 0px; color: #fff; background: url(../images/Login/loginbg.jpg) no-repeat 0px -546px; float: right; cursor: pointer; }
.warning span.stop{ top: 10px; }
.warning span.sbot{ top: 90px; color: #C1C2C3; }
.warning span a.apad:hover{ color: gray; }
.check{ width: 98px; height: 26px; position: absolute; top: 20px; left: 347px; }
.check a{ width: 98px; height: 22px; display: inline-block; /* margin: -4px 0 0 5px;*/ background: url(../images/Login/loginbg.jpg) no-repeat -399px -180px; }
.warningbt{ width: 150px; height: 40px; position: absolute; top: 100px; left: 261px; }
.warningbt a{ width: 150px; height: 40px; display: block; background: url(../images/Login/dianci.jpg) no-repeat; }
.warning p{ width: 420px; position: absolute; top: 48px; left: 115px; font: normal 12px/24px '宋体'; color: #646566; }
.warning p b{ color: #ff0000; font: bold 14px/28px '宋体'; }
.warning p a{ text-decoration: none; color: #033C98; }
.warning p a:hover{ color: gray; }
.warning .list{ width: 420px; position: absolute; top: 170px; left: 115px; font: normal 12px/24px '宋体'; color: #646566; }
.warning .list a{ text-decoration: none; color: #033C98; }
/* ------------------------------ login ------------------------- */
#login-main{ width: 970px; height: 438px; margin: 0px auto; position: relative; }
.login-img{ width: 613px; height: 173px; position: absolute; top: 0px; left: 0px; }
.login-leftbg{ width: 589px; height: 234px; position: absolute; top: 202px; left: 17px; z-index: -1; background: url(../images/Login/loginbg.jpg) no-repeat -139px -424px; }
.if{ width: 200px; position: absolute; top: 53px; left: 90px; z-index: 1; }
.if-a{ left: 286px; }
.if span{ width: 200px; display: block; float: left; font: bold 14px/32px '宋体'; color: #047F15; }
.if p{ width: 169px; display: block; float: left; font: normal 14px/30px '宋体'; color: #333333; padding: 0px 0 0 28px; }
.login-right{ width: 355px; height: 436px; position: absolute; top: 0px; right: 0px; border: 1px solid #D4D4D4; }
.login-righttitle{ width: 200px; height: 22px; position: absolute; top: 30px; left: 30px; background: url(../images/Login/loginbg.jpg) no-repeat -511px -180px; }
.login-right dl{ width: 273px; position: absolute; top: 77px; left: 37px; }
.login-right dl dt{ width: 70px; height: 35px; font: normal 14px/35px '宋体'; color: #494C4C; display: block; float: left; padding: 4px 0 0 0; text-align: center; }
.login-right dl dt b{ padding: 0px 0 0 13px; }
.login-right dl dd{ width: 200px; height: 40px; display: block; float: right; /*	padding: 14px 0;*/ vertical-align: middle; position: relative; }
.login-right dl dd input.log{ width: 193px; height: 17px; border: 1px solid #ADADAD; padding: 4px 0 3px 5px; color: gray; font: normal 14px "Tahoma",'宋体'; position: absolute; top: 7px; background: url(../images/Login/loginbg.jpg) repeat-x 0 -139px; }
.codelog{ width: 100px; position: absolute; top: 9px; left: 60px; font: normal 12px/18px '宋体'; vertical-align: middle; }
.login-right dl dd p{ width: 193px; height: 23px; color: #8D8D8D; font: normal 12px/23px '宋体'; position: absolute; top: 0px; }
.login-right dl dd p input{ vertical-align: middle; margin: -2px 5px 0 0; }
.login-right dl dd button{ width: 83px; height: 33px; border: 0px; position: absolute; top: -10px; display: block; cursor: pointer; background: url(../images/Login/loginbg.jpg) no-repeat -721px -175px; }
.login-right dl dd strong{ width: 65px; height: 23px; font: normal 12px/23px '宋体'; position: absolute; top: -5px; left: 100px; display: block; }
.login-right dl dd strong a{ text-decoration: none; color: #003E83; }
.login-right dl dd strong a:hover{ text-decoration: underline; color: #333; }
.notmember{ width: 273px; position: absolute; left: 37px; bottom: 110px; color: #494C4C; padding: 8px 0 0 0; border-top: 1px solid #D4D4D4; }
.freereg{ width: 150px; position: absolute; left: 102px; bottom: 47px; }
.freereg a{ width: 150px; height: 40px; display: block; background: url(../images/Login/loginbg.jpg) no-repeat -810px -169px; }
/* ------------------------------ 弹出层 ------------------------- */
#floatBoxBg{ display: none; width: 100%; height: 100%; background: #EBEBEB; position: absolute; top: 0; left: 0; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
.floatBox{ width: 700px; position: absolute; top: 50px; left: 40%; }
.floatBox .title{ height: 23px; padding: 7px 10px 0 0; background: url(../images/Login/loginbg.jpg) no-repeat 0px 0; color: #fff; width: 692px; }
.floatBox .title h4{ float: left; padding: 2px 0 0 15px; margin: 0; font-size: 14px; line-height: 16px; }
.floatBox .title span{ float: right; cursor: pointer; padding: 3px 0 0 0px; }
.floatBox .content{ padding: 20px 15px; background: #E8EFFB; border: #BDD0EA 1px solid; width: 670px; float: left; }
.login-sev{ position: relative; display: block; text-align: center; font: bold 20px/35px 'Microsoft Yahei'; color: #333; border-bottom: 1px solid #333; }
.login-read{ position: relative; display: block; text-align: center; font: normal 12px/25px '宋体'; color: #333; }
.login-supply{ position: relative; display: block; text-align: center; font: normal 14px/40px '宋体'; color: #333; }
.floatBox .content textarea{ width: 640px; height: 230px; margin: 0px 0 0 10px; font: normal 12px/25px '宋体'; color: #666; padding: 10px 0 0px 10px; }
/*-------社区注册-----------*/
.incssq{ width: 290px; height: 30px; font: normal 12px/30px '宋体'; vertical-align: middle; float: left; }
.incssq input{ width: 281px; height: 23px; border: 1px solid #E0E0E0; padding: 7px 0 0 5px; color: gray; font: normal 14px "Tahoma",'宋体'; }
.incssqq{ width: 64px; height: 30px; font: normal 12px/30px '宋体'; vertical-align: middle; float: left; }
.incssqq input{ width: 64px; height: 23px; border: 1px solid #E0E0E0; padding: 7px 0 0 5px; color: gray; font: normal 14px "Tahoma",'宋体'; }
.codeimg_a{ float: left; width: 50px; height: 22px; margin-top: 3px; padding-left: 10px; margin-right: 10px; }
.codeimg_b a{ display: block; float: left; height: 30px; line-height: 30px; }
 .member_1{ float: left; padding: 6px 0; line-height: 40px; }
.areaSelect{
	width: 188px;
	height: 37px;
	float: left;
	position: relative;
	margin-right: 20px;
}
.selectTop{
	width: 186px;
	height: 35px;
	border: 1px solid #e2e0e0;
	border-radius: 2px;
	position: relative;
	cursor: pointer;
	background-color: #fff;
}
.selectTop p{
	width: 100%;
	height: 100%;
	line-height: 35px;
	text-indent: 15px;
	color: #545454;
	text-align: left;
	border-top: none;
}
.selectTop b{
	position: absolute;
	width: 12px;
	height: 7px;
	top: 14px;
	right: 14px;
	background: url("/UserManage/Images/Login/downArrow.png") 0 0 no-repeat;
}
.selectBot{
	position: absolute;
	width: 186px;
	top: 37px;
	left: 0;
	z-index: 9999;
	border:1px solid #e2e0e0;
	border-top: none;
	background-color: #fff;
	max-height: 192px;
	overflow-y: auto;
	display: none;
}
.selectBot li {
    display: block;
    line-height: 24px;
    height: 24px;
    text-indent: 15px;
    cursor: pointer;
}
.login-tab{
	text-align: center;
	margin-top: 12px;
}
.login-tab p a {
	display: inline-block;
	font-size: 18px;
	font-family: 'microsoft yahei';
	color: #333;
	padding: 0 25px;
	line-height: 46px;
	position: relative;
	text-decoration: none;
}
.login-tab p a.focus{
	font-weight: 700;
	color: #50a240;
}
.login-tab p a.focus::after{
	content:'';
	width: 32px;
	height: 4px;
	background-color: #50a240;
	position:absolute;
	bottom:0;
	left: 50%;
	transform:translateX(-50%);
}
.login-bot{
	display: none;
}
.login-bot .box .get-code {
	position: absolute;
	right: 0;
	top: 7px;
	color: #fff;
	background-color: #50a240;
	font-size: 12px;
	font-family: 'microsoft yahei';
	line-height: 26px;
	padding: 0 10px;
	border-radius: 2px;
	text-decoration: none;
}
.login-bot .box .get-code.gray {
	background-color: #aaa;
}
