-
Notifications
You must be signed in to change notification settings - Fork 1
/
ok.html
42 lines (42 loc) · 2.38 KB
/
ok.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>夜跑侠</title>
</head>
<style>
body,article,section,h1,h2,hgroup,p,a,ul,li,em,div,small,span,footer,canvas,figure,figcaption,input{margin:0;padding:0;}
html,body{width: 100%;height: 100%;background-color: #001543;}
.main{width: 100%;height: 100%;max-width:480px;margin:0 auto;background-image: url('images/bg_ok.jpg');background-size: 100% auto;background-repeat: no-repeat; position:relative;}
</style>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<!--<script>
$(function(){
var webheight=document.body.offsetHeight;
if(webheight<=480){
$('#ok').css('margin','0 0 0 10%');
$('#ms').css('margin-top','-20px');
$('#youhui').css({'margin-top':'5px','width':'55%'});
$('#erji').css('height','200px');
$('#canyu').css({'height':'167px','margin':'32px 0 0 3%'});
}
})
</script>-->
<body>
<div class="main">
<img src="images/ok-ok.png" alt="" style="width: 80%;margin:15px 0 0 10%;" id="ok">
<div style="color: #fff;font-size: 14px;padding: 0 10%;line-height: 20px; margin-top:-10px;" id="ms">请于当日19:00，到达约跑地点，领取约跑暗号，找到与你相配的Ta，一起夜跑！</div>
<div style="width: 70%;margin: 10px 0 0 10%;position: relative;">
<img src="images/map.jpg" alt="" style="width: 100%;border: solid 1px #d88804;border-radius: 5px;position: relative; z-index:1;">
<span style="width: 20px;display: block;color: #fff;background: #920783;position: absolute;top: 0;right: -26px;z-index: 0;text-align: center;font-size: 13px;padding: 8px 4px 8px 10px;line-height: 16px;border-radius: 5px;">长按保存</span>
</div>
<img src="images/ok-youhui.png" alt="" style="width: 60%;margin: 10px 0 0 0;float: right;" id="youhui">
<div style="float: left;margin-top: -40px;padding-left: 4%; width:94%;">
<img src="images/ok-erji.png" alt="" style="height:225px;float: left;" style="height: 225px;float: left;margin-right: 10px;" id="erji"/>
<img src="images/ok-canyu.png" alt="" style="height:190px;margin: 35px 0 0 2%;float: left;" style="height: 190px;float: left;margin-top: 35px;" id="canyu">
<div>
</div>
<div style="height:20px; display:block; float:left; width:100%;"> </div>
</body>
</html>