.header{
	height: 110px;
    background: url(../images/PassportheadLine.jpg) repeat-x left bottom;
}
.i-company, .i-def, .i-error, .i-error1, .i-global, .i-suc {
    background: url(../images/icon.png) no-repeat;
}
.header .logo {
    display: inline-block;
    float: left;
    margin-top: 20px;
    margin-right: 40px;
}
.header .logo-title {
    float: left;
    height: 34px;
    line-height: 34px;
    font-size: 24px;
    color: #333;
    margin-top: 32px; 
}
.header .have-account {
    font-size: 16px;
    float: right;
    margin-top: 55px;
    color: #999;
}
.header .have-account a {
    color: #e22;
}
.header .have-account a:hover{
	color:#c81623;
	text-decoration:underline;
}
.progress-bar {
    position: relative;
    margin: 80px auto 0;
    width: 400px;
}
.progress-bar .pro-step {
    float: left;
    text-align: center;
}
.progress-bar .pro-line, .progress-bar .pro-step .step-index {
    background: url(../images/RegProgress.png) no-repeat;
}
.progress-bar .pro-step .step-index {
    margin: 0 auto;
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    background-position: -45px -200px;
    font-size: 12px;
    font-weight: 700;
    color: #ccc;
}
.progress-bar .cur-step .step-index {
    background-position: 0 -200px;
    color: #fff;
}
.progress-bar .pro-step .step-desc {
    margin-top: 10px;
    font-size: 12px;
    color: #999;
}
.progress-bar .cur-step .step-desc {
    color: #3b4;
}
.progress-bar .pro-line {
    position: absolute;
    top: 7px;
    width: 74px;
    height: 10px;
    background-position: 0 -40px;
}
.progress-bar .person-pro-line {
    width: 124px;
    background-position: 0 -100px;
}
.progress-bar .pro-line1 {
    left: 50px;
}
.progress-bar .person-pro-line1 {
    left: 55px;
}
.progress-bar .person-pro-step2 {
    margin-left: 106px;
}
.progress-bar .pro-line2 {
    left: 169px;
}
.progress-bar .person-pro-line2 {
    left: 228px;
}
.progress-bar .person-pro-step3 {
    margin-left: 112px;
}

.progress-bar .done-step .step-index {
    background-position: 0 0;
    border: none;
}

.progress-bar .person-cur-line {
    background-position: 0 -130px;
}



.main {
    margin: 50px auto 186px;
    width: 400px;
}


.select-country{
	border-color: rgb(221, 221, 221); 
	border-top-width: 1px; 
	border-right-width: initial; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	border-style: solid none solid solid; 
	border-image: initial;
}

.item-phone-wrap {
    height: 86px;
    position: relative;
    z-index: 2;
}

.form-item {
    position: relative;
    border: solid 1px #ddd;
    width: 398px;
    height: 52px;
    z-index: 0;
}
.form-item-phone {
    border: none;
}
.form-item label {
    float: left;
    width: 87px;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    font-size: 14px;
}
.form-item-phone .select-country {
    border: solid 1px #ddd;
    border-right: none;
    padding: 0 0 0 20px;
    color: #666;
}
.form-item .item-input-wrap {
    float: left;
    width: 288px;
    height: 50px;
    border: 1px solid rgb(221, 221, 221);
}

.input-tip {
    color: #c5c5c5;
    height: 27px;
    font-size: 12px;
    padding-top: 5px;
}

.form-item .i-cancel{
    background: url(../images/RegProgress.png) no-repeat;
}

.checkRegDialog .ico, .form-item-valid .i-status, .i-company, .i-def, .i-error, .i-error1, .i-global, .i-info, .i-pwd-medium, .i-pwd-strong, .i-pwd-weak, .i-suc, .mobileRelationDialog .ico {
    background: url(../images/icon.png) no-repeat;
}

.form-item .i-status{
    position: absolute;
    display: none;
    width: 16px;
    height: 16px;
    top: 20px;
    right: 20px;
}

.form-item-valid .i-status {
    display: block;
    background-position: 0 -117px;
}

.form-item .i-cancel {
    background-position: -80px -160px;
    position: absolute;
    display: none;
    width: 12px;
    height: 12px;
    top: 22px;
    right: 20px;
    cursor: pointer;
}

.form-item .field{
    border: 0 none;
    font-size: 14px;
    width: 190px;
    height: 19px;
    padding-bottom: 11px;
    padding-left: 20px;
    padding-top: 16px;
    outline: none;
}

input::-webkit-input-placeholder {
    line-height: 46px;
    margin-left: 20px;
    margin-top: 1px;
    font-size: 14px;
    font-family: Arial;
    color: rgb(204, 204, 204);
    display: inline;
}

.form-item .error {
    display: block;
}

.input-tip .error, .input-tip .orange, .phone-bind-tip {
    color: #f91;
}
.input-tip .status{
	color: #3b4;
}

.input-tip span i {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: text-top;
    margin-right: 8px;
}
.i-error {
    background-position: -17px -100px;
}

.input-tip span i.i-status{
	width: 16px;
    height: 16px;
    display: inline-block;
	background: url(../images/icon.png) no-repeat;
	background-position: 0 -117px;
}

.form-item-getcode{
    line-height: 52px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    z-index: 2;
}

.form-item .sms-btn {
    display: block;
    float: right;
    width: 117px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    background-color: #f0f0f0;
    margin: 3px 3px 3px 0;
    font-size: 12px;
    outline: none;
    cursor: pointer;
    color: #666;
}
.form-item .sms-btn:hover{
	color: #c81623;
}
.form-item .text-2 {
    border: 0 none;
    font-size: 14px;
    width: 150px;
    height: 19px;
    padding-bottom: 11px;
    padding-left: 20px;
    padding-top: 16px;
    outline: none;
}

.btn-register {
    width: 100%;
    height: 54px;
    line-height: 54px;
    text-align: center;
    color: #fff;
    background: #e2231a;
    border: 0;
    font-size: 16px;
    font-family: "Microsoft YaHei","Hiragino Sans GB";
    cursor: pointer;
}

.footer {
    font-size: 12px;
    text-align: center;
    border-top: solid 1px #e6e6e6;
    color: #999;
    padding-bottom: 30px;
}

.footer .links {
    padding-top: 30px;
    padding-bottom: 15px;
}

.footer a {
    color: #999;
    margin: 0 10px;
}
#step2-wrap {
    display: none;
}
.form-item-account {
    z-index: 13;
}

.tips {
    position: absolute;
    background: #fef4e5;
    border: solid 1px #f6c090;
    color: #bc5212;
    display: none;
    padding: 0 12px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    border-radius: 3px;
    z-index: 11;
}

.capslock-tip {
    right: 2px;
    top: -45px;
}

#step2-wrap .form-item .field{
	width: 220px;
}

.i-pwd-weak {
    background-position: -17px -134px;
}

.i-pwd-medium {
    background-position: -34px -117px;
}

.i-pwd-strong {
    background-position: -34px -134px;
}

.t{
	margin-bottom:30px;
} 
.t .i {
	margin:60px auto 10px; 
	display:block; 
	height:56px; 
	width:56px; 
	background:url(../images/RegComplete.png);
} 
.t .mt {
	font-size:22px; 
	color:＃333; 
	text-align:center; 
	line-height:40px
} 
.t .mm {
	text-align:center; 
	font-size:16px; 
	color:#999; 
	line-height:26px
} 
.t .mm a {
	color:#06c; 
	margin:0 5px; 
	cursor:pointer
} 
.t .mm a:hover { 
	color:#c81623;
}
#step3-wrap{
	display: none;
}
#step3-wrap .btn {
    height: 52px;
    padding: 0 25px;
    border: 1px solid #ee2223;
    background: #ee2223;
    font-size: 16px;
    color: #fefefe;
    outline: 0;
    transition: all .5s;
    font-weight: 700;
}
.btn-con{
	margin:40px 0 87px;
	text-align:center;
}
.btn-con a{
	display:inline-block;
	line-height:52px;
}

/*登录*/

#content {
    clear: both;
}

.login-wrap {
    position: relative;
    height: 475px;
    margin: 10px 0 20px;
    z-index: 5;
}

#content .login-wrap {
    margin-top: 0;
}

.login-form {
    position: relative;
    z-index: 4;
    background: #fff;
    overflow: visible;
    width: 346px;
}

.login-wrap .login-form {
    float: right;
    top: 10px;
    left: 100px;
}

#content .tips-wrapper {
    background: #fff8f0;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

#content .tips-wrapper .cont-wrapper {
    display: inline-block;
    width: 90%;
}

#content .tips-wrapper .icon-tips {
    background: url(../images/icon.png) no-repeat 0px -99px;
    display: inline-block;
    width: 17px;
    height: 17px;
    vertical-align: middle;
}

#content .tips-wrapper .tips-inner p {
    vertical-align: middle;
    color: #999;
    font-size: 12px;
    display: inline-block;
}

.login-form {
    position: relative;
    z-index: 4;
    background: #fff;
    overflow: visible;
    width: 346px;
}

.login-form .login-tab {
    height: 54px;
    font-size: 18px;
    font-family: "microsoft yahei";
    text-align: center;
    border-bottom: 1px solid #f4f4f4;
    position: absolute;
    background: #fff;
    display: block;
}

.login-form .login-tab-l, .login-form .login-tab-r {
    width: 173px;
}

.login-form .login-tab a {
    width: 100%;
    height: 18px;
    position: absolute;
    left: 0;
    top: 18px;
    text-decoration: none;
}

.login-form .login-tab a.checked,
.login-form .login-tab a:hover{
    font-weight:700;
    color:#e4393c;
}

.login-form .login-box {
    width: 306px;
    padding: 20px;
    display: block;
    visibility: visible;
}

.login-form .login-box .mt {
    display: inline-block;
    display: block;
    width: 306px;
    overflow: visible;
    height: 27px;
    cursor: default;
}

.login-form .login-box .tab-h {
    height: 35px;
}

.login-form .msg-wrap {
    min-height: 23px;
    margin-top: 5px;
    margin-bottom: 5px;
    height: auto!important;
}

.login-form .msg-error {
    position: relative;
    background: #ffebeb;
    color: #e4393c;
    border: 1px solid #faccc6;
    padding: 3px 10px 3px 40px;
    line-height: 15px;
    height: auto;
}

.login-form .msg-error b {
    position: absolute;
    top: 50%;
    left: 10px;
    display: block;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background: url(../images/RegIcons.png) -104px -49px no-repeat;
}

.login-form .login-box .mc {
    overflow: visible;
}

.form .label, .form button, .form input, .form label, .form select, .form textarea {
    float: left;
    font-size: 12px;
}

.form .item {
    position: relative;
    margin-bottom: 20px;
    z-index: 1;
}

.form .item-fore1, .form .item-fore2 {
    border: 1px solid #bdbdbd;
    height: 38px;
    width: 304px;
}

.form .item-error {
    border: 1px solid #e4393c;
}

.form .item-fore1 {
    z-index: 6;
}

.form label {
    float: none;
}

.form .item .login-label {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 38px;
    height: 38px;
    border-right: 1px solid #bdbdbd;
    background: url(../images/RegIcons.png) no-repeat;
}

.form .item-error .name-label {
    background-position: 0 -96px;
    border-color: #e4393c;
}

.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';
    outline: none;
}

.form .item-fore2 {
    height: 38px;
    visibility: visible;
}

.form .item .pwd-label {
    background-position: -48px 0;
}

.form input[type=password] {
    font-family: Tahoma,Helvetica,Arial;
}


.login-form .login-box .safe {
    color: #666;
}

.login-form .login-box .safe .forget-pw-safe {
    float: right;
}

.form .item-fore5 {
    margin-bottom: 10px;
}

.login-form .login-box .login-btn {
    border: 1px solid #cb2a2d;
    margin: 0 auto;
    height: 32px;
    width: 99%;
    position: relative;
}

.btn-img, .button {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
    text-align: center;
    cursor: pointer;
}

.login-form .login-box .login-btn .btn-img {
    border: 1px solid #e85356;
    display: block;
    width: 302px;
    background: #e4393c;
    height: 31px;
    line-height: 31px;
    color: #fff;
    font-size: 20px;
    font-family: 'Microsoft YaHei';
    outline: none;
}

.login-wrap .login-banner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 475px;
    /*background: #e93854;*/
}

.login-wrap .i-inner {
    position: relative;
    z-index: 3;
    height: 475px;
}

.w1{
    width: 990px;
    margin: auto;
}

.coagent {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 50px;
    border-top: 1px solid #f4f4f4;
    height: auto;
    background-color: #fcfcfc;
}

.coagent ul {
    display: block;
}

.coagent li {
    float: left;
}

.coagent li a.pdl {
    display: inline-block;
    position: relative;
    padding-left: 24px;
}

.coagent li a.pdl b {
    width: 19px;
    height: 18px;
    display: block;
    background: url(../images/QQ-weixin.png) no-repeat;
    margin: 0 auto;
    position: absolute;
    float: left;
    left: 0;
    top: 16px;
}

.coagent li a.pdl b.weixin-icon {
    background-position: -20px 0;
}

.coagent li.extra-r {
    float: right;
}

.coagent .regist-link {
    color: #b61d1d;
    font-size: 14px;
}

.coagent .regist-link a {
    color: #b61d1d;
}

.coagent .regist-link b {
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background: url(../images/RegIcons.png) -104px -75px no-repeat;
    vertical-align: middle;
    margin-right: 5px;
}

#footer-2013{
    border-top: none;
}

#footer-2013 .links{
    padding-top: 0;
}

.form .item-error .pwd-label {
    background-position: -48px -96px;
    border-color: #e4393c;
}

.form .item-fore2 .sms-btn {
    display: block;
    float: right;
    width: 118px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    background-color: #f0f0f0;
    outline: none;
    cursor: pointer;
    color: #666;
}

.form .item-fore2 .itxt-imgcode{
    border: 0 none;
    font-size: 14px;
    width: 150px;
    line-height: 18px;
    height: 18px;
    padding: 10px 0 10px 15px;
    outline: none;
}