.stripe{
  background-image: url('../bg/stripe.jpg');
  background-position: center top;
}
.team-list{
  background-image: url('../bg/team_li_bg.png');
  background-position: center top;
}
li:hover .team-list{
  background-image: url('../bg/team_li_bg_hover.png');
  background-position: center top;
}

.store-list>li:hover div>a, .store-list>li:hover article>section>a:first-of-type, .store-list>li:hover i{
  color: rgba(49, 46, 129, 1);
}
.store-list>li:hover article>section>a:last-of-type {
  background-color: rgba(49, 46, 129, 1);
  color: white;
  transition-duration: .5s;
}
.store-list>li article>section>a:last-of-type {
  transition-duration: .5s;
}

.store-list>li:hover>a>span {
  display: block;
  background-color: rgba(49, 46, 129, 1);
  color: white;
  left: 50%;
  transform: translateX(-50%);
  transition-duration: .5s;
  opacity: 1;
}
.store-list>li>a>span {
  transition-duration: .5s;
}

.article-list>li .article-img>div{
  transition-duration: 0.5s;
}
.article-list>li:hover .article-img>div{
  transition-duration: 0.5s;
  transform: scale(1.05);
}
.article-list>li:hover h3>a{
  color: rgba(49, 46, 129, 1);
}
.article-list>li:hover div span>i{
  color: rgba(49, 46, 129, 1);
}

.index-news{
    width: 200px;
    height: 60px;
}
.article p{
    text-indent: 1.7rem;
}
@media (min-width: 768px) {
    .article p{
        text-indent: 2rem;
    }
    .index-news{
        width: 300px;
        height: 80px;
    }
}

.my-party-li img{
  transition-duration: 1s;
}
.my-party-li:hover img{
  transform: scale(1.1);
}

.my-party-li .bghover{
  transition-duration: 1s;
}
.my-party-li:hover .bghover{
  transform: scale(1.1);
}