/* 清除默认样式 */
        * {
            margin: 0;
            padding: 0;
            list-style: none;
            text-decoration: none;
            color: black;
            font-family: 'Noto Sans SC', sans-serif !important;
        }

        /* 外面包着的大盒子 */
        #wrap {
            position: relative;
            /* 设置它的宽和高，都是占满一整屏 */
            width: 100%;
            height: 100vh;
            /* 设置超出的部分隐藏 */
            overflow: hidden;
            @media screen and (max-width: 1200px) {
                overflow: unset;
            }
        }

        /* 装内容的盒子 */
        #box {
            /* 只设置宽，高由内容撑开 */
            width: 100%;
            position: absolute;
            top: 0;
            /* 给一张背景图，也可以分别给每一屏设置背景图或者背景色 */
            background: url(../../灰猫/img/birdsbg.png) no-repeat center/100% 100%;
            /* 设置过渡 */
            transition: all 1s;
            @media screen and (max-width: 1200px) {
               display: flex;
                flex-direction: column;
            }
        }

        /* 给每一屏设置宽高 */
        .minBox {
            width: 100%;
            height: 100vh;
            @media screen and (max-width: 1200px) {
                height: unset;
            }
        }

        /* 导航栏设置 */
        .navWrap{
            width: 100%;
            height: 0px;
            background: white;
            position: fixed;
            top: 0;
            z-index: 999;
        }
        #nav{
            width: 1200px;
            height: 100%;
            margin: 0 auto;
        }
        #nav>li{
            float: left;
            margin: 0 25px;
            font-size: 25px;
        }
        /* 设置一个类名 */
        .select{
            color: yellow;
        }
        /* 移动端自定义顺序：D B A C */
        @media (max-width: 1200px) {
          .screen-1 { order: 1; } /* A */
          .screen-2 { order: 2; } /* B */
          .screen-3 { order: 5; } /* C */
          .screen-4 { order: 6; } /* D */
          .screen-5 { order: 8; } /* D */
          .screen-6 { order: 7; } /* D */
          .screen-7 { order: 4; } /* D */
          .screen-8 { order: 3; } /* D */
          .screen-9 { order: 9; } /* D */
          .screen-10 { order: 10; } /* D */
        }