@charset "UTF-8";
.special_00104 { position: relative; padding: 100px 0; background-size: cover; background-repeat: no-repeat; background-position: center; }

.special_00104 .top { position: absolute; left: 0; top: 0; width: 50%; z-index: 9; }

.special_00104 .list { position: relative; z-index: 1; height: 59.3268vw; }

.special_00104 .list .item { width: calc(25% - 30px); cursor: pointer; }

.special_00104 .list .item .pic { overflow: hidden; position: relative; overflow: hidden; background-color: #ececec; }

.special_00104 .list .item .pic::before { content: ''; display: block; padding-top: 100%; }

.special_00104 .list .item .pic .i { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

.special_00104 .list .item .txt { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.8)); font-size: 24px; color: #fff; padding: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

@media (max-width: 1500px) { .special_00104 .list .item .txt { font-size: 22px; } }

@media (max-width: 768px) { .special_00104 .list .item .txt { font-size: 18px; } }

.special_00104 .list .item .txt .t { width: 100%; white-space: nowrap; line-height: 1.5; height: 1.5em; text-overflow: ellipsis; overflow: hidden; text-align: center; }

.special_00104 .list .item:first-child { margin-right: 40px; }

.special_00104 .list .item img { width: 100%; }

.pop-pic .pop-close { position: absolute; top: 0; right: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); color: #fff; }

.pop-pic .pop-close::before { content: '\e509'; }

.pop-pic img { max-width: 1000px; max-height: 600px; }

/*	pc 端	*/
@media (min-width: 769px) { .special_00104 .list .item:hover .i { -webkit-transform: translate(-50%, -50%) scale(1.05); transform: translate(-50%, -50%) scale(1.05); } }

/*	1280~1440	*/
@media (max-width: 1480px) { .special_00104 .top { left: 50px; } }

/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00104 { padding: 40px 0; }
  .special_00104 .top { position: relative; top: 0; width: 100%; left: 0; }
  .special_00104 .cont { margin-top: 20px; padding: 0 15px; }
  .special_00104 .list { height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 -4px -8px; }
  .special_00104 .list .item { width: calc(50% - 8px); margin: 0 4px 8px !important; position: relative; }
  .pop-pic img { max-width: 100%; } }