@import "../base.css";

.main .login-header {
    min-height: 120px
}

    .main .login-header .logo {
        padding-top: 40px !important;
        height: 50px !important;
        text-align: right
    }

        .main .login-header .logo > img {
            width: auto !important
        }

.main .search .login-top-list {
    float: left;
    margin: 45px 0 0 20px;
    height: auto;
    min-height: 45px;
    border-left: 1px solid silver
}

    .main .search .login-top-list .login-top-txt {
        box-sizing: border-box;
        padding: 0 20px;
        color: #333;
        font-size: 28px
    }

.main .search .login-top-menu {
    float: right;
    padding-top: 40px !important;
    width: 800px !important;
    line-height: 45px
}

    .main .search .login-top-menu > ul {
        margin: 0;
        padding: 0;
        width: 100%
    }

        .main .search .login-top-menu > ul > li {
            float: left;
            box-sizing: border-box;
            padding: 0 24px;
            width: auto;
            color: #333;
            font-weight: 700;
            font-size: 16px;
            line-height: 45px;
            cursor: pointer
        }

            .main .search .login-top-menu > ul > li > a {
                color: #333
            }

            .main .search .login-top-menu > ul > li.actived, .main .search .login-top-menu > ul > li.actived > a, .main .search .login-top-menu > ul > li:hover, .main .search .login-top-menu > ul > li:hover > a {
                color: #e90945
            }

.main .login-bg {
    width: 100%;
    height: 670px;
    background: url(../../images/login/login_bg.jpg) no-repeat;
    background-size: cover
}

    .main .login-bg .login-box {
        position: relative;
        top: 100px;
        right: 0;
        float: right;
        box-sizing: border-box;
        padding: 32px;
        width: 430px;
        height: 480px;
        border-radius: 6px;
        background-color: #fff
    }

        .main .login-bg .login-box .title {
            width: 100%;
            height: 66px;
            font-weight: 700;
            font-size: 26px;
            line-height: 66px
        }

        .main .login-bg .login-box .login-form {
            margin: 0;
            padding: 0;
            width: 100%;
            height: auto
        }

            .main .login-bg .login-box .login-form .rows {
                position: relative;
                padding-bottom: 16px;
                width: 100%;
                height: auto;
                min-height: 44px
            }

                .main .login-bg .login-box .login-form .rows > label {
                    position: relative;
                    display: inline-block;
                    width: 100%;
                    height: 32px;
                    color: #666;
                    font-size: 14px;
                    line-height: 32px
                }

                    .main .login-bg .login-box .login-form .rows > label.account:after {
                        position: absolute;
                        top: 44px;
                        left: 7px;
                        display: inline-block;
                        width: 18px;
                        height: 20px;
                        background: url(../../images/login/login_icon.png) no-repeat;
                        background-position: 0 0;
                        content: ""
                    }

                    .main .login-bg .login-box .login-form .rows > label.password:after {
                        position: absolute;
                        top: 44px;
                        left: 7px;
                        display: inline-block;
                        width: 18px;
                        height: 20px;
                        background: url(../../images/login/login_icon.png) no-repeat;
                        background-position: -45px 0;
                        content: ""
                    }

                .main .login-bg .login-box .login-form .rows > input {
                    box-sizing: border-box;
                    padding: 0 32px;
                    width: 100%;
                    height: 45px;
                    border: 1px solid #e3e1ee;
                    border-radius: 4px;
                    color: #333;
                    font-size: 14px;
                    line-height: 45px
                }

                .main .login-bg .login-box .login-form .rows .see-pwd {
                    position: absolute;
                    top: 46px;
                    right: 6px;
                    width: 24px;
                    height: 20px;
                    background: url(../../images/login/login_icon.png) no-repeat;
                    background-position: -84px 1px;
                    cursor: pointer
                }

                    .main .login-bg .login-box .login-form .rows .see-pwd.close-see {
                        width: 24px;
                        height: 20px;
                        background: url(../../images/login/login_icon.png) no-repeat;
                        background-position: -84px -20px
                    }

                .main .login-bg .login-box .login-form .rows .remenber {
                    display: inline-block;
                    margin-top: 12px;
                    padding-right: 12px;
                    border-right: 1px solid #a75000;
                    color: #333;
                    font-size: 12px
                }

                    .main .login-bg .login-box .login-form .rows .remenber > input[type=checkbox] {
                        margin-right: 4px;
                        vertical-align: text-top
                    }

                .main .login-bg .login-box .login-form .rows .forget {
                    display: inline-block;
                    margin-top: 12px;
                    padding-left: 12px;
                    color: #666;
                    font-size: 12px;
                    cursor: pointer
                }

                    .main .login-bg .login-box .login-form .rows .forget > a {
                        color: #666
                    }

                        .main .login-bg .login-box .login-form .rows .forget > a:hover {
                            color: #e90945
                        }

            .main .login-bg .login-box .login-form .icon-qq {
                float: left;
                padding-left: 36px;
                width: auto;
                color: #666;
                font-size: 14px;
                line-height: 30px;
                cursor: pointer
            }

            .main .login-bg .login-box .login-form .icon-wx {
                float: left;
                padding-left: 36px;
                width: auto;
                color: #666;
                font-size: 14px;
                line-height: 30px;
                cursor: pointer
            }

            .main .login-bg .login-box .login-form .icon-qq:before {
                position: absolute;
                top: 0;
                left: 0;
                display: inline-block;
                width: 30px;
                height: 30px;
                background: url(../../images/login/login_icon.png) no-repeat;
                background-position: -135px 0;
                content: ""
            }

            .main .login-bg .login-box .login-form .icon-wx:before {
                position: absolute;
                top: 0;
                left: 90px;
                display: inline-block;
                width: 30px;
                height: 30px;
                background: url(../../images/login/wechat.png) no-repeat;
                content: ""
            }

            .main .login-bg .login-box .login-form .icon-qq:hover {
                color: #e90945
            }

            .main .login-bg .login-box .login-form .icon-wx:hover {
                color: #e90945
            }

            .main .login-bg .login-box .login-form .fr-reg {
                float: right;
                color: #999;
                font-size: 14px;
                line-height: 30px
            }

                .main .login-bg .login-box .login-form .fr-reg > a {
                    color: #333
                }

                    .main .login-bg .login-box .login-form .fr-reg > a:hover {
                        color: #e90945
                    }

.main .login-btn {
    width: 100%;
    background-color: #e90945;
    color: #fff
}

.main .wx-color {
    background-color: #01bb00 !important
}

.main .reg-bg {
    width: 100%;
    height: 670px;
    background: url(../../images/login/reg_bg.jpg) no-repeat 50%;
    background-size: cover
}

    .main .reg-bg .reg-box {
        box-sizing: border-box;
        margin: 0 auto;
        padding: 40px;
        width: 40%;
        height: auto
    }

        .main .reg-bg .reg-box .reg-form {
            width: 100%;
            height: auto
        }

    .main .reg-bg .reg-form .reg-box .asx-rule {
        position: relative;
        top: 6px;
        left: -6px;
        display: inline-block;
        color: #333;
        line-height: 36px
    }

        .main .reg-bg .reg-form .reg-box .asx-rule:hover {
            color: #e90945
        }

    .main .reg-bg .reg-box .reg-form .reg-qq {
        position: relative;
        padding-left: 36px;
        background-color: #19a9f0
    }

        .main .reg-bg .reg-box .reg-form .reg-qq:before {
            position: absolute;
            top: 9px;
            left: 10px;
            width: 18px;
            height: 18px;
            background: url(../../images/login/login_icon.png) no-repeat -182px 0;
            content: ""
        }

    .main .reg-bg .reg-box .reg-form .reg-wx {
        position: relative;
        padding-left: 36px;
        background-color: #01bb00
    }

        .main .reg-bg .reg-box .reg-form .reg-wx:before {
            position: absolute;
            top: 10px;
            left: 10px;
            width: 21px;
            height: 18px;
            background: url(../../images/login/login_icon.png) no-repeat -180px -29px;
            content: ""
        }

    .main .reg-bg .reg-box .reg-form .reg-txt {
        padding-right: 6px;
        width: auto;
        border-right: 1px solid #999;
        color: #999;
        font-size: 13px
    }

    .main .reg-bg .reg-box .reg-form .reg-a {
        padding-left: 6px;
        width: auto;
        color: #333;
        font-size: 13px
    }

        .main .reg-bg .reg-box .reg-form .reg-a:hover {
            color: #e90945
        }

.main .input-verify {
    float: right;
    width: 38%;
    height: 38px;
    background-color: #fff
}