.chronicle-box{
    width: 970px;
  	height: 69px;
  	display: block;
  	margin-bottom: 10px;
}
    .chronicle-title{
        height: 100%;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .chronicle-con{
        width:970px;
        display: none;
        overflow: hidden;
    }
    .chronicle-con li{
        width: 970px;
        padding:20px;
    } 
    .chronicle-r{
        width: 970px;
        height: 69px;
        background: linear-gradient(36deg, #FFFFFF 0%, #FFFFFF 100%);
		box-shadow: 0px 1px 5px 0px rgba(116,117,118,0.17);
        display:flex ;
        justify-content: space-between;
        align-items: center;
    }
	
	.chronicle-r>div{
		 display:flex ;
      	 align-items: center;
	}
	.chronicle-r>span{
		margin-right: 20px;
    	transform: rotate(-90deg);
	}
	.chronicle-r>div>div{
      	white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width:860px;
        height: 28px;
        font-size: 20px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #000000;
        line-height: 28px;
      	margin:0px 20px;
    }
    .chronicle-r>span>img{
		width: 24px;
        height:24px;
    }