* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

a {
  color: #333;
  text-decoration: none;
  outline: none;
}

li {
  list-style: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.top {
  background: #dcf7ff url(img/csrl_banner.png) no-repeat top center;
  height: 360px;
  background-size: 100% 100%;
}

.csrl_txt {
  padding: 82px 0 90px 0;
  text-align: center;
}

.item1 {
  background: #dcf7ff;
  padding:50px 0;
}

.item1main {
  max-width: 1200px;
  margin: 0 auto;
  padding: 50px 20px 20px;
  background: #fff;
}

.RlTopCont {
  border-radius: 5px;
  border: 2px solid #ffffff;
  position: relative;
  box-shadow: 0px 0px 10px 2px #d9e1ff;
}

.RlTopCont:after {
  clear: both;
  line-height: 0;
  display: table;
  content: '';
}

.RlTopCont .TopTit {
  background: #1760ad;
  position: absolute;
  top: -1.5em;
  left: 1.5em;
  padding: 1.8em;
  border-radius: 0 0 5px 5px;
  box-shadow: 5px 5px 10px rgb(23 96 173);
}

.RlTopCont .TopTit .touBg {
  position: absolute;
  left: -0.55em;
  top: 0px;
  width: 0.55em;
}

.RlTopCont .TopTit .touBg img {
  width: 100%;
}

.RlTopCont .TopTit .touBg2 {
  left: auto;
  right: -0.55em;
}

.RlTopCont .TopTit em {
  font-family: 'rzzy';
  color: #fff;
  font-size: 1.8em;
  line-height: 1;
}

.RlTopCont .TopTit span {
  background: #fff;
  display: inline-block;
  border-radius: 5px;
  font-size: 1.3em;
  padding: 0 0.5em;
  line-height: 1.18;
  color: #1760ad;
  margin: 0 0 0 0.6em;
}

.RlTopLeft {
  padding-top: 40px;
  padding-right: 30%;
  background: url(img/rl_bg.png) no-repeat right bottom white
}

#current-month {
  margin: 0 20px;
  font-size: 20px;
  font-weight: bold;
}

#month-year {
  display: inline-block;
  text-align: center;
  float: left;
  width: 25%;
  margin: 0 4%;
  padding: 6em 0 0 0;
}

.calendar-container {
  display: inline-block;
  /* height: 28em; */
}

.clndr-time {
  font-size: 1.15em;
  color: #000;
  line-height: 1.5em;
  position: relative;
  margin: 0 0 1em 0;
  font-weight: bold;
}

.clndr-control-button {
  position: absolute;
  left: 0px;
  top: 0px;
  background: url(img/left.png) center left no-repeat;
  background-size: auto 70%;
  width: 2em;
  height: 1.5em;
  cursor: pointer;
}

#next-month {
  left: auto;
  right: 0px;
  background-image: url(img/right.png);
}

.clndr-sky .KuangCont {
  border: 2px solid #1760ad;
  border-radius: 100%;
  padding: 2em 0 0 0em;
  line-height: 1.2;
  font-size: 0.8em;
  margin: 0 auto;
  width: 10em;
  height: 10em;
  margin: 0 auto 1em auto;
}

.clndr-sky .KuangCont p {
  height: 2em;
  overflow: hidden;
}

.clndr-sky .KuangCont h1 {
  color: #1760ad;
  font-weight: normal;
  font-size: 2em;
  line-height: 40px;
  margin: 0;
  padding: 0;
}

#weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  /* 中心对齐 */
  font-weight: bold;
  /* 加粗字体 */
  margin: 0 20px
}

.weekday {
  padding: 10px;
  line-height: 10px;
  font-weight: bold;
  overflow: hidden;
  color: #1760ad;
  font-size: 1.37em;
  /* border: 1px solid #ccc; */
  /* 边框样式与日历单元格一致 */
}

#calendar {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  /* gap: 5px; */
  margin: 20px;
}

.current-day {
  /* 当前日期 */
  color: #fff !important;
  background: #1760ad !important;
}

.selected-day {
  /* 选中日期 */
  color: #fff !important;
  background: #f2c665 !important;
  /* border-radius: 100%; */
}

.day {
  padding: 5px;
  margin: 10px;
  font-size: 1.37em;
  text-align: center;
  cursor: pointer;
  color: #797979;
  background: #fbe4d2;
  border-radius: 100%;
  /* font-weight: bold; */
  transition: background 0.3s;
  /* 添加过渡效果 */
}

.day:hover {
  color: #ffffff;
  background-color: #f2c665;
}

.disabled {
  color: #a1b1c2;
  background: #ffedde;
}

/* 列表区 */
.conter {
  background: #dcf7ff url(img/csrl_cont.png) no-repeat center center;
  padding-bottom: 80px;
}

.tab_con.tab_conRL {
  width: 1200px;
  margin: 0 auto;
}

#event-message {
  margin-top: 20px;
  font-weight: bold;
  text-align: center;
}

.zxhd {
  height: 104px;
  line-height: 104px;
  padding: 0 20px;
  background-color: #fff;
}

.zxhd span a{
  font-size: 30px;
  color: #4dd7ff;
}

.zxhd span img {
  vertical-align: middle;
}

.zxhd>a {
  display: inline-block;
  width: 157px;
  height: 42px;
  cursor: pointer;
  line-height: 42px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  margin-left: 30px;
  background: url(img/csrl_hd_tit.png) no-repeat top center;
}

.zxhd a.on {
  background: url(img/csrl_hd_tit_on.png) no-repeat top center;
} 

.hd_list {
  padding: 20px;
  min-height: 300px;
  background-color: #fff;
}

.hd_list li {
  width: 100%;
  height: 225px;
  margin-bottom: 30px;
  padding: 20px;
  box-sizing: border-box;
  position: relative;
  background: url(img/csrl_hd_list.png) no-repeat right center;
  background-size: 100% 100%;
}

.hd_list li>span {
  display: block;
  width: 157px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  background: url(img/csrl_hd_tit.png) no-repeat top center;
}

.hd_list li p {
  height: 30px;
  line-height: 30px;
  margin-top: 15px;
}

.hd_list li p a {
  color: #0078d1;
  font-size: 18px;
}

.hd_list li .memo {
  width: 80%;
  height: 50px;
  line-height: 42px;
  color: #919191;
  background: url(img/csrl_hd_line.png) no-repeat left bottom;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.hd_list li .hdxx {
  margin-top: 15px;
}

.hd_list li .hdxx>div {
  height: 30px;
  line-height: 30px;
  padding-left: 38px;
  font-size: 18px;
}

.hd_list li .hdxx>div span {
  /* color:#0078d1; */
  font-size: 18px;
  /* font-weight:bold; */
  padding-left: 5px;
}

.hd_list li .hdxx .sj {
  width: 40%;
  background: url(img/csrl_hd_time.png) no-repeat left center;
}

.hd_list li .hdxx .dz {
  width: 60%;
  background: url(img/csrl_hd_dz.png) no-repeat left center;
}

.hd_list li .more {
  position: absolute;
  top: 115px;
  right: 35px;
  font-size: 20px;
  color: #0078d1;
  /* font-weight:bold; */
}

.more1 {
  text-align: center;
  background-color: #fff;
}

.more1 a {
  display: block;
  width: 208px;
  height: 55px;
  text-align: center;
  font-size: 24px;
  color: #fff;
  line-height: 55px;
  cursor: pointer;
  margin: 0 auto;
  background-color: #69baf6;
  border-radius: 40px;
}

.more1 a.hideMore {
  display: none;
}