/* ============================================================== 弹性盒子布局通用样式： */
/* 横向盒子 */
.fbox-row{ display: flex; flex-direction: row; align-items: stretch; }
.fbox-row-left{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; }
.fbox-row-center{ display: flex; flex-direction: row; justify-content: center; align-items: center; }
.fbox-row-right{ display: flex; flex-direction: row; justify-content: flex-end; align-items: center; }
/* 纵向盒子 */
.fbox-col{ display: flex; flex-direction: column; align-items: stretch; }
.fbox-col-top{ display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }
.fbox-col-center{ display: flex; flex-direction: column; justify-content: center; align-items: center; }
.fbox-col-bottom{ display: flex; flex-direction: column; justify-content: flex-end; align-items: center; }


/* ============================================================== 页面内容大区域通用样式： */
/* 图片缩小会模糊的处理 */
img { image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; }
/* 一个内容区域的外壳 */
.area-content-shell{ width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }
/* 一个内容区域的居中装载壳子 */
.area-content-center{ width: 1200px; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; }
/* 筛选栏区域的外壳 */
.area-screen-shell{ width: 100%; height: 280px; background-size: 100% 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center;
    background-image: url("../images/home/banner_xuezhe.png");
}
/* 筛选栏区域的居中装载壳子 */
.area-screen-center{ width: 1280px; height: 280px; display: flex; flex-direction: column; justify-content: flex-end; align-items: stretch; }

/* 筛选栏可视块 */
.block-screen{ display: flex; align-items: center; padding: 0 40px; width: 100%; height: 80px; background: #FCFEFF; border-radius: 10px; }
/* 筛选项的label */
.block-screen label{ font-size: 16px; color: #27373F; font-weight: bold; }
/* 筛选项的下拉框 */
.block-screen select{
    min-width: 120px;
    padding: 0 20px;
    font-weight: 400; font-size: 14px; color: #000000;
    height: 36px; background: #FFFFFF; border-radius: 4px; border: 1px solid #360DB3;
    appearance: none; background-size: 9px; background-repeat: no-repeat; background-position: right center; background-origin: content-box; background-image: url("../images/home/down.png")
}
.block-screen select option{ background-color: #ffffff; color: #262626; }
/* 筛选项的输入框 */
.block-screen input{ 
    min-width: 150px; height: 36px; background: #FFFFFF; border-radius: 4px; border: 1px solid #CCD5DB; 
    border-right: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; 
    font-weight: 400; font-size: 14px; color: #292E33;
}
.block-screen input:focus,.block-screen input:hover { border: 1px solid #CCD5DB; border-right: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;  }
.block-screen button{ width:35px; height: 36px; background: #FFFFFF; border-radius: 4px; border: 1px solid #CCD5DB; border-left: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.block-screen button img{ width: 12px; height: 12px; margin-bottom: 2px;}
.block-screen input::-webkit-input-placeholder{ font-size: 14px; color: #999999; }

/* 标题说明块 */
.block-title{ width: 100%; height: 72px; padding-right: 40px; margin-top: 20px; background-color: #CFE6FF; border-radius: 10px 10px 0 0; box-sizing: border-box; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; }
/* 标题容器 */
.box-title{ height: 100%; padding-left: 16px; padding-right: 16px; margin-left: 23px; margin-right: 23px; position: relative; font-size: 22px; color: #360DB3; font-weight: bold; display: flex; flex-direction: row; justify-content: center; align-items: center; }
.box-title::before{ content: ""; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0; background-color: #360DB3; border-radius: 2px; }
/* 眼睛按钮 */
.btn-pub-eye{ height: 36px; padding-left: 35px; padding-right: 12px; position: relative; border-radius: 4px; cursor: pointer; font-size: 14px; line-height: 1; color: white; display: flex; flex-direction: row; justify-content: center; align-items: center; }
.btn-pub-eye::before{ content: ""; width: 18px; height: 18px; position: absolute; left: 12px; top: 9px; background-size: 100% 100%;
    background-image: url("../images/public/eye.png");
}
/* 通用深蓝按钮 */
.btn-pub-normol{ height: 32px; padding-left: 17px; padding-right: 19px; border-radius: 4px; background-color: #360DB3; cursor: pointer; font-size: 14px; line-height: 1; color: white; display: flex; flex-direction: row; justify-content: center; align-items: center; }
.btn-pub-normol img{ width: 16px; height: 16px; margin-right: 5px; }
.btn-pub-normol:hover{ opacity: 0.8; }

/* 通用浅灰按钮 */
.btn-gray-normol {
    height: 36px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 2px;
    background-color: #F6F6F6;
    border: 1px solid #DADADA;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    color: black;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

    .btn-gray-normol img {
        width: 6px;
        height: 10px;
        margin-right: 5px;
    }

    .btn-gray-normol:hover {
        opacity: 0.8;
    }
/* 通用边框按钮 */
.btn-border-normol {
    height: 36px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 2px;
    border: 1px solid #360DB3;
    background-color: transparent;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    color: #360DB3;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

    .btn-border-normol img {
        width: 15px;
        height: 15px;
        margin-right: 5px;
    }

    .btn-border-normol:hover {
        opacity: 0.8;
    }

/* 表格行鼠标悬浮变色 */
table tbody td:hover{ background-color: #4872D8 !important; color: white !important; }
table tbody td:hover a{ color: white !important; }
/* 表格行选中变色 */
table tbody tr.checked{ background-color: #4872D8 !important; color: white !important; }
table tbody tr.checked a{ color: white !important; }


/* ============================================================== 页面头部通用样式： */
/* 页面头部外层 */
.head-shell{ width: 100%; margin-bottom: -5px; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; }

/* logo信息栏 */
.head-logo{ width: 100%; height: 112px; background-color: #4872D8; display: flex; flex-direction: row; justify-content: center; align-items: flex-start; }
/* logo行有效居中内容块 */
.head-logo-main{ width: 1200px; height: 112px; display: flex; flex-direction: row; align-items: center; }
/* logo图片 */
.img-logo{ width: auto; max-width: 450px; height: 55px; display: block; }
/* 登录按钮 */
.btn-login{ min-width: 100px; height: 52px; padding-left: 15px; padding-right: 15px; background-color: white; border-radius: 10px; cursor: pointer; font-size: 18px; font-weight: 500; }
/* 已经登录了 */
.btn-login-had{ color: #1669C7; font-weight: bold; }
/* 学校校徽图标 */
.btn-login-had img { width: 42px; height: 42px; margin-right: 8px; }
/* 退出登录按钮 */
.btn-logout{ width: 47px; height: 47px; margin-left: 10px; border-radius: 10px; cursor: pointer; background-size: 25px; background-repeat: no-repeat; background-position: center;
    background-image: url("../images/public/logout.png");
}
/* 设置按钮 */
.btn-setlogin {
    width: 47px;
    height: 47px;
    margin-left: 20px;
    background-image: url("../images/public/setting_white.png");
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
    cursor: pointer;
}

/* 导航菜单按钮行内容块 */
.head-menu{ width: 100%; height: 45px; position: relative; display: flex; flex-direction: row; justify-content: center; align-items: flex-start; }
.head-menu::before{ content: ""; width: 100%; height: 40px; position: absolute; left: 0; top: 0; background-color: #FCFEFF; }
/* 有效居中内容块 */
.head-menu-main {
    width: 1280px;
    height: 40px;
    position: relative;
    z-index: 20;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}
    /* 一个菜单按钮 */
    .head-menu-main a {
        width:200px;
        height: 40px;
        font-size: 18px;
        color: #000;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
/* 选中状态的菜单按钮 */
.btn-menu-check{ height: 45px !important; background-color: #360DB3; color: #FDFEFF!important; font-weight: bold; }
/* 触摸展开菜单触发器 */
.btn-menu-trigger {
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: absolute;
    top: 45px;
    right: -50px;
    padding: 0 30px;
    width: 295px;
    height: 66px;
    background: #FDFEFF;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    border-radius: 4px;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
}
/* 显示菜单 */
.btn-menu-trigger.show {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}
/* 触摸展开菜单触发器内容块 */
.btn-menu-trigger-text{ font-weight: 400; color: #000000; cursor: pointer;}
.btn-menu-trigger-text a {
    width: 100%;
    text-decoration: none;
    color: inherit;
    font-size: 15px;
}
/* 触摸展开菜单触发器内容块 - 触摸 */
.btn-menu-trigger-text a:hover {
    color: #360DB3;
}
/* 触摸展开菜单触发器内容块 - 选中 */
.btn-menu-trigger-text-check{ color: #360DB3;}
/* 上方居中的小三角 */
.btn-menu-trigger::before{ content: ''; position: absolute; top: -8px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #FDFEFF; }

/* 学科分析报告图标 */
.head-reoprt-icon{ margin-left: 6px; margin-bottom: 10px ;width: 21px; height: 18px; }


/* ============================================================== 页面底部通用样式： */
/* 组件最外层 */
.footer-page-shell{ width: 100%; min-width: 1200px; background-color: #e8ecf6; display: flex; flex-direction: row; justify-content: center; align-items: flex-start; }
/* 居中容器 */
.footer-page-block-content{ width: 1200px; padding-top: 30px; padding-bottom: 30px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }
/* 其它服务块 */
.footer-page-block-qita{ width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; }
/* logo图片 */
.footer-page-img-logo{ width: 178px; height: 36px; margin-right: 64px; background-size: cover;
    background-image: url("../images/foot/logo-footer.png");
}
/* 首页图片 */
.footer-page-img-home{ width: 14px; height: 14px; margin-right: 10px; background-size: cover;
    background-image: url("../images/foot/home.png");
}

/*  */
.footer-page-img-logo-fx{ width: 205px; height: 18px; background-size: cover;
    background-image: url("../images/foot/logo-footer-fx.png");
}

/* 上下块间隔线 */
.footer-page-line-block{ width: 87%; height: 1px; margin-top: 30px; margin-bottom: 30px; background-color: #ffffff; }
/* 友情链接块 */
.footer-page-block-youqing{ width: 100%; margin-top: 30px; display: flex; flex-direction: row; justify-content: center; align-items: center; }
/* 联系方式信息区域 */
.footer-page-block-lianxi{ width: 100%; margin-bottom: 16px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }

/* 通用文字行容器 */
.footer-page-box-rowfont{ display: flex; flex-direction: row; justify-content: center; align-items: center; }
/* 版权信息区域 */
.footer-page-block-banquan{ width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }
/* 公安图片 */
.footer-page-img-gongan{ width: 20px; height: 20px; margin-right: 5px; background-size: cover;
    background-image: url("../images/foot/beian.png");
}

/* 跳往自家应用的a标签 */
.footer-page-a-own { font-size: 16px; line-height: 1.4; font-weight: 500; color: #0152d2; text-decoration: inherit; }
/* 跳往其它应用的a标签 */
.footer-page-a-other{ font-size: 12px; color: #666666; text-decoration: inherit; display: flex; flex-direction: row; align-items: center; }
/* a标签间隔线1 */
.footer-page-line-1{ font-size: 16px; margin-left: 20px; margin-right: 20px; color: #0152d2; }
/* a标签间隔线2 */
.footer-page-line-2{ font-size: 16px; margin-left: 32px; margin-right: 32px; color: #000000; }
/* 文字大小 - 标题文字 */
.footer-page-size-title{ font-size: 20px; }
/* 文字大小 - 普通文字 */
.footer-page-size-content{ font-size: 16px; }
/* 文字大小 - 备注文字 */
.footer-page-size-remark{ font-size: 14px; }
/* 文字大小 - 占位文字 */
.footer-page-size-placeholder{ font-size: 12px; }
/* 文字颜色 - 标题文字 */
.footer-page-color-title{ color: #000000; }
/* 文字颜色 - 普通文字 */
.footer-page-color-content{ color: #666666; }


/* ============================================================== 页面弹框通用样式： */
/* 弹框全屏外层 */
.toast-shell{ width: 100vw; height: 100vh; position: fixed; left: 0; top: 0; z-index: 80; background-color: rgba(0,0,0,0.2); display: flex; flex-direction: column; justify-content: center; align-items: center; }
/* 弹框可视容器 */
.toast-main{ width: 381px; border-radius: 4px; overflow: hidden; box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2); }

/* 标题栏块 */
.toast-block-title{ width: 100%; height: 40px; padding-left: 32px; padding-right: 10px; background-color: #3248B2; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
/* 标题文字 */
.toast-block-title span{ font-size: 14px; color: white; }
/* 关闭按钮 */
.toast-btn-close{ width: 40px; height: 40px; cursor: pointer; font-size: 21px; color: white; }
.toast-btn-close img{ width: 21px; height: 21px; display: block; }

/* 内容块 */
.toast-block-content{ width: 100%; min-height: 200px; padding-top: 12px; background-color: white; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }
/* 主要文字容器 */
.toast-box-zhuyao{ width: 100%; height: 106px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.toast-box-zhuyao span{ font-size: 20px; line-height: 34px; color: #000000; font-weight: bold; }
.toast-box-zhuyao input[type="radio"]{ width: 18px; height: 18px; margin: 0; margin-right: 10px; }
.toast-box-zhuyao label{ font-size: 14px; line-height: 30px; color: #000000; }

/* 文字间隔线 */
.toast-line{ width: 300px; height: 1px; margin-bottom: 16px; background-color: #E6E9EB; }
/* 次要文字容器 */
.toast-box-ciyao{ width: 300px; padding-left: 24px; position: relative; font-size: 12px; line-height: 20px; color: #999999; }
.toast-box-ciyao::before{ content: ""; width: 12px; height: 12px; position: absolute; left: 7px; top: 4px; background-size: 100% 100%;
    background-image: url("../images/public/tips.png");
}
/* 次要文字文本 */
.toast-box-ciyao-text { display: flex; align-items: center; font-size: 12px; font-weight: 400; color:#999; line-height: 20px; }

/* 输入框容器 */
.toast-box-input {
    position: relative;
    width: 500px;
    display: flex;
    align-items: flex-start;
    line-height: 35px;
    margin-bottom: 20px;
}
/* 输入框label名称 */
.toast-box-input-label{ display: flex; align-items: center; justify-content: flex-end; padding-right: 20px; width: 100px; font-size: 14px; color: #1A1A1A;}
/* 输入框label星号 */
.toast-box-input-required{ color: #FF0000;}
/* 输入框-提示语 */
.toast-box-input-red {
    position: absolute;
    top: 30px;
    left: 105px;
    font-size: 12px;
    color: red
}
/* 输入框-样式 */
.toast-box-input input{ width: 400px; height: 38px; background-color: #FFF; border-radius: 4px; border: 1px solid #CCD5DB;}
.toast-box-input input::placeholder{ color: #999; font-weight: 400;}
.toast-box-input input:focus,.toast-box-input input:hover { border: 1px solid #CCD5DB; }
/* 输入框-禁用样式 */
.toast-box-input input[disabled]{ background: #E6E6E6; border: 1px solid #CCD5DB; color: #999999;}
/* 文本框-样式 */
.toast-box-input textarea{ width: 400px; height: 160px; background-color: #FFF; border-radius: 4px; border: 1px solid #CCD5DB; }
.toast-box-input textarea::placeholder{ color: #999; font-weight: 400; }
/* 输入框-文本框-样式重置 */
.toast-box-input input, .toast-box-input textarea { font-family: inherit; font-size: 14px; }

/* 按钮栏容器 */
.toast-box-btn{ width: 100%; height: 85px; display: flex; flex-direction: row; justify-content: center; align-items: center; }
/* 主要按钮 */
.toast-btn-zhu {
    min-width: 70px;
    height: 36px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 5px;
    border-radius: 4px;
    background-color: #3E5ADF;
    cursor: pointer;
    font-size: 16px;
    line-height: 36px;
    color: white;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .toast-btn-zhu .btn-zhu-img {
        width: 13px;
        height: 13px;
        margin-right: 9px;
    }

    .toast-btn-zhu .btn-zhu-loding {
        width: 16px;
        height: 16px;
        margin-right: 9px;
        animation: spin 1s linear infinite;
    }
/* 关键帧动画 */
@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/* 次要按钮 */
.toast-btn-ci{ min-width: 70px; height: 36px; padding-left: 10px; padding-right: 10px; margin: 0 5px; border-radius: 4px; background-color: #CFCFCF; cursor: pointer; font-size: 16px; line-height: 36px; color: #000000; text-align: center; }
/* 搜索按钮 */
.btn-search-nrom {
    margin-right: 5px;
    height: 26px;
    border-radius: 4px;
    font-size: 14px;
    background-color: #E7ECFC;
    color: #360DB3;
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
}

    .btn-search-nrom:hover {
        opacity: 0.8;
    }
.table-scroll {
    width: 100%;
    overflow-x: auto;
/*    overflow-y: auto;*/
/*    max-height: 700px;*/
}

.table-scroll-table {
    width: 100%;
    overflow-x: auto;
    overflow-y: auto;
    max-height: 700px;
}

.table-scroll .table_style {
    min-width: 1200px;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0
}

.table-scroll .table_style thead {
    position: sticky;
    top: 0px;
    z-index: 10;
}

.table-scroll .fixed-thead-body .table_style thead {
    position: static;
}