a {
    text-decoration: none;
    color: black;
}

a:hover {
    text-decoration: none;
    color: #1e73be;
}

body {
    background-color: #eee;
    font-family: nunito sans, sans-serif;
}

* {
    padding: 0;
    margin: 0;
}

.menu-bar a {
    color: white;
}

#header {
    height: 100px;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1300px;
    }
}

font {
    font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
}

.menu {
    background-color: #1e73be;
}

.article_list {
    border: solid 1px #cccccc;
    background-color: whitesmoke;
    min-height: 150px;
    line-height: 27px;
    margin: 10px 0;
}

.article_list img {
    width: 100%;
    max-height: 120px;
    object-fit: cover;
}

.article_list .title {
    font-size: 24px;
    font-family: 黑体, serif;
    margin-bottom: 5px;
}

.article_list .info {
    font-size: 14px;
    margin-bottom: 5px;
    color: #92979b;
}

.article_list .intro {
    word-wrap: break-word;
    word-break: break-all;
    line-height: 25px;
}

.article_list, .pagination1 a {
    text-decoration: none;
}

.article_list a:hover {
    color: #1e73be;
    text-decoration: none;
}

.bgc img {
    width: auto;
    height: auto;
}

.sidebar {
    /*border: solid  #cccccc;*/
    background-color: whitesmoke;
    min-height: 250px;
    /*line-height: 27px;*/
}

.sidebar_child {
    min-height: 50px;
}

.sidebar_child1 {
    background-color: #1e73be;
    height: 40px;
    text-align: center;
    padding-top: 8px;
}

.sidebar_p {
    margin: 10px 0;
    padding: 0;
}

.sidebar_p .search {
    margin: 10px 0;
    padding: 0;
}

.sidebar_p button {
    width: 100%;
}

.function {
    height: 85px;
    text-align: center;
    padding-top: 25px;
    font-size: 18px;
    margin: 0 auto;
}

.function div {
    padding: 0;
    margin: 0 auto;
}

.function i {
    font-size: 20px;
}

.btn-color {
    border-color: #1e73be;
    background-color: #1e73be;
    color: #ffffff;
}

.btn-color:hover {
    color: #ffffff;
    background-color: #1a66a9;
}

.ul-link {
    background-color: whitesmoke;
    color: black;
}

.index-content-left {
    margin-top: 15px;
    padding: 0;
}


.pagination1 {
    font-size: 18px;
    padding-left: 0;
}

#search-art {
    float: left;
}

/*文章详情CSS*/
.article-details-list {
    border: solid 1px #ccc;
    background-color: #f5f5f5;
    min-height: 30px;
    line-height: 27px
}

.article-details-list img {
    max-width: 100%;
    height: auto
}

.details-title {
    font-size: 24px;
    font-family: 黑体, serif;
    color: #0e0e0e;
    margin: 0 auto;
    text-align: center
}

.details-title-sm {
    font-size: 14px;
    color: #7a7e7e;
    margin: 0 auto;
    text-align: center
}

.details-info {
    font-size: 14px;
    margin-bottom: 5px;
    color: #7a7e7e;
    text-align: center
}

.article_list .intro {
    word-wrap: break-word;
    word-break: break-all;
    line-height: 25px
}

.article_list a:hover {
    color: #1e73be;
    text-decoration: none
}

.reco-details {
    min-height: 320px;
}

.reco-details img {
    width: 100%;
    max-height: 220px;
    object-fit: cover
}

.reco-det-title {
    font-size: 22px;
    font-family: 黑体, serif;
    margin: 0 auto;
    text-align: left;
    line-height: 20px;
    padding-top: 20px
}

.reco-info-details, .reco-info-details a {
    text-align: left;
    color: #92979b;
    font-size: 14px
}

a:hover {
    text-decoration: none;
    color: #1e73be
}

#footer {
    min-height: 140px;
    background-color: #1e73be;
    padding-top: 30px;
    margin-top: 20px;
    line-height: 30px;
    color: white;
    text-align: center;
}

.footer-child a {
    color: #eeeeee;
}

.footer-child a:hover {
    color: #eeeeee;
    text-decoration: none;
}


/* 设置表格样式 */
table {
    width: 100%;
    text-align: center;
}


.image-box {
    width: 100px; /* 设置图片宽度 */
    height: 100px; /* 设置图片高度 */
    display: block; /* 将图片作为块级元素显示 */
    margin: auto; /* 图片居中 */
    object-fit: cover; /* 保持图片的宽高比，并填充整个元素内容区 */
}

.table td img {
    border-radius: 0;
}


.data-table td {
    word-break: break-word;
    line-height: 25px;
    white-space: pre-line;
}


.table td .btn {
    padding: 6px 12px; /* 根据需要调整 */
    margin: 2px; /* 添加一些外边距，防止按钮紧贴单元格边缘 */
}

.video-background {
    /*position: fixed;*/
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none; /* 防止点击事件 */
    disablepictureinpicture: "true"; /* 禁用画中画 */
}

.font-container {
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    /*height: 100vh;           !* 视口高度 *!*/
}

.font-content {
    background-color: lightblue;
    padding: 20px;
}

.image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    /* height: 100vh;  使容器占满整个视口高度 */
}
 
.rotating-image {
    width: 200px; /* 设置图片宽度，你可以根据需要调整 */
    height: auto; /* 保持图片的宽高比 */
    animation: rotate 4s linear infinite; /* 定义动画 */
}
 
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}