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

.special_00332 .list { margin-top: 40px; }

.special_00332 .list .item { background-color: #fff; border-radius: 20px; padding: 8px; font-size: 18px; }

@media (max-width: 768px) { .special_00332 .list .item { font-size: 16px; } }

.special_00332 .list .item .liner { border: 1px solid #c6d6f1; border-radius: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 32px; height: 94px; }

.special_00332 .list .item .tit { width: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; white-space: nowrap; line-height: 1.5; height: 1.5em; text-overflow: ellipsis; overflow: hidden; }

.special_00332 .list .item .icon { background: url(../../image/special_00332/icon1.png) center no-repeat; background-size: cover; position: relative; overflow: hidden; width: 39px; margin-left: 10%; }

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

.special_00332 .list .item .icon .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_00332 .list .item + .item { margin-top: 20px; }

/*	pc 端	*/
@media (min-width: 769px) { .special_00332 .list .item:hover { background-color: #003c8e; color: #fff; }
  .special_00332 .list .item:hover .liner { border: 1px solid #00508f; }
  .special_00332 .list .item:hover .icon { background-image: url(../../image/special_00332/icon2.png); } }

/*	1280~1440	*/
/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00332 { padding: 40px 0; }
  .special_00332 .list { margin-top: 25px; }
  .special_00332 .list .item { padding: 5px; border-radius: 10px; }
  .special_00332 .list .item + .item { margin-top: 15px; }
  .special_00332 .list .item .liner { height: auto; padding: 10px 15px; border-radius: 10px; }
  .special_00332 .list .item .icon { width: 20px; } }