a,
article,
aside,
body,
button,
dd,
div,
dl,
dt,
em,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
input,
label,
li,
nav,
p,
section,
span,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
ul {
    padding: 0;
    margin: 0;
}

li {
    list-style-type: none;
}

a {
    text-decoration: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input {
    display: block;
    height: 1.5em;
    padding: 0;
    margin: 0;
    line-height: 1.5em;
    border: 1px solid #eee;
}

.flex-center {
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-between,
.flex-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.flex-between {
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.full-screen {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.router-link-active {
    color: #4194ff;
}

body,
html {
    min-height: 100%;
    padding: 0;
    margin: 0;
    font-family: Microsoft YaHei, Arial, Tahoma, STHeiti, Helvetica, sans-serif;
    font-size: 14px;
    background-color: #ebecee;
}

.fade-enter-active,
.fade-leave-active {
    transition: all 0.2s ease;
}

.fade-enter,
.fade-leave-active {
    opacity: 0;
}

.back_top {
    position: fixed;
    right: 40px;
    bottom: 100px;
    z-index: 100;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

    .back_top .back_top_content {
        width: 60px;
        height: 60px;
        line-height: 36px;
        text-align: center;
        background-image: url(data:image/png;base64,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);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 80%;
        transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

        .back_top .back_top_content:hover {
            background-size: 100%;
            transition: background-size 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        }

.app_content {
    width: 100%;
    min-width: 1200px;
    min-height: 585px;
    padding-top: 114px;
    background: #f8fbfd;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    min-width: 1200px;
    background: #fff;
}

    .header .content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 1200px;
        height: 100%;
    }

        .header .content .logo {
            height: 35px;
            line-height: 35px;
            letter-spacing: 8px;
            color: #2097ff;
            font-size: 20px;
        }

    .header .nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        font-size: 14px;
    }

        .header .nav li {
            height: 100%;
            padding: 0 24px;
            font-size: 14px;
            line-height: 60px;
            cursor: pointer;
        }

            .header .nav li a {
                color: #333;
            }

.shadow {
    box-shadow: 0 0 6px 4px #e5e5e5;
}

.wrapper {
    position: fixed;
    top: 60px;
    left: 0;
    z-index: 998;
    width: 100%;
    height: 54px;
    min-width: 1200px;
    background: #fff;
}

.tabbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 1200px;
    height: 54px;
    margin: 0 auto;
}

    .tabbar .tabar_item {
        width: 78px;
        height: 30px;
        margin: 0 15px;
        font-family: PingFang-SC-Medium;
        font-size: 14px;
        line-height: 30px;
        letter-spacing: -0.5px;
        color: #646f81;
        text-align: center;
        cursor: pointer;
        border-radius: 4px;
    }

    .tabbar .active {
        font-family: PingFang-SC-Medium;
        color: #fff;
        background: #2097ff;
    }

.footer_wrape {
    width: 100%;
    height: 390px;
    background: #2f3939;
}

    .footer_wrape .inner {
        width: 1200px;
        padding-top: 44px;
        margin: 0 auto;
    }

    .footer_wrape .info {
        display: -ms-flexbox;
        display: flex;
        height: 20px;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 12px;
        font-size: 12px;
        color: #4a4a4a;
        text-align: center;
    }

        .footer_wrape .info a,
        .footer_wrape .info b {
            display: block;
            float: left;
            height: 20px;
            line-height: 20px;
            text-align: center;
        }

        .footer_wrape .info a {
            color: #4a4a4a;
        }

        .footer_wrape .info .gaba {
            display: block;
            float: left;
            margin-right: 2px;
            margin-left: 2px;
        }

        .footer_wrape .info .gabaText {
            display: block;
            float: left;
            height: 20px;
            line-height: 20px;
            text-align: center;
        }

.footer_top {
    height: 276px;
    border-bottom: 1px solid #404040;
}

    .footer_top .top_inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .footer_top .title {
        height: 46px;
        font-size: 14px;
        color: #fff;
    }

    .footer_top .list_item {
        font-size: 14px;
        line-height: 28px;
        color: #848484;
    }

        .footer_top .list_item a {
            font-size: 14px;
            color: #848484;
            text-decoration: none;
        }

            .footer_top .list_item a:hover {
                color: #1f8ac0;
            }

.address {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 32px;
    font-size: 14px;
    color: #84848a;
}

    .address .footer-introduce-address,
    .address .footer-introduce-phone {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        font-size: 14px;
        color: #84848a;
    }

    .address .address_icon {
        width: 14px;
        height: 20px;
        margin-right: 8px;
    }

    .address .phone_icon {
        width: 14px;
        height: 14px;
        margin-right: 8px;
    }

.apps {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 210px;
}

    .apps .app_item {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        font-size: 14px;
        color: #848484;
    }

        .apps .app_item:hover .qr_code {
            display: block;
        }

        .apps .app_item .app_icon {
            width: 30px;
            height: 30px;
            margin-bottom: 12px;
        }

.qr_code {
    position: absolute;
    top: -123px;
    left: -56px;
    display: none;
    width: 112px;
    height: 120px;
    margin-left: 50%;
}

.inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1200px;
    padding: 20px 0 69px;
    margin: 0 auto;
}

.introduction {
    position: relative;
    width: 306px;
    height: 399px;
    background: #fff;
}

    .introduction .title {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 99px;
        padding-left: 30px;
        border-bottom: 2px solid #e6e8eb;
        box-sizing: border-box;
    }

        .introduction .title img {
            width: 51px;
            height: 51px;
            margin-right: 19px;
        }

        .introduction .title div {
            font-family: PingFangSC-Regular;
            font-size: 16px;
            letter-spacing: 0;
            color: #5a5e66;
        }

    .introduction .list {
        padding-top: 16px;
        padding-left: 30px;
        font-family: PingFangSC-Regular;
        font-size: 14px;
    }

        .introduction .list .list_item {
            margin-bottom: 14px;
            font-size: 14px;
        }

        .introduction .list .name {
            font-size: 14px;
            color: #8d8d8d;
        }

        .introduction .list .text {
            font-size: 14px;
            color: #353b45;
        }

    .introduction .apply_btn {
        position: absolute;
        bottom: 50px;
        left: 34px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 238px;
        height: 34px;
        padding: 0;
        font-family: PingFangSC-Regular;
        font-size: 14px;
        letter-spacing: 0;
        color: #fff;
    }

.information {
    width: 874px;
    height: auto;
    box-sizing: border-box;
}

    .information .information_inner {
        padding: 4px 30px 20px;
        background: #fff;
    }

    .information .block_title {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 56px;
        font-family: PingFangSC-Regular;
        font-size: 16px;
        line-height: 16px;
        color: #353b45;
    }

        .information .block_title:before {
            display: block;
            width: 3px;
            height: 15px;
            margin-right: 11px;
            background: #2097ff;
            content: '';
        }

    .information .app_introduced {
        width: 814px;
        padding: 20px 22px;
        margin-bottom: 4px;
        font-size: 14px;
        color: #353b45;
        background: #f8fbfd;
        border-radius: 4px;
        box-sizing: border-box;
    }

    .information .pics {
        position: relative;
        width: 814px;
        height: 509px;
        background: #f8fbfd;
    }

        .information .pics .show_pic {
            width: 100%;
            height: 100%;
        }

        .information .pics .operation_icon {
            position: absolute;
            top: 236px;
            width: 20px;
            height: 40px;
            cursor: pointer;
        }

            .information .pics .operation_icon img {
                width: 100%;
                height: 100%;
            }

        .information .pics .left_icon {
            left: 0;
        }

        .information .pics .right_icon {
            right: 0;
        }

.input_wrape {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    font-size: 14px;
}

    .input_wrape .label {
        width: 135px;
        text-align: right;
    }

.banner {
    width: 100%;
    height: 380px;
    margin-top: 61px;
    text-align: center;
    background: url(../Images/banner.top.png) no-repeat 50%;
    background-size: cover;
}

    .banner > div {
        position: relative;
        width: 1200px;
        height: 100%;
        margin: 0 auto;
    }

        .banner > div .banner_text {
            position: absolute;
            top: 40px;
            left: 0;
            width: 500px;
            height: 100%;
            background: url("../Images/banner_text.png");
            background-repeat: no-repeat;
        }

        .banner > div .toDetail {
            position: absolute;
            top: 130px;
            left: 0;
            display: inline-block;
            width: 120px;
            height: 30px;
            font-size: 14px;
            line-height: 30px;
            color: #fff;
            text-align: center;
            cursor: pointer;
            background: #004fe1;
            border-radius: 15px;
        }

            .banner > div .toDetail:hover {
                background: #0042bd;
            }

.introduction {
    width: 100%;
    height: 520px;
    background: #fff;
}

    .introduction .content {
        position: relative;
        width: 1200px;
        height: 100%;
        padding-top: 130px;
        padding-left: 440px;
        margin: 0 auto;
        box-sizing: border-box;
    }

    .introduction .android-code {
        background: url('../Images/android_code.png') no-repeat left 76px;
        background-size: 310px 455px;
    }

    .introduction .ios-code {
        background: url('../Images/ios_code.png') no-repeat left 76px;
        background-size: 310px 455px;
    }

    .introduction .content .paragraph {
        margin-top: 30px;
    }

        .introduction .content .paragraph p {
            width: 720px;
            font-family: PingFangSC-Regular;
            font-size: 14px;
            line-height: 28px;
            color: #707586;
        }

    .introduction .content .school_case {
        position: absolute;
        bottom: 86px;
        left: 510px;
        width: 180px;
        height: 42px;
        font-family: PingFangSC-Regular;
        font-size: 16px;
        line-height: 42px;
        text-align: center;
    }

    .introduction .content a {
        display: block;
        width: 100%;
        height: 100%;
        font-size: 16px;
        color: #2097ff;
        border: 1px solid #2097ff;
        border-radius: 21px;
    }

        .introduction .content a:hover {
            color: #fff;
            background: #4194ff;
        }

.advantage {
    width: 100%;
    height: 712px;
    background: #f8fbfd;
}

    .advantage .content {
        width: 1200px;
        height: 100%;
        padding-top: 113px;
        margin: 0 auto;
        box-sizing: border-box;
    }

        .advantage .content .secondary_title {
            margin: 0 auto;
            text-align: center;
        }

        .advantage .content p {
            background: #f8fbfd;
        }

        .advantage .content .count {
            position: absolute;
            top: -26px;
            left: -98px;
            z-index: 1;
            width: auto;
            height: 63px;
            margin-left: 50%;
        }

    .advantage .list {
        display: -ms-flexbox;
        display: flex;
        margin-top: 66px;
    }

    .advantage .item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 282px;
        height: 388px;
        padding: 50px 30px 32px;
        margin: 0 12px;
        cursor: pointer;
        background: #fff;
        box-shadow: 0 0 36px 0 rgba(231, 237, 244, 0.5);
        box-sizing: border-box;
    }

        .advantage .item:hover {
            box-shadow: 0 20px 48px 0 #d6e1ef;
        }

        .advantage .item .icon {
            width: 70px;
            height: 70px;
        }

        .advantage .item .title {
            margin-top: 29px;
            margin-bottom: 22px;
            font-family: PingFang-SC-Medium;
            font-size: 20px;
            color: #30425e;
        }

        .advantage .item .describe {
            font-family: PingFangSC-Regular;
            font-size: 13px;
            line-height: 24px;
            color: #818d9f;
        }

.secondary_title {
    position: relative;
    height: 42px;
}

    .secondary_title p {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        width: 100%;
        height: 100%;
        font-family: PingFangSC-Medium;
        font-size: 30px;
        color: #30425e;
    }

    .secondary_title .line {
        font-size: 18px;
        color: grey;
    }

    .secondary_title .count {
        position: absolute;
        top: -58px;
        left: 113px;
        z-index: 1;
        width: 91px;
        height: 126px;
    }

a {
    text-decoration: none;
}

a,
img {
    display: block;
}

input {
    background: transparent;
    border: none;
    outline: medium;
}

.card {
    position: absolute;
    top: 30px;
    right: 0;
    width: 350px;
    min-height: 320px;
    margin: 0 auto;
    overflow: hidden;
    overflow-x: hidden;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 40px 0 #2097ff;
}

    .card .list {
        display: -ms-flexbox;
        display: flex;
        width: 200%;
        height: 100%;
        background: #fff;
        transition: all 0.3s;
    }

        .card .list .item {
            width: 50%;
        }

        .card .list .login_item {
            padding: 25px 40px;
            box-sizing: border-box;
        }

#login {
    width: 100%;
    height: 44px;
    font-size: 16px;
    line-height: 44px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: #2097ff;
    border: none;
    border-radius: 3px;
    outline: none;
    box-sizing: border-box;
    margin-bottom: 10px;
}

    #login:hover {
        background: #66b1ff;
    }

.card .login_item .item_tab {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    font-size: 16px;
    color: #333;
    text-align: center;
    cursor: pointer;
}

    .card .login_item .item_tab div {
        width: 100%;
        padding-bottom: 5px;
    }

        .card .login_item .item_tab div.active {
            color: #1daef8;
            border-bottom: 2px solid #2097ff;
        }

.card .input_wrape {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    margin-bottom: 20px;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
}

.card .login_content {
    margin-top: 30px;
}

.card .input_wrape .input_icon {
    position: absolute;
    top: 11px;
    left: 10px;
    width: 20px;
    height: 20px;
}

.card .input_wrape input {
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 40px;
    color: #000;
    text-indent: 40px;
}

.card .login_code .code_box {
    position: relative;
    width: 164px;
    height: 164px;
    margin: 0 auto;
}

.card .login_code .code_success {
    display: -ms-flexbox;
    display: flex;
    padding-left: 21px;
    margin-top: 12px;
}

    .card .login_code .code_success img {
        margin-right: 12px;
    }

.card .login_code .code_box .overdue {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 24px;
    color: #333;
    text-align: center;
    background: hsla(0, 0%, 100%, 0.72);
}

    .card .login_code .code_box .overdue p {
        width: 112px;
        padding-top: 11px;
        margin: 0 auto;
    }

.input_icon_user {
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZGMDVFRjJFMzcwNjExRUM5RTE5QjY5QkYyOUZEODA0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZGMDVFRjJGMzcwNjExRUM5RTE5QjY5QkYyOUZEODA0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkYwNUVGMkMzNzA2MTFFQzlFMTlCNjlCRjI5RkQ4MDQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkYwNUVGMkQzNzA2MTFFQzlFMTlCNjlCRjI5RkQ4MDQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5vfjJPAAAB0ElEQVR42pSUP0gCYRjG77rQcxCRi1uCo5JWSfFPNBlBDdUQLYEkEdHS3NRcQ621RETY0lK0CA1FNRQZgq1CUJQRWLfooAhmz3t8d1x22tcLP3l5v+d57u7zvhObzaZAFYlEhJbqAimwCIbY7AHsgzT4MoW5XM4ydQvO5QUnQAbr4JbNR8AaSIJZUHa6C6c6BM8gAc6Yscz6BFtLOxmdAqfBAFgBDYf1BlsjzSRPIO3ZFqgL7avONEs8gbRPF8LfRZphnkAVfHIEkkbhCfwAPRyBpNF5Am/AGEcgae54AvfAKnB1CHMxzR5PYAY8gR0gtXnVtpkmw/tiz4M+cAkm2Mnxsp5m/Uzzq9odvTIzp9hR63iWfxR9HGKxmIHZ+/3+8Wg0eo9+kGZ2MBulNdLYPWZvPHI2mzXCRVH0FYvF40AgcFqpVK4xesTMujjrr2iNNKQljz3DurLb7Z4KBoOvEG7QV8acU4gdc04a0pKHvJaeflRVXQZztVptQVGUF/OO8vm84zaFQiGr13Vdk2X5oFQqHYFd45ElSZopFApJexhvkYe8lGH9y5qmEbQX79ZecFY8HhfC4bCv9bXZrFar5x6Pp5cE/y143+A13stvAQYAazy2U9DfK0cAAAAASUVORK5CYII=');
}

.input_icon_password {
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg4N0JBMjlCMzcwNjExRUNCMzhEOTdBODE4MjM4N0E3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg4N0JBMjlDMzcwNjExRUNCMzhEOTdBODE4MjM4N0E3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODg3QkEyOTkzNzA2MTFFQ0IzOEQ5N0E4MTgyMzg3QTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODg3QkEyOUEzNzA2MTFFQ0IzOEQ5N0E4MTgyMzg3QTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7CuWnnAAAA8ElEQVR42mL8//8/AzowMTGBMeWBuAKIvYBYAohfAPE2IO4A4ocgBWfOnEHRy8SAG3hANR8CYiMg5oLSh6DiHtg0seAwTAGIu4HYH4jvIIm/BeLlQHwaiDcA8Q0gfkCMCyuBuA3NMGRwBypfji6By0BPIN7FgB/shIYtUQZKAfE7AgaC5KXRBRmNjY2xKQZFPSMDYYChjomByoAJLdyeQW2F2U4Iw9Q9g+pHMXAuEIdBvUAqDoPqRzFQEoiPkOnTI1D9tA1DYmKUqgYyjDwDGQfchc+B2IZMc6yhpTlKAZsCxKuhRT2p4CkQJ4MYAAEGABSmNcxl6cHHAAAAAElFTkSuQmCC');
}

.login-form-bottom {
    width: auto;
}

    .login-form-bottom a {
        display: block;
        width: auto;
        color: #2097ff;
        line-height: 40px;
    }

        .login-form-bottom a.la {
            float: left;
        }

        .login-form-bottom a.ra {
            float: right;
        }

.footer_wrape {
    width: 100%;
    height: 340px;
    background: #f6f6f6;
}

    .footer_wrape .inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 1200px;
        padding-top: 44px;
        margin: 0 auto;
    }

    .footer_wrape .left .logo {
        width: 126px;
        height: 35px;
    }

    .footer_wrape .left .btn {
        display: block;
        width: 160px;
        height: 40px;
        margin-top: 90px;
        line-height: 40px;
        color: #fff;
        text-align: center;
        cursor: pointer;
        background: #409eff;
        border-radius: 5px;
    }

    .footer_wrape .left .text {
        margin-top: 10px;
        font-size: 14px;
        font-weight: bolder;
        color: #333;
    }

    .footer_wrape .product .title {
        margin-bottom: 40px;
        font-size: 16px;
        font-weight: bolder;
        color: #333;
    }

    .footer_wrape .product .productBox {
        display: -ms-flexbox;
        display: flex;
    }

        .footer_wrape .product .productBox a {
            display: block;
            font-size: 14px;
            line-height: 36px;
            color: #333;
            cursor: pointer;
        }

            .footer_wrape .product .productBox a:hover {
                color: #409eff;
            }

        .footer_wrape .product .productBox .productName {
            margin-right: 50px;
        }

            .footer_wrape .product .productBox .productName:last-child {
                margin-right: 0;
            }

    .footer_wrape .wechat {
        text-align: center;
    }

        .footer_wrape .wechat .title {
            margin-bottom: 40px;
            font-size: 16px;
            font-weight: bolder;
            color: #333;
        }

        .footer_wrape .wechat img {
            width: 114px;
        }

        .footer_wrape .wechat .text {
            font-size: 12px;
            line-height: 20px;
            color: #333;
        }

        .footer_wrape .wechat .teacherDownload {
            width: 105px;
            margin-bottom: 10px;
        }

        .footer_wrape .wechat .qrcodeText {
            display: -ms-flexbox;
            display: flex;
        }

            .footer_wrape .wechat .qrcodeText div {
                width: 50%;
            }

.info {
    display: -ms-flexbox;
    display: flex;
    width: 1200px;
    height: 50px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 10px auto 0;
    font-size: 12px;
    color: #999 !important;
    text-align: center;
    border-top: 1px solid #e2e2e2;
}

    .info b {
        margin: 0 10px;
    }

    .info a,
    .info b {
        display: block;
        float: left;
        height: 20px;
        line-height: 20px;
        text-align: center;
    }

    .info a {
        color: #999;
    }

    .info .gaba {
        display: block;
        float: left;
        margin-right: 2px;
        margin-left: 2px;
    }

    .info .gabaText {
        display: block;
        float: left;
        height: 20px;
        line-height: 20px;
        text-align: center;
    }