.provenance_container{height: 100vh;width: 90%;margin: 0 auto;padding-top: 50px;display: grid;grid-template-columns:1fr 1fr;justify-content: center;grid-gap: 100px;}
.provenance_wrapper .title{font-family: "209";font-size: 4em;text-transform:uppercase;color: #EB3755;}
.provenance_list{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 18px;
    margin: 50px 0;
}
.provenance_list::before {
    content: '';
    width: 0;
    padding-bottom: 50%;
    grid-row: 1/1;
    grid-column: 1/1;
}
.provenance_list > *:first-child{
    grid-row: 1 / 1;
    grid-column: 1 / 1;
}
.provenance_item {
    /*box-shadow: 0 4px 4px rgba(0,0,0,0.50);*/
    overflow: hidden;border-radius: 15px;background-color: #fff;padding: 15px 30px;}
.provenance_item .pic{width: 100%;height: calc(100% - 3em);overflow: hidden;}
.provenance_item img{width: 100%; height: 100%; display: block;border-top-left-radius: 15px;border-top-right-radius: 15px;object-fit: cover;transform:scale(1,1);transition: all 1s ease-out;}

/*.provenance_container .provenance_item img:hover{transform: scale(1.2,1.2);}*/
.provenance_item .title{text-align: center;overflow: hidden;line-height: 3em;word-break: unset;}

@media (max-width:768px){
    .provenance_container{grid-template-columns:1fr;height: auto;grid-gap: 50px;}
    .provenance_wrapper .title{font-size: 2.5em;}
    .provenance_list{grid-template-columns: 1fr 1fr;}
    .provenance_item .pic{width: 100%;height: calc(100% - 24px);overflow: hidden;}
    .provenance_item .title{font-size: 12px;line-height: 24px;}
}

/* 关键帧动画 */
@keyframes fallAndAppear {
    0% {
        transform: translateY(0) scale(1);
        opacity: 1;
        filter: blur(0);
    }
    50% {
        transform: translateY(100px) scale(0.5);
        opacity: 0;
        filter: blur(0);
    }
    51% {
        transform: translateY(0) scale(0.5);
        opacity: 0;
        filter: blur(8px);
    }
    100% {
        transform: translateY(0) scale(1);
        opacity: 1;
        filter: blur(0);
    }
}