/**
组件样式
组件样式
组件样式
组件样式
组件样式
组件样式
组件样式
组件样式
组件样式
*/
.xlhd ul{
    margin:1rem -0.14rem 0 -0.14rem;}
.xlhd ul li{
    padding: 0 0.14rem;
    box-sizing: border-box;
    text-align:center;}
.xlhd ul li .pic{
padding-top: 55%;
height: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: transparent;
    background-size: cover;}
.xlhd ul li p{margin-top:10px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.xlhd ul li a:hover img{
    transform: scale(1.05);}
.xlhd ul li p.date{    font-weight: bold;
    color: #004aa7;
    font-size: .22rem;
    text-align: left;position: relative;padding-top: 15px;}
.xlhd ul li p.date span{color: #0a50aa;
    font-size: .14rem;
    font-weight: normal;}
.xlhd ul li p.date::before{
content:"";
width:29%;
height:3px;background:#1063ca;
position: absolute;
left:0;
top:5px;transition: all .5s;}
.xlhd ul li:hover .date::before{width:100%;transition: all .5s;}
.xlhd .bb {
    display: flex;
    width: auto;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    margin-top: 0.45rem;}
.xlhd .bb .next{
    width: 0.54rem;
    height: 0.54rem;
    border-radius: 100%;
    border: 1px solid #2470CD;
    box-sizing: border-box;
    background: url(index.vsb_res/prevIcon1.png) no-repeat center;
    cursor: pointer;}
.xlhd .bb .prev{
    width: 0.54rem;
    height: 0.54rem;
    border-radius: 100%;
    border: 1px solid #2470CD;
    box-sizing: border-box;
    background: url(index.vsb_res/nextIcon1.png) no-repeat center;
    cursor: pointer;}
.xlhd .bb .next:hover{
    background: #2470CD url(index.vsb_res/prevIcon2.png) no-repeat center;}
.xlhd .bb .prev:hover{
    background: #2470CD url(index.vsb_res/nextIcon2.png) no-repeat center;}
.xlhd .dots{
    margin: 0 0.35rem;}
.xlhd .dots .slick-dots{
    position: static;
    margin: 0;}
.xlhd .dots .slick-dots li button:before,.xlhd .dots .slick-dots li button{
    display: none;}
.xlhd .dots .slick-dots li{
    width: 0.12rem;
    height: 0.12rem;
    border: 1px solid #2470CD;
    border-radius: 100%;
    margin-right: 0.2rem;
    padding: 0;}
.xlhd .dots .slick-dots li.slick-active{
    background: #2470CD;}
.xlhd .dots .slick-dots li:last-of-type{
    margin-right: 0;}
@media only screen and (max-width: 768px){
 .xlhd .bb{
        margin-top: 35px;}
}
@media only screen and (max-width: 540px){
 .xlhd .bb{
        margin-top: 15px;}
    .xlhd .dots .slick-dots li{
        width: 10px;
        height: 10px;
        margin-right: 5px;}
    .xlhd .dots{
        margin: 0 15px;}
    .xlhd .bb .next,.xlhd .bb .prev{
        width: 32px;
        height: 32px;
        background-size: 22% auto !important;}
}