.sp-slider{overflow:hidden;position:relative;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sp-slider .sp-indicator-container,.sp-slider-outer-stage{transition-timing-function:linear;-webkit-transition-timing-function:linear;-webkit-perspective:1000px;perspective:1000px;background:#fff}.sp-slider-outer-stage{overflow:hidden;position:relative;transition-property:transform,-webkit-transform,width,scale;-webkit-transition-property:transform,-webkit-transform,width,scale}.sp-slider.on-3d-active .sp-slider-outer-stage{background:orange}.sp-slider .sp-indicator-container{height:5px;transform-style:preserve-3d;position:absolute;top:0;left:0;width:100%;transition-property:transform,-webkit-transform,width;-webkit-transition-property:transform,-webkit-transform,width;z-index:9}.sp-slider .sp-indicator.line-indicator{height:5px;top:0;background:red;left:0;width:0}.sp-slider .sp-indicator.circle-indicator{height:50px;right:10px;top:10px;border-radius:50% 50%;background:0 0;width:50px;display:inline-block}.sp-slider .item-mask,.sp-slider .sp-item{height:100%;overflow:hidden;top:0;left:0;width:100%}.sp-slider .sp-item{transform-style:preserve-3d;position:absolute;visibility:hidden;will-change:transform;-webkit-perspective:1000px;perspective:1000px;transition-property:transform,-webkit-transform,opacity,clip,clip-path;-webkit-transition-property:transform,-webkit-transform,opacity,-webkit-opacity,clip,clip-path}.sp-slider .sp-dots ul li .dot-indicator,.sp-slider .sp-item,.sp-slider.sp-bubble-slider .sp-item{transition-timing-function:linear;-webkit-transition-timing-function:linear}.sp-slider.sp-clip-slider .sp-item{transition-timing-function:ease;-webkit-transition-timing-function:ease}.sp-slider.sp-fade-slider .sp-item{transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out}.sp-slider.sp-basic-slider .sp-item{transition-timing-function:cubic-bezier(.51,.15,.2,.74);-webkit-transition-timing-function:cubic-bezier(.51,.15,.2,.74)}.sp-slider.sp-stack-slider .sp-item{transition-timing-function:cubic-bezier(.42,0,0,.92);-webkit-transition-timing-function:cubic-bezier(.42,0,0,.92)}.sp-slider .sp-item .sp-background{height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;background-size:cover;top:0;background-position:0;left:0;width:100%;z-index:-1}.sp-slider.on-3d-active .sp-item{opacity:0;visibility:hidden;z-index:1}.sp-slider.on-3d-active .sp-item.active{-webkit-transform:translateZ(-200px);transform:translateZ(-200px);opacity:1}.sp-slider.on-3d-active .sp-item.next-3d,.sp-slider.on-3d-active .sp-item.prev-3d{opacity:1;visibility:visible;z-index:2}.sp-slider.on-3d-active .sp-item.next-3d [data-layer=true],.sp-slider.on-3d-active .sp-item.prev-3d [data-layer=true]{opacity:0;visibility:hidden}.sp-slider .item-mask{position:relative;background-size:cover;background-position:50%;background-repeat:no-repeat}.sp-slider .sp-item img{width:100%;display:none}.sp-slider .sp-item.next-item{z-index:2}.sp-slider .sp-item.active,.sp-slider .sp-item.dragenable,.sp-slider .sp-item.next-item{transform-style:preserve-3d;visibility:visible}.sp-slider .sp-item.prev-item{visibility:visible;z-index:1}.sp-slider .sp-item [data-layer=true]{transition-timing-function:.2s!important;opacity:0}.sp-slider .sp-item.active [data-layer=true]{opacity:1}.sp-slider .sp-dots,.sp-slider .sp-nav-control{height:20px;position:relative;width:100%;margin-top:5px;z-index:3}.sp-slider .sp-dots{transform:translateX(-50%);position:absolute;bottom:50px;left:50%}.sp-slider .sp-dots ul li,.sp-slider .sp-nav-control .nav-control{background:hsla(0,0%,100%,.4);cursor:pointer;display:inline-block}.sp-slider .sp-nav-control .nav-control{height:40px;padding:10px;border:1px solid #ababab;position:absolute;bottom:100px;text-align:center;width:40px}.sp-slider .sp-nav-control .nav-control.next-control{right:0}.sp-slider .sp-nav-control .nav-control.prev-control{left:0}.sp-slider .sp-dots ul{list-style:none;padding:0;text-align:center;margin:-4px}.sp-slider .sp-dots ul li{height:4px;border:0;position:relative;margin:5px;border-radius:2px;width:30px}.sp-slider .sp-dots ul li.active{width:80px}.sp-slider .sp-dots ul li .dot-indicator{height:4px;transform-style:preserve-3d;position:absolute;top:0;-webkit-perspective:1000px;perspective:1000px;border-radius:2px;left:0;width:0;transition-property:transform,-webkit-transform,width;-webkit-transition-property:transform,-webkit-transform,width}.sp-slider .sp-dots ul li .dot-indicator.active{top:0;border-radius:2px;background:#fff;width:100%}.spin-circle-indicator{height:3em;padding:0;right:0;position:relative;top:0;width:3em;z-index:9}.spin-circle-indicator:hover{color:#0eb7da}.spin-circle-indicator:after,.spin-circle-indicator:before{height:100%;content:"";position:absolute;top:0;box-sizing:inherit;left:0;width:100%}.spin-circle-indicator:before{border:2px solid transparent}.spin-circle-indicator.start:before{border-top-color:#fbff00;border-right-color:#fbff00;border-bottom-color:#fbff00}.spin-circle-indicator:after{border:0 solid transparent}.spin-circle-indicator.start:after{transform:rotate(270deg);border-left-width:2px;border-top:2px solid #fbff00;border-right-width:2px}.circle-indicator{right:10px;position:absolute;top:10px}.sp-slider_number{font-size:22px;color:#fff;position:absolute;bottom:20px;left:20px;line-height:1;z-index:9}