/* 我的导航 */
       .centertext {
           display: flex; /* 弹性布局 */
           margin-bottom: 20px; /* 下外边距 */
           height: 200px; /* 高度 */
           justify-content: center; /* 水平居中 */
           align-items: center; /* 垂直居中 */
           flex-direction: column; /* 垂直方向 */
           }
           /* 登录 */
       .mdegorame {
           position: absolute;/* 绝对定位 */
           top: 1%;/* 距上侧 */
           right: 10%;/* 距右侧 */
           color: #ffffff; /* 字体颜色 */
           text-decoration: none;/* 去掉下划线 */
           font-weight: 300; /* 字体粗细 */
           font-size: 14px;/* 字体大小 */
           opacity: 0.01;/*透明*/
           transform: translateY(5px);/* 上-下+移动 */
           align-items: center; /* 垂直居中 */
           }
           /* 鼠标登录 */
       .mdegorame:hover{
           color: #10e66b; /* 字体颜色 */
           font-size: 16px;/* 字体大小 */
           font-weight: 300; /* 字体粗细 */
           }
           /* 小天气*/
       .tianqi{
            z-index: 200;
           display: flex; /* 弹性布局 */
           z-index: 9999;
           }
       .s-sticker{
           z-index: 999;
           }
           /* 大天气*/
       .hover-content{
           position: absolute;/* 绝对定位 */
           display: none; /* 隐藏 */
           transform: translateY(20px);/* 上-下+移动 */
           z-index: 999;
           }
           /* 鼠标经过天气*/
       .tianqi:hover .hover-content {
           display: block; /* 显示 */
           z-index: 999;
           }
           /* 我的导航盒子 */
       .centerTexl {
           bottom: 50px; /*向上移动*/
           width: 175px;/* 宽度 */
           height: 50px; /* 高度 */
           transform: translateX(-7px);/*向左移动*/
           justify-content: center; /* 水平居中 */
           z-index: 99;
           }
            /* 我的导航样式 */
       .myBookmarks {
           color: #ffffff; /* 字体颜色 */
           font-size: 36px; /* 字体大小 */
           font-family: "微软雅黑";/* 字体 */
           cursor: pointer; /*鼠标手型*/
           z-index: 99;
           }
            /* 鼠标经过我的导航 */
       .myBookmarks:hover{
           background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
           -webkit-background-clip: text;
           -webkit-text-fill-color: transparent;
           animation: graion 25s linear infinite;
           }
       @keyframes graion {
           0% {
           background-size: 800% 100%;
           background-position: 0% 50%;
           }
           100% {
           background-size: 800% 100%;
           background-position: 800% 50%;
           }
           }
           /*齿轮容器*/
       .zongshezhi{
           position: relative;
           top:-15px;
           left:-13px;
           display: flex; /* 弹性布局 */
           z-index: 99;
           }
           /*齿轮*/
       .shezhi{
           position: relative;
           margin-left: 13px; /* 左外边距 */
           width: 30px;
           height: 30px;
           animation: spqqhin 2s linear infinite; /* 谷歌 动画:名称 2秒 线性 循环 */
           }
       @keyframes spqqhin { /* 谷歌 定义 名称 */
           0%{ transform: scale(0.9)  rotate(0deg); } /* 动画开始时（角度为0度） */
           50%{ transform: scale(1.1) rotate(180deg); }
           100%{ transform: scale(0.9) rotate(360deg); } /* 动画结束时（角度为360度） */
           }
       .shezhi:hover{
           animation: spqqheein 2s linear infinite; /* 谷歌 动画:名称 2秒 线性 循环 */
           }
       @keyframes spqqheein { /* 谷歌 定义 名称 */
           0%{ transform: scale(0.9) rotate(0deg); } /* 动画开始时（角度为0度） */
           50%{ transform: scale(1.3) rotate(-180deg); }
           100%{ transform: scale(0.9) rotate(-360deg); } /* 动画结束时（角度为360度） */
           }
       .shezhi:hover .xiaoshezhi{
           opacity: 1; /* 设置透明度 */
           animation: spqqhjjin 2s linear infinite; /* 谷歌 动画:名称 2秒 线性 循环 */
        }
       @keyframes spqqhjjin { /* 谷歌 定义 名称 */
           0%{ transform: rotate(0deg); } /* 动画开始时（角度为0度） */
           50%{ transform: rotate(360deg); }
           100%{ transform: rotate(720deg); } /* 动画结束时（角度为360度） */
           }
           /*大齿轮*/
       .dashezhi{
           position: relative;
           top: 0px;
           left: 0px;
           width: 30px;/* 宽度比 */
           height: 30px; /* 高度 */
           opacity: 0.7; /* 设置透明度 */
           z-index: 99;
           }
       .shezhi:hover .dashezhi{
           opacity: 1; /* 设置透明度 */
           }
           /*小齿轮*/
       .xiaoshezhi{
           position: absolute;
           top: 3px;
           left: 3px;
           width: 24px;/* 宽度比 */
           height: 24px; /* 高度 */
           opacity: 0.6; /* 设置透明度 */
           z-index: 99;
           animation: spihhn 2s linear infinite; /* 谷歌 动画:名称 2秒 线性 循环 */
           }
       @keyframes spihhn { /* 谷歌 定义 名称 */
           0%{ transform: rotate(0deg); } /* 动画开始时（角度为0度） */
           100%{ transform: rotate(-720deg); } /* 动画结束时（角度为360度） */
           }