.main{
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 14px;
    color: #222;
    min-height: 100vh;
    background: linear-gradient(180deg, #EBF8FF 0%, #F5F5F5 100%);
    position: relative;
}
.about{
    position: absolute;
    color: #999;
    font-size: 10px;
    bottom: 10px;
    text-align: center;
    width: 100%;
    >a{
        color: #999;
    }
}
.about-page1-bottom{
    bottom: 90px;
}
.block-logo{
        padding: 10px;
        display: flex;
        .logo{
            width: 28px;
            border-radius: 4px;
        }
        .title{
            font-weight: bold;
            color: #2E4F96;
            width: 80px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 24px;
        }
    }
.cont-job{
    padding-bottom: 140px;
    .block-job{
        background: #fff;
        border-radius: 8px;
        margin: 0px 10px 10px 10px;
        padding: 10px;
        .title{
            font-size: 18px;
            font-weight: bold;
        }
        .tags{
            margin-top: 6px;
            display: flex;
            gap: 10px;
            color: #666;
            font-size: 12px;
            .sg{
                color: #e0e0e0;
            }
        }
        .baomin{
            margin-top: 6px;
            display: flex;
            justify-content: space-between;
            .amount{
                color: #2F6FFF;
                font-weight: bold;
            }
            .num{
            }
        }
    }

    .block-job-detail{
        background: #fff;
        border-radius: 8px;
        margin: 0px 10px 10px 10px;
        padding: 10px;
        .title{
            font-weight: bold;
        }
        .desc{
            text-align: justify;
            margin-top: 10px;
            line-height: 20px;
        }
    }
    .block-company{
        background: #fff;
        border-radius: 8px;
        margin: 10px 10px 10px 10px;
        padding: 10px;
        display: flex;
        .left{
            .tx{
                width: 80px;
            }
        }
        .right{
            .name{
                margin-top: 4px;
                font-weight: bold;
            }
            .gs{
                color: #666;
                font-size: 12px;
                margin-top: 4px;
            }
        }
    }
    .fixed-buts{
        position: fixed;
        left:0;
        bottom: 0;
        margin-top: 10px;
        padding: 20px 20px 30px 20px;
        width: 100%;
        z-index: 1000;
        background: #fff;
    }
}
.cont-form{
    background: #fff;
    border-radius: 8px;
    margin: 0px 10px 0px 10px;
    padding: 10px;

    .bm-title{
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 15px;
    }
    .custom-file{
        .custom-file-label{
            font-size: 14px;
            color: #7E858D;
            &:after{
                content: '上传';
            }
        }
        .custom-file-info{
            font-size: 12px;
            color: #333;
        }
    }
    .sub-tip{
        margin-top: 20px;
        text-align: center;
        font-size: 12px;
        color: #e6a23c;
    }
    .buts{
        margin-top: 10px;
        display: flex;
        gap: 20px;
        padding-bottom: 20px;
    }
}

.cont-froup{
    width: 100%;
    .qr-code{
        margin-top: 50px;
        text-align: center;
        .tp{
            width: 300px;
        }
    }
    .title{
        margin-top: 20px;
        text-align: center;
        font-weight: bold;
        .ca{
            color: #2E4F96;
            font-size: 18px;
        }
    }
}




.btn-primary{
    background: #2E4F96;
    border-color: #2E4F96;
}
.page {
    display: none;
}

/* 第1页默认显示在屏幕内 */
#page1 {
     display: block;
}
#page2 {
    /*display: block;*/
}
#page3 {
    /*display: block;*/
}

/* 你要的动画 CSS */
/* 滑入：从下面进来 */
.slide-in {
  animation: slideIn 0.6s ease forwards;
}
/* 滑出：向上走 */
.slide-out {
  animation: slideOut 0.6s ease forwards;
}
/* 滑回：从上面下来（返回上一页专用） */
.slide-in-back {
  animation: slideInBack 0.6s ease forwards;
}
/* 滑出向下：向下走（返回上一页专用） */
.slide-out-down {
  animation: slideOutDown 0.6s ease forwards;
}

@keyframes slideIn {
  from { transform: translateY(100%); }
  to { transform: translateY(0); }
}
@keyframes slideOut {
  from { transform: translateY(0); }
  to { transform: translateY(-100%); }
}
@keyframes slideInBack {
  from { transform: translateY(-100%); }
  to { transform: translateY(0); }
}
@keyframes slideOutDown {
  from { transform: translateY(0); }
  to { transform: translateY(100%); }
}
.zoom-loop {
   transform-origin: center center;
  /* 关键：开启硬件加速，防抖动 */
  transform: translateZ(0);
  backface-visibility: hidden;
  /* 抗锯齿，模糊锯齿抖动 */
  will-change: transform;
  /* 动画参数 */
  animation: pulse 2.8s infinite ease-in-out;
}
@keyframes pulse {
  0% {
    transform: scale(1) translateZ(0);
  }
  50% {
    transform: scale(1.03) translateZ(0);
  }
  100% {
    transform: scale(1) translateZ(0);
  }
}