*{
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color:rgba(255,255,255,0);
}
/* 修改滚动条的宽度和颜色 */
::-webkit-scrollbar {
    width: 8px;
    background-color: #f1f1f1;
}

/* 修改滚动条滑块的样式 */
::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 5px; /* 修改滑块圆角 */
}

/* 修改滚动条滑块悬停时的样式 */
::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}
/* 隐藏滚动条滑道 */
::-webkit-scrollbar-track {
    background: transparent; /* 或者透明色 background: transparent; */
}
/* 隐藏滚动条滑道 */
/*body {*/
/*    -ms-overflow-style: none; !* IE 10+ *!*/
/*    scrollbar-width: none; !* Firefox *!*/
/*}*/
/*:root{*/
/*    --page-font-size: 18px;*/
/*}*/
/*@media only screen and (max-width: 800px) {*/
/*    .pagination_box{*/
/*        width: 95%;*/
/*        margin: 40px auto;*/
/*        display: flex;*/
/*        justify-content: center;*/
/*        flex-wrap: wrap;*/
/*    }*/
/*    .total{*/
/*        width: 100%;*/
/*        margin-top: 10px;*/
/*        text-align: center;*/
/*    }*/
/*}*/
/*@media only screen and (min-width: 800px) {*/
/*    .pagination_box{*/
/*        width: 100%;*/
/*        margin: 40px 0;*/
/*        display: flex;*/
/*        justify-content: center;*/
/*    }*/
/*}*/
/*!*html {*!*/
/*!*    filter: grayscale(100%);*!*/
/*!*    -webkit-filter: grayscale(100%);*!*/
/*!*    -moz-filter: grayscale(100%);*!*/
/*!*    -ms-filter: grayscale(100%);*!*/
/*!*    -o-filter: grayscale(100%);*!*/
/*!*}*!*/
/*.recruitInfo_box_content table{*/
/*    max-width: 100%;*/
/*    border: 1px solid gray!important;*/
/*}*/
/*.recruitInfo_box_content table td{*/
/*    border: 1px solid gray!important;*/
/*}*/


@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@media only screen and (max-width: 1023px) {
    .title_box{
        width: 6.87rem;
        margin: 0 auto;
    }
    .title{
        text-align: center;
        font-weight: 500;
        font-size: .4rem;
        color: #333333;
    }
    .title_text{
        text-align: center;
        font-weight: bold;
        font-size: .36rem;
        color: rgba(38, 82, 185, .2);
        margin-top: -0.4rem;
    }
    .message_box {
        width: 300px!important; /* 或者具体的宽度值 */
        /*max-width: 300px!important; !* 根据需要设置最大宽度 *!*/
    }
    .page .el-pager li{
        font-size: 0.24rem;
        height: 0.5rem;
        min-width: 0.5rem;
        line-height: 0.5rem;

    }
    .page .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{
        min-width: 0.5rem;
        margin: 0 0.04rem;
    }
    .page .el-pagination button, .el-pagination span:not([class*=suffix]){
        min-width: 0.5rem;
        height: 0.5rem;
    }
    .page .el-pager .more::before{
        line-height: 0.5rem;
    }
    .page{
        margin-top: 0.7rem;
        display: flex;
        justify-content: center;
    }
    .dia .el-dialog{
        width: 90%!important;
    }
    .dia .el-dialog__title{
        font-size: 16px;
    }
    .dia_content{
        width: 98%;
        margin: 0 auto;
    }
    .dia_content  video{
        width: 100%;
        height: 168px;
        object-fit: cover
    }
}
@media only screen and (min-width: 1024px)and (max-width: 1399px) {
    .title_box{
        width: 960px;
        margin: 0 auto;
    }
    .title{
        text-align: center;
        font-weight: 700;
        font-size: 30px;
        color: #333333;
    }
    .title_text{
        text-align: center;
        font-weight: bold;
        font-size: 24px;
        color: rgba(38, 82, 185, .2);
        margin-top: -25px;
    }
    .page{
        display: flex;
        justify-content: center;
    }
    .dia .el-dialog--center{
        width: 800px;
    }
    .dia .el-dialog__title{
        font-size: 18px;
    }
    .dia_content{
        width: 90%;
        margin: 0 auto;
    }
    .dia_content  video{
        width: 100%;
        height: 380px;
        object-fit: cover
    }
}
@media only screen and (min-width: 1400px)  {
     .title_box{
         width: 1400px;

         margin: 0 auto;

     }
    .title{
        text-align: center;
        font-weight: 700;
        font-size: 40px;
        color: #333333;
    }
    .title_text{
        text-align: center;
        font-weight: bold;
        font-size: 36px;
        color: rgba(38, 82, 185, .2);
        margin-top: -35px;
    }
    .page{
        display: flex;
        justify-content: center;
    }
    .captcha-mask {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.4);
        z-index: 100;
        opacity: 0;
        visibility: hidden;
    }

    .captcha-box {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 101;
    }
    .dia .el-dialog--center{
        width: 1200px;
    }
    .dia .el-dialog__title{
        font-size: 28px;
    }
    .dia_content{
        width: 90%;
        margin: 0 auto;
    }
    .dia_content  video{
        width: 100%;
        height: 500px;
        object-fit: cover
    }
}
.captcha-mask-active{
    opacity: 1;
    visibility: visible;
}