.clearfix:after, .clearfix:before {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/*vue*/
[v-cloak] {
    display: none !important;
}

/*layui*/
.hw-skin.layui-layer .layui-layer-btn .layui-layer-btn0 {
    background: #c7000b;
    border-color: #c7000b;
}

.hw-skin.disable-btn.layui-layer .layui-layer-btn .layui-layer-btn0 {
    background: #ccc;
    border-color: #ccc;
}

.layui-layer.layui-layer-tips i.layui-layer-TipsB, .layui-layer-tips i.layui-layer-TipsT {
    border-right-color: #ED6D00;
}

.layui-layer.layui-layer-tips i.layui-layer-TipsL, .layui-layer-tips i.layui-layer-TipsR {
    border-bottom-color: #ED6D00;
}

.layui-layer-tips .layui-layer-content {
    background-color: #ED6D00;
    padding: 6px 15px 6px 15px;
    font-size: 14px;
}

    .layui-layer-tips .layui-layer-content i {
        /*border-bottom-color: #ED6D00;*/
        /*border-right-color: #ED6D00;*/
    }

.container {
    width: 1200px;
    margin: 0 auto;
}

@media (max-width: 1200.99px) {
    .container {
        width: 100%;
    }
}

.views .header {
    height: 70px;
    line-height: 70px;
    border-bottom: 1px solid #dadedd;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 2px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 2px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 2px;
    background: white;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 99999999;
}

    .views .header .logo {
        float: left;
    }

        .views .header .logo a {
            outline: none;
        }

            .views .header .logo a img {
                vertical-align: sub;
            }

        .views .header .logo span {
            font-size: 18px;
            margin-left: 24px;
        }

    .views .header .header-nav {
        float: left;
        padding-left: 34px;
    }

        .views .header .header-nav a {
            font-size: 16px;
            color: #282828;
            margin: 0 14px;
            vertical-align: middle;
        }

    .views .header .user-info {
        float: right;
        margin-right: 15px;
    }

        .views .header .user-info a {
            float: right;
            font-size: 16px;
            color: #c7000b;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

    .views .header .contact-hr {
        float: right;
    }

    .views .header .line-split {
        float: right;
        background: #282828;
        height: 16px;
        width: 1px;
        margin-top: 27px;
        margin-right: 15px;
    }

    .views .header .lang {
        float: right;
        margin-right: 15px;
    }

        .views .header .lang a {
            font-size: 14px;
            color: #282828;
            padding-left: 27px;
            background-image: url(../images/icon-global.png);
            background-repeat: no-repeat;
            background-position: left center;
            background-size: 20px;
            display: inline-block;
        }

        .views .header .lang img {
            width: 100%;
        }

.views .main {
    padding-top: 70px;
    padding-top: 0px;
}

    .views .main .container {
        width: 1000px;
        margin: 0 auto;
        padding: 70px;
        background-color: white;
    }

        .views .main .container .page-title {
            padding: 40px 0;
            overflow: hidden;
        }

            .views .main .container .page-title h4 {
                font-size: 24px;
                font-weight: bold;
                float: left;
            }

            .views .main .container .page-title span {
                font-size: 14px;
                display: inline-block;
                padding-left: 20px;
                background: url(../images/icon-info.png) no-repeat left center;
                float: right;
                margin-top: 8px;
            }

                .views .main .container .page-title span a {
                    color: #C7000B;
                }

        .views .main .container .step {
            padding-bottom: 30px;
        }

            .views .main .container .step ul {
                overflow: hidden;
                border-radius: 3px;
            }

                .views .main .container .step ul li {
                    float: left;
                    text-align: center;
                    width: 25%;
                    height: 46px;
                    line-height: 46px;
                    background: #f4f5f5;
                    position: relative;
                    font-size: 16px;
                    text-indent: -20px;
                }

                    .views .main .container .step ul li a {
                        display: block;
                        color: #595757;
                    }

                        .views .main .container .step ul li a i.icon {
                            min-width: 16px;
                            min-height: 16px;
                            display: inline-block;
                            margin-left: 5px;
                        }

                        .views .main .container .step ul li a i.icon-right {
                            width: 23px;
                            height: 46px;
                            background: url(../images/step-default.png) no-repeat center top;
                            position: absolute;
                            right: 0;
                            top: 0;
                        }

                        .views .main .container .step ul li a i.icon-error {
                            vertical-align: middle;
                            margin-top: -3px;
                            margin-left: 5px;
                            width: 16px;
                            height: 16px;
                            background: url(../images/step-error.png) no-repeat center center;
                            background-size: 100%;
                        }

                        .views .main .container .step ul li a i.icon-ok {
                            vertical-align: middle;
                            margin-top: -3px;
                            margin-left: 5px;
                            width: 16px;
                            height: 16px;
                            background: url(../images/step-ok.png) no-repeat center center;
                            background-size: 100%;
                        }

                    .views .main .container .step ul li.active {
                        background: #f9e5e6;
                    }

                        .views .main .container .step ul li.active .icon-error, .views .main .container .step ul li.active .icon-ok {
                            display: inline-block;
                        }

                        .views .main .container .step ul li.active i.icon-right {
                            background: url(../images/step-active.png) no-repeat center top;
                        }

                    .views .main .container .step ul li.current {
                        background: #c7000b;
                    }

                        .views .main .container .step ul li.current a {
                            color: white;
                        }

                            .views .main .container .step ul li.current a .icon-ok {
                                background: url(../images/step-ok_.png) no-repeat center center;
                                background-size: 100%;
                            }

                            .views .main .container .step ul li.current a .icon-error {
                                background: url(../images/step-error_.png) no-repeat center center;
                                background-size: 100%;
                            }

                            .views .main .container .step ul li.current a i.icon-right {
                                background: url(../images/step-current.png) no-repeat center top;
                            }

                    .views .main .container .step ul li.past i.icon-right {
                        background: url(../images/step-past.png) no-repeat center top;
                    }

                    .views .main .container .step ul li:last-child i.icon-right {
                        display: none;
                    }

        .views .main .container .content-wrap {
            margin-bottom: 100px;
        }

            .views .main .container .content-wrap .section {
                display: none;
            }

                .views .main .container .content-wrap .section.current {
                    display: block;
                }

                .views .main .container .content-wrap .section .item .sub-title {
                    padding: 20px 0;
                    border-bottom: 1px solid #DCDDDD;
                    overflow: hidden;
                }

                    .views .main .container .content-wrap .section .item .sub-title h5 {
                        font-size: 18px;
                        font-weight: bold;
                        float: left;
                    }

                    .views .main .container .content-wrap .section .item .sub-title .btn {
                        float: right;
                        padding-top: 5px;
                    }

                        .views .main .container .content-wrap .section .item .sub-title .btn .btn-add {
                            display: inline-block;
                            color: #C7000B;
                        }

                            .views .main .container .content-wrap .section .item .sub-title .btn .btn-add:before {
                                content: " ";
                                width: 25px;
                                height: 17px;
                                background: url(../images/icon-add.png) no-repeat center;
                                display: inline-block;
                                vertical-align: middle;
                                margin-top: -2px;
                            }

                        .views .main .container .content-wrap .section .item .sub-title .btn .btn-delete {
                            display: inline-block;
                            color: #C7000B;
                        }

                            .views .main .container .content-wrap .section .item .sub-title .btn .btn-delete:before {
                                content: " ";
                                width: 25px;
                                height: 17px;
                                background: url(../images/icon-delete.png) no-repeat center;
                                display: inline-block;
                                vertical-align: middle;
                                margin-top: -2px;
                            }

                .views .main .container .content-wrap .section .item .layui-form {
                    padding-top: 30px;
                }

                    .views .main .container .content-wrap .section .item .layui-form .layui-input, .views .main .container .content-wrap .section .item .layui-form .layui-select, .views .main .container .content-wrap .section .item .layui-form .layui-textarea {
                        height: 36px;
                        font-size: 15px;
                        border-color: #DCDDDD;
                    }

                    .views .main .container .content-wrap .section .item .layui-form .layui-input, .views .main .container .content-wrap .section .item .layui-form .layui-textarea {
                        width: 385px;
                    }

                    .views .main .container .content-wrap .section .item .layui-form .layui-form-item {
                        margin-bottom: 30px;
                    }

                        .views .main .container .content-wrap .section .item .layui-form .layui-form-item.mgb-10 {
                            margin-bottom: 10px;
                        }

                        .views .main .container .content-wrap .section .item .layui-form .layui-form-item.mgb-0 {
                            margin-bottom: 0px;
                        }

                        .views .main .container .content-wrap .section .item .layui-form .layui-form-item .font-16 {
                            font-size: 16px;
                        }

                        .views .main .container .content-wrap .section .item .layui-form .layui-form-item .pdt-15 {
                            padding-top: 15px;
                        }

                        .views .main .container .content-wrap .section .item .layui-form .layui-form-item .pdb-15 {
                            padding-bottom: 15px;
                        }

                        .views .main .container .content-wrap .section .item .layui-form .layui-form-item .pdt-10 {
                            padding-top: 10px;
                        }

                        .views .main .container .content-wrap .section .item .layui-form .layui-form-item .pdb-10 {
                            padding-bottom: 10px;
                        }

                        .views .main .container .content-wrap .section .item .layui-form .layui-form-item .lh-26 {
                            line-height: 26px;
                        }

                        .views .main .container .content-wrap .section .item .layui-form .layui-form-item .lh-36 {
                            line-height: 36px;
                        }

                        .views .main .container .content-wrap .section .item .layui-form .layui-form-item .layui-form-label {
                            padding-left: 0;
                            padding-right: 0;
                            text-align: left;
                            font-size: 15px;
                            width: auto;
                            padding-right: 15px;
                        }

                            .views .main .container .content-wrap .section .item .layui-form .layui-form-item .layui-form-label.w185 {
                                width: 185px;
                            }

                            .views .main .container .content-wrap .section .item .layui-form .layui-form-item .layui-form-label i {
                                color: #C7000B;
                            }

                        .views .main .container .content-wrap .section .item .layui-form .layui-form-item .layui-input-block {
                            margin-left: 200px;
                        }

                        .views .main .container .content-wrap .section .item .layui-form .layui-form-item dl.user {
                            overflow: hidden;
                        }

                            .views .main .container .content-wrap .section .item .layui-form .layui-form-item dl.user dt {
                                width: 120px;
                                height: 120px;
                                background-color: #f4f5f5;
                                background-repeat: no-repeat;
                                background-position: center;
                                float: left;
                                background-size: cover;
                            }

                            .views .main .container .content-wrap .section .item .layui-form .layui-form-item dl.user dd {
                                float: left;
                                padding-left: 20px;
                            }

                                .views .main .container .content-wrap .section .item .layui-form .layui-form-item dl.user dd .btn-upload {
                                    padding: 0 30px;
                                    line-height: 34px;
                                    text-align: center;
                                    color: #C7000B;
                                    border: 1px solid #C7000B;
                                    border-radius: 3px;
                                    cursor: pointer;
                                    display: inline-block;
                                }

                                .views .main .container .content-wrap .section .item .layui-form .layui-form-item dl.user dd .tip {
                                    margin-top: 45px;
                                }

                                    .views .main .container .content-wrap .section .item .layui-form .layui-form-item dl.user dd .tip span {
                                        font-size: 14px;
                                    }

                                    .views .main .container .content-wrap .section .item .layui-form .layui-form-item dl.user dd .tip p {
                                        font-size: 14px;
                                    }

                        .views .main .container .content-wrap .section .item .layui-form .layui-form-item .attachment .dt {
                            width: 150px;
                            height: 150px;
                            background-color: #f4f5f5;
                            background-repeat: no-repeat;
                            background-position: center;
                            float: left;
                            background-size: cover;
                        }

                        .views .main .container .content-wrap .section .item .layui-form .layui-form-item .attachment .dd {
                            float: left;
                            padding-left: 20px;
                        }

                            .views .main .container .content-wrap .section .item .layui-form .layui-form-item .attachment .dd .btn-upload {
                                padding: 0 30px;
                                line-height: 34px;
                                text-align: center;
                                color: #C7000B;
                                border: 1px solid #C7000B;
                                border-radius: 3px;
                                cursor: pointer;
                                display: inline-block;
                            }

                            .views .main .container .content-wrap .section .item .layui-form .layui-form-item .attachment .dd .tip {
                                margin-top: 20px;
                            }

                                .views .main .container .content-wrap .section .item .layui-form .layui-form-item .attachment .dd .tip span {
                                    font-size: 14px;
                                }

                                .views .main .container .content-wrap .section .item .layui-form .layui-form-item .attachment .dd .tip p {
                                    font-size: 14px;
                                }

                        .views .main .container .content-wrap .section .item .layui-form .layui-form-item dl.upload-resume dt .btn-upload {
                            color: #9FA0A0;
                            font-size: 15px;
                            line-height: 34px;
                            width: 385px;
                            text-align: center;
                            cursor: pointer;
                            border: 1px solid #DCDDDD;
                            border-radius: 3px;
                            display: inline-block;
                        }

                            .views .main .container .content-wrap .section .item .layui-form .layui-form-item dl.upload-resume dt .btn-upload.has-file {
                                color: #c7000b;
                            }

                        .views .main .container .content-wrap .section .item .layui-form .layui-form-item dl.upload-resume dt .btn-remove {
                            margin-left: 10px;
                            color: #c7000b;
                        }

                        .views .main .container .content-wrap .section .item .layui-form .layui-form-item .layui-input-inline {
                            width: auto;
                            margin-right: 30px;
                        }

                            .views .main .container .content-wrap .section .item .layui-form .layui-form-item .layui-input-inline.w-auto .layui-input, .views .main .container .content-wrap .section .item .layui-form .layui-form-item .layui-input-inline.w-auto .layui-textarea {
                                width: auto;
                            }

                            .views .main .container .content-wrap .section .item .layui-form .layui-form-item .layui-input-inline.mgr-10 {
                                margin-right: 10px;
                            }

                        .views .main .container .content-wrap .section .item .layui-form .layui-form-item .tip-question {
                            color: #C7000B;
                        }

                            .views .main .container .content-wrap .section .item .layui-form .layui-form-item .tip-question:before {
                                content: " ";
                                display: inline-block;
                                width: 22px;
                                height: 18px;
                                vertical-align: middle;
                                background: url(../images/icon-question.png) no-repeat left center;
                                margin-top: -1px;
                            }

                        .views .main .container .content-wrap .section .item .layui-form .layui-form-item .tip-warning {
                            color: #ED6D00;
                        }

                            .views .main .container .content-wrap .section .item .layui-form .layui-form-item .tip-warning:before {
                                content: " ";
                                display: inline-block;
                                width: 22px;
                                height: 18px;
                                vertical-align: middle;
                                background: url(../images/icon-warning.png) no-repeat left center;
                                margin-top: -1px;
                            }

.views .footer {
    background: #f2f2f2;
}

    .views .footer .footer-main {
        max-width: 1106px;
        margin: 0 auto;
    }

    .views .footer .footer-content {
        padding: 60px 0;
        overflow: hidden;
        border-bottom: 1px #d8d8d8 solid;
    }

    .views .footer .footer-menu {
        float: left;
        overflow: hidden;
        width: 72.33%;
    }

        .views .footer .footer-menu.en_US {
            width: 83%;
        }

    .views .footer .footer-menu-item {
        float: left;
        width: 25%;
    }

    .views .footer .footer-menu-title {
        font-size: 16px;
        color: #282828;
        font-weight: 600;
    }

    .views .footer .footer-menu-link {
        margin-top: 18px;
        display: block;
        font-size: 14px;
        color: #282828;
    }

        .views .footer .footer-menu-link:hover {
            color: #f66f6a;
        }

    .views .footer .footer-about {
        float: right;
        width: 106px;
        text-align: center;
    }

    .views .footer .footer-about-title {
        font-size: 16px;
        font-weight: 600;
    }

    .views .footer .footer-about-share {
        margin-top: 18px;
    }

        .views .footer .footer-about-share a {
            display: inline-block;
            width: 20px;
            height: 20px;
        }

            .views .footer .footer-about-share a.link-sina {
                background: url(../images/icon-share.png) no-repeat left center;
                background-size: auto 100%;
            }

            .views .footer .footer-about-share a.link-in {
                background: url(../images/icon-share.png) no-repeat right center;
                margin-left: 6px;
                background-size: auto 100%;
            }

            .views .footer .footer-about-share a.link-blbl {
                margin-left: 6px;
                background: url(../images/icon-share-blbl.png) no-repeat left center;
                background-size: contain;
            }

            .views .footer .footer-about-share a.link-dy {
                margin-left: 6px;
                background: url(../images/icon-dy.png) no-repeat left center;
                background-size: contain;
            }

    .views .footer .footer-about-qrcode {
        margin-top: 18px;
    }

        .views .footer .footer-about-qrcode img {
            width: 100%;
            display: block;
        }

        .views .footer .footer-about-qrcode span {
            display: block;
            font-size: 14px;
            color: #282828;
            padding-top: 10px;
        }

    .views .footer .footer-bottom {
        padding: 26px 0 66px;
        overflow: hidden;
        font-size: 12px;
        color: #808080;
    }

    .views .footer .footer-copyright {
        float: left;
        overflow: hidden;
    }

        .views .footer .footer-copyright p {
            float: left;
        }

    .views .footer .footer-bottom-menu {
        float: right;
    }

        .views .footer .footer-bottom-menu a {
            font-size: 12px;
            color: #808080;
        }

/*lock css*/
.lock-box {
    padding: 28px 12px 28px 12px;
}

    .lock-box .lock-title {
        font-size: 28px;
        padding-bottom: 20px;
    }

    .lock-box .lock-content {
        font-size: 14px;
        color: #595757;
        line-height: 1.5;
    }

    .lock-box .lock-btn {
        margin-top: 42px;
    }

        .lock-box .lock-btn a {
            font-size: 14px;
            display: inline-block;
            height: 40px;
            line-height: 40px;
            text-align: center;
            border: 1px solid #231815;
            border-radius: 5px;
            width: 130px;
            margin-left: 15px;
        }

            .lock-box .lock-btn a:first-child {
                margin-left: 0;
            }

            .lock-box .lock-btn a.active {
                background: #c7000b;
                border-color: #c7000b;
                color: white;
            }