Inicio Explorar Axuda
Rexistro Iniciar sesión
toor
/
temp_code
1
0
Fork 0
Ficheiros Incidencias 0 Pull Requests 0 Wiki
Árbore: 1e6263c0a4
Ramas Etiquetas
temp_code
/
python
/
demo_svg_pdf
/
test_svg_files
/
s.html

s.html 80 KB
Histórico Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840 
  1. <!-- htmlcs-disable -->
    2. 

  2. <!DOCTYPE html>
    3. 

  3. <html><head>
    4. 

  4. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    5. 

  5. <meta name="template-name" content="baiduCustNativeADImage">
    6. 

  6. <meta charset="UTF-8">
    7. 

  7. <!--baiduCustNativeADImageTxt_1-->
    8. 

  8. <title>
    9. 

  9.     百度推广
    10. 

  10. </title>
    11. 

  11. <link rel="stylesheet" href="s_data/logo-sm.css">
    12. 

  12. <script type="text/javascript" src="s_data/logo.js"></script>
    13. 

  13. <style type="text/css">
    14. 

  14. body{margin:0;padding:0;font-size:14px;font-family:arial,'microsoft yahei',\5b8b\4f53,sans-serif}body *{margin:0;padding:0;font-size:100%}body em{font-style:normal}body ul,body ol{list-style:none}body img{border:0}body .cur-item .item-img{-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}body .clearfix:after{clear:both;content:'\20';height:0;display:block}body .clear{clear:both;height:0;line-height:0;font-size:0;visibility:hidden;overflow:hidden}body .yahei{font-family:"microsoft yahei","微软雅黑E\8F6F\96C5\9ED1",Tahoma,Arial,Helvetica,STHeiti}body .heiti{font-family:SimHei,STHeiti,"microsoft yahei","微软雅黑E\8F6F\96C5\9ED1",Tahoma,Arial,Helvetica}.s-hl-content{position:relative}.s-hl-content .s-bd-logo{height:20px;width:100px;background:url('//su.bdstatic.com/static/cun/img/bd_logo_78626fb5.png') no-repeat left top;background-position:0 0}.s-hl-content .s-bd-logo:hover{background-position:0 -20px}.s-hl-content .s-bd-logo{text-decoration:none;cursor:pointer;display:block;overflow:hidden;position:absolute;bottom:0;right:0;z-index:2147483647}.s-hl-content .s-bd-logo-small:hover{background-position:-70px 0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="//su.bdstatic.com/static/cun/img/logo_border_dark_fe7d5068.png",sizingMethod="crop")}.s-hl-content .s-bd-logo-small{position:absolute;cursor:pointer;bottom:0;right:0;height:18px;width:18px;background:url(//su.bdstatic.com/static/cun/img/bd_logo2_fe7c9450.png) no-repeat left top;background-position:0 0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="//su.bdstatic.com/static/cun/img/logo_border_light_0f0bac10.png",sizingMethod="crop");_background:none;z-index:2147483647}
    15. 

  15. </style>
    16. 

  16. <script type="text/javascript">
    17. 

  17. (function(c){var b=typeof module==="undefined"?(c.baidu=c.baidu||{}):module.exports;b.template=function(g,f){var e=(function(){if(!c.document){return a._compile(g)}var i=document.getElementById(g);if(i){if(a.cache[g]){return a.cache[g]}var h=/^(textarea|input)$/i.test(i.nodeName)?i.value:i.innerHTML;return a._compile(h)}else{return a._compile(g)}})();var d=a._isObject(f)?e(f):e;e=null;return d};var a=b.template;a.versions=a.versions||[];a.versions.push("1.0.6");a.cache={};a.LEFT_DELIMITER=a.LEFT_DELIMITER||"<%";a.RIGHT_DELIMITER=a.RIGHT_DELIMITER||"%>";a.ESCAPE=true;a._encodeHTML=function(d){return String(d).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/\\/g,"&#92;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")};a._encodeReg=function(d){return String(d).replace(/([.*+?^=!:${}()|[\]/\\])/g,"\\$1")};a._encodeEventHTML=function(d){return String(d).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;").replace(/\\\\/g,"\\").replace(/\\\//g,"/").replace(/\\n/g,"\n").replace(/\\r/g,"\r")};a._compile=function(e){var d="var _template_fun_array=[];\nvar fn=(function(__data__){\nvar _template_varName='';\nfor(name in __data__){\n_template_varName+=('var '+name+'=__data__[\"'+name+'\"];');\n};\neval(_template_varName);\n_template_fun_array.push('"+a._analysisStr(e)+"');\n_template_varName=null;\n})(_template_object);\nfn = null;\nreturn _template_fun_array.join('');\n";return new Function("_template_object",d)};a._isObject=function(d){return"function"===typeof d||!!(d&&"object"===typeof d)};a._analysisStr=function(f){var d=a.LEFT_DELIMITER;var h=a.RIGHT_DELIMITER;var e=a._encodeReg(d);var g=a._encodeReg(h);f=String(f).replace(new RegExp("("+e+"[^"+g+"]*)//.*\n","g"),"$1").replace(new RegExp("<!--.*?-->","g"),"").replace(new RegExp(e+"\\*.*?\\*"+g,"g"),"").replace(new RegExp("[\\r\\t\\n]","g"),"").replace(new RegExp(e+"(?:(?!"+g+")[\\s\\S])*"+g+"|((?:(?!"+e+")[\\s\\S])+)","g"),function(j,i){var k="";if(i){k=i.replace(/\\/g,"&#92;").replace(/'/g,"&#39;");while(/<[^<]*?&#39;[^<]*?>/g.test(k)){k=k.replace(/(<[^<]*?)&#39;([^<]*?>)/g,"$1\r$2")}}else{k=j}return k});f=f.replace(new RegExp("("+e+"[\\s]*?var[\\s]*?.*?[\\s]*?[^;])[\\s]*?"+g,"g"),"$1;"+h).replace(new RegExp("("+e+":?[hvu]?[\\s]*?=[\\s]*?[^;|"+g+"]*?);[\\s]*?"+g,"g"),"$1"+h).split(d).join("\t");if(a.ESCAPE){f=f.replace(new RegExp("\\t=(.*?)"+g,"g"),"',typeof($1) === 'undefined'?'':baidu.template._encodeHTML($1),'")}else{f=f.replace(new RegExp("\\t=(.*?)"+g,"g"),"',typeof($1) === 'undefined'?'':$1,'")}f=f.replace(new RegExp("\\t:h=(.*?)"+g,"g"),"',typeof($1) === 'undefined'?'':baidu.template._encodeHTML($1),'").replace(new RegExp("\\t(?::=|-)(.*?)"+g,"g"),"',typeof($1)==='undefined'?'':$1,'").replace(new RegExp("\\t:u=(.*?)"+g,"g"),"',typeof($1)==='undefined'?'':encodeURIComponent($1),'").replace(new RegExp("\\t:v=(.*?)"+g,"g"),"',typeof($1)==='undefined'?'':baidu.template._encodeEventHTML($1),'").split("\t").join("');").split(h).join("_template_fun_array.push('").split("\r").join("\\'");return f}})(window);
    18. 

  18. </script>
    19. 

  19. <script type="text/template" id="native_ad_frame_template">
    20. 

  20.     <div class="s-hl-content">
    21. 

  21.         <div id="bd-hl-content" class="bd-hl-content">
    22. 

  22.             <div class="title_style title_style_<%=style.hasTitle%>"><%=style.header%></div>
    23. 

  23.             <div id="pic_container" class="pic_container"> </div>
    24. 

  24.         </div>
    25. 

  25.     </div>
    26. 

  26.     <style type="text/css">
    27. 

  27.         .s-hl-content .bd-hl-content a,
    28. 

  28.         .s-hl-content .bd-hl-content a:hover,
    29. 

  29.         .s-hl-content .bd-hl-content a:visited,
    30. 

  30.         .s-hl-content .bd-hl-content a{text-decoration:none}
    31. 

  31.         .s-hl-content .bd-hl-content .pic_container{padding:0px;border:0;position:relative;overflow:hidden;float:left;}
    32. 

  32.         .s-hl-content .bd-hl-content{
    33. 

  33.             position:relative; margin:0;padding:0;font-family:'microsoft yahei';font-size: 14px;font-weight:normal; overflow:hidden;
    34. 

  34.             border:<%=style.containerBorder%>px solid #CCC;
    35. 

  35.             background-color:<%=style.containerBgColor%>;
    36. 

  36.             width:<%=style.containerWidth%>px;
    37. 

  37.             height:<%=style.containerHeight%>px;
    38. 

  38.             padding:<%=style.containerPaddingTop%>px <%=style.containerPaddingRight%>px <%=style.containerPaddingBottom%>px <%=style.containerPaddingLeft%>px;
    39. 

  39.         }
    40. 

  40.         
    41. 

  41.         .s-hl-content .bd-hl-content .title_style {<%if(style.hasTitle==2){%>margin-left:5px;<%}%>width:<%=(style.containerWidth-5)%>px;height:25px;line-height:25px;padding-left:5px;font-size:<%=style.headerFontSize%>px;margin-bottom:3px;font-weight:900;}
    42. 

  42.         .s-hl-content .bd-hl-content .title_style_0 {display:none;}
    43. 

  43.         .s-hl-content .bd-hl-content .title_style_2 {border-left:5px solid <%=style.headerBgColor%>;color:<%=style.headerFontColor%>}
    44. 

  44.         .s-hl-content .bd-hl-content .title_style_1 {background-color:<%=style.headerBgColor%>;color:<%=style.headerFontColor%>}
    45. 

  45.     </style>
    46. 

  46. </script>
    47. 

  47. <script type="text/template" id="native_ad_pic_template">
    48. 

  48. <div style="margin-top:<%=style.blockMarginTop%>px;<%if(style.align==1){%>margin-left:5px;<%}%>">
    49. 

  49.     <%for(var row=0;row<style.imgRow;++row){
    50. 

  50.         %><div id="imgRow<%=row%>"style="margin-top:<%=style.imgRowMarginTop%>px;clear:both;"><%
    51. 

  51.             for(var col=0;col<style.imgCol;++col){
    52. 

  52.                 var i = row * style.imgCol + col;
    53. 

  53.                 if(i >= ads.length) {
    54. 

  54.                     break;
    55. 

  55.                 }%>
    56. 

  56.                 <div class="pic_itemColumnSpace" ></div>
    57. 

  57.                 <div class="pic_item" id="picItem_<%=row%>_<%=col%>" >
    58. 

  58.                         <%if(config["temp_exp_flag"] === 6476){%>
    59. 

  59.                             <%if(ads.length >= 3 && col < 6 && row == 0){%>
    60. 

  60.                                 <div class="flagShow">
    61. 

  61.                                     <div class="triangle_<%=col%> angle"></div> 
    62. 

  62.                                     <p class="number"> <%=col+1%> </p>
    63. 

  63.                                 </div>
    64. 

  64.                             <%}%>
    65. 

  65.                         <%}%>
    66. 

  66.                             <div class="pic">
    67. 

  67.                                 <a  href="<%=ads[i].curl%>" target="_blank" style="cursor: pointer">
    68. 

  68.                                     <img class="img" src="<%=ads[i].image_url%>">
    69. 

  69.                                     <div class="mask">
    70. 

  70.                                         <%if((style.Sys.ie && style.Sys.ie>= 10 || style.Sys.safari)){%>
    71. 

  71.                                             <svg style="position:absolute;top:0px;left:0px;">
    72. 

  72.                                                 <defs>
    73. 

  73.                                                     <filter id="blur_<%=row%>_<%=col%>">
    74. 

  74.                                                     <feGaussianBlur id="filter__<%=row%>_<%=col%>" stdDeviation="4" />
    75. 

  75.                                                     </filter>
    76. 

  76.                                                 </defs>
    77. 

  77.                                                 <image xlink:href="<%=ads[i].image_url%>" preserveAspectRatio="none" width="<%=style.picWidth%>" height="<%=style.picHeight%>" filter="url(#blur_<%=row%>_<%=col%>)" />
    78. 

  78.                                             </svg>
    79. 

  79.                                         <%}else{%>
    80. 

  80.                                             <img src="<%=ads[i].image_url%>" class="img img_blur" style="position:absolute;top:0px;left:0px;"/>
    81. 

  81.                                         <%}%>
    82. 

  82.                                         <%
    83. 

  83.                                         var T = advLength(ads[i].title,14);
    84. 

  84.                                         var H = Math.min(Math.ceil(T/(style.picWidth-20)),2);
    85. 

  85.                                         var L = Math.max((style.picHeight-H*21)/2-10,0);
    86. 

  86.                                         %>
    87. 

  87.                                         <div style="position:absolute;left:0px;background-color:rgba(0,0,0,0.5) !important;filter:Alpha(opacity=50); background:#000;height:<%=style.picHeight%>px;width:<%=style.picWidth%>px;">
    88. 

  88.                                         <span class="mask_title" style="margin-top:<%=L%>px" x=<%=T%> y=<%=H%> ><%=ads[i].title%></span>
    89. 

  89.                                         </div>
    90. 

  90.                                     </div>
    91. 

  91.                                 </a>
    92. 

  92.                             </div>
    93. 

  93.                     <a  href="<%=ads[i].curl%>" target="_blank" style="cursor: pointer">
    94. 

  94.                             <%if(style.titlePosition){%>
    95. 

  95.                                 <div class="pic_title title_on_pic title_on_pic_bg"></div>
    96. 

  96.                             <%}%>
    97. 

  97.                             <div class="pic_title <%if(style.titlePosition){%>title_on_pic<%}else{%>title_under_pic<%}%>">
    98. 

  98.                                 <%=ads[i].title%>
    99. 

  99.                             </div>
    100. 

  100.                     </a>
    101. 

  101.                 </div> 
    102. 

  102.             <%}%>
    103. 

  103.             <div style="clear:both;"></div></div>
    104. 

  104.         <%}%>
    105. 

  105.     <div style="clear:both"></div>
    106. 

  106. </div>
    107. 

  107. <style>
    108. 

  108. .pic_itemColumnSpace {height:40px;float:left;margin-top:0;margin-bottom:0;width:<%=config.cMR%>px}
    109. 

  109. .pic_item {float:left;overflow: hidden;width:<%=(style.imgItemWidth)%>px;height:<%=style.imgItemHeight%>px;position:relative;}
    110. 

  110. .pic {text-align:center;margin:0px;border:1px solid #ddd;height:<%=style.picHeight%>px;overflow:hidden;} 
    111. 

  111. .pic .img{width:<%=style.picWidth%>px;height:<%=style.picHeight%>px;}
    112. 

  112. .pic_title{margin:0 auto;padding:0;overflow:hidden;text-align:center;text-decoration:none;font-weight:normal;width:<%=(style.picWidth)%>px;height:<%=style.picTitleHeight%>px;line-height:<%=style.picTitleHeight%>px;font-family:"<%=style.titleFontFamily%>";font-size:<%=style.titleFontSize%>px;font-weight:normal;}
    113. 

  113. 

  114. .pic_container .title_on_pic{color:#ffffff; position:absolute;top:<%=style.picHeight-19%>px;left:1px;height:20px;line-height:20px;}
    115. 

  115. .pic_container .title_under_pic{color:<%=style.titleFontColor%>;}
    116. 

  116. 

  117. .title_on_pic_bg{background-color:#000000;filter:alpha(opacity=50);opacity:<%=style.titleBgOpa%>;height:20px;}
    118. 

  118. .mask{position:absolute;top:1px;left:1px;height:<%=style.picHeight%>px;width:<%=(style.picWidth)%>px;display:none;}
    119. 

  119. .mask_head{color:#fff;text-align:left;display:inline-block;padding:2px 4px;font-size:12px;}
    120. 

  120. .mask_title {color:#fff; padding: 3px 5px; border: 1px solid #fff;display:inline-block;width:<%=style.picWidth-20%>px;font-size:14px;overflow:hidden;max-height:32px;line-height:16px;}
    121. 

  121. .hover .pic{border : 1px solid #f40000;}
    122. 

  122. .hover .title_under_pic{color:#f40000;}
    123. 

  123. .hover .title_on_pic{color:#f40000;}
    124. 

  124. .hover .pic img {
    125. 

  125.             -webkit-transition: -webkit-transform .5s ease-in;
    126. 

  126.             -moz-transition: -moz-transform .5s ease-in;
    127. 

  127.             -ms-transition: -ms-transform .5s ease-in;
    128. 

  128.             -o-transition: -o-transform .5s ease-in;
    129. 

  129.             transition: transform .5s ease-in;
    130. 

  130.             -webkit-transform: scale(1.2);
    131. 

  131.             -moz-transform: scale(1.2);
    132. 

  132.             -ms-transform: scale(1.2);
    133. 

  133.             -o-transform: scale(1.2);
    134. 

  134.             transform: scale(1.2);
    135. 

  135. }
    136. 

  136. .pic_item_hover .mask {display:block;}
    137. 

  137. .pic_item_hover .pic_title a{color:#ffffff;font-weight:900;}
    138. 

  138. .pic_item_hover .title_on_pic_bg{display:none;}
    139. 

  139. .pic_item_hover .title_on_pic{top:-<%=parseInt(style.picHeight*1.6)+1%>px;font-size:16px;font-weight:900;}
    140. 

  140. .img_blur{ -webkit-filter: blur(4px);-moz-filter: blur(4px);-ms-filter: blur(4px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false);}
    141. 

  141. 

  142. .flagShow{position: absolute;top: 1px;left: 1px; width: 25px; height: 25px; overflow: hidden;}
    143. 

  143. .angle{width:0;height: 0; border-top: 25px solid #D3D3D3; border-right: 25px solid transparent;}
    144. 

  144. .number{top: 1px; left: 2px; position: absolute; color: #FFFFFF;}
    145. 

  145. .triangle_0 {border-top-color:#D81E06 !important;}
    146. 

  146. .triangle_1 {border-top-color:#DA433A !important;}
    147. 

  147. .triangle_2 {border-top-color:#D84C06 !important;}
    148. 

  148. </style>
    149. 

  149. </script>
    150. 

  150. <script type="text/template" id="native_ad_pic_template_two_image">
    151. 

  151. <div style="margin-top:<%=style.blockMarginTop%>px;<%if(style.align==1){%>margin-left:5px;<%}%>">
    152. 

  152.     <%for(var row=0;row<style.imgRow;++row){
    153. 

  153.         %><div id="imgRow<%=row%>"style="margin-top:<%=style.imgRowMarginTop%>px;clear:both;"><%
    154. 

  154.             for(var col=0;col<style.imgCol;++col){
    155. 

  155.                 var i = row * style.imgCol + col;
    156. 

  156.                 if(i >= ads.length) {
    157. 

  157.                     break;
    158. 

  158.                 }%>
    159. 

  159.                 <div class="pic_itemColumnSpace" ></div>
    160. 

  160.                 <div class="pic_item" id="picItem_<%=row%>_<%=col%>" >
    161. 

  161.                             <div class="pic<%if (config.dynamic_trans_type === 1 || config.dynamic_trans_type === 3 || config.dynamic_trans_type === 4){%> pic_div_flip<%}%>">
    162. 

  162.                                 <a  href="<%=ads[i].curl%>" target="_blank" style="cursor: pointer" class = "<%if ((config.dynamic_trans_type === 1 || config.dynamic_trans_type === 3 || config.dynamic_trans_type === 4) && ads[i].mt_img_url_0 && ads[i].mt_img_url_1){%>flip_image<%}else if (config.dynamic_trans_type === 2 && ads[i].mt_img_url_0 && ads[i].mt_img_url_1){%>roll_image<%}%>" name="pic_a_name">
    163. 

  163.                                     <div class="<%if (config.dynamic_trans_type === 1 || config.dynamic_trans_type === 3 || config.dynamic_trans_type === 4){%>frontImage<%}else if (config.dynamic_trans_type === 2){%>firstImage<%}%>">
    164. 

  164.                                         <img class="img" src="<%=ads[i].mt_img_url_0 ? ads[i].mt_img_url_0 : ads[i].image_url%>">
    165. 

  165.                                     </div>
    166. 

  166.                                     <div class="<%if (config.dynamic_trans_type === 1 || config.dynamic_trans_type === 3 || config.dynamic_trans_type === 4){%>backImage<%}else if (config.dynamic_trans_type === 2){%>secondImage<%}%>">
    167. 

  167.                                         <img class="img" src="<%=ads[i].mt_img_url_1 ? ads[i].mt_img_url_1 : ads[i].image_url%>">
    168. 

  168.                                     </div>
    169. 

  169.                                     <div class="mask">
    170. 

  170.                                         <%if((style.Sys.ie && style.Sys.ie>= 10 || style.Sys.safari)){%>
    171. 

  171.                                             <svg style="position:absolute;top:0px;left:0px;">
    172. 

  172.                                                 <defs>
    173. 

  173.                                                     <filter id="blur_<%=row%>_<%=col%>">
    174. 

  174.                                                     <feGaussianBlur id="filter__<%=row%>_<%=col%>" stdDeviation="4" />
    175. 

  175.                                                     </filter>
    176. 

  176.                                                 </defs>
    177. 

  177.                                                 <image xlink:href="<%=ads[i].image_url%>" preserveAspectRatio="none" width="<%=style.picWidth%>" height="<%=style.picHeight%>" filter="url(#blur_<%=row%>_<%=col%>)" />
    178. 

  178.                                             </svg>
    179. 

  179.                                         <%}else{%>
    180. 

  180.                                             <img src="<%=ads[i].image_url%>" class="img img_blur" style="position:absolute;top:0px;left:0px;"/>
    181. 

  181.                                         <%}%>
    182. 

  182.                                         <%
    183. 

  183.                                         var T = advLength(ads[i].title,14);
    184. 

  184.                                         var H = Math.min(Math.ceil(T/(style.picWidth-20)),2);
    185. 

  185.                                         var L = Math.max((style.picHeight-H*21)/2-10,0);
    186. 

  186.                                         %>
    187. 

  187.                                         <div style="position:absolute;left:0px;background-color:rgba(0,0,0,0.5) !important;filter:Alpha(opacity=50); background:#000;height:<%=style.picHeight%>px;width:<%=style.picWidth%>px;">
    188. 

  188.                                         <span class="mask_title" style="margin-top:<%=L%>px" x=<%=T%> y=<%=H%> ><%=ads[i].title%></span>
    189. 

  189.                                         </div>
    190. 

  190.                                     </div>
    191. 

  191.                                 </a>
    192. 

  192.                             </div>
    193. 

  193.                     <a  href="<%=ads[i].curl%>" target="_blank" style="cursor: pointer">
    194. 

  194.                             <%if(style.titlePosition){%>
    195. 

  195.                                 <div class="pic_title title_on_pic title_on_pic_bg"></div>
    196. 

  196.                             <%}%>
    197. 

  197.                             <div class="pic_title <%if(style.titlePosition){%>title_on_pic<%}else{%>title_under_pic<%}%>">
    198. 

  198.                                 <%=ads[i].title%>
    199. 

  199.                             </div>
    200. 

  200.                     </a>
    201. 

  201.                 </div> 
    202. 

  202.             <%}%>
    203. 

  203.             <div style="clear:both;"></div></div>
    204. 

  204.         <%}%>
    205. 

  205.     <div style="clear:both"></div>
    206. 

  206. </div>
    207. 

  207. <style>
    208. 

  208. 

  209.         .pic_div_flip {
    210. 

  210.             -webkit-perspective: 500px;
    211. 

  211.             -moz-perspective: 500px;
    212. 

  212.             -ms-perspective: 500px;
    213. 

  213.             perspective: 500px;
    214. 

  214.             -ms-transform: perspective(500px);
    215. 

  215.             -moz-transform: perspective(500px);
    216. 

  216.         }
    217. 

  217.         .pic_div_flip div {
    218. 

  218.             transition:all 0.5s ease-in-out;
    219. 

  219.             -webkit-transition:all 0.5s ease-in-out;
    220. 

  220.             -moz-transition:all 0.5s ease-in-out;
    221. 

  221.             -ms-transition:all 0.5s ease-in-out;
    222. 

  222.             -o-transition:all 0.5s ease-in-out;
    223. 

  223.         }
    224. 

  224.         .pic_div_flip a {
    225. 

  225.             transition:all 0.5s ease-in-out;
    226. 

  226.             -webkit-transition:all 0.5s ease-in-out;
    227. 

  227.             -moz-transition:all 0.5s ease-in-out;
    228. 

  228.             -ms-transition:all 0.5s ease-in-out;
    229. 

  229.             -o-transition:all 0.5s ease-in-out;
    230. 

  230.         }
    231. 

  231.         .flip_image {
    232. 

  232.             position:absolute;
    233. 

  233.             top:0px;
    234. 

  234.             right:0px;
    235. 

  235.             bottom:0px;
    236. 

  236.             left:0px
    237. 

  237.         }
    238. 

  238.         .flip_image_fliped {
    239. 

  239.             transform:rotateY(180deg);
    240. 

  240.             -webkit-transform:rotateY(180deg);
    241. 

  241.             -moz-transform:rotateY(180deg);
    242. 

  242.             -ms-transform:rotateY(180deg);
    243. 

  243.             -o-transform:rotateY(180deg);
    244. 

  244.         }
    245. 

  245.         .flip_image .frontImage {
    246. 

  246.             opacity:1
    247. 

  247.         }
    248. 

  248.         .frontImage_fliped {
    249. 

  249.             opacity:0 !important;
    250. 

  250.         }
    251. 

  251.         .flip_image .backImage {
    252. 

  252.             opacity:0
    253. 

  253.         }
    254. 

  254.         .backImage_fliped {
    255. 

  255.             opacity:1 !important;
    256. 

  256.         }
    257. 

  257.         .frontImage, .backImage {
    258. 

  258.             position:absolute;
    259. 

  259.             top:0px;
    260. 

  260.             right:0px;
    261. 

  261.             bottom:0px;
    262. 

  262.             left:0px
    263. 

  263.         }
    264. 

  264.         .flip-horizontal {
    265. 

  265.             -moz-transform: scaleX(-1);
    266. 

  266.             -webkit-transform: scaleX(-1); 
    267. 

  267.             -o-transform: scaleX(-1);
    268. 

  268.             transform: scaleX(-1);
    269. 

  269.             filter: fliph;
    270. 

  270.         }
    271. 

  271.         .roll_image {
    272. 

  272.             position:relative;
    273. 

  273.             display:inline-block;
    274. 

  274.             overflow:hidden;
    275. 

  275.             width:<%=style.picWidth%>px;
    276. 

  276.             height:<%=style.picHeight%>px;
    277. 

  277.         }
    278. 

  278.         .roll_image .firstImage {
    279. 

  279.             left:0px;
    280. 

  280.         }
    281. 

  281.         .roll_image .secondImage {
    282. 

  282.             left:100%;
    283. 

  283.         }
    284. 

  284.         .firstImage_done {
    285. 

  285.             left:100% !important;
    286. 

  286.         }
    287. 

  287.         .secondImage_done {
    288. 

  288.             left:0px !important;
    289. 

  289.         }
    290. 

  290.         .firstImage, .secondImage{
    291. 

  291.             position:absolute;
    292. 

  292.             top:0px;
    293. 

  293.             right:0px;
    294. 

  294.             bottom:0px;
    295. 

  295.             left:0px;
    296. 

  296.             transition:all .6s ease-in-out;
    297. 

  297.             -webkit-transition:all .6s ease-in-out;
    298. 

  298.             -moz-transition:all .6s ease-in-out;
    299. 

  299.             -ms-transition:all .6s ease-in-out;
    300. 

  300.             -o-transition:all .6s ease-in-out;
    301. 

  301.         }
    302. 

  302.         .roll_image_done{
    303. 

  303.             transition:all 1.2s ease-in-out;
    304. 

  304.             -webkit-transition:all 1.2s ease-in-out;
    305. 

  305.             -moz-transition:all 1.2s ease-in-out;
    306. 

  306.             -ms-transition:all 1.2s ease-in-out;
    307. 

  307.             -o-transition:all 1.2s ease-in-out;
    308. 

  308.         }
    309. 

  309. .pic_itemColumnSpace {height:40px;float:left;margin-top:0;margin-bottom:0;width:<%=config.cMR%>px}
    310. 

  310. .pic_item {float:left;overflow: hidden;width:<%=(style.imgItemWidth)%>px;height:<%=style.imgItemHeight%>px;position:relative;}
    311. 

  311. .pic {text-align:center;margin:0px;border:1px solid #ddd;height:<%=style.picHeight%>px;overflow:hidden;} 
    312. 

  312. .pic .img{width:<%=style.picWidth%>px;height:<%=style.picHeight%>px;}
    313. 

  313. .pic_title{margin:0 auto;padding:0;overflow:hidden;text-align:center;text-decoration:none;font-weight:normal;width:<%=(style.picWidth)%>px;height:<%=style.picTitleHeight%>px;line-height:<%=style.picTitleHeight%>px;font-family:"<%=style.titleFontFamily%>";font-size:<%=style.titleFontSize%>px;font-weight:normal;}
    314. 

  314. 

  315. .pic_container .title_on_pic{color:#ffffff; position:absolute;top:<%=style.picHeight-19%>px;left:1px;height:20px;line-height:20px;}
    316. 

  316. .pic_container .title_under_pic{color:<%=style.titleFontColor%>;}
    317. 

  317. 

  318. .title_on_pic_bg{background-color:#000000;filter:alpha(opacity=50);opacity:<%=style.titleBgOpa%>;height:20px;}
    319. 

  319. .mask{position:absolute;top:1px;left:1px;height:<%=style.picHeight%>px;width:<%=(style.picWidth)%>px;display:none;}
    320. 

  320. .mask_head{color:#fff;text-align:left;display:inline-block;padding:2px 4px;font-size:12px;}
    321. 

  321. .mask_title {color:#fff; padding: 3px 5px; border: 1px solid #fff;display:inline-block;width:<%=style.picWidth-20%>px;font-size:14px;overflow:hidden;max-height:32px;line-height:16px;}
    322. 

  322. .hover .pic{border : 1px solid #f40000;}
    323. 

  323. .hover .title_under_pic{color:#f40000;}
    324. 

  324. .hover .title_on_pic{color:#f40000;}
    325. 

  325. .hover .pic img {
    326. 

  326.             -webkit-transition: -webkit-transform .5s ease-in;
    327. 

  327.             -moz-transition: -moz-transform .5s ease-in;
    328. 

  328.             -ms-transition: -ms-transform .5s ease-in;
    329. 

  329.             -o-transition: -o-transform .5s ease-in;
    330. 

  330.             transition: transform .5s ease-in;
    331. 

  331.             -webkit-transform: scale(1.2);
    332. 

  332.             -moz-transform: scale(1.2);
    333. 

  333.             -ms-transform: scale(1.2);
    334. 

  334.             -o-transform: scale(1.2);
    335. 

  335.             transform: scale(1.2);
    336. 

  336. }
    337. 

  337. .pic_item_hover .mask {display:block;}
    338. 

  338. .pic_item_hover .pic_title a{color:#ffffff;font-weight:900;}
    339. 

  339. .pic_item_hover .title_on_pic_bg{display:none;}
    340. 

  340. .pic_item_hover .title_on_pic{top:-<%=parseInt(style.picHeight*1.6)+1%>px;font-size:16px;font-weight:900;}
    341. 

  341. .img_blur{ -webkit-filter: blur(4px);-moz-filter: blur(4px);-ms-filter: blur(4px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false);}
    342. 

  342. </style>
    343. 

  343. </script>
    344. 

  344. <script>
    345. 

  345.     var ads = [{"bid":"","curl":"https://cpro.baidu.com/cpro/ui/uijs.php?en=mywWUA71T1YsFh7sT7qGujYsFhPC5H0huAbqrauGTdq9TZ0qnauJp1Y1m103nAmvuHDsnjwWnWbzFh_qFRc1FRPjFRfsFRmzFRfYFRckFRPDFRRzFRcsFRujFRnvFRFDFRPjFRD3FhkdpvbqniuVmLKV5HTvPWRvFMDqmLPbUhF9pywdgvPsTBuzmWYsFMF15HDhTvN_UANzgv-b5HDhTv-b5Hbzm1csPjDsPhRsuW03nvnhTLwGujYknHRhIjdYTAP_pyPouyf1gv9WFMwb5Hm3rj63rjchIAYqnH0Lnjm1rauYUgnqnHm3nHD4nWmdniuYIHddPW63rj63nBud5y9YIZK1FHPKFHFAFHFAmhkEuzRzwyP1uA3-nbN8ugfhIWYzFhbqrAnkP1R3mHb&besl=-1&c=news&cf=1&cvrq=981928&eid_list=201157_203160_203777_209570&expid=200861_201157_203160_203640_206311_207434_209570_209682&fr=4&fv=0&haacp=1094&img_typ=4134&itm=0&lu_idc=nj02&lukid=1&lus=92c204106e0f083c&lust=6434f6cb&luwtr=6172804539633627423&mscf=0&mtids=9911696&n=10&nttp=1&p=baidu&pbs=228840&sce=7&sr=84&ssp2=1&tpl=baiduCustNativeADImage&tsf=dtp:1&tu_type=0&u=%2Fweixin%5F39982568%2Farticle%2Fdetails%2F110759035&uicf=lurecv&urlid=0&eot=1","desc":"程序员外包平台","dp_config":1,"dspw":"","height":250,"icon":270401,"iconurl":"https://lupic.cdn.bcebos.com/20210629/9911696_14.jpg","image_url":"https://lupic.cdn.bcebos.com/20210629/9911696_14.jpg","isHb":false,"lpId":3,"surl":"","title":"程序员外包平台","type":"text","view_num":9283,"width":300,"word_src":"0"},{"bid":"","curl":"https://cpro.baidu.com/cpro/ui/uijs.php?en=mywWUA71T1YsFh7sT7qGujYsFhPC5H0huAbqrauGTdq9TZ0qnauJp1Y1m103nAmvuHDsnjwWnWbzFh_qFRc1FRPjFRfsFRmzFRfYFRckFRPDFRRzFRcsFRujFRPDFRm3FRfdFRF7FhkdpvbqnBuVmLKV5Hm4nHm4FMDqmLPbUhF9pywdgvPsTBuzmWYsFMF15HDhTvN_UANzgv-b5HDhTv-b5Hbzm1csPjDsPhRsuW03nvnhTLwGujYknHRhIjdYTAP_pyPouyf1gv9WFMwb5Hm3rj63rjchIAYqnH0Lnjm1rauYUgnqnHm3nHD4nWmdniuYIHddPW63rj63nBud5y9YIZK1FHPKFHFAFHFAmhkEuzRzwyP1uA3-nbN8ugfhIWYzFhbqnvRLnhFbm1m&besl=-1&c=news&cf=1&cvrq=2303746&eid_list=201157_203160_203777_209570&expid=200861_201157_203160_203640_206311_207434_209570_209682&fr=4&fv=0&haacp=786&img_typ=4130&itm=0&lu_idc=nj02&lukid=2&lus=92c204106e0f083c&lust=6434f6cb&luwtr=6728413789323799737&mscf=0&mtids=9908923&n=10&nttp=1&p=baidu&pbs=228840&sce=7&sr=84&ssp2=1&tpl=baiduCustNativeADImage&tsf=dtp:1&tu_type=0&u=%2Fweixin%5F39982568%2Farticle%2Fdetails%2F110759035&uicf=lurecv&urlid=0&eot=1","desc":"程序员外包网站","dp_config":1,"dspw":"","height":250,"icon":270501,"iconurl":"https://lupic.cdn.bcebos.com/20210629/9908923_14.jpg","image_url":"https://lupic.cdn.bcebos.com/20210629/9908923_14.jpg","isHb":false,"lpId":3,"surl":"","title":"程序员外包网站","type":"text","view_num":6731,"width":300,"word_src":"0"},{"bid":"","curl":"https://cpro.baidu.com/cpro/ui/uijs.php?en=mywWUA71T1YsFh7sT7qGujYsFhPC5H0huAbqrauGTdq9TZ0qnauJp1Y1m103nAmvuHDsnjwWnWbzFh_qFRfzFRFaFRFjFRujFRn4FRuKFRc1FRn4FRfsFRDkFRc1FRPjFRfsFRmzFhkdpvbqnzuVmLKV5HTdnH0zFMDqmLPbUhF9pywdgvPsTBuzmWYsFMF15HDhTvN_UANzgv-b5HDhTv-b5Hbzm1csPjDsPhRsuW03nvnhTLwGujYknHRhIjdYTAP_pyPouyf1gv9WFMwb5Hm3rj63rjchIAYqnH0Lnjm1rauYUgnqnHm3nHD4nWmdniuYIHddPW63rj63nBud5y9YIZK1FHPKFHFAFHFAmhkEuzRzwyP1uA3-nbN8ugfhIWYzFhbqnHRLmhmzP1n&besl=-1&c=news&cf=1&cvrq=6796180&eid_list=201157_203160_203777_209570&expid=200861_201157_203160_203640_206311_207434_209570_209682&fr=4&fv=0&haacp=922&img_typ=4130&itm=0&lu_idc=nj02&lukid=3&lus=92c204106e0f083c&lust=6434f6cb&luwtr=7635639288793629340&mscf=0&mtids=8187936&n=10&nttp=1&p=baidu&pbs=228840&sce=7&sr=84&ssp2=1&tpl=baiduCustNativeADImage&tsf=dtp:1&tu_type=0&u=%2Fweixin%5F39982568%2Farticle%2Fdetails%2F110759035&uicf=lurecv&urlid=0&eot=1","desc":"一键生成小程序","dp_config":1,"dspw":"","height":250,"icon":280201,"iconurl":"https://lupic.cdn.bcebos.com/20210629/8187936_14.jpg","image_url":"https://lupic.cdn.bcebos.com/20210629/8187936_14.jpg","isHb":false,"lpId":3,"surl":"","title":"一键生成小程序","type":"text","view_num":12099,"width":300,"word_src":"0"},{"bid":"","curl":"https://cpro.baidu.com/cpro/ui/uijs.php?en=mywWUA71T1YsFh7sT7qGujYsFhPC5H0huAbqrauGTdq9TZ0qnauJp1Y1m103nAmvuHDsnjwWnWbzFh_qFRfYFRwKFRPAFRwAFRf1FRwAFRnLFRR4FRFjFRRsFRczFRRzFRPAFRcdFRPDFRc1FhkdpvbqPauVmLKV5HmvnjDkFMDqmLPbUhF9pywdgvPsTBuzmWYsFMF15HDhTvN_UANzgv-b5HDhTv-b5Hbzm1csPjDsPhRsuW03nvnhTLwGujYknHRhIjdYTAP_pyPouyf1gv9WFMwb5Hm3rj63rjchIAYqnH0Lnjm1rauYUgnqnHm3nHD4nWmdniuYIHddPW63rj63nBud5y9YIZK1FHPKFHFAFHFAmhkEuzRzwyP1uA3-nbN8ugfhIWYzFhbqujRvn1nznvR&besl=-1&c=news&cf=1&cvrq=2491151&eid_list=201157_203160_203777_209570&expid=200861_201157_203160_203640_206311_207434_209570_209682&fr=4&fv=0&haacp=1271&img_typ=4134&itm=0&lu_idc=nj02&lukid=4&lus=92c204106e0f083c&lust=6434f6cb&luwtr=6385435982590785725&mscf=0&mtids=3087322778&n=10&nttp=1&p=baidu&pbs=228840&sce=7&sr=84&ssp2=1&tpl=baiduCustNativeADImage&tsf=dtp:1&tu_type=0&u=%2Fweixin%5F39982568%2Farticle%2Fdetails%2F110759035&uicf=lurecv&urlid=0&eot=1","desc":"在线舆情监测系统","dp_config":1,"dspw":"","height":250,"icon":180101,"iconurl":"https://lupic.cdn.bcebos.com/20220722/3087322778_14_504_360.jpg","image_url":"https://lupic.cdn.bcebos.com/20220722/3087322778_14_504_360.jpg","isHb":false,"lpId":3,"surl":"","title":"在线舆情监测系统","type":"text","view_num":2243,"width":300,"word_src":"0"}]; 
    346. 

  346.     var news = [];
    347. 

  347.     var config = {"IF_m_char":14,"adp":1,"at":3,"conBW":0,"consl":1,"dft":2,"exp_flag":0,"exp_flag_mob":0,"exp_flag_secretary":0,"hover_flag":1,"imC":2,"imHeight":116,"imR":2,"imSiteRecMax":0,"imStid":115,"imTab":1,"imWidth":141,"n":"csdnbaidu_cpr","pat":6,"pih":116,"piw":141,"ptp":1,"ptt":0,"rsi0":300,"rsi1":250,"rss1":"rgba(0,0,0,0)","rss2":"#000000","staticDomain":"rabc1.iteye.com","temp_exp_flag":0,"titFF":"微软雅黑","titFS":12,"titSU":0,"titTA":"left","txtC":0,"txtLC":0,"txtR":0,"txtRH":0,"txtSiteRecMax":0};
    348. 

  348.     config.hover = 1;
    349. 

  349. 

  350.     if (!config.hover_flag) {
    351. 

  351.         config.hover = 0;
    352. 

  352.     }
    353. 

  353.     config.hover = 0;
    354. 

  354.         if (config.rss2== "#0000ff"){
    355. 

  355.             config.rss2 = "#000000";
    356. 

  356.         }
    357. 

  357.     
    358. 

  358. </script>
    359. 

  359. </head>
    360. 

  360. <body><script type="text/javascript">
    361. 

  361. try {
    362. 

  362. if (window.JSON && window.JSON.stringify && window.postMessage && window.parent) {
    363. 

  363. window.parent.postMessage(JSON.stringify({
    364. 

  364. "queryid" : "3c080f6e1004c292",
    365. 

  365. "tuid" : "u6888882_0",
    366. 

  366. "dspid" : "4",
    367. 

  367. "wnid" : "92c204106e0f083c",
    368. 

  368. "placement" : {
    369. 

  369.     "basic" : {"sspId":1,"userId":1574361,"flowType":1,"cname":"csdnbaidu_cpr","tuId":9223372032566697394,"sellType":2,"rspFormat":1,"conBackEnv":1,"publisherDomain":{"dup":"rabc1.iteye.com","ubmc":"rabc2.iteye.com/i","pos":"rabc2.iteye.com","wn":"rabc2.iteye.com/qqe"}},
    370. 

  370.     "container" : {"height":250,"width":300,"sizeType":1,"anchoredType":1,"floated":{}},
    371. 

  371.     "fillstyle" : {"elements":[51],"layout":[1,2],"styleTemplateId":[60101],"txt":{"number":0},"styleType":3,"ignoreStyleMode":1},
    372. 

  372.     "userdefine" : "%7Cadp%3D1%7Cat%3D3%7CconBW%3D0%7Ccpro%5Ftemplate%3DbaiduCustNativeAD%7Cpat%3D6%7Cpih%3D116%7Cpiw%3D141%7Cptp%3D1%7Cptt%3D0%7Crss1%3Drgba%280%2C0%2C0%2C0%29%7Crss2%3D%23000000%7CtitFF%3D%E5%BE%AE%E8%BD%AF%E9%9B%85%E9%BB%91%7CtitFS%3D12%7CtitSU%3D0%7Ctn%3DbaiduCustNativeAD%7Cdft%3D2",
    373. 

  373.     "encode_userdefine" : "encoded",
    374. 

  374.     "complement_type" : 7,
    375. 

  375.     "update" : "1680169839_1680169839"
    376. 

  376. },
    377. 

  377. "extends" : {"ssph":250,"sspw":300}
    378. 

  378. ,
    379. 

  379. "bidder" : "2",
    380. 

  380. "noadx" : "0",
    381. 

  381. "pdb_deliv" : {
    382. 

  382.     "deliv_id" : "0",
    383. 

  383.     "deliv_des" : {},
    384. 

  384.     "brandad" : 0
    385. 

  385. },
    386. 

  386. "order_deliv" : {
    387. 

  387.     "deliv_id" : "0",
    388. 

  388.     "demand_id" : "0"
    389. 

  389. },
    390. 

  390. "rtb_deliv" : {
    391. 

  391.     "deliv_id" : "0",
    392. 

  392.     "demand_id" : "6888882"
    393. 

  393. }
    394. 

  394. }
    395. 

  395. ), '*');
    396. 

  396. }}
    397. 

  397. catch(e) {window.console && window.console.log(e);};
    398. 

  398. </script>
    399. 

  399. <!--sid=1004c2923c080f6e--><div style="display:none;"><img src="s_data/adx.gif" alt="" width="1px" height="1px"></div>
    400. 

  400.     <div id="wrapper">    <div class="s-hl-content">        <div id="bd-hl-content" class="bd-hl-content">            <div class="title_style title_style_0">undefined</div>            <div id="pic_container" class="pic_container"><div style="margin-top:0px;">    <div id="imgRow0" style="margin-top:4px;clear:both;">                <div class="pic_itemColumnSpace"></div>                <div class="pic_item" id="picItem_0_0">                                                    <div class="pic">                                <a href="https://cpro.baidu.com/cpro/ui/uijs.php?en=mywWUA71T1YsFh7sT7qGujYsFhPC5H0huAbqrauGTdq9TZ0qnauJp1Y1m103nAmvuHDsnjwWnWbzFh_qFRc1FRPjFRfsFRmzFRfYFRckFRPDFRRzFRcsFRujFRnvFRFDFRPjFRD3FhkdpvbqniuVmLKV5HTvPWRvFMDqmLPbUhF9pywdgvPsTBuzmWYsFMF15HDhTvN_UANzgv-b5HDhTv-b5Hbzm1csPjDsPhRsuW03nvnhTLwGujYknHRhIjdYTAP_pyPouyf1gv9WFMwb5Hm3rj63rjchIAYqnH0Lnjm1rauYUgnqnHm3nHD4nWmdniuYIHddPW63rj63nBud5y9YIZK1FHPKFHFAFHFAmhkEuzRzwyP1uA3-nbN8ugfhIWYzFhbqrAnkP1R3mHb&amp;besl=-1&amp;c=news&amp;cf=1&amp;cvrq=981928&amp;eid_list=201157_203160_203777_209570&amp;expid=200861_201157_203160_203640_206311_207434_209570_209682&amp;fr=4&amp;fv=0&amp;haacp=1094&amp;img_typ=4134&amp;itm=0&amp;lu_idc=nj02&amp;lukid=1&amp;lus=92c204106e0f083c&amp;lust=6434f6cb&amp;luwtr=6172804539633627423&amp;mscf=0&amp;mtids=9911696&amp;n=10&amp;nttp=1&amp;p=baidu&amp;pbs=228840&amp;sce=7&amp;sr=84&amp;ssp2=1&amp;tpl=baiduCustNativeADImage&amp;tsf=dtp:1&amp;tu_type=0&amp;u=%2Fweixin%5F39982568%2Farticle%2Fdetails%2F110759035&amp;uicf=lurecv&amp;urlid=0&amp;eot=1" target="_blank" style="cursor: pointer">                                    <img class="img" src="s_data/9911696_14.jpg">                                    <div class="mask" style="top: -116px;">                                                                                    <svg style="position:absolute;top:0px;left:0px;">                                                <defs>                                                    <filter id="blur_0_0">                                                    <feGaussianBlur id="filter__0_0" stdDeviation="4"></feGaussianBlur>                                                    </filter>                                                </defs>                                                <image xlink:href="s_data/9911696_14.jpg" preserveAspectRatio="none" width="141" height="116" filter="url(#blur_0_0)"></image>                                            </svg>                                                                                                                        <div style="position:absolute;left:0px;background-color:rgba(0,0,0,0.5) !important;filter:Alpha(opacity=50); background:#000;height:116px;width:141px;">                                        <span class="mask_title" style="margin-top:37.5px" x="98" y="1">程序员外包平台</span>                                        </div>                                    </div>                                </a>                            </div>                    <a href="https://cpro.baidu.com/cpro/ui/uijs.php?en=mywWUA71T1YsFh7sT7qGujYsFhPC5H0huAbqrauGTdq9TZ0qnauJp1Y1m103nAmvuHDsnjwWnWbzFh_qFRc1FRPjFRfsFRmzFRfYFRckFRPDFRRzFRcsFRujFRnvFRFDFRPjFRD3FhkdpvbqniuVmLKV5HTvPWRvFMDqmLPbUhF9pywdgvPsTBuzmWYsFMF15HDhTvN_UANzgv-b5HDhTv-b5Hbzm1csPjDsPhRsuW03nvnhTLwGujYknHRhIjdYTAP_pyPouyf1gv9WFMwb5Hm3rj63rjchIAYqnH0Lnjm1rauYUgnqnHm3nHD4nWmdniuYIHddPW63rj63nBud5y9YIZK1FHPKFHFAFHFAmhkEuzRzwyP1uA3-nbN8ugfhIWYzFhbqrAnkP1R3mHb&amp;besl=-1&amp;c=news&amp;cf=1&amp;cvrq=981928&amp;eid_list=201157_203160_203777_209570&amp;expid=200861_201157_203160_203640_206311_207434_209570_209682&amp;fr=4&amp;fv=0&amp;haacp=1094&amp;img_typ=4134&amp;itm=0&amp;lu_idc=nj02&amp;lukid=1&amp;lus=92c204106e0f083c&amp;lust=6434f6cb&amp;luwtr=6172804539633627423&amp;mscf=0&amp;mtids=9911696&amp;n=10&amp;nttp=1&amp;p=baidu&amp;pbs=228840&amp;sce=7&amp;sr=84&amp;ssp2=1&amp;tpl=baiduCustNativeADImage&amp;tsf=dtp:1&amp;tu_type=0&amp;u=%2Fweixin%5F39982568%2Farticle%2Fdetails%2F110759035&amp;uicf=lurecv&amp;urlid=0&amp;eot=1" target="_blank" style="cursor: pointer">                                                            <div class="pic_title title_on_pic title_on_pic_bg"></div>                                                        <div class="pic_title title_on_pic">                                程序员外包平台                            </div>                    </a>                </div>                             <div class="pic_itemColumnSpace"></div>                <div class="pic_item" id="picItem_0_1">                                                    <div class="pic">                                <a href="https://cpro.baidu.com/cpro/ui/uijs.php?en=mywWUA71T1YsFh7sT7qGujYsFhPC5H0huAbqrauGTdq9TZ0qnauJp1Y1m103nAmvuHDsnjwWnWbzFh_qFRc1FRPjFRfsFRmzFRfYFRckFRPDFRRzFRcsFRujFRPDFRm3FRfdFRF7FhkdpvbqnBuVmLKV5Hm4nHm4FMDqmLPbUhF9pywdgvPsTBuzmWYsFMF15HDhTvN_UANzgv-b5HDhTv-b5Hbzm1csPjDsPhRsuW03nvnhTLwGujYknHRhIjdYTAP_pyPouyf1gv9WFMwb5Hm3rj63rjchIAYqnH0Lnjm1rauYUgnqnHm3nHD4nWmdniuYIHddPW63rj63nBud5y9YIZK1FHPKFHFAFHFAmhkEuzRzwyP1uA3-nbN8ugfhIWYzFhbqnvRLnhFbm1m&amp;besl=-1&amp;c=news&amp;cf=1&amp;cvrq=2303746&amp;eid_list=201157_203160_203777_209570&amp;expid=200861_201157_203160_203640_206311_207434_209570_209682&amp;fr=4&amp;fv=0&amp;haacp=786&amp;img_typ=4130&amp;itm=0&amp;lu_idc=nj02&amp;lukid=2&amp;lus=92c204106e0f083c&amp;lust=6434f6cb&amp;luwtr=6728413789323799737&amp;mscf=0&amp;mtids=9908923&amp;n=10&amp;nttp=1&amp;p=baidu&amp;pbs=228840&amp;sce=7&amp;sr=84&amp;ssp2=1&amp;tpl=baiduCustNativeADImage&amp;tsf=dtp:1&amp;tu_type=0&amp;u=%2Fweixin%5F39982568%2Farticle%2Fdetails%2F110759035&amp;uicf=lurecv&amp;urlid=0&amp;eot=1" target="_blank" style="cursor: pointer">                                    <img class="img" src="s_data/9908923_14.jpg">                                    <div class="mask" style="top: -116px;">                                                                                    <svg style="position:absolute;top:0px;left:0px;">                                                <defs>                                                    <filter id="blur_0_1">                                                    <feGaussianBlur id="filter__0_1" stdDeviation="4"></feGaussianBlur>                                                    </filter>                                                </defs>                                                <image xlink:href="s_data/9908923_14.jpg" preserveAspectRatio="none" width="141" height="116" filter="url(#blur_0_1)"></image>                                            </svg>                                                                                                                        <div style="position:absolute;left:0px;background-color:rgba(0,0,0,0.5) !important;filter:Alpha(opacity=50); background:#000;height:116px;width:141px;">                                        <span class="mask_title" style="margin-top:37.5px" x="98" y="1">程序员外包网站</span>                                        </div>                                    </div>                                </a>                            </div>                    <a href="https://cpro.baidu.com/cpro/ui/uijs.php?en=mywWUA71T1YsFh7sT7qGujYsFhPC5H0huAbqrauGTdq9TZ0qnauJp1Y1m103nAmvuHDsnjwWnWbzFh_qFRc1FRPjFRfsFRmzFRfYFRckFRPDFRRzFRcsFRujFRPDFRm3FRfdFRF7FhkdpvbqnBuVmLKV5Hm4nHm4FMDqmLPbUhF9pywdgvPsTBuzmWYsFMF15HDhTvN_UANzgv-b5HDhTv-b5Hbzm1csPjDsPhRsuW03nvnhTLwGujYknHRhIjdYTAP_pyPouyf1gv9WFMwb5Hm3rj63rjchIAYqnH0Lnjm1rauYUgnqnHm3nHD4nWmdniuYIHddPW63rj63nBud5y9YIZK1FHPKFHFAFHFAmhkEuzRzwyP1uA3-nbN8ugfhIWYzFhbqnvRLnhFbm1m&amp;besl=-1&amp;c=news&amp;cf=1&amp;cvrq=2303746&amp;eid_list=201157_203160_203777_209570&amp;expid=200861_201157_203160_203640_206311_207434_209570_209682&amp;fr=4&amp;fv=0&amp;haacp=786&amp;img_typ=4130&amp;itm=0&amp;lu_idc=nj02&amp;lukid=2&amp;lus=92c204106e0f083c&amp;lust=6434f6cb&amp;luwtr=6728413789323799737&amp;mscf=0&amp;mtids=9908923&amp;n=10&amp;nttp=1&amp;p=baidu&amp;pbs=228840&amp;sce=7&amp;sr=84&amp;ssp2=1&amp;tpl=baiduCustNativeADImage&amp;tsf=dtp:1&amp;tu_type=0&amp;u=%2Fweixin%5F39982568%2Farticle%2Fdetails%2F110759035&amp;uicf=lurecv&amp;urlid=0&amp;eot=1" target="_blank" style="cursor: pointer">                                                            <div class="pic_title title_on_pic title_on_pic_bg"></div>                                                        <div class="pic_title title_on_pic">                                程序员外包网站                            </div>                    </a>                </div>                         <div style="clear:both;"></div></div>        <div id="imgRow1" style="margin-top:4px;clear:both;">                <div class="pic_itemColumnSpace"></div>                <div class="pic_item" id="picItem_1_0">                                                    <div class="pic">                                <a href="https://cpro.baidu.com/cpro/ui/uijs.php?en=mywWUA71T1YsFh7sT7qGujYsFhPC5H0huAbqrauGTdq9TZ0qnauJp1Y1m103nAmvuHDsnjwWnWbzFh_qFRfzFRFaFRFjFRujFRn4FRuKFRc1FRn4FRfsFRDkFRc1FRPjFRfsFRmzFhkdpvbqnzuVmLKV5HTdnH0zFMDqmLPbUhF9pywdgvPsTBuzmWYsFMF15HDhTvN_UANzgv-b5HDhTv-b5Hbzm1csPjDsPhRsuW03nvnhTLwGujYknHRhIjdYTAP_pyPouyf1gv9WFMwb5Hm3rj63rjchIAYqnH0Lnjm1rauYUgnqnHm3nHD4nWmdniuYIHddPW63rj63nBud5y9YIZK1FHPKFHFAFHFAmhkEuzRzwyP1uA3-nbN8ugfhIWYzFhbqnHRLmhmzP1n&amp;besl=-1&amp;c=news&amp;cf=1&amp;cvrq=6796180&amp;eid_list=201157_203160_203777_209570&amp;expid=200861_201157_203160_203640_206311_207434_209570_209682&amp;fr=4&amp;fv=0&amp;haacp=922&amp;img_typ=4130&amp;itm=0&amp;lu_idc=nj02&amp;lukid=3&amp;lus=92c204106e0f083c&amp;lust=6434f6cb&amp;luwtr=7635639288793629340&amp;mscf=0&amp;mtids=8187936&amp;n=10&amp;nttp=1&amp;p=baidu&amp;pbs=228840&amp;sce=7&amp;sr=84&amp;ssp2=1&amp;tpl=baiduCustNativeADImage&amp;tsf=dtp:1&amp;tu_type=0&amp;u=%2Fweixin%5F39982568%2Farticle%2Fdetails%2F110759035&amp;uicf=lurecv&amp;urlid=0&amp;eot=1" target="_blank" style="cursor: pointer">                                    <img class="img" src="s_data/8187936_14.jpg">                                    <div class="mask" style="top: -116px;">                                                                                    <svg style="position:absolute;top:0px;left:0px;">                                                <defs>                                                    <filter id="blur_1_0">                                                    <feGaussianBlur id="filter__1_0" stdDeviation="4"></feGaussianBlur>                                                    </filter>                                                </defs>                                                <image xlink:href="s_data/8187936_14.jpg" preserveAspectRatio="none" width="141" height="116" filter="url(#blur_1_0)"></image>                                            </svg>                                                                                                                        <div style="position:absolute;left:0px;background-color:rgba(0,0,0,0.5) !important;filter:Alpha(opacity=50); background:#000;height:116px;width:141px;">                                        <span class="mask_title" style="margin-top:37.5px" x="98" y="1">一键生成小程序</span>                                        </div>                                    </div>                                </a>                            </div>                    <a href="https://cpro.baidu.com/cpro/ui/uijs.php?en=mywWUA71T1YsFh7sT7qGujYsFhPC5H0huAbqrauGTdq9TZ0qnauJp1Y1m103nAmvuHDsnjwWnWbzFh_qFRfzFRFaFRFjFRujFRn4FRuKFRc1FRn4FRfsFRDkFRc1FRPjFRfsFRmzFhkdpvbqnzuVmLKV5HTdnH0zFMDqmLPbUhF9pywdgvPsTBuzmWYsFMF15HDhTvN_UANzgv-b5HDhTv-b5Hbzm1csPjDsPhRsuW03nvnhTLwGujYknHRhIjdYTAP_pyPouyf1gv9WFMwb5Hm3rj63rjchIAYqnH0Lnjm1rauYUgnqnHm3nHD4nWmdniuYIHddPW63rj63nBud5y9YIZK1FHPKFHFAFHFAmhkEuzRzwyP1uA3-nbN8ugfhIWYzFhbqnHRLmhmzP1n&amp;besl=-1&amp;c=news&amp;cf=1&amp;cvrq=6796180&amp;eid_list=201157_203160_203777_209570&amp;expid=200861_201157_203160_203640_206311_207434_209570_209682&amp;fr=4&amp;fv=0&amp;haacp=922&amp;img_typ=4130&amp;itm=0&amp;lu_idc=nj02&amp;lukid=3&amp;lus=92c204106e0f083c&amp;lust=6434f6cb&amp;luwtr=7635639288793629340&amp;mscf=0&amp;mtids=8187936&amp;n=10&amp;nttp=1&amp;p=baidu&amp;pbs=228840&amp;sce=7&amp;sr=84&amp;ssp2=1&amp;tpl=baiduCustNativeADImage&amp;tsf=dtp:1&amp;tu_type=0&amp;u=%2Fweixin%5F39982568%2Farticle%2Fdetails%2F110759035&amp;uicf=lurecv&amp;urlid=0&amp;eot=1" target="_blank" style="cursor: pointer">                                                            <div class="pic_title title_on_pic title_on_pic_bg"></div>                                                        <div class="pic_title title_on_pic">                                一键生成小程序                            </div>                    </a>                </div>                             <div class="pic_itemColumnSpace"></div>                <div class="pic_item hover" id="picItem_1_1">                                                    <div class="pic">                                <a href="https://cpro.baidu.com/cpro/ui/uijs.php?en=mywWUA71T1YsFh7sT7qGujYsFhPC5H0huAbqrauGTdq9TZ0qnauJp1Y1m103nAmvuHDsnjwWnWbzFh_qFRfYFRwKFRPAFRwAFRf1FRwAFRnLFRR4FRFjFRRsFRczFRRzFRPAFRcdFRPDFRc1FhkdpvbqPauVmLKV5HmvnjDkFMDqmLPbUhF9pywdgvPsTBuzmWYsFMF15HDhTvN_UANzgv-b5HDhTv-b5Hbzm1csPjDsPhRsuW03nvnhTLwGujYknHRhIjdYTAP_pyPouyf1gv9WFMwb5Hm3rj63rjchIAYqnH0Lnjm1rauYUgnqnHm3nHD4nWmdniuYIHddPW63rj63nBud5y9YIZK1FHPKFHFAFHFAmhkEuzRzwyP1uA3-nbN8ugfhIWYzFhbqujRvn1nznvR&amp;besl=-1&amp;c=news&amp;cf=1&amp;cvrq=2491151&amp;eid_list=201157_203160_203777_209570&amp;expid=200861_201157_203160_203640_206311_207434_209570_209682&amp;fr=4&amp;fv=0&amp;haacp=1271&amp;img_typ=4134&amp;itm=0&amp;lu_idc=nj02&amp;lukid=4&amp;lus=92c204106e0f083c&amp;lust=6434f6cb&amp;luwtr=6385435982590785725&amp;mscf=0&amp;mtids=3087322778&amp;n=10&amp;nttp=1&amp;p=baidu&amp;pbs=228840&amp;sce=7&amp;sr=84&amp;ssp2=1&amp;tpl=baiduCustNativeADImage&amp;tsf=dtp:1&amp;tu_type=0&amp;u=%2Fweixin%5F39982568%2Farticle%2Fdetails%2F110759035&amp;uicf=lurecv&amp;urlid=0&amp;eot=1" target="_blank" style="cursor: pointer">                                    <img class="img" src="s_data/3087322778_14_504_360.jpg">                                    <div class="mask" style="top: -116px;">                                                                                    <svg style="position:absolute;top:0px;left:0px;">                                                <defs>                                                    <filter id="blur_1_1">                                                    <feGaussianBlur id="filter__1_1" stdDeviation="4"></feGaussianBlur>                                                    </filter>                                                </defs>                                                <image xlink:href="s_data/3087322778_14_504_360.jpg" preserveAspectRatio="none" width="141" height="116" filter="url(#blur_1_1)"></image>                                            </svg>                                                                                                                        <div style="position:absolute;left:0px;background-color:rgba(0,0,0,0.5) !important;filter:Alpha(opacity=50); background:#000;height:116px;width:141px;">                                        <span class="mask_title" style="margin-top:37.5px" x="112" y="1">在线舆情监测系统</span>                                        </div>                                    </div>                                </a>                            </div>                    <a href="https://cpro.baidu.com/cpro/ui/uijs.php?en=mywWUA71T1YsFh7sT7qGujYsFhPC5H0huAbqrauGTdq9TZ0qnauJp1Y1m103nAmvuHDsnjwWnWbzFh_qFRfYFRwKFRPAFRwAFRf1FRwAFRnLFRR4FRFjFRRsFRczFRRzFRPAFRcdFRPDFRc1FhkdpvbqPauVmLKV5HmvnjDkFMDqmLPbUhF9pywdgvPsTBuzmWYsFMF15HDhTvN_UANzgv-b5HDhTv-b5Hbzm1csPjDsPhRsuW03nvnhTLwGujYknHRhIjdYTAP_pyPouyf1gv9WFMwb5Hm3rj63rjchIAYqnH0Lnjm1rauYUgnqnHm3nHD4nWmdniuYIHddPW63rj63nBud5y9YIZK1FHPKFHFAFHFAmhkEuzRzwyP1uA3-nbN8ugfhIWYzFhbqujRvn1nznvR&amp;besl=-1&amp;c=news&amp;cf=1&amp;cvrq=2491151&amp;eid_list=201157_203160_203777_209570&amp;expid=200861_201157_203160_203640_206311_207434_209570_209682&amp;fr=4&amp;fv=0&amp;haacp=1271&amp;img_typ=4134&amp;itm=0&amp;lu_idc=nj02&amp;lukid=4&amp;lus=92c204106e0f083c&amp;lust=6434f6cb&amp;luwtr=6385435982590785725&amp;mscf=0&amp;mtids=3087322778&amp;n=10&amp;nttp=1&amp;p=baidu&amp;pbs=228840&amp;sce=7&amp;sr=84&amp;ssp2=1&amp;tpl=baiduCustNativeADImage&amp;tsf=dtp:1&amp;tu_type=0&amp;u=%2Fweixin%5F39982568%2Farticle%2Fdetails%2F110759035&amp;uicf=lurecv&amp;urlid=0&amp;eot=1" target="_blank" style="cursor: pointer">                                                            <div class="pic_title title_on_pic title_on_pic_bg"></div>                                                        <div class="pic_title title_on_pic">                                在线舆情监测系统                            </div>                    </a>                </div>                         <div style="clear:both;"></div></div>            <div style="clear:both"></div></div><style>.pic_itemColumnSpace {height:40px;float:left;margin-top:0;margin-bottom:0;width:4px}.pic_item {float:left;overflow: hidden;width:143px;height:118px;position:relative;}.pic {text-align:center;margin:0px;border:1px solid #ddd;height:116px;overflow:hidden;} .pic .img{width:141px;height:116px;}.pic_title{margin:0 auto;padding:0;overflow:hidden;text-align:center;text-decoration:none;font-weight:normal;width:141px;height:16px;line-height:16px;font-family:"微软雅黑";font-size:12px;font-weight:normal;}.pic_container .title_on_pic{color:#ffffff; position:absolute;top:97px;left:1px;height:20px;line-height:20px;}.pic_container .title_under_pic{color:#000000;}.title_on_pic_bg{background-color:#000000;filter:alpha(opacity=50);opacity:0.7;height:20px;}.mask{position:absolute;top:1px;left:1px;height:116px;width:141px;display:none;}.mask_head{color:#fff;text-align:left;display:inline-block;padding:2px 4px;font-size:12px;}.mask_title {color:#fff; padding: 3px 5px; border: 1px solid #fff;display:inline-block;width:121px;font-size:14px;overflow:hidden;max-height:32px;line-height:16px;}.hover .pic{border : 1px solid #f40000;}.hover .title_under_pic{color:#f40000;}.hover .title_on_pic{color:#f40000;}.hover .pic img {            -webkit-transition: -webkit-transform .5s ease-in;            -moz-transition: -moz-transform .5s ease-in;            -ms-transition: -ms-transform .5s ease-in;            -o-transition: -o-transform .5s ease-in;            transition: transform .5s ease-in;            -webkit-transform: scale(1.2);            -moz-transform: scale(1.2);            -ms-transform: scale(1.2);            -o-transform: scale(1.2);            transform: scale(1.2);}.pic_item_hover .mask {display:block;}.pic_item_hover .pic_title a{color:#ffffff;font-weight:900;}.pic_item_hover .title_on_pic_bg{display:none;}.pic_item_hover .title_on_pic{top:-186px;font-size:16px;font-weight:900;}.img_blur{ -webkit-filter: blur(4px);-moz-filter: blur(4px);-ms-filter: blur(4px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false);}.flagShow{position: absolute;top: 1px;left: 1px; width: 25px; height: 25px; overflow: hidden;}.angle{width:0;height: 0; border-top: 25px solid #D3D3D3; border-right: 25px solid transparent;}.number{top: 1px; left: 2px; position: absolute; color: #FFFFFF;}.triangle_0 {border-top-color:#D81E06 !important;}.triangle_1 {border-top-color:#DA433A !important;}.triangle_2 {border-top-color:#D84C06 !important;}</style></div>        </div>    </div>    <style type="text/css">        .s-hl-content .bd-hl-content a,        .s-hl-content .bd-hl-content a:hover,        .s-hl-content .bd-hl-content a:visited,        .s-hl-content .bd-hl-content a{text-decoration:none}        .s-hl-content .bd-hl-content .pic_container{padding:0px;border:0;position:relative;overflow:hidden;float:left;}        .s-hl-content .bd-hl-content{            position:relative; margin:0;padding:0;font-family:&#39;microsoft yahei&#39;;font-size: 14px;font-weight:normal; overflow:hidden;            border:0px solid #CCC;            background-color:rgba(0,0,0,0);            width:300px;            height:250px;            padding:0px 0px 0px 0px;        }                .s-hl-content .bd-hl-content .title_style {width:295px;height:25px;line-height:25px;padding-left:5px;font-size:14px;margin-bottom:3px;font-weight:900;}        .s-hl-content .bd-hl-content .title_style_0 {display:none;}        .s-hl-content .bd-hl-content .title_style_2 {border-left:5px solid #ffffff;color:#000000}        .s-hl-content .bd-hl-content .title_style_1 {background-color:#ffffff;color:#000000}    </style><div class="logo-container"><a href="https://union.baidu.com/" target="_blank" class="logo-con-wrapper"><img class="logo-link" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAAUCAYAAAA0nZtFAAAAAXNSR0IArs4c6QAAA/lJREFUWAnNmFmIjlEYx2esIyTGvlMijezDhYixZ7lhFMp6IbmQrShbcSESibhAslO2C4oRLpQbI5ms2YaJplD2iPH7f86j83297/st8w2e+s0553n+5znnfc95z5yZnJwAq6qqyoejUC8gXKMuxiyCcpiR6UD0XQ8rrD/1RnAQJpovrZKOm0B2Nq2OWRAzZj3QCynNJB39esJP2Gz9qTcD2SrzhZV1QgITnH8SSYpyc3Mvh+gycpOzKR2jdsBd4mPQbaB8HTLIF+a1NyC2HF8uBMUC5PEudYwzJlEfxxew2EkGLpaIWAeK/tAS3sMjKCVeRZmykacH4nspdwgWVjJuKz/k8t7Gp/lc8mL69EfDA9Ccg+ww+Y4F7ZDvqO1lPKSu73E85VoohER7RXwbzh0k1ItMxxYh3p9OB08btwjMoTWxC/AD7oAWzcyesyEO329xlYoFG8lfwk1oAXshFbuDqGtwxngvuh4u4fz4SGYtcjWGUvgOWrw4w1ftM2QfGcVOmOpl/0j9JmgF2sNAaAeyArjG4IXslFcxz9/70ZehesNcxj5fI8PyYAvBtyM08v3BaNeCxfAJzEp8TVAdYVZ3iMYgZ7+gsVwsvR1CsiI6LgWt+FMYBuvAbBeV3ZB4L+mE7ypMhougs0f3iFGslH+o4a45YzxdD/TZhA1S1wXmoRkZJpJfK7yaUqs6DprDDdCJ3AJkekHLQedDBfrXcA/e0H4C+Ty8+u8Bs5lWCSnznP9zSDzbbv2iuALPkybmwUbAIdD3fwoGwBYw26EkNFqaI6GMPRy+4Z7/cdTA6IY4rd13ouT/PsZkD3sPN0czoq3dpBugb+9stjibeIHIX7/oxjrtUOv/v5S1Qibib2V9RjLdLu1+EnPwQ9+t5TCdYn5/0/plW9eo9J3VrTOX3vAtA2bZ2HZhsbaV/pYvdM4+FvTK2tR7QhkM8vx+f8/9p6rz6CfoDMqmacF0gB4F3ViTmRZxGdiiBut5wwVgpsuOzpWJoL9tOkADaOfagynz4C6YrQnO/NuL6Dg8i9JkEiNnHzeBaan0R9vN6WPHQmQfhCVOrOI+dA7qgL8+7Aezj1TaBGnNR/wFnLF2tkpyVvuFRG2VxUz0k5tsd0pdzZdBL6gD2ilT8N+C2WC2JuqmSp8uCNvDVevwP5VhZ0gOD1XG5Kcz2ROgv4Abgf7HIH6Azo9E20O/rYnOhHaxa+teUFO2kbkvSSG53Yf+SENfiBQ83DkSD6N6ALRLzBJfxgcCq9FvN0FEOZtYGdpUDr2INJGht0QrIhW/g1rk9I2Xok9kBpyGcvgKlXAdVoLdapMmR1sMC5IKMxCQtzvcAt20kxq6jk6vPz1i9gtqG09/SO6d3QAAAABJRU5ErkJggg=="></a><div class="gap"></div><a href="javascript:;" id="logo-close-btn"><img class="logo-close-img" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAAAXNSR0IArs4c6QAAARVJREFUOBF9kzGWwjAMRGNKOEdSc6G9xzahoOIe1LkLPe1egW3DfOHxcxIHv6dne2Y0lkTo5nkeOi9dJp9Xuyntt0PmnnnvO6FHJ+g8BgCI3ATgDTAAMwBEysxd7E9K6d9pFqYKwAJhVCDxL5zL4nxRQF4VfXbuKGC0nYiyECimEBS0OmTBwBOntQOkcOr5ixwEFkEqJnbIugtPphdeWq67iOpFPut5hCDbxbCw1d1ucVm8aYFFjJrfubyJgJUFLwSj7mdFTLF+H+F6SU93TJ1mHtHlCmwa7WnKmHipJQLX8osb84XBR7sxAt4kWrsxaFSBln6bJsWgkXj1QL9x/kfs9uhS2VtGgIOCbz4+vjph74w25wxv9VjxEc3jX7MAAAAASUVORK5CYII="></a></div><div id="feedback-container" class="feedback-container fd-small"><div id="reason-content" class="reason-content" data-reason-num="4" style="width:80px;padding-top:0px;"><div class="intro">反馈意见：</div><a href="javascript:;" data-value="1" class="reason-item">视觉干扰</a><a href="javascript:;" data-value="2" class="reason-item">内容不宜</a><a href="javascript:;" data-value="3" class="reason-item">不感兴趣</a><a href="javascript:;" data-value="0" class="reason-item">其他原因</a><a class="fb-btn-cancel" href="javascript:;">返回</a></div><div id="thx-content" class="thx-content"><h5>感谢您的反馈！</h5><p>您的反馈已记录，我们将努力改善您的浏览体验。</p></div></div></div>
    401. 

  401.  
    402. 

  402. <script>
    403. 

  403.     var thisPage = {
    404. 

  404.         doc : document,
    405. 

  405.         Sys : {},
    406. 

  406.         AdStruc : {},
    407. 

  407.         focusRow:0,
    408. 

  408.         focusCol:-1,
    409. 

  409.         focusId:-1,
    410. 

  410.         playTimer : 0,
    411. 

  411.         timer:[],
    412. 

  412.         get : function(id){
    413. 

  413.             return this.doc.getElementById(id);
    414. 

  414.         },
    415. 

  415.         _initContainerSize:function(){
    416. 

  416.             this.container = this.get("container");
    417. 

  417.             this.containerBorder = parseInt(config.conBW);
    418. 

  418.             this.containerBorderColor = config.rss0;
    419. 

  419.             this.containerBgColor = config.rss1 || "#ffffff";
    420. 

  420.             this.containerPaddingTop = 0;
    421. 

  421.             this.containerPaddingRight = 0;
    422. 

  422.             this.containerPaddingBottom = 0;
    423. 

  423.             this.containerPaddingLeft = 0;
    424. 

  424.             this.containerWidth = parseInt(config.rsi0) - 2 * this.containerBorder - this.containerPaddingLeft - this.containerPaddingRight;
    425. 

  425.             this.containerHeight = parseInt(config.rsi1) - 2 * this.containerBorder - this.containerPaddingTop - this.containerPaddingBottom;
    426. 

  426.             this.bodyHeight = this.containerHeight;
    427. 

  427.             if(config.ptt)  this.bodyHeight -=30;
    428. 

  428.             this.bodyWidth = this.containerWidth;
    429. 

  429.             this.brand_margin = 0;
    430. 

  430.         },
    431. 

  431.         _initTextStyle:function(){
    432. 

  432.             this.listStyle = config.tlt ;
    433. 

  433.             this.titleFontColor = config.rss2 || "#000000";
    434. 

  434.             this.titleFontSize = config.titFS || 0;
    435. 

  435.             this.titleHoverColor = config.pthc || "#ff0000";
    436. 

  436.             this.titleFontFamily = decodeURIComponent(config.titFF) || decodeURIComponent("%E5%BE%AE%E8%BD%AF%E9%9B%85%E9%BB%91");
    437. 

  437.             this.titleUnderLine = config.titSU || 0;
    438. 

  438.             this.hoverUnderline = config.pul || 0;
    439. 

  439.             this.hoverBgColor = config.hover_color ? "#3399DB":"#D14836";
    440. 

  440.             this.titlePosition = config.ptp || 0;
    441. 

  441.             this.tft = config.tft;
    442. 

  442.             this.icon = config.icon;
    443. 

  443.             if(typeof config.ptbg != "undefined"){
    444. 

  444.                 this.titleBgOpa = parseInt(config.ptbg)/100;
    445. 

  445.             } else { 
    446. 

  446.                 this.titleBgOpa = 0.7;
    447. 

  447.             }
    448. 

  448.         },
    449. 

  449.         _initImageStyle:function(){
    450. 

  450.             this.hover = config.hover;
    451. 

  451.             this.align = config.adp || 1;
    452. 

  452.             this.logIS = config.logIS;
    453. 

  453.             this.picHeight = config.imHeight;
    454. 

  454.             this.picWidth = config.imWidth;
    455. 

  455.             this.picTitleHeight = 16;
    456. 

  456.             this.imgItemWidth = this.picWidth + 2;
    457. 

  457.             this.imgItemHeight = 2 + (config.ptp ? this.picHeight : this.picHeight+this.picTitleHeight )
    458. 

  458.             this.imgCol = config.imC;
    459. 

  459.             this.imgRow = config.imR;
    460. 

  460.             this.radius = config.radius||0;
    461. 

  461.             this.image_zoom = config.image_zoom;
    462. 

  462.         },
    463. 

  463.         _initHeaderStyle:function(){
    464. 

  464.             this.hasTitle = config.ptt || 0;
    465. 

  465.             this.header = decodeURIComponent(config.ptc);
    466. 

  466.             this.headerBgColor = config.ptBC || "#ffffff";
    467. 

  467.             this.headerFontColor = config.ptFC || "#000000";
    468. 

  468.             this.headerFontSize = config.ptFS || 14;
    469. 

  469.             this.txtRowHeight = config.ptrh || 27;
    470. 

  470.         },
    471. 

  471.         _initAds:function(){
    472. 

  472.             for(var i=0;i<ads.length;++i){
    473. 

  473.                 if(ads[i].word_src != "pa")
    474. 

  474.                     ads[i].curl = ads[i].curl.replace(/&stid=\d*/,'&stid=116');
    475. 

  475.             }
    476. 

  476.             while(ads.length&&ads[ads.length-1].word_src=="pa"){
    477. 

  477.                 var t = ads.pop();
    478. 

  478.                 var to = new Object(); 
    479. 

  479.                 var from = ads[0];
    480. 

  480.                 for(var i in from) 
    481. 

  481.                     to[i] = from[i]; 
    482. 

  482.                 to.title = t.title;
    483. 

  483.                 to.image_url = t.pa_url;
    484. 

  484.                 var ori = t.ori || "";
    485. 

  485.                 to.curl = ads[0].curl.replace(/&k=[^&]*/g, "&k="+t.title).replace(/&di=\d*/g, "&di=8").replace(/&stid=\d*/,'&stid=115')+"&ori="+ori;
    486. 

  486.                 to.word_src = 'pa';
    487. 

  487.                 if(config.pat==1||config.pat==3||config.pat==15) {
    488. 

  488.                     news.unshift(to);
    489. 

  489.                 } else if(config.pat==6) {
    490. 

  490.                     ads.unshift(to);
    491. 

  491.                 }
    492. 

  492.             }
    493. 

  493.         
    494. 

  494.         },
    495. 

  495.         _initEnv:function(){
    496. 

  496.             var s,ua = navigator.userAgent.toLowerCase();
    497. 

  497.             (s = ua.match(/msie ([\d.]+)/)) ? this.Sys.ie = s[1] :
    498. 

  498.             (s = ua.match(/rv:([\d.]+)/)) ? this.Sys.ie = s[1] :
    499. 

  499.             (s = ua.match(/firefox\/([\d.]+)/)) ? this.Sys.firefox = s[1] :
    500. 

  500.             (s = ua.match(/chrome\/([\d.]+)/)) ? this.Sys.chrome = s[1] :
    501. 

  501.             (s = ua.match(/opera.([\d.]+)/)) ? this.Sys.opera = s[1] :
    502. 

  502.             (s = ua.match(/version\/([\d.]+).*safari/)) ? this.Sys.safari = s[1] : 0;
    503. 

  503.         },
    504. 

  504.         calcLayout:function(){
    505. 

  505.             var imgAreaHeight = Math.max(config.imR * this.imgItemHeight, 0)
    506. 

  506.             this.notUsedHeight = this.bodyHeight - imgAreaHeight;
    507. 

  507.             this.blockMarginTop = 0;
    508. 

  508.             this.imgRowMarginTop = 0;
    509. 

  509.             this.luWordSpace = 15;
    510. 

  510. 

  511.         },
    512. 

  512.         calcImageParam:function(){
    513. 

  513.             this.align = 2;
    514. 

  514.             this.columnWidth = Math.floor(this.bodyWidth/config.txtC);
    515. 

  515.             this.imgRowMarginTop = Math.floor(this.notUsedHeight/(config.imR+1));
    516. 

  516.             config.cMR = Math.floor((this.bodyWidth - this.imgItemWidth*config.imC) / (config.imC+1));
    517. 

  517.         },
    518. 

  518.         init : function(){
    519. 

  519.             this.T = baidu.template;
    520. 

  520. 

  521.             this._initEnv();
    522. 

  522.             this._initAds();
    523. 

  523.             this._initContainerSize();
    524. 

  524.             this._initHeaderStyle();
    525. 

  525.             this._initImageStyle();
    526. 

  526.             this._initTextStyle();
    527. 

  527. 

  528.             //must init last
    529. 

  529.             this.calcLayout();
    530. 

  530.             config.pat==6 && this.calcImageParam();
    531. 

  531.         },
    532. 

  532.         run : function(){
    533. 

  533.             this.init();
    534. 

  534.             this.paint();
    535. 

  535.             this.initEvents();
    536. 

  536.         },
    537. 

  537.         paint:function(){
    538. 

  538.             var picContainerHtml = '';
    539. 

  539.             this.get("wrapper").innerHTML = this.T('native_ad_frame_template',{'ads':ads,'style':this});
    540. 

  540.             var adsJson = this.AdStruc = this.layout();
    541. 

  541.             if(config.pat==6) {
    542. 

  542.                 if (config.dynamic_trans_type > 0) {
    543. 

  543.                     picContainerHtml += this.T('native_ad_pic_template_two_image',{'ads':adsJson['imageAreaAds'],'style':this});
    544. 

  544.                 } else {
    545. 

  545.                     picContainerHtml += this.T('native_ad_pic_template',{'ads':adsJson['imageAreaAds'],'style':this});
    546. 

  546.                 }
    547. 

  547.             }
    548. 

  548.             this.get("pic_container").innerHTML = picContainerHtml;
    549. 

  549.         },
    550. 

  550.         layout:function(){
    551. 

  551.             var resort_ads=[],tmp_ads = ads.splice(0,config.imC*config.imR);
    552. 

  552.             resort_ads = tmp_ads;
    553. 

  553.             var adsJson = {
    554. 

  554.                 'imageAreaAds':resort_ads,
    555. 

  555.                 'textAreaAds':[]
    556. 

  556.             };
    557. 

  557.             return adsJson;
    558. 

  558.         },
    559. 

  559.         getElementsByClass: function(dom,cls){
    560. 

  560.             if(dom.nodeType==1){
    561. 

  561.                 if(dom.className==cls){
    562. 

  562.                     return dom;
    563. 

  563.                 }else{
    564. 

  564.                     for(var i=0;i<dom.childNodes.length;++i){
    565. 

  565.                         var d = this.getElementsByClass(dom.childNodes[i],cls)
    566. 

  566.                         if(d != null) return d;
    567. 

  567.                     }
    568. 

  568.                 }
    569. 

  569.             }
    570. 

  570.             return null;
    571. 

  571.         },
    572. 

  572.         animate : function(id, mask, start ,step, target){
    573. 

  573.             clearInterval(this.timer[id])
    574. 

  574.             this.timer[id] = setInterval(this.proxy(this,function(){
    575. 

  575.                 var top = isNaN(parseInt(mask.style.top))? start : parseInt(mask.style.top)
    576. 

  576.                 var cond = step < 0 ? top - target : target - top
    577. 

  577.                 if (cond <= Math.abs(step)){
    578. 

  578.                     clearInterval(this.timer[id])
    579. 

  579.                     mask.style.top = target+"px"
    580. 

  580.                     return
    581. 

  581.                 }else{
    582. 

  582.                     top+=step;
    583. 

  583.                     mask.style.top = top+"px"
    584. 

  584.                 }
    585. 

  585.             }),15)
    586. 

  586.         },
    587. 

  587.         setHover:function(node){
    588. 

  588.             var className = node.className || '';
    589. 

  589.             if(className.indexOf('pic_item') !== -1){
    590. 

  590.                 if (this.hover == 1) {
    591. 

  591.                     node.className = "pic_item pic_item_hover";
    592. 

  592.                     var mask = this.getElementsByClass(node,'mask');
    593. 

  593.                     mask.style.display="block"
    594. 

  594.                     mask.style.top=(0-this.picHeight)+"px"
    595. 

  595.                     this.animate(node.id, mask, (0-this.picHeight), 9, 1)
    596. 

  596.                 } else if(this.hover == 2) {
    597. 

  597.                     node.className = "pic_item pic_item_hover_L";
    598. 

  598.                 } else if(this.hover == 3) {
    599. 

  599.                     node.className = "pic_item pic_item_hover_L2";
    600. 

  600.                 } else {
    601. 

  601.                     node.className = "pic_item hover";
    602. 

  602.                 }
    603. 

  603.             }
    604. 

  604.         },
    605. 

  605.         setNormal:function(node){
    606. 

  606.             var className = node.className || '';
    607. 

  607.             if(className.indexOf('pic_item') !== -1){
    608. 

  608.                 node.className = "pic_item";
    609. 

  609.                 var mask = this.getElementsByClass(node,'mask');
    610. 

  610.                 this.animate(node.id, mask, 1, -9, (0-this.picHeight))
    611. 

  611.             }
    612. 

  612.         },
    613. 

  613.         initEvents: function(){
    614. 

  614.             var container = this.get("pic_container");
    615. 

  615.             function getEvent(e) {
    616. 

  616.                 return e || window.event;
    617. 

  617.             }
    618. 

  618.             function bind(el, type, fn){
    619. 

  619.                 el.addEventListener ? el.addEventListener(type, fn, false) :
    620. 

  620.                 el.attachEvent ? el.attachEvent("on" + type, fn) :
    621. 

  621.                 el['on'+type] = fn;    
    622. 

  622.             }
    623. 

  623.             function checkHover(e, target) {
    624. 

  624.                 if (getEvent(e).type == "mouseover") {
    625. 

  625.                     return !contains(target, getEvent(e).relatedTarget || getEvent(e).fromElement) && !((getEvent(e).relatedTarget || getEvent(e).fromElement) === target);
    626. 

  626.                 } else {
    627. 

  627.                     return !contains(target, getEvent(e).relatedTarget || getEvent(e).toElement) && !((getEvent(e).relatedTarget || getEvent(e).toElement) === target);
    628. 

  628.                 }
    629. 

  629.             }
    630. 

  630.             function contains(parentNode, childNode) {
    631. 

  631.                 if(!(childNode && parentNode))return false;
    632. 

  632.                 if (parentNode.contains) {
    633. 

  633.                     return parentNode != childNode && parentNode.contains(childNode);
    634. 

  634.                 } else {
    635. 

  635.                     return !!(parentNode.compareDocumentPosition(childNode) & 16);
    636. 

  636.                 }
    637. 

  637.             }
    638. 

  638.             bind(container,'mouseover',function(e){
    639. 

  639.                 var element = e.srcElement ? e.srcElement : e.target;
    640. 

  640.                 if(checkHover(e,element)){
    641. 

  641.                     while(element&&(typeof element.className !=="string"||element.className.indexOf("pic_item")==-1)){
    642. 

  642.                         if(element === this){
    643. 

  643.                             element = 0;
    644. 

  644.                             break;
    645. 

  645.                         }
    646. 

  646.                         element = element.parentNode;
    647. 

  647.                     }
    648. 

  648.                     if(!element)return;
    649. 

  649.                     if(element.className=="pic_itemColumnSpace")return;
    650. 

  650.                     if (config.dynamic_trans_type === 1 || config.dynamic_trans_type === 2 || config.dynamic_trans_type === 3 || config.dynamic_trans_type === 4) {
    651. 

  651.                         return;
    652. 

  652.                     }
    653. 

  653.                     var id = "picItem_"+thisPage.focusRow+"_"+thisPage.focusCol;
    654. 

  654.                     var dom = thisPage.get(id);
    655. 

  655.                     if(dom){
    656. 

  656.                         thisPage.setNormal(dom);
    657. 

  657.                         thisPage.focusCol = -1;
    658. 

  658.                         thisPage.focusRow = 0;
    659. 

  659.                     }
    660. 

  660.                     clearTimeout(thisPage.playTimer);
    661. 

  661.                     if(checkHover(e,element)){
    662. 

  662.                         thisPage.setHover(element);
    663. 

  663.                     }
    664. 

  664.                 }
    665. 

  665.             });
    666. 

  666.             bind(container,'mouseout',function(e){
    667. 

  667.                 var element = e.srcElement ? e.srcElement : e.target;
    668. 

  668.                 var related = getEvent(e).relatedTarget || getEvent(e).toElement
    669. 

  669.                 if (related && typeof related.className == "string"&& related.className.indexOf('mask')!=-1)return
    670. 

  670.                 if(checkHover(e,element)){
    671. 

  671.                     while(element&&(typeof element.className !=="string"||element.className.indexOf("pic_item")==-1))element = element.parentNode;
    672. 

  672.                     if(!element)return;
    673. 

  673.                     if(element.className=="pic_itemColumnSpace")return;
    674. 

  674.                     clearTimeout(thisPage.playTimer);
    675. 

  675.                     thisPage.playTimer = setTimeout(thisPage.proxy(thisPage,thisPage.lunbo),1500);
    676. 

  676.                     if(checkHover(e,element)) thisPage.setNormal(element);
    677. 

  677.                 }
    678. 

  678.             });
    679. 

  679.             clearTimeout(thisPage.playTimer);
    680. 

  680.             thisPage.playTimer = setTimeout(thisPage.proxy(thisPage,thisPage.lunbo),1500);
    681. 

  681.         },
    682. 

  682.         lunbo : function(){
    683. 

  683.             var id = "picItem_"+this.focusRow + "_" + this.focusCol;
    684. 

  684.             var focused_dom = this.get(id);
    685. 

  685.             if(focused_dom){
    686. 

  686.                 this.setNormal(focused_dom);
    687. 

  687.             }
    688. 

  688.             ++this.focusCol;
    689. 

  689.             if(this.focusCol >= config.imC) {
    690. 

  690.                 this.focusCol = 0;
    691. 

  691.                 ++this.focusRow;
    692. 

  692.             }
    693. 

  693.             if(this.focusRow >=config.imR) {
    694. 

  694.                 this.focusCol = 0;
    695. 

  695.                 this.focusRow = 0;
    696. 

  696.             }
    697. 

  697.             id = "picItem_"+this.focusRow + "_" + this.focusCol;
    698. 

  698.             var dom = this.get(id);
    699. 

  699.             if(dom){
    700. 

  700.                 this.setHover(dom);
    701. 

  701.             }
    702. 

  702.             clearTimeout(this.playTimer);
    703. 

  703.             this.playTimer = setTimeout(this.proxy(this,this.lunbo),2500);
    704. 

  704.         },
    705. 

  705.         proxy : function(obj,func){
    706. 

  706.             return function(){
    707. 

  707.                 return func.apply(obj,arguments);
    708. 

  708.             }
    709. 

  709.         }
    710. 

  710.     }
    711. 

  711.     function advLength(str,fs){
    712. 

  712.         var ch = 0;
    713. 

  713.         var en = 0;
    714. 

  714.         for(var i=0;i<str.length;++i){
    715. 

  715.             if(escape(str.substring(0,1)).indexOf( "%u" )<0){
    716. 

  716.                 en += 1;
    717. 

  717.             }else{
    718. 

  718.                 ch += 1;
    719. 

  719.             }
    720. 

  720.         }
    721. 

  721.         return Math.ceil(fs*(ch + en/2));
    722. 

  722.     }
    723. 

  723.     function shorten(str,length,fontSize){
    724. 

  724.         if(length<=0)return -1;
    725. 

  725.         var len = advLength(str,fontSize);
    726. 

  726.         if(len <= length)return str;
    727. 

  727.         var index = str.length;
    728. 

  728.         while(len+fontSize > length && len >0){
    729. 

  729.             str = str.substring(0,str.length-1);
    730. 

  730.             len = advLength(str,fontSize);
    731. 

  731.             if(len+fontSize<=length){
    732. 

  732.                 str+="..";
    733. 

  733.                 return str;
    734. 

  734.             }
    735. 

  735.         }
    736. 

  736.         return -1;
    737. 

  737.     }
    738. 

  738.     thisPage.run();
    739. 

  739. </script>
    740. 

  740. <script>
    741. 

  741.     var newAds = [{"bid":"","curl":"https://cpro.baidu.com/cpro/ui/uijs.php?en=mywWUA71T1YsFh7sT7qGujYsFhPC5H0huAbqrauGTdq9TZ0qnauJp1Y1m103nAmvuHDsnjwWnWbzFh_qFRc1FRPjFRfsFRmzFRfYFRckFRPDFRRzFRcsFRujFRnvFRFDFRPjFRD3FhkdpvbqniuVmLKV5HTvPWRvFMDqmLPbUhF9pywdgvPsTBuzmWYsFMF15HDhTvN_UANzgv-b5HDhTv-b5Hbzm1csPjDsPhRsuW03nvnhTLwGujYknHRhIjdYTAP_pyPouyf1gv9WFMwb5Hm3rj63rjchIAYqnH0Lnjm1rauYUgnqnHm3nHD4nWmdniuYIHddPW63rj63nBud5y9YIZK1FHPKFHFAFHFAmhkEuzRzwyP1uA3-nbN8ugfhIWYzFhbqrAnkP1R3mHb&besl=-1&c=news&cf=1&cvrq=981928&eid_list=201157_203160_203777_209570&expid=200861_201157_203160_203640_206311_207434_209570_209682&fr=4&fv=0&haacp=1094&img_typ=4134&itm=0&lu_idc=nj02&lukid=1&lus=92c204106e0f083c&lust=6434f6cb&luwtr=6172804539633627423&mscf=0&mtids=9911696&n=10&nttp=1&p=baidu&pbs=228840&sce=7&sr=84&ssp2=1&tpl=baiduCustNativeADImage&tsf=dtp:1&tu_type=0&u=%2Fweixin%5F39982568%2Farticle%2Fdetails%2F110759035&uicf=lurecv&urlid=0&eot=1","desc":"程序员外包平台","dp_config":1,"dspw":"","height":250,"icon":270401,"iconurl":"https://lupic.cdn.bcebos.com/20210629/9911696_14.jpg","image_url":"https://lupic.cdn.bcebos.com/20210629/9911696_14.jpg","isHb":false,"lpId":3,"surl":"","title":"程序员外包平台","type":"text","view_num":9283,"width":300,"word_src":"0"},{"bid":"","curl":"https://cpro.baidu.com/cpro/ui/uijs.php?en=mywWUA71T1YsFh7sT7qGujYsFhPC5H0huAbqrauGTdq9TZ0qnauJp1Y1m103nAmvuHDsnjwWnWbzFh_qFRc1FRPjFRfsFRmzFRfYFRckFRPDFRRzFRcsFRujFRPDFRm3FRfdFRF7FhkdpvbqnBuVmLKV5Hm4nHm4FMDqmLPbUhF9pywdgvPsTBuzmWYsFMF15HDhTvN_UANzgv-b5HDhTv-b5Hbzm1csPjDsPhRsuW03nvnhTLwGujYknHRhIjdYTAP_pyPouyf1gv9WFMwb5Hm3rj63rjchIAYqnH0Lnjm1rauYUgnqnHm3nHD4nWmdniuYIHddPW63rj63nBud5y9YIZK1FHPKFHFAFHFAmhkEuzRzwyP1uA3-nbN8ugfhIWYzFhbqnvRLnhFbm1m&besl=-1&c=news&cf=1&cvrq=2303746&eid_list=201157_203160_203777_209570&expid=200861_201157_203160_203640_206311_207434_209570_209682&fr=4&fv=0&haacp=786&img_typ=4130&itm=0&lu_idc=nj02&lukid=2&lus=92c204106e0f083c&lust=6434f6cb&luwtr=6728413789323799737&mscf=0&mtids=9908923&n=10&nttp=1&p=baidu&pbs=228840&sce=7&sr=84&ssp2=1&tpl=baiduCustNativeADImage&tsf=dtp:1&tu_type=0&u=%2Fweixin%5F39982568%2Farticle%2Fdetails%2F110759035&uicf=lurecv&urlid=0&eot=1","desc":"程序员外包网站","dp_config":1,"dspw":"","height":250,"icon":270501,"iconurl":"https://lupic.cdn.bcebos.com/20210629/9908923_14.jpg","image_url":"https://lupic.cdn.bcebos.com/20210629/9908923_14.jpg","isHb":false,"lpId":3,"surl":"","title":"程序员外包网站","type":"text","view_num":6731,"width":300,"word_src":"0"},{"bid":"","curl":"https://cpro.baidu.com/cpro/ui/uijs.php?en=mywWUA71T1YsFh7sT7qGujYsFhPC5H0huAbqrauGTdq9TZ0qnauJp1Y1m103nAmvuHDsnjwWnWbzFh_qFRfzFRFaFRFjFRujFRn4FRuKFRc1FRn4FRfsFRDkFRc1FRPjFRfsFRmzFhkdpvbqnzuVmLKV5HTdnH0zFMDqmLPbUhF9pywdgvPsTBuzmWYsFMF15HDhTvN_UANzgv-b5HDhTv-b5Hbzm1csPjDsPhRsuW03nvnhTLwGujYknHRhIjdYTAP_pyPouyf1gv9WFMwb5Hm3rj63rjchIAYqnH0Lnjm1rauYUgnqnHm3nHD4nWmdniuYIHddPW63rj63nBud5y9YIZK1FHPKFHFAFHFAmhkEuzRzwyP1uA3-nbN8ugfhIWYzFhbqnHRLmhmzP1n&besl=-1&c=news&cf=1&cvrq=6796180&eid_list=201157_203160_203777_209570&expid=200861_201157_203160_203640_206311_207434_209570_209682&fr=4&fv=0&haacp=922&img_typ=4130&itm=0&lu_idc=nj02&lukid=3&lus=92c204106e0f083c&lust=6434f6cb&luwtr=7635639288793629340&mscf=0&mtids=8187936&n=10&nttp=1&p=baidu&pbs=228840&sce=7&sr=84&ssp2=1&tpl=baiduCustNativeADImage&tsf=dtp:1&tu_type=0&u=%2Fweixin%5F39982568%2Farticle%2Fdetails%2F110759035&uicf=lurecv&urlid=0&eot=1","desc":"一键生成小程序","dp_config":1,"dspw":"","height":250,"icon":280201,"iconurl":"https://lupic.cdn.bcebos.com/20210629/8187936_14.jpg","image_url":"https://lupic.cdn.bcebos.com/20210629/8187936_14.jpg","isHb":false,"lpId":3,"surl":"","title":"一键生成小程序","type":"text","view_num":12099,"width":300,"word_src":"0"},{"bid":"","curl":"https://cpro.baidu.com/cpro/ui/uijs.php?en=mywWUA71T1YsFh7sT7qGujYsFhPC5H0huAbqrauGTdq9TZ0qnauJp1Y1m103nAmvuHDsnjwWnWbzFh_qFRfYFRwKFRPAFRwAFRf1FRwAFRnLFRR4FRFjFRRsFRczFRRzFRPAFRcdFRPDFRc1FhkdpvbqPauVmLKV5HmvnjDkFMDqmLPbUhF9pywdgvPsTBuzmWYsFMF15HDhTvN_UANzgv-b5HDhTv-b5Hbzm1csPjDsPhRsuW03nvnhTLwGujYknHRhIjdYTAP_pyPouyf1gv9WFMwb5Hm3rj63rjchIAYqnH0Lnjm1rauYUgnqnHm3nHD4nWmdniuYIHddPW63rj63nBud5y9YIZK1FHPKFHFAFHFAmhkEuzRzwyP1uA3-nbN8ugfhIWYzFhbqujRvn1nznvR&besl=-1&c=news&cf=1&cvrq=2491151&eid_list=201157_203160_203777_209570&expid=200861_201157_203160_203640_206311_207434_209570_209682&fr=4&fv=0&haacp=1271&img_typ=4134&itm=0&lu_idc=nj02&lukid=4&lus=92c204106e0f083c&lust=6434f6cb&luwtr=6385435982590785725&mscf=0&mtids=3087322778&n=10&nttp=1&p=baidu&pbs=228840&sce=7&sr=84&ssp2=1&tpl=baiduCustNativeADImage&tsf=dtp:1&tu_type=0&u=%2Fweixin%5F39982568%2Farticle%2Fdetails%2F110759035&uicf=lurecv&urlid=0&eot=1","desc":"在线舆情监测系统","dp_config":1,"dspw":"","height":250,"icon":180101,"iconurl":"https://lupic.cdn.bcebos.com/20220722/3087322778_14_504_360.jpg","image_url":"https://lupic.cdn.bcebos.com/20220722/3087322778_14_504_360.jpg","isHb":false,"lpId":3,"surl":"","title":"在线舆情监测系统","type":"text","view_num":2243,"width":300,"word_src":"0"}]; 
    742. 

  742. // var defaultIsShow = false;
    743. 

  743. // var logoCon={logoIsShow:function(){var b,c,a=document.getElementsByTagName("a");for(b=0;b<a.length;b++)c=a[b].className,("bd-logo"==c||"bd-logo2"==c||"bd-logo3"==c||"bd-logo4"==c||"bd-logo5"==c||"bd-logo1"==c)&&("undefined"==typeof config.consl&&(config.consl=1),a[b].style.display=(defaultIsShow && config.consl)?"block":"none")}};logoCon.logoIsShow();
    744. 

  744. </script>
    745. 

  745. <script>
    746. 

  746. var sendMonitorLog={sendLog:function(){var f=this;var d="";var c=document.getElementById("pic_container");var b="//cpro.baidu.com/concurrent/cc?";var e=c.getElementsByTagName("a");for(var a=0;a<e.length;a++){if(e[a].className!="bd-logo4"){this.addEvent(e[a],"click",function(j){var j=j||window.event;var k=j.target||j.srcElement;if(k.tagName.toLowerCase()!=="a"){k=f.resTag(k)}var i=k.href;d=/\?+(.*)/.exec(i);var g=new Image();var h="cpro_log_"+Math.floor(Math.random()*2147483648).toString(36);window[h]=g;g.onload=g.onerror=g.onabort=function(){g.onload=g.onerror=g.onabort=null;window[h]=null;g=null};g.src=b+d[1]+"&tT="+new Date().getTime()})}}},addEvent:function(c,b,a){b=b.replace(/^on/i,"").toLowerCase();if(c.addEventListener){c.addEventListener(b,a,false)}else{c.attachEvent("on"+b,function(){a(window.event)})}},resTag:function(a){var a=a.parentNode;if(a.tagName.toLowerCase()!=="a"&&a.tagName.toLowerCase()!=="body"){return this.resTag(a)}return a}};sendMonitorLog.sendLog();
    747. 

  747. </script>
    748. 

  748. <script>
    749. 

  749. // var adJsUrlexp='//cpro.baidustatic.com/cpro/ui/noexpire/js/4.0.1/adClosefeedbackUpgrade.min.js';
    750. 

  750. // var bdUserPreferenceExpFlag=2;var bdJinglianExpFlag=1;var preferenceInfo="czE9MjQ2MjE4ODU2MAFzMj0xODQ2NDc4OTA4AXJlcXVybD1odHRwcyUzQSUyRiUyRmJsb2clMkVjc2RuJTJFbmV0JTJGd2VpeGluJTVGMzk5ODI1NjglMkZhcnRpY2xlJTJGZGV0YWlscyUyRjExMDc1OTAzNQFjbnRuPWNzZG5iYWlkdV9jcHIBdHU9dTY4ODg4ODIBaXA9NDA3MjQ2MTk2AWlwdjY9AWNyYz03NzAzODg1MjI=";var bdJinglianHoverTitle="";var bdUserPreferenceReason=[{"id":5,"name":"视觉干扰","type":0},{"id":6,"name":"内容不宜","type":0},{"id":7,"name":"不感兴趣","type":0},{"id":8,"name":"其它","type":0},{"id":1005,"name":"视觉干扰","type":1},{"id":1006,"name":"内容不宜","type":1},{"id":1007,"name":"不感兴趣","type":1},{"id":1008,"name":"其它","type":1}]||[];var bdUserComplaintReason=[{id:0,name:'\u8bf7\u8f93\u5165\u002e\u002e\u002e',option:0,type:0},{id:1,name:'\u5185\u5bb9\u4f4e\u4fd7',option:'\u5185\u5bb9\u4f4e\u4fd7',type:1},{id:2,name:'\u5185\u5bb9\u865a\u5047',option:'\u5185\u5bb9\u865a\u5047',type:1},{id:3,name:'\u4e0d\u7f8e\u89c2',option:'\u4e0d\u7f8e\u89c2',type:1}];var loadJs=function(f,e){var h=document.createElement("script");h.onload=function(){e()};h.onreadystatechange=function(){/loaded|complete/.test(h.readyState)&&e()};h.src=f;var g=document.getElementsByTagName("script")[0];g.parentNode.insertBefore(h,g)};window.onload=function(){if(bdUserPreferenceExpFlag){loadJs(adJsUrlexp,function(){})}};
    751. 

  751. if (config.dynamic_trans_type === "undefined" || config.dynamic_trans_type != 4) {
    752. 

  752.     logo.init({containerId: 'wrapper', closeDirect: true, feedbackParentId: 'wrapper', deviceType: 1});
    753. 

  753. }
    754. 

  754. </script>
    755. 

  755. <script type="text/javascript">
    756. 

  756.     function addFliterForImg(){var a=config.saturate;var e=config.contrast;var f=document.querySelectorAll("img");for(var c=f.length-1;c>=0;c--){var d=f[c];if(d.src.length>0&&d.width>10&&d.height>10){var b;if(a&&e){b="-webkit-filter:saturate("+a/100+") contrast("+e/100+")"}else{if(a){b="-webkit-filter:saturate("+a/100+")"}else{if(e){b="-webkit-filter:contrast("+e/100+")"}}}if(d.style.cssText.indexOf("filter")===-1){d.style.cssText+=b}}}}if(config.saturate||config.contrast){if(document.all){window.attachEvent("onload",addFliterForImg)}else{window.addEventListener("load",addFliterForImg,false)}};
    757. 

  757. </script>
    758. 

  758. <script type="text/javascript">
    759. 

  759. if (config.dynamic_trans_type === 1) {
    760. 

  760.     this.setInterval("flipAnimationImage()", 4000);
    761. 

  761. } else if (config.dynamic_trans_type === 2) {
    762. 

  762.     this.setInterval("rollAnimationImage()", 4000);
    763. 

  763. }else if (config.dynamic_trans_type === 3 || config.dynamic_trans_type === 4) {
    764. 

  764.     this.setInterval("hideAnimationImage()", 4000);
    765. 

  765. }
    766. 

  766. function flipAnimationImage() {
    767. 

  767.     var picas = document.getElementsByName("pic_a_name");
    768. 

  768.     if (picas && picas.length > 0) {
    769. 

  769.         for (var i =  0; i < picas.length; i++) {
    770. 

  770.             if (i > 2) {
    771. 

  771.                 return;
    772. 

  772.             }
    773. 

  773.             var pica= picas[i];
    774. 

  774.             var frontImages = pica.getElementsByClassName("frontImage");
    775. 

  775.             var frontImage = frontImages[0];
    776. 

  776.             var backImages = pica.getElementsByClassName("backImage");
    777. 

  777.             var backImage = backImages[0];
    778. 

  778.             if (pica && pica.className === "flip_image") {
    779. 

  779.                 pica.className = "flip_image flip_image_fliped";
    780. 

  780.                 frontImage.className = "frontImage frontImage_fliped";
    781. 

  781.                 backImage.className = "backImage backImage_fliped";
    782. 

  782.             } else if (pica && pica.className === "flip_image flip_image_fliped"){
    783. 

  783.                 pica.className = "flip_image";
    784. 

  784.                 frontImage.className = "frontImage";
    785. 

  785.                 backImage.className = "backImage";
    786. 

  786.             }
    787. 

  787.         };
    788. 

  788.     }
    789. 

  789. }
    790. 

  790. function rollAnimationImage() {
    791. 

  791.     var picas = document.getElementsByName("pic_a_name");
    792. 

  792.     if (picas && picas.length > 0) {
    793. 

  793.         for (var i =  0; i < picas.length; i++) {
    794. 

  794.             if (i > 2) {
    795. 

  795.                 return;
    796. 

  796.             }
    797. 

  797.             var pica= picas[i];
    798. 

  798.             var frontImages = pica.getElementsByClassName("firstImage");
    799. 

  799.             var frontImage = frontImages[0];
    800. 

  800.             var backImages = pica.getElementsByClassName("secondImage");
    801. 

  801.             var backImage = backImages[0];
    802. 

  802.             if (pica && pica.className === "roll_image") {
    803. 

  803.                 pica.className = "roll_image roll_image_done";
    804. 

  804.                 frontImage.className = "firstImage firstImage_done";
    805. 

  805.                 backImage.className = "secondImage secondImage_done";
    806. 

  806.             } else if (pica && pica.className === "roll_image roll_image_done"){
    807. 

  807.                 pica.className = "roll_image";
    808. 

  808.                 frontImage.className = "firstImage";
    809. 

  809.                 backImage.className = "secondImage";
    810. 

  810.             }
    811. 

  811.         };
    812. 

  812.     }
    813. 

  813. }
    814. 

  814. function hideAnimationImage() {
    815. 

  815.     var picas = document.getElementsByName("pic_a_name");
    816. 

  816.     if (picas && picas.length > 0) {
    817. 

  817.         for (var i =  0; i < picas.length; i++) {
    818. 

  818.             if (i > 2) {
    819. 

  819.                 return;
    820. 

  820.             }
    821. 

  821.             var pica= picas[i];
    822. 

  822.             var frontImages = pica.getElementsByClassName("frontImage");
    823. 

  823.             var frontImage = frontImages[0];
    824. 

  824.             var backImages = pica.getElementsByClassName("backImage");
    825. 

  825.             var backImage = backImages[0];
    826. 

  826.             if (pica && pica.className === "flip_image") {
    827. 

  827.                 pica.className = "flip_image hide_image_hiden";
    828. 

  828.                 frontImage.className = "frontImage frontImage_fliped";
    829. 

  829.                 backImage.className = "backImage backImage_fliped";
    830. 

  830.             } else {
    831. 

  831.                 pica.className = "flip_image";
    832. 

  832.                 frontImage.className = "frontImage";
    833. 

  833.                 backImage.className = "backImage";
    834. 

  834.             }
    835. 

  835.         };
    836. 

  836.     }
    837. 

  837. }
    838. 

  838. </script>
    839. 

  839. 

  840. </body></html>
    841.