.new{
width:100%;}
.announcement ul {
    width: 100%;}

.announcement ul li {
    border-top: 1px solid #eeeeee;}

.announcement .ctr {
    display: flex; /* 使用 flexbox 布局 */
    flex-direction: row; /* 垂直排列子元素 */
    justify-content: start;
    align-items: center;
    margin:15px 0;
    height:71px;
    width: 100%
    background: linear-gradient(to left,#0D5690 0 0) var(--p, 100%) / var(--p,0%) no-repeat;
    transition: .6s, background-position 0s;
    cursor: pointer;}

.announcement .ctr:hover a{
    color: #0d5690;}

.announcement .ctr .date{
    color: #0d5690;
    background-image: linear-gradient(to top, #0d5690, #0e61a2, #0f6cb5, #1177c8, #1383dc);
    border: none;}

.announcement .ctr.date-day{
    color: rgb(252, 222, 27);}

.announcement .ctr .year-month{
    color: white;}


.announcement .date {
    width: 50px; /* 圆圈直径 */
    height: 70px;
    border-radius: 5px; /* 将方块变成圆形 */
    border: 1px solid #0d5690;
    display: flex; /* 使用 flexbox 布局 */
    flex-direction: column; /* 垂直排列子元素 */
    align-items: center; /* 在交叉轴上居中对齐子元素 */
    justify-content: center;}

.announcement .date-day {
    font-size: 25px;
    color: rgb(252, 222, 27); /* 将文字颜色设置为白色 */
    font-weight: bold;
    height: 40%;
    display: flex;
    justify-content: center;
    align-items: center;}

.announcement .year-month {
    font-size: 13px;
    color: #999999; /* 将文字颜色设置为白色 */
    height: 30%;
    display: flex;
    justify-content: center;
    align-items: center;}
.announcement .line{
 width:75px;
 border-left: 3px solid #0D5690; /* 设置竖线的样式，1px 宽度，黑色 */
 margin-left:45px;}
.announcement .contest{
    display: flex; /* 使用 flexbox 布局 */
    flex-direction: row;}
.announcement .left1 {
        display: flex;
        justify-content: space-between;
        align-items: center;}
.announcement  .title .left1 a {
    font-size: 18px;
    color: #0d5690;}
.announcement .title .left1 img {
    margin-right: 10px;}

.announcement .title-1{
margin-left:15px;
margin-right:15px;
width: calc(90% - 70px);
flex: 1;}

.announcement .title-1 a {
    width: 100%;
    font-size: 15px;
    white-space: wrap;}
.student_work .contest ul {
    width: 100%;}

.student_work .ctr {
    display: flex; /* 使用 flexbox 布局 */
    flex-direction: row; /* 垂直排列子元素 */
    margin:15px;
    border-radius: 35px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); /* 添加阴影效果 */
    background: linear-gradient(to left,#0D5690 0 0) var(--p, 100%) / var(--p,0%) no-repeat;
    transition: .6s, background-position 0s;}

.student_work .ctr:hover{
    --p: 100%;}

.student_work .ctr:hover a{
    color: #fff;}

.student_work .date-circle {
    min-width: 70px;
    width: 70px; /* 圆圈直径 */
    height: 70px;
    background-color: #0D5690; /* 圆圈颜色 */
    border-radius: 50%; /* 将方块变成圆形 */
    display: flex; /* 使用 flexbox 布局 */
    flex-direction: column; /* 垂直排列子元素 */
    align-items: center; /* 在交叉轴上居中对齐子元素 */
    justify-content: center;}

.student_work .date-day {
    font-size: 25px;
    color: rgb(252, 222, 27); /* 将文字颜色设置为白色 */
    font-weight: bold;
    height: 40%;
    display: flex;
    justify-content: center;
    align-items: center;}

.student_work .year-month {
    font-size: 13px;
    color: white; /* 将文字颜色设置为白色 */
    height: 30%;
    display: flex;
    justify-content: center;
    align-items: center;}
.student_work .line{
 width:75px;
 border-left: 3px solid #0D5690; /* 设置竖线的样式，1px 宽度，黑色 */
 margin-left:45px;}
.student_work .contest{
    display: flex; /* 使用 flexbox 布局 */
    flex-direction: row;}
.student_work .left1 {
        display: flex;
        justify-content: space-between;
        align-items: center;}
.student_work  .title .left1 a {
    font-size: 18px;
    color: #0d5690;}
.student_work .title .left1 img {
    margin-right: 10px;}

.student_work .title-1{
margin-left:15px;
width: calc(90% - 70px);}

.student_work .title-1 a {
    width: 100%;
    font-size: 15px;}
