.belt{background:#e9ecef;height:6rem;overflow:hidden;width:100%}.belt,.belt ul{position:relative}.belt ul{display:flex;flex-wrap:nowrap;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;margin:0 auto;padding:0;width:auto}.belt li{display:flex;flex:none;font-size:1.6rem;height:6rem;letter-spacing:.002rem;line-height:inherit;margin-bottom:0;padding:1.8rem 5rem 1.8rem 3.6rem}.belt li:before{display:none!important}.belt li.is-active{background:#00c878;clip-path:polygon(0 0,calc(100% - 30px) 0,100% 50%,calc(100% - 30px) 100%,0 100%)}.belt li.is-active a,.belt li.is-active span{color:#fff;font-weight:700}.belt li.is-active a:hover,.belt li.is-active span:hover{color:#fff}.belt li a,.belt li a:hover{color:#495057}.belt button{align-items:center;background-color:#e9ecef;border:none;color:#00c878;cursor:pointer;display:flex;font-size:16px;height:6rem;justify-content:center;position:absolute;top:0;width:3.2rem}.belt button .icon[data-fa]{top:0}.belt button.prev{border-right:1px solid #bdc4d0;left:0}.belt button.next{border-left:1px solid #bdc4d0;right:0}.belt__footer,.belt__footer .belt__arrow{height:4rem}.belt__footer li{height:4rem;line-height:1.5;padding:.8rem 5rem .8rem 3.6rem}.belt__footer li.is-active{clip-path:polygon(0 0,calc(100% - 20px) 0,100% 50%,calc(100% - 20px) 100%,0 100%)}