@media (max-width:768px) {
    body {
        background: #f5f6f8
    }
}

.mn-enter .mn-enter-head {
    height: 71px;
    position: relative;
    z-index: 100
}

    .mn-enter .mn-enter-head .mn-enter-logo-warp {
        position: absolute;
        top: 20px;
        left: 41px
    }

    .mn-enter .mn-enter-head .mn-enter-text-warp {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 41px;
        margin-left: -16px
    }

        .mn-enter .mn-enter-head .mn-enter-text-warp span {
            margin-left: 16px;
            font-size: 12px
        }

            .mn-enter .mn-enter-head .mn-enter-text-warp span:hover {
                color: #3296fa
            }

            .mn-enter .mn-enter-head .mn-enter-text-warp span i {
                font-size: 14px;
                margin-right: 7px
            }

            .mn-enter .mn-enter-head .mn-enter-text-warp span a {
                font-size: 12px
            }

        .mn-enter .mn-enter-head .mn-enter-text-warp .nav-er {
            position: relative;
            z-index: 1
        }

            .mn-enter .mn-enter-head .mn-enter-text-warp .nav-er:hover .erweima {
                display: block
            }

            .mn-enter .mn-enter-head .mn-enter-text-warp .nav-er .erweima {
                position: absolute;
                border: 1px solid #ccc;
                padding: 5px;
                background-color: #fff;
                left: -7px;
                top: 30px;
                display: none
            }

.mn-enter .mn-enter-content {
    position: relative;
    height: calc(100vh - 71px);
    overflow-y: auto
}

    .mn-enter .mn-enter-content .mn-enter-content-inner {
        height: 653px
    }

@media (max-width:1366px) {
    .mn-enter .mn-enter-content .mn-enter-content-inner {
        height: 450px
    }
}

.mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-bg {
    position: relative;
    height: 100%;
    overflow: hidden;
    height: 653px
}

    .mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-bg .el-carousel {
        left: 50%;
        width: 1920px;
        height: 654px;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        position: absolute
    }

        .mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-bg .el-carousel .el-carousel__container {
            height: 100%
        }

            .mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-bg .el-carousel .el-carousel__container img {
                height: 100%;
                width: 100%;
                z-index: 1
            }

            .mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-bg .el-carousel .el-carousel__container .barry {
                position: absolute;
                top: 76px;
                left: 368px;
                color: #000
            }

                .mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-bg .el-carousel .el-carousel__container .barry .text1 {
                    font-size: 29px;
                    line-height: 29px;
                    text-align: left
                }

                .mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-bg .el-carousel .el-carousel__container .barry .text2 {
                    text-align: left;
                    font-size: 29px;
                    line-height: 29px;
                    font-weight: 700;
                    margin: 26px 0 41px 0
                }

                .mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-bg .el-carousel .el-carousel__container .barry .liji {
                    display: inline-block;
                    width: 143px;
                    height: 31px;
                    border: 1px solid #8181a6;
                    font-size: 14px;
                    line-height: 29px;
                    text-align: center;
                    color: #8181a6
                }

            .mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-bg .el-carousel .el-carousel__container .generation .c1 {
                text-align: left;
                font-size: 29px;
                line-height: 29px;
                font-weight: 700
            }

            .mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-bg .el-carousel .el-carousel__container .generation .c2 {
                font-size: 22px;
                line-height: 22px;
                color: #333;
                margin: 31px 0 41px 0
            }

            .mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-bg .el-carousel .el-carousel__container .generation .consult {
                display: inline-block;
                width: 143px;
                height: 31px;
                border: 1px solid #2363f7;
                font-size: 14px;
                line-height: 29px;
                text-align: center;
                color: #2363f7
            }

        .mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-bg .el-carousel .el-carousel__indicators {
            display: none
        }

        .mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-bg .el-carousel .el-carousel__arrow--left, .mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-bg .el-carousel .el-carousel__arrow--right {
            bottom: 50px;
            top: auto;
            left: 50%;
            width: 24px;
            height: 24px
        }

        .mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-bg .el-carousel .el-carousel__arrow--left {
            margin-left: 120px
        }

        .mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-bg .el-carousel .el-carousel__arrow--right {
            margin-left: 150px
        }

@media (max-width:1366px) {
    .mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-bg {
        height: 450px
    }

        .mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-bg .el-carousel {
            -webkit-transform: translate(-50%,-50%) scale(.8);
            transform: translate(-50%,-50%) scale(.8)
        }
}

.mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-form {
    width: 408px;
    height: 551px;
    background: #fff;
    position: absolute;
    left: 50%;
    margin-left: 230px;
    top: 51px;
    z-index: 99;
    -webkit-box-shadow: 3px 3px 4px 0 rgba(82,87,97,.1);
    box-shadow: 3px 3px 4px 0 rgba(82,87,97,.1)
}

@media (max-width:1366px) {
    .mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-form {
        height: 400px;
        top: 21px;
        width: 300px
    }
}

.mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-form-wrap {
    padding: 46px 31px 0 31px
}

@media (max-width:1366px) {
    .mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-form-wrap {
        padding: 26px 31px 0 31px
    }
}

.mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-form-wrap h3 {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    text-align: center;
    margin-bottom: 36px
}

.mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-form-wrap .mn-enter-form-item {
    height: 49px;
    position: relative;
    line-height: 49px;
    color: #c1c1c1;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width:1366px) {
    .mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-form-wrap .mn-enter-form-item {
        height: 35px;
        line-height: 35px
    }
}

.mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-form-wrap .mn-enter-form-item .mn-enter-img-prepend {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 11px
}

.mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-form-wrap .mn-enter-form-item input {
    width: 100%;
    height: 45px;
    border: 1px solid #dadada;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 44px;
    outline: none
}

@media (max-width:1366px) {
    .mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-form-wrap .mn-enter-form-item input {
        height: 35px;
        line-height: 35px
    }
}

.mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-form-wrap .mn-enter-form-item .mn-enter-error-img {
    position: absolute;
    right: 11px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 13px;
    cursor: pointer
}

.mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-form-wrap .mn-enter-form-warning {
    height: 22px;
    color: #f56c6c;
    font-size: 12px;
    line-height: 22px
}

    .mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-form-wrap .mn-enter-form-warning .error-guanbi {
        margin-right: 10px;
        font-size: 13px
    }

.mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-form-wrap .mn-enter-from-check {
    margin: 25px 0;
    line-height: 12px;
    font-size: 12px;
    text-align: right
}

@media (max-width:1366px) {
    .mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-form-wrap .mn-enter-from-check {
        margin: 5px 0
    }
}

.mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-form-wrap .mn-enter-from-check .forget-password:hover {
    color: #3296fa
}

.mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-form-wrap .el-button--danger {
    width: 100%;
    height: 51px;
    font-size: 20px;
    background: #3296fa;
    color: #fff;
    border: 1px solid #3296fa;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px
}

@media (max-width:1366px) {
    .mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-form-wrap .el-button--danger {
        height: 35px;
        font-size: 16px
    }
}

.mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-form-wrap .el-button--danger:hover {
    background: #2180e0
}

.mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-form-wrap .mn-enter-form-bottom {
    font-size: 14px;
    color: #3296fa;
    line-height: 14px;
    text-align: center;
    padding: 20px 0
}

    .mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-form-wrap .mn-enter-form-bottom a {
        height: 14px
    }

        .mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-form-wrap .mn-enter-form-bottom a:hover {
            color: #2180e0;
            border-bottom: 1px solid #2180e0
        }

.mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-form-mas {
    margin-top: 85px;
    height: 71px;
    line-height: 71px;
    background: #fafafa;
    text-align: center;
    font-size: 16px;
    color: #333
}

@media (max-width:1366px) {
    .mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-form-mas {
        font-size: 14px;
        margin-top: 40px
    }
}

.mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-form-mas .mn-icon-lejie {
    margin-right: 5px
}

.mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-form-mas a {
    color: #3296fa;
    margin-left: 5px
}

    .mn-enter .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-form-mas a:hover {
        color: #2180e0;
        border-bottom: 1px solid #2180e0
    }

.mn-enter .mn-enter-content p {
    font-size: 14px;
    color: #c1c1c1;
    line-height: 14px;
    padding: 12px 0;
    margin-top: 20px;
    text-align: center
}

.mn-enter.mobile .mn-enter-head .mn-enter-logo-warp {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.mn-enter.mobile .mn-enter-head .mn-enter-text-warp {
    display: none
}

.mn-enter.mobile .mn-enter-content {
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .mn-enter.mobile .mn-enter-content .mn-enter-content-inner {
        height: 500px
    }

        .mn-enter.mobile .mn-enter-content .mn-enter-content-inner .mn-enter-bg {
            display: none
        }

        .mn-enter.mobile .mn-enter-content .mn-enter-content-inner .mn-enter-form {
            top: 0;
            left: 0;
            margin-left: 0;
            width: 100%;
            position: relative;
            height: 500px
        }

            .mn-enter.mobile .mn-enter-content .mn-enter-content-inner .mn-enter-form h3 {
                font-size: 18px
            }

            .mn-enter.mobile .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-form-item {
                height: 49px;
                line-height: 49px
            }

                .mn-enter.mobile .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-form-item input {
                    height: 49px;
                    line-height: 49px;
                    border: 1px solid #aaa
                }

            .mn-enter.mobile .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-form-warning {
                height: 30px;
                line-height: 30px
            }

            .mn-enter.mobile .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-from-check {
                margin: 5px 0 40px !important
            }

                .mn-enter.mobile .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-from-check a {
                    font-size: 14px
                }

            .mn-enter.mobile .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-form-submit {
                height: 49px
            }

                .mn-enter.mobile .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-form-submit span {
                    font-size: 18px
                }

            .mn-enter.mobile .mn-enter-content .mn-enter-content-inner .mn-enter-form .mn-enter-form-mas {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0
            }

    .mn-enter.mobile .mn-enter-content p {
        margin-top: 40px
    }