

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>用户登录</title>
		<link rel= "Shortcut Icon" href="/o/staistar/favicon.ico">
		<meta content="" name="keywords" />
		<meta content="" name="description" />
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<link rel="stylesheet" href="http://www.billhi.com/o/os/a/bootstrap/2.3.2/css/bootstrap.min.css">
		<link rel="stylesheet" href="http://www.billhi.com/o/os/a/bootstrap/2.3.2/css/bootstrap-responsive.css">
		<link rel="stylesheet" href="http://www.billhi.com/o/os/a/font-awesome/4.3.0/css/font-awesome.min.css">
		<link rel="stylesheet" href="http://www.billhi.com/o/staistar/style/base.css">
		<link rel="stylesheet" href="/o/staistar/style/default.css">
		<script src="http://www.billhi.com/o/staistar/js/jquery/jquery-1.11.3.min.js"></script>
		<script src="http://www.billhi.com/o/staistar/js/jquery/jquery-migrate-1.2.1.min.js"></script>
		<script src="http://www.billhi.com/o/staistar/js/jquery/feeos.js"></script>
		<!--[if lt IE 9]>
			<script src="http://www.billhi.com/o/staistar/js/html5shiv.js"></script>
			<script src="http://www.billhi.com/o/staistar/js/respond.js"></script>
		<![endif]-->
		<style>
			body div.lang{display:none}
			body div.lang.zh_cn{display:block}
		</style>
	</head>
	<body class="staistar default">
		<!-- top -->
		
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户登录</title>
<link rel= "Shortcut Icon" href="http://www.billhi.com/o/staistar/favicon.ico">
<meta content="" name="keywords" />
<meta content="" name="description" />
</head>
<body>
<div id="bodyBg" class="Bg"></div>
<div id="user_login_full" class="window full theme" style="_overflow:visible;">
<div style="position:relative;width:990px;margin:0 auto;">
<!--top start-->
<div id="top">
	<a href=""><img style="position:absolute;left:10px;top: 16px;height:65px;" src="http://www.billhi.com/o/staistar/image/logo.png"/></a>
	<div id="call">
		&nbsp;&nbsp;<img src="http://www.billhi.com/o/web/icon/arrow_right_gray.png">&nbsp;
		<a class="gray" href="http://www.stastarhk.com/web/to/nav/lang/en_us">English</a>
		&nbsp;&nbsp;<img src="http://www.billhi.com/o/web/icon/arrow_right_gray.png">&nbsp;
		<a class="gray" href="http://www.stastarhk.com/web/to/nav/lang/zh_cn">简体中文</a>
		&nbsp;&nbsp;<img src="http://www.billhi.com/o/web/icon/arrow_right_gray.png">&nbsp;
		<a class="gray" href="http://www.stastarhk.com/web/to/nav/lang/zh_hk">繁體中文</a>
	</div>
</div>
<!--top end-->

<!-- nav -->
<link rel="stylesheet" href="http://www.billhi.com/o/staistar/js/superfish/superfish.css">
<ul class="nav sf-menu">
	
		<li>
			<a href="/">首页</a>
		</li>
		<li>
			<a href="/info/stastar-cn">关于我们</a>
				<ul>
						<li>
							<a href="/info/stastar-cn">公司介绍</a>
						</li>
						<li>
							<a href="/info/culture-cn">企业文化</a>
						</li>
						<li>
							<a href="/info/advantage-cn">我们的优势</a>
						</li>
						<li>
							<a href="/info/belief-cn">我们的信条</a>
						</li>
				</ul>
		</li>
		<li>
			<a href="/info/partner-cn">合作伙伴</a>
				<ul>
						<li>
							<a href="/info/product-cn">分销产品</a>
						</li>
						<li>
							<a href="/info/partner-cn">分销品牌</a>
						</li>
				</ul>
		</li>
		<li>
			<a href="/info/contact">联系方式</a>
				<ul>
						<li>
							<a href="/info/company-cn">公司信息</a>
						</li>
						<li>
							<a href="mailto:sales@staistar.com">在线联系</a>
						</li>
						<li>
							<a href="/info/bank-cn">银行帐户</a>
						</li>
				</ul>
		</li>
</ul>
<style>
	ul.sf-menu{
		float:right;clear:both;font-size:16px;font-family:"Microsoft Yahei";height:36px;line-height:36px;
	}
	ul.sf-menu li{background:none;height:36px;line-height:36px}
	ul.sf-menu li a{height:36px;line-height:36px;padding:0 20px;color:#005d96;}
	ul.sf-menu li.sfHover a{color:#fff}
	ul.sf-menu li.sfHover,ul.sf-menu li a:hover{background:#47a;color:#fff;}
	ul.sf-menu li li{background:#005d96;}
	ul.sf-menu li li a{color:#fff;}
</style>
<script type="text/javascript" src="http://www.billhi.com/o/staistar/js/superfish/superfish.js"></script> 
<script>
	$(function(){
		$("ul.sf-menu").superfish({
			delay: 1000, // the delay in milliseconds that the mouse can remain outside a sub-menu without it closing
			animation: {
				opacity: "show",
				height: "show"
			}, // used to animate the sub-menu open
			speed: "normal", // animation speed
			autoArrows: true, // generation of arrow mark-up (for submenu)
			disableHI: true // to disable hoverIntent detection
		});
	});
</script>
<!-- /nav -->

<div id="search" style="display:none;">
	<input name="search"/><i class="I17"></i>
</div>
<div id="main">
	<b style="display:none" id="main_bg"></b>
	
	<div class="slide" style="width:100%;float:left;height:259px;overflow:hidden;" data='[{"link":"#","src":"http://www.billhi.com/o/staistar/image/banner/3.png"},{"link":"#","src":"http://www.billhi.com/o/staistar/image/banner/2.png"},{"link":"#","src":"http://www.billhi.com/o/staistar/image/banner/1.png"}]'></div>

		<!-- /top -->
		<!-- main -->
		
<div style="background:#fcfcfc">
	

<ul class="breadcrumb">
	<li><a href="/"><i class="icon-map-marker"></i>&nbsp;&nbsp;首页</a> <span class="divider">/</span></li>
			<li><a href="http://www.stastarhk.com/user">用户管理</a> <span class="divider">/</span></li>
			<li class="active">用户登录</li>
</ul>
<style>
	.breadcrumb{background:none;margin:0}
</style>
</div>


<style>
	.app-user ul{list-style:none;}
	.app-user ul li{list-style:none;}
</style>
<div class="app-user">
		
	<style>
		.to-login div.form ul.links{clear:both;margin-top:36px;}
		.to-login div.form{padding:2%;width:46%;float:left;}
		.to-login .tips{width:46%;padding:2%;float:right;}
		.to-login .tips ul{padding:10px 20px;}
		.to-login .tips ul li{height:32px;line-height:32px;font-size:14px;color:#999;}
		.to-login .tips ul li i{font-size:18px;position:relative;top:3px;}
	</style>
	<div class="to-login">
		<div class="form">
			b"\n\n\t{'name': 'user', 'tips': '\xe7\x94\xa8\xe6\x88\xb7\xe7\x99\xbb\xe5\xbd\x95', 'def': [{'key': 'mail', 'name': 'Mail', 'check': 'form/to/check/if/isMail', 'placeholder': '\xe8\xaf\xb7\xe8\xbe\x93\xe5\x85\xa5\xe6\xb3\xa8\xe5\x86\x8c\xe9\x82\xae\xe7\xae\xb1', 'class': 'col-md-12 col-sm-12 col-xs-12', 'type': 'varchar', 'part': {'type': 'text'}}, {'key': 'key', 'name': 'Key', 'check': 'form/to/check/if/isKey', 'placeholder': '\xe7\x99\xbb\xe5\xbd\x95\xe5\xaf\x86\xe9\x92\xa5', 'class': 'col-md-12 col-sm-12 col-xs-12', 'type': 'varchar', 'part': {'type': 'password'}}, {'key': 'code', 'name': 'Verify Code', 'check': 'form/to/check', 'part': {'type': 'code'}, 'placeholder': '\xe4\xb8\x8d\xe5\x88\x86\xe5\xa4\xa7\xe5\xb0\x8f\xe5\x86\x99', 'class': 'col-md-12 col-sm-12 col-xs-12', 'type': 'text'}], 'links': {'\xe7\x94\xa8\xe6\x88\xb7\xe6\xb3\xa8\xe5\x86\x8c': '/user/to/join/then/o_staistar_style_default.css', '\xe9\x87\x8d\xe7\xbd\xae\xe5\xaf\x86\xe9\x92\xa5': 'user/to/resetKey'}, 'data': {'mail': ''}, 'cfg': {'id': 'user_login_form', 'need_location': 0, 'need_editor': 0, 'from_wechat': 0}, 'to': '/user/to/login/then/o_staistar_style_default.css'}\r\n\t<style>\r\n\t\t.form HR{border:none;height:1px;font-size:1px;border-top:1px dotted #e7e7e7;margin:2% 0}\r\n\t\t.form {padding:1%;margin:0}\r\n\t\t.form H3{color:#369;padding:1% 0;}\r\n\t\ttable tr td.label{text-align:right;}\r\n\t</style>\r\n"
		</div>
		<div class="tips">
			<h3>帐号登录说明</h3>
			<ul>
				<li>*&nbsp;&nbsp;仅可使用在迷失音符，及其子品牌注册的帐号登录</li>
				<li>*&nbsp;&nbsp;在网吧等公共场所登录后，请务必记得注销</li>
				<li>*&nbsp;&nbsp;输入密码前请确保周围环境安全</li>
				<li>*&nbsp;&nbsp;请认准迷失音符唯一服务网址http://www.lostnote.com</li>
			</ul>
		</div>
	</div>

</div>
		<!-- /main -->
		<!-- base -->
		
   <div class="clear"></div>
   <embed width="100%" height="25" name="plugin" src="/o/staistar/image/clock.swf" type="application/x-shockwave-flash">
   <div id='footer_bg' style='clear:left;margin-bottom:20px;text-align:center'><hr style='border:none;border-top:3px solid #ededed;border-bottom:1px solid #fff;'/>
   <img src="/o/staistar/image/lostnote.png" class='left' style='height:30px;display:none;'/>&nbsp;&nbsp;
   <span style='float:right;display:none'>
     <a target='_blank' href="http://net.china.cn/chinese/index.htm"><img src="/o/staistar/image/net_china.gif" class='right'/></a>
     <a target='_blank' href="http://www.gdnet110.gov.cn/"><img src="/o/staistar/image/www_police.gif" style='height:40px;margin:2px 10px 0 0;' class='right'/></a>
	 </span>
   <span style='line-height:30px'>
   <a href="/info/staistar">公司介紹</a> | 
   <a href="/news">最近新闻</a> | 
   <a href="/info/contact">联系方式</a> | 
   <a href="/info/honor">资质荣誉</a> | 
   <a href="/product/class/hot">热卖产品</a> | 
   <a href="/info/partner">合作品牌</a>
   <a target='_blank' href="/sitemap/index.html"></a></span>
   <br />&nbsp;&copy;&nbsp;<a href="http://webope.com">staistar.com</a>&nbsp;Hongkong Stastar Co.,Ltd. &nbsp;<br />
   Web Marketing: <a style="font-family:'Noto Sans'" href="//www.billhi.com" target="_blank">billhi</a>
<br />
   &nbsp;&nbsp;&nbsp;<br />
	</div>
  </div><!--main wrap end-->
 </div><!--main end-->
 </div>
</div><!--wrap-->
<div id="footer">
 <b class="Bg" id='footerBG'></b>
</div>
<!--footer end-->
<!-- online support start -->
<div id="float" class="support">
	<b class="top"></b><b class="base"></b><a class="tips"></a>
	<ul>
		<li class="title"><img style="position:relative;top:3px;" src="http://www.billhi.com/o/web/image/support/blue-chat.gif"/> Support</li>
		<li><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1071575061&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:1071575061:51" alt="Welcome" title="Welcome"/></a></li>
		<li class="title"><img style="position:relative;top:6px;left:4px;margin:-6px 8px 0 0" src="http://www.billhi.com/o/web/image/support/blue-phone.gif"/> Hotline</li>
		<li><a href="skype:sales03.stastar?chat" target="blank" style="color:#333;text-decoration:none"><img style="width:20px;position:relative;top:2px;margin-right:5px;float:left;" src="http://www.billhi.com/o/staistar/image/skype.jpg"/>Sales01</a></li>
    <li><a href="skype:sales@staistar.com?chat" target="blank" style="color:#333;text-decoration:none"><img style="width:20px;position:relative;top:2px;margin-right:5px;float:left;" src="http://www.billhi.com/o/staistar/image/skype.jpg"/>Sales02</a></li>
		<li class="phone">86-755-82579316</li>
	</ul>
</div>
<style>
.support{font-size:12px;line-height:1.8em;background:url(http://www.billhi.com/o/web/image/support/blue-frame.gif) repeat-y -262px top;position:absolute;right:0;top:50%;width:130px;padding:0;margin:0}
.support .top{background:url(http://www.billhi.com/o/web/image/support/blue-frame.gif) no-repeat left top;position:absolute;left:0;top:-15px;width:130px;height:15px;}
.support .base{background:url(http://www.billhi.com/o/web/image/support/blue-frame.gif) no-repeat -131px top;position:absolute;left:0;bottom:-15px;width:130px;height:15px;}
.support .tips{background:url(http://www.billhi.com/o/web/image/support/en_us-blue-tips.gif) no-repeat left top;width:30px;height:118px;position:absolute;left:-29px;top:50%;margin-top:-59px;}
.support ul{margin:0 0 0 15px;padding:0;width:100px;}
.support ul li{list-style:none;line-height:2em;}
.support ul li.title{margin:10px 0 5px 0;border-bottom:1px solid #e7e7e7;font-weight:bold;line-height:2em;color:#69c;}
.support ul li.phone{text-align:center;font-family:georgia}
</style>
<script>
$('#float.support .tips').toggle(function(){
	$('#float.support').animate({"right":"-130px"},500);
},function(){
	$('#float.support').animate({"right":"0px"},500);
});
$(function(){
	var BoxMarginTop = $('#float').offset().top; //在需要悬浮的内容外加一个id=Float
	$(window).scroll(function(){
		$('#float').css('top',$(window).scrollTop()+100);
	});
	$.initSlide();
});
</script>
<!-- online support end -->
</body>
</html>
<script>
jQuery('#search input').focus(function(){
    jQuery('#search,#search input').animate({"width":"180px","background":"white"},200);
}).blur(function(){
    jQuery('#search,#search input').animate({"width":"140px","background":"#ccc"},200);
});
</script>
		<!-- /base -->
		<script src="http://www.billhi.com/o/os/a/bootstrap/2.3.2/js/bootstrap.min.js"></script>
	</body>
</html>