/***********************
模块名：滑动
作者：rexren（任寒韬）
************************/


.tui-slider-wp {position: relative;z-index: 0;min-height: 50px;}
.tui-slider-wp>.viewport{overflow: hidden; height: inherit;width:100%;display: block; position: relative;}
.tui-slider-wp>.viewport>.tui-slider-list{position: absolute;top:0;left:0;z-index: 1}
/*左右翻页*/
.tui-slider{width:100%;z-index:10;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.tui-slider .btn-pre{left:-40px;}
.tui-slider .btn-next{right:-40px;} 
.tui-slider .btn-pre, .tui-slider .btn-next{width:30px;height:68px;background:rgba(0,0,0,0.15);z-index:20;cursor:pointer;transition:.2s ease;position:absolute;top:50%;z-index:10;margin-top:-34px;border-radius:4px;}
.tui-slider .btn-pre:hover, .tui-slider .btn-next:hover{background:rgba(0,0,0,0.5);}
.tui-slider .btn-pre:after, .tui-slider .btn-next:after{position:absolute;content:"";width:10px;height:20px;display:block;top:50%;margin-top:-10px;opacity:0.8;}
.tui-slider .btn-pre:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUCAMAAACDMFxkAAAAPFBMVEUAAAD////////////////////////////////////////////////////////////////////////////YSWgTAAAAE3RSTlMA+uLoSi717yOlUkI1KNnTVj46pX264wAAAExJREFUCNeNzkkOwCAIBVCB1qFz/fe/q4lgWCqrF8Lww2JVKaYrgVV7QvxVgnh23QLaujIPhQd02PYL+oyZve3DfsIPm/WxhuAyz9wA84kCKN+/ZksAAAAASUVORK5CYII=) no-repeat;background-size:100%;left:50%;margin-left:-5px;}
.tui-slider .btn-next:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUCAMAAACDMFxkAAAAQlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////8IX9KGAAAAFXRSTlMA+erjIi3eq1dTTkgyKPbl0MxfRB2wug3UAAAAR0lEQVQI14XNSQ7AIAwDwMZtofvu/3+1F0MQF3waRZHdtRPPLRFE8nsQo7wascuLsR/kufBkvMSHvPMxfP7qBXUtfCwGqZkfDxkCYiWbt90AAAAASUVORK5CYII=) no-repeat;background-size:100%;right:50%;margin-right:-5px;}
.tui-slider .btn-pre:hover:after, .tui-slider .btn-next:hover:after{opacity:1;}
.tui-slider .btn-pre.disabled,.tui-slider .btn-pre.disabled:hover,
.tui-slider .btn-next.disabled,.tui-slider .btn-next.disabled:hover
{background:rgba(0,0,0,0.05);cursor: default;}

/* 阴影扩展显示 */
.shadow.tui-slider-wp>.viewport>.tui-slider-list{left: 10px;}
.shadow.tui-slider-wp>.viewport{width: 1020px;margin-left: -10px;}
.tui-slider,.tui-slider *{user-select: none;}


/*mini按钮*/
.tui-slider--mini .btn-pre, .tui-slider--mini .btn-next{height:48px;margin-top:-24px;width: 20px;border-radius: 2px;}
.tui-slider--mini .btn-pre{left:15px;}
.tui-slider--mini .btn-next{right:15px;}