/* 头尾各个页面相同的样式 */
/* 在全局CSS文件（如common.css）中添加 */
/* 在全局CSS中添加 */





/* 版心 */
.wrapper {
    margin: 0 auto;
    width: 1200px;
  }

  a {
    color: #333;            /* 自定义颜色（非蓝色） */
    text-decoration: none;
  }
  
  a:hover {
    text-decoration: underline;
    color:  rgb(247, 243, 244);         /* 悬停时颜色变化（可选） */
  }
  .underlined-link {
    text-decoration: underline;
  }
 
  /* 快捷导航 */
.shortcut {
    height:70px;
    line-height: 70px;
    background-color: #7d2626;
  }
  .shortcut .wrapper {
    display: flex;
    align-items: center;
  } 
 .logo img {
  width: 256px;
  height: 40px;
  display: block;
  align-self: center;
 }
.search {
  width: 200px;
  height: 30px;
  background-color: #fff;
  display: flex;
  border-radius: 15px;
  margin-left: 610px;

}
.search input {
  width: 160px;
}
.search .iconfont {
  display: flex;
  font-size: 20px;
  color: #ccc;
  align-self: center;
  margin-right: 5px;
}
.search .input ::placeholder {
  font-size: 16px;
  color: #ccc;
}
.collect .iconfont,
.share .iconfont {
  margin-left: 10px;
  display: flex;
  font-size: 20px;
  color: #ffffff;
  align-self: center;
}

.more .iconfont,
.me .iconfont {
  margin-left: 10px;
  display: flex;
  font-size: 20px;
  color: #ffffff;
  align-self: center;
}




/* 主视图 */

.hero-section {
    height: 85vh;
    background-image: url('uploads/bgi1.jpeg'); 
    background-size: cover; 
    background-position: center;
    background-repeat: no-repeat; /* 添加这一行，设置背景图片不重复 */
    background-color: #ccc; 
    position: relative;
}

  .hero-title {
      text-shadow: 3px 3px 5px rgba(0,0,0,0.5);
  }









 /* 头部区域 */
  .header {
    height: 40px;
    line-height: 40px;
    background-color:#7d2626;
    border-top: 1px solid rgba(256,256,256,0.1);
  }
  .header .wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
  } 
 .header ul {
  display: flex;
  justify-content:center;
  /* margin-right: 10px; */
 }
.header ul li a {
  padding: 0 25px;
  border-right: 1px solid #dcb968;
  font-size: 20px;
  color: #ffffff;
}
.header ul li:last-child a {
  border-right: 0;
}
.header li .hover {
  color: #dcb968;
  font-weight: 700;
} 

 /* 底部 */
 .footer {
  margin-top: 30px;
  height: 260px;
  background-color: #7d2626;
}
.message {
  padding-top: 30px;
}
.message ul {
display: flex;
height: 40px;
line-height:  40px;;
border-top:1px solid #ffffff ;
border-bottom:1px solid #ffffff ;
justify-content: center;
}
.message li {
  font-size: 14px;
  color: #fff;
  padding: 0px 30px;
  border-right: 0.5px dotted #dcb968;
}
.copy {
margin-top: 20px;
margin-left: 20px;
height: 50px;
}
.copy ul {
  display: flex;
}
.copy li {
  width: 400px;
  font-size: 14px;
  line-height:30px ;
  color: #fff;
  text-align:center;
}
/* 标识 */
.link {
  height: 60px; 
  /* background-color: pink; */
  padding: 25px 0px;
 }
 .link img {
   margin: 0px 408px;
   width: 384px;
   height: 60px;
   justify-content:center;
 }