/* course */
.course {
    margin: 0 auto;
    margin-top: 3.8889rem;
    width: 67.7083rem;
    height: 41.0417rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.course .course_title {
    font-weight: 700;
    font-size: 2.2222rem;
    line-height: 1.6667rem;
    color: #3e55f8;
    margin-top: 0;
    margin-bottom: 2.7778rem;
}
.course .course_list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2.2222rem;
    margin-bottom: 2.2222rem;
}
.course .course_list-item {
    width: 21.1806rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 0.0694rem 0.5556rem 0 #070c2f24;
    border-radius: 1.3889rem;
    background: #fefefe;
    position: relative;
}
.course .course_list-item::before {
    content: "";
    position: absolute;
    inset: -0.1389rem;
    background: radial-gradient(
        60.56% 33.84% at 50% 50%,
        #3e55f8 63.03%,
        rgba(197, 204, 255, 0) 100%
    );
    z-index: -1;
    border-radius: 1.3889rem;
    transition: all 0.5s;
}
.course .course_item-img {
    width: 20.5744rem;
    height: 13.4722rem;
    object-fit: cover;
    transform: translateY(0.2778rem);
    border-radius: 1.3889rem;
    transition: all 0.5s;
}
.course .course_item-content {
    width: 100%;
}
.course .flex-space {
    padding: 1.0417rem 1.3889rem 0.8333rem 0.8333rem;
}
.course .course_item-tag {
    padding: 0 1.1111rem;
    height: 1.5972rem;
    border-radius: 0.3472rem;
    background: #dfe3ff;
    font-size: 0.8333rem;
    line-height: 1.6667rem;
    color: #3e55f8;
}
.course .course_item-rate {
    width: 3.3333rem;
    height: 1.5972rem;
    background: #3e55f8;
    border-radius: 1.3889rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.2778rem;
}
.course .course_item-rate img {
    width: 0.8333rem;
    height: 0.8333rem;
}
.course .course_item-rate p {
    color: #ffffff;
    font-size: 0.8333rem;
    line-height: 1.6667rem;
    font-weight: 500;
}
.course_item-title {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.6667rem;
    color: #141414e5;
    padding: 0 1.3889rem 0.2778rem 0.8333rem;
}
.course .course_item-infor {
    padding-top: 0;
    padding-bottom: 0.8333rem;
}
.course .course_item-infor .flex {
    gap: 0.2778rem;
    font-size: 0.9722rem;
    line-height: 1.6667rem;
    color: #141414e5;
}
.course_item-originalprice {
    color: #000000;
    font-weight: 300;
    font-size: 0.9722rem;
    text-decoration: line-through;
    padding-left: 0.8333rem;
}
.course_item-price {
    color: #000000;
    font-weight: 600;
    font-size: 0.9722rem;
    line-height: 1.9444rem;
    padding-left: 0.8333rem;
    padding-bottom: 1.3889rem;
}
.course > .btn_yellow {
    height: 3.4722rem;
}
@media (min-width: 44.375rem) {
    .course .course_list-item:hover::before {
        background: #3e55f8;
    }
    .course .course_list-item:hover .course_item-img {
        width: 100%;
        transform: translateY(0);
    }
}
/*  */