.tag-container {  

        display: flex;  

        flex-wrap: wrap;  

        margin-top: 10px;  

    }  

    .tag, .tag1 {  

        cursor: pointer;  

        padding: 5px 10px;  

        color: white;  

        margin-right: 5px;  

        border-radius: 5px;  

        margin-bottom: 5px; /* 添加一些下边距以便在换行时看起来更整齐 */  

    }  

    .tag {  

        background-color: #007bff;  

    }  

    .tag1 {  

        background-color: red;  

    }  

main {  

        background-image: url('/static/dashang/images/bj.png');  
        background-repeat: no-repeat;  
        background-position: bottom center; /* 背景图片在底部居中显示 */  
        background-size: cover; /* 或者使用 contain，根据你的需求 */  
        min-height: 100%; /* 确保main元素至少占据整个视窗的高度 */  
        width: 100%;  
        position: relative; 
      }  
      main {
        
      /*background-color: #FFFFFF;*/
      /*height: 100vh;*/
     
      position: absolute;
      top: 0;
      left: 0;
     
    }
main .bant img{
    margin-top:50px;
    height:160px;
    width:100%;
}

    /* 隐藏类，用于控制显示与隐藏 */  
    .hidden {  
        display: none;  
    }  
  
  .member-item {  
    display: flex;  
    justify-content: space-between;  
    align-items: center;  
    padding: 10px 10px;  
    border: 1px solid #ccc;  
    border-radius: 5px;  
    margin-bottom: 10px;  
    /*background-color: #f9f9f9;  */
    background-color:rgba(255, 255, 255, 0.8);
    margin:15px;
   
}  
  
.info span {  
    display: block;  
    margin-bottom: 5px;  
    font-size: 16px;  
}  

.info span a{  
   
    font-size: 18px;  
    line-height: 1.5px;
} 
  
.info span b {  
    font-weight: bold;  
    color: #333;  
}  
  
.actions {  
    display: flex;  
    justify-content: center;  
    align-items: center;  
}  
  
.icon-btn {  
    display: inline-block;  
    padding: 5px 10px;  
    background-color: #FF1A37;  
    color:white; /* 设置字体颜色为白色 */  
    border-radius: 5px;  
    text-decoration: none;  
    font-size: 14px;  
    cursor: pointer;  
}  
  
.icon-btn:hover {  
    background-color: #0056b3;  
}  
  
.icon-btn div {  
    text-align: center;  
}
    /* 搜索输入框和按钮的样式 */  
    #search-input {  
        padding: 10px; /* 添加内边距 */  
        margin-right: 10px; /* 与搜索按钮之间保持一些距离 */  
        border: 1px solid #ccc; /* 边框样式 */  
        border-radius: 5px; /* 边框圆角 */  
        font-size: 16px;
        font-weight: bold;
           background-color:rgba(255, 255, 255, 0.8);
    }  
  
    #search-button {  
        padding: 10px 20px; /* 水平和垂直内边距 */  
        background-color: #007BFF; /* 背景颜色 */  
        color: white; /* 文本颜色 */  
        border: none; /* 移除边框 */  
        border-radius: 5px; /* 边框圆角 */  
        cursor: pointer; /* 鼠标悬停时显示指针 */  
    }  
  
    #search-button:hover {  
        background-color: #0056b3; /* 鼠标悬停时的背景颜色 */  
    }  
  
    /* 搜索结果样式（如果需要的话，当前是隐藏的） */  
    #search-results {  
        /* 这里可以根据需要添加更多的样式 */  
    }  


    html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}



.price-controls button {  
    padding: 8px 15px; /* 设置按钮内边距 */  
    border: none; /* 去除按钮边框 */  
    border-radius: 5px; /* 设置按钮圆角 */  
    background-color: #007bff; /* 设置按钮背景色 */  
    color: white; /* 设置按钮文字颜色 */  
    cursor: pointer; /* 设置鼠标悬停时的光标样式 */  
    margin:0 30px;
}  
  
.price-controls button:hover {  
    background-color: #0056b3; /* 设置按钮悬停时的背景色 */  
}  
  
.price-controls input.form-control.dr_required {  
    padding: 8px; /* 设置输入框内边距 */  
    border: 1px solid #ccc; /* 设置输入框边框 */  
    border-radius: 5px; /* 设置输入框圆角 */  
    background-color: white; /* 设置输入框背景色 */  
    color: red; /* 设置输入框文字颜色 */  
    text-align: center; /* 设置输入框文字居中 */  
    cursor: default; /* 设置鼠标悬停时的光标样式为默认 */ 
    width:60px;
    font-weight:bold;
    font-size:18px;
}

.form-actions button{
        padding: 10px 50px; /* 水平和垂直内边距 */  
        background-color: #007BFF; /* 背景颜色 */  
        color: white; /* 文本颜色 */  
        border: none; /* 移除边框 */  
        border-radius: 5px; /* 边框圆角 */  
        cursor: pointer; /* 鼠标悬停时显示指针 */  
        
}

.form-actions {  

    display: flex;  

    flex-direction: column;  

    align-items: center;  

    justify-content: center;  

}  

#Jumpinfo {
    
     /* 水平和垂直内边距 */  
    background-color: rgba(0, 123, 255); 
 
      /*background-color: rgba(0, 123, 255, 0.1); */
        color: white; /* 文本颜色 */  
        border: none; /* 移除边框 */  
        border-radius: 5px; /* 边框圆角 */  
        cursor: pointer; /* 鼠标悬停时显示指针 */  

}
#fanhui {
    
     /* 水平和垂直内边距 */  
    background-color: rgba(0, 123, 255); 
 
      /*background-color: rgba(0, 123, 255, 0.1); */
        color: white; /* 文本颜色 */  
        border: none; /* 移除边框 */  
        border-radius: 5px; /* 边框圆角 */  
        cursor: pointer; /* 鼠标悬停时显示指针 */  

}