@charset "utf-8";
/* CSS Document */
.ls-csrl-content{ background: #fff; padding: 20px; margin-bottom: 20px;}
.ls-csrlbox{  height: 320px; background: url("../images-csrl/rlboxbg.png") no-repeat; padding: 20px; margin-bottom: 20px;}
.ls-calendar-tit{ width: 306px; padding: 52px 0 0 40px;}
.ls-calendar-tit a{ display:block; height: 97px;}
.ls-calendar-tit img{ vertical-align: top}
.ls-calendar{  height: 320px;margin-left: 440px;border-radius: 8px;  background:url("../images-csrl/datetopbg.png") center top repeat-x #fff;}
.ls-calendar-top{ height: 30px; padding: 10px 0px 10px 137px;position: relative;}
.ls-calendar_name{ line-height: 30px; position: absolute; left:29px; top:10px;color: rgb(51, 51, 51); font-size: 16px;}
.ls-calendar_name .cxtm{width: 100px;height: 30px; background: none; border: none; position: absolute;left:-5px; top:0px;cursor: pointer;outline: none;}
.ls-calendar-top .button{ width: 16px; height: 16px; float: left; margin-right: 16px; margin-top: 7px;cursor: pointer;}
.ls-calendar-top .prev{ background: url("../images-csrl/prev.png") center no-repeat;}
.ls-calendar-top .next{ background: url("../images-csrl/next.png") center no-repeat;}
.ls-calendar-top .prev:hover{ background: url("../images-csrl/prevh.png") center no-repeat;}
.ls-calendar-top .next:hover{ background: url("../images-csrl/nexth.png") center no-repeat;}
.ls-calendar .data_table{ width: 100%;font-size: 16px; }
.ls-calendar table tr th{ height: 30px;  letter-spacing: 2px; }
.ls-calendar table tr th span{display:block; line-height: 30px; border-radius: 4px; margin:0 auto;padding: 4px 0;  width: 30px; height: 30px;text-align: center; color: rgba(51, 51, 51, 0.65);  font-weight: 400;   }
.ls-calendar table tr td{ text-align:center; line-height:30px; height:30px;padding:4px 0px;}
/*鼠标滑过*/
.riqi.on{  cursor: pointer; position: relative;}
.riqi.on:after{content: ''; width: 4px; height: 4px;background:#C50001; border-radius: 50%; position: absolute; left: 50%; margin-left: -2px; bottom: 0px;}
.riqi .piaofu .arrow{background:url("../images2024/ldzc-arrow.png") center bottom; width: 13px;height: 7px; position: absolute; left: 50px; margin-left:58px; bottom: -7px;}
.bgHover.on{ background:#C50001; color:#fff !important;text-decoration:none !important; border-radius: 50%;}
.riqi:hover{ background:#C50001; color:#fff !important;text-decoration:none !important; border-radius: 50%;}
.ls-calendar table tr td.current .riqi { background:#C50001; color:#fff !important;text-decoration:none !important; border-radius: 50%;   }
.riqi.on.bgHover:after{background:none;}
.riqi { position:relative; z-index:19; width:30px; margin: 0 auto; height:30px;line-height:30px;color: #333; cursor: pointer;}
.riqi .piaofu{    position: absolute;width: 225px;bottom: 27px;left: 50%;margin-left: -115px;background:#fff;text-align: left;font-size: 16px;line-height: 18px;padding:0px;display: none;z-index: 100; box-shadow: 0px 4px 10px 0px rgba(27, 80, 160, 0.2);}
.riqi.current .piaofu{ display:block;}
.riqi .piaofu ul{ max-height: 340px;  overflow: auto;padding: 5px 20px;}
.riqi .piaofu ul li{padding:5px 0px;line-height:26px;z-index:100;}
.riqi .piaofu ul li a{z-index:100;font-size:14px;color:#333;max-height: 52px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.riqi .piaofu ul li a:hover{ text-decoration:underline;color:#C50001; z-index:100;}
.unselected_month .riqi{ color:#999;}
/*非本月日期*/
.ls-calendar table tr td.current_day{ background:#e6e6e6}
.ls-calendar table tr td.unselected_month{ color:#dcdcdc}
.ls-calendar.more table tr td{ padding: 0 0 4px;}
.ls-calendar.more .ls-calendar-top{ padding: 8px 0px 0px 130px;}
/*列表*/
.ls-csrl-list ul li{width: 522px;height: 116px; margin: 0 0px 20px;float: left; border: 1px solid #EEEEEE;padding: 15px 23px 19px;}
.ls-csrl-list ul li:nth-of-type(2n){ float: right;}
.ls-csrl-list ul li .type{ margin-bottom: 10px;clear: both;height: 24px;line-height: 24px;font-size: 14px;}
.ls-csrl-list ul li .columu{float:left;padding: 0 18px 0 8px;color: #C50001;   background: url("../images-csrl/type-tag.png") right center no-repeat #f9e5e5;}
.ls-csrl-list ul li .datetime{ background: url("../images-csrl/icon_time.png") left center no-repeat;background-size: 14px; padding-left: 22px;   color: rgba(0,0,0,0.6);   float:right;}
.ls-csrl-list ul li .title{ display: block; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/ font-size: 20px;font-weight: bold; color: rgba(0,0,0,0.8); line-height: 34px; margin-bottom: 4px;   }
.ls-csrl-list ul li .title:hover{color: #C50001;}
.ls-csrl-list ul li .info{font-size: 14px; color: #999; line-height: 22px;  display:block;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;    line-clamp: 2;    overflow: hidden;}
@media (max-width: 1199px) and (min-width: 992px){
    .ls-calendar-tit{ padding-left: 20px;}
    .ls-calendar{ margin-left: 360px;}
    .ls-csrl-list ul li{width: 418px;}
}
@media (max-width: 991px){
    .ls-csrl-content{   padding: 15px; margin-bottom: 15px;}
    .ls-csrlbox{   padding: 15px; margin-bottom: 15px;}
    .ls-calendar-tit{ padding-left: 0px;}
    .ls-calendar{ margin-left: 320px;}
    /*列表*/
    .ls-csrl-list ul li{width: auto;height: auto; margin: 0 0px 15px;float: none; padding: 15px;}
    .ls-csrl-list ul li:nth-of-type(2n){ float: none;}
}
@media (max-width: 767px){
    .ls-csrl-content{   padding: 10px; margin-bottom: 10px;}
    .ls-csrlbox{height: auto;   padding: 10px; margin-bottom: 10px;background-size: 100% 100%;}
    .ls-calendar-tit{float: none; width: auto;text-align: center; padding: 0px;}
    .ls-calendar-tit img{ max-width: 96%; height: auto;}
    .ls-calendar{ margin-left: 0px;}
    /*列表*/
    .ls-csrl-list ul li{ margin: 0 0px 10px;  padding: 10px;}
}