   .black_css{ 
     display: none;
     position: fixed; 
     top: 0%;
     left: 0%;
     width: 100%;
     height: 100%;
     background-color: #000000;
     z-index:1001;
     -moz-opacity: 0.6;
     background-color:rgba(0,0,0,0.6);
     filter: alpha(opacity=60);
   }
   
   .white_css {
     display: none;
     position: fixed;
     top: 10%;
     left: 50%;
     transform: translateX(-50%);
     width: 94%;
     max-width: 400px;
     height: 70%;
     border: 0.08rem solid lightblue;
     border-radius: 0.1rem;
     background-color: #ffffff;
     z-index: 1002;
     overflow: auto;
     box-shadow: 0 0 20px rgba(0,0,0,0.3);
     display: flex;
     flex-direction: column;
   }

   /* 弹出窗口头部 */
   .popup-header {
     position: sticky;
     top: 0;
     background: #8D8F90;
     color: white;
     padding: 15px;
     text-align: center;
     font-size: 18px;
     font-weight: bold;
     z-index: 10;
     display: flex;
     justify-content: space-between;
     align-items: center;
     border-bottom: 2px solid #bbdefb;
   }
   
   /* 弹出窗口内容区域 */
   .popup-content {
     flex: 1;
     overflow-y: auto;
     padding: 15px;
   }
   
   /* 弹出窗口底部 */
   .popup-footer {
     position: sticky;
     bottom: 0;
     background:  #8D8F90;
     padding: 15px;
     text-align: center;
     border-top: 2px solid #bbdefb;
   }

   /* 列表样式 */
   .community-list {
     list-style: none;
     padding: 0;
     margin: 0;
   }
   
   .community-item {
     padding: 0.1rem 0.001rem;
     border-bottom: 1px dashed #90caf9;
	 text-align: left;
     display: flex;
     justify-content: space-between;
     transition: background 0.2s;
   }
  /*
   .community-item:hover {
     background-color: #e3f2fd;
   }
*/
   
   /* 添加滚动条样式 */
   .popup-content::-webkit-scrollbar {
     width: 8px;
   }
   
   .popup-content::-webkit-scrollbar-track {
     background: #e3f2fd;
     border-radius: 4px;
   }
   
   .popup-content::-webkit-scrollbar-thumb {
     background: #64b5f6;
     border-radius: 4px;
   }
   
   .popup-content::-webkit-scrollbar-thumb:hover {
     background: #1e88e5;
   }
