@charset "utf-8";
body {
    background: #fff
}

.third-login-fb{display:inline-block;vertical-align: middle;width:30px;height:30px;background:url(/platform/images/third.png?202008251703) no-repeat;margin-left:5px;margin-top: -6px;}
.third-login-gg{display:inline-block;vertical-align: middle;width:125px;height:30px;background-size: 125px 30px!important;background:url(/platform/images/btn_google_signin.png?202008251703) no-repeat;margin-left:5px;margin-top: -6px;}
.third-login-fb{background-position:0 -8px}
.third-login-fb:hover{background-position:0 -38px}
.third-login-gg:hover{background:url(/platform/images/btn_google_unsignin.png?202008251703);width:125px;height:30px;background-size: 125px 30px;}
.login-account .icon-shield{background-position:-44px -26px} .login-account .icon-user{background-position:2px 4px} .login-account .icon-lock{background-position:-38px 4px} .icon-common-check{background-position:0px -40px} .icon-common-checked{background-position:-23px -40px} .login-account .icon-shield,.login-account .icon-user,.login-account .icon-lock,.icon-common-check,.icon-common-checked{background-image: url('/platform/images/login_z.png?2018');background-repeat: no-repeat;}

.normal-header {
    overflow: hidden;
    padding: 28px 0
}

.normal-header .txt {
    height: 42px;
    line-height: 42px;
    margin: 10px 0 0 24px;
    font-size: 24px;
    padding-left: 24px;
    border-left: 1px solid #c5c5c5;
    float: left
}

.g-container {
    height: 600px;
    padding: 0;
    background: url('/platform/images/loginbg.jpg?2018') top center no-repeat
}

.login-main {
    height: 600px;
    overflow: hidden;
    position: relative
}

.mod-login-wp {
    width: 234px;
    padding: 16px 34px;
    background: #D8DBEA;
    background: rgba(255, 255, 255, .7);
    position: absolute;
    top: 50%;
    right: 80px;
    margin-top: -169px;
}

.login-tab {
    width: 100%;
    overflow: hidden
}

.login-tab-1 li {
    width: 100%;
}

.login-tab-2 li {
    width: 50%;
}

.login-tab li {
    height: 37px;
    line-height: 37px;
    cursor: pointer;
    border-bottom: 1px solid #fff;
    text-align: center;
    color: #595757;
    font-size: 14px;
    float: left
}

.login-tab .active {
    border-bottom-color: #d70023
}

.login-tab-con {
}

.login-account {
    margin-top: 32px
}

.login-account .w-item {
    height: 38px;
    margin-top: 12px;
    position: relative
}

.login-account .w-item label {
    width: 34px;
    height: 38px;
    position: absolute;
    top: 0;
    left: 0
}

.login-account .w-item input {
    width: 200px;
    height: 14px;
    padding: 12px 0 12px 34px;
    font-size: 14px;
    color: #000;
    border: 0 none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff
}

.login-account .w-item .php-code {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 38px;
    width: 100px;
    border-radius: 0 5px 5px 0;
}

.login-account .btn-tologin {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    border: 0 none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    background: #1096ef;
    font-family: 'microsoft yahei'
}

.login-account .btn-tologin:hover {
    background: #47b5ff;
}

.login-account .user-opt {
    height: 14px;
    line-height: 14px;
    margin: 10px 0 18px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.icon-common-check {
    display: inline-block;
    vertical-align: top;
    width: 13px;
    height: 13px;
    margin-right: 6px;
}

.login-account .tips {
    min-height: 16px;
    line-height: 16px;
    color: #1096ef;
    margin: 10px 0
}

.login-account .user-third {
    height: 30px;
    margin: 10px 0;
    text-align: center;
}


.login-account .icon-shield {
    background-position: -44px -26px
}

.login-account .icon-user {
    background-position: 2px 4px
}

.login-account .icon-lock {
    background-position: -38px 4px
}

.icon-common-check {
    background-position: 0px -40px
}

.icon-common-checked {
    background-position: -23px -40px
}

.login-account .icon-shield, .login-account .icon-user, .login-account .icon-lock, .icon-common-check, .icon-common-checked {
    background-image: url('/platform/images/login_z.png?2018');
    background-repeat: no-repeat;
}

.facebookBox {
    right: 94px;
    position: relative;
}

.facebookBox i {
    top: 14px;
    right: 46px;
    position: absolute;
    width: 0;
    height: 0;
    border-width: 0px 5px 17px;
    border-style: solid;
    border-color: transparent transparent rgba(255, 255, 255, 0.6);
}

.facebookBox div {
    position: absolute;
    right: 0;
    border-radius: 5px;
    margin-top: 8px;
    padding: 5px;
    background: rgba(255, 255, 255, 0.6);
    width: 145px;
    text-align: left;
}

.facebookBox a {
    margin: 3px;
}

.facebookBox a, .facebookBox img {
    border-radius: 35px;
    width: 28px;
    height: 28px;
}