.left-enter-active,.left-leave-active{transition:transform .5s ease}.left-enter-from{transform:translate(100%)}.left-leave-to{transform:translate(-100%)}.right-enter-active,.right-leave-active{transition:transform .5s ease}.right-enter-from{transform:translate(-100%)}.right-leave-to{transform:translate(100%)}.bannerinner{height:100%;overflow:hidden;position:relative;width:100%}.bannerinner .banner_a{display:inline-block;height:100%;width:100%}.bannerinner .bannerbtn{align-items:center;background-color:#fff;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;opacity:.5;padding:10px;position:absolute;top:50%;transform:translateY(-50%);width:40px;z-index:1}.bannerinner .bannerleft{left:10px}.bannerinner .bannerright{right:10px}.bannerinner .banner_dot_area{bottom:98px;height:30px;left:18%;position:absolute;z-index:1}.bannerinner .banner_dot_area span{background-color:rgba(255,255,255,.4);cursor:pointer;display:inline-block;height:4px;margin:0 3px;transition:width .4s ease;width:40px}.bannerinner .banner_dot_area .activespan{background-color:#fff;width:40px}.bannerinner .bannerimg{position:absolute}.banner_dot_bottom{height:30px;text-align:center}.banner_dot_bottom span{background-color:#efefef;border-radius:50%;cursor:pointer;display:inline-block;height:8px;margin:0 3px;transition:width .4s ease;width:8px}.banner_dot_bottom .activespan{background-color:#c9d7fc;border-radius:20px;width:20px}.banner_dot_area_tkmodal{height:30px;margin-top:50px;text-align:center}.banner_dot_area_tkmodal span{background-color:#fff;border-radius:10px;cursor:pointer;display:inline-block;height:4px;margin:0 5px;transition:width .4s ease;width:24px}.banner_dot_area_tkmodal .activespan{background-color:#36f}