.mag-area .list-2 { display:flex;flex-flow:row wrap;  }
.mag-area .list-2 > .col { width:50%;box-sizing:border-box;padding:15px;display:flex; }
.mag-area .list-2 .img-area { width:40% }
.mag-area .list-2 .img-area img { width:100%; }
.mag-area .list-2 .title { margin:0px 15px;width:60%; }
.mag-area .list-2 .title a { font-size:14px;color:#FFF;font-weight:400; display: block; max-height: 78px; overflow: hidden; }
.mag-area .list-2 .title .info { color: #FFF;}

.showresuletext span { color: #f2b134;}

.listpage {}
.listpage > ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center;}
.listpage > ul li { margin: 5px;}
.listpage > ul li a { display: block; padding: 5px; text-align: center; line-height: 22px; border: 1px solid #000; width: 22px; height: 22px;}
.listpage > ul li a:hover ,.listpage > ul li a.active { background-color: #f2b134;}

@media screen and (max-width:490px) {
  .mag-area .list-2 > .col { width:100%;box-sizing:border-box;padding:15px;display:flex; }
}