/* #mainContent, */
/* .d, */
/* #sidebar_news, */
.catListTitle,
#blogCalendar,
#sidebar_search,
#sidebar_shortcut,
#sidebar_shortcut,
#sidebar_topviewedposts,
#sidebar_categories,
#footer,
/* #navigator, */
#navList,
#navigator,
/* #mainContent, */
/* .box, */
#Header1_HeaderTitle 
{
    display: none;
}

/* #sideBar div{
    display: flex; 
} */
body{
    height: 888px;
    opacity: .5;
}
#blog-news{
    margin-top: 14px;
    float:right;
    width:100%;
    background-color: red;
}
#sidebar_news_content{
    float: right;
}
.user{
    display: flex !important; 
}

        *{
            margin: 0;
            left: 0;
            right: 0;
            padding: 0;
        }
        ul li{
            list-style: none;
        }
        a{
            text-decoration: none;
            color: #515151;
        }
        .box {
            position: fixed;
            /* top: 20px; */
            width: 100%;
            height: 35px;
            overflow: hidden;
            transition: all 0.5s ease;
            background: aqua;
        }
        
        .box1 {
           height: 32px;
            /* display: flex; */
            background: red;
        }
        
        .box2 {
            height: 32px;
            display: none;
            transform: translateY(100%);
            background: blue;
            align-items: center; /* 垂直居中 */
            justify-content: center; /* 水平居中，如果需要 */
        }
        
        /* 添加此类来控制显示和隐藏的动画 */
        .slideIn {
            transform: translateY(0);
        }
        
        .slideOut {
            transform: translateY(100%);
        }
        button{
            display: none;
        }
        
        #zzk_search_input, #zzk_search_input_scroll {
            font-size: 16px;
            padding: 10px 10px 10px 5px;
            display: block;
            width: 100%;
            border: none;
            border-bottom: 1px solid #515151;
            background: transparent;
            transition: all 0.5s ease;
        }
        
        #zzk_search_input:focus, #zzk_search_input_scroll:focus {
            outline: brown;
            border-bottom-color: #5264AE;
        }
        
        #zzk_search_input::-webkit-input-placeholder, #zzk_search_input_scroll::-webkit-input-placeholder {
            transition: transform 0.2s ease, color 0.2s ease;
        }
        
        #zzk_search_input:focus::-webkit-input-placeholder, #zzk_search_input_scroll:focus::-webkit-input-placeholder {
            transform: translateY(15px);
            color: #5264AE;
        }
        
        #zzk_search_input::-moz-placeholder, #zzk_search_input_scroll::-moz-placeholder {
            transition: transform 0.2s ease, color 0.2s ease;
        }
        
        #zzk_search_input:focus::-moz-placeholder, #zzk_search_input_scroll:focus::-moz-placeholder {
            transform: translateY(30px);
            color: #5264AE;
        }
        
        #zzk_search_input:-ms-input-placeholder, #zzk_search_input_scroll:-ms-input-placeholder {
            transition: transform 0.2s ease, color 0.2s ease;
        }
        
        #zzk_search_input:focus:-ms-input-placeholder, #zzk_search_input_scroll:focus:-ms-input-placeholder {
            transform: translateY(30px);
            color: #5264AE;
        }
        
        #zzk_search_input::placeholder, #zzk_search_input_scroll::placeholder {
            transition: transform 0.2s ease, color 0.2s ease;
        }
        
        #zzk_search_input:focus::placeholder, #zzk_search_input_scroll:focus::placeholder {
            transform: translateY(30px);
            color: #5264AE;
        }
        .d{
            height: 1500px;
        }
        #navigator{
            width: 100%;
            height: 35px;
            background: #000;
            align-items: center; /* 垂直居中 */
            justify-content: center; /* 水平居中，如果需要 */
        }
        #navList{
            display: flex;
            align-items: center;
           font-size: 18px;
           background: #000;
           height: 100%;
           align-items: center; /* 垂直居中 */
          margin: 0 auto;
        }
        #navList>li{
            margin-left: 16px;
        }
        /* 星空背景 */
        #sidebar_news{
            top: 20px;
        }
/*  */
@media (max-width: 767px) {  
    #blog_nav_newpost {  
        display: block !important;  
        visibility: visible !important;  
        opacity: 1 !important;  
        height: auto !important; /* 或者具体的值，如果设置了固定的高度 */  
        width: auto !important; /* 或者具体的值，如果设置了固定的宽度 */  
        max-height: none !important; /* 如果设置了max-height */  
    }  
}
/* 公告begin */
.news{
    width: 500px;
    height: 300px;
    background-color: red;
}
/* 公告end */