.HeaderTop {
    height: 80px;
    line-height: 80px;
    color: #5f5f5f;
}

    .HeaderTop span {
        font-size: 20px;
        vertical-align: -webkit-baseline-middle;
    }

.logo_img {
}

    .logo_img span {
    }

.header_phone {
}

.wapercon {
    width: 960px;
    margin: 0 auto;
}

#app{
    height: 100%;
}
.login-box {
    width: 100%;
    height: 100%;
    background: url("../../../images/admin/loginbg.jpg") no-repeat top center;
}

.login-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
    width: 100%;
    height: 605px;
}

.login-main .msg {
    color: red;
}

.login-con {
    background-color: #148dfe;
    width: 100%;
    height: 470px;
    position: relative;
    overflow: hidden;
}

.login-main {
    position: absolute;
    top: 50%;
    width: 350px;
    height: 380px;
    background-color: #fff;
    text-align: center;
    z-index: 100;
    left: 50%;
    margin:-220px 0 0 -175px;
    border-radius: 8px;
}

    .login-main .Tip_p {
        font-size: 12px;
        margin-top: 20px;
    }

    .login-main .tt {
        color: #0E909F;
        padding: 25px 0;
        text-align: left;
        font-size: 24px;
    }

    .login-main .login-box-con {
        width: 310px;
        margin: 0 auto;
    }

    .login-main li {
        margin-bottom: 20px;
        clear: both;
        color: #868686;
        float: left;
        width: 100%;
        height: 40px;
        border: #d3d3d3 1px solid;
        position: relative;
        border-radius: 8px;
        overflow: hidden;
    }

        .login-main li.noborder {
            border: none;
        }

        .login-main li input {
            display: block;
            border: none;
            height: 40px;
            line-height: 40px;
            overflow: hidden;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            position: absolute;
            left: 0;
            right: 0;
            padding-left: 60px;
            width: 100%;
            font-size: 16px;
        }

            .login-main li input:focus {
                border-color: #66afe9;
                -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
                box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
                outline: none;
            }

        .login-main li span {
            position: relative;
            z-index: 100;
            float: left;
            width: 60px;
            height: 40px;
            display: inline-block;
            background-repeat: no-repeat;
            background-size: 30px 30px;
        }

            .login-main li span.admin {
                background-image: url("../../../images/admin/user.png");
                background-position: 10px center;
            }

            .login-main li span.password {
                background-image: url("../../../images/admin/Cipher.png");
                background-position: 9px center;
            }

        .login-main li .yzmbox {
            width: 180px;
            position: relative;
            border: #d3d3d3 1px solid;
            border-radius: 8px;
            overflow: hidden;
            height: 40px;
        }

        .login-main li span.yzm {
            background-image: url("../../../images/admin/code.png");
            background-position: 9px center;
        }

        .login-main li .img_ymz {
            display: block;
            float: right;
            width: 130px;
            height: 40px;
        }

            .login-main li .img_ymz img {
                /*width: 120px;*/
                height: 40px;
                cursor: pointer;
            }

    .login-main .submit {
        width: 100%;
        display: block;
        border: none;
        height: 40px;
        line-height: 40px;
        background-color: #53D9D4;
        font-size: 19px;
        color: #fff;
        text-align: center;
        border-radius: 8px;
        margin-top: 15px;
    }

.banner {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    height: 470px;
    overflow: hidden;
}

    .banner .bd {
        position: relative;
        z-index: 0;
        width: 1000px;
        /*background: url(../images/ht_cut_5.png) left 0 no-repeat;*/
    }

        .banner .bd ul {
            width: 100% !important;
        }

        .banner .bd li {
            width: 100% !important;
            height: 470px;
        }

            .banner .bd li .siteWidth {
                width: 600px;
                position: relative;
                float: left;
                height: 470px;
                text-align: center;
            }

            .banner .bd li a {
                position: absolute;
                width: 100%;
                height: 299px;
                display: block;
                z-index: 1;
            }

        .banner .bd .txt {
            position: absolute;
            width: 415px;
            top: 100px;
            left: 22px;
            font: normal 18px/30px "Microsoft YaHei";
        }

        .banner .bd .btn {
            display: block;
            zoom: 1;
            margin-top: 8px;
            width: 72px;
            padding-right: 10px;
            height: 31px;
            line-height: 31px;
            text-align: center;
            color: #fff;
            font-size: 12px;
            /*background: url(../images/banner-btn.png) 0 0 no-repeat;*/
        }

    .banner .hd {
        width: 100%;
        position: absolute;
        z-index: 1;
        bottom: 10px;
        left: 0;
        height: 30px;
        line-height: 30px;
        text-align: center;
    }

        .banner .hd ul li {
            cursor: pointer;
            display: inline-block;
            *display: inline;
            zoom: 1;
            width: 13px;
            height: 13px;
            margin: 4px;
            background-color: #fff6f2;
            overflow: hidden;
            line-height: 9999px;
            border-radius: 50%;
        }

        .banner .hd ul .on {
            filter: alpha(opacity=100);
            opacity: 1;
            background-color: #8ec323;
            background-color: #fb5406;
            border: #fff 2px solid;
        }

    .banner .prev,
    .banner .next {
        width: 23px;
        height: 41px;
        /*background: url(../../Images/WebClients/Login/qh.png) left center no-repeat;*/
        display: block;
        position: absolute;
        top: 45%;
        z-index: 10;
        cursor: pointer;
        text-indent: -9999px;
    }

    .banner .prev {
        left: 0;
    }

    .banner .next {
        background-position: right center;
        right: 0;
    }

.footer {
    width: 1000px;
    margin: 0 auto;
}

.footer_img {
    width: 970px;
    height: 47px;
    margin: 45px auto;
    /*background: url(../../Images/WebClients/Login/img1.png) center no-repeat;*/
}

.footer_con {
    text-align: center;
    padding-top: 45px;
    border-top: #eeeeee 1px solid;
}

    .footer_con li {
        display: inline-block;
        border-right: #949494 1px solid;
        padding-right: 10px;
        line-height: 20px;
        margin-right: 10px;
    }

        .footer_con li:last-child {
            border: none;
        }

    .footer_con a, .footer_con p {
        color: #5f5f5f;
    }

    .footer_con p {
        padding-top: 15px;
    }