/* 搜索总容器 */
       #search {
           display: flex; /* 使用flexbox布局 */
           height: 135px; /* 高度 */
           text-align: center; /* 水平居中对齐 */
           }
           /* 分组容器 */
       .searcp {
           display: flex;/* 使用flexbox布局 */
           height: 35px; /* 高度 */
           justify-content: center; /* 水平居中 */
           }
            /* 引擎按钮隐藏 */
       .group-content {
           display: none; /* 分组内容初始状态为隐藏 */
           }
           /* 引擎按钮显示 */
       .group-content.active {
           display: block; /* 展开状态下显示内容 */
           height: 30px; /* 高度 */
           }
           /* 分组按钮容器 */
       .searck {
           margin-right: 5px; /* 右外边距 */
           margin-left: 5px; /* 左外边距 */
           width: 90%;/* 宽度比 */
           height: 30px; /* 高度 */
           max-width: 40px;/* 最大宽度 */
           min-width: 50px;/* 最小宽度 */
           }
           /* 分组按钮样式 */   
       .group-button{
           outline: none;/* 移除轮廓线 */
           border: none;/* 移除边框 */
           background-color: transparent;/* 背景颜色为透明 */
           color: #fff; /* 字体颜色 */
           font-weight: 400; /* 字体粗细 */
           font-size: 18px; /* 字体大小*/
            font-family: "微软雅黑";/* 字体 */
            cursor: pointer; /*鼠标手型*/
            z-index: 99;
           }
           /* 活动分组按钮的样式 */
       .group-button.active {
           position: relative;/* 元素的定位方式 */
           color: #10e66b; /* 字体颜色 */
           font-size: 20px; /* 字体大小*/
           }
           /* 活动分组按钮下的箭头样式 */
       .group-button.active::after {
           position: absolute; /*定位方式 */
           bottom: -1px; /*向上移动*/
           left: 10px;/*水平中心对齐*/
           width: 70%; /* 初始宽度 */
           height: 3px;/* 高度 */
           border-radius: 10px;
           background-color: #dd18e4;/* 颜色 */
           content: "";/*插入额外的内容*/
           transform: translateX(-48%);/*向左移动其自身宽度的一半*/
           animation: spgfdsin 4s linear infinite; /* 谷歌 动画:名称 2秒 线性 循环 */
           }
       @keyframes spgfdsin { /* 谷歌 定义 名称 */
          0%{ background-color: #dd18e4; transform: scale(1, 1);} /* 动画开始时（角度为0度） */
          29%{ background-color: #dd18e4; transform: scale(0.01, 1);} /* 动画开始时（角度为0度） */
          30%{ background-color: #10e66b; transform: scale(0.01, 1);}
          60%{ background-color: #10e66b; transform: scale(1, 1);}
          79%{ background-color: #10e66b; transform: scale(0.01, 1);}
          80%{ background-color: #dd18e4; transform: scale(0.01, 1);}
          100%{ background-color: #dd18e4; transform: scale(1, 1); } /* 动画结束时（角度为360度） */
        }
           /* 分组鼠标经过时变化 */
       .group-button:hover {
           color: #93dfb3; /* 鼠标经过链接文字时的颜色 */
           font-size: 19px; /* 字体大小*/
           font-weight: 400; /* 字体粗细 */
           }
            /* 引擎按钮容器 */
       .search-buttons {
           display: flex;/* 使用flex布局 */
           height: 33px;/* 高度 */
           justify-content: center;/* 水平居中 */
           }
            /* 引擎按钮短容器 */
       .sebuttons{
           overflow-x:auto;/*溢显示滚动条*/
           margin-left: 5px; /* 左外边距 */
           width: 99%;/* 宽度比 */
           max-width: 420px;/* 最大宽度 */
           min-width: 150px;/* 最小宽度 */
           justify-content: center; /* 水平居中 */
           }
       .sebuttons::-webkit-scrollbar{ /*滚动条样式*/
           width: 0px; /* 固定宽度 */
           height: 0px;/* 高度 */
           }
           /* 引擎按钮长盒子 */
       .searchkkk{
           width: 600px;/*宽度*/
          transform: translateY(3px);/* 上-下+移动 */
           }
           /* 搜索引擎按钮样式 */
       .search-engine-button {
           outline: none;/* 移除轮廓线 */
           border: none;/* 移除边框 */
           background-color: transparent;/* 设置背景颜色透明 */
           color: #ffffff;/* 字体颜色 */
           font-weight: 400; /* 字体粗细 */
           font-size: 16px;/* 字体大小 */
           transform: translateY(2PX);/*向下移动*/
           cursor: pointer; /*鼠标手型*/
           padding: 0px;/*内边距*/
            margin:0px 3px 0px 2px;/*外边距上右下左*/
           }
           /* 鼠标经过时变化 */
       .search-engine-button:hover {
           color: #93dfb3; /* 鼠标经过链接文字时的颜色 */
           font-size: 17px;/* 字体大小 */
           font-weight: 400; /* 字体粗细 */
           }
           /* 搜索引擎选中时按钮样式 */
       .search-engine-button.selected {
           position: relative;/* 元素的定位方式 */ 
           color: #10e66b;/* 字体颜色 */
           font-size: 18px;/* 字体大小 */
           }
           /* 搜索引擎选中时三角形样式 */
       .search-engine-button.selected::after {
           position: absolute; /*元素的定位方式 */
           bottom: 21px; /*向上移动*/
           left: 34%;/*水平中心对齐*/
           border-right: 8px solid transparent;/*右侧边框为5像素实心透明边框*/
           border-bottom: 8px solid #dd18e4;/*底部边框为10像素实心白色边框*/
           border-left: 8px solid transparent; /*左侧边框为5像素实心透明边框*/
           content: "";/*元素的内容区域插入额外的内容*/
           transform: translateX(-52%);/*向左移动其自身宽度的一半*/
           animation: spgdffdsin 2s linear infinite; /* 谷歌 动画:名称 2秒 线性 循环 */
           }
      @keyframes spgdffdsin { /* 定义动画名称 */
          0%{ transform: translateX(-90%) rotate(180deg); border-bottom-color: #dd18e4;} /* 动画开始时（角度为0度） */
          49%{ transform: translateX(90%) rotate(180deg); border-bottom-color: #dd18e4;}
          50%{ transform: translateX(90%) rotate(0deg); border-bottom-color: #10e66b;}/* 动画开始时（角度为0度） */
          99%{ transform: translateX(-90%) rotate(0deg); border-bottom-color: #10e66b;}
          100%{ transform: translateX(-90%) rotate(180deg); border-bottom-color: #dd18e4;} /* 动画结束时（角度为360度） */
        }  
           /*返回键容器*/
       .searcton{
           display: none; /* 隐藏元素 */
           width: 55px;/* 宽度 */
           height: 30px; /* 高度 */
           border: 0.5px solid #dd18e4; /* 设置边框 */
           border-radius: 5px; /* 设置圆角边框 */
           background-color: transparent;/* 背景颜色为透明 */
           transform: translateX(5px);/*向左移动其自身宽度的一半*/
           }
           /*返回字体样式*/
       .searcftton{
           outline: none;/* 移除轮廓线 */
           border: none;/* 移除边框 */
           background-color: transparent;/* 背景颜色为透明 */ 
           color: #fff; /* 字体颜色 */
           font-size: 15px; /* 字体大小*/
           font-weight: 300; /* 字体粗细 */
           transform: translateY(0px);/*向左移动其自身宽度的一半*/
           }
          /* 搜索框容器 */
       .searcq {
           display: flex; /* 使用flexbox布局 */
           margin-bottom: 7px; /* 下外边距 */
           justify-content: center; /* 水平居中 */
           }
           /* 搜索框盒子 */
       .searcw {
           width: 99%;/* 宽度比 */
           height: 45px; /* 高度 */
           max-width: 900px;/* 最大宽度 */
           min-width: 330px;/* 最小宽度 */
           justify-content: center; /* 水平居中 */
           }
           /* 搜索框样式 */
       #search-bar {
           margin-right: -28px; /* 右外边距 */
           padding-left: 10px;/* 左內边距 */
           width: 95%;/* 宽度比 */
           height: 40px; /* 设置高度 */
           max-width: 900px;/* 最大宽度 */
           min-width: 320px;/* 最小宽度 */
           box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3),/* 外阴影 右 下 半径 颜色 */
                 inset 1px 1px 20px rgba(0, 0, 0, 0.1),
                       -1px -1px 2px rgba(255, 255, 255, 0.3);
           outline: none;/* 移除轮廓线 */
           border: none;/* 移除边框 */
           border-radius: 7px; /* 圆角 */
           background-color: rgba(0, 0, 0, 0.1); /* 黑色背景透明度50% */
           backdrop-filter: blur(3px); /* 模糊效果的强度 */
           color: #fff; /* 字体颜色 */
           font-size: 20px; /* 字体大小 */
           font-weight: 400; /* 字体粗细 */
           transition-duration: 0.2s;/*过渡时间 */
           }
           /* 输入搜索 */       
       #search-bar::placeholder{
           color: #eceaea; /* 字体颜色 */
           }
           /* 鼠标经过时变化 */
       #search-bar:hover {
           box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2),/* 外阴影 右 下 半径 颜色 */
                       inset 1px 1px 20px rgba(0, 0, 0, 0.1),
                             1px 1px 2px rgba(255, 255, 255, 0.3);
           outline: none;/* 移除轮廓线 */
           border: none;/* 移除边框 */
           background-color: rgba(0, 0, 0, 0.1); /* 黑色背景透明度50% */
           backdrop-filter: blur(5px); /* 模糊效果的强度 */
           }
           /* 搜索框获得焦点时样式 */
       #search-bar:focus {
           outline: none;/* 移除轮廓线 */
           box-shadow: 0px 0px 1px rgba(220, 7, 248, 1),0px 0px 1px rgba(220, 7, 248, 1),
                       0px 0px 1px rgba(220, 7, 248, 1),0px 0px 1px rgba(220, 7, 248, 1),
                       inset 1px 1px 20px rgba(0, 0, 0, 0.1),0px 0px 2px rgba(220, 7, 248, 1);
           background-color: rgba(0, 0, 0, 0.1); /* 黑色背景透明度50% */
           backdrop-filter: blur(10px); /* 模糊效果的强度 */
           }
       #search-bar:focus::placeholder {
           color: #10e66b; /* 字体颜色 */
           opacity: 0.5; /* 设置透明度 */
           }
           /* 搜索按钮样式 */
       #search-barsousuo {
           margin-left: -30px; /* 左外边距 */
           width: 52px; /* 框的宽度 */
           height: 42px; /* 框的高度 */
           outline: none;/* 移除轮廓线 */
           border: none;/* 移除边框 */
           border-radius: 7px; /* 添加圆角 */
           background-color: transparent; /* 设置背景颜色为透明 */
           background-color: rgba(0, 0, 0, 0.3); /* 黑色背景透明度50% */
           color: #fff;/* 字体颜色 */
           font-size: 22px;/* 字体大小为 */
           font-weight: 400; /* 字体粗细 */
           transform: translateY(5px);/* 上-下+移动 */
           cursor: pointer;/*鼠标悬停时鼠标显示为手型*/
           } 
           /* 搜索放大镜样式 */
       #search-barsousuo img {
           width: 28px;/* 宽度 */
           height: 28px;/* 高度 */
           opacity: 0.7;/* 透明度 */
           transform: translateY(3px);/* 上下移动 */
           cursor: pointer;/*鼠标悬停时鼠标显示为手型*/
           }
           /* 标签页 */
       #tab-container {
           display: none;/* 隐藏元素 */
           margin: 0 auto;/*居中*/
           width: 105%;/* 宽度比 */
           height: 890px; /* 高度 */
           max-width: 1700px;/* 最大宽度 */
           min-width: 330px;/* 最小宽度 */
           transform: translateX(-10px);/* 上-下+移动 */
           }
       #search-iframe{
           margin: 0 auto;/*居中*/
           width: 99%;/* 宽度比 */
           height: 890px; /* 高度 */
           max-width: 1700px;/* 最大宽度 */
           min-width: 330px;/* 最小宽度 */
       }
        /*分组样式*/
       .dropdown {
           position: relative;/* 相对定位 */
           z-index: 1;/*曾叠顺序*/
           display: none;/*隐藏元素*/
           transform: translateX(-9px);/* 上-下+移动 */
           }
           /*分组显示样式*/
       .dropdown-content {
           position: absolute;/* 绝对定位 */
           z-index: 1;/*曾叠顺序*/
           display: none;/*隐藏元素*/
           width: 55px;/*宽度*/
           height: 150px; /* 高度 */
           background: #fff; /* 背景颜色 */
           flex-direction: column; /* 菜单竖向显示 */
           }
            /*展开分组样式*/
       .dropdown:hover .dropdown-content {
           z-index: 1;/*曾叠顺序*/
           display: flex; /* 弹性布局 */
           flex-direction: column; /* 菜单竖向显示 */
           }
       .ejhktre{
           width: 45px;/* 宽度 */
           height: 28px; /* 高度 */
           border: 0.5px solid #dd18e4; /* 设置边框 */
           border-radius: 5px; /* 设置圆角边框 */
           background-color: transparent;/* 背景颜色为透明 */
           }
           /*分组字体样式*/
       .ewetr{
           outline: none;/* 移除轮廓线 */
           border: none;/* 移除边框 */
           background-color: transparent;/* 背景颜色为透明 */ 
           color: #fff; /* 字体颜色 */
           font-size: 16px; /* 字体大小*/
           font-weight: 300; /* 字体粗细 */
           transform: translateY(0px);/* 上-下+移动 */
           }
       .ewetr::after{
           position: absolute; /*元素的定位方式 */
           bottom: -4px; /*向上移动*/
           left: 40%;/*水平中心对齐*/
           border-right: 6px solid transparent;/*右侧边框为5像素实心透明边框*/
           border-bottom: 6px solid #10e66b;/*底部边框为10像素实心白色边框*/
           border-left: 6px solid transparent; /*左侧边框为5像素实心透明边框*/     
           content: "";/*元素的内容区域插入额外的内容*/
           transform: translateX(-50%);/*向左移动其自身宽度的一半*/
           transform: rotate(180deg);/*进行180度旋转*/
           }
           /*分组键样式*/
       .grotton{
           left: 2px;/* 左侧间距 */
           z-index: 1;/*曾叠顺序*/
           margin-top: 5px; /* 上外边距 */
           outline: none;/* 移除轮廓线 */
           border: none;/* 移除边框 */
           background-color: transparent;/* 背景颜色为透明 */
           color: #8164e9; /* 字体颜色 */
           font-weight: 300; /* 字体粗细 */
           font-size: 20px; /* 字体大小*/
           transform: translateY(8px);/* 上-下+移动 */
           }
           /*鼠标经过分组*/
       .grotton:hover{
           color:#028313; /* 字体颜色 */
           }