/*
 * article footer
 */

 
 section.article-footer { border-top: 1px solid #e8e8e8; background: #fff; padding: 5.8rem var(--inner-cont-pd); } 
 
 section.article-footer .article-slide-wrap { position: relative; padding: 0 calc(var(--article-btn) + 2rem); } 
 section.article-footer .article-slide-wrap .controls > a { position: absolute; top: 50%; width: var(--article-btn); height: var(--article-btn);padding: 1rem; border-radius: 100%; border: 1px solid var(--color-border); background-position: center; background-repeat: no-repeat; transform: translateY(-50%); filter: contrast(0.5); cursor: pointer; } 
 section.article-footer .article-slide-wrap .controls > a.prev { left: 0; background-image: url('../img/icon/icon_prev.svg'); } 
 section.article-footer .article-slide-wrap .controls > a.next { right: 0; background-image: url('../img/icon/icon_next.svg'); } 
 
 section.article-footer .article-slide { overflow: hidden; } 
 section.article-footer .article-slide[data-id='1'] { background: url('../img/article/article0.jpg')no-repeat center/cover; } 
 section.article-footer .article-slide[data-id='2'] { background: url('../img/article/article1.jpg')no-repeat center/cover; } 
 section.article-footer .article-slide[data-id='3'] { background: url('../img/article/article2.jpg')no-repeat center/cover; } 
 section.article-footer .article-slide[data-id='4'] { background: url('../img/article/article3.jpg')no-repeat center/cover; } 
 section.article-footer .article-slide[data-id='5'] { background: url('../img/article/article4.jpg')no-repeat center/cover; } 
 section.article-footer .article-slide[data-id='6'] { background: url('../img/article/article5.jpg')no-repeat center/cover; } 
 section.article-footer .article-slide[data-id='7'] { background: url('../img/article/article6.jpg')no-repeat center/cover; } 
 section.article-footer .article-slide[data-id='8'] { background: url('../img/article/article7.jpg')no-repeat center/cover; } 
 section.article-footer .article-slide[data-id='9'] { background: url('../img/article/article8.jpg')no-repeat center/cover; } 
 section.article-footer .article-slide[data-id='10'] { background: url('../img/article/article9.jpg')no-repeat center/cover; } 
 section.article-footer .article-slide[data-id='11'] { background: url('../img/article/article10.jpg')no-repeat center/cover; } 
 section.article-footer .article-slide[data-id='12'] { background: url('../img/article/article11.jpg')no-repeat center/cover; } 
 section.article-footer .article-slide[data-id='13'] { background: url('../img/article/article12.jpg')no-repeat center/cover; } 
 section.article-footer .article-slide[data-id='14'] { background: url('../img/article/article13.jpg')no-repeat center/cover; } 
 
 section.article-footer .article-slide.lslide { position: relative; padding-top: 6.7%; border-radius: 100%; } 
 
 section.article-footer .article-slide-list .article-slide > a { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; color: transparent; font-size: var(--font-18); font-family: var(--font-fm-p); font-weight: 700; text-align: center; line-height: 1.3; } 
 section.article-footer .article-slide-list .article-slide > a:hover,
 section.article-footer .article-slide-list .article-slide.current > a { background-color: rgba(27, 165, 133, 0.7); color: #fff; transition: all ease 0.6s 0s; } 

@media all and (max-width:1280px) { 
section.article-footer .article-slide-list .article-slide > a { padding: 2rem; font-size: var(--font-16); } 
}

 @media all and (max-width:960px) { 
 section.article-footer { padding: 3.8rem var(--inner-pd); } 
 
 section.article-footer .article-slide-list .article-slide > a { padding: 2rem; font-size: var(--font-14); } 
 } 

 @media all and (max-width:576px) { 
   section.article-footer .article-slide-wrap {padding: 0 calc(var(--article-btn) + 1rem);}
 section.article-footer .article-slide-wrap .controls > a {background-size: 53%;}
 }




 /**/