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

.special_00336 .desc { margin-top: 40px; text-align: center; padding: 0 70px; }

.special_00336 .list { margin: 40px -10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; }

.special_00336 .list .item { margin: 0 10px; width: calc(25% - 20px); border-radius: 20px; overflow: hidden; position: relative; overflow: hidden; color: #fff; }

.special_00336 .list .item::before { content: ''; display: block; padding-top: 137.31343%; }

.special_00336 .list .item .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_00336 .list .item .mask { background: url(../../image/special_00336/png1.png) bottom center no-repeat; background-size: cover; }

.special_00336 .list .item a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

.special_00336 .list .item .liner { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0 20px 2.08333vw; }

.special_00336 .list .item .t1 { font-size: 24px; }

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

.special_00336 .list .item .t2 { font-size: 16px; }

/*	pc 端	*/
/*	1280~1440	*/
@media (max-width: 1000px) { .special_00336 .desc { padding: 0; } }

/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00336 { padding: 40px 0; }
  .special_00336 .desc { margin-top: 25px; }
  .special_00336 .list { margin: 25px -5px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .special_00336 .list .item { margin: 5px; width: calc(50% - 10px); border-radius: 10px; }
  .special_00336 .list .item .liner { padding: 15px 10px; } }