.web_login_reg{
    margin-top: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.web_login_reg h1{
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    color: #333;
}
.web_login_reg .line{
    border-bottom: #eeeeee 1px dashed;
    margin-right: 40px;
    margin-left: 40px;
    margin-top: 10px;
}
.web_login_reg .login_banner{
    margin-left: 40px;
    margin-top: 10px;
}
.web_login_reg .login{
    width: 340px;
    margin-right: 30px;
    border: #eeeeee 1px solid;
    padding-left: 20px;
    padding-right: 20px;
}
.web_login_reg .login h3{
    font-weight: bold;
    font-size: 20px;
    text-align: left;
    margin-top: 20px;
    color: #333;
}

.web_login_reg .login input{
    border: 1px solid #dddddd;
    height:35px;
    line-height:35px;
    margin-bottom:20px;
    padding-left:40px;
}
.web_login_reg .login .username{
    margin-top: 20px;
}
.web_login_reg .login .username input{
    background: url("../images/login_ico.png") no-repeat scroll -40px -12px;
}
.web_login_reg .login .username input:hover{
    background: url("../images/login_ico.png") no-repeat scroll -40px -317px;
    border: 1px solid #f8823d;
}
.web_login_reg .login .password input{
    background: url("../images/login_ico.png") no-repeat scroll -40px -66px;
}

.web_login_reg .login .password input:hover{
    background: url("../images/login_ico.png") no-repeat scroll -40px -363px;
    border: 1px solid #f8823d;
}

.web_login_reg .login .code input{
    background: url("../images/login_ico.png") no-repeat scroll -40px -120px;
}

.web_login_reg .login .code input:hover{
    background: url("../images/login_ico.png") no-repeat scroll -40px -416px;
    border: 1px solid #f8823d;
}

.web_login_reg .login .code span{
    float:right;
    margin-right:45px;
    height:35px;
    line-height:35px;
}
.web_login_reg .login .code img{
    float:left;
    margin-top:7px;
    margin-right:5px;
}

.web_login_reg .login .info{
    color: #555555;
    margin-top:20px;
    margin-bottom:30px;
}
.web_login_reg .login .info span{
    float:right;
    margin-right:30px;
}
.web_login_reg .login .info a:hover{
    color: #f8823d;
}
.web_login_reg .login .login_btn{
    display: block;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    margin-left: 30px;
    margin-right: 30px;
    background-color: #f8823d;
}
/*注册*/
.web_login_reg .reg{
    margin-top: 30px;
}
.web_login_reg .reg{
    margin-left:70px;
}
.web_login_reg .reg ul li{
    margin-bottom:30px;
}
.web_login_reg .reg span{
    float:left;
    line-height:42px;
    height:42px;
    display:inline-block;
}
.web_login_reg .reg input{
    padding-left:5px;
    padding-right:5px;
}

.input-ok{
    float: left;
    border: 1px solid #dddddd;
    height:42px;
    color: #333333;
    font-size:14px;
}
.input-error{
    border: 1px solid #f8823d;
    float: left;
    height:42px;
    color: #333333;
    font-size:14px;
}
.input-alert{
    border: 1px solid #f8823d;
    float: left;
    height:42px;
    color: #333333;
    font-size:14px;
}
.web_login_reg .reg .alert{
    color: #f8823d;
    font-size:18px;
    width:20px;
    text-align:center;
}
.web_login_reg .reg .title{
    font-size: 18px;
    color: #333333;
    width:140px;
    text-align:right;
    padding-right:10px;
}
.web_login_reg .reg .code{
    margin-left:20px;
}

.web_login_reg .reg .code img{
    float: left;
}
.web_login_reg .reg .code a{
    margin-left:20px;
    float: left;
}
.web_login_reg .reg .send{
    margin-left:20px;
    width:180px;
}

.web_login_reg .reg .remark{
    color:#777777;
    font-size:12px;
    margin-left:15px;
}
.web_login_reg .reg .remark i{
    background: url("../images/ico.png") no-repeat scroll 0px -348px;
    width:17px;
    height:16px;
    display:inline-block;
    margin-right:6px;
    float:left;
    margin-top:14px;
}
.web_login_reg .reg .remark .error-i{
    background: url("../images/ico.png") no-repeat scroll -18px -348px;
    width:17px;
    height:16px;
    display:inline-block;
    margin-right:6px;
    float:left;
    margin-top:14px;
}
.web_login_reg .reg .remark .ok-i{
    background: url("../images/ico.png") no-repeat scroll 0px -365px;
    width:17px;
    height:16px;
    display:inline-block;
    margin-right:6px;
    float:left;
    margin-top:14px;
}
.web_login_reg .reg .submit{
    padding-left:240px;
    margin-bottom:40px;
}
.web_login_reg .reg .submit p{
    margin-bottom:10px;
    color:#333333;
}
.web_login_reg .reg .submit p a:hover{
    color: #f8823d;
}

.send-button{
    color: #FFFFFF;
    background-color: #f8823d;
    border:0;
    cursor: pointer;
    font-size: 16px;
    padding-left:15px;
    padding-right:15px;
    padding-top:8px;
    padding-bottom:8px;
    font-size:13px;
}
.reg-btn{
    display:inline-block;
    width:400px;
    height:50px;
    line-height:50px;
    color:#FFF;
    text-align:center;
    background-color:#f8823d;
    font-size:16px;
    border: 0;
    cursor: pointer;
}
.reg-btn:hover{
    background-color: #f8621d;
}