.h1_{
  text-align:center;
  color:#5fc7ea;
  border:2px solid #fff; 
   }
 .tao{
   background:#ffffff;
   width:94%;/*设置div.tao的宽*/
   height:1030px;/*设置他的高*/
   border-radius:15px;/*设置它的圆,角为15度*/
   box-shadow:4px 3px 12px rgba(0,0,0,0.5); /*添加一个阴影*/
   margin: 0 auto;/*这是他上下为零，左右为自适应*/
   margin-top:100px;
   padding:15px;/*设计总体内边距离*/
   }
   .ba{
     list-style:none;/*- 作用：清除列表默认样式*/
     flex-wrap: wrap;/*- 作用：弹性项目自动换行- 默认 flex 不换行（ nowrap ），空间不足会压缩子元素-  wrap  开启后：空间不够时子元素自动换到下一行，保持自身尺寸不被挤压*/
     display:flex;/*设置显示方式flex*/
     justify-content: space-between;/*- 作用：水平方向主轴对齐方式- 子元素两端对齐，中间剩余空间均匀分布在子元素之间- 第一个子元素靠最左，最后一个靠最右，中间元素间距自动均分*/
     display: -webkit-flex;
     }
   .ba_one{
     list-style:none;/*- 作用：清除列表默认样式*/
     flex-wrap: wrap;/*- 作用：弹性项目自动换行- 默认 flex 不换行（ nowrap ），空间不足会压缩子元素-  wrap  开启后：空间不够时子元素自动换到下一行，保持自身尺寸不被挤压*/
     display:flex;/*设置显示方式flex*/
     justify-content: space-between;/*- 作用：水平方向主轴对齐方式- 子元素两端对齐，中间剩余空间均匀分布在子元素之间- 第一个子元素靠最左，最后一个靠最右，中间元素间距自动均分*/
     display: -webkit-flex;
     
     }
  .ba li{
     width:23%;
     height:45px;
     text-align:center;
     background:#fcbbcc;
     border-radius:10px;
     line-height:40px;
     margin:0px;
     margin-bottom:20px;
     cursor: pointer;/*cursor: pointer;  是 CSS 鼠标样式属性，让鼠标悬浮在元素上时，从默认箭头变成「手型指针」，视觉上告诉用户：「这个元素可以点击、可交互」。*/
     
     }
   .ba_one li{
     width:23%;
     height:45px;
     text-align:center;
     background:#fcbbcc;
     border-radius:10px;
     line-height:40px;
     margin:0px;
     margin-bottom:20px;
     cursor: pointer;/*cursor: pointer;  是 CSS 鼠标样式属性，让鼠标悬浮在元素上时，从默认箭头变成「手型指针」，视觉上告诉用户：「这个元素可以点击、可交互」。*/
  
     
     }

   .tao ul.ba_one li.e{
     width:100%;
     margin: 0 auto;
     height:55px;
     align-items:center;
     line-height:50px;
     }
   .tao ul.ba_one li.h{
     width:50%;
     }
   .tao ul.ba li.k{
     width:50%;
     }
   .tao ul.ba li.ks{
     width:100%;
     }
   .line{
     width:100%;
     margin:15px;
     
     }
   .line span{
     font-weight: bold/*加粗字体*/
     
     }
   
   .help ul{
     list-style:none;
     line-height:20px;
     padding:20px;
     }
   .help ul li{
     margin:10px;
     color:blue;
     }
   .ccba{
   display:block; 
   height:40px;
   width:98%;
   background-color:#0fcfdc;
   text-decoration:none;
   text-align:center;
   line-height:40px;
   border-radius:3px;
   opacity:0.7;
   border: 3px solid #fcbbcc;
   font-size:20px;
   color:#000000;
   margin-top:10px;
   
   }/*跳转群聊设置*/
 
 .wow{
   position:sticky;
   bottom:10px;
   z-index:88;  
     
    
    
    }/*跳转群聊设置*/
  .tao .help .nn{
    width:10%;
    height:20px;
    color:blue;
    background-color:blue;
    margin-right:10px;
    
    }
  .tao .help .yy{
    font-weight: bold;/*加粗字体*/
    color:#000;
    }
  
  .fu{
   
  
    }
  /*启动页设计。*/
 .qdy{
   width:100%;
   height:150%;
   background:#ffffff ;
   position:fixed;
   z-index:100;
   text-align:center;
   line-height:30px;
   }
 .pgn{
   background-repeat:no-repeat;
   background-position:center top;
   width:250px;
   margin-top:200px;
   
   }