@charset "utf-8";
/* CSS Document */
body{     font:"microsoft yahei";}
/* user-passport-2015 common.css Date:2015-05-20 11:24:42 */
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
}
ol, ul {
	list-style:none
}
:focus {
	outline:0
}
a img {
	border:0
}
img {
	vertical-align:middle
}
table {
	empty-cells:show
}
ins {
	text-decoration:none
}
del {
	text-decoration:line-through
}
em {
	font-style:normal
}
.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:inherit;
	margin:10px 0 0;
	height:60px;
	margin-bottom: -7px;
}
#logo b {
	display:block;
	width:110px;
	height:40px;
	position:absolute;
	right:0;
	top:10px;
}
#logo a img{
	width: 180px;
}
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;
}
.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;
}
.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;
	overflow:hidden;
	vertical-align:middle
}
/* user-passport-2015 login-form.css Date:2015-05-20 11:24:42 */
.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-image: url(../../images/pwd-icons-new.png);
	background-repeat: 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;
	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;
}
.form .item-fore1 .capslock b, .form .item-fore2 .capslock b {
	display:block;
	position:absolute;
	top:7px;
	left:10px;
	width:10px;
	height:14px;
	overflow:hidden;
}
.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:100px;
	height:33px;
	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 #o-authcode.item {
	border:0
}
.form #o-authcode.item a{ font-size:12px;}
.form #o-authcode.item .itxt {
	border:1px solid #bdbdbd;
	font-size:14px;
	padding:7px 5px;
	vertical-align:middle
}
.form #o-authcode.item-error {
	border:0
}
.form #o-authcode.item-error .itxt {
	border-color:#e4393c
}
.form #o-authcode.item-focus {
	border:0
}
.form #o-authcode.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;
}
.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: 35px;
	overflow:visible;
	box-shadow: 0px 0px 20px #E8E8E8;
}
.login-form .msg-wrap {
	min-height:31px;
	height:auto!important;
	height:31px;
	display:none;
	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;
}
.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;
}
.login-form .login-box .mt {
	display:inline-block;
	display:block;
	width:306px;
	overflow:visible;
	height:27px;
	margin: 0px 0px 15px 0px;
}
.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:#b61d1d
}
.login-form .login-box .mt .regist-link b {
	display:inline-block;
*display:inline;
*zoom:1;
	width:16px;
	height:16px;
	overflow:hidden;
	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
}
.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;
}
.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 .coagent .more-slide-new dd {
	width:153px;
	height:62px;
	overflow:hidden
}
.login-form .login-box .coagent .more-slide-new dd a, .login-form .login-box .coagent .more-slide-new dd a:hover {
	margin-right:28px
}
.login-form .login-box .coagent .more-slide-new .dd-cont {
	width:175px
}
.login-form .login-box .login-btn {
	border:1px solid #cb2a2d;
	margin:0 auto;
	height:43px;
	margin-bottom:5px;
	position:relative
}
.login-form .login-box .login-btn .btn-img {
	border:1px solid #f60;
	display:block;
	width:302px;
	background:#f60;
	height:41px;
	line-height:31px;
	color:#fff;
	font-size:20px;
	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;
-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:53px
}
.login-form .qrcode-login .qrcode-desc h2 {
	font-size:16px;
	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:20px auto 15px
}
.login-form .qrcode-login .qrcode-img .qrcode-error02 {
	padding:30px 0
}
.login-form .qrcode-login .qrcode-img .qrcode-error02 .error-icon {
	display:inline-block;
	margin-bottom:25px;
	width:50px;
	height:50px;
}
.login-form .qrcode-login .qrcode-img img {
	width:147px;
	height:147px
}
.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;
}
.login-form .qrcode-login .qrcode-succ {
	width:306px;
	margin:80px auto 130px;
	height:100px;
	overflow:hidden
}
.login-form .qrcode-login .qrcode-succ h3 {
	color:#999;
	font-weight:400
}
.login-form .qrcode-login .qrcode-succ .tip-box {
	width:306px
}
.login-form .qrcode-login .qrcode-succ .tip-box .item-fore {
	margin:0 0 0 110px;
	padding-top:30px
}
.login-form .qrcode-login .qrcode-succ .succ-icon {
	width:110px;
	height:100px;
}
.login-form .qrcode-login .qrcode-succ .qrcode-back {
	margin-top:5px
}
.login-form .qrcode-login .qrcode-succ .qrcode-back a {
	text-decoration:underline
}
.login-form .qrcode-login .qrcode-panel {
	width:150px;
	margin:0 auto 50px;
	text-align:center
}
.login-form .qrcode-login .qrcode-panel ul {
	display:inline-block;
	display:block
}
.login-form .qrcode-login .qrcode-panel ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
* html .login-form .qrcode-login .qrcode-panel ul {
	height:1%
}
*+html .login-form .qrcode-login .qrcode-panel ul {
	min-height:1%
}
.login-form .qrcode-login .qrcode-panel li {
	float:left;
	padding:0 0 0 10px;
	margin:0 10px 0 0;
	border-left:1px solid #ccc
}
.login-form .qrcode-login .qrcode-panel li.fore1 {
	border:0
}
.login-form .qrcode-login .qrcode-panel a {
	color:#999
}
.login-form .qrcode-login .qrcode-panel a:hover {
	color:#e4393c
}
.login-form .qrcode-login .qrcode-panel .qrcode-tips {
	position:relative;
	background:#F6DCDF;
	color:#999;
	margin-top:10px
}
.login-form .qrcode-login .qrcode-panel .qrcode-tips .triangle-border {
	position:absolute;
	right:30px;
	overflow:hidden;
	width:0;
	height:0;
	border-width:5px;
	border-style:dashed dashed solid
}
.login-form .qrcode-login .qrcode-panel .qrcode-tips .tb-border {
	top:-10px;
	border-color:transparent transparent #F6DCDF
}
.login-form .qrcode-login .qrcode-panel .qrcode-tips .qrcode-tips-info {
	height:20px;
	line-height:20px;
	overflow:hidden
}
.login-form .qrcode-login .qrcode-panel .qrcode-tips .qrcode-tips-info .qrcode-tips1 {
transition:margin-top .5s;
-moz-transition:margin-top .5s;
-webkit-transition:margin-top .5s;
-o-transition:margin-top .5s
}
.login-form .qrcode-login .qrcode-panel .qrcode-tips .qrcode-tips-info .qrcode-tips1:hover {
	margin-top:-20px
}
.login-form .qrcode-login .qrcode-panel .qrcode-tips .qrcode-tips-info .qrcode-tips2 {
	color:#763A42
}
.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;
	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;
}
.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-05-20 11:24:42 */
.login-wrap {
	position:relative;
	height:500px !important;
/*	margin:10px 0 20px*/
}
.login-wrap .login-banner {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:600px !important;
	
	background:url(../../images/login-bg.png);
	background-repeat:no-repeat;
	background-position:center center;
}
.login-wrap .i-inner {
	position:relative;
	z-index:3;
	height:475px;
}
.login-wrap .login-form {
	float:right;
	top:73px;
}
/* user-passport-2015 safe-step.css Date:2015-05-20 11:24:42 */
.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;
	overflow:hidden
}
.stepflex .s-num {
	position:relative;
	margin:-15px auto 0;
	color:#fff;
	font-weight:700;
	width:23px;
	height:23px;
	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
}

.login_new_1 .nc-login-other{
	margin-top:20px;
	}
.login_new_1 .nc-login-other a{ float:left; margin-top:5px;}