@charset "gb2312";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body,button,input,select,textarea{font:12px/1.5 SimSun,Arial,Helvetica,sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
html,body{-webkit-text-size-adjust:none;}
html{_background: url(about:blank) fixed;}
ul,ol,li{list-style:none;list-style-position:outside}
a{color:#b3b3b3;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur())}
a:hover{text-decoration:none;}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%;outline:none}
textarea{resize:none;}
button,input{*overflow:visible}
table{border-collapse:collapse;border-spacing:0}
img{vertical-align:top;display:inline-block;}
i{font-style: normal}
em{font-style:normal}
button::-moz-focus-inner{ border:0;padding:0;margin:0;}
.clearfix{display:block}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both}
.clearfix{zoom:1}


.fl{float:left;display:inline}
.fr{float:right;display:inline}

.header{height:90px;width:100%; background:url(https://img2.tiancitycdn.com/portal/passport/share/images/login/header_bg.jpg) repeat-x scroll 0 0;}
.header .headerCon{width:960px;margin:0 auto;}
.header .logo{background:url(https://img2.tiancitycdn.com/portal/passport/share/images/w_logo.jpg) no-repeat;width:150px;height:50px;overflow:hidden;text-indent:-999em;margin:15px 0 0 16px;}
.header .slogan{background:url(https://img2.tiancitycdn.com/portal/passport/share/images/bg.png) no-repeat 0 -120px;text-indent:-999em;width:170px;height:50px;overflow:hidden;margin:15px 0 0 20px;}
.hMenu{font-size:14px;height:20px;line-height:20px;padding-top:45px;color:#2f5b95;vertical-align:middle;}
.hMenu li{display:inline;padding-left:7px;vertical-align:middle;color:#666666;}
.hMenu a{color:#666666; font-size:12px;}
.hMenu a:hover{ text-decoration:underline;}

.container{ width:100%; height:606px; background:url(https://img2.tiancitycdn.com/portal/passport/share/images/login/bgbanner.jpg) no-repeat scroll center top;}
.container .inner{ width:960px; margin:0 auto; position:relative;}

.login-column{ width:435px; height:341px; border:1px solid #CBCBCB; position:absolute; right:0; top:30px; background:#FFF;}
.login-column h3{ height:32px; padding:8px 0 0 15px; background:url(https://img2.tiancitycdn.com/portal/passport/share/images/login/login_column_h3_bg.jpg) repeat-x scroll 0 0; color:#000000; font-size:16px; font-family:Microsoft Yahei;}
.tab{}
.tab li{ width:93px; height:28px; padding:10px 0 0 15px; float:left; border-bottom:1px solid #CBCBCB; border-left:1px solid #CBCBCB; background-color:#EDEEF0; cursor:pointer; font-family:Microsoft Yahei; font-size:14px; color:#666666; text-indent:4px;}
.tab li.first{border-left:0;}

.tab li i,.tab-content li .rounded-box,.tab-content li .little-rounded-box,.tab-content li .rounded-box i,.tab-content li .little-rounded-box i,.tab-content li .verification,.tab-content li.dimensional h4 a,.remember i,.btn,.psw-step2 .column span,.psw-step2 .column input,.psw-step2 .btn,.cancel,.psw-step3 a.btn,.sms-step3 .column span.yzm,.akey-step2 .login-wrap .cancel,.akey-step2 .login-wrap .waiting,.tab-content li .tip-success,.tab-content li .tip-error{
background:url(https://img2.tiancitycdn.com/portal/passport/share/images/login/login.jpg) no-repeat scroll;
}

.tab li i{ float:left; width:20px; height:20px; background-position:0 0; overflow:hidden;}
.tab li i.psw{ background-position:0 -20px;}
.tab li i.a-key{ background-position:-20px -20px;}
.tab li i.dimensional{ background-position:-40px -20px;}
.tab li i.msg{ background-position:-60px -20px;}

.tab li.current{background-color:#FFF; height:29px; border-bottom:0; cursor:default; color:#333333;}
.tab li.current i.psw{ background-position:0 0;}
.tab li.current i.a-key{ background-position:-20px 0;}
.tab li.current i.dimensional{ background-position:-40px 0;}
.tab li.current i.msg{ background-position:-60px 0;}

.tab-content{position:relative; color:#000000; height:230px;}
.tab-content li{ width:355px; height:195px; padding:25px 0 0 80px; position:absolute; left:0 ; top:0;}
.tab-content li .tip{ margin:0 0 14px; color:#e25a00; text-indent:23px; height:0; overflow:hidden;}
.tab-content li .tip-success{ background-position:-260px 0; height:18px; margin:0 0 8px;}
.tab-content li .tip-error{ background-position:-260px -20px; height:18px; margin:0 0 8px;}
.tab-content li .tip a{ color:#184B82; font-size:12px; text-decoration:none;}
.tab-content li .tip a:hover{ text-decoration:underline;}

.tab-content li .rounded-box{ width:270px; height:35px; padding:6px 0 0 1px; background-position:0 -43px; margin:0 0 16px 0;}
.tab-content li .little-rounded-box{width:140px; height:35px; padding:5px 0 0 1px; background-position:0 -127px; margin:0 0 18px 0; float:left;}
.tab-content li .rounded-box input{float:left; width:220px; height:20px; border:0; padding:5px; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.tab-content li .little-rounded-box input{float:left; width:108px; height:20px; border:0; padding:5px; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.tab-content li .rounded-box i,.tab-content li .little-rounded-box i{ float:left; width:36px; height:30px;}
.tab-content li .rounded-box i.user-icon{ background-position:-81px 0;}
.tab-content li .rounded-box i.psw-icon,.tab-content li .little-rounded-box i.psw-icon{ background-position:-118px 0;}
.tab-content li .focus{ background-position:0 -85px;}
.tab-content li .psw-wrap{ height:57px;}
.tab-content li .psw-wrap .focus{ background-position:0 -169px;}
.tab-content li .user{}
.tab-content li .psw{}
.tab-content li .verification{ float:left; width:120px; height:40px; text-align:center; line-height:40px; background-position:-142px -127px; margin-left:9px; color:#000;}
.tab-content li .verification:hover{ color:#999;}

.tab-content li.dimensional,.tab-content li.a-key,.tab-content li.msg{ display:none;}
.tab-content li.dimensional h4{ height:36px; padding:0;}
.tab-content li.dimensional h4 span{ float:left; padding:5px 5px 0 0; color:#666666;}
.tab-content li.dimensional h4 a{ float:left; width:52px; height:27px; background-position:-163px -169px; color:#000; text-align:center; line-height:27px;}
.tab-content li.dimensional h4 a:hover{ color:#999;}
.tab-content li.dimensional p{ width:125px; height:125px; padding:16px 16px 16px 74px; background:url(https://img2.tiancitycdn.com/portal/passport/share/images/login/dimension_bg.jpg) no-repeat scroll 57px 0; text-align:center;}

.remember{ height:20px; margin:-8px 0 0; padding:0 86px 0 0;}
.remember i{ float:right; width:16px; height:16px; background-position:-155px -16px; cursor:pointer;}
.remember i.select{ background-position:-155px 0;}
.remember label{ float:right; height:16px; line-height:16px; margin-left:5px; cursor:pointer; color:#333333;}

.btn{ width:270px; height:42px; background-position:0 -211px; border:0; margin:5px 0 0; padding:0; font-size:18px; font-family:Microsoft Yahei; color:#FFF; cursor:pointer;}
.btn-over{ background-position:0 -255px;}

.link-other{ text-align:center; color:#666666;}
.link-other a{ color:#184b82;}
.link-other a:hover{ text-decoration:underline;}

.tip-column{ width:960px; margin:0 auto 45px; position:absolute; left:0; top:407px; padding-bottom:4px; background:url(https://img2.tiancitycdn.com/portal/passport/share/images/login/tip_column_bottom_bg.jpg) repeat-x bottom left;}
.tip-column dl{ float:left; border:1px solid #E7E7E7; border-right:0; border-top:0;}
.tip-column dl a{ float:left; width:170px; height:121px; padding:28px 10px 0 11px; background:url(https://img2.tiancitycdn.com/portal/passport/share/images/login/tip_column_center_bg.jpg) repeat-y scroll 0 0;}
.tip-column dl a:hover{ background:url(https://img2.tiancitycdn.com/portal/passport/share/images/login/tip_column_over_bg.jpg) no-repeat scroll 0 0;}
.tip-column dl.last{ border-right:1px solid #E7E7E7; background-position:top right;}
.tip-column dl.last a{ width:169px;}

.tip-column dl dt{ height:34px; line-height:34px; text-indent:5px; color:#184b82; font-size:16px; font-family:Microsoft Yahei; margin-bottom:10px;}
.tip-column dl dt i{ float:left; width:34px; height:34px; background:url(https://img2.tiancitycdn.com/portal/passport/share/images/login/login_tip.jpg) no-repeat scroll;}
.tip-column dl dt i.icon1{ background-position:0 0px;}
.tip-column dl dt i.icon2{ background-position:-44px 0px;}
.tip-column dl dt i.icon3{ background-position:-88px 0px;}
.tip-column dl dt i.icon4{ background-position:-132px 0px;}
.tip-column dl dt i.icon5{ background-position:-176px 0px;}
.tip-column dl dd{ font-size:12px; color:#888888;}


/* new add,2013-10-31 */
.psw-step2 h5{ color:#666; font-weight:700; font-size:12px; padding:0 0 14px;}
.psw-step2 .column{ padding:0 0 8px 0; text-align:center;}
.psw-step2 .column span{ background-position:-173px -389px; float:left; width:83px; height:35px; line-height:35px; margin-right:12px; font-size:14px; font-family:Microsoft Yahei; color:#FFF;}
.psw-step2 .column input{ float:left; width:77px; height:29px; line-height:29px; padding:3px; text-align:center; font-family:Arial; background-position:1px -389px; border:0;  margin-right:12px;}
.psw-step2 .column input.focus{ background-position:-86px -389px;}
.psw-step2 .login-wrap{}
.psw-step2 .login-wrap .btn{ float:left; width:130px; height:42px; line-height:41px; margin-right:8px; background-position:0 -299px;}
.psw-step2 .login-wrap .btn-over{ background-position:0 -344px;}
.psw-step2 .login-wrap .cancel{ float:left; width:132px; height:42px; line-height:41px; border:0; background-position:-137px -299px; font-size:18px; color:#666; font-family:Microsoft Yahei; cursor:pointer; text-align:center; margin:5px 0 0 0;}
.psw-step2 .login-wrap .cancel:hover{background-position:-137px -344px;}

.psw-step3 h5{color:#333; font-size:14px; padding:35px 0 35px; line-height:1.8em;}
.psw-step3 h5 span{ color:#E25A00; font-family:Arial;}
.psw-step3 h5 a{ color:#1765b7;}
.psw-step3 h5 a:hover{ color:#0883eb;}
.psw-step3 a.btn{ float:left; width:170px; padding-left:100px; height:42px; line-height:41px; color:#FFF; font-size:18px; font-family:Microsoft Yahei; margin-bottom:24px; cursor:pointer;}
.psw-step3 a.modify-psw{ background-position:0 -470px;}
.psw-step3 a.modify-psw:hover{ background-position:0 -514px;}
.psw-step3 a.modify-info{ background-position:0 -559px;}
.psw-step3 a.modify-info:hover{ background-position:0 -603px;}


.akey-step2 h5{ color:#666; font-weight:700; font-size:12px; padding:20px 0 14px;}
.akey-step2 .login-wrap .btn{ float:left; width:130px; height:42px; line-height:41px; margin-right:8px; background-position:0 -299px; font-size:14px;}
.akey-step2 .login-wrap .waiting{ float:left; width:130px; height:42px; line-height:41px; margin-right:8px; background-position:0 -344px; font-size:14px; color:#FFF; text-indent:15px; font-family:Microsoft Yahei;}
.akey-step2 .login-wrap .waiting img{ float:right; text-indent:-9999em; overflow:hidden; margin:20px 10px 0 2px;}
.akey-step2 .login-wrap .waiting span{ float:left;}
.akey-step2 .login-wrap .btn-over{ background-position:0 -344px;}
.akey-step2 .login-wrap .cancel{ float:left; width:132px; height:42px; line-height:41px; border:0; background-position:-137px -299px; font-size:18px; color:#666; font-family:Microsoft Yahei; cursor:pointer; text-align:center;}
.akey-step2 .login-wrap .cancel:hover{background-position:-137px -344px;}
.akey-step2 .column{ height:55px; line-height:55px;}
.akey-step2 .column span{ float:left;}
.akey-step2 .column .big-red{ font-size:18px; font-family:Arial; color:#cf2c1c;}
.tab-content li .akey-step2 .rounded-box{ margin:10px 0 0 0;}
.tab-content li .akey-step2 .rounded-box input{ width:260px;}

.sms-step2 h5{ color:#666; font-weight:700; font-size:12px; padding:0 0 14px;}
.sms-step2 .login-wrap .btn{ float:left; width:130px; height:42px; line-height:41px; margin-right:8px; background-position:0 -299px;}
.sms-step2 .login-wrap .btn-over{ background-position:0 -344px;}
.sms-step2 .login-wrap .cancel{ float:left; width:132px; height:42px; line-height:41px; border:0; background-position:-137px -299px; font-size:18px; color:#666; font-family:Microsoft Yahei; cursor:pointer; text-align:center; margin:5px 0 0 0;}
.sms-step2 .login-wrap .cancel:hover{background-position:-137px -344px;}
.sms-step2 .column{ margin:-7px 0 5px 0;}
.sms-step2 .column img,.sms-step2 .column span{ float:left; height:40px; line-height:40px; }
.sms-step2 .column span{margin-left:10px;}
.sms-step2 .column span a{ color:#184b82;}
.sms-step2 .column span a:hover{ text-decoration:underline;}

.sms-step3 h5{ color:#666; font-weight:700; font-size:12px; padding:0 0 14px;}
.sms-step3 .login-wrap .btn{ float:left; width:130px; height:42px; line-height:41px; margin-right:8px; background-position:0 -299px;}
.sms-step3 .column{ padding-bottom:10px;}
.sms-step3 .column span{ float:left; line-height:40px;}
.sms-step3 .column span.phone{ width:152px; height:40px; font-size:18px; font-family:Arial; color:#000;}
.sms-step3 .column span.yzm{ width:118px; height:40px; background-position:0 -427px; text-align:center;}
.sms-step3 .column span.yzm a{ color:#000;}
.sms-step3 .column span.yzm a:hover{ text-decoration:underline;}
.sms-step3 .login-wrap .btn-over{ background-position:0 -344px;}
.sms-step3 .login-wrap .cancel{ float:left; width:132px; height:42px; line-height:41px; border:0; background-position:-137px -299px; font-size:18px; color:#666; font-family:Microsoft Yahei; cursor:pointer; text-align:center; margin:5px 0 0 0;}

.tab-content li .sms-step3 .rounded-box{ margin:0 0 5px;}
.tab-content li .sms-step3 .rounded-box input{ width:260px; margin:0;}

.quit{ margin:75px 0 0 66px;}
.quit a{ color:#F00;}

/* end new add,2013-10-31 */

.footer{width:100%; border-top:solid 1px #EDEDED;}