/* 
 Copyright @  fwxt.cn
 Date: 2015-01-29 10:31:55 [AM] 
 */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei"
}

ol, ul {
    list-style: none
}

:focus {
    outline: 0
}

a img {
    border: 0
}

img {
    vertical-align: middle
}

table {
    empty-cells: show
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

em {
    font-style: normal
}

button::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=file] > input[type=button]::-moz-focus-inner {
    border: 0;
    padding: 0
}

.m, .mt, .mc {
    overflow: hidden;
    zoom: 1
}

.m {
    margin-bottom: 10px
}

.mt {
    cursor: default
}

    .mt h2 {
        font-family: "Microsoft Yahei"
    }

.m .mt .extra a:link, .m .mt .extra a:visited, .sm .smt .extra a:link, .sm .smt .extra a:visited {
    color: #005EA7
}

.form label, .form input, .form select, .form textarea, .form button, .form .label {
    float: left;
    font-size: 12px
}

.hide {
    display: none
}

.btn-img, .button {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
    text-align: center;
    cursor: pointer
}

body {
    font: 12px/150% Arial,Verdana,"\5b8b\4f53";
    color: #666;
    height: 520px _background-attachment:fixed
}

h1 {
    font: 20px "Microsoft Yahei","\5b8b\4f53"
}

h2, h3 {
    font-size: 14px
}

h4, h5, h6 {
    font-size: 12px
}

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

    a:hover {
        color: #E4393C;
        text-decoration: underline
    }

.w {
    width: 990px;
    margin: 0 auto
}


#header {
    width: 100%;
}

#logo {
    padding: 10px 0;
}

#footer-2013 {
    padding-bottom: 30px;
    text-align: center
}

    #footer-2013 .links a, #footer-2013 .links span {
        margin: 0 10px
    }

        #footer-2013 .links span a {
            margin: 0
        }

    #footer-2013 .copyright {
        margin: 10px 0
    }

    #footer-2013 .authentication a {
        margin: 0 5px
    }

.footmark .m {
    padding: 0 9px;
    border: 1px solid #ddd;
    border-top: 2px solid #999
}


.form .item {
    position: relative;
    margin-bottom: 28px;
    z-index: 1
}

    .form .item .placeholder {
        position: absolute;
        left: 50px;
        top: 10px;
        line-height: 18px;
        color: #999;
        font-size: 14px;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        transition: all .2s ease-out;
        opacity: 1
    }

    .form .item .login-label {
        position: absolute;
        z-index: 3;
        top: 0;
        left: 0;
        width: 38px;
        height: 38px;
        border-right: 1px solid #bdbdbd;
        background: url(../images/pwd-icons-new.png) no-repeat
    }

    .form .item .name-label {
        background-position: 0 0
    }

    .form .item .pwd-label {
        background-position: -48px 0
    }

.form .item-fore1, .form .item-fore2 {
    border: 1px solid #bdbdbd;
    height: 38px;
    width: 330px
}

    .form .item-fore1 .clear-btn, .form .item-fore2 .clear-btn {
        position: absolute;
        z-index: 20;
        right: 6px;
        top: 12px;
        width: 14px;
        height: 14px;
        background: url(../images/pwd-icons-new.png) -25px -143px no-repeat;
        cursor: pointer;
        display: none
    }

        .form .item-fore1 .clear-btn:hover, .form .item-fore2 .clear-btn:hover {
            background-position: -50px -143px
        }

    .form .item-fore1 .e-icon, .form .item-fore2 .e-icon {
        position: absolute;
        width: 12px;
        height: 13px
    }

    .form .item-fore1 .text_pge, .form .item-fore2 .text_pge {
        width: 254px;
        height: 34px;
        line-height: 34px;
        font-size: 14px;
        font-family: '\5b8b\4f53';
        overflow: hidden;
        border: 1px solid #fff
    }

.form .itxt {
    line-height: 18px;
    border: 0;
    padding: 0 0 0 50px;
    width: 280px;
    float: none;
    overflow: hidden;
    font-size: 15px;
    font-family: '\5b8b\4f53';
    font-weight: 400;
    *margin: -1px 0 0 background-coler:#000;
}

.form .itxt02 {
    padding: 10px 5px;
    width: 78px;
    text-align: center
}

.form .verify-code {
    cursor: pointer;
    width: 100px;
    height: 33px;
    vertical-align: middle
}

.form .item-error {
    border: 1px solid #e4393c
}

    .form .item-error .name-label {
        background-position: 0 -96px;
        border-color: #e4393c
    }

    .form .item-error .pwd-label {
        background-position: -48px -96px;
        border-color: #e4393c
    }

.form .item-focus {
    border: 1px solid #3aa2e4
}

    .form .item-focus .name-label {
        background-position: 0 -48px;
        border-color: #3aa2e4
    }

    .form .item-focus .pwd-label {
        background-position: -48px -48px;
        border-color: #3aa2e4
    }

.form .item-hide .placeholder {
    opacity: 0;
    visibility: hidden
}

.form .item-vcode .placeholder {
    left: 25px
}

.form #o-authcode.item {
    border: 0
}

    .form #o-authcode.item .itxt {
        border: 1px solid #bdbdbd;
        font-size: 15px;
        padding: 7px 5px;
        vertical-align: middle;
        font-weight: 400
    }

.form #o-authcode.item-error {
    border: 0
}

    .form #o-authcode.item-error .itxt {
        border-color: #e4393c
    }

.form #o-authcode.item-focus {
    border: 0
}

    .form #o-authcode.item-focus .itxt {
        border-color: #3aa2e4
    }

.form input::-webkit-input-placeholder {
    color: #999;
    font-size: 15px;
    font-weight: 400
}

.form input:-moz-placeholder {
    color: #999;
    font-size: 15px;
    font-weight: 400
}

.form label {
    float: none
}

.form .item-fore1 {
    z-index: 6
}

.form .item-fore2 {
    height: 38px
}

.form .item-fore3 {
    z-index: 5;
    margin-bottom: 15px
}

.login-form {
    position: relative;
    z-index: 4;
    width: 334px;
    background: #fff;
    padding: 20px;
    overflow: visible;
    filter: alpha(opacity=90);
    -moz-opacity: 0.90;
    -khtml-opacity: 0.90;
    opacity: 0.90; /*͸Ã÷*/
}

    .login-form .msg-wrap {
        min-height: 31px;
        height: auto !important;
        height: 31px;
        margin: 2px 0 5px
    }

    .login-form .msg-error {
        position: relative;
        background: #ffebeb url(./images/pwd-icons-new.png) -96px -45px no-repeat;
        color: #e4393c;
        border: 1px solid #e4393c;
        padding: 3px 10px 3px 40px;
        line-height: 18px;
        min-height: 18px;
        _height: 18px;
        display: none;
    }

        .login-form .msg-error b {
            position: absolute;
            top: 50%;
            left: 10px;
            display: block;
            margin-top: -8px;
            width: 16px;
            height: 16px;
            overflow: hidden;
            background: url(../images/pwd-icons-new.png) -104px -49px no-repeat
        }

    .login-form .msg-warn {
        position: relative;
        background: #fff6d2;
        color: #666;
        border: 1px solid #ffe57d;
        padding: 3px 10px 3px 40px;
        line-height: 18px;
        height: 18px
    }

        .login-form .msg-warn b {
            position: absolute;
            top: 50%;
            left: 10px;
            display: block;
            margin-top: -8px;
            width: 16px;
            height: 17px;
            overflow: hidden;
            background: url(../images/pwd-icons-new.png) -104px -22px no-repeat
        }

    .login-form .login-box .mt {
        display: inline-block;
        display: block;
        width: 306px;
        overflow: visible;
        height: 27px
    }

        .login-form .login-box .mt:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden
        }

    * html .login-form .login-box .mt {
        height: 1%
    }

    * + html .login-form .login-box .mt {
        min-height: 1%
    }

        .login-form .login-box .mt h1 {
            position: relative;
            height: 27px;
            line-height: 27px;
            top: -5px;
            float: left;
            color: #666;
            font-family: '\5fae\8f6f\96c5\9ed1';
            font-size: 20px
        }

        .login-form .login-box .mt .extra-r {
            float: right
        }

        .login-form .login-box .mt .regist-link {
            color: #b61d1d;
            font-size: 14px
        }

            .login-form .login-box .mt .regist-link a {
                color: #b61d1d
            }

            .login-form .login-box .mt .regist-link b {
                display: inline-block;
                *display: inline;
                *zoom: 1;
                width: 16px;
                height: 16px;
                overflow: hidden;
                background: url(../images/pwd-icons-new.png) -104px -75px no-repeat;
                vertical-align: middle;
                margin-right: 5px
            }

    .login-form .login-box .mc {
        overflow: visible
    }

    .login-form .login-box .safe {
        position: relative;
        color: #666;
        padding: 20px 0 0 0;
    }

        .login-form .login-box .safe span {
            margin-right: 15px
        }

        .login-form .login-box .safe .forget-pw-safe {
            position: absolute;
            right: 0;
            top: 0;
            margin: 0
        }


    .login-form .login-box .login-btn {
        border: 0px solid #ff6600;
        margin: 0 auto;
        height: 33px;
        position: relative
    }

        .login-form .login-box .login-btn .btn-img {
            border: 1px solid #33ccff;
            display: block;
            width: 306px;
            background: #33ccff;
            height: 33px;
            line-height: 31px;
            color: #fff;
            font-size: 20px;
            font-family: '\5fae\8f6f\96c5\9ed1'
        }

            .login-form .login-box .login-btn .btn-img:hover {
                text-decoration: none;
                background: #ff9900;
                border: 1px solid #ff9900;
            }

.login-wrap {
    position: relative;
    height: 510px;
    margin: 0px 0 20px;
}

    .login-wrap .login-banner {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 520px;
        background: #1f9bde
    }

    .login-wrap .i-inner {
        position: relative;
        z-index: 3;
        height: 520px
    }

    .login-wrap .login-form {
        float: right;
        top: 54px
    }

@media screen and (max-width: 670px) {
    input {
        -webkit-appearance: none;
    }

    #header, .login-wrap .login-banner, #footer-2013 {
        display: none
    }


    .w {
        width: 100%;
        margin: 0 auto
    }

    .xubox_tips {
        display: none
    }
}



.impowerBox .qrcode {
    max-width: 200px;
}