.content *,.messagebox *{ box-sizing: border-box;}
.hdrl_laydate{background: linear-gradient(180deg, rgba(206, 234, 255, 0.8) 0%, rgba(247, 253, 255, 0.8) 82.41%), rgba(255, 255, 255, 1); padding-bottom: .07rem;}
.calTit{ background-color: #1658A0; color: #ffffff; font-size: .24rem; font-weight: bold; line-height: .55rem; padding: 0rem .32rem;}
.calTit a{ color: #ffffff;}
.calTit+.tab{ margin: .1rem .32rem; background-color: transparent !important; width: calc(100% - .64rem); font-size: .24rem; font-weight: bold; color: #1658A0;}
.calendar{ width: 100%; margin: 0 auto; border-spacing: 0rem;}
.calendar th{ line-height: .4rem; background-color: #D2E6FC; font-size: .16rem; font-weight: bold; color: #1658A0; text-align: center;}
.calendar .count{ display: none;}
.calendar td{ text-align: center; padding: .1rem 0rem .06rem 0rem;}
.calendar td a{ display: inline-block; width: .4rem; height: .4rem; line-height: .4rem;}
.calendar td .current2 a{ border-radius: .16rem; color: #ffffff; background-color: #1658A0;}
.hdrl_icon_list{ margin-top: -.2rem;}
.hdrl_icon_list li a{display: block;text-align: center;background-color: #E7F1FC; border:1px solid #E7F1FC; padding: .31rem .12rem;transition: .3s all;cursor: pointer;}
.hdrl_icon_list li a:hover,.hdrl_icon_list li.on a{ box-shadow: 0px 0px .06rem rgba(22,88,160,.2); border:1px solid #1658a0;}
.hdrl_icon_list li a span{ height: .36rem; line-height: .36rem; width: .36rem; display: block; margin: 0 auto;}
.hdrl_icon_list li a p{ margin-top: .1rem; font-size: .16rem; line-height: .22rem; transition: .3s all;}
.hdrl_icon_list li a:hover p,.hdrl_icon_list li.on a p{ font-weight: bold;}
.tabs.hdrl_tabs .tabs_header{ margin-bottom:0rem;}
.tabs.hdrl_tabs .tabs_header:after{ display: none;}
.tabs.hdrl_tabs .tabs_header>ul>li.on a{ padding: 0rem .32rem; border-radius: .16rem .16rem 0rem 0rem; background-color: #1658a0; color: #ffffff; font-weight: bold; font-size: .2rem;}

.hdrl_list ul{ display: flex; flex-wrap: wrap;}
.hdrl_list li a{ display: block; height: 100%; background: linear-gradient(180deg, rgba(196, 227, 255, 0.2) 0%, rgba(210, 230, 252, 0.2) 100%); padding: .32rem; transition: .3s all;}
.hdrl_list li a:hover{ background: url(231001xm_hdrl_pic.jpg) no-repeat center; background-size: cover; position: relative; z-index: 1; color: #ffffff;}
.hdrl_list li a:hover::before{ content: ''; position: absolute; left: 0rem; top:0rem; right: 0rem; bottom: 0rem; background-color: #1658a0; opacity: .6; z-index: 2;}
.hdrl_list li a h3,.hdrl_list li a p,.hdrl_list li a span{ position: relative; z-index: 3;}
.hdrl_list li a h3{ transition: .3s all; font-size: .24rem; line-height: .32rem; color: #1658a0; position: relative; height: .64rem; margin-bottom: .2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.hdrl_list li a p{ font-size: .16rem; line-height: .28rem; height: .84rem; margin-bottom: .2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #666666;}
.hdrl_list li a span{ line-height: .28rem; display: block; color: #999999;}
.hdrl_list li a:hover h3,.hdrl_list li a:hover p,.hdrl_list li a:hover span{ color: #ffffff;}

.messagebox{ border: none; overflow:visible;}
.messagebox_header{ background-color: #1658A0;}
.messagebox_headerbtn{ right: -.2rem; top: -.2rem; background-color: #D43030; border-radius: 50%; padding: .08rem;}
.messagebox_headerbtn .messagebox_close{ font-size: .22rem; color: #ffffff;}
.messagebox_headerbtn:hover .messagebox_close{ color:#ffffff;}
.messagebox_message{ padding-top: .12rem;}
.messagebox_message .list_base li span i{ margin-right: .08rem;}
.messagebox_large{width: 7.8rem;}
.page_base{ margin: 0 auto;}
.dv_2 {margin: .1rem 0;}
.dv_2 li {padding-top: .12rem; padding-bottom:.12rem; margin-bottom:0rem; padding-right:.2rem; margin-left:.12rem}
.dv_2 a {color: #4d4d4d;line-height: .26rem;font-size:.16rem;display:block;overflow: hidden;padding-right: .8rem;position: relative;text-overflow: ellipsis;white-space: nowrap;}
.dv_2 li:hover {background-color: #e6e6e6;}
.dv_2 li span {position: absolute;top: 0;right: 0; color:#1658a0}
.list_base li:before{ top:.23rem}
.messagebox_title #layer_dv_span{ position:absolute; right:.32rem; top:.12rem; line-height:.4rem; color:#ffffff;}
.footer_21{ margin-top:0;}
.content.pad_t_large.pad_t_base0_sm{ padding-bottom:.3rem}
@media screen and (max-width:992px) {
	.hdrl_list li a{ padding: .2rem;}
	.row{ padding-right:.2rem; padding-left:.2rem;}
	.tabs.hdrl_tabs .tabs_header{/* margin-bottom: .2rem; */}
	.tabs .tabs_header>ul>li{ margin-left:0rem;}
	.tabs.hdrl_tabs .tabs_header>ul>li a{ padding: 0rem .12rem;}
	.calTit{ padding: 0 .12rem;}
	.calTit+.tab{ margin:.08rem .12rem; width: calc(100% - .24rem);}
	.messagebox_message{ padding-top: 0rem;}
	.hdrl_icon_list li a{ padding: .12rem;}
	.page_base .page_tools li.prev:first-child, .page_base .page_tools li.next:last-child{display: none !important;}
	.content.pad_t_large.pad_t_base0_sm{ padding-bottom:.2rem;}
	.messagebox_large{ width:90%}
	.dv_2 a{ padding-right:0rem; white-space:normal; padding-bottom:.48rem}
	.dv_2 a span{ top:inherit; bottom:.12rem; left:0rem; top:inherit;}
}