.background {
    position: relative;
}

.background img {
    width: 100%;
    z-index: -1;
    position: absolute;
}

.title {
    position: absolute;
    top: 2rem;
    left: .64rem;
    color: #0C335F;
}

.title1 {
    font-size: .64rem;
    font-weight: 600;
}

.title2 {
    font-size: .32rem;
}

.form-content {
    margin-top: 2.7rem;
    width: 6.86rem;
    margin-left: .32rem;
    font-size: .32rem;
}

.form-item {
    background: #fff;
    height: .96rem;
    width: 100%;
    border-radius: .2rem;
    padding: 0 .32rem;
}

.red-star {
    color: #EA5C5F;
    margin-right: .04rem;
}

.item-left {
    width: 2.16rem;
}

.el-input {
    font-size: .32rem !important;
}

.el-input__inner {
    border: none !important;
}

/* 中间部分 */
.form-bottom {
    margin-top: .32rem;
    background: #fff;
    padding: .22rem .32rem 0rem .32rem;
    border-radius: .2rem;
}

.form-items {
    height: .88rem;
    border-bottom: .01px solid #ebebeb;
}

.pl8 {
    padding-left: .12rem
}

.el-radio-group {
    font-size: .32rem !important;
    padding-left: .25rem;
}
.el-radio__label {
  font-size: .32rem !important;
}
.el-date-editor  {
   margin-left: .15rem !important;
}
/* 工作经历 */
.el-textarea__inner {
    margin-top: .28rem;
    background: #f8f8f8 !important;
    border-radius: .16rem;
    border: none !important;
    margin-bottom: .32rem;
}

.el-textarea {
    font-size: .32rem !important;
}

.mt28 {
    margin-top: .28rem;
    padding-bottom: .32rem;
}

/* .el-button {
    font-size: .32rem !important;
    text-align: right;
    background: #3d89ff;
} */

.header-info {
    display: flex;
    align-items: center;
    background: rgba(64, 158, 255, 0.1);
    padding: .06rem .12rem;
    border-radius: .2rem;
}

.info-icon {
    color: #409EFF;
    margin-right: .06rem;
}

.info-text {
    color: #606266;
    font-size: .24rem;
}

.upload-container {
    border: 1px dashed #dcdfe6;
    border-radius: 12px;
    padding: .30rem .20rem;
    text-align: center;
    transition: all 0.3s;
    margin-top:.3rem
}

.upload-container:hover {
    border-color: #409EFF;
    background-color: #f8fbfd;
}

.upload-area {
    .upload-icon {
        font-size: .48rem;
        color: #409EFF;
        margin-bottom: .12rem;
    }

    .upload-title {
        font-size: .28rem;
        color: #333;
        font-weight: 500;
        margin-bottom: 6px;
    }

    .upload-subtitle {
        color: #909399;
        font-size: 12px;
        margin-bottom: .16rem;
    }

    .format-tag {
        display: inline-block;
        padding: 4px 12px;
        background: rgba(64, 158, 255, 0.1);
        border-radius: 16px;
        color: #409EFF;
        font-size: 12px;
    }
}

.file-preview {
    display: flex;
    align-items: center;
    padding: .12rem 0;

    .file-icon {
        font-size: 20px;
        color: #409EFF;
        margin-right: 12px;
    }

    .file-info {
        flex: 1;
        text-align: left;
        .file-name {
            font-size: 16px;
            color: #333;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 180px;
        }

        .file-size {
            font-size: 12px;
            color: #909399;
        }
    }

    .change-btn {
        padding: 6px 12px;
        border-radius: 16px;
        margin-left:.10rem
    }
}
/* 确保弹窗层级正确 */
.van-popup {
  z-index: 9999 !important;
}

/* 输入框点击效果 */
.el-input:focus {
  border-color: #409EFF;
}
/* 提交 */
.btn {
    width: 6.70rem;
    height: .96rem;
    background: #3d89ff;
    border-radius: .48rem;
    margin-top: .5rem;
    color: #fff;
    font-size: .32rem;
}