@charset "UTF-8";

#container {
    margin-top: 16.7rem;
}
#section01 {
    background: #F1F2F7;
}
#section01 .group {
    display: table;
    width: calc(100% + 2rem);
    height: 100%;
    table-layout: fixed;
    margin: 0 -1rem;
    padding: 2.4rem 0 2rem;
}
#section01 .group > div {
    display: table-cell;
    height: 100%;
    vertical-align: top;
    padding: 0 1rem;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#section01 .group > div > .item {
    border-radius: 1.2rem;
    padding: 4.2rem 5.8rem;
}
#section01 .group .left {
    width: 42.4%;
}
#section01 .group .left .item {
    height: 100%;
    background: #fff;
    border: 2px solid #318AC4;
    text-align: center;
}
#section01 .group .left .date {
    margin-bottom: 4.2rem;
}
#section01 .group .left .date p {
    font-size: 2.1rem;
}
#section01 .group .left .date .date_item > * {
    display: inline-block;
    vertical-align: middle;
}
#section01 .group .left .date .date_item button {
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 50%;
    background: #F1F1F1;
    color: #828282;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#section01 .group .left .date .date_item button:focus,
#section01 .group .left .date .date_item button:hover {
    background: #828282;
    color: #fff;
}
#section01 .group .left .date .date_item p {
    font-family: "Montserrat";
    font-size: 3.4rem;
    font-weight: 600;
    color: #318AC4;
    line-height: normal;
    margin: 0 2.4rem;
}
#section01 .group .left .list {
    position: relative;
    text-align: left;
}
#section01 .group .left .list li {
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed;
    border-bottom: 1px solid rgba(112, 112, 112, 0.2);
    padding-bottom: 1.6rem;
    margin-bottom: 1.6rem;
}
#section01 .group .left .list li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
#section01 .group .left .list li > * {
    display: table-cell;
    vertical-align: middle;
}
#section01 .group .left .list li a {
    word-break: break-all;
    padding-right: 1rem;
}
#section01 .group .left .list li a:focus,
#section01 .group .left .list li a:hover {
    text-decoration: underline;
    text-underline-position: under;
}
#section01 .group .left .list li a p {
    position: relative;
    padding-left: 1.6rem;
}
#section01 .group .left .list li.new a p {
    position: relative;
    padding-left: 3.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#section01 .group .left .list li a p::before {
    position: absolute;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    border: 2px solid #707070;
    top: 0.8rem;
    left: 0;
    content: "";
}
#section01 .group .left .list li.new a p::before {
    position: absolute;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background: #F06667;
    border: 0;
    top: 0;
    left: 0;
    text-align: center;
    color: #fff;
    font-size: 1.3rem;
    line-height: 1.7;
    content: "N";
}
#section01 .group .left .list .list_date {
    width: 7.8rem;
    text-align: center;
    line-height: 1;
}
#section01 .group .left .list .list_date span {
    display: block;
    position: relative;
}
/*
#section01 .group .left .list .list_date span:first-child::after {
    display: block;
    content: "~";
}
*/
#section01 .group .right {
    width: 57.6%;
    color: #fff;
}
#section01 .group .right .item {
    position: relative;
    background: #38AABC;
    height: calc(37.5% - 1rem);
}
#section01 .group .right .item.top {
    background: #487CAB;
    margin-bottom: 2rem;
    height: calc(62.5% - 1rem);
}
/* #section01 .group .right .item.top::after {
    position: absolute;
    width: 28.1rem;
    height: 13.7rem;
    bottom: 3.3rem;
    right: 7rem;
    background: url("/edu/html/images/main/right_top_bg.svg") no-repeat center center/cover;
    content: "";
} */
#section01 .group .right .item.top::after {
    position: absolute;
    width: 30%;
    height: 100%;
    bottom: 1rem;
    right: 7rem;
    background: url("/edu/html/images/main/right_top_bg.svg") no-repeat right bottom/100%;
    content: "";
}
#section01 .group .right .item strong {
    display: block;
    font-size: 2.1rem;
    margin-bottom: 1.8rem;
}
#section01 .group .right .item p {
    margin-bottom: 2rem;
    line-height: 2.1rem;
}

#section01 .group .right .item.bottom::before {
    position: absolute;
    width: 10.4rem;
    height: 15.7rem;
    top: 50%;
    left: 6.8rem;
    transform: translateY(-50%);
    background: url("/edu/html/images/main/right_bottom_bg.svg") no-repeat center center/cover;
    content: "";
}
#section01 .group .right .item.bottom .txt {
    padding-left: 18.4rem;
}