(function(){
var data = [{"id":124,"title":"\u5e7f\u544a\u62db\u79df","icon":"https://wx2.shop/uploads/image/20261102/5bff17e56247aa9860f85a7ad9b3ca1f.png","url":"http://91d.shop/"},{"id":120,"title":"\u7ea6\u70ae2","icon":"https://wx2.shop/uploads/image/20261101/373cd3a02648266366dfdca1e85316bc.gif","url":"https://1025nali115.d2t8t.top/index.html"},{"id":100,"title":"2","icon":"https://wx2.shop/uploads/image/20261031/17186ff331a18a3265eb6e0af240894d.gif","url":"https://eyfxv.xxadtr.com/?158143"},{"id":99,"title":"1","icon":"https://wx2.shop/uploads/image/20261031/a84b53d9dcaf9a0417b40d64a72100b9.gif","url":"https://1025nali115.d2t8t.top/index.html"}];
var cls = 'hw_bs_7336';
var html = '<style>'
/* 外层 */
+ '.'+cls+'{width:100%;max-width:1320px;margin:0 auto;padding:20px;box-sizing:border-box;position:relative;}'
/* 轮播视窗 - 透明背景 */
+ '.'+cls+' .view{position:relative;width:100%;aspect-ratio:850/350;overflow:hidden;border-radius:16px;background:transparent;}'
/* 图片列表 */
+ '.'+cls+' .list{display:flex;width:100%;height:100%;transition:transform 0.6s ease;}'
+ '.'+cls+' .list a{display:block;flex:0 0 100%;height:100%;background:transparent;}'
/* 图片完整显示 */
+ '.'+cls+' .list img{width:100%;height:100%;object-fit:contain;display:block;}'
/* 左右按钮 */
+ '.'+cls+' .btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,0.45);color:#fff;border:none;font-size:26px;cursor:pointer;z-index:5;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;}'
+ '.'+cls+' .view:hover .btn{opacity:1;}'
+ '.'+cls+' .btn.prev{left:14px;}'
+ '.'+cls+' .btn.next{right:14px;}'
/* 圆点 */
+ '.'+cls+' .dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:5;}'
+ '.'+cls+' .dots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.5);cursor:pointer;transition:all .3s;}'
+ '.'+cls+' .dots span.on{background:#fff;width:20px;border-radius:4px;}'

/* 平板 */
+ '@media(max-width:1024px){'
+ '.'+cls+'{padding:16px;}'
+ '.'+cls+' .view{border-radius:14px;}'
+ '}'
/* 手机 */
+ '@media(max-width:768px){'
+ '.'+cls+'{padding:12px;}'
+ '.'+cls+' .view{border-radius:12px;aspect-ratio:850/350;}'
+ '.'+cls+' .btn{width:38px;height:38px;font-size:22px;opacity:1;}'
+ '.'+cls+' .dots{bottom:10px;gap:5px;}'
+ '.'+cls+' .dots span{width:7px;height:7px;}'
+ '.'+cls+' .dots span.on{width:16px;}'
+ '}'
/* 小手机 */
+ '@media(max-width:480px){'
+ '.'+cls+'{padding:10px;}'
+ '.'+cls+' .view{border-radius:10px;}'
+ '.'+cls+' .btn{width:34px;height:34px;font-size:20px;}'
+ '.'+cls+' .dots{bottom:8px;}'
+ '}'
+ '</style>';

html += '<div class="'+cls+'"><div class="view"><div class="list" id="'+cls+'_list"></div><button class="btn prev" id="'+cls+'_prev">‹</button><button class="btn next" id="'+cls+'_next">›</button><div class="dots" id="'+cls+'_dots"></div></div></div>';
document.write(html);

var list = document.getElementById(cls+'_list');
var dotsBox = document.getElementById(cls+'_dots');
var len = data.length;
var idx = 0;
var timer = null;
var startX = 0;

function render(){
    list.innerHTML = '';
    for(var i=0;i<len;i++){
        var d = data[i];
        var img = d.icon ? '<img src="'+d.icon+'" alt="'+d.title+'">' : '';
        list.innerHTML += '<a href="'+d.url+'" target="_blank">'+img+'</a>';
    }
    list.style.transform = 'translateX(-'+idx*100+'%)';
    
    dotsBox.innerHTML = '';
    for(var j=0;j<len;j++){
        var dot = document.createElement('span');
        if(j === idx) dot.className = 'on';
        dot.onclick = function(x){ return function(){ idx=x; render(); resetTimer(); }; }(j);
        dotsBox.appendChild(dot);
    }
}
function next(){ idx=(idx+1)%len; render(); }
function prev(){ idx=(idx-1+len)%len; render(); }
function resetTimer(){ clearInterval(timer); timer=setInterval(next, 4000); }

render(); resetTimer();

var view = list.parentElement;
view.onmouseenter = function(){ clearInterval(timer); };
view.onmouseleave = resetTimer();

document.getElementById(cls+'_prev').onclick = function(){ prev(); resetTimer(); };
document.getElementById(cls+'_next').onclick = function(){ next(); resetTimer(); };

list.addEventListener('touchstart', function(e){ startX = e.touches[0].pageX; });
list.addEventListener('touchend', function(e){
    var dx = e.changedTouches[0].pageX - startX;
    if(Math.abs(dx) > 40){ dx < 0 ? next() : prev(); resetTimer(); }
});
})();