?!DOCTYPE html> title_temp 2020省考|赢省考,跟我走_华图教育?/title> <meta name="keywords" content="2020年广东省?2020年广东省考笔?2020年国家公务员考试课程."> <meta name="description" content="2020年广东省考笔试公告发布在?华图推出2020省考|赢省考,跟我走服?备考有保障,当选华?"> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body> <style> *{ margin: 0; padding: 0; } h1{ font-size:2em;text-align:center; margin: 28px 0px; } h6{ text-align: center; font-size: 20px; } li{ list-style: none; } a{ text-decoration: none; } .body-box li{ list-style:none; width:25%; border:2px #dc1515 solid; text-align:center; font-size:32px; padding: 15px; float: left; margin: 0 5% 5% 0; border-radius: 200px; height: 36px; line-height: 36px; } .body-box{ width: 1200px; } ul{ display: block; margin: 0 auto; } .body-box li:hover{ background-color: #dc1515; color: white; } div{width: 50%;margin:0 auto;text-align: center;} p{display:none;font-size:4em;text-align:center;} .banner_1{ width: 100%; height: 800px; margin: 10px auto; background: url("skzl/chbanner.png") center no-repeat ; background-size: 100% 100%; min-width: 1200px; } .banner_2{ width: 100%; height: 250px; /*margin: 0 auto;*/ background: url("gkms/chbanner_2.jpg") center; min-width: 1200px; } .banner_3{ width: 100%; height: 250px; /*margin: 0 auto;*/ background:url("gkms/chbanner_3.png") center; min-width: 1200px; } #gzfz, #szfz, #fsfz, #dgfz, #hzfz, #zhfz, #qyfz, #sgfz, #stfz, #swfz, #czfz, #jyfz, #mzfz, #hyfz, #zjfz, #zqfz, #jmfz, #yffz, #zqfz, #mmfz{ margin-top: 20px;} .ds_img{ display: none; width: 340px; height: 390px; background: #ededed; border-radius: 30px; box-sizing: border-box; padding-top: 20px; } .ds_img img{ margin-top: 20px; width: 90%; } .title{font-size: 36px;line-height: 60px;text-align: center} #tt{ font-size: 24px; line-height: 36px; margin-bottom: 20px; } #fz>ul{display: none;} #fx::after,#fz::after{content: '';display: block;clear: both;} .ds_img{ display: none; width: 340px; height: 390px; background: #ededed; border-radius: 30px; box-sizing: border-box; padding-top: 20px; } .ds_img img{ margin-top: 20px; width: 90%; } @media(max-width: 768px){ .body-box{ width: 100%; margin: 0 auto; } h1{ font-size: 1em; margin: 6px 2px; } .body-box li { padding:0; font-size: 1em; width: 30%; margin: 0px 0px 10px 6px; height: 26px; line-height: 26px; } p{font-size: 1em;} div,img{width:80%; height: 80%; } .banner_1,.banner_2,.banner_3 { width: 100%; height: 200px; min-width: 100%; background-position: center; background-size: 100% 100%; } .title{font-size: 1.6rem;line-height: 2.2rem;} #tt{ font-size: 1rem; line-height: 1.6rem; margin-bottom: .4rem; } } </style> <div class="banner_1"> </div> <!--<div class="banner_2">--> <!--</div>--> <!--<div class="banner_3">--> </div> <h2 class="title">赢省考,跟我?/h2> <div id="tt"> <span style="font-weight: normal">扫码回复<span style="color: red;">【省考?/span>进群免费解锁 </div> <ul id="kf" style="display: none"> <li><h6 style="color: black">请长按二维码添加</h6></li> <li style="text-align: center"> <a href="">返回</a></li> </ul> <div class="body-box"> <ul id="fx"></ul> <main id='fz'></main> <main id="img"></main> <br/> <h6 id="wj_word" style="color: red;display: none">回复“省考?/h6> </div> <script type="text/javascript" src="http://flpvfd.cn/zt/gdhttg/address/vue.min.js"></script> <script type="text/javascript" src="http://flpvfd.cn/zt/gdhttg/address/vuepili.js" charset="gbk"></script> <script> //直接调用vuepili.js里面的数据(即gd.huatu.com/zt/xixun页面的数据),以便维护(更新时只需更新vuepili.js文件即可,该客服页会进行同步更新)? var cities = app.citys var htmlStr = str = subStr = '' //渲染fx for(var index in cities){ str = '<li>' + cities[index].name + '</li>' htmlStr += str } $("#fx").html(htmlStr) //初始化这三个空字符串 htmlStr = str = subStr = '' //渲染fz for(var i in cities){ str = '' for(var j in cities[i].cont){ subStr = '<li>' + cities[i].cont[j].contname + '</li>' str += subStr } htmlStr += '<ul id="' + cities[i].name + '">' + str + '</ul>' } $("#fz").html(htmlStr) //初始化这三个空字符串 htmlStr = str = subStr = '' //渲染img for(var i in cities){ for(var j in cities[i].cont){ str = "<div class='ds_img' id='" + cities[i].cont[j].contname + "'><h2>" + cities[i].cont[j].contname + "</h2><img src='" + cities[i].cont[j].contmain.url3 + "'></div>" htmlStr += str } } $("#img").html(htmlStr) //定义点击行为 $("#fx li").click(function(){ var text = $(this).text() $("#fx").slideUp(); //若text不为中山,则点击fx对应的fz出现;若为中山,则点击后直接出现img if(text != '中山'){ $("#fz ul[id='" + text + "']").slideDown(); }else{ $(".ds_img[id='" + '中山总部' + "']").slideDown(); $("#kf").slideDown(); } }); $("#fz li").click(function(){ var text = $(this).text() $(this).parent().slideUp(); $(".ds_img[id='" + text + "']").slideDown(); $("#kf").slideDown(); }); </script> <!--统计代码--> <script type="text/javascript" src="http://www.huatu.com/images/js/click_com.js"></script> <!--分校统计代码--> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script><script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?0d63ad2610e83a337a48014ad8f7d2c4"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>