File: /www/wwwroot//www.losewh.com/inde.html
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>專業減肥調理方案</title>
<style>
*{
margin: 0;
padding: 0;
}
body,
html {
padding: 0;
margin: 0;
}
.warp {
margin: 0 auto;
max-width: 640px;
}
.content-img {
width: 100%;
}
.chuiniu {
overflow: hidden;
width: 80%;
margin-left: 10%;
line-height: 50px;
font-size: 16px;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
border-radius: 25px;
margin-top: 1em;
margin-bottom: 2em;
text-align: center;
position: relative;
}
.chuiniu svg {
width: 20px;
height: 20px;
padding: 0 6px;
vertical-align: middle;
}
.form {
padding: 0 20px;
box-sizing: border-box;
line-height: 2em;
}
.form .q-item {
margin-bottom: 1em;
color: #777;
}
.form .q-item .answer {
color: #333;
}
.form .q-item input[type="text"] {
outline: none;
border: none;
border-bottom: 1px solid rgb(220, 220, 220);
padding: 6px;
width: 80%;
}
.form .q-item .answer span {
display: inline-block;
width: 50%;
margin-right: -1em;
color: #555;
font-size: 0.9em;
}
.form .q-item .question span {
font-size: 0.8em;
}
.submit {
line-height: 50px;
font-size: 20px;
color: #fff;
border-radius: 25px;
width: 80%;
margin: 1em 0;
margin-left: 10%;
background: #ef8093;
text-align: center;
}
.baoming {
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
width: 280px;
margin: 0 auto;
text-align: center;
font-size: 14px;
line-height: 40px;
height: 198px;
overflow: hidden;
color: rgb(51, 51, 51);
}
.footer-nav {
width: 100%;
max-width: 640px;
background: #ef8093;
line-height: 60px;
font-size: 20px;
color: #fff;
text-align: center;
position: fixed;
bottom: 0;
}
.icon {
width: 1em;
height: 1em;
}
.scroller p {
margin: 0;
}
.scroller {
position: relative;
transition: bottom 300ms;
margin: 0;
}
.active {
visibility: visible;
}
.normal {
visibility: hidden;
}
.photo_img {
position: relative;
}
.luck_draw {
position: absolute;
left: 7%;
bottom: 21.5%;
width: 64px;
transition: width 0.5s;
}
@media (min-width: 400px) and (max-width: 450px) {
.luck_draw {
width: 71px;
}
}
@media (min-width: 451px) and (max-width: 500px) {
.luck_draw {
width: 76px;
}
}
@media (min-width: 501px) and (max-width: 525px) {
.luck_draw {
width: 81px;
}
}
@media (min-width: 526px) and (max-width: 550px) {
.luck_draw {
width: 86px;
}
}
@media (min-width: 551px) and (max-width: 575px) {
.luck_draw {
width: 91px;
}
}
@media (min-width: 576px) and (max-width: 600px) {
.luck_draw {
width: 96px;
}
}
@media (min-width: 601px) and (max-width: 625px) {
.luck_draw {
width: 101px;
}
}
@media (min-width: 626px) {
.luck_draw {
width: 106px;
}
}
</style>
</head>
<body>
<div class="warp">
<div class="photo_img">
<img src="static/picture/1.jpg" class="content-img" style="margin: 0; padding: 0; display: block;">
<img src="static/picture/2.jpg" class="content-img" style="margin: 0; padding: 0; display: block;">
<img src="static/picture/3.jpg" class="content-img" style="margin: 0; padding: 0; display: block;">
</div>
<div class="chuiniu">
<img src="static/picture/Ua22f4c6f9a58439c88e85c60e3ddf2e8X.jpg" style="width:20px;height:20px">
<span class="number-active number-midd" id="numberline">
目前已有<span style="font-size: 1.2em; color: #ef8093;" id="number">13002</span>人領取調理方案
</span>
</div>
<div class="form">
<div class="q-item">
<div class="question">你的年齡？(保密) <span>(單選)</span></div>
<div class="answer">
<label>
<span> <input type="radio" name="age">30歲以下 </span>
</label>
<label>
<span> <input type="radio" name="age">30歲-40歲 </span></label>
<label>
<span> <input type="radio" name="age">41-50歲 </span></label>
<label>
<span> <input type="radio" name="age">50歲以上</span></label>
</div>
</div>
<div class="q-item">
<div class="question">你是突然胖起來的嗎？ <span>(單選)</span></div>
<div class="answer">
<label><span class="">
<label><input type="radio" name="time">是</label></span></label>
<label><span> <input type="radio" name="time">不是</span></label>
</div>
</div>
<div class="q-item">
<div class="question">你覺得你身上哪個位置胖了？<span>(單選)</span></div>
<div class="answer">
<label><span class="">
<label><input type="radio" name="time1">腹部</label></span></label>
<label><span> <input type="radio" name="time1">四肢</span></label>
<label><span> <input type="radio" name="time1">全身都胖</span></label>
</div>
</div>
<div class="q-item">
<div class="question">你每週運動嗎？ <span>(單選)</span></div>
<div class="answer">
<label><span class="">
<label><input type="radio" name="time2">經常運動</label></span></label>
<label><span> <input type="radio" name="time2">偶爾運動</span></label>
<label><span> <input type="radio" name="time2">從來不運動</span></label>
</div>
</div>
<div class="q-item">
<div class="question">你每天都要吃肉嗎？<span>(單選)</span></div>
<div class="answer">
<label><span class="">
<label><input type="radio" name="time3">每天都要吃</label></span></label>
<label><span> <input type="radio" name="time3">可吃可不吃</span></label>
<label><span> <input type="radio" name="time3">從來不吃</span></label>
</div>
</div>
<div class="q-item">
<div class="question">你每頓飯都吃很飽嗎？<span>(單選)</span></div>
<div class="answer">
<label><span class="">
<label><input type="radio" name="time4">是</label></span></label>
<label><span> <input type="radio" name="time4">不是</span></label>
</div>
</div>
<div class="q-item">
<div class="question">你每天都吃蔬菜和水果嗎？<span>(單選)</span></div>
<div class="answer">
<label><span class="">
<label><input type="radio" name="time5">大量吃</label></span></label>
<label><span> <input type="radio" name="time5">有時候吃，有時候不吃</span></label>
</div>
</div>
<div class="q-item">
<div class="question">你想減肥的目標？<span>(單選)</span></div>
<div class="answer">
<label><span class="">
<label><input type="radio" name="time6">10KG以下</label></span></label>
<label><span> <input type="radio" name="time6">15KG</span></label>
<label><span> <input type="radio" name="time6">20KG</span></label>
<label><span> <input type="radio" name="time6">25KG以上</span></label>
</div>
</div>
<div class="q-item">
<div class="question">你嘗試過哪種減肥方案？<span>(單選)</span></div>
<div class="answer">
<label><span class="">
<label><input type="radio" name="time7">運動減肥</label></span></label>
<label><span> <input type="radio" name="time7">節食減肥</span></label>
<label><span> <input type="radio" name="time7">代餐減肥</span></label>
<label><span> <input type="radio" name="time7">醫美減肥</span></label>
<label><span> <input type="radio" name="time7">藥品減肥</span></label>
<label><span> <input type="radio" name="time7">以上都沒有</span></label>
</div>
</div>
<div class="q-item" style="text-align: center;">
<strong>添加LINE【<span name="notweixin" style="color: #ef8093;">
<script>
document.write(stxlwx);
</script>
</span>】即可獲取<br>
你自己的專屬方案</strong><br>
</div>
</div>
<a href="javascript:{showline()}" style="text-decoration: none;">
<div class="submit">立即領取一對一專屬方案</div>
</a>
<p style="font-size: 16px; font-weight: bold; text-align: center;">
最新報名客戶
</p>
<div class="baoming">
<div class="scroller" style="bottom: 200px; transition: bottom 300ms ease 0s;">
<p>凌** 已添加獲取 10分鐘前</p>
<p>朱** 已添加獲取 11分鐘前</p>
<p>武** 已添加獲取 12分鐘前</p>
<p>周** 已添加獲取 14分鐘前</p>
<p>張** 已添加獲取 22分鐘前</p>
<p>王** 已添加獲取 22分鐘前</p>
<p>陳** 已添加獲取 24分鐘前</p>
<p>崔** 已添加獲取 33分鐘前</p>
<p>任** 已添加獲取 44分鐘前</p>
<p>凌** 已添加獲取 10分鐘前</p>
<p>朱** 已添加獲取 11分鐘前</p>
<p>武** 已添加獲取 12分鐘前</p>
<p>周** 已添加獲取 14分鐘前</p>
<p>張** 已添加獲取 22分鐘前</p>
</div>
</div>
<br>
<br>
<br>
<br>
<a href="javascript:{showline()}" style="text-decoration: none;">
<div class="footer-nav">立即領取減肥調理方案</div>
</a>
<script>
function addNumber() {
var n = 13000;
setInterval(function() {
n = n + Math.ceil(Math.random() * 3);
var number = document.querySelector("#number");
var numberline = document.querySelector("#numberline");
numberline.className = "number-active number-top";
setTimeout(function() {
numberline.className = "number-bottom";
}, 400);
setTimeout(function() {
number.innerText = n;
numberline.className = "number-active number-midd";
}, 416);
}, 6000);
}
addNumber();
</script>
<script>
var scroller = document.querySelector(".scroller");
var h = parseInt(getComputedStyle(scroller).height.replace("px", ""));
setInterval(function() {
var i = scroller;
var offsetY = i.style.bottom.replace("px", "") || 0;
offsetY = parseInt(offsetY) + 40;
i.style.bottom = offsetY + "px";
if (offsetY > h - 200) {
offsetY = 0;
i.style.transition = "bottom 0s";
i.style.bottom = offsetY + "px";
setTimeout(
function(offsetY, i) {
i.style.transition = "bottom 300ms";
offsetY = parseInt(offsetY) + 40;
i.style.bottom = offsetY + "px";
},
16,
offsetY,
i
);
}
}, 3000);
</script>
</div>
</body>