.login-header{
    background-color: #191919;
    text-align: left;
    line-height: 2.5;
    color: #6b6b6b;
    text-indent: 1em;
}
.login-logo{
    width: 60%;
    margin: 14% auto 10% auto;
}
.form-box{
    width: 85%;
    margin: 0 auto;
    border: solid 1px #e3e3e3;
    box-shadow: 0px 0px 5px #e3e3e3;
}
.form-box .input-box{
    border-bottom: solid 1px #e3e3e3;
}
.form-box input{
    width: 90%;
    border: 0;
    height: 50px;
    padding-left: 10px;
}
#verify{
    width: 40%;
}
#sendMessage-button{
    float: right;
    width: 20%;
    text-align: center;
    background-color: #ebaf0e;
    color: #fff;
    border-radius: 15px;
    padding: 3px 10px;
    margin: 12px 2% 0 0;
}
#sendMessage-count{
    float: right;
    width: 20%;
    text-align: center;
    background-color: #e3e3e3;
    color: #fff;
    border-radius: 15px;
    padding: 3px 10px;
    margin: 12px 2% 0 0;
}
.agree{
    width: 85%;
    margin: 20px auto;
}
.agree .agree-button-yes{
    float:left;
    width: 19px;
    height: 19px;
    background: url("../img/agree.png") no-repeat;
    background-size: 100%;
    margin-right: 5px;
}
.agree .agree-text{
    color: #ebaf0e;
    line-height: 19px;
}
.agree .agree-button-no{
    float:left;
    width: 19px;
    height: 19px;
    background: url("../img/no-agree.png") no-repeat;
    background-size: 100%;
    margin-right: 5px;
}
.bind-button{
    width: 85%;
    margin: 25px auto;
    background-color: #ebaf0e;
    line-height: 2.5;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.verify-code{
    overflow: hidden;
    display: none;
}
.form-box .verify-img{
    width: 27%;
    border-left: solid 1px #e3e3e3;

}
.form-box .btn-verify {
    width: 20%;
    background-color: #ebaf0e;
    color: #fff;
    cursor: pointer;
}