/**
 * Created by truncate on 2017/7/3.
 * Author: 带鞋拖地
 * QQ: 327056088
 *
 * 《晨》· By codeRabbit 2017.7.1 重庆龙头寺公园
 * 华灯未眠晨未曦,绿荷万丛湖中缀。
 * 闻莹林间自由在,遥望山尖闺梦人。
 */

.auth-body {

    .header {
        height: 60px;

        .title {
            font-size: 24px;
            text-align: center;
            font-weight: bold;

            .small-title {
                font-size: 14px;
                padding-left: 5px;
                font-weight: normal
            }
        }
    }

    .content {
        p {
            line-height: 28px;
            font-size: 14px;
        }

        a{
            font-size: 14px;
        }
    }

    .footer {
        height: auto;
        width: 100%;
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #e0e0e0;
        background: #fff;
        overflow: hidden;
        transition: 1s all;

        .confirm {
            text-align: center
        }

        .auth-button {
            text-align: center;
            margin-top: 25px;

            .button-green {
                display: inline-block;
                height: 50px;
                line-height: 50px;
                background-color: #5fbf31;
                font-size: 16px;
                color: #fff;
                padding: 0 15px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                text-align: center;
                min-width: 200px;
            }

            .button-green:before {
                content: "";
                display: inline-block;
                width: 35px;
                height: 29px;
                background: url(../../images/weixin-logo.png) no-repeat;
                margin-right: 8px;
                vertical-align: middle;
            }
        }
    }
}

.red {
    color: #db4d4d;
}

.auth-intros {
    margin-top: 30px;
    margin-bottom: 50px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    position: relative;

    h4 {
        background: #FFFFFF;
        position: absolute;
        top: -10px;
        left: 50%;
        margin-left: -95px;
        font-size: 14px;
        padding: 0 20px;
        color: #999;
    }

    ul {
        padding: 40px 0;
        overflow: hidden;

        li {
            float: left;
            width: 33%;
            text-align: center;

            dt {
                font-size: 16px;
            }

            dd {
                color: #999;
            }
        }

        li:before {
            content: "";
            width: 91px;
            height: 91px;
            display: inline-block;
            margin-bottom: 10px;
            background: url(../../images/auth-icons.png) no-repeat;
            opacity: 0.5;
            filter: "alpha(opacity=50)";
            filter: alpha(opacity=50);
        }

        li.free:before {
            background-position: 0 -91px;
            height: 90px;
            margin-bottom: 9px;
        }

        li.safe:before {
            background-position: 0 -181px;
            height: 90px;
            margin-bottom: 9px;
        }
    }
}

.fn-clear {
    zoom: 1;
}
