body{
            background-image:url("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1604040190707&di=9a65e42598ac43f9b0a07280cb8b6836&imgtype=0&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201504%2F12%2F20150412H3031_LECTN.jpeg");
            background-repeat: no-repeat;
            background-attachment: fixed;
            filter:alpha(opacity=80); -moz-opacity:0.7; -khtml-opacity:0. 8; opacity: 0.8;
            position: relative;
            margin: 0;
            padding: 0;
          
        }
ul,li {
            list-style: none;
        }
        a {
            text-decoration: none;
            color: black;
        }
        /*以下是顶部的导航栏*/
        #top_nav {
            width: 100%;
            height: 5%;
            background-color: rgba(100,100,100,.5);
        }
        #nav_main {
            display: flex;
        }
        #nav_left {
            width: 50%;
            margin-left: 10%;
        }
        #nav_right {
            width: 30%;
            margin-right: 10%;

        }
        #nav_main ul {
            display: flex;
            flex: 1;
        }
        #nav_main ul li {
            flex: 1;
            text-align: center;
        }
        #top_nav li a:hover {
            text-decoration: underline;
        }
 #home {
           background-color: rgba(100,100,100,.5);
           width: 80%;
           height: auto;
           position: absolute;
           top: 100px;
           left: 10%;
           right: 10%;
           z-index: 100;
           margin: 0;
           border: none;
           padding: 0;
           background-color: #c7cbbd;
           background-position: top center;
           background-repeat: no-repeat;
           font-family: 微软雅黑;
        }
#blogTitle {
           width: 100%;
           height: auto;
           display: flex;
           flex-flow: column;
           text-align: center;

       }
        #blogTitle a,h1,h2 {
            flex: 1;
            margin: 0;
            padding: 0;
        }
        #blogTitle a:hover {
            text-decoration: underline;
        }
       /* 以上是名称和签名*/
        /* 以下是博文导航栏*/
       #navigator{
           display: flex;
           border-top: 0.3px solid white;
           border-bottom: 0.3px solid white;
           padding: 0;
       }
       .blogStats {
           width: 300px;
           height: 60px;
           display: flex;
           line-height: 55px;
           text-align: center;

       }
        div.blogStats span {
            flex: 1;
        }
        #navList li a:hover {
            font-size: 20px;
        }
        /*以上是随笔、文章、评论的布局*/
        #navList {
            flex: 1;
            display: flex;

       }
       #navList li {
           flex: 1;
           text-align: center;
       }

/*以下内容是main中的*/
        #main {
            display: flex;
        }
        /*以下是公告栏部分*/
        #sideBar {
            width: 20%;
        }
.newsItem {
            position: relative;
            width: 185px;
            height: auto;
            margin: 0 0 15px 0;
            border: none;
            padding: 10px;
            overflow: hidden;
            color: #6a6352;
            font-family: Arial,Helvetica,sans-serif;
            font-size: 12px;
            font-weight: normal;
            text-decoration: none;
            line-height: normal;
        }
        .newsItem .catListTitle {
            position: relative;
            top: -10px;
            left: -10px;
            width: 195px;
            height: 19px;
            margin: 0;
            border-bottom: #d6dddc 1px solid;
            padding: 5px 0 0 10px;
            background-color: Transparent;
            overflow: hidden;
            color: #55626e;
            font-family: Arial,Helvetica,sans-serif;
            font-size: 14px;
            font-weight: bold;
            text-decoration: none;
            line-height: normal;
        }
        h3 {
            display: block;
            font-size: 1.17em;
            margin-block-start: 1em;
            margin-block-end: 1em;
            margin-inline-start: 0px;
            margin-inline-end: 0px;
            font-weight: bold;
        }
        #profile_block {
            margin-top: 5px;
            line-height: 1.5;
            text-align: left;
        }
        #sidebar_ad {
            display: none;
            overflow: hidden;
        }
        .newsItem {
            position: relative;
            width: 185px;
            height: auto;
            margin: 0 0 15px 0;
            border: none;
            padding: 10px;
            overflow: hidden;
            color: #6a6352;
            font-family: Arial,Helvetica,sans-serif;
            font-size: 12px;
            font-weight: normal;
            text-decoration: none;
            line-height: normal;
        }
        .catListTitle {
            position: relative;
            width: 195px;
            height: 19px;
            margin: 0;
            border-bottom: #d6dddc 1px solid;
            padding: 5px 0 0 10px;
            background-color: Transparent;
            overflow: hidden;
            color: #55626e;
            font-family: Arial,Helvetica,sans-serif;
            font-size: 14px;
            font-weight: bold;
            text-decoration: none;
            line-height: normal;
        }
        #profile_block {
            margin-top: 5px;
            line-height: 1.5;
            text-align: left;
        }
        .CalTitle {
            width: 200px;
            color: #6a6352;
            font-weight: bold;
            line-height: 30px;
            text-align: center;
        }
        .CalTodayDay {
            color: #f60000;
        }

        td {
            display: table-cell;
            vertical-align: inherit;
        }

        div {
            background-color: Transparent;
        }
        div {
            display: block;
        }
        .mySearch {
            padding-bottom: 5px;
        }
        .input_my_zzk {
            width: 100px;
            vertical-align: middle;
            height: 20px;
        }
        input {
            -webkit-writing-mode: horizontal-tb !important;
            text-rendering: auto;
            color: initial;
            letter-spacing: normal;
            word-spacing: normal;
            text-transform: none;
            text-indent: 0px;
            text-shadow: none;
            display: inline-block;
            text-align: start;
            -webkit-appearance: textfield;
            background-color: white;
            -webkit-rtl-ordering: logical;
            cursor: text;
            margin: 0em;
            font: 400 13.3333px Arial;
            padding: 1px 0px;
            border-width: 2px;
            border-style: inset;
            border-color: initial;
            border-image: initial;
        }
        input.btn_my_zzk {
            vertical-align: middle;
            height: 22px;
            font-size: 12px;
            padding-left: 5px;
            padding-right: 5px;
        }
        input[type=button] {
            -webkit-appearance: button;
        }
        input[type="button" i] {
            -webkit-appearance: push-button;
            user-select: none;
            white-space: pre;
            align-items: flex-start;
            text-align: center;
            cursor: default;
            color: buttontext;
            background-color: buttonface;
            box-sizing: border-box;
            padding: 1px 6px;
            border-width: 2px;
            border-style: outset;
            border-color: buttonface;
            border-image: initial;
        }
        .div_my_zzk {
            margin-left: 10px;
        }
        .div_my_zzk {
            margin-top: 5px;
            margin-bottom: 5px;
        }

        /*以下是正文部分*/
        #mainContent {
            flex: 1;
            margin: 10px;
        }
        .day {
            position: relative;
            width: 690px;
            height: auto;
            margin: 0 20px 0 20px;
            border: none;
            padding: 0;
            overflow: hidden;
        }
        .postTitle a {
            color: #6a6352;
            font-size: 18px;
            font-weight: normal;
            line-height: normal;
        }
        .postDesc {
            position: relative;
            width: 690px;
            height: 30px;
            margin: 0;
            border-bottom: #ccc 1px dashed;
            padding: 0;
            overflow: hidden;
            color: #666;
            font-family: Arial,Helvetica,sans-serif;
            font-size: 12px;
            font-weight: normal;
            text-decoration: none;
            line-height: 1.4;
        }

        #footer {
            position: relative;
            top: 0;
            left: auto;
            width: 950px;
            height: auto;
            margin: auto;
            border: none;
            padding: 30px 0 30px 0;
            background: none;
            overflow: hidden;
            color: #222;
            font-family: Arial,Helvetica,sans-serif;
            font-size: 14px;
            font-weight: normal;
            text-decoration: none;
            line-height: normal;
            text-align: center;
        }
#blog-sidecolumn ul li a:hover {
            border-bottom:1px solid #000;
        }
        canvas#live2dcanvas {
                border: 0 !important;
            }