* {
	box-sizing:border-box;
	padding:0px;
	margin:0px;
    font-size: 14px;
    font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体";
}
.max-width {
    width:1200px;
    margin:0px auto;
}
.top-header {
	height:140px;
	width:1200px;
	line-height:140px;
	margin:0px auto;
    text-align:left;
    position:relative;
}
.page-title {
    display:inline-block;
    margin-left:44px;
    padding-left:44px;
    height:36px;
    line-height:36px;
    color:#999;
    font-size:24px;
    border-left:2px solid #aaa;
    margin-top:52px;
}
.login-tip {
    position:absolute;
    margin-right:0px;
    right:0px;
    top:0px;
}
.login-tip a{
    color:#ff7200;
}
.top-navigation {
    height:64px;
    border-top:1px solid #ff7200;
}
.top-navigation .gray-bg{
    height:63px;
    background-color:#fafafa;
}
.top-navigation .gray-bg ul{
    margin:0px;
    padding:0px;
    height:63px;
    list-style:none;
}
.top-navigation .gray-bg ul li{
    float:left;
    min-width:154px;
    height:63px;
    line-height:62px;
    font-size:18px;
    color:#c3c3c3;
    text-align:center;
    margin-left:114px;
}
.top-navigation .gray-bg ul li div{
    font-size:18px;
    display:inline-block;
    padding-left:31px;
    position:relative;
}
.top-navigation .gray-bg ul li div span{
    display:block;
    position:absolute;
    top:50%;
    left:0px;
    background-color:#c3c3c3;
    color:#fff;
    width:26px;
    height:26px;
    line-height:26px;
    margin-top:-13px;
    border-radius:50%;
}
.top-navigation .gray-bg ul li.active{
    color:#333;
    border-bottom:1px solid #333;
}
.top-navigation .gray-bg ul li.active  div span{
    background-color:#333;
}



.center-body {
    min-height:400px;
    padding:80px 0px;
    width:1200px;
    margin:0px auto;
}
.step1,.step2 {
    width:480px;
    margin:0px auto;
}
.input-wrap {
    width:480px;
    border:1px solid #b5b5b5;
    height:48px;
    padding:14px 14px 14px 42px;
    position:relative;
}
.input-wrap.password {
    padding-left:48px;
}
.input-wrap.verification {
    padding-left:53px;
}
.input-wrap.login-user {
    padding-left:54px;
}
.input-warp {
    width:290px;
    border:1px solid #b5b5b5;
    height:48px;
    position:relative;
    padding-left:53px;
}
.input-wrap i{
    display:block;
    background:url(../images/phone-ico.png) no-repeat center center;
    width:16px;
    height:26px;
    position:absolute;
    top:50%;
    margin-top:-13px;
    left:14px;
}
.input-wrap.login-user i{
    display:block;
    background:url(../images_v1.0/login-user-ico.png) no-repeat center center;
    width:27px;
    height:26px;
    position:absolute;
    top:50%;
    margin-top:-13px;
    left:14px;
}
.input-wrap.password i{
    display:block;
    background:url(../images/password-ico.png) no-repeat center center;
    width:22px;
    height:27px;
    position:absolute;
    top:50%;
    margin-top:-13px;
    left:14px;
}
.input-wrap.verification i{
    display:block;
    background:url(../images/yzm-ico.png) no-repeat center center;
    width:26px;
    height:21px;
    position:absolute;
    top:50%;
    margin-top:-10px;
    left:14px;
}
.input-warp i{
    display:block;
    background:url(../images/yzm-ico.png) no-repeat center center;
    width:26px;
    height:21px;
    position:absolute;
    top:50%;
    margin-top:-10px;
    left:14px;
}
.input-wrap input{
    height:20px;
    width:100%;
    border:none;
    outline:none;
    line-height:20px;
}
.input-wrap .error-ico {
    position:absolute;
    width:18px;
    height:18px;
    background:url(../images/error.png) no-repeat center center;
    top:50%;
    right:14px;
    margin-top:-9px;
    display:none;
}
.input-wrap.verification .error-ico {
    position:absolute;
    width:18px;
    height:18px;
    background:url(../images/error.png) no-repeat center center;
    top:50%;
    right:144px;
    margin-top:-9px;
    display:none;
}
.phone-code-ok .input-wrap.verification .error-ico,
.input-warp.verification-ok .error-ico {
    position:absolute;
    width:18px;
    height:18px;
    background:url(../images/ok.png) no-repeat center center;
    top:50%;
    right:144px;
    margin-top:-9px;
    display:block;
}
.input-warp.verification-ok .error-ico {
    top:50%;
    right:14px;
    margin-top:-9px;
    display:block;
}
.user-check-ok.input-wrap.login-user .error-ico {
    position:absolute;
    width:18px;
    height:18px;
    background:url(../images/ok.png) no-repeat center center;
    top:50%;
    right:14px;
    margin-top:-9px;
    display:block;
}
.max-input {
    width:100%;
    height:46px;
    line-height:46px;
    padding:0px 0px;
    border:none;
    outline:none;
}
.max-input.yzm {
    width:230px;
}
.input-warp {
    position:relative;
}
.input-tip {
    height:25px;
    line-height:25px;
    font-size:14px;
    color:#ff7200;
    text-align:left;
}

.input-tip.error {
    color:#ff0000;
}
.mt10 {
    margin-top:10px;
}
.yzm-warp {
    position:absolute;
    top:0px;
    right:0px;
    height:48px;
}
.yzm-warp img{
    margin-right:50px;
    border:none;
}
.yzm-warp a{
    position:absolute;
    bottom:0px;
    right:0px;
    color:#ff7200;
}
.phonetip-info {
    width:480px;
    height:30px;
    line-height:30px;
}
.phonetip-info .tip-info{
    display:none;
    font-size:13px;
    color:#ff0000;
}
.phonetip-info .tip-info.info{
    color:#ff7200;
}
.phone-error .phonetip-info .tip-info.info{
    color:#ff0000;
}
.phonetip-info a{
    color:#ff7200;
}
.phone-error .phonetip-info .tip-info,
.phone-has .phonetip-info .tip-info{
    display:block;
}
.phone-error .input-wrap{
    border:1px solid #ff0000;
}
.phone-error .input-wrap .error-ico{
    display:block;
}

.drag-wrap {
    width:480px;
}
.is-okfw {
    width:480px;
    margin-top:30px;
}

.is-okfw a{
    color:#ff7200
}
.btnwrap {
    width:480px;
    margin-top:30px;
    height:48px;
    background-color:#ff7200;
    font-size:20px;
    color:#fff;
    text-align:center;
    line-height:48px;
    cursor:pointer;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}
.btnwrap:hover {
    background-color:#ff8b2e;
}
.btnwrap:active {
    background-color:#e56600;
}
.afreshBtn {
    height:46px;
    line-height:46px;
    font-size:14px;
    color:#9b9999;
    background-color:#ececec;
    width:130px;
    position:absolute;
    right:0px;
    top:0px;
    border-left:1px solid #b5b5b5;
    text-align:center;
}
.afreshBtn.ok {
    color:#fff;
    background-color:#ff7200;
    border-left:1px solid #ff7200;
    cursor:pointer;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}
.afreshBtn.ok:hover {
    background-color:#ff8b2e;
    border-left:1px solid #ff8b2e;
}
.afreshBtn.ok:active {
    background-color:#e56600;
    border-left:1px solid #e56600;
}
/*短信发送提醒*/
.send-tip {
    height:25px;
    margin-bottom:10px;
    color:#ff7200;
    font-size:14px;
}
/*安全等级*/
.safety-level {
    position:relative;
    width:480px;
    text-align:left;
    font-size:14px;
    color:#555;
    margin-top:10px;
}
.safety-level ul{
    margin:0px;
    padding:0px;
    list-style:none;
    position:absolute;
    left:80px;
    top:0px;
}
.safety-level ul li{
    float:left;
    border:1px solid #b5b5b5;
    width:60px;
    height:20px;
    text-align:center;
    color:#fff;
    margin-left:3px;
}
.safety-level ul li.active{
    border-color:#ff7200;
    background-color:#ff7200;
}


/*step3*/

.step3 {
    width:556px;
    margin:0px auto;
    padding-left:76px;
}
.code-tip-ok {
    height:44px;
    width:480px;
    border:1px dotted #ff7200;
    line-height:44px;
    padding-left:50px;
    background:url(../images/ok.png) no-repeat 17px center;
}
.pwd-warp {
    width:480px;
    height:50px;
    margin-top:30px;
    position:relative;
}
.pwd-warp span{
    position:absolute;
    left:-60px;
    top:13px;
    color:#555;
}
.pwd-warp.confirm span{
    left:-72px;
}
.pwd-warp input{
    width:480px;
    height:50px;
    border:1px solid #b5b5b5;
    outline:none;
    line-height:50px;
    padding:0px 15px;
}
.pwd-warp.showok i{
    position:absolute;
    right:20px;
    top:16px;
    width:18px;
    height:18px;
    background:url(../images/ok.png) no-repeat center center;
}



.step4 {
    width:420px;
    margin:0px auto;
    position:relative;
    padding-top:80px;
}
.complete-ico {
    width:62px;
    height:62px;
    background:url(../images/correct-ico.png) no-repeat center center;
    position:absolute;
    left:50%;
    margin-left:-31px;
    top:0px;
}
.complete-tip {
    font-size:20px;
    color:#4b4b4b;
    text-align:center;
}
.step4 .btnwrap {
    width:420px;
    margin-top:80px;
}

.home-a {
    padding-left:26px;
    background:url(../images_v1.0/home-ico.png) no-repeat left center;
}