/* 移动端适配 */
@media screen and (max-width: 768px) {
  .container {
    width: 100%;
    padding: 0; /* 调整左右边距 */
  }

  .main .container .main-left {
    width: 100%;
    box-shadow: none; /* 移除阴影效果 */
  }

  .main .container .main-left header {
    padding: 20px; /* 调整上下边距 */
  }

  .main .container .main-left header h1 {
    font-size: 18px; /* 调整标题字体大小 */
  }

  .main .container .main-left .box-item {
    padding: 15px 20px; /* 调整盒子内边距 */
  }

  .main .container .main-left .box-item .head-img {
    top: 15px; /* 调整头像位置 */
  }

  .main .container .main-right {
    display: none; /* 移除右侧栏 */
  }

  footer {
    padding: 15px 0; /* 调整底部内边距 */
  }
  
  .main .container .main-left .box-item .head .left{
    margin-left: 20px;
  }

  .main .container .main-left .box-item .reply-title {
    font-size: 14px;
  }

  .main .container .main-left .box-item .reply-title img {
    max-height: 20px;
  }
  .main .container .main-left .box-item .reply-title .img2 {
    max-height: 18px;
  }

  .main .container .main-left header .dizhi .left {
    font-size: 12px;
  }
}