.login
{
    width: 1200px;
    margin: 20px auto;
    border-radius: 5px;
    padding: 50px 0;
}

.login .title
{
    height: 40px;
    margin-left: 400px;
}

.login .title span
{
    display: block;
    height: 40px;
    line-height: 40px;
    float: left;
}

.login .title .left
{
    width: 98px;
    border: 1px solid #dddddd;
    border-bottom: 0;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.login .title .right
{
    width: 300px;
    border-bottom: 1px solid #dddddd;
}

.login .mobileLogin
{
    display: none;
}

.login .username, .login .password, .login .number, .login .code
{
    width: 398px;
    border: 1px solid #dddddd;
    height: 38px;
    margin-top: 20px;
    margin-left: 400px;
}

.login .username img, .login .password img, .login .number img, .login .code img
{
    padding-top: 7px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}

.login .username input, .login .password input, .login .number input, .login .code input
{
    height: 38px;
    line-height: 38px;
    outline: none;
    width: 250px;
    float: left;
    border: 0;
}

.login .code span
{
    height: 38px;
    line-height: 38px;
    border-left: 1px solid #dddddd;
    display: block;
    float: right;
    cursor: pointer;
    color: #888888;
    font-size: 14px;
    width: 100px;
    text-align: center;
}

.login .nclogin, .login .mblogin
{
    height: 40px;
    line-height: 40px;
    color: #000;
    font-size: 14px;
    margin-top: 20px;
    background: #5BF52C;
    width: 400px;
    text-align: center;
    margin-left: 400px;
    cursor: pointer;
}

.login .choseLogin
{
    font-size: 14px;
    width: 400px;
    margin-left: 400px;
    color: #888888;
    padding: 20px 0;
    display: inline-block;
}

.login .choseLogin span
{
    float: left;
    cursor: pointer;
}

.login .choseLogin span.choseUsername
{
    display: none;
}

.login .choseLogin a
{
    float: right;
    color: #888888;
}

.login .other
{
    width: 200px;
    margin: 0 auto;
}

.login .other .otherTitle
{
    font-size: 14px;
    text-align: center;
    margin-bottom: 20px;
    color: #888888;
}

.login .other .otherLogin
{
    width: 100%;
    display: inline-block;
}

.login .other .otherLogin .qqlogin
{
    float: right;
    text-align: center;
    cursor: pointer;
}

.login .other .otherLogin .wxlogin
{
    float: left;
    text-align: center;
    cursor: pointer;
}

.login .other .otherLogin .qqlogin .icon
{
    width: 81px;
    height: 81px;
    background: url(/images/site/login/pc/1.png) no-repeat center center;
    margin-bottom: 10px;
}

.login .other .otherLogin .qqlogin .icon:hover
{
    background: url(/images/site/login/pc/2.png) no-repeat center center;
}

.login .other .otherLogin .wxlogin .icon
{
    width: 81px;
    height: 81px;
    background: url(/images/site/login/pc/3.png) no-repeat center center;
    margin-bottom: 10px;
}

.login .other .otherLogin .wxlogin .icon:hover
{
    background: url(/images/site/login/pc/4.png) no-repeat center center;
}