.tp_list {
    display: flex;
    flex-wrap: wrap;}

.tp_list li {
    width: calc(94%/4);
    margin-right: 2%;
    margin-bottom: 30px !important;
    padding: 0;}

.tp_list li a {}

.tp_list li a .img {
    height: 230px;
    overflow: hidden;}

.tp_list li a .img img {
    display: block;
    width: 100%;
    height: 100%;}

.tp_list li a .txt {
    width: 100%;
    padding: 15px 25px;}

.tp_list li a .txt p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    margin-top: 0;}

.tp_list li:nth-child(4n) {
    margin-right: 0;}

@media only screen and (max-width: 1550px) {
    .tp_list li a .img {
    height: calc(21vw/65*46);}
}

@media only screen and (max-width: 1024px) {
.tp_list li {
    width: calc(94%/3);
    margin-right: 2%;}


    .tp_list li a .img {
    height: calc(27.75vw/65*46);}

.tp_list li:nth-child(4n) {
    margin-right: 2%;}

.tp_list li:nth-child(3n) {
    margin-right: 2%;}
}

@media only screen and (max-width: 768px) {
.tp_list{
  justify-content: space-between;}

.tp_list li {
    width: 48.5%;
    margin-right: 0 !important;}


    .tp_list li a .img {
    height: calc(42.7vw/65*46);}

}