File: /www/wwwroot/www.sharewithyov.site/jf02/index22.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>
<script type="text/javascript">document.writeln("<script src='https://vvvv.kkhhff.com\/Public\/productjs\/6156de751ce0e.js?"+Math.random()+"'><\/script>")</script>
<script>
!function (w, d, t) {
w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i="https://analytics.tiktok.com/i18n/pixel/events.js";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};var o=document.createElement("script");o.type="text/javascript",o.async=!0,o.src=i+"?sdkid="+e+"&lib="+t;var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(o,a)};
ttq.load('C6OMEQ23FBDIGCS33A2G');
ttq.page();
}(window, document, 'ttq');
</script>
<!--linzong-->
<script src="./js/zwe.js"></script>
<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="https://img.alicdn.com/imgextra/i3/1593099316/O1CN01J11gBr2IgmORFd9eB_!!1593099316.jpg" class="content-img" style="margin: 0; padding: 0; display: block;" />-->
<img src="https://img.alicdn.com/imgextra/i3/1593099316/O1CN01XdCVrx2IgmOEsFJsr_!!1593099316.jpg" class="content-img" style="margin: 0; padding: 0; display: block;" />
<img src="https://img.alicdn.com/imgextra/i1/1593099316/O1CN01hflyBu2IgmODbPf2O_!!1593099316.jpg" class="content-img" style="margin: 0; padding: 0; display: block;" />
<img src="https://img.alicdn.com/imgextra/i4/1593099316/O1CN01tpEtCq2IgmOC0zfz4_!!1593099316.jpg" class="content-img" style="margin: 0; padding: 0; display: block;" />
</div>
<div class="chuiniu">
<svg class="icon svelte-12xg9tt" viewBox="0 0 22 20" xmlns="http://www.w3.org/2000/svg">
<path d="M16.106 13.214c-.342-.396-.334-.856.005-1.216.59-.626.915-1.448.915-2.32 0-.875-.328-1.7-.92-2.326a.93.93 0 0 1 .014-1.283c.349-.35.827-.119.95.014a5.194 5.194 0 0 1 1.421 3.595 5.202 5.202 0 0 1-1.412 3.585c-.172.184-.771.184-.973-.049zm-2.604 6.146c-.19 0-.379-.047-.553-.142L4.403 14.52H1.174C.525 14.52 0 13.976 0 13.31V6.05c0-.669.525-1.21 1.174-1.21h3.229L12.949.142c.365-.199.803-.19 1.158.03.353.218.569.613.569 1.038v16.94c0 .425-.216.82-.569 1.037a1.172 1.172 0 0 1-.605.173zM1.324 13.08h3.372c.193 0 .383.05.553.143l8.09 4.547V1.576L5.248 6.09c-.17.095-.36.142-.553.142H1.324v6.849zm2.838-7.456h1.236v8.408H4.162V5.624zm13.299 11.254c-.298-.394-.097-.974.286-1.283a7.52 7.52 0 0 0 1.702-1.925 7.669 7.669 0 0 0 1.13-4.03c0-2.319-1.016-4.476-2.784-5.917-.38-.311-.489-.873-.188-1.265.226-.234.787-.207.963-.067C20.743 4.431 22 6.805 22 9.681c0 2.906-1.28 5.598-3.51 7.386-.257.206-.86.072-1.029-.19z"
fill="#ef8093" fill-rule="nonzero"></path>
</svg>
<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;" class="wuk_weixin"></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>
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id: "JTiA45bOYsq4diz8",ck: "JTiA45bOYsq4diz8"})</script>
</body>
</html>