c33
/
index.html

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta content="en-us" http-equiv="Content-Language"/>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=10.0,user-scalable=0">
<title>SoFast</title>
<meta name="keywords" content="Sofast,网址导航,上网导航,上网主页,网址导航哪个好,最好用的网址导航,纯净的网址导航">
<meta name="description" content="Sofast网址导航告别庸俗的广告与推荐，是页面最最干净、最好用的网址导航。聚合了百度、谷歌、影视、磁力等多个搜索引擎，用户登录后支持自定义站点，每日推荐优秀网站导航。">
	<link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
	<base target="_blank">
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?0604330f7251bf4b3a643de8e16b8052";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();
</script>
<style>
*,
*:before,
*:after {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: 'Arial';
	transition: .3s;
}

html {
	width: 100%;
}

body {
	transition: 0.4s;
	background: #f2f2f2;
	-webkit-tap-highlight-color: transparent;
}

.dark {
	background: #242424;
}

input::-webkit-input-placeholder {
	color: #343434;
}

.logo svg {
	position: absolute;
	left: 50%;
	bottom: 90px;
	transform: translate(-50%, -50%);
	height: 40px;
	max-width: 150px;
}

.scposition {
	position: absolute;
	top: 33%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 84%;
	max-width:760px;
}

.search_bg {
	border-radius: 100px;
	overflow: hidden;
	background-color: #fff;
	box-shadow: 0 0 20px 1px #ddd;
	transition: .3s;
}

.search_bg:hover {
	box-shadow: 0 8px 20px 5px #c8c8c8;
}

.dark .search_bg {
	background: #404040;
	box-shadow: 0 5px 15px 5px #222;
}

#search {
	float: left;
	width: 100%;
	height: 50px;
	padding: 0 50px;
	font-size: 16px;
	border: none;
	outline: none;
	color: #343434;
	background: transparent;
}

.dark #search {
	color: #999;
}

.subb {
	position:absolute;
	top: 5px;
	right: 5px;
	width: 40px;
	height: 40px;
	border: none;
	outline: none;
	border-radius: 100px;
	background: #400af4;
	box-shadow: 0 0 15px 5px 0;
}

.dark .subb {
	box-shadow: 0 0 15px 5px #383838;
}

.subb:hover {
	background-color: #501af4;
}

.subb svg{
	position:absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: 24px;
}

.sChoiceBtn {
	position: absolute;
	left: 5px;
	top: 5px;
	width: 40px;
	height: 40px;
	border-radius: 100px;
}

.sChoiceBtn:active {
	background-color: #efefef;
}

.dark .sChoiceBtn:active {
	background-color: #505050;
}

.sChoiceBtn svg {
	position:relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: 24px;
}

.scBigBox {
	display: none;
	position: absolute;
	top: 3.5rem;
	left: 10%;
	z-index: 100;
	width: 240px;
	padding: 10px;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: #ddd 0 10px 20px 0;
}

.dark .scBigBox {
	background-color: #404040;
	box-shadow: #303030 0 10px 20px 0;
}

@keyframes popin {
	0% {
		transform: scale3d(0, 0, 0);
		opacity: 0;
		transform-origin: 0 0 0;
	}
	100% {
		transform: scale3d(1, 1, 1);
		opacity: 1;
		transform-origin: 0 0 0;
	}
}

.scSmallBox ,a{
	display: inline-block;
	height: 30px;
	width: 30px;
	border-radius: 30px;
	font-size: 14px;
	cursor: pointer;
	text-decoration: none;
	color: #343434;
	background-color: #F8F8F8;
}

.dark .scSmallBox,
.dark .scSmallBox a {
	color: #999;
	background-color: #666;
}

.scSmallBox:active {
	background-color: #ccc;
}

.bboxend {
	display: none;
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: -1;
}

#searchBtn{
	border: none;
	outline: none;
}

.suggest {
	position: absolute;;
	top: 51px;
	width: -webkit-calc(100% - 70px);
	width: -moz-calc(100% - 70px);
	width: calc(100% - 70px);
	max-height: 186px;
	margin: 0 35px;
	border-radius: 0 0 8px 8px;
	overflow: auto;
	background-color: #fff;
	box-shadow: #ddd 0 10px 20px 0;
}

.dark .suggest {
	background-color: #404040;
	box-shadow: #303030 0 10px 20px 0;
}

.suggest::-webkit-scrollbar {
	display: none;
}

.suggest ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.suggest ul li {
	font-size: 0.83rem;
	line-height: 31px;
	padding: 0 15px;
	cursor: pointer;
}

.dark .suggest ul li {
	color: #999;
}

.suggest ul li:hover {
	background-color: #efefef;
}

.dark .suggest ul li:hover {
	background-color: #666;
}

.clear {
	display: none;
	position: absolute;
	right: 50px;
	width: 50px;
	height: 50px;
}
.clear svg{
	height: 24px;
	position: relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.darkstart {
	position: fixed;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
}
</style>
</head>
<body>
<div class="scposition">
	<div class="logo" onclick="window.open('folder://','_self')">
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 248.33 58"><defs><style>.cls1{fill:none;stroke:#666;stroke-linecap:round;stroke-linejoin:round;stroke-width:8px;}</style></defs><title>sofast3.0</title><g><g><path class="cls1" d="M158.4,51.46a15.81,15.81,0,1,1,7.22-13.27V54"/><path class="cls1" d="M41.56,4H13.19A9.18,9.18,0,0,0,4,13.19H4a9.19,9.19,0,0,0,9.19,9.19H25.74A15.81,15.81,0,0,1,41.56,38.19h0A15.81,15.81,0,0,1,25.74,54H4"/><path class="cls1" d="M205,22.38H188.91a7.91,7.91,0,0,0-7.91,7.9h0a7.91,7.91,0,0,0,7.91,7.91h8.16a7.9,7.9,0,0,1,7.9,7.9h0a7.91,7.91,0,0,1-7.9,7.91H181"/><circle class="cls1" cx="70.1" cy="38.19" r="15.81"/><path class="cls1" d="M126.26,4H107.49a9.18,9.18,0,0,0-9.19,9.19V54"/><line class="cls1" x1="123.87" y1="22.38" x2="98.96" y2="22.38"/><path class="cls1" d="M226,9.25V38.19A15.81,15.81,0,0,0,241.76,54h2.57"/><line class="cls1" x1="215.96" y1="22.38" x2="241.53" y2="22.38"/></g></g></svg>
	</div>
	<div class="search_bg">
		<div class="sChoiceBtn" title="切换搜索引擎" >
		</div>
		<div class="scBigBox" id="bbox">
			<span class="scSmallBox">神马</span>
			<span class="scSmallBox">百度</span>
			<span class="scSmallBox">搜狗</span>
			<span class="scSmallBox">必应</span>
			<span class="scSmallBox">360</span>
			<span class="scSmallBox">谷歌</span>
			<span class="scSmallBox">磁力</span>
			<span class="scSmallBox">影视</span>
			<span class="scSmallBox"><a href="http://peaer.gitee.io/c31/" target="_self">发现</a></span>
		</div>
		<form action="https://quark.sm.cn/s" method="GET" id='searchCheck' target="_blank">
			<input class="textb" type="text" value="" x-webkit-speech="" lang="zh-CN" placeholder="" name="q" id='search' 	autocomplete="off">
			<button type="submit" class="subb"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72"><defs><style>.cls-11,.cls-12,.cls-13{fill:none;}.cls-12,.cls-13{stroke:#fff;stroke-miterlimit:10;stroke-width:8px;}.cls-13{stroke-linecap:round;}</style></defs><g><g><rect class="cls-11" width="72" height="72"/><circle class="cls-12" cx="30.67" cy="30.6" r="19.5"/><line class="cls-13" x1="45.58" y1="45.65" x2="60.83" y2="60.9"/></g></g></svg></button>
		</form>
		<div class="clear"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72"><defs><style>.cls-22{fill:none;stroke:#666;stroke-linecap:round;stroke-miterlimit:10;stroke-width:8px;}</style></defs><g><g><line class="cls-22" x1="21.85" y1="21.85" x2="50.15" y2="50.15"/><line class="cls-22" x1="50.39" y1="21.61" x2="21.61" y2="50.39"/></g></g></svg></div>
		<div class="suggest">
			<ul id="search-result">
			</ul>
		</div>
	</div>
</div>
<div class="darkstart" ontouchstart="gtouchstart()" ontouchmove="gtouchmove()" ontouchend="gtouchend()"></div>
<div class="bboxend"></div>
<script>
var suggestContainer = document.getElementsByClassName("suggest")[0];
	var searchInput = document.getElementsByClassName("textb")[0];
	var search_bg = document.getElementsByClassName("search_bg")[0];
	var btn = document.getElementsByClassName("subb")[0];
	var searchResult = document.getElementById("search-result");

// 清除建议框内容
	function clearContent() {
		var size = searchResult.childNodes.length;
		for (var i = size - 1; i >= 0; i--) {
		searchResult.removeChild(searchResult.childNodes[i]);
		}
	 };

	var timer = null;
	// 注册输入框键盘抬起事件
	searchInput.onkeyup = function (e) {
		suggestContainer.style.display = "block";
		// 如果输入框内容为空 清除内容且无需跨域请求
		if (this.value.length === 0) {
		clearContent();
		return;
		}
		if (this.timer) {
		clearTimeout(this.timer);
		}
		if (e.keyCode !== 40 && e.keyCode !== 38) {
		// 函数节流优化
		this.timer = setTimeout(() => {
			// 创建script标签JSONP跨域
			var script = document.createElement("script");
			 script.src = "https://www.baidu.com/su?&wd=" + encodeURI(this.value.trim()) +
				"&p=3&cb=handleSuggestion";
			 document.body.appendChild(script);
		}, 130)
		}

	 };

	// 回调函数处理返回值
	function handleSuggestion(res) {
		// 清空之前的数据！！
		clearContent();
		var result = res.s;
		// 截取前五个搜索建议项
		if (result.length >=0) {
		result = result.slice(0, 10)
		}
		for (let i = 0; i < result.length; i++) {
		// 动态创建li标签
		var liObj = document.createElement("li");
		liObj.innerHTML = result[i];
		searchResult.appendChild(liObj);
		}
		// 自执行匿名函数--删除用于跨域的script标签
		(function () {
		var s = document.querySelectorAll('script');
		for (var i = 0, len = s.length; i < len; i++) {
			document.body.removeChild(s[i]);
		}
		})()
	 }

	 // 事件委托 点击li标签或者点击搜索按钮跳转到百度搜索页面
	search_bg.addEventListener("click", function (e) {
		if (e.target.nodeName.toLowerCase() === 'li') {
		var keywords = e.target.innerText;
		searchInput.value = keywords;
		btn.click();
		} else if (e.target.id === 'btn') {
		btn.click();
		}
	}, false);

	var i = 0;
	var flag = 1;

	// 事件委托 监听键盘事件
	search_bg.addEventListener("keydown", function (e) {
		var size = searchResult.childNodes.length;
		if (e.keyCode === 13) {
		jumpPage();
		};
		// 键盘向下事件
		if (e.keyCode === 40) {
		if (flag === 0) {
			i = i + 2;
		}
		flag = 1;
		e.preventDefault();
		if (i >= size) {
			i = 0;
		}
		if (i < size) {
			searchInput.value = searchResult.childNodes[i++].innerText;
		}
		};
		// 键盘向上事件
		if (e.keyCode === 38) {
		if (flag === 1) {
			 i = i - 2;
		}
		flag = 0;
		e.preventDefault();
		if (i < 0) {
			 i = size - 1;
		}
		if (i > -1) {
			 searchInput.value = searchResult.childNodes[i--].innerText;
		}
		};
	}, false);

	// 点击页面任何其他地方 搜索结果框消失
	document.onclick = () => clearContent();

	var scSmallBox = document.getElementsByClassName("scSmallBox");
var scc = document.getElementById("searchCheck");
var sc = document.getElementById("search");
var bbox = document.getElementById("bbox");
var scbtn = document.getElementsByClassName("sChoiceBtn")[0];
var clear = document.getElementsByClassName("clear")[0];
var searchInput = document.getElementsByClassName("textb")[0];
var bboxend = document.getElementsByClassName("bboxend")[0];

scbtn.onclick = function(){
	bbox.style.display='inline';
	bbox.style.animation='popin .3s ease';
	bboxend.style.display='inline';
}

bboxend.onclick =function(){
	bbox.style.display='none';
	bboxend.style.display='none';
}

sc.onclick = function(){
	bbox.style.display='none';
}

sc.oninput = function(){
	clear.style.display='inline';
}

clear.onclick = function(){
	searchInput.value='';
	sc.focus();
}

document.addEventListener("click", function(e){
	if( e.target !== sc ){
		clear.style.display = "none";
	}
})

window.onload = function(){
	scbtn.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><defs><style>.cls-1{fill:#400af4;}</style></defs><title>quark</title><g><g><path class="cls-1" d="M25,0A25,25,0,1,0,50,25,25,25,0,0,0,25,0ZM37.75,26c-.22,3.9-1.68,3.48-4.91,3.68A3.94,3.94,0,0,0,29.19,33c-.45,3.26.59,4.61-3.7,4.75-5.4.17-11.33-3.93-12.77-9.14A12.82,12.82,0,0,1,27.91,12.54C33.8,13.84,38.09,20,37.75,26Z"/></g></g></svg>';
	btn.style.background="#400af4";
}

scSmallBox[0].onclick = function(){
	scc.action="https://quark.sm.cn/s";
	sc.name='q';
	bboxend.style.display='none';
	bbox.style.display='none';
	scbtn.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><defs><style>.cls-1{fill:#400af4;}</style></defs><title>quark</title><g><g><path class="cls-1" d="M25,0A25,25,0,1,0,50,25,25,25,0,0,0,25,0ZM37.75,26c-.22,3.9-1.68,3.48-4.91,3.68A3.94,3.94,0,0,0,29.19,33c-.45,3.26.59,4.61-3.7,4.75-5.4.17-11.33-3.93-12.77-9.14A12.82,12.82,0,0,1,27.91,12.54C33.8,13.84,38.09,20,37.75,26Z"/></g></g></svg>';
	btn.style.background="#400af4";
}

scSmallBox[1].onclick = function(){
	scc.action="https://www.baidu.com/s";
	sc.name='wd';
	bboxend.style.display='none';
	bbox.style.display='none';
	scbtn.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49.6 54"><defs><style>.cls-1{fill:#3245df;}</style></defs><title>bd</title><g><g><path class="cls-1" d="M7.51,28.47c5.87-1.26,5.07-8.28,4.89-9.81-.28-2.36-3.06-6.5-6.84-6.18C.81,12.91.1,19.77.1,19.77-.53,22.94,1.65,29.73,7.51,28.47Zm6.25,12.21a4.85,4.85,0,0,0-.22,2.86,3.23,3.23,0,0,0,2.79,2.58h1.35a1.72,1.72,0,0,0,1.73-1.73V40.32a1.73,1.73,0,0,0-1.73-1.73H16.43a1.57,1.57,0,0,0-.61.11,3.58,3.58,0,0,0-2.06,2Zm4.66-24c3.24,0,5.87-3.72,5.87-8.35S21.66,0,18.42,0s-5.87,3.73-5.87,8.34S15.18,16.69,18.42,16.69Zm14,.56c4.34.56,7.14-4.07,7.68-7.56s-2.24-7.56-5.3-8.27S27.86,5.64,27.5,8.86C27.08,12.77,28.05,16.69,32.39,17.25ZM43,37.87s-6.72-5.18-10.63-10.8c-5.31-8.27-12.85-4.9-15.37-.71s-6.43,6.87-7,7.57S1.92,38.7,3.6,46.12s7.54,7.29,7.54,7.29a32.41,32.41,0,0,0,9.37-.7,19.76,19.76,0,0,1,9.36.27s11.74,3.93,15-3.64S43,37.87,43,37.87ZM22.92,49.13H15.49a1.92,1.92,0,0,1-.41-.05,6.59,6.59,0,0,1-4.57-3.25,8.79,8.79,0,0,1-.64-5.09,2.11,2.11,0,0,1,.09-.36,6.7,6.7,0,0,1,5.32-4.75h2.46a1.72,1.72,0,0,0,1.72-1.73v-1.5a1.73,1.73,0,0,1,1.76-1.73h0a1.72,1.72,0,0,1,1.7,1.73V49.13Zm14.23,0H28.61a1.73,1.73,0,0,1-.5-.07c-2.6-.77-3.17-2.46-3.29-3a1.73,1.73,0,0,1,0-.32v-7.9a1.72,1.72,0,0,1,1.71-1.72h.11a1.73,1.73,0,0,1,1.75,1.73v7c.22.94,1.37,1.1,1.37,1.1h1.89a1.73,1.73,0,0,0,1.73-1.73V37.8a1.73,1.73,0,0,1,1.73-1.73h.34a1.74,1.74,0,0,1,1.73,1.73V49.09ZM49.57,23.14c0-1.67-1.38-6.73-6.57-6.73s-5.87,4.77-5.87,8.14c0,3.22.27,7.7,6.7,7.56s5.74-7.28,5.74-9Z"/></g></g></svg>';
	btn.style.background="#3245df";
}

scSmallBox[2].onclick = function(){
	scc.action="https://www.sogou.com/web";
	sc.name='query';
	bboxend.style.display='none';
	bbox.style.display='none';
	scbtn.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 53.98 54"><defs><style>.cls-1{fill:#fd6e17;}</style></defs><title>sugo</title><g><g><path class="cls-1" d="M47.59,43.61a21.8,21.8,0,0,1-4.18,4.13,2.37,2.37,0,0,0-.24,3.59h0a2.36,2.36,0,0,0,3.08.2,27.1,27.1,0,0,0,5.1-5.05,2.38,2.38,0,0,0-.22-3.13h0A2.37,2.37,0,0,0,47.59,43.61Z"/><path class="cls-1" d="M40.79,18.34c.11-.15,2.13-3.19-4.73-4.85S12,12,12,20.59s16.46,8.94,18.9,11,.06,4.68-7,3.91S13.21,31.79,11.79,35,16.42,40.9,27.42,41s15.1-5.14,15.1-8.46-4.79-7-13.56-9.12-7.75-4-4.69-5.44,10.41.69,12.5,1.19C39.05,19.65,40,19.5,40.79,18.34Z"/><path class="cls-1" d="M37.7,46.51a22.22,22.22,0,1,1,8.69-8.6,2.17,2.17,0,0,0,.52,2.77l.32.25a2.15,2.15,0,0,0,3.22-.6A26.92,26.92,0,1,0,40.08,50.62a2.16,2.16,0,0,0,.67-3.17l-.25-.32A2.16,2.16,0,0,0,37.7,46.51Z"/></g></g></svg>';
	btn.style.background="#fd6e17";
}

scSmallBox[3].onclick = function(){
	scc.action="https://cn.bing.com/search";
	sc.name='q';
	bboxend.style.display='none';
	bbox.style.display='none';
	scbtn.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37.76 54"><defs><style>.cls-1{fill:#038374;}</style></defs><title>bing</title><g><g><path class="cls-1" d="M0,0,10.88,3.77V41.7l15-8.71-7.38-3.53L13.86,17.89l23.87,8.32,0,12.19L10.78,54,0,47.94S0-.34,0,0Z"/></g></g></svg>';
	btn.style.background="#038374";
}

scSmallBox[4].onclick = function(){
	scc.action="https://www.so.com/s";
	sc.name='q';
	bboxend.style.display='none';
	bbox.style.display='none';
	scbtn.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 61.04 54"><defs><style>.cls-1{fill:#0fb264;}.cls-2{fill:#ff9932;}</style></defs><title>so</title><g><g><path class="cls-1" d="M27,0A27,27,0,1,0,54,27,27,27,0,0,0,27,0Zm0,43.34A16.34,16.34,0,1,1,43.34,27h0A16.34,16.34,0,0,1,27,43.33Z"/><circle class="cls-2" cx="55.69" cy="48.5" r="5.35"/><path class="cls-2" d="M27,54A27,27,0,0,0,52.43,36.07,5.76,5.76,0,0,0,42.55,32,16.35,16.35,0,0,1,27,43.33h0A16.32,16.32,0,0,1,11.48,32.1a5.64,5.64,0,0,0-9.75,4.41A27,27,0,0,0,27,54Z"/></g></g></svg>';
	btn.style.background="#0fb264";
}

scSmallBox[5].onclick = function(){
	scc.action="https://www.google.com/search";
	sc.name='q';
	bboxend.style.display='none';
	bbox.style.display='none';
	scbtn.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54.5 55.5"><defs><style>.cls-1{fill:none;stroke:#400af4;stroke-miterlimit:10;stroke-width:10px;}</style></defs><g><g><path class="cls-1" d="M42.7,10.6a22.75,22.75,0,1,0-15,39.9c12.56,0,21.75-10.19,21.75-22.75H27.75"/></g></g></svg>';
	btn.style.background="#400af4";
}

scSmallBox[6].onclick = function(){
	scc.action="http://pianyuan.la/search";
	sc.name='q';
	bboxend.style.display='none';
	bbox.style.display='none';
	scbtn.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50.28 53.21"><defs><style>.cls-1{fill:#400af4;}</style></defs><g><g><path class="cls-1" d="M49.55,23.29h0a5.18,5.18,0,0,0-1.32-6.82A5,5,0,0,0,41,18.06l-1.85,3.21a.07.07,0,0,0,0,.07l5.6,3.23A3.48,3.48,0,0,0,49.55,23.29Z"/><path class="cls-1" d="M35.15,28.24l-5.42,9.39A10.8,10.8,0,0,1,16,42.25a10.58,10.58,0,0,1-4.74-14.88l5.59-9.69A5,5,0,0,0,15,10.85h0a5,5,0,0,0-6.83,1.83L2.87,21.89C-2.71,31.56,0,44.14,9.48,50.07a20.6,20.6,0,0,0,28.74-7.14l5.59-9.69A5,5,0,0,0,42,26.41h0A5,5,0,0,0,35.15,28.24Z"/><path class="cls-1" d="M22.6,7.73h0A5.18,5.18,0,0,0,21.28.91,5,5,0,0,0,14.07,2.5L12.22,5.7s0,.06,0,.07L17.83,9A3.48,3.48,0,0,0,22.6,7.73Z"/></g></g></svg>';
	btn.style.background="#400af4";
}

scSmallBox[7].onclick = function(){
	scc.action="http://www.tv6699.com/vodsearch/-------------/";
	sc.name='wd';
	bboxend.style.display='none';
	bbox.style.display='none';
	scbtn.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.46 54"><defs><style>.cls-1{fill:#4485f3;}</style></defs><title>s</title><g><g><path class="cls-1" d="M15.59,19.58l9.26,5.35a2.4,2.4,0,0,1,0,4.16L15,34.81a2.4,2.4,0,0,1-3.6-2.09V22A2.81,2.81,0,0,1,15.59,19.58Z"/><path class="cls-1" d="M46.05,24.56,4.17.38A2.78,2.78,0,0,0,0,2.79V51.22a2.78,2.78,0,0,0,4.17,2.41L46.05,29.44A2.82,2.82,0,0,0,46.05,24.56Zm-11,4.9L8.29,44.91a1.87,1.87,0,0,1-2.8-1.62V12.4A2.81,2.81,0,0,1,9.71,10L35,24.58A2.81,2.81,0,0,1,35.05,29.46Z"/></g></g></svg>';
	btn.style.background="#4485f3";
}

var timeOutEvent=0;
function gtouchstart(){
	timeOutEvent = setTimeout("longPress()",400);
return false;
};
function gtouchend(){
	clearTimeout(timeOutEvent);
return false;
};
function gtouchmove(){
	clearTimeout(timeOutEvent);
	timeOutEvent = 0;
};
function longPress(){
	timeOutEvent = 0;
if (document.body.className != 'dark') {
	document.body.classList.add("dark");
}
else {
	document.body.classList.remove("dark");
}
};
</script>
</body>
</html>