master

分支 (3)

管理

管理

master

lyp

dev

guanwang
/
flowRealization.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>流量变现</title>
    <link href="./style/axui/css/ax.css" rel="stylesheet" type="text/css" />

    <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css" />
    <link href="./style/css/comm.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="./style/css/flowRealization.css">
    <link href="./style/css/base.css" rel="stylesheet" type="text/css" />
    <style>
        .my-pc {
            background-image: url(./style/img/bg-2.png);
            background-size: 100% 100%;
            padding-bottom: 50px;
        }

        @media screen and (min-width: 1200px) {
            .title-1 {
                font-size: 36px;
                color: #333333;
                font-weight: bold;
                text-align: center;
                padding-bottom: 57px !important;
                line-height: 1;
            }
            .header_title .content {
                background-image: url(./style/img/flowRealization/title.png);
                background-size: contain;
                background-repeat: no-repeat;
                background-position: right;
            }
            .footer_pc .content {
                border: none;
                margin-top: 0;
            }
            .Vue_box_7 {
                background-image: url(./style/img/flowRealization/2.png) !important;
            }
            .Vue_box_7_box .title-1 {
                padding-top: 64px;
                padding-bottom: 12px !important;
            }
            .Vue_box_7_box p {
                font-size: 20px !important;
                color: #333333;
                line-height: 1.5;
            }
            /* .header_title {
                background-image: url(./style/img/flowRealization/title.png);
                background-size: contain;
                background-repeat: no-repeat;
                background-position: right;
            } */
            .header_title .content {
                padding-top: 120px;
                width: 1200px;
                margin: auto;
                height: 500px;
            }
            .header_title .one_row {
                font-size: 26px;
                font-weight: bold;
                color: #333333;
                line-height: 70px;
            }
            .header_title .two_row,
            .three_row {
                font-size: 16px;
                line-height: 24px;
                line-height: 24px;
                color: #333333;
            }
            .header_title .three_row {
                /* text-align: center; */
                margin-top: 20px;
            }
            .header_title .three_row span {
                background-color: #2D5FFE;
                display: inline-block;
                border-radius: 20px;
                text-align: center;
                color: white;
                font-size: 20px;
                padding: 10px 20px;
                margin-top: 50px;
            }
        }

        .bottom_from .form_content .form .form_item {
            margin-bottom: 10px;
        }

        .sub_title {
            margin-bottom: 10px;
        }
    </style>
    <style>
        .body_content .icon_list .icon_box>.icon {
            display: flex;
            align-items: center;
            justify-content: center;
            /* border: 1px solid transparent; */
        }

        .body_content .icon_list .icon_box>.icon img {
            height: 70%;
        }

        .myHeader {
            background-color: #2F60FD;
        }

        .Vue_box_7 .bor_der {
            border: none;
            box-shadow: none;
            background: none;
        }

        .Vue_box_7 .el-row {
            background: white;
        }

        .Vue_box_7 {
            padding-bottom: 130px;
        }
        /* 移动端 */

        @media screen and (max-width: 1200px) {
            .header_title {
                background-image: url(./style/img/flowRealization/m-b.png);
                background-size: 100% 100%;
            }
            .header_title .content {
                padding-top: 1.5rem;
                margin: auto;
                padding-left: .625rem;
                padding-bottom: 2rem;
                padding-right: 1.875rem;
            }
            .header_title .one_row {
                font-size: 1.5rem;
                line-height: 4.375rem;
                font-weight: 700;
            }
            .header_title .two_row,
            .three_row {
                font-size: 1rem;
                line-height: 1.5;
            }
            .header_title .two_row {
                width: 14.75rem;
            }
            .header_title .three_row {
                margin-top: 2rem;
            }
            .header_title .three_row span {
                background-color: #2D5FFE;
                display: inline-block;
                line-height: 3.25rem;
                border-radius: 2.25rem;
                text-align: center;
                color: white;
                font-size: 1.25rem;
                padding: 0 1.25rem;
            }
            .Vue_box_7 .bor_der {
                margin-bottom: 0;
                padding-right: 10px;
                padding-left: 10px;
            }
            .Vue_box_7 .el-row {
                padding-top: 20px;
                border-radius: 6px;
            }
            .Vue_box_7 .el-col:last-child .bor_der .title {
                display: none;
            }
            .Vue_box_7 .bor_der:last-child {
                padding-top: 0;
            }
            .Vue_box_7 .bor_der:first-child {
                padding-bottom: 0;
            }
            .Vue_box_7_box {
                width: 90%;
                margin: auto;
            }
            .Vue_box_7 {
                background-image: url(./style/img/333.png);
                background-size: cover;
            }
            .realization {
                background-image: url(./style/img/333.png);
                background-size: cover;
                padding-bottom: 20px;
            }
            .realization .main {
                background-color: white;
                padding: 20px !important;
            }
            .title_img {
                padding-top: 6rem;
            }
        }
    </style>
</head>

<body>


    <!-- 头部样式 -->
    <header class="myHeader">
        <div class="headBack"></div>
        <div class="content">
            <div>
                <nav>
                    <a href="/" class="router-link-active"><img src="https://adyouyi.com/assets/img/logodingbu.svg" alt="logo" /></a>
                    <ul class="pc">
                        <li>
                            <a href="./index.html" target="_parent">首页

                                <!---->
                            </a>
                        </li>
                        <li>
                            <a href="./platform.html" target="_parent">游易平台<span style="display: none"></span></a>
                        </li>
                        <li class="relative">
                            <a href="#" target="_parent" class="advert">广告代理 <span style="display: none"></span>
                            </a>
                            <ul class="nav_ol">
                                <li>
                                    <div class="tab">
                                        <div>
                                            <p>海外广告媒体</p>
                                            <div class="list">
                                                <div>
                                                    <img src="./style/img/b-9.png" style="padding:9px 10px" />
                                                    <p>Google</p>
                                                </div>
                                                <div>
                                                    <img src="./style/img/6.png" />
                                                    <p>Meta</p>
                                                </div>
                                                <div>
                                                    <img src="./style/img/8.png" />
                                                    <p>Twitter</p>
                                                </div>
                                                <div>
                                                    <img src="./style/img/2.png" />
                                                    <p>TikTok</p>
                                                </div>
                                                <div>
                                                    <img src="./style/img/b-7.png" />
                                                    <p>Kwai</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div>
                                            <p>国内广告媒体</p>
                                            <div class="list">
                                                <div>
                                                    <img src="./style/img/1.png" />
                                                    <p>bilibili</p>
                                                </div>
                                                <div>
                                                    <img src="./style/img/3.png" />
                                                    <p>快手短视频</p>
                                                </div>
                                                <div>
                                                    <img src="./style/img/7.png" />
                                                    <p>巨量</p>
                                                </div>
                                                <div>
                                                    <img src="./style/img/5.png" />
                                                    <p>广点通</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="./flowRealization.html">流量变现
                                <span></span><span></span>
                                <ul></ul>
                            </a>
                        </li>
                        <li>
                            <a href="./journalism.html" target="_parent">营销学堂<span style="display: none"></span></a>
                        </li>
                        <li>
                            <a href="./contactUs.html" target="_parent">联系我们 <span style="display: none"></span>
                                <ul></ul>
                            </a>
                        </li>
                    </ul>
                </nav>
                <div class="right pc">
                    <ul>
                        <li>
                            <button><a href="./login.html" class="nav_ol_a" style="color: white;">登录</a></button>
                            <div style="display: none">
                                <p></p>
                                <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAlklEQVRIie3UMQrCQBCF4cAWljlA7uIt9A65pYWlpYX3sEzxWySBILvseyvIFjMw5XsfTDEDkP65Q4ABBtg1OAI34GKWTsADODvgCNxZZzHQCXhtuXcOLYHHoIrmMlfnpA4qYTVQRWVMAWuohalgqXh2MQfMoceRMBcsoTLWAn6jFtYK7ujTxX4BE3BqyXX1vAMMsA/wA0D/c4E1eqGfAAAAAElFTkSuQmCC"
                                    alt="" />
                                <div class="logout">
                                    <p>退出登录</p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <button><a href="./login.html?type=reg" class="nav_ol_a"
                                    style="color: #3469f8;">注册</a></button>
                            <button style="display: none">进入管理中心</button>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="wap" id="menu_btn">
                <img src="	https://adyouyi.com/assets/img/mobileOption.svg" alt="logo" />
            </div>
        </div>


        <div class="wap">
            <div class="wap-nav none">
                <div class="content">
                    <ul>
                        <li>
                            <a href="./" target="_parent">首页

                                <!---->
                            </a>
                        </li>
                        <li>
                            <a href="./platform.html" target="_parent">游易平台<span style="display: none"></span></a>
                        </li>
                        <!-- <li>
                            <span class="agent" style="cursor: pointer;">广告代理</span>
                            <ul class="agent_list">
                                <li> <a href="/bilibili.html" class="">B站广告投放</a></li>
                            </ul>
                        </li> -->
                        <li>
                            <a href="./flowRealization.html" target="_parent" style="color:#2256FF">流量变现
                                <span></span><span></span>
                                <ul></ul>
                            </a>
                        </li>
                        <li>
                            <a href="./journalism.html" target="_parent">营销学堂<span style="display: none"></span></a>
                        </li>
                        <li>
                            <a href="./contactUs.html" target="_parent">联系我们 <span style="display: none"></span>
                                <ul></ul>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <div class="header_title">
        <div class="content">
            <div class="one_row">
                全球可靠的流量变现服务平台
            </div>
            <div class="two_row">
                有APP就能接入广告变现、广告填充率高、提高广告收益
            </div>
            <div class="three_row">
                <span class="cur_pointer">
                    立即注册变现
                </span>
            </div>
        </div>
    </div>
    <div class="realization my-pc">
        <div class="title-1">
            变现优势
        </div>
        <div>
            <div class="main">
                <div>
                    <img src="./style/img/15.png" alt="">
                    <p>高填充</p>
                    <p style="color: #999;line-height: 1.5;font-size: 14px;">与国内10+广告SDK品牌合作，整合300+品牌直客，对接100+广告代理商。</p>
                </div>
                <div>
                    <img src="./style/img/16.png" alt="">
                    <p>高单价</p>
                    <p style="color: #999;line-height: 1.5;font-size: 14px;">流量分级售卖，分层定价；按需匹配，精选渠道实时竞价</p>
                </div>
                <div>
                    <img src="./style/img/17.png" alt="">
                    <p>全场景 </p>
                    <p style="color: #999;line-height: 1.5;font-size: 14px;">支持原生（Native）banner、激励视频、 全屏视频、插屏等多种广告类型</p>
                </div>
                <div>
                    <img src="./style/img/18.png" alt="">
                    <p>智能化</p>
                    <p style="color: #999;line-height: 1.5;font-size: 14px;">依托技术优良的广告引擎体系及人工智能竞价技术，为曝光机会选择优质的广告</p>
                </div>
                <div>
                    <img src="./style/img/19.png" alt="">
                    <p>个性化</p>
                    <p style="color: #999;line-height: 1.5;font-size: 14px;">支持广告屏蔽、广告开关、运营推广、广告直投等多种个性化服务</p>
                </div>
                <div>
                    <img src="./style/img/20.png" alt="">
                    <p>回收快</p>
                    <p style="color: #999;line-height: 1.5;font-size: 14px;">
                        支持各种方式支付广告费用，并根据APP流量等级选取不同的合作形式，让开发者更快速的解决广告回收周期问题</p>
                </div>
            </div>
        </div>
    </div>
    <div class="realization mobile ">
        <div>
            <div class="title-1"> 变现优势
            </div>
        </div>
        <div>

            <div class="main">
                <div>
                    <img src="./style/img/15.png" alt="">
                    <p>高填充</p>
                    <p>与国内10+广告SDK品牌合作，整合300+品牌直客，对接100+广告代理商。</p>
                </div>
                <div>
                    <img src="./style/img/16.png" alt="">
                    <p>高单价</p>
                    <p>流量分级售卖，分层定价；按需匹配，精选渠道实时竞价</p>
                </div>
                <div>
                    <img src="./style/img/17.png" alt="">
                    <p>全场景 </p>
                    <p>支持原生（Native）banner、激励视频、 全屏视频、插屏等多种广告类型</p>
                </div>
                <div>
                    <img src="./style/img/18.png" alt="">
                    <p>智能化</p>
                    <p>依托技术优良的广告引擎体系及人工智能竞价技术，为曝光机会选择优质的广告</p>
                </div>
                <div>
                    <img src="./style/img/19.png" alt="">
                    <p>个性化</p>
                    <p>支持广告屏蔽、广告开关、运营推广、广告直投等多种个性化服务</p>
                </div>
                <div>
                    <img src="./style/img/20.png" alt="">
                    <p>回收快</p>
                    <p>支持各种方式支付广告费用，并根据APP流量等级选取不同的合作形式，让开发者更快速的解决广告回收周期问题</p>
                </div>
            </div>
        </div>
    </div>
    <div class="body_content">
        <div class="title text_center">
            <div class=" title-1">
                丰富的广告形式
            </div>
            <div class="en_title">
            </div>
        </div>
        <div class="icon_list text_center">
            <div class="icon_box" onclick="_clickTab(0)">
                <div class="icon"><img src="./style/img/cut_list_1.png" alt=""></div>
                <div class="text">应用开屏广告</div>
            </div>
            <div class="icon_box" onclick="_clickTab(1)">
                <div class="icon"><img src="./style/img/cut_list_2.png" alt=""></div>
                <div class="text">原生广告</div>
            </div>
            <div class="icon_box" onclick="_clickTab(2)">
                <div class="icon"><img src="./style/img/cut_list_3.png" alt=""></div>
                <div class="text">插屏广告</div>
            </div>
            <div class="icon_box" onclick="_clickTab(3)">
                <div class="icon"><img src="./style/img/cut_list_4.png" alt=""></div>
                <div class="text">激励广告</div>
            </div>
            <div class="icon_box" onclick="_clickTab(4)">
                <div class="icon"><img src="./style/img/cut_list_5.png" alt=""></div>
                <div class="text">悬浮Banner广告</div>
            </div>
        </div>
        <div class="content_banner">
            <div class="content">
                <div class="content_characters">
                    <div class="title">
                        <div class="big_title">
                            应用开屏广告
                        </div>
                        <div class="sub_title min_font">
                            应用开启后全屏沉浸式展示广告
                        </div>
                    </div>
                    <ul class="content_text">
                        <li>
                            <span class="min_font" style="margin-left: -6px;">适用场景</span>
                            <div class="min_font">
                                打开应用，即触发广告展现5s（可手动跳过），视觉冲击感强。
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="content_img">
                    <img src="https://www.iyouyi.com/static/youyi/images/cash_flow/cut_back_list_1.png" alt="">
                </div>
            </div>
            <div class="content">
                <div class="content_characters">
                    <div class="title">
                        <div class="big_title">
                            原生广告
                        </div>
                        <div class="sub_title min_font">
                            高度内容契合的原生广告
                        </div>
                    </div>
                    <ul class="content_text">
                        <li>
                            <span class="min_font" style="margin-left: -6px;">适用场景</span>
                            <div class="min_font">
                                滑动信息内容时，固定位置展现，广告与App内容高度自然融合，视觉体验效果好。
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="content_img">
                    <img src="https://www.iyouyi.com/static/youyi/images/cash_flow/cut_back_list_2.png" alt="">
                </div>
            </div>
            <div class="content">
                <div class="content_characters">
                    <div class="title">
                        <div class="big_title">
                            插屏广告
                        </div>
                        <div class="sub_title min_font">
                            视觉效果突出，场景灵活多样
                        </div>
                    </div>
                    <ul class="content_text">
                        <li>
                            <span class="min_font" style="margin-left: -6px;">适用场景</span>
                            <div class="min_font">
                                广告投放较为灵活，适用于进入页面，屏幕浮层广告，点击实现落地页跳转。
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="content_img">
                    <img src="https://www.iyouyi.com/static/youyi/images/cash_flow/cut_back_list_3.png" alt="">
                </div>
            </div>
            <div class="content">
                <div class="content_characters">
                    <div class="title">
                        <div class="big_title">
                            激励视频
                        </div>
                        <div class="sub_title min_font">
                            精准定位目标用户，高转化率
                        </div>
                    </div>
                    <ul class="content_text">
                        <li>
                            <span class="min_font" style="margin-left: -6px;">适用场景</span>
                            <div class="min_font">
                                用户主动选择去观看30S左右的全屏视频广告，适用于获取激励奖品的场景，如：双倍积分、的金币等。
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="content_img">
                    <img src="https://www.iyouyi.com/static/youyi/images/cash_flow/cut_back_list_4.png" alt="">
                </div>
            </div>
            <div class="content">
                <div class="content_characters">
                    <div class="title">
                        <div class="big_title">
                            悬浮Banner广告
                        </div>
                        <div class="sub_title min_font">
                            在App底部悬浮且可关闭的边栏广告
                        </div>
                    </div>
                    <ul class="content_text">
                        <li>
                            <span class="min_font" style="margin-left: -6px;">适用场景</span>
                            <div class="min_font">
                                在APP底部悬浮且可关闭的边栏广告，曝光量大，样式灵活美观，点击率更高，预算收益提升。
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="content_img">
                    <img src="https://www.iyouyi.com/static/youyi/images/cash_flow/cut_back_list_5.png
                    " alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="service_process text_center">
        <div class=" title-1">服务流程</div>
        <ul class="conten">
            <li class="item">
                <img src="./style/img/flowRealization/flow_list_1.png" alt="">
                <div>商务沟通</div>
            </li>
            <li class="delta"></li>
            <li class="item">
                <img src="./style/img/flowRealization/flow_list_2.png" alt="">
                <div>技术对接</div>
            </li>
            <li class="delta"></li>
            <li class="item">
                <img src="./style/img/flowRealization/flow_list_3.png" alt="">
                <div>业务验收</div>
            </li>
            <li class="delta"></li>
            <li class="item">
                <img src="./style/img/flowRealization/flow_list_4.png" alt="">
                <div>数据测试</div>
            </li>
            <li class="delta"></li>
            <li class="item">
                <img src="./style/img/flowRealization/flow_list_5.png" alt="">
                <div>线上运营</div>
            </li>
        </ul>
    </div>
    <div class="cooperative_partner">
        <div class=" title-1">合作伙伴</div>
        <div class="logo_list">
            <img src="./style/img/flowRealization/flow_logo_1.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_2.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_3.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_4.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_5.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_6.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_7.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_8.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_9.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_10.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_11.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_12.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_13.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_14.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_15.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_16.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_17.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_18.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_19.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_20.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_21.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_22.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_23.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_24.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_25.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_26.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_27.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_28.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_29.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_30.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_31.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_32.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_33.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_34.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_35.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_36.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_37.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_38.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_39.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_40.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_41.png" alt="">
            <img src="./style/img/flowRealization/flow_logo_42.png" alt="">
        </div>
    </div>
    <!-- 行业解决方案结束 -->
    <!-- 这里结束哦 -->
    <div class="Vue_box_7">
        <div class="Vue_box_7_box">
            <div class="title-1">营销学院</div>
            <p>为各行各业创造更大价值</p>
            <div class="row-bg el-row">
                <div class="el-col" style="padding-left: 15px; padding-right: 15px;">
                    <div class="bor_der">
                        <div class="title">
                            <p>行业动态</p>
                        </div>
                        <div class="center">
                            <ul>
                                <li>
                                    <a href="/portal/article/news_detail/id/6340.html">
                                        <p>关于近期有冒充我司品牌进行非法活动的严正声明！</p>
                                        <p>2022-01-12</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/portal/article/news_detail/id/6186.html">
                                        <p>游易官网域名更新啦！</p>
                                        <p>2021-12-03</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/portal/article/news_detail/id/5944.html">
                                        <p>热烈欢迎贵州市黔东南州人民政府成都办事处领导莅临我司考察调研</p>
                                        <p>2021-09-17</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/portal/article/news_detail/id/5910.html">
                                        <p>游易集团获批在天府（四川）联合股权交易中心挂牌</p>
                                        <p>2021-09-13</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/portal/article/news_detail/id/5863.html">
                                        <p>维护通知</p>
                                        <p>2021-08-31</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="el-col" style="padding-left: 15px; padding-right: 15px;">
                    <div class="bor_der">
                        <div class="title">
                            <p style="opacity: 0;">行业动态</p>
                        </div>
                        <div class="center">
                            <ul>
                                <li>
                                    <a href="/portal/article/news_detail/id/5820.html">
                                        <p>微信App新增支持切换2个以上帐号</p>
                                        <p>2021-08-17</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/portal/article/news_detail/id/5759.html">
                                        <p>腾讯推出游戏未保“双减双打”新措施，倡议全行业讨论对12岁以下小学生禁游</p>
                                        <p>2021-08-04</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/portal/article/news_detail/id/5753.html">
                                        <p>QQ浏览器上线“直达”功能</p>
                                        <p>2021-08-03</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/portal/article/news_detail/id/5749.html">
                                        <p>Facebook旗下短视频平台推出60秒视频功能</p>
                                        <p>2021-08-02</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="/portal/article/news_detail/id/5740.html">
                                        <p>工信部通报14款App开屏弹窗信息整改不到位</p>
                                        <p>2021-07-29</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="bottom_from">
        <div class="title-1">像流量变现专家咨询</div>
        <div class="form_content">
            <div class="form">
                <div class="form_title text_center">
                    留下您的联系方式
                </div>
                <div class="form_item">
                    <div class="label">
                        姓名<span style="color:red">*</span>
                    </div>
                    <input type="text">
                </div>
                <div class="form_item">
                    <div class="label">
                        手机号码<span style="color:red">*</span>
                    </div>
                    <input type="text">
                </div>
                <div class="form_item">
                    <div class="label">
                        验证码<span style="color:red">*</span>
                    </div>
                    <div style="position: relative;">
                        <input type="text">
                        <div class="getCodeBtn">获取验证码</div>
                    </div>
                </div>
                <div class="form_item">
                    <div class="label">
                        合作内容
                    </div>
                    <input type="textarea">
                </div>
                <div class="btn text_center">提交信息</div>
            </div>
            <div class="code">
                <div class="code_title text_center">
                    在线顾问
                    <span></span>
                </div>
                <div class="code_content">
                    <div class="code_img">
                        <img src="./style/img/flowRealization/code.png" alt="">
                    </div>
                    <div class="code_text">
                        <div class="code_item">变现顾问：范范</div>
                        <div class="code_item">电话：18161235000</div>
                        <div class="code_item">微信：18161235000</div>
                        <div class="code_item">邮箱：[email protected]</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="home" id="footer">
        <footer class="footer_pc footer footer_bg">
            <div>
                <div class="content">
                    <div class="main">
                        <div class="left">
                            <p class="title"> <img src="./style/img/logo.png" alt=""> &nbsp;游易广告</p>
                            <p>四川互联互加科技有限公司</p>
                            <p>Tel：400-7722-180</p>
                            <div>
                                <img id="d1" src="./style/img/douying1.png" alt="">
                                <img id="d2" src="./style/img/douying.png" alt="">
                                <img id="d3" src="./style/img/weixin1.png" alt="">
                                <img id="d4" src="./style/img/weixin.png" alt="">
                                <img id="d5" src="./style/img/zhihu1.png" alt="">
                                <img id="d6" src="./style/img/zhihu.png" alt="">
                                <img id="d7" src="./style/img/weibo1.png" alt="">
                                <img id="d8" src="./style/img/weibo.png" alt="">
                                <img id="d9" src="./style/img/toutiao1.png" alt="">
                                <img id="d10" src="./style/img/toutiao.png" alt="">
                            </div>
                        </div>
                        <div class="right">
                            <div>
                                <p class="title">广告投放</p>
                                <p>广告投放</p>
                                <p>Banner广告</p>
                                <p>信息流广告</p>
                                <p>插屏广告</p>
                                <p>核心优势</p>
                            </div>
                            <div>
                                <p class="title">广告代理</p>
                                <p>服务对象</p>
                                <p>海外广告代理平台</p>
                                <p>国内广告代理平台</p>
                            </div>
                            <div>
                                <p class="title">流量变现</p>
                                <p>变现优势</p>
                                <p>服务流程</p>
                            </div>
                            <div>
                                <p class="title">营销学堂</p>
                                <p>游易动态</p>
                                <p>行业动态</p>
                                <p>应用上线</p>
                                <p>资质代办</p>
                            </div>
                            <div>
                                <p class="title">联系我们</p>
                            </div>
                        </div>
                    </div>
                    <p>Copyright @ 成都有联网络传媒有限公司 <a data-v-28ecc88a="" href="https://beian.miit.gov.cn">蜀ICP备2021029925号</a></p>
                </div>
        </footer>
        <footer class="footer_mobile footer footer_bg">
            <div class="content">
                <div class="center">
                    <p class="title" style="display:flex;"> <img src="./style/img/logo.png" alt="" style="margin:0px 5px 10px 0px;"> &nbsp;游易广告</p>
                    <p>四川互联互加科技有限公司</p>
                    <p>Tel：400-7722-180</p>
                </div>
                <div class="left">
                    <img id="d1" src="./style/img/douying1.png" alt="">
                    <img id="d2" src="./style/img/douying.png" alt="">
                    <img id="d3" src="./style/img/weixin1.png" alt="">
                    <img id="d4" src="./style/img/weixin.png" alt="">
                    <img id="d5" src="./style/img/zhihu1.png" alt="">
                    <img id="d6" src="./style/img/zhihu.png" alt="">
                    <img id="d7" src="./style/img/weibo1.png" alt="">
                    <img id="d8" src="./style/img/weibo.png" alt="">
                    <img id="d9" src="./style/img/toutiao1.png" alt="">
                    <img id="d10" src="./style/img/toutiao.png" alt="">
                </div>
                <div class="content">
                    <div class="main">
                        <div class="right">
                            <div>
                                <p class="title">广告投放</p>
                                <p>广告投放</p>
                                <p>Banner广告</p>
                                <p>信息流广告</p>
                                <p>插屏广告</p>
                                <p>核心优势</p>
                            </div>
                            <div>
                                <p class="title">广告代理</p>
                                <p>服务对象</p>
                                <p>海外广告代理平台</p>
                                <p>国内广告代理平台</p>
                            </div>
                            <div>
                                <p class="title">流量变现</p>
                                <p>变现优势</p>
                                <p>服务流程</p>
                            </div>
                            <div>
                                <p class="title">营销学堂</p>
                                <p>游易动态</p>
                                <p>行业动态</p>
                                <p>应用上线</p>
                                <p>资质代办</p>
                            </div>
                            <div>
                                <p class="title">联系我们</p>
                            </div>
                        </div>
                    </div>
                    <p>Copyright @ 成都有联网络传媒有限公司 <a data-v-28ecc88a="" href="https://beian.miit.gov.cn">蜀ICP备2021029925号</a></p>
                </div>
            </div>
        </footer>
        </div>

        <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
        <script type="text/javascript">
            let domList = document.querySelectorAll('.body_content .icon_list .icon_box .icon')
            let index = 0;

            function _clickTab(num) {
                document.querySelectorAll('.body_content .content_banner .content').forEach((dom, i) => {
                    dom.style.display = 'none'
                    if (i === num) {
                        dom.style.display = 'flex'
                    }
                })
                document.querySelectorAll('.body_content .icon_list .icon_box .icon').forEach((dom, i) => {
                    dom.className = 'icon'
                    if (i === num) {
                        dom.className = 'icon active'
                        index = i
                    }
                })
            }

            function _initBanner() {
                domList[index].click()
                    // setInterval(()=>{
                    //     domList[index].click()
                    //     index++
                    //     if(index>(domList.length-1)){
                    //         index=0
                    //     }
                    // },3000)
            }
            window.onload = () => {
                    _initBanner()
                }
                //  头部相关js
            window.addEventListener(
                "scroll",
                function() {
                    setHead();
                },
                true
            );
            $("#menu_btn").click(function(event) {
                event.stopPropagation();
                $(".wap-nav").addClass("block");
            });
            $(".agent").click(function() {
                // console.log($(".agent>ul"));
                $(".agent_list").toggleClass("showItem");
            });

            $(".wap-nav").click(function(event) {
                event.stopPropagation();
                if (event.target == this) {
                    $(this).removeClass("block");
                }
            });

            $('body').click(() => {
                $(".wap-nav").removeClass("block");
                $(".wap-nav").addClass("none");
            })

            function setHead() {
                if (window.pageYOffset) {
                    $(".headBack").addClass("trueHeader");
                } else {
                    $(".headBack").removeClass("trueHeader");
                }
            }
        </script>
</body>

</html>