.tzgg-con a {
    background: #fff;
    display: block;
    box-shadow: 5px 5px 10px #9a0a1410;
    border-radius: 19px 0px 22px 0px;
    /* height: 80px; */
    padding: 10px;
    margin-bottom: 20px;
    display: flex;
    gap: 20px;}

.tzgg-con a:hover {
    background: #9a0a14;}

.tzgg-con * {
    margin: 0;
    padding: 0;
    transition: all 0.3s ease;}

.tzgg-con .date {
    padding:5px;
    width: 65px;
    height: 65px;
    border-radius: 15px 0;
    position: relative;}

.tzgg-con .date::before {
    content: "";
    width: 65px;
    height: 65px;
    border-radius: 15px 0;
    background: #9a0a14; /* 红色背景 */
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;}

.tzgg-con a:hover .date::before {
    background: #fbb500;}

.tzgg-con .date::after {
    content: "";
    width: 65px;
    height: 65px;
    border-radius: 15px 0;
    background: #fbb500; /* 黄色背景 */
    position: absolute;
    left: 5px;
    top: 3px;
    z-index: 1;}

.tzgg-con a:hover .date::after {
    background: #b35255;}

.tzgg-con .date span {
    width: 100%;
    display: block;
    text-align: center;
    z-index: 3;
    position: relative;
    color: #fff;
    text-align: center;}

.tzgg-con .date span.day {
    /* height: 70%; */
    font-size: 28px;
    font-weight: bold;
    line-height: 28px;}

.tzgg-con .date span.month {
    font-size: 14px;}

.tzgg-con p {
    color: #000;
    font-size: 18px;
    align-self: center;
    flex:1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}

.tzgg-con a:hover p {
    color: #fff;}