@charset "utf-8";
      

.HistoryPicMain .p3::-webkit-scrollbar-track,
.firstNav::-webkit-scrollbar-track,
.seconNav::-webkit-scrollbar-track,
.right-part::-webkit-scrollbar-track,
.detail-Nav-bottom ul::-webkit-scrollbar-track,
.detail-Nav-bottom2 ul::-webkit-scrollbar-track,
.incident ul::-webkit-scrollbar-track,
.SeleLines::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 .1rem rgba(0, 0, 0, 0.3);
  background-color: #F9D5A7;
  border: .06rem;
  border-radius: .5rem
}

.HistoryPicMain .p3::-webkit-scrollbar,
.firstNav::-webkit-scrollbar,
.seconNav::-webkit-scrollbar,
.right-part::-webkit-scrollbar,
.detail-Nav-bottom ul::-webkit-scrollbar,
.detail-Nav-bottom2 ul::-webkit-scrollbar,
.incident ul::-webkit-scrollbar,
.SeleLines::-webkit-scrollbar {
  width: .1rem;
  background-color: #F7DCBF;
  border-radius: .5rem
}

.HistoryPicMain .p3::-webkit-scrollbar-thumb,
.firstNav::-webkit-scrollbar-thumb,
.seconNav::-webkit-scrollbar-thumb,
.right-part::-webkit-scrollbar-thumb,
.detail-Nav-bottom ul::-webkit-scrollbar-thumb,
.detail-Nav-bottom2 ul::-webkit-scrollbar-thumb,
.incident ul::-webkit-scrollbar-thumb,
.SeleLines::-webkit-scrollbar-thumb {
  background-color: #E87A17;
  border-radius: .5rem
}
    
/*历史上的今天*/
.incident .swiper-slide {
  margin-right: 1.12rem !important;
}

.historyDayBox {
  width: 36.32rem;
  height: 18rem;
  position: relative;
  margin: 0 auto;
  background: url(../img/historyDay-bg.png) top no-repeat;
  background-size: 100% 100%;
  /* top: .62rem; */
  box-sizing: border-box;
  padding: .8rem 0 .34rem;
  border: .1rem solid rgb(78, 31, 12);
  border-radius: .4rem;
  background-image: linear-gradient(to right, rgb(252, 238, 225), rgb(233, 246, 251));
}

.historyDay-title {
  width: 8.42rem;
  height: 1.24rem;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -.62rem
}

.historyDay-title a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/historyDay-title.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  font-size: .56rem;
  color: white;
  font-weight: bold;
  line-height: 1.24rem
}

.thisMonth {
  position: absolute;
  left: 23.25rem;
  top: -.34rem;
  width: 2.1rem;
  height: .86rem;
  background: url(../img/thisMonth.png) no-repeat;
  background-size: 100% 100%;
  border: none;
  box-sizing: border-box;
  font-size: .36rem
}

.thisMonth a {
  color: #8E2A00;
  line-height: .86rem;
  display: block;
  box-sizing: border-box;
  padding-left: .5rem
}

.enline {
  width: 2.1rem;
  background: url(../img/enline.png) bottom no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: .5rem 0;
  position: absolute;
  z-index: 3
}

.enline li a {
  padding-left: 0;
  text-align: center;
  line-height: .9rem
}

.enline li:hover {
  background: url(../img/hoverMonth.png) center no-repeat;
  background-size: 1.44rem .7rem
}

.enline li.curr {
  background: url(../img/hoverMonth.png) center no-repeat;
  background-size: 1.44rem .7rem
}

.incident {
  width: 36.32rem;
  height: 15.4rem;
  box-sizing: border-box;
  padding: 1.5rem 1.82rem;
  position: relative;
  display: flex;
}

.incident .swiper-slide.curSlider {
  width: 11.07rem;
  height: 14.38rem;
  margin-top: .5rem;
}

.incident .swiper-slide {
  width: 9.68rem;
  height: 12.5rem;
  background: url(../img/incident-slide.png) no-repeat;
  background-size: 100% 100%;
  margin-top: .75rem;
}

.incident .swiper-button-next {
  width: .47rem;
  height: .73rem;
  background: url(../img/swiper-button-next.png) no-repeat;
  background-size: 100%
}

.incident .swiper-button-prev {
  width: .47rem;
  height: .73rem;
  background: url(../img/swiper-button-prev.png) no-repeat;
  background-size: 100%
}

.incident .curSlider .dateLine {
  width: 5.81rem;
  height: 1.26rem;
  background: url(../img/dateLineCurr-bg.png) no-repeat;
  background-size: 100% 100%;
  font-size: .54rem;
  line-height: 1.26rem;
  color: white
}

.incident .dateLine {
  width: 4.8rem;
  height: 1rem;
  background: url(../img/dateLine-bg.png) no-repeat;
  background-size: 100% 100%;
  margin: -.42rem auto 0;
  text-align: center;
  font-weight: bold;
  font-size: .5rem;
  line-height: 1rem;
  color: #8E2A00;
  letter-spacing: .04rem
}

.incident .curSlider ul {
  height: 12.7rem
}

.incident ul {
  box-sizing: border-box;
  margin-top: .3rem;
  height: 11rem;
  overflow-y: auto
}

.incident .curSlider li {
  width: 9.8rem;
  height: 2.2rem;
}

.incident ul li {
  width: 8.4rem;
  height: 2.2rem;
  background: url(../img/incident-slide-bg.png) no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: .32rem .32rem .32rem .37rem;
  margin: 0 auto .3rem;
  overflow: hidden
}

.incident ul li img {
  width: 2.51rem;
  height: 1.62rem;
  object-fit: cover;
}

.incident li .p1 {
  font-size: .4rem;
  font-weight: 700;
  color: #8E2A00
}

.incident li .p2 {
  font-size: .32rem;
  color: #8E2A00;
  line-height: 1.2;
  height: .8rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}

.incident .curSlider li .txt {
  width: 6.36rem
}

.incident li .txt {
  width: 4.84rem;
  height: 100%;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
                   

/*历史上的今天详情页*/
.maskBox {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
  top: 0;
  left: 0;
  z-index: 999;
  transform:translateZ(1px)
}

.maskMainBox {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 21.59rem;
  height: 15.284rem;
  background: url(../img/maskMain-bg.png) no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 1rem 0 .66rem
}

.maskMain {
  width: 19.34rem;
  height: 13.7rem;
  overflow-y: scroll;
  box-sizing: border-box;
  padding-right: .5rem;
  margin-left: 1.32rem
}

.mask-time {
  display: inline-block;
  background: url(../img/titleTime-bg.png) no-repeat;
  background-size: 100% 100%;
  font-size: .3rem;
  color: #7A2400;
  padding: 0 .5rem;
  margin-left: -.5rem
}

.mask-title {
  font-size: .78rem;
  font-weight: 700;
  color: #7A2400;
  line-height: 1.3;
  margin: .2rem 0 .5rem
}

.maskMain-text {
  margin-top: .4rem;
  font-size: .4rem;
  color: #2A0D00;
  line-height:1.8;
}

.maskMain-text p {
  text-indent: 2em
}

.maskMain::-webkit-scrollbar-track,
.maskMain2 tbody::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 .1rem rgba(0, 0, 0, 0.3);
  background-color: #F9D5A7;
  border: .06rem;
  border-radius: .5rem
}

.maskMain::-webkit-scrollbar,
.maskMain2 tbody::-webkit-scrollbar {
  width: .1rem;
  background-color: #F7DCBF;
  border-radius: .5rem
}

.maskMain::-webkit-scrollbar-thumb,
.maskMain2 tbody::-webkit-scrollbar-thumb {
  background-color: #E87A17;
  border-radius: .5rem
}

.mask-close {
  position: absolute;
  right: .48rem;
  top: -.94rem;
  width: .7rem;
  height: .94rem;
  background: url(../img/mask-close.png) no-repeat;
  background-size: 100% 100%;
  cursor: pointer
}