/*CSS Reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ padding: 0; margin: 0; } 
table{ border-collapse: collapse; border-spacing: 0; } 
fieldset,img{ border: 0; } 
address,caption,cite,code,dfn,em,strong,th,var{ font-weight: normal; font-style: normal; } 
ol,ul{ list-style: none; } 
caption,th{ text-align: left; } 
h1,h2,h3,h4,h5,h6{ font-weight: normal; font-size: 100%; } 
q:before,q:after{ content:''; } 
abbr,acronym{ border: 0; }
body{ background:#f7f7f7; font-size:12px;}
img{ vertical-align:middle;}
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/*Text锛�tyle*/
a{ text-decoration:none;}
a:link,a:visited{ color: #208ec7;}
a:hover,a:active{ color: #38b54a;}
a.grayLink:link,a.grayLink:visited{ color: #999;}
a.grayLink:hover,a.grayLink:active{ color: #38b54a;}
.bold{ font-weight:bold;}
.green{ color:#38b54a;}
.red{ color:#ff4e00;}
.gray{ color:#ccc;}
.font14{ font-size:14px;}

/*head*/
.head{ width:100%; background:#fff; border-bottom:1px solid #dbdbdb;}
.headBody{ width:920px; height:66px; line-height:66px; margin:0 auto;}
.headBody .logo img{ margin:12px 0;}
.headBody span{ float:right; font-size:12px; color:#b8b8b8;}

/*content*/
.content{ width:100%;}
.contBody{ width:920px; margin:0 auto; padding-top:40px;}

/*footer*/
.footer{ text-align:center; color:#999; padding:25px 0;}

/*Module锛�atusBar*/
.tatusBar{ height:80px;}
.tatusBar .bg{ height:30px; background:url(../../images/processBg.jpg) 0 0;}
.tatusBar .text{ height:30px; line-height:30px; color:#999;}
.tatusBar .text span{ width:228px; text-align:center; display:block; float:left;}
.tatus_1 .bg{ background:url(../../images/processBg.jpg) 0 0;}
.tatus_1 .text .no_1{ color:#2ab93f; font-weight:bold;}
.tatus_2 .bg{ background:url(../../images/processBg.jpg) 0 -30px;}
.tatus_2 .text .no_1,.tatus_2 .text .no_2{ color:#2ab93f; font-weight:bold;}
.tatus_2 .text .no_1{ font-weight:normal;}
.tatus_3 .bg{ background:url(../../images/processBg.jpg) 0 -60px;}
.tatus_3 .text .no_1,.tatus_3 .text .no_2,.tatus_3 .text .no_3{ color:#2ab93f; font-weight:bold;}
.tatus_3 .text .no_1,.tatus_3 .text .no_2{ font-weight:normal;}
.tatus_4 .bg{ background:url(../../images/processBg.jpg) 0 -90px;}
.tatus_4 .text .no_1,.tatus_4 .text .no_2,.tatus_4 .text .no_3,.tatus_4 .text .no_4{ color:#2ab93f; font-weight:bold;}
.tatus_4 .text .no_1,.tatus_4 .text .no_2,.tatus_4 .text .no_3{ font-weight:normal;}

/*Module锛�ontBg*/
.contBg{ background:url(../../images/contBgExtrude.jpg) repeat-y;}
.contBgTop{ height:10px; background:url(../../images/bodyBg.jpg);}
.contBgBot{ height:10px; background:url(../../images/bodyBg.jpg) 0 -10px;}
.contBgTit{ height:44px; font:24px/44px "寰�蒋���"; color:#339966; padding:0 20px; background:url(../../images/bodyBg.jpg) 0 -20px #eee;}

/*Module锛�egister*/
/*form*/
.form_1,.form_2,.form_3{ overflow:auto; padding:0 0 60px 0; color:#666;}
.form_2 .id,.form_3 .id{ font-size:14px; text-align:center; height:60px; line-height:56px; font-family:"Arial Black";}
.formBox{ width:94%; margin:0 auto; padding:8px 0; border-top:1px solid #d9d9d9; clear:both;}
.inputBox{ clear:both; display:inline;}
.inputBox label{ width:16%; height:33px; line-height:33px; font-size:14px; text-align:right; float:left; display:block;}
.inputBox .input{ width:83%; float:left; height:50px;}
.inputBox div input,.inputBox div textarea{ border:1px solid #ccc; float:left; padding-left:5px; font:12px/20px "Verdana";}
.inputBox div input{ height:33px; font:18px/33px "Verdana";}
.inputBox div input:focus{ border:1px solid #8cca99;}
.inputBox .text{ height:80px;}
.inputBox div span,.inputBox div a{ height:35px; line-height:33px; display:block; float:left; margin-left:10px;}
.btnBox{ width:80%; padding:0 0 0 18%; clear:both;}
/*form_1*/
.form_1{ padding-top:60px;}
.form_1 .inputBox{ display:block; height:65px;}
.form_1 .inputBox label{ width:180px; height:44px; line-height:44px;}
.form_1 .inputBox .input{ width:735px; height:65px; line-height:30px;}
.form_1 .inputBox div input{ height:41px; font:18px/41px "Verdana";}
.form_1 .inputBox div span,.form_1 .inputBox div a{ height:44px; line-height:44px; }
.form_1 .btnBox{ width:80%; padding:50px 0 0 180px;}
.form_1 .btnBox .xieyi{ padding-bottom:20px;}
/*form_4*/
.form_4 .xieyi{ width:80%; margin:0 auto; padding:0;}
.form_4 .xieyi h2{ font-size:14px; font-weight:bold; height:30px; padding-top:30px;}
.form_4 .xieyi h2 span{ font-size:12px; color:#ff4e00;}
.form_4 .xieyi textarea{ width:100%; height:400px; border:1px solid #ccc; padding:10px; line-height:20px;}
.form_4 .xieyi .btnBox{ padding:30px 0 50px 0;}
.form_4 .xieyi .btnBox .greenBtn{ margin:0 0 0 240px;}

/*Module锛�romptBox*/
.PromptBox_1,.PromptBox_2,.PromptBox_3{ background:#fdffd7; border:1px solid #fad388; width:86%; margin:0 auto; padding:40px 50px; font-size:14px; font-weight:bold;}
.PromptBox_2{ background:#ffe9e9; border:1px solid #e09d9d;}
.PromptBox_3{ background:#f1fbff; border:1px solid #8bc0e1;}
.PromptBox_3 p{ padding-left:48px; font-weight:normal;}
/*PromptPage*/
.PromptPage{ padding:0 0 100px 0; }
.PromptPage .btnBox{ padding:20px 0 0 0;}
.PromptPage .btnBox .grayBtn{ margin:0 0 0 400px;}

/*Module锛�utton*/
/*greenBtn*/
.greenBtn,.greenBtn span{ height:38px; line-height:38px; display:inline; float:left; font-weight:bold; background:url(../../images/extrudeBg.jpg) left -64px;}
.greenBtn span{ margin-left:30px; padding:0 30px 0 0; font-size:14px; background:url(../../images/extrudeBg.jpg) right -102px; cursor:pointer;}
.greenBtn:link,.greenBtn:visited{ color: #fff;}
.greenBtn:hover,.greenBtn:active{ color: #c4ffd0;}
/*grayBtn*/
.grayBtn,.grayBtn span{ height:33px; line-height:33px; display:inline; float:left; font-weight:bold; background:url(../../images/extrudeBg.jpg) left -206px;}
.grayBtn span{ margin-left:20px; padding:0 20px 0 0; font-size:14px; background:url(../../images/extrudeBg.jpg) right -239px; cursor:pointer;}
.grayBtn:link,.grayBtn:visited{ color: #333;}
.grayBtn:hover,.grayBtn:active{ color: #000;}

/*Module锛�asswordfind*/
.pwFindCont{ width:94%; margin:0 auto; padding:30px 0; clear:both;}
.pwFindCont h3{ font-size:14px; margin-bottom:60px;}
.pwFindCont div.box{ height:50px; line-height:38px; font-size:14px; font-weight:bold; margin-bottom:40px; padding-left:80px;}
.pwFindCont .email,.pwFindCont .problem{ width:200px; padding-left:60px; float:left; display:block; background:url(../../images/iconAll.gif) 0 -50px no-repeat;}
.pwFindCont .problem{ background:url(../../images/iconAll.gif) no-repeat;}
.title{ width:93%; height:45px; line-height:45px; margin:0 auto; border-bottom:1px solid #eee;}
.title h2{ font-size:14px; font-weight:bold; display:inline; float:left;}
.process_1,.process_2,.process_3,.process_4,.process_5,.process_6{ width:328px; height:23px; background:url(../../images/processBg_2.png); display:inline; float:left; margin:10px 0 0 40px;}
.process_2{ background:url(../../images/processBg_2.png) 0 -23px;}
.process_3{ background:url(../../images/processBg_2.png) 0 -46px;}
.process_4{ background:url(../../images/processBg_2.png) 0 -69px;}
.process_5{ background:url(../../images/processBg_2.png) 0 -92px;}
.process_6{ background:url(../../images/processBg_2.png) 0 -115px;}
.btnBox .other{ line-height:38px; margin-left:20px;}

/*floatBox*/
.floatBox{ width:740px; height:440px; background:#fff; margin:0 auto;}
.floatBox .tit{ height:44px; line-height:44px; background:#f3f3f3; font-size:14px; font-weight:14px; padding:0 15px;}
.floatBox .tit a{ float:right; margin-top:10px;}
/*floatEmail*/
.emailCont{ padding:30px 0 0 100px;}
.emailCont h2{ height:40px; line-height:40px; font-size:14px; background:url(../../images/iconAll.gif) 0 -90px no-repeat; padding-left:40px;}
.emailCont span.text{ display:block; margin-bottom:50px; color:#999; padding-left:40px;}
.emailCont .info{ width:480px; height:75px; border:1px solid #d6d6d6; background:#f6f6f6; padding:15px;}
.emailCont .info li{ height:33px; line-height:33px; clear:both;}
.emailCont .info li p{ float:left; margin-right:10px;}
.emailCont .btnBox{ padding:0;}
.emailCont .re{ height:30px; line-height:30px; display:block; margin-top:20px;}
/*floatXieyi*/
.floatBox .xieyi{ padding:15px 50px;}
.floatBox .xieyi textarea{ width:620px; height:280px; border:1px solid #ccc; padding:10px; line-height:20px;}
.floatBox .xieyi .btnBox{ padding:15px 0 50px 0;}
.floatBox .xieyi .btnBox .greenBtn{ margin:0 0 0 215px;}

/*login*/
.loginBody{ background:#fff;}
.loginBody .headBody{ width:1000px;}
.loginHead{ background:#f7f7f7;}
.LoginBg{ width:1003px; height:447px; background:url(../../images/loginBg.jpg); margin:0 auto; margin-top:10px; position:relative;}
.loginBox{ width:370px; height:365px; background:#fff; border:1px solid #b4d5c7; position:absolute; top:45px; right:58px;}
.loginBox .formBox{ width:94%; border:0;}
.loginBox .formBox .info div{ padding-left:77px; color:#999;}
.loginBox .reg{ border-top:1px solid #e1e1e1; padding:5px 0 0 5px; margin:10px 10px 0 10px;}
.loginBox .reg a{ padding-left:115px;}
.loginBox .reg span{ padding-right:125px;}
.loginBox .inputBox label{ width:25%;}
.loginBox .inputBox .input{ width:75%;}
.loginBox .btnBox{ padding:10px 0 0 87px;}
.loginBox .contBgTit{ height:44px; background:url(../../images/extrudeBg.jpg) 0 -324px repeat-x;}

.prompt{width:265px; padding:8px 8px 8px 35px; margin:0px 0px 6px 28px; border:#FAD388 solid 1px; background:url(../../images/icon_7.gif) no-repeat 8px center #FFFDEB; white-space:nowrap; overflow:hidden; color:#333;}