/**
*登录
*2017.09.05
*小胖
*
*/
body {
    background: #f4f4f4;
}

.heard-box {
    height: 3rem;
}

.heard-con {
    position: fixed;
    width: 100%;
    height: 3rem;
    z-index: 9;
}

.heard {
    position: relative;
    height: 3rem;
    line-height: 3rem;
    border-bottom: 1px solid #e5e5e5;
    max-width: 640px;
    background: #fff;
}

.heard-back {
    width: 20%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
}

    .heard-back a {
        display: block;
        padding-right: 1rem;
    }

        .heard-back a i {
            font-size: 2rem;
            line-height: 3rem;
            color: #393939;
        }

.heard-menu {
    width: 10%;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
}

    .heard-menu a {
        display: block;
    }

        .heard-menu a i {
            font-size: 1.7rem;
            line-height: 3rem;
            color: #393939;
        }

    .heard-menu.active a i {
        color: #f00;
    }

.heard h2 {
    text-align: center;
    font-size: 1.3rem;
}


.login-box {
    margin: 1rem;
}

.login-box-con {
    border-radius: 6px;
    background: #fff;
    overflow: hidden;
}

.login-con {
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    overflow: hidden;
}

    .login-con:last-child {
        border: none;
    }

.login-icon {
    display: inline-block;
    text-align: center;
    width: 15%;
    float: left;
    height: 4rem;
    line-height: 4rem;
}

    .login-icon i {
        color: #ababab;
        font-size: 1.8rem;
    }

.login-con p {
    display: inline-block;
    line-height: 4rem;
    height: 4rem;
    width: 55%;
    float: left;
}

    .login-con p input {
        color: #393939;
        font-size: 1.2rem;
        background: #fff;
        height: 4rem;
        width: 100%;
    }

.login-control {
    float: right;
    width: 30%;
    display: none;
}

.login-del {
    float: right;
    display: inline-block;
    text-align: center;
    width: 50%;
    height: 4rem;
    line-height: 4rem;
    background: url("../../Images/login/icon-del.png") no-repeat center;
    background-size: 2rem;
}

.login-visual {
    float: right;
    display: inline-block;
    text-align: center;
    width: 50%;
    height: 4rem;
    line-height: 4rem;
    background: url("../../Images/login/icon-hide.png") no-repeat center;
    background-size: 2rem;
}

    .login-visual.active {
        background: url("../../Images/login/icon-show.png") no-repeat center;
        background-size: 2rem;
    }

.login-log {
    border-radius: 6px;
    line-height: 3.5rem;
    height: 3.5rem;
    color: #fff;
    font-size: 1.3rem;
    background: #1fc1ff;
    text-align: center;
    margin-top: 1rem;
}

.login-btn {
    margin-top: 1rem;
    overflow: hidden;
}

    .login-btn a {
        height: 3rem;
        line-height: 3rem;
        display: inline-block;
        color: #393939;
    }

        .login-btn a:nth-child(0) {
            float: left;
        }

        .login-btn a:nth-child(1) {
            float: right;
        }

        .login-btn a i {
            color: #ababab;
            font-size: 1.8rem;
            vertical-align: bottom;
            margin-right: 0.5rem;
        }

.login-foot {
    width: 100%;
    height: 7rem;
    margin-top: 8rem;
}

.login-foot-title {
    margin: 1rem 3rem;
    text-align: center;
    position: relative;
    margin-bottom: 2rem;
}

    .login-foot-title h3 {
        width: 10rem;
        display: inline-block;
        padding: 0 1rem;
        height: 2rem;
        line-height: 2rem;
    }

.login-foot ul {
    overflow: hidden;
    height: 7rem;
    width: 60%;
    margin: 0 auto;
}

    .login-foot ul li { /*width: 50%; float: left;*/
        height: 6rem;
    }

        .login-foot ul li a {
            display: block;
            text-align: center;
        }

.login-foot-img {
    display: block;
    text-align: center;
    width: 100%;
}

    .login-foot-img img.login-foot-img-w {
        height: 5.5rem;
        width: 5.5rem;
    }

    .login-foot-img img.login-foot-img-q {
        height: 5.5rem;
        width: 5.5rem;
    }

.login-foot-txt {
    line-height: 2rem;
    height: 2rem;
}

.login-bing-tc {
    width: 100%;
    height: 100%;
    position: relative;
    display: none;
}

.login-bing-bg {
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
}

.login-bing-con {
    position: absolute;
    top: 50%;
    height: 10rem;
    background: #fff;
    z-index: 9;
    width: 90%;
    border-radius: 6px;
    margin: 0 5%;
    margin-top: -5rem;
}

.login-bing {
    padding: 1rem;
}

    .login-bing h2 {
        border-bottom: 1px solid #f1f1f1;
        height: 3rem;
        line-height: 3rem;
        font-size: 1.2rem;
        color: #393939;
        margin-bottom: 1rem;
    }

        .login-bing h2 span {
            float: right;
        }

    .login-bing ul {
        overflow: hidden;
    }

        .login-bing ul li {
            float: left;
            width: 50%;
            text-align: center;
        }

            .login-bing ul li span {
                width: 80%;
                line-height: 3rem;
                height: 3rem;
                display: inline-block;
                border: 1px solid #1fc1ff;
                border-radius: 6px;
            }

                .login-bing ul li span a {
                    color: #1fc1ff;
                    font-size: 1.2rem;
                    display: block;
                }