/* CSS重置 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 全局字体样式 */
/* 默认字体大小（适用于中等屏幕） */
body {
  font-family: Arial, sans-serif;
  /* 选择你喜欢的字体 */
  font-size: 16px;
  /* 设置基准字体大小 */
  line-height: 1.5;
  /* 设置行高，提高可读性 */
}

/* 小屏幕设备（手机） */
@media (max-width: 600px) {
  body {
    font-size: 14px;
    /* 较小的字体大小更适合小屏幕 */
  }
}

/* 大屏幕设备（桌面） */
@media (min-width: 1200px) {
  body {
    font-size: 18px;
    /* 较大的字体大小适合大屏幕 */
  }
}


/* 示例：调整段落的字体大小 */
p {
  font-size: 1em;
  /* 1em等于父元素的字体大小，这里就是16px */
}

/* 示例：调整标题的字体大小 */
h1 {
  font-size: 2em;
  /* 2倍于基准字体大小，即32px */
}

h2 {
  font-size: 1.5em;
  /* 1.5倍于基准字体大小，即24px */
}

span {
  font-size: 0.8em;
}

i {
  font-size: 0.8em;
}

div {
  font-size: 1em;
  font-family: cursive;
}

ul{
  list-style-type: none;
  margin:0;
  padding:0
}
li{
  list-style: none;
  padding:0;
}


/*左边图片样式设置*/
#img-left {
  position: relative;
  overflow: hidden;
  height: 90vh;
  position: relative;
  margin-top: 5vh;
  margin-bottom: 5vh;
  width: 17vw;
  margin-left: 3vw;
  overflow: hidden;
  float: left;
}

#img-left img {
  position: absolute;
  border: 1vh solid white;
}

#img-right {
  position: relative;
  overflow: hidden;
  height: 90vh;
  position: relative;
  margin-top: 5vh;
  margin-bottom: 5vh;
  width: 17vw;
  margin-right: 3vw;
  overflow: hidden;
  float: left;
}

#img-right img {
  position: absolute;
  border: 1vh solid white;
}

.div_blog .ax-row .ax-col {
  padding: 5px 5px;
  /* text-align: center; */
  overflow: hidden;
  text-overflow: ellipsis;
}


#wrapper {
  height: 100vh;
  width: 100vw;
  margin: 0;
  padding: 0;
  background-color: black;
  position: fixed;
}

/*中间博客样式设置*/
.div_blog {
  width: 55vw;
  height: 90vh;
  margin-left: 2.5vw;
  margin-right: 2.5vw;
  margin-top: 5vh;
  float: left;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: wheat;
}

.div_blog .ax-info .nickname>span {
  border-radius: 20px;
}

.hover span {
  padding: 0 1.4rem;
  border: 1px solid #ebebeb;
  border-radius: .3rem;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: calc(100% + .8rem);
  display: none;
}

.shareall {
  width: 55vw;
  padding-bottom: 10vh;
  padding-left: 1.5vw;
  padding-right: 1.5vw;
}

.shareall .share_item {
  width: 13vw;
  text-align: center;
  float: left;
}

#shares {
  width: 50%;
  margin-left: 50%;
  transition: all 0.3s ease-out;
  /*使其过度更加平滑，防止出现抖动*/
  top: 0;
  border: 0.5px solid gray;
  background-color: #14ccc9;
  opacity: 0.3;
  padding: 1vw;
  overflow: auto;
  z-index: 1;
}

#shares>a {
  display: inline-block;
}

#comm {
  padding-bottom: 10vh;
  width: 100%;
}

footer {
  margin-bottom: 5rem;
  color: gray;
}

.ax-panel {
  background-color: wheat;
}

.ax-message {
  text-align: center;
  background-color: pink;
  border-radius: 10px;
}

.ax-footer .fast_link_album {
  width: 100%;
  overflow-y: hidden;
}

.ax-footer .fast_link_album .fast_link_item {
  float: left;
  width: 5vw;
  overflow-y: visible;
  min-height: 1px;
}

.fast_link_album,
.ax-copyright {
  text-align: center;
}


/* 针对 WebKit 浏览器（如 Chrome 和 Safari）的隐藏滚动条样式 */
.hide-scrollbar::-webkit-scrollbar {
  width: 0;
  background: transparent;
  /* 使滚动条完全透明 */
}

/* 针对 Firefox 的隐藏滚动条样式 */
.hide-scrollbar {
  scrollbar-width: none;
  /* Firefox */
}

/*底部高度*/
.foot-height {
  margin-bottom: 10px;
}

.div_blog .fragment {
  background-color: wheat;
}

.swiper-container{
  height:300px;
}
.swiper-slide{
  width:100%;
  height:100%;
  background-color: #f5f5f5;
}

#samedia04{
  display: flex;
  background-image: url("../images/martial/wudao.GIF");
  background-position: center;
  background-size: cover;
}