﻿html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
    margin: 0;
    padding: 0;
}
a {
    color: #666;
    text-decoration: none;
}


#logo {
    height: 60px;
    margin: 10px 0 0;
    position: relative;
    width: 300px;
}
.login-wrap {
    height: 475px;
    margin: 10px 0 20px;
    position: relative;
}

.w {
    margin: 20px auto 0;
    width: 990px;
}
#logo b {
    background: url("https://miscssl.360buyimg.com/user/passport-2015/css/i/l-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 40px;
    position: absolute;
    right: 0;
    top: 10px;
    width: 110px;
}
.header_center_container {}

.login-wrap {
    height: 475px;
    margin: 10px 0 20px;
    position: relative;
}
.login-wrap .login-banner {
    height: 475px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.login-wrap .i-inner {
    height: 475px;
    position: relative;
    z-index: 3;
}

#footer-2013 {
    padding-bottom: 30px;
    text-align: center;
}
#footer-2013 .links a, #footer-2013 .links span {
    margin: 0 10px;
}
#footer-2013 {
    text-align: center;
}

#footer-2013 .copyright {
    margin: 10px 0;
}

.login-wrap .login-form {
    float: right;
    top: 60px;
}
.mt-1 {
	margin-top:-1px
}
.mt-2 {
	margin-top:-2px
}
.mt-3 {
	margin-top:-3px
}
.mt5 {
	margin-top:5px
}
.mt10 {
	margin-top:10px
}
.mt20 {
	margin-top:20px
}
.mr5 {
	margin-right:5px
}
.mr10 {
	margin-right:10px
}
.mr20 {
	margin-right:20px
}
.mb5 {
	margin-bottom:5px
}
.mb10 {
	margin-bottom:10px
}
.ml5 {
	margin-left:5px
}
.ml10 {
	margin-left:10px
}
.ml20 {
	margin-left:20px
}
.pt5 {
	padding-top:5px
}
.pt10 {
	padding-top:10px
}
.pr5 {
	padding-right:5px
}
.pr10 {
	padding-right:10px
}
.pb5 {
	padding-bottom:5px
}
.pb10 {
	padding-bottom:10px
}
.pl5 {
	padding-left:5px
}
.pl10 {
	padding-left:10px
}
.ftx-01,.ftx01 {
	color:#e4393c
}
.ftx-02,.ftx02 {
	color:#71b247
}
.ftx-03,.ftx03 {
	color:#999
}
.ftx-04,.ftx04 {
	color:#ff6c00
}
.ftx-05,.ftx05 {
	color:#005ea7
}
.ftx-06,.ftx06 {
	color:#666
}
.font-price {
	font-family:verdana
}
.fl {
	float:left
}
.fr {
	float:right
}
.fn {
	float:none
}
.al {
	text-align:left
}
.ac {
	text-align:center
}
.ar {
	text-align:right
}
.btn-1,.btn-2,.btn-3,.btn-4 {
	background-color:#e74649;
	background-image:-moz-linear-gradient(top,#e74649,#df3134);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e74649),color-stop(1,#df3134));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e74649',endColorstr='#df3134',GradientType='0');
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e74649',endColorstr='#df3134');
	background-image:linear-gradient(to top,#e74649 0,#df3134 100%);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	height:18px;
	line-height:18px;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	transition:all .2s ease-out;
	padding:3px 15px 4px;
	color:#fff
}
.btn-1:hover,.btn-2:hover,.btn-3:hover,.btn-4:hover {
	background-color:#f05356;
	background-image:-moz-linear-gradient(top,#f05356,#eb3c3f);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f05356),color-stop(1,#eb3c3f));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f05356',endColorstr='#eb3c3f',GradientType='0');
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f05356',endColorstr='#eb3c3f');
	background-image:linear-gradient(to top,#f05356 0,#eb3c3f 100%)
}
.btn-1:link,.btn-1:visited,.btn-2:link,.btn-2:visited,.btn-3:link,.btn-3:visited,.btn-4:link,.btn-4:visited {
	color:#fff;
	text-decoration:none
}
.btn-9 {
	font-family:arial,"microsoft yahei";
	background-color:#f2f2f2;
	background-image:-moz-linear-gradient(top,#f2f2f2,#f7f7f7);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f2f2f2),color-stop(1,#f7f7f7));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2',endColorstr='#f7f7f7',GradientType='0');
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2',endColorstr='#f7f7f7');
	background-image:linear-gradient(to top,#f2f2f2 0,#f7f7f7 100%);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	height:18px;
	line-height:18px;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	transition:all .2s ease-out;
	padding:2px 15px 3px;
	color:#323333;
	border:1px solid #e1e1e1
}
.btn-9:hover {
	-webkit-box-shadow:0 1px 1px rgba(0,1,1,.08);
	-moz-box-shadow:0 1px 1px rgba(0,1,1,.08);
	box-shadow:0 1px 1px rgba(0,1,1,.08);
	background-color:#f7f7f7;
	background-image:-moz-linear-gradient(top,#f7f7f7,#f2f2f2);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f7f7f7),color-stop(1,#f2f2f2));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#f2f2f2',GradientType='0');
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#f2f2f2');
	background-image:linear-gradient(to top,#f7f7f7 0,#f2f2f2 100%)
}
.btn-9:link,.btn-9:visited {
	color:#323333;
	text-decoration:none
}
#logo {
	position:relative;
	width:300px;
	margin:10px 0 0;
	height:60px
}
#logo b {
	display:block;
	width:110px;
	height:40px;
	position:absolute;
	right:0;
	top:10px;
	background:url(https://miscssl.360buyimg.com/user/passport-2015/css/i/l-icon.png) no-repeat
}
div#login-dialog .ui-dialog-title {
	height:40px;
	line-height:40px;
	font-size:20px;
	font-family:'\5fae\8f6f\96c5\9ed1';
	color:#666;
	font-weight:400
}
div#login-dialog .ui-dialog-content {
	padding:0
}
div#login-dialog .ui-dialog-close {
	height:14px;
	line-height:14px;
	top:13px;
	background:url(https://miscssl.360buyimg.com/user/passport-2015/css/i/pwd-icons.png) 0 -143px
}
.tip-box {
	width:400px;
	margin:0 auto
}
.tip-box .op-btns {
	margin-top:20px
}
.tip-box h3 {
	font-family:'\5fae\8f6f\96c5\9ed1';
	font-size:18px;
	line-height:30px
}
.tip-box .links {
	margin-left:-6px
}
.tip-box .links ul {
	display:inline-block;
	display:block
}
.tip-box .links ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
* html .tip-box .links ul {
	height:1%
}
*+html .tip-box .links ul {
	min-height:1%
}
.tip-box .links li {
	float:left;
	border-left:1px solid #ccc;
	padding:0 5px
}
.tip-box .item-fore {
	overflow:hidden
}
.icon-box {
	position:relative;
	_height:48px;
	_overflow:visible
}
.icon-box .m-icon {
	display:inline-block;
	*display:inline;
	*zoom:1;
	position:absolute;
	top:0;
	left:0;
	width:48px;
	height:48px;
	background:url(https://miscssl.360buyimg.com/user/passport-2015/css/i/icon48.png) no-repeat
}
.icon-box .succ-icon {
	background-position:0 0
}
.icon-box .warn-icon {
	background-position:-94px 0
}
.icon-box .error-icon {
	background-position:-48px 0
}
.icon-box .qm-icon {
	background-position:-144px 0
}
.icon-box .item-fore {
	margin-left:58px
}
.form input[type=password] {
	font-family:Tahoma,Helvetica,Arial
}
::-ms-clear {
	display:none
}
::-ms-reveal {
	display:none
}
input:-webkit-autofill {
	-webkit-box-shadow:0 0 0 1000px #fff inset
}
.q-link {
	position:relative;
	top:-10px;
	color:#999
}
.q-link b {
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:18px;
	height:14px;
	margin:0 5px;
	background:url(https://miscssl.360buyimg.com/user/passport-2015/css/i/q-icon.png) no-repeat;
	overflow:hidden;
	vertical-align:middle
}
/* user-passport-2015 login-form.css Date:2015-03-03 15:45:12 */
.form .item {
	position:relative;
	margin-bottom:20px;
	z-index:1
}
.form .item .placeholder {
	position:absolute;
	left:50px;
	top:10px;
	line-height:18px;
	color:#999;
	font-size:14px;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	transition:all .2s ease-out;
	opacity:1
}
.form .item .login-label {
	position:absolute;
	z-index:3;
	top:0;
	left:0;
	width:38px;
	height:38px;
	border-right:1px solid #bdbdbd;
	background:url(/static/images/regimg/pwd-icons-new.png) no-repeat
}
.form .item .name-label {
	background-position:0 0
}
.form .item .pwd-label {
	background-position:-48px 0
}
.form .item-fore1,.form .item-fore2 {
	border:1px solid #bdbdbd;
	height:38px;
	width:304px
}
.form .item-fore1 .clear-btn,.form .item-fore2 .clear-btn {
	position:absolute;
	z-index:20;
	right:6px;
	top:12px;
	width:14px;
	height:14px;
	background:url(/static/images/regimg/pwd-icons-new.png) -25px -143px no-repeat;
	cursor:pointer;
	display:none
}
.form .item-fore1 .clear-btn:hover,.form .item-fore2 .clear-btn:hover {
	background-position:-50px -143px
}
.form .item-fore1 .e-icon,.form .item-fore2 .e-icon {
	position:absolute;
	width:12px;
	height:13px
}
.form .item-fore1 .capslock,.form .item-fore2 .capslock {
	position:absolute;
	z-index:4;
	display:none;
	width:106px;
	top:28px;
	left:50px;
	padding-left:26px;
	height:26px;
	line-height:28px;
	overflow:hidden;
	background:url(https://miscssl.360buyimg.com/user/passport-2015/css/i/capslock.png) no-repeat
}
.form .item-fore1 .capslock b,.form .item-fore2 .capslock b {
	display:block;
	position:absolute;
	top:7px;
	left:10px;
	width:10px;
	height:14px;
	overflow:hidden;
	background:url(/static/images/regimg/pwd-icons-new.png) -104px -133px no-repeat
}
.form .item-fore1 #sloginpwd,.form .item-fore2 #sloginpwd {
	position:absolute;
	display:block;
	z-index:3;
	top:2px;
	left:49px;
	width:254px;
	height:34px;
	line-height:34px;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-webkit-transform:translateZ(0)
}
.form .item-fore1 .text_pge,.form .item-fore2 .text_pge {
	width:254px;
	height:34px;
	line-height:34px;
	font-size:14px;
	font-family:'\5b8b\4f53';
	overflow:hidden;
	border:1px solid #fff
}
.form .itxt {
	line-height:18px;
	height:18px;
	border:0;
	padding:10px 0 10px 50px;
	width:254px;
	float:none;
	overflow:hidden;
	font-size:14px;
	font-family:'\5b8b\4f53';
	*margin:-1px 0 0
}
.form .itxt02 {
	padding:10px 5px;
	width:78px;
	text-align:center
}
.form .verify-code {
	cursor:pointer;
	width:80px;
	height:22px;
	vertical-align:middle
}
.form .item-error {
	border:1px solid #e4393c
}
.form .item-error .name-label {
	background-position:0 -96px;
	border-color:#e4393c
}
.form .item-error .pwd-label {
	background-position:-48px -96px;
	border-color:#e4393c
}
.form .item-focus {
	border:1px solid #3aa2e4
}
.form .item-focus .name-label {
	background-position:0 -48px;
	border-color:#3aa2e4
}
.form .item-focus .pwd-label {
	background-position:-48px -48px;
	border-color:#3aa2e4
}
.form .item-hide .placeholder {
	opacity:0;
	visibility:hidden
}
.form .item-vcode .placeholder {
	left:25px
}
.form #code.item {
	border:0
}
.form #code {
	border:1px solid #bdbdbd;
	font-size:14px;
	padding:7px 5px;
	vertical-align:middle
}
.form #code.item-error {
	border:0
}
.form #code.item-error .itxt {
	border-color:#e4393c
}
.form #code.item-focus {
	border:0
}
.form #code.item-focus .itxt {
	border-color:#3aa2e4
}
.form input::-webkit-input-placeholder {
	color:#999;
	font-size:14px
}
.form input:-moz-placeholder {
	color:#999;
	font-size:14px
}
.form label {
	float:none
}
.form .jdcheckbox,.form .jdradio {
	float:none;
	vertical-align:middle;
	_vertical-align:-1px;
	margin:0 3px 0 0;
	padding:0
}
.form .item-fore1 {
	z-index:6
}
.form .item-fore2 {
	height:38px
}
.form .item-fore3 {
	z-index:5;
	margin-bottom:15px
}
.form .sugcontent {
	position:absolute;
	top:38px;
	left:38px;
	background:#fff;
	border:1px solid #98cff2;
	border-top-color:#3aa2e4;
	width:265px;
	z-index:4
}
.form .sugcontent li {
	height:28px;
	line-height:28px;
	padding-left:10px;
	width:254px;
	overflow:hidden;
	word-wrap:break-word;
	word-break:break-all
}
.form .sugcontent li.hover {
	background:#d8ecfa
}
.form .sug-iframe {
	position:absolute;
	border:0;
	z-index:3;
	left:39px;
	top:39px;
	width:266px;
	height:100px
}
.form .updata {
	z-index:10;
	position:absolute;
	top:20px;
	left:30px;
	width:188px;
	padding:5px;
	line-height:108px;
	height:40px;
	overflow:hidden;
	background:url(https://miscssl.360buyimg.com/user/passport-2015/css/i/login-update.png) no-repeat
}
.form .updata .up-one {
	position:absolute;
	right:16px;
	top:16px;
	width:10px;
	height:10px
}
.form .updata .up-two {
	position:absolute;
	left:92px;
	top:13px;
	width:72px;
	height:20px
}
.login-form {
	position:relative;
	z-index:4;
	width:306px;
	background:#fff;
	padding:20px;
	overflow:visible
}
.login-form .msg-wrap {
	min-height:31px;
	height:auto!important;
	height:31px;
	margin:2px 0 5px
}
.login-form .msg-error {
	position:relative;
	background:#ffebeb;
	color:#e4393c;
	border:1px solid #e4393c;
	padding:3px 10px 3px 40px;
	line-height:18px;
	min-height:18px;
	_height:18px
}
.login-form .msg-error b {
	position:absolute;
	top:50%;
	left:10px;
	display:block;
	margin-top:-8px;
	width:16px;
	height:16px;
	overflow:hidden;
	background:url(/static/images/regimg/pwd-icons-new.png) -104px -49px no-repeat
}
.login-form .msg-warn {
	position:relative;
	background:#fff6d2;
	color:#666;
	border:1px solid #ffe57d;
	padding:3px 10px 3px 40px;
	line-height:18px;
	height:18px
}
.login-form .msg-warn b {
	position:absolute;
	top:50%;
	left:10px;
	display:block;
	margin-top:-8px;
	width:16px;
	height:17px;
	overflow:hidden;
	background:url(/static/images/regimg/pwd-icons-new.png) -104px -22px no-repeat
}
.login-form .login-box .mt {
	display:inline-block;
	display:block;
	width:306px;
	overflow:visible;
	height:27px
}
.btn-img, .button {
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: center;
}
.login-form .login-box .mt:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
* html .login-form .login-box .mt {
	height:1%
}
*+html .login-form .login-box .mt {
	min-height:1%
}
.login-form .login-box .mt h1 {
	position:relative;
	height:27px;
	line-height:27px;
	top:-5px;
	float:left;
	color:#666;
	font-family:'\5fae\8f6f\96c5\9ed1';
	font-size:20px
}
.login-form .login-box .mt .extra-r {
	float:right
}
.login-form .login-box .mt .regist-link {
	color:#b61d1d;
	font-size:14px
}
.login-form .login-box .mt .regist-link a {
	color:#ff5256
}
.login-form .login-box .mt .regist-link b {
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:16px;
	height:16px;
	overflow:hidden;
	background:url(/static/images/regimg/pwd-icons-new.png) -104px -75px no-repeat;
	vertical-align:middle;
	margin-right:5px
}
.login-form .login-box .mc {
	overflow:visible
}
.login-form .login-box .safe {
	position:relative;
	color:#666
}
.login-form .login-box .safe span {
	margin-right:15px
}
.login-form .login-box .safe .forget-pw-safe {
	position:absolute;
	right:0;
	top:0;
	margin:0
}
.login-form .login-box .reg-free {
	height:18px;
	*margin-bottom:5px
}
.login-form .login-box .coagent {
	line-height:22px;
	height:auto
}
.login-form .login-box .coagent h5 {
	font-weight:400;
	color:#999
}
.login-form .login-box .coagent ul {
	display:inline-block;
	display:block
}
.login-form .login-box .coagent ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
* html .login-form .login-box .coagent ul {
	height:1%
}
*+html .login-form .login-box .coagent ul {
	min-height:1%
}
.login-form .login-box .coagent li {
	float:left;   padding-right: 10px;
}
.login-form .login-box .coagent li .line {
	color:#ccc;
	padding:0 10px
}
.login-form .login-box .coagent .more-slide {
	position:relative;
	z-index:5;
	overflow:visible
}
.login-form .login-box .coagent .more-slide dt {
	color:#666;
	position:relative;
	z-index:2;
	_top:5px
}
.login-form .login-box .coagent .more-slide dt b {
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:9px;
	height:6px;
	margin-left:10px;
	overflow:hidden;
	vertical-align:middle;
	background:url(/static/images/regimg/pwd-icons-new.png) -104px -100px no-repeat
}
.login-form .login-box .coagent .more-slide dd {
	position:absolute;
	z-index:1;
	top:-3px;
	left:-15px;
	display:none;
	height:40px;
	width:203px;
	padding:25px 0 10px 15px;
	border:1px solid #dcdcdc;
	background:#fff;
	overflow:hidden
}
.login-form .login-box .coagent .more-slide dd a {
	float:left;
	white-space:nowrap;
	margin-right:15px;
	color:#999
}
.login-form .login-box .coagent .more-slide dd a:hover {
	margin-right:15px;
	color:#E4393C;
	text-decoration:underline
}
.login-form .login-box .coagent .more-hover dt b {
	background-position:-104px -116px
}
.login-form .login-box .coagent .more-hover dd {
	display:block
}
.login-form .login-box .login-btn {
	border:1px solid #cb2a2d;
	margin:0 auto;
	height:33px;
	position:relative
}
.login-form .login-box .login-btn .btn-img {
	border:1px solid #ff5256;
	display:block;
	width:302px;
	background:#ff5256;
	height:31px;
	line-height:31px;
	color:#fff;
	font-size:16px;
	font-family:'\5fae\8f6f\96c5\9ed1'
}
.login-form .login-box .login-btn .btn-img:hover {
	text-decoration:none
}
.login-form .btn-2login,.login-form .btn-2qrcode {
	display:block;
	width:60px;
	height:60px;
	line-height:99em;
	position:absolute;
	right:0;
	bottom:0;
	overflow:hidden;
	background:url(/static/images/regimg/login-qricon-01.png) no-repeat;
	-webkit-transition:background-position .2s cubic-bezier(0.25,.5,.5,.9);
	-moz-transition:background-position .2s cubic-bezier(0.25,.5,.5,.9);
	transition:background-position .2s cubic-bezier(0.25,.5,.5,.9)
}
.login-form .btn-2qrcode {
	background-position:-60px 0
}
.login-form .btn-2login {
	background-position:0 -60px
}
.login-form .qrcode-login {
	display:none;
	text-align:center
}
.login-form .qrcode-login .qrcode-desc {
	margin-top:10px
}
.login-form .qrcode-login .qrcode-desc h2 {
	font-size:20px;
	color:#999;
	font-family:'\5fae\8f6f\96c5\9ed1';
	font-weight:400
}
.login-form .qrcode-login .qrcode-img {
	border:1px solid #f4f4f4;
	padding:10px;
	width:155px;
	margin:40px auto
}
.login-form .qrcode-login .qrcode-error {
	display:none;
	position:relative;
	background:#ffebeb;
	color:#e4393c;
	border:1px solid #e4393c;
	padding:3px 10px 3px 100px;
	text-align:left
}
.login-form .qrcode-login .qrcode-error b {
	position:absolute;
	top:50%;
	left:70px;
	display:block;
	margin-top:-8px;
	width:16px;
	height:16px;
	overflow:hidden;
	background:url(/static/images/regimg/pwd-icons-new.png) -104px -49px no-repeat
}
.login-form .qlogin-main .qlogin-tit {
	text-align:center;
	font-size:14px;
	margin-top:20px
}
.login-form .qlogin-main .qlogin-tit span {
	font-family:arial
}
.login-form .qlogin-main .qlogin-tit .qq-icon {
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:16px;
	height:16px;
	overflow:hidden;
	vertical-align:middle;
	background:url(/static/images/regimg/pwd-icons-new.png) -104px -157px;
	margin-right:10px
}
.login-form .qlogin-main .u-pic {
	position:relative;
	width:104px;
	height:104px;
	margin:10px auto
}
.login-form .qlogin-main .u-pic .mask {
	position:absolute;
	width:104px;
	height:104px;
	left:0;
	top:0;
	z-index:2;
	background:url(/static/images/regimg/upic-bg.png) no-repeat
}
.login-form .qlogin-main .u-name {
	font-size:18px;
	font-family:'\5fae\8f6f\96c5\9ed1';
	font-weight:700;
	text-align:center;
	margin-bottom:20px
}
.login-form .qlogin-main .coagent {
	margin-top:20px
}
div.safetips {
	border:1px solid #E3E3E3;
	background:#fff;
	padding:5px 10px;
	margin:-10px 0 0 40px;
	-webkit-box-shadow:0 0 10px rgba(221,221,221,.7);
	-moz-box-shadow:0 0 10px rgba(221,221,221,.7);
	box-shadow:0 0 10px rgba(221,221,221,.7)
}
/* user-passport-2015 login-banner.css Date:2015-03-19 14:32:09 */
.login-wrap {
	position:relative;
	height:480px;
	margin:10px 0 0px;
}
.login-wrap .login-banner {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:475px;
}
.login-wrap .i-inner {
	position:relative;
	z-index:3;
	height:475px
}
.login-wrap .login-form {
	float:right;
	top:40px;
	border:1px solid #e8e8e8;
	box-shadow:0 0 10px #cacaca;
}
/* user-passport-2015 safe-step.css Date:2015-03-03 15:45:12 */
.step {
	width:350px;
	margin:0 auto
}
.stepflex {
	display:inline-block;
	display:block;
	text-align:center;
	margin:30px 0 0
}
.stepflex:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
* html .stepflex {
	height:1%
}
*+html .stepflex {
	min-height:1%
}
.stepflex dl {
	float:left;
	position:relative;
	width:110px;
	top:-5px;
	border-top:5px solid #ccc
}
.stepflex dl.doing {
	border-top-color:#7abd54
}
.stepflex dl.doing .s-num {
	background-position:-23px 0
}
.stepflex dl.doing .s-text {
	color:#7abd54
}
.stepflex dl.done {
	border-top-color:#caecb6
}
.stepflex dl.done .s-num {
	background-position:-46px 0
}
.stepflex dl.done .s-text {
	color:#caecb6
}
.stepflex .doing b,.stepflex .doing s,.stepflex .first s,.stepflex .last b {
	width:5px;
	height:5px;
	position:absolute;
	line-height:0;
	font-size:0;
	top:-5px;
	background-image:url(https://miscssl.360buyimg.com/user/passport-2015/css/i/step2013.png);
	overflow:hidden
}
.stepflex .s-num {
	position:relative;
	margin:-15px auto 0;
	color:#fff;
	font-weight:700;
	width:23px;
	height:23px;
	background-image:url(https://miscssl.360buyimg.com/user/passport-2015/css/i/step2013.png);
	line-height:23px
}
.stepflex .s-text {
	color:#ccc
}
.stepflex s {
	left:0
}
.stepflex b {
	right:0
}
.stepflex .first s {
	background-position:0 -24px;
	background-color:#fff
}
.stepflex .last b {
	background-position:-5px -24px;
	background-color:#fff
}
.stepflex .doing s {
	background-position:-23px -24px
}
.stepflex .doing b {
	background-position:-28px -24px;
	background-color:#ccc
}
.stepflex .doing.last s,.stepflex .doing.normal s {
	background-color:#caecb6
}
.stepflex .doing.last b {
	background-color:#fff
}
.stepflex .done s {
	background-position:-46px -24px
}
.stepflex .done b {
	background-position:-51px -24px
}
.stepflex .doing.last .s-num {
	background-position:-91px 0
}
#sflex01 {
	width:110px
}
#sflex02 {
	width:220px
}
#sflex03 {
	width:3300px
}
.hide {
    display: none;
}
