
.content *{
    font-size: 14px;
}
.content{
    width:1198px;height:510px;
    border:1px solid #e2e2e2;
    margin:0 auto;
    clear: both;
}
.content h1{
    height:14px;
    line-height: 14px;
    font-weight: 400;
    margin: 20px 0 0 37px;
}
.content ul{
    width:600px;height:62px;
    margin:82px auto 0;
}
.content ul li{
    width:200px;height:100%;
    float: left;
    position: relative;
}
.content ul li span:first-child{
    width:200px;height:4px;
    position: absolute;
    top: 10px;
    background: #f1f1f1;
    border-radius: 2px;
    z-index:1;
}
.content ul li span{
    width:25px;height:25px;
    color: #fff;
    border-radius: 100%;
    background: #d7d7d7;
    position: absolute;
    left: 0;right: 0;top:0;
    margin:auto;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
    z-index:10;
}
.content ul li p{
    width:100%;
    position: absolute;
    bottom: 0;
    text-align: center;
}
.content ul li:first-child span:first-child{
    background: #7abe51;
}
.content ul li:first-child span{
    background: #7abe51;
}
.stage1 em{
    height:42px;
    line-height: 48px;
    float: right;
    color: #e50012;
}
.content .phone{
    width:600px;height:42px;
    margin:64px 0 0 380px;
}
.content .phone .item-left p{
    float: right;
    color:#333333;
    height:42px;
    line-height: 42px;
    margin-left: 6px;
}
.content .phone .text{
    width:318px;height:40px;
    border:1px solid #e2e2e2;
    border-radius: 4px;
    float: left;
}
.content .phone .text>img{
    width:18px;height:18px;
    float: left;
    margin: 11px 0 0 8px;
}
.content .phone .text>input{
    width: 290px;height:40px;
    line-height: 40px;
    float: left;
    text-indent: 16px;
}
.content .phone div input::-webkit-input-placeholder{
    color:#cccccc;
}
.error-tip{
    float: left;
    display: none;
}
.error-tip *{
    float: left;
}
.error-tip img{
    margin:13px 0 0 5px;
}  
.error-tip p{   
    color: #e50012;
    margin-top: 10px;
}
.content .code{
    width:600px;height:40px;
    margin:20px 0 0 380px;
}
.content .code p{
    float: right;
    color:#333333;
    height:42px;
    line-height: 42px;
    margin-left: 6px;
}
.content .code>input{
    width:173px;height:40px;
    line-height: 40px;
    float: left;
    text-indent: 16px;
    border-radius: 4px;
    border:1px solid #e2e2e2;
}
.content .code>input::-webkit-input-placeholder{
    color:#cccccc;
}
.code .code-vertify{
    float: left;
    width:135px;height:40px;
    margin-left: 10px;
    cursor: pointer;
}
.code .code-reload{
    width: 18px;height: 18px;
    float: left;
    cursor: pointer;
    margin:12px 0 0 6px;
}
.phone-code{
    width:600px;height:40px;
    margin:20px 0 0 380px;
}
.phone-code .item-left p{
    float: right;
    color:#333333;
    height:42px;
    line-height: 42px;
    margin-left: 6px;
}
.phone-code input{
    width:160px;
	height:40px;
    line-height: 40px;
    float: left;
    text-indent: 16px;
   /* border-radius: 4px;*/
    border:1px solid #e2e2e2;
}
.phone-code input::-webkit-input-placeholder{
    color:#cccccc;
}
.phone-code>p{
    width:132px;height:40px;
    text-align: center;
    line-height: 40px;
    margin-left: 10px;
    float: left;
    color: #666666;
    border:1px solid #e2e2e2;
    border-radius:4px;
    cursor:pointer;
}
.item-left{
    float: left;
    width:120px;
}
.stage1 button{
    width:320px;height:40px;
    background: #e50012;
    color: #fff;
    line-height: 40px;
    text-align: center;
    margin-left: 500px;
    margin-top: 40px;
    cursor: pointer;
}
.stage2 em{
    height:36px;
    line-height: 40px;
    float: right;
    color: #e50012;
}
.set-password{
    width:800px;
    margin-top: 70px;
    margin-left: 370px;
}
.new-password{
    width:100%;
    height:36px;
    margin-bottom: 29px;
}
.new-password .item-left p{
    float: right;
    color:#333333;
    height:36px;
    line-height: 36px;
    margin-left: 6px;
}
.new-password input{
    width:318px;height:34px;
    line-height: 34px;
    float: left;
    text-indent: 16px;
    border-radius: 4px;
    border:1px solid #e2e2e2;
}
.confirm-password{
    width:100%;
    height:36px;
}
.confirm-password .item-left p{
    float: right;
    color:#333333;
    height:36px;
    line-height: 36px;
    margin-left: 6px;
}
.confirm-password input{
    width:318px;height:34px;
    line-height: 34px;
    float: left;
    text-indent: 16px;
    border-radius: 4px;
    border:1px solid #e2e2e2;
}
.stage2 button{
    width:320px;height:40px;
    background: #e50012;
    color: #fff;
    line-height: 40px;
    text-align: center;
    margin-left: 120px;
    margin-top: 43px;
    cursor: pointer;
}
.stage1{
    display: block;
}
.stage2{
    display: none;
}
.stage3{
    display: none;
}
.stage3 p{
    font-size: 18px;
    line-height: 18px;
    margin:39px 0 0 491px;
    float: left;
    color: #7abe51;
}
.stage3 span{
    font-size: 12px;
    line-height: 12px;
    margin:12px 0 0 491px;
    float: left;
    color: #999999;
}
.stage3 a{
    font-size: 12px;
    line-height: 12px;
    margin:12px 0 0 10px;
    float: left;
    color: #666666;
}
.tel{
    margin-top: 36px;
}