@charset "utf-8";
/* CSS Document */

/*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{ margin:0; padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
a{ text-decoration:none;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,th,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{ content:''}
abbr,acronym{ border:0;}


/*文字排版*/
.f10{ font-size:10px;}
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f20{ font-size:20px;}
.fb{ font-weight:bold;}
.fn{ font-weight:normal;}
.t2{ text-indent:2em;}
.lh150{ line-height:150%;}
.lh180{ line-height:180%;}
.lh200{ line-height:200%;}
.unl{ text-decoration:underline;}
.no-unl{ text-decoration:none;}
.of{ overflow:hidden;}
.to{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ff{ font-family:"Lucida Grande", Verdana,Lucida,Arial,Helvetica,"微软雅黑",宋体,sans-serif;}
.ls1{ letter-spacing:0.1em;}
.ls2{ letter-spacing:0.2em;}
.ls3{ letter-spacing:0.3em;}

/*定位*/
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.bc{ margin-left:auto; margin-right:auto;}
.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}
.cb{ clear:both;}
.cl{ clear:left;}
.cr{ clear:right;}

.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{ display:inline-block;}
* html.clearfix{ height:1%;}
.Clearfix{ display:block;}

.vm{ vertical-align:middle;}
.pr{ position:relative;}
.pa{ position:absolute;}
.abs-right{ position:absolute; right:0;}
.zoom{ zoom:1;}
.hidden{ visibility:hidden;}
.none{ display:none;}

.clearfloat { clear:both; height:0; font-size:1px; line-height:0;}

.cf:before,.cf:after{ content:""; display:table;}
.cf:after{ clear:both;}
.cf{ zoom:1;}

/*长度高度*/
.w10{ width:10px;}
.w20{ width:20px;}
.w30{ width:30px;}
.w40{ width:40px;}
.w50{ width:50px;}
.w60{ width:60px;}
.w70{ width:70px;}
.w80{ width:80px;}
.w90{ width:90px;}
.w100{ width:100px;}
.w200{ width:200px;}
.w250{ width:250px;}
.w300{ width:300px;}
.w400{ width:400px;}
.w500{ width:500px;}
.w550{ width:550px;}
.w600{ width:600px;}
.w700{ width:700px;}
.w800{ width:800px;}
.w{ width:100%;}
.h10{ height:10px;}
.h20{ height:20px;}
.h30{ height:30px;}
.h40{ height:40px;}
.h50{ height:50px;}
.h80{ height:80px;}
.h100{ height:100px;}
.h200{ height:200px;}
.h{ height:100%;}

/*边距*/
.m10{ margin:10px;}
.m15{ margin:15px;}
.m30{ margin:30px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt50{ margin-top:50px;}
.mt100{ margin-top:100px;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb50{ margin-bottom:50px;}
.mb100{ margin-bottom:100px;}
.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}
.ml50{ margin-left:50px;}
.ml100{ margin-left:100px;}
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr30{ margin-right:30px;}
.mr50{ margin-right:50px;}
.mr100{ margin-right:100px;}

.p10{ padding:10px;}
.p15{ padding:15px;}
.p30{ padding:30px;}
.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pt50{ padding-top:50px;}
.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb30{ padding-bottom:30px;}
.pb50{ padding-bottom:50px;}
.pb100{ padding-bottom:100px;}
.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl30{ padding-left:30px;}
.pl50{ padding-left:50px;}
.pl100{ padding-left:100px;}
.pr5{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px;}
.pr30{ padding-right:30px;}
.pr50{ padding-right:50px;}
.pr100{ padding-right:100px;}





body{ background:#f9f9f9; border-top:#44b5df solid 3px;}
.wrap{ width:980px; margin:auto;}

/*top&stepNav*/
.top{ width:980px; height:120px; }
.top h1{ font-size:30px; color:#009700; top:24px; left:90px;}
.top span{ font-size:16px; color:#666; top:68px; left:90px;}
.stepNav{ width:980px; height:57px; background:url(../img/stepBg.png) no-repeat;}
.step2{ background-position:0 -58px;}
.step3{ background-position:0 -116px;}

.tip{ margin-left:130px; color:#555;}
.error{ width:800px; margin:20px auto; line-height:34px; text-align:left;}
.foot{ font-size:12px; line-height:30px;border-top:#44b5df solid 3px; padding-left:10px;}

/*注册步骤*/
span.info{ color:#555;}
span.error{ color:#c00;}
.hxxregistBox{ margin:20px auto;}
.hxxregistBox ul li{ line-height:48px; color:#333; font-size:16px;}
.hxxregistBox ul li label{ display:inline-block; width:120px; text-align:right;}
.hxxregistBox ul li label strong{ color:#c00;line-height:48px; height:48px; margin-right:5px;}
.hxxOriginally{ outline:medium none; border:none; background:#44b5df; border-radius:5px; height:32px; line-height:32px; width:300px; padding:0 5px; font-size:12px; color:#fff;}/*当前状态*/
.hxxWrite{ background:#f3f3f3; border:#44b5df solid 1px; height:30px; line-height:30px; color:#44b5df;}/*写入状态*/
.hxxReadonly{ background:#36a0d5; height:32px; line-height:32px; color:#000;}/*只读状态*/
.hxxError{ background:#f3f3f3; border:#00755e solid 1px; height:30px; line-height:30px; color:#00755e;}/*填写错误状态*/
.hxxregistBox ul li span{ font-size:12px;}

.hxxAccount{ outline:medium none; border:#dcdcdc solid 1px; background:url(../img/turnbg.png) repeat-x; height:34px; line-height:32px; padding:0 18px; border-radius:5px; color:#333; cursor:pointer;}
.hxxTurn{ outline:medium none; border:#dcdcdc solid 1px; background:url(../img/turnbg.png) repeat-x; height:46px; line-height:46px; color:#5a5a5a; padding:0 25px; border-radius:5px; box-shadow:2px 2px 3px #ccc; cursor:pointer;}

.hxxSuccess{ width:330px; margin:50px auto; padding-left:300px; height:320px; background:url(../img/successBg.png) no-repeat left top;}
.hxxSuccess h3{ line-height:60px; font-size:24px; color:#44b5df;}
.hxxSuccess ul li{ line-height:38px; color:#333;}

a.button{ padding:0 4px 4px 4px; width:58px; border-radius:4px; color:#FFFFFF; text-decoration:none;}
.b_orange{ background:#fe9027;}
.b_orange:hover{ background:#fe9027;}
.b_grey{ background:#3d9e05;}
.b_grey:hover{ background:#3d9e05;}