index.phtml 5.44 KB

Raw Blame History Permalink

<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>YOHO!红包</title>
	<meta name="keywords" content=""/>
	<meta name="description" content=""/>
	<meta name="HandheldFriendly" content="True">
        <meta name="MobileOptimized" content="320">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
        <meta http-equiv="cleartype" content="on">
        <meta name=”apple-mobile-web-app-status-bar-style” content=black” />


        <!-- Add to homescreen for Chrome on Android -->
        <meta name="mobile-web-app-capable" content="yes">

        <!-- For iOS web apps. Delete if not needed. https://github.com/h5bp/mobile-boilerplate/issues/94 -->
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-title" content="">
<style type="text/css">
html,body,div,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,input,p,blockquote,th,td,button,blockquote{ margin:0; padding:0;}
body{ font-family:arial,"微软雅黑";font-size:12px;background:#fff; margin:0; color:#000;text-align:left;line-height:150%; }
img {border:0; vertical-align:middle; outline: none;}
input, textarea, select {vertical-align:middle; font-size:12px; color:#333; }
h1,h2,h3,h4,h5,h6{font-size: 12px;font-weight: normal;}

iframe{ border:none; margin: 0;padding: 0;}
dl,ul,li,ol{ list-style:none; padding:0; margin:0;}
button{ cursor:pointer;vertical-align:middle;}
cite{font-style:normal;}
table{border-collapse: collapse;border-spacing: 0;}

form{display:inline;}
input{border:none;}

a{text-decoration: none; color: #666; outline: none;}
a:hover{text-decoration:none;}
a:visited{}

.hidden{ display:none;}
.show{ display:block;}
.left{float: left;}
.right{float: right;}
.relative{position: relative;}
.absolute{position: absolute;}
.inline-block{
	display: inline-block;
}
.top{
	vertical-align: top;
}
.middle{
	vertical-align: middle;
}
.center{
	text-align: center;
}

/*----clear float----*/
.clear:after {
     content: ".";
     display: block;
	 height: 0;
     visibility: hidden;
	 overflow:hidden;
	 clear: both;
}
.clear {zoom: 1;} /* IE  < 8 */


body{
	background: url(http://static.yohobuy.com/images/v3/gift/gift-bg.gif) repeat;
	padding-bottom: 20px;
}
.yoho-gift{
	width: 320px;
	height: auto;
	text-align: center;
	margin: 0 auto;
}
.yoho-gift .gift-content{
	width: 90%;
	margin: 0 auto;
}
.yoho-gift p{
	color: #eee;
}
.yoho-gift .text-p1{
	margin: 6px 0 30px 0;
}
.yoho-gift .text-p2{
	margin: 35px 0 10px 0;
	text-align: left;
}
.yoho-gift .text-p3{
	margin: 35px 0 10px 0;
	font-size: 16px;
	line-height: 16px;
}
.yoho-gift .text-p4{
	margin: 0px 0 15px 0;
	font-size: 24px;
	line-height: 24px;
}
.yoho-gift .text-p5{
	margin: 35px 0 0px 0;
	text-align: left;
}
.yoho-gift .text-p6{
	margin: 0px 0 0px 0;
	text-align: left;
	padding-left: 18px;
}
.yoho-gift .text-p7{
}
.yoho-gift .text-p8{
	font-size: 40px;
	line-height: 40px;
	margin-top: 60px;
}
.yoho-gift .text-p9{
	margin: 20px 0;
}
.yoho-gift .input-div{
	margin-bottom: 10px;
	padding: 0 10px;
	border: 1px solid #a0110c;
	background:#fff;
}

.yoho-gift .input-div input{
	height: 16px;
	padding: 12px 0px;
	line-height: 16px;
	color: #a7a7a7;
	width: 100%;
	outline: none;
}
.yoho-gift .submit a{
	display: block;
	background: #f6f6f6;
	width: 100%;
	border: 1px solid #a0110c;
	color: #cf2923;
}
.yoho-gift .submit .login{
	display: block;
	background: #f6f6f6;
	width: 100%;
	border: 1px solid #a0110c;
	color: #cf2923;
	font-size: 24px;
	line-height: 24px;
	padding: 16px 10px;
}
.yoho-gift .submit a.register{
	font-size: 16px;
	line-height: 16px;
	padding: 12px 0px;
}
.yoho-gift .error{
	background: #ffdbdb;
	padding-left:10px;
	border: 1px solid #a0110c;
	margin-bottom: 10px;
}
.yoho-gift .error span{
	display: block;
	width: 100%;
	color: #d94d48;
	font-size: 14px;
	line-height: 14px;
	padding: 12px 0px;
	text-align: left;

}
.yoho-gift .error span img{
	padding-right: 6px;
	vertical-align: text-bottom;
	line-height: 14px;
}
.yoho-gift .message-div{
	width: 100%;
	padding-left: 0px;
}
.yoho-gift .message{
	margin-top: 15px;
	margin-left: 0px;
}
.yoho-gift .message a{
	display: block;
	width: 48%;
	background: #f6f6f6;
	border: 1px solid #a0110c;
	color: #cf2923;
	font-size: 12px;
	line-height: 12px;
	padding: 14px 0px;
}
.yoho-gift .message a.right{
	color: #222;
}
</style>

</head>
<body>
<div class="yoho-gift">
	<div class="gift-content">
		<div class="top-flag">
			<img src="http://static.yohobuy.com/images/v3/gift/gift-flag.png"/>
		</div>
		<?php if (!empty($this->error)) {?>
		<div class="error">
			<span><img src="http://static.yohobuy.com/images/v3/gift/error-tips.png"/><?php echo $this->error;?></span>
		</div>
		<?php } else {?>
		<p class="text-p7">(红包领取：01.31-02.28  红包使用：02.07-02.28)</p>
		<?php }?>
		<form action="/hongbao/login" method="post">
			<div class="input-div">
				<input type="text" name="user" placeholder="邮箱/手机" value="<?php echo empty($this->user) ? '' : $this->user;?>"/>
			</div>
			<div class="input-div">
				<input type="password" name="password" placeholder="密码"/>
			</div>
			<div class="submit">
				<button class="login">登录并领取</button>
			</div>
		</form>
		<p class="text-p2">还不是YOHO!的会员？</p>

		<div class="submit">
			<a href="/hongbao/reg" class="register">注册</a>
		</div>
	</div>
</div>

</body>
</html>