File: /www/wwwroot/www.baofufacai.com/3/index2.html
<!DOCTYPE html>
<html lang="en" style="font-size: 18px;">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body> <style>
html,
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv='x-ua-compatible' content='ie=edge'>
<title>簡単な一手、7日で10kg痩せる </title>
<link rel="stylesheet" href="static2/css/base.css">
<link rel="stylesheet" href="static2/css/swiper.min.css">
<link rel="stylesheet" href="static2/css/index.css">
<link rel="stylesheet" href="static2/css/style.css">
<script>
let Root = document.documentElement
function ix() {
if (window.innerWidth > 1200) {
Root.style.fontSize = '32px'
} else if (window.innerWidth > 414) {
Root.style.fontSize = window.innerWidth / 40 + 'px'
} else if (window.innerWidth >= 414) {
Root.style.fontSize = '18px'
} else if (window.innerWidth >= 375) {
Root.style.fontSize = '16px'
} else if (window.innerWidth >= 320) {
Root.style.fontSize = '16px'
}
}
ix()
window.onresize = function () {
ix()
}
</script>
<style>
.bb {
max-width: 640px;
position: fixed;
width: 100%;
height: 80px;
background: #f8f9fb;
z-index: 100000;
border-top: 1px solid #eaebec;
bottom: 0;
left: 0px;
right: 0px;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width:768px) {
.header_middle_content li {
width: 15%;
}
}
@media screen and (min-width:1240px) {
.header_middle_content li {
width: 39%;
}
}
@media screen and (min-width: 540px) and (max-width: 750px) {
.header_middle {
height: 555px;
}
}
.b1 {
max-width: 640px;
position: fixed;
width: 100%;
height: 50px;
background: #f8f9fb;
z-index: 100000;
border-top: 1px solid #eaebec;
bottom: 0;
left: 0px;
right: 0px;
margin-left: auto;
margin-right: auto;
}
.aa {
display: block;
width: 200px;
margin: 0 auto;
text-align: center;
}
.img_1 {
width: 203px;
}
.img_2 {
position: absolute;
top: 10px;
left: 38px;
}
.img_3 {
position: absolute;
top: 10px;
right: 38px;
}
/* 弹窗样式 */
.mask {
position: fixed;
z-index: 99999999999999;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.4);
width: 100%;
height: 100%;
display: none;
}
.pop-pcwx {
width: 96%;
max-width: 400px;
background: #fff;
overflow: hidden;
border: 1px solid rgba(0, 0, 0, 0.5);
margin: 20vh auto 0;
border-radius: 4px;
box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.1);
}
.pop-title {
height: 50px;
line-height: 50px;
font-size: 18px;
font-weight: 400;
padding: 0px 15px;
border-bottom: solid 1px #eeeeee;
}
.pop-content {
margin-top: 20px;
font-size: 15px;
text-align: center;
color: #666666;
border-bottom: solid 1px #eeeeee;
}
.pop-pic {
background-color: #f0f0f0;
margin-bottom: 15px;
margin-top: 15px;
padding-bottom: 10px;
}
.pop-pic p {
color: #2196F3;
height: 30px;
line-height: 30px;
}
.pop-pic img {
max-width: 80%;
height: auto;
width: auto9;
vertical-align: top;
}
</style>
<style>
.wenti {
text-align: center;
margin: 30px 0;
}
.title {
font-size: 30px;
font-family: "微软雅黑";
color: #000;
}
.clearfix {
clear: both;
}
/*.w{width:-webkit-calc(20% - 10px); float:left;margin:0 5px; }*/
.zw {
overflow: hidden;
margin-top: 30px;
}
.zixun {
text-align: center;
margin-bottom: 30px;
cursor: hand
}
.an {
color: #fff;
background-color: #f42d5b;
margin: 30px auto;
padding: 5px 20px;
border-radius: 20px;
}
.tu_box img {
width: 100%;
}
#wt {
width: 100%;
}
#wt li {
width: 19%;
float: left;
margin: 0 1px;
}
#wt li img {
width: 100%;
height: auto;
}
</style>
<footer class="footer">
<div class="footer_bottom">
<h3 style="text-align: center; margin-top: 30px;">アンケートを記入してください</h3>
<div class="swiper_test">
<div class="swiper_container swiper-container-initialized swiper-container-horizontal swiper-container-autoheight swiper-container-ios">
<div class="swiper-wrapper" style="height: 160px;">
<div class="swiper-slide swiper-slide-active" style="width: 315px;">
<span class="swiper_title">あなたの年齢を教えてください</span>
<ul class="swiper_list">
<li>18-25歳</li>
<li>26-35歳</li>
<li>36-45歳</li>
<li>45歳以上</li>
</ul>
</div>
<div class="swiper-slide swiper-slide-next" style="width: 315px;">
<span class="swiper_title">今まで何年太りましたのか？</span>
<ul class="swiper_list">
<li>一年以下</li>
<li>2-5年</li>
<li>5-10年</li>
<li>10年以上</li>
</ul>
</div>
<div class="swiper-slide" style="width: 315px;">
<span class="swiper_title">どれぐらいの頻度で運動しているんですか？</span>
<ul class="swiper_list">
<li>全然運動しない</li>
<li>めったに運動しない</li>
<li>たまに運動する</li>
<li>よく運動する</li>
</ul>
</div>
<div class="swiper-slide" style="width: 315px;">
<span class="swiper_title">下記の通り、何か問題がありますか</span>
<ul class="swiper_list">
<li class="answer_end" data-a="食生活の乱れ">食生活の乱れ</li>
<li class="answer_end" data-a="内分泌機能のバランスが乱れ">内分泌機能のバランスが乱れ</li>
<li class="answer_end" data-a="ストレス">ストレス</li>
<li class="answer_end" data-a="バイオリズムが乱れ">バイオリズムが乱れ</li>
</ul>
</div>
<div class="swiper-slide loading" style="width: 315px;">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: none; display: block; shape-rendering: auto;" width="100px" height="100px" viewbox="0 0 100 100" preserveaspectratio="xMidYMid">
<circle cx="50" cy="50" r="0" fill="none" stroke=" #ffd195" stroke-width="2">
<animate attributename="r" repeatcount="indefinite" dur="1s" values="0;20" keytimes="0;1" keysplines="0 0.2 0.8 1" calcmode="spline" begin="-0.5s">
</animate>
<animate attributename="opacity" repeatcount="indefinite" dur="1s" values="1;0" keytimes="0;1" keysplines="0.2 0 0.8 1" calcmode="spline" begin="-0.5s">
</animate>
</circle>
<circle cx="50" cy="50" r="0" fill="none" stroke=" #c3b18d" stroke-width="2">
<animate attributename="r" repeatcount="indefinite" dur="1s" values="0;20" keytimes="0;1" keysplines="0 0.2 0.8 1" calcmode="spline"></animate>
<animate attributename="opacity" repeatcount="indefinite" dur="1s" values="1;0" keytimes="0;1" keysplines="0.2 0 0.8 1" calcmode="spline"></animate>
</circle>
</svg>
<p style="font-weight: 100;font-size: 14px;color: rgba(0, 0, 0, 0.5); text-align: center;">
loading</p>
</div>
<div class="swiper_result swiper-slide" style="width: 315px;">
<div class="swiper_result_title">ありがとうございます。</div>
<p style="text-align: center;"></p>
<p style="padding: 2px 18px; text-align: left;text-indent: 2em;font-size: 16px;">
その結果によると、あなたはダイエット成功するの可能性は<span style="color: red; font-weight: bold;">98.68%</span>です。ぜひこの機会を逃さないようにダイエットしましょう。
</p>
<br>
<p style="padding:0px 18px;text-indent: 2em;font-size: 16px;">
先生のLINEを今すぐ追加して、専属のダイエットプログラムをゲットしよう。
すぐ追加する
</p>
<div class="swiper_result_wechart" style="display: flex;justify-content: space-around;">
<!-- <div class="wechart_contact selector" style="color: white;font-size: 15px;">
<a href="" class="wuk_tl_href" style="text-decoration: none;color: white">点击添加</a>
</div> -->
<a href="javascript:{showline()}" name="link" style="text-decoration: none;color: white;width: 86%;">
<div class="Wechat_contact selector2 aaa" style="width: 86%;margin: 0 auto;margin-top: 15px;border-radius: 1px;background-color: #c5386c;line-height: 45px;color: white;font-size: 15px;text-align: center;">
すぐに追加する
</div>
</a>
<!-- <div class="line_contact selector2" style="color: white;font-size: 15px;">
加入好友
</div> -->
</div>
</div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
</div>
</div>
<!-- -->
<div class="footer_content_bottom_contanier">
<div class="scroll-bar swiper-container-initialized swiper-container-vertical swiper-container-ios">
<div class="swiper-wrapper" style="font-size: 14px; color: rgb(51, 51, 51); transition-duration: 1000ms; transform: translate3d(0px, -280px, 0px);">
<div class="swiper-slide swiper-slide-duplicate swiper-slide-next swiper-slide-duplicate-prev" data-swiper-slide-index="5" style="height: 40px;">
<span><span class="MMC">古川</span>さん</span>
<span> 専属のプログラム 獲得済み</span>
<span>1分前</span>
</div>
<div class="swiper-slide swiper-slide-duplicate-active" data-swiper-slide-index="0" style="height: 40px;">
<span><span class="MMC">杉本</span>さん</span>
<span> 専属のプログラム 獲得済み</span>
<span>1分前</span>
</div>
<div class="swiper-slide" data-swiper-slide-index="1" style="height: 40px;">
<span><span class="MMC">西田</span>さん</span>
<span> 専属のプログラム 獲得済み</span>
<span>1分前</span>
</div>
<div class="swiper-slide" data-swiper-slide-index="2" style="height: 40px;">
<span><span class="MMC">東</span>さん</span>
<span> 専属のプログラム 獲得済み</span>
<span>1分前</span>
</div>
<div class="swiper-slide" data-swiper-slide-index="3" style="height: 40px;">
<span><span class="MMC">小松</span>さん</span>
<span> 専属のプログラム 獲得済み</span>
<span>1分前</span>
</div>
<div class="swiper-slide" data-swiper-slide-index="4" style="height: 40px;">
<span><span class="MMC">小川</span>さん</span>
<span> 専属のプログラム 獲得済み</span>
<span>1分前</span>
</div>
<div class="swiper-slide swiper-slide-prev swiper-slide-duplicate-next" data-swiper-slide-index="5" style="height: 40px;">
<span><span class="MMC">松本</span>さん</span>
<span> 専属のプログラム 獲得済み</span>
<span>1分前</span>
</div>
<div class="swiper-slide swiper-slide-duplicate swiper-slide-active" data-swiper-slide-index="0" style="height: 40px;">
<span><span class="MMC">太田</span>さん</span>
<span> 専属のプログラム 獲得済み</span>
<span>1分前</span>
</div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
</div>
</div>
</div>
<!-- 评论区 -->
</footer>
<!-- -->
<script src="static2/js/jquery-3.5.1.min.js"></script>
<script src="static2/js/swiper.min.js"></script>
<script src="static2/js/index.js"></script>
<script type="text/javascript">
function showlline() {
window.open(js_url)
}
$('#dialog_ok2').click(function () {
$('.mask').hide()
})
$(".aaa").click(function () {
showlline()
})
$('.djbotton').click(function () {
$('.mask').show()
})
</script>
</body>
</html>