@charset "utf-8";
.flex{ display: flex; display: -ms-flexbox;}
.gp-ellipsis-2{
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box; /* Firefox 17- */
  display: -ms-flexbox; /* IE 10 */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}

.calendar{ border: 1px solid rgba(0, 74, 153, 0.1); border-radius: 10px;  }
.calenBox{ padding: 30px 30px 15px; box-sizing: border-box;position: relative;z-index: 1;
  flex-direction: row; justify-content: space-between;align-items: flex-start;overflow: hidden;}
.calenBox::before{content: '';display: block;top: 0;right: 0;bottom: 0;left: 0;position: absolute;
  background: rgba(255, 255, 255, 0.6); border-radius: 10px;filter: blur(6px);z-index: -1;}
#calendar{ width: 100%; max-width: 500px;}
.calendarEvent{ width: 100%; max-width: 500px; margin-left: 20px;}
/* row - week */
.pc_academic_calendar_wrap{ position: relative; padding-top: 20px;}
.pc_academic_calendar_wrap ul{ display: flex; justify-content: space-between;}
.pc_academic_calendar_wrap ul li::marker{ content: '';}
.pc_academic_calendar_wrap ul span{ display: block; width: 50px; height: 50px; line-height: 50px; text-align: center;}
.year_day_select, .academic_calendar_desc{ display: none;}
/* row - curMonth/changeMonth */
.year_day{ position: relative; justify-content: space-between; align-items: flex-end;}
.year_day h2{ font-size: 20px; line-height: 25px; padding-left: 40px; background: url(../images/calendar-ico.png) no-repeat center left;}
.year_day_left_arrow, .year_day_right_arrow{ display: block; width: 40px; height: 40px; border-radius: 10px; border: 1px solid #004A99;
    background: url(../images/calendar-arrow.png) no-repeat center;}
.year_day_right_arrow{ transform: rotateZ(180deg); margin-left: 20px;}
/* row - day */
.pc_academic_calendar_wrap dl{ display: flex; display: -ms-flexbox; flex-wrap: wrap;}
.pc_academic_calendar_wrap dd{ margin-bottom: 15px; margin-right: 25px;}
.pc_academic_calendar_wrap dd:nth-of-type(7n){ margin-right: 0px;}
.pc_academic_calendar_wrap dl a{ display: block; width: 50px; height: 44px; border-radius: 10px; line-height: 44px; text-align: center; font-size: 20px;position: relative;cursor: default;}
.calendar_icon{ display: none;}
.pc_academic_calendar_wrap dl a.event{ cursor: pointer;}
.pc_academic_calendar_wrap dd.cur a,
.pc_academic_calendar_wrap dd:hover a:not(.cbbbbbb){ background: #004A99; color: #fff;}
.pc_academic_calendar_wrap dd a.event::before{ content: '';display: block;width: 8px;height: 8px;border-radius: 50%;
  background: #2C71FF;border: 1px solid #fff;
  position: absolute;left: 50%;bottom: 0;transform: translate3d(-50%,50%,0);}

/* 科研新闻列表 */
.calendarEvent{ position: relative;}
.calendarEvent li::marker{ content: '';}
.calendarEvent li a{ display: block; margin-bottom: 30px;}
.calendarEvent li a:last-child{ margin-bottom: 0px;}
.calendarEvent .title{ font-weight: bold; line-height: 23px; padding-left: 16px; position: relative;transition: all 0.35s ease;}
.calendarEvent a:hover .title{ padding-left: 24px;}
.calendarEvent .title::before{ content: '';display: block;width: 6px;height: 23px; border-radius: 10px; background: #004A99;
    position: absolute; left: 0; top: 0;}
.calendarEvent .summary{ line-height: 24px; margin-top: 20px; border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 20px; color: #666;}
.calendarEvent .date{ color: #999; line-height: 24px; margin-top: 10px;}
.calendarEvent .slick-dots{ display: none !important;}
.calendarEvent .slick-page{ display: inline-block; text-align: left; position: absolute; top: calc(100% + 30px); left: 0; color: #888;}
.calendarEvent .slick-page .slickCur{ color: #333;}
.calendarEvent .slick-arrow{ width: 40px; height: 40px; border-radius: 50%; font-size: 0;background: #fff url(../images/arrow.png) no-repeat center;transform: unset;}
.calendarEvent .slick-arrow::after{ display: none;}
.calendarEvent .slick-prev{ top: calc(100% + 30px); left: 64px;}
.calendarEvent .slick-next{ top: calc(100% + 30px); left: 114px; right: auto; transform: rotateZ(180deg);}





/* 响应式样式 */

@media screen and (max-width:1340px) {
.calendarEvent{ margin-left: 20px; flex: 1; width: calc(100% - 500px);}
#calendar{ flex-shrink: 0;}
}
@media screen and (max-width:998px) {
  .calenBox{ display: flex; display: -ms-flexbox; flex-direction: column; align-items: center;}
  .calendarEvent{ max-width: 100%; width: 100%; margin: 0;}
}

@media screen and (max-width:767px) {
  
}

@media screen and (max-width:680px) {
  .calenBox{ padding: 20px;}
  .pc_academic_calendar_wrap dd{ margin-right: 5%;}
}

@media screen and (max-width:580px) {
  .pc_academic_calendar_wrap dd{ margin-right: 0%; width: 14.28%;}
  
}

@media screen and (max-width:414px) {
  .calenBox{ padding: 20px 5px;}
  .pc_academic_calendar_wrap ul li{width: 14.28%;}
  .pc_academic_calendar_wrap ul span{ width: 100%;}
  .calendarEvent{ padding-left: 10px; padding-right: 10px;}
}

@media screen and (max-width:320px) {
  
}