<!DOCTYPE html>
<html lang="en">
<link rel="alternate" media="only screen and (max-width: 640px)" href="https://www.footseen.xyz/mobile/index.html">
<head>
    <meta charset="utf-8"/>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-3V6KZGW418"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'G-3V6KZGW418');
    </script>
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta content="telephone=no" name="format-detection">
    <meta name="wap-font-scale" content="no">
    <title>footseen-腳控足控天堂-超激情美女主播視訊-絲足影片</title>
    <meta name="keywords" content="footseen,foot live,激情美女視訊,激情美女影片,腳控足控,絲足,裸足,美腿,絲襪,黑絲,台灣UU聊天室,swag,視訊聊天室,live173,uplive,vklive,nonolive,foot rub,foot fetish">
    <meta name="description" content="footseen,腳控足控天堂,絲足美腿視訊影片,台灣足控第一高效約會軟體,免費影片立即觀看,在線美女激情互動,成人視訊線上體驗,徹底釋放你的慾望。">
    <script src="lib/fsize.js"></script>

    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/layer.css">
    <link rel="stylesheet" href="css/daily.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/index.css?v=22020119">

    <style>
        .layui-layer-shade {
            opacity: 0.7 !important;
        }

        .yourclass5 {
            border-radius: 0rem !important;
            background: rgba(0, 0, 0, 0) !important;
        } 
        .yourclass5 .layui-layer-content {
            border-radius: 0rem !important;
        }
        .yourclass6{
            border-radius: 0rem !important;
            background: rgba(0, 0, 0, 0) !important;
            position: relative;
            left: 1.4rem !important;
        }
        .yourclass6 .layui-layer-content {
            border-radius: 0rem !important;
        }
    </style>
</head>
<body style="background: #F3F3F3">
<div class="layer-shadow">

</div>
<div class="layer-tag-box">
    <div class="layer-tag-title">選擇分類</div>
    <ul class="layer-tag-ul">
        <li class="tag-click">#全部</li>
        <li>#黑絲</li>
        <li>#黑絲</li>
        <li>#黑絲</li>
        <li>#黑絲</li>
    </ul>
</div>
<div class="m-content">
    <div class="nav-box">
        <div class="top-bg">
            <div class="nav-btn">
                <div><a style="color: #FFABEE;" href="index.html"><span class="txt1">影片</span><img class="click-img" src="images/click.png" alt=""></a></div>
                <div class="nav-click"><span class="txt2">圖文</span><img class="click-img" src="images/click.png" alt=""></div>
            </div>
        </div>
        <div class="title-nav">
            <div style="width: 9rem;" class="title-nav-box">
                <div class="title-nav-content">
                    <h2 data-type="9">絲襪</h2>
                    <h2 data-type="28">秀腿</h2>
                    <h2 data-type="45">裸足</h2>
                    <h2 data-type="271">腳趾</h2>
                    <h2 data-type="109">美腿</h2>
                    <h2 data-type="11">黑絲</h2>
                    <h2 data-type="38">高跟</h2>
                    <h2 data-type="100">長腿</h2>
                    <h2 data-type="55">肉絲</h2>
                    <h2 data-type="273">粉嫩</h2>
                </div>
            </div>
            <!-- <img class="more-btn" src="images/more.png" alt=""> -->
        </div>
    
    </div>

    <div style="height: 2.5rem;"></div>

    <div class="detailed-box">

    </div>
    <div class="bottom-nav">
        <h1 class="bottom-nav-h1">美腿、美足、絲襪直播</h1>
        <div class="bottom-nav-btn"></div>
        <div class="bottom-close-btn"></div>
    </div>
    <div style="height: 2.5rem;"></div>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="lib/swiper.min.js"></script>
<script src="layer-v3.1.0/layer/layer.js"></script>
<script src="lib/liMarquee.js"></script>
<script src="lib/swiper.min.js"></script>
<script src="lib/default.js?v='20220418'"></script>
<script>
$(function(){
    var browserLang = navigator.language
    if(browserLang.indexOf("zh")==-1){
        $(".bottom-nav").css("background","url(images/bottom-nav-En.png) no-repeat")
        $(".bottom-nav").css("background-size","100% 100%")
        $(".txt1").text("video")
        $(".txt2").text("Graphics")
        $(".bottom-nav-h1").text('Legs/Feet/Stockings Live')
    }
    var tagStr=''
    var pageNumber=1
    var typeNumber=2
    var scrollOk=true;
    var scrollTopNum=0
    $(".title-nav-content h2").on("click",function(){
        var _self=$(this)
        if($(this).hasClass("tag-go")){
            $(".title-nav-content h2").removeClass("tag-go")
            tagStr=''
            pageNumber=1
            listAdd(pageNumber,typeNumber,tagStr)
        }else{
            $(".title-nav-content h2").removeClass("tag-go")
            pageNumber=1
            tagStr=$(this).attr("data-type")
            $(this).addClass("tag-go")
            listAdd(pageNumber,typeNumber,tagStr)
        } 
    })
    $(".bottom-close-btn").on("click",function(){
        $(".bottom-nav").fadeOut(350)
    })
    $(".bottom-nav-btn").on("click",function(){
        var downNum=Math.ceil(Math.random()*3)
        window.location.href='download/download3.html?qd=ftsBH5TW'
    })
    listAdd(pageNumber,typeNumber,tagStr)
    $(".more-btn").on("click",function(){
        $(".layer-tag-box").css("top","0rem")
        $(".layer-shadow").show()
    })
    $(".layer-shadow").on("click",function(){
        $(".layer-tag-box").css("top","-12rem")
        $(".layer-shadow").hide()
    })
    $(window).on("scroll",function(){
        if(scrollTopNum<$(document).scrollTop()){
            if($(document).scrollTop()>200){
                $(".nav-box").hide()
                $(".nav-box").addClass("nav-box-show").css("transform","translateY(-3.5rem)")
            } 
       
        }else{
            $(".nav-box").show()
            $(".nav-box").css("transform","translateY(0rem)")
        
        }
        scrollTopNum=$(document).scrollTop()
        if($(document).height()-$(document).scrollTop()-$(window).height()<=10){
            if($(document).scrollTop()==0)return;
            if(scrollOk==false)return;
            scrollOk=false
            pageNumber+=1
            listAdd(pageNumber,typeNumber,tagStr)
        }
    })
    function listAdd(pageNum,typeNum,tagNum){
        $.ajax({
            url:$ip+'/footSeen/h5/queryTopics',
            data:{
                page:pageNum,
                size:10,
                type:typeNum,
                tag:tagNum,
            },
            success:function(data){
                // console.log('獲取貼文列表',data)
                var html=[];
                for(var i=0;i<data.dataList.length;i++){
                    if(data.dataList[i]==undefined)continue
                    if(data.dataList[i].type!=2)continue
                    var list=data.dataList[i]
                    var videoList=JSON.parse(list.content)
                    html+='<a href="Graphics.html?topicId='+list.topicId+'&tag='+tagNum+'"><div data-type="'+list.topicId+'" class="add-video-box">';
                    html+='<div class="add-shadow"></div>';
                    html+='<div class="add-face-name">';
                    html+='<img src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_80" alt="">';
                    html+='<p>'+list.nickname+'</p>';
                    html+='</div>';
                    html+='<div style="background: url(https://zhibocdn.yabolive.net/comm'+videoList.images[0].url+'?x-oss-process=image/resize,w_505)no-repeat;background-size: cover;" class="add-video-img">';
                    html+='</div>';
                    html+='<div class="add-video-text-box">';
                    html+='<p>'+videoList.title+'</p>';
                    html+='<div class="tag-content clearfix">';
                    for(var j=0;j<list.tags.length;j++){
                        html+='<div data-type="'+list.tags[j].tagId+'" class="tag">#'+list.tags[j].tagName+'</div>';
                    }
                    html+='</div>';
                    html+='</div>';
                    html+='</div></a>';
                }
                if(pageNum==1){
                    $(".detailed-box").html(html)
                }
                else{
                    $(".detailed-box").append(html)
                }
                setTimeout(function(){
                    scrollOk=true;
                }, 500);
                // $(".add-video-box").unbind("click").on("click",function(){
                //     var _self=$(this).attr("data-type")
                //     window.location.href="Graphics.html?topicId="+_self+"&tag="+tagNum+"";
                // })
            }
        })

    }

    function tagGet(){
        $.ajax({
            url:$ip+'/footSeen/h5/queryTagList',
            success:function(data){
                // console.log('获取标签列表',data)
                var html=[];
                html+='<li data-type="" class="tag-click">#全部</li>'
                for(var i=0;i<data.tagList.length;i++){
                    var list=data.tagList[i];
                    html+='<li data-type="'+list.tagId+'" >'+list.tagName+'</li>'
                }
                $(".layer-tag-ul").html(html);
                $(".layer-tag-ul li").on("click",function(){
                    var _self=$(this);
                    $(".layer-tag-ul li").removeClass("tag-click")
                    _self.addClass("tag-click")
                    if(_self.attr("data-type")==''){
                        tagStr=''
                        pageNumber=1
                        getList(pageNumber,typeNumber,tagStr)
                        $(".detailed-box").html('').hide()
                        $(".all-box").show()
                        $(".layer-tag-box").css("top","-12rem")
                        $(".layer-shadow").hide()
                    }else{
                        tagStr=_self.attr("data-type")
                        pageNumber=1
                        $(".all-box").hide()
                        $(".detailed-box").html('').show()
                        listAdd(pageNumber,typeNumber,tagStr)
                        $(".layer-tag-box").css("top","-12rem")
                        $(".layer-shadow").hide()
                     
                    }
                })
            }
        })
    }
})
</script>
</html>