document.write(`
<style type="text/css">
	.KJ-TabBoxHK ul,.KJ-TabBoxHK li{margin:0;list-style:none;padding:0;border:0;font-size: 14px;}
	.KJ-TabBoxHK li{display:inline-block;border:1px solid darkgrey;padding:5px;border-bottom:0;color:darkgrey;cursor:pointer;}
	.KJ-TabBoxHK li{border-left:none;}
	.KJ-TabBoxHK li:first-child{border-left:solid 1px;}
	.KJ-TabBoxHK li.cur{color:limegreen;font-weight:bold;background-color:white;cursor:default;border-color:limegreen;border-left:solid 1px;border-right:solid 1px;}
	.KJ-TabBoxHK div{border-top:1px solid gainsboro;margin-top:-1px;display:none;}
	.KJ-TabBoxHK div.cur{display:block!important;border-color:limegreen;}
	.KJ-TabBoxHK .KJ-IFRAMEHK{background:white;}
</style>
	<div class="KJ-TabBoxHK">
		<ul><li data-opt="{'color':'#ff0606','url':'https://zhibo.chong0123.com:777/xgkj2.html','height':120}">
			港彩
			</li><li data-opt="{'color':'#0084ff','url':'https://ackj5898.com/amkj.html','height':120}">
			老澳
			</li><li data-opt="{'color':'#0084ff','url':'https://kankj8.vip/kj?type=am','height':160}">
			新澳
			</li><li data-opt="{'color':'#171dec','url':'https://zhibo2.2020kj.com:777/twkj2.html','height':120}">
			台彩
		    </li><li data-opt="{'color':'#ed2839','url':'https://zhibo4.2020kj.com:777/xjpkj2.html','height':120}">
			新新
			</li></ul>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
	</div>
`);
var KJTBHK ={
	$(str){return document.querySelector(str);},
	init(str){
		var that = this;
		var dom = this.$(str);
		dom.addEventListener("click",function(e){
			var el = e.target;
			if(el.tagName != "LI"||el.className=="cur")return;
			var ind = that.index(el);
			var nodes = dom.querySelectorAll("li");
			for(var item of nodes){
				item.removeAttribute("style");
				item.removeAttribute("class");
			}
			el.className="cur";
			nodes = dom.querySelectorAll("div");
			for(var item of nodes){
				if(item.getAttribute("class")=="cur") that.leave(item);
				item.removeAttribute("style");
				item.removeAttribute("class");
			}					
			var node = that.getEl(dom,ind,"DIV");
			node.className="cur";
			that.cur(dom,el,node);
		});
		var node = that.getEl(dom.querySelector("UL"),0,"LI");
		node.click();
		[[document,"DOMContentLoaded"],[window,"resize"]].forEach((item,index,self)=>{
			var removeEl=(id)=>{
				try{
					var ifr = document.getElementById(id);
					ifr.parentNode.removeChild(ifr);
				}catch(e){}
			};
			var insert = (id,str)=>{
				var dom = document.createElement("style");
				dom.id = id;
				dom.innerHTML = str;
				document.head.appendChild(dom);			
			}
			item[0].addEventListener(item[1],function(){
				removeEl("KJ-IFRAMEHK-css");
				var w = window.screen.availWidth;
				if(w<=600 && w>500){
					insert("KJ-IFRAMEHK-css",".KJ-IFRAMEHK{height:170px;}");
				}else if(w<=500 && w>450){
					insert("KJ-IFRAMEHK-css",".KJ-IFRAMEHK{height:150px;}");
				}else if(w<=450 && w>350){
					insert("KJ-IFRAMEHK-css",".KJ-IFRAMEHK{height:140px;}");
				}else if(w<=350){
					insert("KJ-IFRAMEHK-css",".KJ-IFRAMEHK{height:130px;}");
				}
			},false);
		});
	},
	cur(dom,el,node){
		var that = this;
		var data = el.getAttribute('data-opt');
		data = JSON.parse(data.replace(/'/g,"\""));
		el.style.color = data["color"];
		el.style.borderColor = data["color"];
		node.style.borderColor = data["color"];

		var tid = node.getAttribute("_tid");
		if(tid){
			clearTimeout(parseInt(tid));
			node.removeAttribute("_tid");
			return;
		}
		node.innerHTML = `
			<iframe class="KJ-IFRAMEHK" src="${data["url"]}" width="100%" height="${data["height"]}" frameborder="0" scrolling="no"></iframe>
		`;
	},
	leave(item){
		var that = this;
		function remove(el){
			this.id = setTimeout(()=>{								
						if(!el.getAttribute("_tid")) return;
						el.removeAttribute("_tid");
						el.innerHTML="";
					},1000*10);
			el.setAttribute("_tid",this.id);
		}
		new remove(item);
	},
	index(el,tag){
		var node = el.parentNode.childNodes;
		var index = -1;
		for(var item of node){
			(tag) ? (tag==item.tagName) && index++ : index++;
			if (item===el) return index;
		}
		return index;
	},
	getEl(el,index,tag){
		var i = -1;
		for(var item of el.childNodes){
			(tag) ? (tag==item.tagName) && i++ : i++;
			if(index==i) return item;
		}
	}
};
KJTBHK.init(".KJ-TabBoxHK");