.slider-wrap{position:relative}.slider{position:relative;overflow:hidden;width:100%}.slider ul{list-style:none;margin:0;padding:0;position:relative;width:20000em;overflow:hidden;left:0}.slider ul li{float:left;margin:0}.slider-next,.slider-prev{position:absolute;top:0;bottom:0;margin:auto;z-index:11}.slider-prev{left:9px}.slider-next{right:9px}.slider-index{height:194px;overflow:hidden}.slider-index:before,.slider-index:after{content:'';position:absolute;z-index:1;top:0;bottom:0;width:50px}.slider-index:before{left:0;background-image:linear-gradient(to right,#1a0d0d 10%,transparent)}.slider-index:after{right:0;background-image:linear-gradient(to left,#1a0d0d 10%,transparent)}.slider-index .slider{position:absolute;top:0;left:-54px;width:420px}.slider-index .slider li{padding:20px 0 0;position:relative;text-align:center;width:140px}.slider-index .icon-wrap{bottom:10px}.slider-index .slider-prev{left:64px}.slider-index .slider-next{right:64px}.slider-index img{opacity:.6;transition:opacity .3s}.slider-index li.active img{opacity:1}.slider-guild-name{opacity:0;width:240px;margin-left:-50px;color:#b35748;padding:20px 0 0}li.active .slider-guild-name{opacity:1;transition:opacity .3s ease-out .3s}.slider-padding{box-sizing:content-box;padding:0 50px;width:auto}