.nb{
                position:fixed;
                top:10px;
                width:1900px;
                height:50px;
                
                background-color:#C0D9D9;
                border:1px solid white;
                border-radius:5px;
                z-index: 9999;
            }
            .nb2{
                padding: 20px;
                position:relative;
                top:60px;
                left:20px;
                width:500px;
                height:150px;
                background-color:rgb(255, 243, 205);
                border:1px solid white;
                border-radius:5px;
                color:aquamarine;
            }
            .nb3{
                padding: 20px;
                position:relative;
                top:30px;
                left:20px;
                width:500px;
                height:150px;
                color:blanchedalmond;
                background-color:#C0D9D9;
                border:1px solid white;
                border-radius:5px;
            }
            .index{
                position:fixed;
                top:2px;
                left:50px;
                color:aquamarine
            }
            .indexbq{
                position:fixed;
                top:3px;
                left:200px;
                color:white;
            }
            .createrbq{
                position:fixed;
                top:3px;
                left:325px;
                color:white;
            }
            .nbaa{
                width:500px;height:150px;background-color:aquamarine;border-radius:5px;color:black;
                transition: background-color 0.3s; /* 添加过渡效果，使颜色变化平滑 */
                padding-right: 20px;
                padding-left: 20px;
            }
            .nbaa:hover{
                background-color: darkblue;
                color: white; /* 如果元素内有文字，可以改变文字颜色以提高可读性 */
            }
            #man{
                margin-top: 280px;
                display: flex; /* 或者使用 'grid' */
                flex-wrap: wrap; /* 对于Flexbox，允许换行 */
                justify-content: flex-start; /* 根据需要调整对齐方式 */
                gap: 10px; /* 间距，仅适用于Flexbox或Grid */
            }
            .sb{
                padding: 20px;
                position:relative;
                top:170px;
                left:0px;
                width:300px;
                height:50px;
                background-color:aquamarine;
                border:1px solid white;
                border-radius:10px;
                color:black;
            }
            .bbll{
                position:relative;
                top:100px;
                left:0px;
                width:1800px;
                height:600px;
                background-color:rgb(235, 226, 226);
                border-radius:20px;
                color:black;
            }
            .createtext{
                position:relative;
                top:315px;
                left:450px;
                width:50px;
                height:50px;
                background-color:#C0D9D9;
                border:1px solid white;
                border-radius:5px;
            }
            .hh{
                position:relative;
                top:0px;
                width:500px;
                height:250px;
                background-color:#C0D9D9;
                border:1px solid white;
                border-radius:5px;
            }
            .bk{
                position:relative;
                top:80px;
                width:530px;
                height:400px;
                border:5px solid grey;
                border-radius:5px;
            }
            .bttext{
                position:relative;
                top:40px;
                width:500px;
                height:25px;
                background-color:#C0D9D9;
                border:1px solid white;
                border-radius:5px;
            }