.banner-con{width:100%;height:300px;background:url("../../assets/img/bannerO.jpg")no-repeat center;background-size:cover;position: absolute;top:80px;left:0;}
.position{transform:translateY(72px);margin-bottom:72px;}
.position .title-container{height: 60px;background: #ECECEC;padding:0 20px;font-size: 16px;font-weight: bold;color: #481869;line-height: 57px;}
.position .title-container .title{border-bottom:3px solid #481869;width: max-content}
.position .bg-white{background:#ffffff;padding:40px;}
.item-con:first-child{margin-top:0;}
.item-con{display: flex;align-items: center;margin-top:40px;}
.item-con .time{text-align: center;font-weight: bold;color: #481869;position: relative;margin-right:20px;width:60px;}
.item-con .time::after{content:"";position: absolute;right:-20px;top:4px;width:1px;height:41px;background:#999999;}
.item-con .introduce{width: calc(100% - 80px);margin-left:20px;border-bottom:1px solid #D5D5D5;}
.item-con .introduce .introduce-title{font-size: 20px;font-weight: 400;color: #666666;margin-bottom:10px;}
.item-con .introduce .introduce-con{font-size: 14px;font-weight: 400;
    color: #999999;line-height: 24px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;margin-bottom:40px;}
.pagination>li>a, .pagination>li>span{margin:0 4px;border-radius: 2px;font-size: 14px;font-weight: 400;color: #666666;}
.page-active{background:#481869 !important;color:#fff !important;}

@media (max-width:760px) {
    .time{width:80px !important;margin-right:0px !important;}
    .time::after{content:"";position: absolute;right:-20px;top:4px;width:1px;height:41px;background:#999999;display: none;}
    .pagination>li>a, .pagination>li>span{margin:0 !important;border:none !important;}
}