@charset "utf-8";

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}

body{ background:#f2f2f2; color:#333;}
.w1180{ position:relative; width:1180px; margin:0 auto;}
.sign_icon{ background:url(sign.png) no-repeat;}

.sign_head{ height:100px;}
.sign_head .logo{ float:left; display:inline; width:160px; height:59px; margin:20px 20px 0 0; padding:0 20px 0 0; border-right:1px solid #e0e0e0;}
.sign_head .logo a{ display:block; width:160px; height:59px; background-position:0 0; text-indent:-9999px;}
.sign_head .text{ float:left; display:inline; line-height:100px; font-size:24px;}

.regsiter_tab{ position:relative; top:1px; height:37px; padding:0 0 0 68px; z-index:10;}
.regsiter_tab a{ float:left; display:inline-block; width:140px; height:34px; margin:1px 5px 0 0; border:1px solid #ddd; line-height:34px; background:#f7f7f7; font-size:14px; color:#333; text-align:center;}
.regsiter_tab a:hover{ text-decoration:none;}
.regsiter_tab a.active{ height:32px; margin-top:0; border-top:4px solid #e4393c; border-bottom-color:#fff; font-weight: bold; background:#fff; color:#e4393c;}

.regsiter_box{ position:relative; padding:40px 67px 30px; border:1px solid #ddd; background:#fff;}

.regsiter_process{ height:36px; margin:0 0 30px; border-radius:4px; line-height:36px; background:#eee; font-size:14px; text-align:center; overflow:hidden;}
.regsiter_process li{ float:left; width:338px; height:36px;}
.regsiter_process .line{ width:15px; background-position:-120px -60px;}
.regsiter_process .line.left{ background-position:-80px -60px;}
.regsiter_process .line.right{ background-position:-100px -60px;}
.regsiter_process .active{ background:#e4393c; color:#fff;}

.regsiter_form.qqbox{ padding:30px 0 10px 250px;}
.regsiter_form.psdbox{ padding:80px 0 60px 250px;}
.regsiter_form h2{ margin:0 0 25px; font-size:12px; font-weight:normal; color:#999;}
.regsiter_form h2 span{ font-size:14px; font-weight:bold; color:#333;}
.regsiter_form dl{ padding:0 0 20px;}
.regsiter_form dt{ float:left; display:inline; width:130px; padding:0 10px 0 0; line-height:36px; font-size:14px; color:#999; text-align:right;}
.regsiter_form dd{ float:left; display:inline;}
.regsiter_form dd .text{ width:258px; height:24px; padding:5px; border:1px solid #ccc; line-height:24px;}
.regsiter_form dd .text.user{ width:228px; padding-right:35px; background-position:242px -120px;}
.regsiter_form dd .text.psd{ width:228px; padding-right:35px; background-position:242px -151px;}
.regsiter_form dd .text.phone{ width:228px; padding-right:35px; background-position:245px -181px;}
.regsiter_form dd .text.comp{ width:228px; padding-right:35px; background-position:242px -208px;}
.regsiter_form dd .text.short{ width:118px;}
.regsiter_form dd .code{ display:inline-block; width:128px; height:34px; margin:0 0 0 10px; border:1px solid #ddd; line-height:34px; background:#f8f8f8; color:#666; text-decoration:none; text-align:center;}
.regsiter_form dd .code:hover{ background:#fafafa; color:#333;}
.regsiter_form dd .code_note {margin-top:5px; color:#f00;}
.regsiter_form dd .send{ background:#f1f1f1; color:#999; cursor:default;}
.regsiter_form dd .send:hover{ background:#f1f1f1; color:#999;}
.regsiter_form dd.fail{ position:relative;}
.regsiter_form dd.fail p{ position:absolute; top:0; left:0; width:220px; margin:0 0 0 10px; padding:5px 10px 5px 8px; border:1px solid #fcbdbd; line-height:24px; background:#ffebeb; color:#666;}
.regsiter_form dd.fail p i {display:inline-block; width:16px; height:16px; margin:0 10px 0 0; background-position:-120px -98px; vertical-align:-3px;}
.regsiter_form dd.success{ line-height:36px;}
.regsiter_form dd.success i{ display:inline-block; width:16px; height:16px; margin:0 0 0 19px; background-position:-80px -98px; vertical-align:-3px;}
.regsiter_form dd.tip{position:relative; z-index:10; height:34px; margin:0 0 0 10px; padding:0 10px 0 8px; border:1px solid #a5ebff; line-height:34px; background:#e6fbff; color:#666;}
.regsiter_form dd.tip i{ display:inline-block; width:16px; height:16px; margin:0 10px 0 0; background-position:-100px -98px; vertical-align:-3px;}
.regsiter_form dd.txt{ margin:0 0 0 10px; line-height:36px; font-size:14px; color:#ccc;}
.regsiter_form dd.txt a{ color:#3a83e8;}
.regsiter_form dd.txt .checkbox{ margin:0 5px 0 -10px; vertical-align:-2px;}
.regsiter_form dd.upload{}
.regsiter_form dd.upload .upload_box{ position:relative; float:left; width:90px; height:36px; margin:0 10px 0 0; overflow:hidden;}
.regsiter_form dd.upload .upload_box a{ display:block; width:88px; height:34px; border:1px solid #ddd; line-height:34px; background:#f8f8f8; color:#666; text-decoration:none; text-align:center;}
.regsiter_form dd.upload .upload_box a:hover{ background:#fafafa; color:#333;}
.regsiter_form dd.upload .upload_box .file{ position:absolute; top:0px; right:0px; height:36px; border:none; background:none; font-size:400px; opacity:0; filter:alpha(opacity=0); outline:0px; cursor:pointer;}
.regsiter_form dd.upload span{ float:left; display:inline-block; width:170px; height:36px; line-height:36px; font-size:14px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.regsiter_form dd.upload span.no{ color:#ccc}
.regsiter_form dd.btn a{ display:block; width:270px; height:36px; border-radius:4px; line-height:36px; background:#e4393c; font-size:14px; font-weight:bold; color:#fff; text-align:center;}
.regsiter_form dd.btn a:hover{ background:#ef4347; text-decoration:none;}
.regsiter_form dd.btn a.no{ background:#dfdfdf; color:#999;}
.regsiter_form .line{ height:0; margin:10px 0 30px; border-bottom:2px solid #eee; line-height:0; font-size:0;}
.regsiter_form .ps h3{ margin:0 0 10px; font-size:14px; color:#333;}
.regsiter_form .ps p{ line-height:40px; color:#666;}
.regsiter_form .ps a{ color:#3a83e8; text-decoration:underline;}
.regsiter_form .ps a:hover{ text-decoration:none;}
.regsiter_form .finish{ position:relative; height:225px; padding:135px 0 0 450px;}
.regsiter_form .finish h3{ margin:0 0 6px; font-size:24px; font-weight:normal;}
.regsiter_form .finish p{ line-height:32px; color:#999;}
.regsiter_form .finish a{ color:#3a83e8;}
.regsiter_form .finish i{ position:absolute; left:360px; top:135px; width:64px; height:64px; background-position:-164px 0;}
.regsiter_form .company {position: relative;}
.regsiter_form .company .company_list {
	display: none; 
	position: absolute;
    top: 35px;
    left: 0px;
    z-index: 10;
    width: 268px;
    border: 1px solid #ccc;
    background-color: #fff;
    max-height: 235px;
    overflow-y: scroll;

}
.regsiter_form .company .company_list li {padding:5px 5px; color:#666; font-size: 14px;}
.regsiter_form .company .company_list li:hover {background-color: #f1f1f1;}

.regsiter_other{ position:absolute; top:106px; right:67px; width:310px; padding:0 0 0 60px; border-left:1px dashed #eee;}
.regsiter_other .ready{ padding:0 0 30px 10px; border-bottom:1px dashed #eee; color:#999;}
.regsiter_other .ready h3{ margin:10px 0 15px; font-size:14px; color:#666;}
.regsiter_other .ready p{ line-height:18px; color:#666;}
.regsiter_other .ready .button{ display:inline-block; width:80px; height:30px; margin:10px 15px 0 0; border:none; line-height:30px; border-radius:3px; background:#3a83e8; text-align:center; font-size:14px; font-weight:bold; color:#fff; cursor:pointer;}
.regsiter_other .ready .button:hover{ background:#4f93f1; text-decoration:none;}
.regsiter_other .ready .qq{ display:inline-block; width:76px; height:24px; margin:0 15px 0 15px; background:url(qq.png) no-repeat; vertical-align:middle;}
.regsiter_other .service{ padding:0 0 80px 20px;}
.regsiter_other .service h3{ margin:0 0 25px; padding:30px 0 0; font-size:14px;}
.regsiter_other .service p{ line-height:18px; color:#666;}
.regsiter_other .service span{ color:#f94100; font-size:14px; font-weight:bold;}
.regsiter_other .service .qq{ float:right; display:inline-block; width:74px; height:24px; margin:70px 0 0; background:url(qq1.png) no-repeat;}
.regsiter_other .service .sign_icon{ display:inline-block; width:216px; height:48px; margin:115px 0 0; background-position:-50px -120px;}


.foot{ border-top:none;}


.login_box{ height:480px; padding:30px 0 0 730px; background:url(bg1.jpg) no-repeat 40px 30px;}
.login_box .login{ width:410px; border:1px solid #ddd; background:#fff; min-height: 334px; position: relative;}
.login_box .login h2{ height:48px; border-bottom:1px solid #ddd; line-height:48px; color:#666; font-size:14px; text-indent:20px;}
.login_box .login .icon_tip{ display:inline-block; width:14px; height:14px; margin:0 5px 0 0; background:url(zg_icon.png) no-repeat -24px 0; vertical-align:-2px; *vertical-align:2px;}
.login_box .login .user,
.login_box .login .company,
.login_box .login .password,
.login_box .login .code{ position:relative; margin:17px 0 0 0; background:#fff;}
.login_box .login .user .fail,
.login_box .login .company .fail,
.login_box .login .password .fail{ position:absolute; top:38px; _top:39px; left:84px; width:205px; height:17px; padding:3px 0 0 5px; border:1px solid #fcbdbd; border-top:0; line-height:12px; background:#ffebeb; color:#f94100;}
.login_box .login .user label,
.login_box .login .code label,
.login_box .login .company label,
.login_box .login .password label{ float:left; display:inline-block; width:80px; padding:0 8px 0 0; height:38px; line-height:38px; text-align:right; font-size:14px; color:#999;}
.login_box .login .user input,
.login_box .login .code input,
.login_box .login .company input,
.login_box .login .password input{ float:left; width:204px; height:18px; margin:0; padding:9px 28px 9px 8px; border:1px solid #ddd; line-height:18px; outline:none;}
.login_box .login .code input{ width:100px;}
.login_box .login .user input.user_icon{ background-position:216px -121px;}
.login_box .login .user input.phone_icon{ background-position:216px -180px}
.login_box .login .company input.company_icon{ background-position:216px -207px;}
.login_box .login .password input.password_icon{ background-position:216px -151px;}
.login_box .login .company .company_list {display: none; position: absolute; top: 37px; left: 88px; z-index: 10; width: 240px; border: 1px solid #ddd; background-color: #fff;   max-height: 235px;overflow-y: scroll;}
.login_box .login .company .company_list li {padding:5px 5px; color:#666; font-size: 14px;}
.login_box .login .company .company_list li:hover {background-color: #f1f1f1;}
.login_box .login .code .img{ float:left; display:inline-block; width:99px; height:38px; margin:0 0 0 5px;}
.login_box .login .code .img img{ display:block;}
.login_box .login .txt{ float:left; display:inline-block; width:50px; margin:0 0 0 10px; line-height:38px; text-align:left;}
.login_box .login .txt a{ color:#317ee7; text-decoration:underline;}
.login_box .login .txt a:hover{ text-decoration:none;}
.login_box .login .link{ width:212px; padding:15px 0 0 88px;}
.login_box .login .link input{ vertical-align:-2px;}
.login_box .login .link a{ float:right; display:inline; color:#3a83e8;}
.login_box .login .link a:hover{ text-decoration:underline;}
.login_box .login .link span{ cursor:pointer;}
.login_box .login .btn{ position:relative; margin:15px 0 0; padding:0 0 35px 88px;}
.login_box .login .btn input{ float:left; width:242px; height:36px; border:none; line-height:36px; border-radius:3px; background:#e4393c; text-align:center; font-size:16px; font-weight:bold; color:#fff; cursor:pointer;}
.login_box .login .btn input:hover{ background:#ef4347;}
.login_box .login .fail{ position:absolute; top:44px; left:88px; height:27px; line-height:12px; color:#f94100;}
.login_box .login .other{ padding:10px 0 10px 20px; border-top:1px dotted #ddd; color:#999; width: 390px;}
.login_box .login .other .qq{ display:inline-block; width:76px; height:24px; margin:0 15px 0 0; background:url(qq.png) no-repeat; vertical-align:middle;}
.login_box .login .other a{ color:#3a83e8;}
.login_box .login .other a:hover{ text-decoration:underline;}

.login_box .login_tab {
	margin-top:-1px;
	z-index: 9;
}
.login_box .tab {
	height:38px;
	overflow: hidden;
	padding-left:90px;
	position: relative;
	z-index: 10;
}
.login_box .tab a {
	float: left;
	font-size: 14px;
	width: 120px;
	height:36px;
	line-height: 36px;
	background-color: #f7f7f7;
	color:#333;
	text-align: center;
	margin-right: 5px;
	border:1px solid #ddd;
}
.login_box .tab a.active {
	position: relative;
	font-weight: bold;
	color:#e4393c;
	background-color: #fff;
	border-top:3px solid #e4393c;
	border-bottom:1px solid #fff;
}
.login_box .tab a:hover {
	text-decoration: none;
}
.login_box .companyInput {
    position:relative;
}