/* iCheck plugin Square skin, green
----------------------------------- */
.icheckbox_square-green,
.iradio_square-green {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(green.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-green {
    background-position: 0 0;
}
.icheckbox_square-green.hover {
    background-position: -24px 0;
}
.icheckbox_square-green.checked {
    background-position: -48px 0;
}
.icheckbox_square-green.disabled {
    background-position: -72px 0;
    cursor: default;
}
.icheckbox_square-green.checked.disabled {
    background-position: -96px 0;
}

.iradio_square-green {
    background-position: -120px 0;
}
.iradio_square-green.hover {
    background-position: -144px 0;
}
.iradio_square-green.checked {
    background-position: -168px 0;
}
.iradio_square-green.disabled {
    background-position: -192px 0;
    cursor: default;
}
.iradio_square-green.checked.disabled {
    background-position: -216px 0;
}

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_square-green,
    .iradio_square-green {
        background-image: url(green@2x.png);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}


/*20181014*/
body{
    background-color:#fff;
    margin:0;
}
.clearfix{
    clear:both;
}
.headerbox {
    /*background-color: #093175;*/
    background-color:#fff;
    height:160px;
}
.header {
    width: 1140px;
    margin: 0 auto;
}
.header .header-top-img {
    float: left;
}
.header .header-top-img img {
    width: 610px;
    padding-top: 40px;
}

ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #999;
}

.header .tap-nav {
    float: right;
    margin-top: 80px;
}
.header .tap-nav li {
    float: left;
}
.header .tap-nav a {
    text-decoration: none;
    font-size: 14px;
    color: #999;
}
.header .tap-nav a:hover{
    color: #4d4d4d;
}
.auth_page_wrapper {
    /* width: 960px; */
    margin: 0 auto;
    padding: 0;
    font-family: 'Microsoft YaHei';
    font-size: 13px;
    color: #676A6C;
    background-image: url(/static/images/banner.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 684px;
}

.login-title{
    font-size: 18px;
    font-family: "PingFangSC";
    color: #666;
    display: inline-block;
}

.auth_icon {
    border: none;
    float: left;
}
.auth_icon_user {
    background: url(../images/user.png) 14px 11px no-repeat;
}
.auth_icon_pwd {
    background: url(../images/password.png) 14px 11px no-repeat;
}
.auth_input {
    border: none;
}
.auth_inputi_bg {
    border: 1px solid #e1e1e2;
    background-color: #fff;
}
input::-webkit-input-placeholder{
    color:#c8d0d7;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#c8d0d7;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#c8d0d7;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#c8d0d7;
}
.primary {
    background-color: #10623e;
    border-color: #10623e;
}
.primary:hover {
    background-color: #10623e;
    border-color: #10623e;
}
.username-query{
    text-decoration: none;
    color: #bbb;
}
.auth_login_forgetp {
    text-decoration: none;
    color: #bbb;
    float: right;
}

.auth_login_footer {
    width: 100%;
    margin-top: 0px;
    text-align: center;
    background-color: #10623e;
    color:#fff;
    height:70px;
    font-size:12px;
    line-height: 70px;
}
.login-prompt{
    background-color:#fff;
    height:182px;
    width: 1140px;
    margin: 0 auto;
    background-image: url(/static/images/qq-code.png);
    background-size: 27%;
    background-repeat: no-repeat;
    background-position: 650px;
}
.login-prompt p{
    color:#666;
    font-size:14px;
    line-height:34px;
    margin: 0;
}
.login-prompt .help-explain{
    color: #10623e;
    /* text-decoration: none; */
    font-size: 13px;
    /*font-weight: bold;*/
}
.login-prompt .login-prompt-title{
    font-size:18px;
    padding-top: 12px;
}
.auth_tab_content {
    padding: 25px 35px 22px 35px;
    background-color: rgb(255, 255, 255);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff, endColorstr=#E5ffffff);
    min-height: 205px;
    /*margin-top: 110px;*/
}
.auth_login_content {
    /* margin-top: 100px; */
    height: 684px;
}
.clicking-icons{
    background: url(../images/joint-logon.png);
    display: inline-block;
    width: 95px;
    height: 32px;
    float: right;
    cursor: pointer;
}
.scavenging-icons{
    background: url(../images/scavenging-login.png);
    display: inline-block;
    width: 95px;
    height: 32px;
    float: right;
    cursor: pointer;
}
.auth_tab {
    width: 339px;
    margin-left: 232px;
    margin-top: 60px;
}

.other-login-item {
    height: 1px;
    width: 100%;
    /* float: left; */
    display: block;
    text-align: center;
    margin-bottom: -12px;
}
.other-login-title {
    background: url(../images/line.png) center;
    background-repeat:no-repeat;
    /* margin-top: -8px; */
}
.codebox{
    text-align: center;
}
.code-remark{
    text-align: center;
}
.qr-code{
    width:125px;
    height:125px;
}
.other-login {
    height: 60px;
}
.other-login-title {
    background: url(../images/other-login-bar.png) center;
    /* margin-top: -8px; */
}
.other-login-item {
    height: 18px;
    width: 100%;
    /* float: left; */
    display: block;
    text-align: center;
    margin-bottom: 12px;
}
#qqLogin {
    background-image: url(../images/qq.png);
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    display: inline-block;
    margin-right: 24px;
}
#wxLogin {
    background-image: url(../images/wx.png);
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    display: inline-block;
    margin-right: 2px;
}

#cpatchaDiv .auth_icon_ver {
    background: url(../images/ver-code.png) 14px 11px no-repeat;
    border:1px solid #e1e1e2;
    border-right:none;
}
#cpatchaDiv .auth_input_ver{
    border:1px solid #e1e1e2;
    border-left:none;
}

@media screen and (max-width: 1680px) {
    .header .header-top-img img {
        width: 460px;
        padding-top: 14px;
    }
    .headerbox {
        /* background-color: #093175; */
        background-color: #fff;
        height: 50px;
    }
    .header .tap-nav {
        float: right;
        margin-top: 36px;
    }
    .header .tap-nav a {
        text-decoration: none;
        font-size: 12px;
        color: #999;
    }
    .auth_input {
        border:none;
        padding: 6px 8px;
        font-size: 12px;
        width: 170px;
        margin: 0;
        color: #676a6c;
    }
    .auth_icon {
        border: none;
        width: 28px;
        height: 22px;
        float: left;
    }
    .auth_error {
        top: 28px;
    }
    #cpatchaDiv .vercode-img{
        width: 70px;
        height: 26px;
        margin-left: 3px;
        vertical-align: top;
    }
    #cpatchaDiv .auth_input_ver {
        border: 1px solid #e1e1e2;
        border-left: none;
        padding: 5px 8px;
        font-size: 12px;
        width: 80px;
    }
    #cpatchaDiv .auth_icon_ver {
        background: url(../images/ver-code.png) 14px 6px no-repeat;
        border:1px solid #e1e1e2;
        border-right:none;
        height: 24px;
    }
    .auth_icon_user {
        background: url(../images/user.png) 14px 7px no-repeat;
    }
    .auth_icon_pwd {
        background: url(../images/password.png) 14px 7px no-repeat;
    }
    .auth_tab {
        width: 290px;
        margin-left: 208px;
    }
    .auth_tab_content {
        padding: 20px 25px 22px 25px;
        min-height: 205px;
        /*margin-top: 70px;*/
    }
    .auth_login_btn {
        padding: 4px 12px;
    }
    .login-prompt .login-prompt-title {
        font-size: 15px;
    }
    .login-prompt p {
        color: #666;
        font-size: 13px;
        /*line-height: 8px;*/
        margin: 0;
    }
    .auth_login_footer {
        height: 40px;
        font-size: 12px;
        line-height: 40px;
    }
    .auth_page_wrapper {
        height: 510px;
    }
    .auth_login_content {
        margin-top: 44px;
        height: 510px;
    }
    .login-prompt {
        height: 190px;
    }
    .header {
        width: 998px;
        margin: 0 auto;
    }
    .login-prompt {
        width: 998px;
    }

}

@media screen and (min-width: 1920px) {
    .headerbox {
        height: 120px;
    }
    .login-prompt p {
        color: #666;
        font-size: 13px;
        line-height: 41px;
        margin: 0;
    }
    .login-prompt .login-prompt-title {
        font-size: 15px;
        padding-top: 4px;
    }
    .auth_login_footer {
        height: 36px;
        line-height: 36px;
    }
    .login-prompt {
        background-color: #fff;
        height: 210px;
        width: 1140px;
        margin: 0 auto;
    }
    .header .tap-nav {
        float: right;
        margin-top: 50px;
    }
    .header .header-top-img img {
        width: 610px;
        padding-top: 18px;
    }
    .login-prompt {
        background-color: #fff;
        width: 1140px;
        margin: 0 auto;
        background-image: url(/static/images/qq-code.png);
        background-size: 27%;
        background-repeat: no-repeat;
        background-position: 650px 30px;
    }

}