html,
body {
    height: 100%;
    background-color: #f4f4f4;
}

#captcha>div {
    margin-top: 10px;
}

b,
body,
button,
caption,
dd,
div,
dl,
dt,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
input,
legend,
li,
ol,
p,
span,
strong,
table,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
}

a {
    color: #333;
    text-decoration: none;
}

a,
button {
    cursor: pointer;
}

li,
ol,
ul {
    list-style: none;
}

em,
i {
    font-style: normal;
}

button,
input {
    border: none;
}

button,
input,
legend,
select,
textarea {
    outline: 0;
    font-size: 12px;
    font-family: "\5fae\8f6f\96c5\9ed1", "\5b8b\4f53", arial;
}

.clearfix {
    zoom: 1;
}

.bg-global {
    height: 100%;
    width: 100%;
    position: relative;
}

.img-wrap {
    text-align: center;
}

.img-wrap>img {
    margin-top: 40px;
    margin-bottom: 35px;
    height: 60px;
}

.bg-login {
    width: 800px;
    height: 600px;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -400px;
    box-shadow: 0 5px 10px #cadad5;
}

.user-input1 {
    margin-bottom: 20px;
}

.user-input {
    position: relative;
}

.user-input input {
    height: 18px;
    padding: 15px 10px;
    border: 1px solid #ddd;
    width: 340px;
    font-size: 14px;
}

.groupbox {
    margin: auto;
    width: 350px;
}

.bg-login .frm-tips {
    line-height: 20px;
    padding-bottom: 8px;
    color: #e65439;
    font-size: 14px;
    text-align: center;
    display: none;
}

.bg-login .btn {
    margin: 0;
}

.login-form {
    width: 362px;
    margin: 0 auto;
}

.login-form .btn {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: #2b99ff;
    border-radius: 5px;
    margin-top: 30px;
    margin-bottom: 35px;
}

.bg-login .user-input .btn-code {
    display: block;
    width: 120px;
    line-height: 48px;
    border: 1px solid #ddd;
    font-size: 14px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
}

.other-login {
    top: 20px;
    position: relative;
    height: 0;
    width: 100%;
    border-bottom: 1px solid #ddd;
}

.other-login p {
    font-size: 14px;
    color: #999;
    position: absolute;
    left: 50%;
    top: -10px;
    margin-left: -75px;
    background-color: #fff;
    padding: 0 20px;
}

.bg-login .other-wechat {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 30px;
}

.other-wechat a {
    display: inline-block;
    width: 40px;
    height: 40px;
}

.weixin-btn {
    background: url(/images/icon/m-wechat.png) no-repeat;
}

.login-method__tab {
    position: absolute;
    right: 16px;
    top: 16px;
}

.login-method__tab li {
    position: relative;
}

.login-method__tab li .img {
    width: 66px;
    height: 66px;
    text-indent: -999px;
    overflow: hidden;
    cursor: pointer;
}

.login-method__tab--ac .tip i {
    background: url(/images/login/ico-pass.png) no-repeat left top;
}

.login-method__tab--wx .img {
    background: url(/images/login/tab-weixin.png) no-repeat left top;
}

.login-method__tab .tip {
    background: #404040;
    color: #fff;
    font-size: 14px;
    width: 140px;
    height: 34px;
    line-height: 34px;
    border-radius: 4px;
    position: absolute;
    right: 86px;
    top: 0;
}

.login-method__tab li .tip i {
    float: left;
    width: 14px;
    height: 14px;
    margin: 10px;
}

.login-method__tab--wx .tip i {
    background: url(/images/login/ico-qrcode.png) no-repeat left top;
}

.login-method__tab li .img {
    width: 66px;
    height: 66px;
    text-indent: -999px;
    overflow: hidden;
    cursor: pointer;
}

.login-method__tab--ac .img {
    background: url(/images/login/tab-account.png) no-repeat left top;
}

.login-method--weixin {
    text-align: center;
    height: 500px;
}

.login-method--weixin .title {
    font-size: 20px;
    padding: 16px;
}

.login-method--weixin .wrp_code {
    width: 282px;
    height: 282px;
    margin: 0 auto;
    position: relative;
}

.login-method--weixin .qrcode {
    width: 280px;
    border: 1px solid #ddd;
    display: none;
}

.login-method--weixin .info {
    font-size: 14px;
    color: #999;
    line-break: 24px;
    padding-top: 16px;
}

.login-tabs {
    width: 360px;
    margin: 0 auto;
    font-size: 16px;
    color: #333;
    line-height: 22px;
    text-align: center;
}

.login-tabs .t-tab {
    display: block;
    width: 50%;
    float: left;
    padding-bottom: 12px;
    border-bottom: 2px solid #d9d9d9;
    text-decoration: none;
}

.login-tabs .t-tab--active {
    color: #2b99ff;
    border-color: #2b99ff;
}

.bg-login .form-tips {
    line-height: 20px;
    padding-bottom: 8px;
    color: #e65439;
    font-size: 14px;
    text-align: center;
    display: none;
}