#nav > ul > li a
{
    color: #555;
}
#nav > ul > li a:hover,#nav > ul > li.current a
{
    color: #52b03f;
}
.navbar
{
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.wrapper.style1.grey
{
    background-color:#F3F6F9 ;
}
.wrapper.style1.grey .container
{
    width: 1200px;
    margin: 0 auto;
    padding: 20px;
    display: flex;

    gap:3em;

}
  .sidebar {
            flex: 1;
            min-width: 300px;
        }

        .main h1 {
            font-size: 24px;
            margin-bottom: 10px;
        }

        .meta {
            font-size: 12px;
            color: #888;
            margin-bottom: 20px;
        }

        .main img {
            max-width: 100%;
            margin: 20px 0;
        }

        .main p {
            margin: 0.125em 0;
            font-size: 1em;
        }

        .recommendation h3 {
            font-size: 18px;
            margin-bottom: 10px;
        }

        .rec-item {
            display: flex;
            align-items: flex-start;
            /* Align items to the top */
            gap: 10px;
            /* Space between image and text */
            margin-bottom: 15px;
        }

        .rec-item img {
            width: 150px;
            height: 90px;
            object-fit: cover;
            border-radius: 5px;
        }

        .rec-item .text-container {
            display: flex;
            flex-direction: column;
            justify-content: center;
            /* Center vertically */
        }

        .rec-item span.date {
            font-size: 12px;
            color: #888;
            display: block;
            /* Ensure it takes full width */
            margin-bottom: 5px;
            /* Space below the date */
        }

        .rec-item span.title a {
            font-size: 0.8em;
            color: #000;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            /* Limit to two lines */
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            text-decoration: none;
        }


        .split {
            width: 100%;
            height: 1px;
            background-color: #ddd;
            margin: 20px 0;
        }

        .prev-next {
            display: flex;
            flex-direction: column;
            /* 改为纵向排列 */
            gap: 10px;
            /* 上下链接之间留点空隙 */
            padding: 10px 0;
        }

        .prev-next a {
            color: #333;
            font-size: 14px;
            text-decoration: none;
            transition: color 0.3s ease;
        }

        .prev-next a:hover {
            color: #52b03f;
        }


        @media (max-width: 768px) {
            .container {
                flex-direction: column;
            }
        }

.bews-content
{
    font-size: 0.8em;
}
    .bews-content p span
    {
      
         word-wrap: break-word!important;
         min-width: 0; /* 允许项目缩小 */
        text-wrap: wrap!important;
   
          overflow-wrap: break-word; /* 强制在任意字符间断行 */
  word-break: break-all;  
    }

    .btn-container
    {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 0.8em;
    }

    /* newsdetail.css */

.return-list-button {
    background-color: #52b03f; /* Green background */
    border: none; /* Remove borders */
    color: white; /* White text */
    padding: 10px 20px; /* Some padding */
    text-align: center; /* Centered text */
    text-decoration: none; /* Remove underline */
    display: inline-block; /* Inline block */
    font-size: 16px; /* Font size */
    margin: 4px 2px; /* Some margin */
    cursor: pointer; /* Pointer on hover */
    border-radius: 2em; /* Rounded corners */
}

.return-list-button:hover {
    background-color: #45a049; /* Darker green on hover */
}
.return-list-button a{
    color: #fff;
}