/*--- home ---*/
/*------------*/
.home .wrap { display: flex; flex-wrap: wrap; }
.home .wrap .deta { padding: 0 15px 15px 0; border-radius: 5px; }
.home .wrap .deta a { width: 100%; overflow: hidden; border: solid 1px #ddd; }
.home .wrap .deta a .pic { width: 75px; padding: 15px; }


@media only screen and (max-width: 1200px) {}

@media only screen and (max-width: 1000px) {
    /*--- home ---*/
    .home .wrap { justify-content: space-between; }
    .home .wrap .deta { width: 50%; padding: 0 15px 15px 0; }
}

@media only screen and (max-width: 500px) {
    .home .wrap .deta { width: 100%; padding: 10px 0; }
    .home .wrap .deta a .tit { font-size: 90%; }
}

