﻿.mains{
  background:#f5f4f0;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
.clearb{
  clear: both;
}
.mourn_header{
  position: relative;
}
.mourn_header .headerImg{
  width: 100%;
}
.header_btn{
  position: absolute;
  bottom: 70px;
  right: 30%;
}
.headerBtn{
  width: 160px;
  height: 52px;
  padding: 12px;
  box-sizing: border-box;
  background:url("/Sites/Uploaded/UserUpLoad/20200717/20200717112241.png")no-repeat;
}
.headerBtn1{
  margin-right: 30px;
}
.headerBtn span{
  display: inline-block;
  line-height: 34px;
  text-align: center;
  font-size: 24px;
  font-family: KaiTi;
  color: #000000;
  width: 100%;
}
.headerBtn:hover span{
  background:#666666;
  color: #fff;
}
.mourn_main{
  width: 995px;
  margin: 30px auto;
  border:20px solid #dcdcdc;
  box-sizing: border-box;
  padding:30px;
}
.mourn_img1{
  margin-right: 36px;
}
.mourn_img2{
  margin-left: 36px;
}
.mourn_con{
  margin-bottom: 40px;
}
.mourn_con p{
  font-family: PingFang-SC-Regular;
  font-size: 18px;
  line-height: 40px;
  color: #333333;
  text-align: justify;
}
.mourn_date p{
  font-family: KaiTi;
  font-size: 30px;
  font-weight: bold;
  line-height: 40px;
  color: #333333;
  text-align: right;
}

@media screen and (max-width:760px){
.header_btn {
 position: absolute;
 bottom: 5px;
 right: 8%;
}
.mourn_main{
  width: 100%;
  margin:0 auto;
}
}
@media screen and (max-width:420px){
.mourn_main{
  padding:20px;
}
.mourn_main img{
  width: 100%;
}
.header_btn {
 position: absolute;
 bottom: -8px;
 right: -8%;
 transform: scale(0.5);
}
.mourn_con p{
  font-size: 16px;
  line-height: 30px;
}
.mourn_con{
  margin-bottom: 20px;
}
.mourn_img1,.mourn_img2{
  margin:0 0 10px 0;
}
.mourn_date p{
  font-size: 26px;
  line-height: 36px;
}
} 