body {
    background-color: #f8f8f8; /* 浅灰色背景 */
    margin: 0;
    font-family: Arial, sans-serif;
}

.xiangqing_wenzhan {
    width: 730px;
    margin: auto;
    border-radius: 5px;
    background-color: #ffffff;
    padding: 20px; /* 添加内边距 */
}

.mt_biaoti {
    margin: auto;
    width: 730px;

    height: 120px;
    border-radius: 5px;
    /*background-color: #cc3232;*/
}

.mt_biaoti_h1 {
    text-align: center;
    width: 730px;
    height: 60px;
    /*background-color: #cb29b3;*/
}

.mt_biaoti_yonghu {

    width: 730px;
    height: 60px;
    display: flex;
    /*background-color: rgba(9, 66, 7, 0.29);*/
}

.mt_biaoti_yonghu img {
    margin-top: 10px;
    width: 43px;
    height: 43px;
    border-radius: 50%;

}

.mt_biaoti_yonghu_header {
    margin-left: 5px;
    margin-top: 8px;
}

.mt_biaoti_yonghu_footer {
    margin-left: 5px;
    margin-top: 3px;
    font-size: 12px; /* 原来是1vh */
    color: #acacaf; /* 白色文字 */

}

.index_xiangqing_pinglun_body {
    margin: 20px auto;
    width: 730px;
    background-color: #FFFFFF;
    border-radius: 5px;
    padding: 20px; /* 添加内边距 */

}

.index_xiangqing_pinglun {
    margin: 20px auto;
    width: 730px;
    /*height: 100px;*/
    display: flex;
    justify-content: space-between; /* 调整子元素之间的间距 */
    /*flex-wrap: wrap; !* 允许子元素换行 *!*/
    /*display: none;*/
    /*background-color: #d11010;*/
}

.index_xiangqing_pinglun img {
    /*margin-top: 10px;*/
    width: 53px;
    height: 53px;
    border-radius: 50%;
}

.index_xiangqing_pinglun textarea {
     /*margin:  auto;*/
    /*margin-top: 10px;*/
    margin-left: 10px;
    width: 640px;

    overflow-y: hidden;
    resize: none;

    border-radius: 5px;
    padding-top: 10px; /* 向下移动占位符 */
    padding-left: 10px; /* 向下移动占位符 */
}

.index_xiangqing_pinglun button {
    margin-top: 10px;
    width: 63px;
    height: 33px;
    border-radius: 8px;
     margin-left: 600px;
}
.index_xiangqing_pinglun_zhanwei{
   width: 650px;
    height: 0.1px;
     margin-top: 10px;
    margin-left: 10px;
    background-color: #eaeaea;
}
.index_xiangqing_pinglun_list {
    margin: auto;
    width: 730px;
}
.index_xiangqing_pinglun_obj{
    margin-top: 15px;
    width: 730px;
    height: auto;
      display: flex;
}
.index_xiangqing_pinglun_img{
      width: 60px;
     /*height: 300px;*/
     border-radius: 50%;
}
.index_xiangqing_pinglun_img img{
      width: 42px;
     height: 42px;
     border-radius: 50%;
}
.index_xiangqing_pinglun_obj_neirong{
      width: 635px;
    height: auto;
      /*background-color: #4545cf;*/
}
.index_xiangqing_pinglun_obj_neirong p{
   width: 635px; /* 设置固定宽度 */
    height: auto;
  padding: 10px;
   word-wrap: break-word; /* 在长单词或URL中间断开 */
   overflow-wrap: break-word; /* 同上 */
     white-space: normal; /* 确保正常换行 */
      /*background-color: #4545cf;*/
}
.index_xiangqing_pinglun_obj_neirong time{
    padding: 10px;
    color: #d4d4d8;
    font-size: 12px;
}
.index_xiangqing_pinglun_obj_zhanwei{
     width: 650px;
    height: 0.1px;
     margin-top: 10px;

    background-color:  #eaeaea;
}
.mt_zhanwei {
    margin: auto;
    width: 730px;
    height: 1px;
    background-color: #eaeaea; /* 浅灰色背景 */
}

.mt_neirong {
    margin: auto;
    width: 730px;
}


.mt_xiangqing_dixian {
    margin: auto;
    width: 780px;
    height: 100px;
    display: flex;
    align-items: center;
    /*justify-content: center;*/
    justify-content: space-between;
    text-align: center;
    color: #a1a1a1;
    font-size: 8px;

}

.mt_xiangqing_dixian_1 {
    width: 230px;
    height: 1px;
    background-color: #cfcfcf;
}

.mt_xiangqing_dixian_2 {
    width: 230px;
    height: 1px;
    background-color: #cfcfcf;
}
.xiangqing_wenzhan {
    margin-top: 60px; /* 根据 user_denglu 的高度调整 */
}

/*用户登录*/
.mt_denglu_body {

     display: flex;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    background-color: #ffffff;
    position: fixed; /* 固定位置 */
    top: 0; /* 置顶 */
    z-index: 1000; /* 确保在最上层 */
    border-bottom: 1px solid #ddd; /* 可选：底部边框 */
}





.mt_denglu_shouye{
    /*margin-left: 80px;*/
     width: 60%;
     height: 30px;
     background-color: #3b73ed;
    /*background: #A3D0C3;*/
     display: flex;
    align-items: center; /* 垂直居中对齐 */
      justify-content: center;

      border-radius: 5px;

    /*justify-content: space-around; !* 水平间距均匀分布 *!*/
}
.mt_denglu_shouye a{
      text-align: center;
    font-size: 14px; /* 原来是1vh */
    color: #FFFFFF; /* 白色文字 */
    text-decoration: none;
    padding: 20px;
}
.mt_denglu_shouye a:hover {
    transition: color 0.3s; /* 文字颜色过渡效果 */
    color: #A3D0C3;
}
.mt_denglu_a_denglu {
       display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px; /* 原来是1vh */
    width: 40%;
    height: 30px;
     border-radius: 5px;
    text-decoration: none;
    color: #333;
     background: #A3D0C3;
}
.mt_denglu_a_denglu img{
      width: 60px;
     height: 60px;
     border-radius: 50%;
}

.mt_denglu_a_denglu a{
    text-align: center;
    font-size: 14px; /* 原来是1vh */
    color: #FFFFFF; /* 白色文字 */
    text-decoration: none;
    padding: 20px;




}
.mt_denglu_a_denglu a:hover {
    transition: color 0.3s; /* 文字颜色过渡效果 */
    color: #3b73ed;
}


/*网站评论*/

.index_wz_xiangqing_body{
    width: 700px;
    height: 300px;
  margin: 10px auto;
  display: flex; /* 使用Flexbox布局 */
    flex-direction: column; /* 子元素垂直排列 */
    justify-content: center; /* 垂直居中对齐子元素 */
    align-items: center; /* 水平居中对齐子元素 */
}
.wz_obj{
      width: 213px;
    height: 90px;
     cursor: pointer;
    border-radius: 5px; /* 圆角边框 */
    background-color: #d5d1d1;;
    flex: 0 0 auto; /* 不允许子元素伸缩，保持固定大小 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* 添加阴影效果 */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* 平滑过渡效果 */
 display: flex; /* 使用Flexbox布局 */
    flex-direction: column; /* 子元素垂直排列 */
    justify-content: center; /* 垂直居中对齐子元素 */
    align-items: center; /* 水平居中对齐子元素 */


}

.wz_obj:hover {
    transform: scale(1.1); /* 鼠标悬停时放大10% */
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); /* 增加阴影效果，增强立体感 */
}


.wz_obj img{
   /*margin: 15px;*/
    width: 35px;
   height: 35px;

      margin-top: 3px;

}
.wz_obj span{
   /*margin: 15px;*/
     font-size: 12px;
      margin-top: 3px;


}