/* _content/jmicp/Components/Layout/AntMainLayout.razor.rz.scp.css */
.logo {
    height: 32px;
   /* background: rgba(255, 255, 255, 0.2);*/
    margin: 16px;
    font-size:16px;
    color:white;
    font-weight:bold;
    text-align:center;
}
/* _content/jmicp/Components/Layout/LoginLayout.razor.rz.scp.css */
body {
    margin: 0;
    padding: 0;
    /*background: #368ae2;*/
    /*background-color: #428fdf;*/
}

.headertext {
    width: 1300px;
    margin: 0 auto;
    color: white;
    line-height: 48px;
}

.loginbig {
    width: 820px;
    height: 460px;
    margin: 0 auto;
    background: white
}

.floatR {
    float: right
}

.floatL {
    float: left
}

.loginbox {
    width: 410px;
    height: 460px;
    padding: 30px;
}

.loginimg {
    width: 410px;
    height: 460px;
}

.logintitle {
    font-size: 24px;
    line-height: 60px;
    font-weight: bold;
    margin-bottom: 30px;
}
/* _content/jmicp/Components/Layout/MainLayout.razor.rz.scp.css */
.page {
    position: relative;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

.sidebar {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row  a, .top-row  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row  a:hover, .top-row  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row {
        justify-content: space-between;
    }

    .top-row  a, .top-row  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page {
        flex-direction: row;
    }

    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row, article {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* _content/jmicp/Components/Layout/SiteFooter.razor.rz.scp.css */
.FooterTop {
    background-color: #10293c;
    padding: 30px 0;
    font-size: 0;
}

    .FooterTop ul {
        display: inline-block;
        vertical-align: top;
        margin-right: 50px;
        list-style:none
    }

        .FooterTop ul li {
            font-size: 14px;
            line-height: 30px;
            color: #999
        }

            .FooterTop ul li a {
                text-decoration:none;
                color: #999
            }

            .FooterTop ul li.active {
                margin-bottom: 5px;
                font-size: 16px;
                color: #bababa;
            }

                .FooterTop ul li.active a {
                    font-size: 16px;
                    color: #bababa;
                }
.hen {
    width: 80px;
    height: 2px;
    background-color: #fff;
    margin: 20px 0;
}
.LinkItem {
    float: right;
    color: #bababa;
    font-size: 14px;
    line-height: 30px;
}

    .LinkItem .txt1 {
        text-align: right
    }

        .LinkItem .txt1 em {
            font-size: 16px
        }

    .LinkItem .txt2 {
        text-align: right;
        margin-bottom: 10px
    }

        .LinkItem .txt2 span {
            display: inline-block;
            width: 60px;
            height: 2px;
            background-color: #275e86;
        }

    .LinkItem .txt3 {
        position: relative
    }
.LinkMain {
    width: 190px;
    height: 36px;
    line-height: 36px;
    padding: 0 20px 0 30px;
    background-color: #405463;
    position: relative;
    cursor: pointer;
}

    .LinkMain:before {
        content: '';
        position: absolute;
        right: 20px;
        top: 13px;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 8px solid #ffffff;
    }
.LinkMList {
    position: absolute;
    left: 0;
    bottom: 37px;
    width: 240px;
    max-height: 120px;
    padding: 10px 0;
    border-radius: 3px;
    background-color: #405463;
    color: #bababa;
    overflow: hidden;
    z-index: 30;
    text-align: center;
    display: none;
}

.FooterTop .LinkMList ul {
    width: 260px;
    max-height: 120px;
    margin: 0;
    overflow-y: scroll;
}

    .FooterTop .LinkMList ul li a {
        display: block;
        line-height: 30px;
        padding: 0 10px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
        .FooterTop .LinkMList ul li a:hover {
            background-color: #275e86
        }
.hen {
    width: 70px;
    height: 2px;
    background-color: #44a8f2;
    margin-top: 10px;
}


#root,
#app,
app {
    height: 100%;
}

.colorWeak {
    filter: invert(80%);
}

.ant-layout {
    min-height: 100vh;
}

canvas {
    display: block;
}

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 新闻列表容器 */
.news-list {
    list-style: none; /* 移除默认的列表样式 */
    padding: 0; /* 移除默认的列表内边距 */
    margin: 0; /* 移除默认的列表外边距 */
}

/* 新闻项 */
.news-item {
    margin-bottom: 15px; /* 新闻项之间的间距 */
    border-bottom: 1px solid #ddd; /* 可选的底部边框 */
    padding-bottom: 10px; /* 可选的底部内边距 */
}

    /* 新闻标题链接 */
    .news-item a {
        text-decoration: none; /* 移除链接的下划线 */
        color: #333; /* 链接颜色 */
        font-size: 16px; /* 增大标题字体大小，例如18px */
        transition: color 0.3s ease; /* 链接颜色过渡效果 */
        display: inline-block; /* 确保标题是一个块级内联元素，以便与右侧的发布时间对齐 */
        margin-right: 10px; /* 如果需要的话，为标题右侧添加一些间距 */
    }
        /* 新闻标题链接鼠标移动上去时变色 */
        .news-item a:hover {
            color: #007bff; /* 鼠标移动上去时链接颜色 */
        }


    /* 发布时间 */
    .news-item span { /* 假设发布时间被包裹在span标签内 */
        display: inline-block; /* 使发布时间成为块级内联元素 */
        font-size: 12px; /* 发布时间的字体大小 */
        color: #999; /* 发布时间的颜色 */
        float: right; /* 将发布时间靠右显示 */
        margin-top: 5px; /* 如果需要的话，与标题之间的间距 */
        clear: both; /* 清除浮动，以防有其他浮动元素影响布局 */
    }

ol {
    list-style: none;
}

.action {
    cursor: pointer;
}

@media (max-width: 480px) {
    .ant-table {
        width: 100%;
        overflow-x: auto;
    }

    .ant-table-thead > tr > th,
    .ant-table-tbody > tr > th,
    .ant-table-thead > tr > td,
    .ant-table-tbody > tr > td {
        white-space: pre;
    }

        .ant-table-thead > tr > th > span,
        .ant-table-tbody > tr > th > span,
        .ant-table-thead > tr > td > span,
        .ant-table-tbody > tr > td > span {
            display: block;
        }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    body .ant-design-pro > .ant-layout {
        min-height: 100vh;
    }
}