/*背景*/
    
    canvas {
        position: absolute;
        top: 0;
        opacity: 0.5;
        width: 100%;
        height: 100%;
        z-index: 8;
        transition: all linear 0.2s;
    }


/*去掉默认样式*/
    
    #header {
        display: none;
    }
    
    #home #footer {
        
    }
   html {
        height: auto;
        min-height: 100%;
    }
    body {
        width: 100%;
        background: url(https://img.alicdn.com/tfs/TB16788elKw3KVjSZFOXXarDVXa-12-565.jpg) left bottom repeat-x #fff;
        padding: 0;
        margin: 0;
    }
    
    .head {
        max-width: 1200px;
        height: 304px;
        background: url(https://blog-static.cnblogs.com/files/rightstar/background_2.gif) no-repeat;
        background-size: 100% 200%;
        background-position: 0% 40%;
        margin: 0 auto;
        padding: 0;
        position: relative;
        z-index: 99;
        margin-bottom: 60px;
    }
    
    @media screen and (min-width: 0px) and (max-width: 400px) {
        .head {
            height: 160px;
        }
         canvas {
            position: absolute;
            top: 0;
            opacity: 0.3;
            width: 100%;
            height: 180;
            z-index: 8;
            transition: all linear 0.2s;
        }
    }
    
    .head .navigator {
        position: absolute;
        left: 0;
        top: 100%;
        background: transparent;
        max-width: 1200px;
        width: 100%;
    }
    
    .navigator>.navigatorList {
        max-width: 1200px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0;
        background: #fff;
        margin: 0 auto;
        z-index: 1;
    }
    
    .navigatorList li>a {
        text-decoration: none;
        color: black;
        text-align: center;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .navigatorList li:hover {
        margin-top: 2px;
        border-bottom: 2px solid cornflowerblue;
    }
    
    .navigatorList li>a:hover {
        color: cornflowerblue;
    }
    
    .navigatorList li {
        width: 150px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        color: black;
        border-right: 2px solid #eee;
    }
    
    .navigatorList li:nth-child(5) {
        border-right: none;
    }
    /*侧边栏样式*/
    /*移动端 */
    @media screen and (min-width: 0px) and (max-width: 400px) {
    #sideBar {
    display:none;
          }

    }