.login-default,
.login-default img {
	width: 100%;
	height: 100%;
	position: relative;
}

.login-main {
	width: 760px;
	height: 440px;
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 50%;
	margin: -220px 0 0 -380px;
	text-align: center;
}

.login-main .title {
	padding-top: 110px;
}

.login-main .link {
	height: 42px;
	line-height: 42px;
	background: #ff9000;
	color: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	display: inline-block;
	padding: 0 24px;
}

.service-btn {
	padding-top: 90px;
}

.login-main .link:hover,
.login-main .link:focus {
	background: #ffa024;
}

.login-main .link i {
	padding-right: 8px;
}

.login-main .link.mr {
	margin-right: 90px;
}

.login-middle {
	height: 558px;
	background: #e8eaee;
}

.login-middle .content {
	background: url(../image/login/person-middlebg.jpg) no-repeat;
	height: 100%;
	position: relative;
}

.login-middle.companybg .content {
	background: url(../image/login/company-middlebg.jpg) no-repeat;
}

.login-middle .login-bar {
	width: 540px;
	height: 558px;
	position: absolute;
	top: 0;
	right: 0;
	background: #fff;
	opacity: 0.5;
	filter: Alpha(opacity=50);
}

.login-box {
	width: 540px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}

.login-form {
	width: 380px;
	padding: 100px 80px 0 80px;
}
.login-form.focus-blue {
	width: 410px;
	padding: 100px 65px 0 65px;
}
.companybg .login-form {
	padding-top: 50px;
}

.login-form li {
	margin-top: 20px;
	position: relative;
}
.login-form.focus-blue li {
	padding-right: 50px;
}
.login-form li .iconfont {
	color: #ff9000;
	font-size: 22px;
	line-height: 42px;
	position: absolute;
	left: 10px;
	top: 0;
}
.login-form.focus-blue li .detail {
	display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}


.login-form .lg-label {
	position: absolute;
	left: 50px;
	top: 0;
	height: 42px;
	line-height: 42px;
	color: #ccc;
	transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	opacity: 1;
}

.login-form li .input-style {
	width: 318px;
	padding-left: 50px;
}
.login-form.focus-blue .iconfont {
	color: #427fed;
}
.login-form.focus-blue .reg-btn {
	border-color: #427fed;
	color: #427fed;
}
.forget-txt {
	padding-top: 10px;
	text-align: right;
	font-family: "宋体";
}

.forget-txt a {
	color: #999;
	font-size: 14px;
}

.login-btn {
	padding-top: 20px;
	text-align: center;
}

.login-btn .btn {
	width: 181px;
	padding: 0;
	*vertical-align: top;
}

.reg-btn {
	border: #ff9000 solid 2px;
	height: 38px;
	line-height: 38px;
	color: #ff9000;
	display: inline-block;
	width: 177px;
	text-align: center;
	border-radius: 4px;
	-moz-border-radius: 4px;
	margin-left: 10px;
}

.login-type {
	padding-top: 20px;
	text-align: center;
}

.login-type .title {
	color: #333;
}

.login-type .icon {
	padding-top: 30px;
}

.login-type .link {
	width: 42px;
	height: 42px;
	display: inline-block;
}

.login-type .link.mr {
	margin-right: 30px;
}

.login-account {
	padding: 30px 0;
	overflow: hidden;
}

.login-account dl {
	width: 198px;
	float: left;
	color: #999;
	padding: 0 20px;
	border-left: #fff solid 1px;
	border-right: #ddd solid 1px;
	min-height: 82px;
}

.login-account.company dl {
	width: 358px;
}

.login-account dl.first {
	border-left: none;
}

.login-account dl.last {
	border-right: none;
}

.login-account dt {
	font-weight: 700;
	padding-bottom: 10px;
}

.login-account dd {
	font-size: 14px;
	line-height: 24px;
}

.login-code {
	position: relative;
	width: 540px;
	height: 264px;
	padding-top: 53px;
	text-align: center;
}

.lgoin-code img {
	width: 264px;
	height: 264px;
}

.login-code .close-btn {
	color: #333;
	position: absolute;
	right: 15px;
	top: 15px;
	display: inline-block;
	width: 40px;
	height: 40px;
}

.login-code .close-btn .iconfont {
	font-size: 40px;
	color: #333;
}

.login-prompt {
	width: 540px;
	height: 558px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
}

.login-prompt-mask {
	width: 100%;
	height: 100%;
	background: #f8f8f8;
	opacity: 0.9;
	filter: Alpha(opacity=90);
}

.login-prompt .txt {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -95px;
}

.login-prompt .txt p {
	font-size: 36px;
	color: #333;
	padding: 20px 0;
}

.login-prompt .iconfont {
	color: #00d194;
	font-size: 102px;
}

.login-code-t {
	font-size: 24px;
	color: #fff;
}

.login-code-wrap {
	background: #fff;
	margin: 20px auto;
	padding: 20px;
	width: 254px;
	height: 254px;
}

.login-code-wrap img {
	width: 254px;
	height: 254px;
}

.login-code-explain {
	line-height: 24px;
	font-size: 14px;
	padding: 10px 0;
	width: 294px;
	display: inline-block;
	color: #fff;
	border-radius: 34px;
	-moz-border-radius: 34px;
	background: #222;
	-moz-box-shadow: 1px 1px 2px #000 inset;
	-webkit-box-shadow: 1px 1px 2px #000 inset;
	box-shadow: 1px 1px 2px #000 inset;
}
.login-form li.login-error {
	margin-top: 0;
}
.login-form .error {
	height: 21px;
	line-height: 21px;
}

.login-form .field-validation-error {
	display: inline-block;
	font-size: 14px;
	padding-left: 19px;
	*vertical-align: top;
}

.login-form .field-validation-error.yellow {
	background: url(../image/error-yellow-icon.png) no-repeat left center;
	color: #ff9000;
}

.login-form .field-validation-error.blue {
	color: #427fed;
	background: url(../image/error-blue-icon.png) no-repeat left center;
}
.login-form .field-validation-error.red {
	color: #f30404;
	background: url(../image/error-red-icon.png) no-repeat left center;
}
/*tab*/

.login-tab {
	width: 540px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
	overflow: hidden;
	height: 50px;
}
.login-tab.person {
	border-bottom: #ff9102 solid 2px;
}
.login-tab.company {
	border-bottom: #427fed solid 2px;
}
.login-tab li {
	text-align: center;
	line-height: 50px;
	float: left;
	background: #f4f5f7;
	border-right: #fff solid 2px;
}
.login-tab li.last {
	border: none;
}
.login-tab li.active {
	background: #fff;
}

.login-tab li a {
	color: #ccc;
	font-weight: 700;
	display: block;
}

.login-tab li {
	width: 270px;
}
.login-tab li.last {
	width: 268px;
}
.login-tab.person li.active a {
	color: #fff;
	background: url(../image/login/login-personbg.jpg) repeat-x left top;
}
.login-tab.company li.active a {
	color: #fff;
	background: url(../image/login/login-companybg.jpg) repeat-x left top;
}

.login-smartcard {
    margin-top: 53px;
    text-align: center;
    width: 290px;
    height: 290px;
    position: relative;
    left: 50px;
}

/* 灰色样式 */
.login-smartcard img gray {
    filter: grayscale(100%); /* 将二维码变成完全灰色 */
}
.login-smartcard-toast {
    background: rgba(31,31,31,.6);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0 ;
    display:none;
}
    .login-smartcard-toast img {
        border: none;
        cursor: pointer;
        height: 48px;
        left: 50%;
        margin-left: -24px;
        margin-top: -24px;
        position: absolute;
        top: 50%;
        width: 48px
    }

.login-smartcard li.login-error {
    margin-top: 5px!important;
    display:none;
}