@media screen and (max-width: 768px) {
        .foot-3 {
            display: none;
        }
    }
    
    #footr {
        background: #3e434a
    }
    
    #header #blogTitle {
        background: url("https://img2020.cnblogs.com/blog/2305389/202102/2305389-20210217012728736-1711426551.png") no-repeat;
        height: 250px;
        top: 3px;
        left: 0;
        background-size: 100% 100%;
    }
    
    #blogTitle #Header1_HeaderTitle {
        font-size: 40px
    }
    
    #blogTitle h2 {
        font-size: 18px
    }
    
    #header {
        background-color: #e4e8f3
    }
    
    html body {
        background: 0;
        background-color: #e4e8f3
    }
    
    #blogTitle h2,
    #blogTitle h1 a {
        color: #169fe6;
        text-align: center
    }
    
    #header #blogTitle h2 {
        width: 435px;
        top: 21px;
        left: 0;
        text-shadow: none;
    }
    
    #blogTitle h1 {
        top: 32px;
        left: 0
    }
    
    .postBody #cnblogs_post_body p {
        line-height: 26px;
        margin: 0;
        padding: 0
    }
    
    #blogCalendar:hover {
        border: 1px solid #ff5e52
    }
    
    #blogCalendar {
        background-color: #fff;
        border: 1px solid #dedede
    }
    
    .totop {
        position: fixed;
        right: 50px;
        bottom: 50px;
        z-index: 999
    }
    
    .totop img {
        opacity: .6;
        filter: alpha(opacity=60)
    }
    
    .totop img:hover {
        opacity: 1.0;
        filter: alpha(opacity=100)
    }
    
    #profile_block {
        display: none
    }
    
    #navigator.full {
        position: fixed;
        top: 0;
        z-index: 10000;
        width: 100%;
        background-color: #2778af;
        float: left
    }
    
    #footer {
        color: #ddd;
        padding: 20px 0;
        border-top: 1px solid #eaeaea;
        margin-top: 0;
        margin-bottom: 0
    }
    
    #footr {
        position: relative;
        height: 200px;
        width: 100%;
        background: #2a363c
    }
    
    #footr2 {
        width: 1200px;
        margin: auto
    }
    
    #foot1 {
        width: 33%;
        padding-top: 30px
    }
    
    #foot1 i {
        font-size: 20px;
        font-family: '微软雅黑', Arial, Helvetica, sans-serif;
        font-style: normal;
        color: #fff
    }
    
    #foot1 ul {
        list-style: none
    }
    
    .bing {
        height: 250px;
        text-align: center;
        line-height: 250px;
        overflow: hidden
    }
    
    .bing img {
        width: 888px;
        position: relative;
        top: -150px
    }
    
    .container {
        padding-bottom: 10px
    }
    /* 去掉背景黑板 */
    
    #header #blogTitle h1 {
        text-shadow: none;
        color: #7d8b8d;
        background: none;
        top: -20px;
        height: 105px;
    }
    /* 滚动部分 */
    
    .scroll {
        width: 290px;
        height: 300px;
        border: 1px solid #ccc;
        line-height: 26px;
        font-size: 12px;
        overflow: hidden;
    }
    
    .scroll img {
        width: 288px;
    }
    /* 侧边栏轮播图部分 */
    
    .qz img {
        width: 298px;
    }
    
    .qz p {
        text-align: center;
        font-size: 20px;
        font-family: Arial, Helvetica, sans-serif;
        margin-bottom: 10px;
    }
    
    .scroll {
        width: 298px;
        height: 300px;
        border: 1px solid #ccc;
        line-height: 26px;
        font-size: 12px;
        overflow: hidden;
    }
    
    .scroll img {
        width: 298px;
    }
    /* 搜索框 */
    
    #sidebar_search_box #widget_my_zzk {
        padding: 15px 0 21px 15px;
    }
    /* 页面宽度 */
    
    .no-navbar #main {
        max-width: 85%;
    }
    
    #main #mainContent {
        max-width: 100%;
        flex: 0 1 100%;
    }
    
    #home #blogTitle {
        width: 85%;
        background-size: 100%;
        height: 200px;
    }
    /* 侧边栏空隙 */
    
    .no-navbar #sideBar {
        margin: 0 0 0 20px;
    }
    
    .no-navbar #navList {
        width: 80%;
    }
    /* 底部css */
    
    .foot-1 {
        background-color: #0184b2;
        padding: 60px 0 20px 0;
        color: #c1c1c1;
        font: normal 15px/1.8 Arial, "Microsoft YaHei", "WenQuanYi Micro Hei", Verdana, Tahoma, sans-serif;
        font-weight: inherit;
        box-sizing: border-box;
    }
    /* background-color: #030D28; */
    
    .foot-2 {
        padding-right: 10px;
        padding-left: 10px;
        margin-right: auto;
        margin-left: auto;
        width: 85%;
    }
    
    .foot-3 {
        margin-right: -10px;
        margin-left: -10px;
        width: 100%;
        margin: auto;
        text-align: center;
 
    }
    
    .foot-4 {
        width: 32%;
        display: inline-block;
        margin-left: 1%;
        height: 220px;
    }
    
    .title1 {
        position: relative;
        color: #e8e8e8;
        font-size: 20px;
        font-weight: 700;
        margin: 0 0 30px;
        line-height: 1.2;
    }
    
    .title1:before {
        position: absolute;
        content: '';
        left: 0;
        bottom: -10px;
        width: 40px;
        height: 1px;
        background-color: #FF3657;
    }
    
    .post1 {
        line-height: 25px;
        margin: 0;
    }
    
    .dyh {
        display: inline-block;
        width: 13px;
        height: 12px;
        background: url("https://img2020.cnblogs.com/blog/2305389/202102/2305389-20210216225541865-128764072.png") no-repeat;
        margin: auto;
        background-size: cover
    }
    
    .foot-1 ul {
        list-style: none;
    }
    
    .neirong a {
        line-height: 33px;
        color: #c1c1c1;
        text-decoration: none;
    }
    
    .foot-1 a:hover {
        color: #FF3657;
        text-decoration: none;
    }
    
    .foot-1 a:visited {
        text-decoration: none;
    }
    
    .foot-1 a,
    a:link {
        text-decoration: none;
        transition: color ease 300ms;
        -moz-transition: color ease 300ms;
        -webkit-transition: color ease 300ms;
        -o-transition: color ease 300ms;
        -ms-transition: color ease 300ms;
    }
    
    .weixin img {
        height: 152px;
        border-radius: 7px;
    }
    
    .post2 {
        display: inline-block;
        left: 18%;
        position: relative;
        top: -43px;
    }
    
    .post3 {
        width: 200px;
        margin: auto;
        display: inline-block;
        margin-left: 15%;
        position: relative;
        top: 0px;
    }
    
    .post2 {
        margin-top: 0;
    }
    
    .post2 ul {
        margin-top: 0;
    }
    
    .foot-41 {
        position: relative;
        top: -121px;
    }
    
    .img2 img {
        height: 200px;
        margin-left: 60px;
        border-radius: 10px;
    }
    
    .copy {
        text-align: center;
        font-size: 13px;
        color: rgb(94, 93, 93);
    }
    
    .link-1 {
        text-align: left;
    }