@charset "utf-8";
/* CSS Document */
.lm_bg { background: #e2f0fb url(../images_csrl/conbg.png) no-repeat center top;  }
/*头部*/
.ls-rl-maintop{ height: 215px;}
.ls-rl-logo{ padding: 75px 50px 0 16px;}
.ls-rl-logo .img_title{ display: none;}
/*搜索*/
.csrl_search { position: relative; padding-right: 120px; margin: 88px auto 0; height: auto;width: 480px; }
.csrl_search form { width: auto; position: relative; padding-right: 80px; border-radius: 8px; }
.csrl_search form.active { outline: none; border-color: #9ecaed!important; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6); -webkit-transition: border linear .2s,box-shadow linear .2s; -moz-transition: border linear .2s,box-shadow linear .2s; -o-transition: border linear .2s,box-shadow linear .2s; transition: border linear .2s,box-shadow linear .2s; }
.csrl_search ul li { height: 45px; line-height: 45px; box-sizing: border-box; }
.csrl_search ul li input { float: left; width: 100%; height: 100%; border: none; background: none; outline: 0; }
.csrl_search ul li.se_box {   border-radius: 8px 0 0 8px; background: url(/_res/images_csrl/ss1.png) no-repeat 10px center #fff; padding-left: 38px; }
.csrl_search ul li.se_box input {  font-size: 16px; color: rgba(0, 0, 0, 0.4)!important;  }
.csrl_search ul li.sea_an { width: 80px; position: absolute; top: 0; right: 0; }
.csrl_search ul li.sea_an input { font-size: 18px; text-align: center; overflow: hidden; cursor: pointer; outline: none; background: #1B50A0; border-radius: 0 8px 8px 0; color: #fff; }
.csrl_search ul li.se_box input::-webkit-input-placeholder { font-size: 16px; color: rgba(0, 0, 0, 0.4)!important; }
.csrl_search ul li.se_box input::-moz-placeholder { font-size: 16px; color: rgba(0, 0, 0, 0.4)!important; }
.csrl_search ul li.se_box input:-ms-input-placeholder { font-size: 16px; color: rgba(0, 0, 0, 0.4)!important; }

.wza-black-white .csrl_search ul li.se_box input::-webkit-input-placeholder { color:black!important; }
.wza-black-white .csrl_search ul li.se_box input::-moz-placeholder { color: black!important; }
.wza-black-white .csrl_search ul li.se_box input:-ms-input-placeholder { color:black!important; }
.wza-white-black .csrl_search ul li.se_box{ border: 1px solid #000; border-right: none;}
.csrl_search .se_gjbtn { position: absolute; top:6px;   right: 0; width: 110px; height: 32px;  background:url(/_res/images_csrl/ss-bg.png) no-repeat center;    box-shadow: 0px 2px 8px 0px rgba(219, 229, 246, 0.6); }
.csrl_search .se_gjbtn a{background:url(/_res/images_csrl/down.png) no-repeat right 12px center;color: #1B50A0; font-size: 16px; line-height:32px;text-indent: 18px;display: block;}
.csrl_search .se_gjbtn:hover{ background: #fff; border-radius: 32px;}
.csrl_search .se_gjbtn a:hover {  background:url(/_res/images_csrl/down-h.png) no-repeat right 12px center; }

/*日历*/
.ls-rlbg{ height: auto; background: #fff; border-radius: 16px; margin-bottom: 32px; padding: 2px;}
.ls-rlsj{ overflow:hidden;background: url("/_res/images_csrl/datebg.png") center top no-repeat; background-size: cover;border-radius: 16px;padding: 30px;}
/*日历*/
.hfg_gleft { width: 345px; margin-right: 20px; height: 356px; }
.ls-calendar-top { height: 45px;  background:url("/_res/images_csrl/yearbg.png") center no-repeat;position: relative;  }
.ls-calendar_name { line-height: 45px; text-align: center; font-size: 24px;color: #3D3D3D; font-weight: bold; }
.ls-calendar_name span{ padding: 0 6px;}
.ls-calendar-top .button { width: 26px; height: 26px;position: absolute; top:10px;   }
.ls-calendar-top .prev { background: url("/_res/images_csrl/cs-leftbtn.png") center no-repeat;left:50px; }
.ls-calendar-top .next { background: url("/_res/images_csrl/cs-rightbtn.png") center no-repeat; right: 50px;}
.ls-calendar .data_table { width: 100%; font-size: 18px; }
.ls-calendar table tr th { height: 36px;  }
.ls-calendar table tr th span { display: block; line-height: 36px; border-radius: 4px; margin: 0 auto; padding: 6px 0px;  width: 36px; height: 36px; text-align: center; color: rgba(51, 51, 51, 0.65); font-weight: 400; }
.ls-calendar table tr td { cursor: pointer; text-align: center; line-height: 36px; height: 36px; padding: 6px 0px; }
/*鼠标滑过*/
.riqi.on { cursor: pointer; position: relative; }
.riqi.on:after { content: ''; width: 4px; height: 4px; background: rgb(27, 80, 160); border-radius: 50%; position: absolute; left: 50%; margin-left: -2px; bottom: -4px; }
.riqi .piaofu .arrow { background: url("/_res/images2024/ldzc-arrow.png") center bottom; width: 13px; height: 7px; position: absolute; left: 50px; margin-left: 58px; bottom: -7px; }
.bgHover.on { background: rgb(27, 80, 160); color: #fff!important; text-decoration: none!important; border-radius: 50%; }
.riqi.on.bgHover:after { background: none; }
.riqi { text-align: center; position: relative; z-index: 19; width: 36px; margin: 0 auto; height: 36px; line-height: 36px; color: #333; }
.riqi:hover{ background: rgb(27, 80, 160); color:#fff !important;text-decoration:none !important; border-radius: 50%;}
.ls-calendar table tr td.current .riqi { background: rgb(27, 80, 160); color:#fff !important;text-decoration:none !important; border-radius: 50%;  }
.riqi .piaofu { position: absolute; width: 225px; bottom: 27px; left: 50%; margin-left: -115px; background: #fff; text-align: left; font-size: 14px; line-height: 18px; padding: 0; display: none; z-index: 100; box-shadow: 0 4px 10px 0 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 0; 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: #125db2; z-index: 100; }
/*非本月日期*/
.ls-calendar table tr td.current_day { background: #e6e6e6; }
.ls-calendar table tr td.unselected_month { color: #dcdcdc; }
.ls-calendar table tr td.current { color: #dcdcdc; }
/*当天*/
.ls-todaybox{ width: 235px; height: 309px; background: #fff;box-shadow: 0px 2px 16px 0px #C6E2F9; border-radius: 16px; margin-top: 16px;position: relative;}
.ls-today-ico{ background: url("/_res/images_csrl/todaybg.png") center top no-repeat;width: 100%;height: 29px; position: absolute;left: 0px;top:-10px;}
.ls-today-text{ width: 130px; margin: 0 auto;padding-top:45px;text-align: center;}
.ls-cs-datetime{ height: 42px; border-bottom: 1px solid #E94440; line-height: 42px; font-size: 22px;}
.ls-cs-daytime{ line-height: 90px; margin: 30px 0 16px;color: #E94440; font-size: 88px; font-weight: bold;}
.ls-cs-nltime{ line-height: 30px; font-size: 18px;}
/*日历列表*/
.ls-csdatelist{width: 506px; height: 326px;}
.ls-csdatelist ul li{ height: 44px; padding:10px 0; border-bottom:1px dashed #CADFFA; }
.ls-csdatelist ul li .ls-title{  margin-left: 12px;  width: 418px; display: inline-block; vertical-align: middle;}
.ls-csdatelist ul li a.title{  line-height: 24px;display:block;  font-size: 18px;}
.ls-csdatelist ul li .ls-datetime{ width:50px;text-align: center;display: inline-block; vertical-align: middle; background: url("/_res/images_csrl/linebg.png") right center no-repeat; padding-right: 16px;}
.ls-csdatelist ul li .ls-datetime .ls-dateday{ line-height: 24px; font-size:18px; display: block;color: #1B50A0;}
.ls-csdatelist ul li .ls-datetime .ls-datayear{ line-height: 20px;font-size: 12px; color: #888; display: block;}
/* 滚动条 */
.scrollbar-y{overflow-y: auto; overflow-x: hidden;}
.scrollbar-y::-webkit-scrollbar{ width: 6px;height: auto;}
/* 滚动条轨道 */
.scrollbar-y::-webkit-scrollbar-track {border-radius: 6px;background:#CADFFA;}
/* 滚动条滑块 */
.scrollbar-y::-webkit-scrollbar-thumb{border-radius: 6px;background:#1B50A0;}
/*最新活动*/
.ls-zxhd{background: #fff; border-radius: 8px; margin-bottom: 32px;}
.hd_tt{ width: 188px; height: 40px; line-height: 40px; background: url(/_res/images_csrl/ttbg.png) no-repeat center; background-size: 100% 100%; font-size: 20px; font-weight: bold; color: #1b50a0; text-align: center; padding-right: 14px; }
.hd_list{ padding: 4px 32px 32px;}
.hd_list li {padding: 20px 0px; border-bottom: 1px dashed #CADFFA; overflow: hidden;}
.hd_list li .con{width: 458px;float: left;}
.hd_list li .title{ padding: 10px 0 20px;   }
.hd_list li .title a { font-size: 22px; color: #000; letter-spacing: 0.05em; vertical-align: top; line-height: 32px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hd_list li .title a:hover { color: #1b50a0; }
.hd_list li .zt {  padding: 0 15px; height: 24px; line-height: 24px; background: #bfbfbf; border-radius: 6px 6px 6px 0; font-size: 14px; color: #fff!important; text-align: center; vertical-align: top;  }
.hd_list li .zt.starting { background: #ff6906; }
.hd_list li .dretime span { float: left; margin-left: 20px;font-size: 16px; color: #86909c; }
.hd_list li .dretime .time{ margin-left: 0px;}
.hd_list li .remarks { position: relative;  margin-left: 496px;background: #EBF4FF; padding: 9px 16px; border-radius: 4px;}
.hd_list li .remarks .info {text-indent: 2em; display: block; font-size: 14px; color: rgba(0, 0, 0, 0.6);  line-height: 24px;   min-height: 48px; max-height: 72px; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis;   overflow: hidden; }
.hd_list li .remarks .detailed { color: #1B50A0 }
.hd_list li .remarks .detailed:hover {   color: red; }
.hd_list li .remarks:before{content: ''; width: 7px; height: 9px;position: absolute;left: -7px;top:8px; background: url("/_res/images_csrl/content-dot.png") no-repeat;}
@media (min-width: 992px) and (max-width: 1199px) {
    /*头部*/
    .ls-rl-logo{ padding-right: 20px;}
    .csrl_search{ width: 300px;}
    /*日历*/
    .ls-rlbg,.ls-zxhd{ margin-bottom: 20px;}
    .ls-rlsj{ padding: 20px;}
    .hfg_gleft{width: 280px;}
    .ls-calendar-top .prev{ left: 20px;}
    .ls-calendar-top .next{ right: 20px;}
    .ls-todaybox{ width: 220px;}
    .ls-csdatelist{ width: 408px;}
    .ls-csdatelist ul li .ls-title{ width: 318px;}
    .hd_list li .remarks{ margin-left: 470px;}
}
@media (max-width: 991px) {
    /*头部*/
    .ls-rl-logo{ padding-top: 45px;}
    .csrl_search{ margin-top: 30px;}
    .ls-rlbg,.ls-zxhd{ margin-bottom: 15px;}
    /*日历*/
    .ls-rlsj{ padding: 15px;}
    .hfg_gleft{ width: 479px;}
    .ls-csdatelist{ width: 100%;}
    .ls-csdatelist ul li .ls-title{width: 640px;}
    /*最新活动*/
    .hd_list{ padding: 4px 20px 20px;}
    .hd_list li{ padding: 15px 0px;}
    .hd_list li .con{width:auto;float: none;}
    .hd_list li .remarks { margin-left:0px; margin-top: 15px;}
}
@media (max-width: 767px) {
    /*头部*/
    .ls-rl-maintop{ height: auto;padding:15px; overflow: hidden;}
    .ls-rl-logo{ padding: 15px 0 0;}
    .ls-rl-logo img{ max-width: 100%;}
    .csrl_search {   padding-right: 0px; margin: 20px auto 0;  width:100%; }
    .csrl_search .se_gjbtn{ position: static; margin-top: 20px;}
    .ls-rlbg,.ls-zxhd{ margin-bottom: 10px;}
    /*日历*/
    .ls-rlsj{ padding: 10px;}
    .hfg_gleft{ width:auto;float: none; margin-right: 0px;}
    .ls-calendar-top .prev{ left: 20px;}
    .ls-calendar-top .next{ right: 20px;}
    .ls-todaybox{ width: 100%; float: none; margin-bottom: 10px;}
    .ls-csdatelist ul li{ height: auto;}
    .ls-csdatelist ul li .ls-datetime{display: none}
    .ls-csdatelist ul li .ls-title{ margin-left: 0px; width: auto;}
    .ls-csdatelist ul li a.title{ display: inline;}
    .ls-csdatelist ul li .date{ display: inline-block!important; font-size: 16px;}
    /*最新活动*/
    .hd_list{padding: 4px 10px 10px;}
    .hd_list li .remarks .info{ min-height: auto; max-height: none;display:block;-webkit-line-clamp:none;line-clamp:none;}

}


