[wall view] Google's new system is not to kill Android

Window.dc_related_video={},function(i){i.__author__="jamieyan",i.__version__="2.0.0",i.modName="dc_related_video",i.config={},i.sign={ },i.cache={},i.videos=[],i.dom={},i.control={},i.tvp_player_obj=null}(window.dc_related_video),function(i){var t= {},e=function(i,t){var e=document.head||document.getElementsByTagName("head")[0]||document.documentElement,n=document.createElement("script"),o= !1;n.async=!0,n.src=i,n.onload=n.onreadystatechange=function(){o||n.readyState&&!/loaded|complete/.test(n.readyState)||( o=!0,n.onload=n.onreadystatechange=null,n.parentNode&&n.parentNode.removeChild(n),n=null,"function"==typeof t&&t())},e.insertBefore(n,e. firstChild)},n=function(i){i=i||function(){};var t=!1;if("function"==typeof window.jQuery){var n=window.jQuery(). Jquery;if("string"==typeof n){var o=n.split(".");3===o.length&&"1"===o[0]&&parseInt(o[1],10 )>10&&(t=!0)}}t?i(window.jQuery):e("http://mat1.gtimg.com/libs/jquery/1.12.0/jquery.min.js",function( ){i(window.jQuery.noConflict(!0))})},o=function( i) {if(window.tvp)i(window.tvp);else{var t="http://imgcache.qq.com/tencentvideo_v1/tvp/js/tvp.player_v2";t+=window.jQuery?" _jq.js":".js",e(t,function(){i(window.tvp)})}},a=function(){var i=function(){return i.get.apply(i ,arguments)},t=i.utils={isArray:Array.isArray||function(i){return"[object Array]"===Object.prototype.toString.call(i)},isPlainObject:function( i) {return!!i&&"[object Object]"===Object.prototype.toString.call(i)},toArray:function(i){return Array.prototype.slice.call(i)},getKeys: Object.keys||function(i){var t=[],e="";for(e in i)i.hasOwnProperty(e)&&t.push(e);return t},escape:function(i) {return String(i).replace(/[,;" \\=\s%]/g,function(i){return encodeURIComponent(i)})},retrieve:function(i,t){return null= ==i?t:i}};return i.defaults={},i.expiresMultiplier=86400,i.set=function(i,e,n){if(t.isPlainObject(i))for(var o In i)i.hasOwnProperty(o)&&this.set(o,i[o],e);else{n=t.isPlainObject(n)?n:{expires:n};var a=void 0!== N.expires?n.expires:this.defaults.expires||"",l=typeof a;"string "===l&&""!!==a?a=new Date(a):"number"===l&&(a=new Date(+new Date+1e3this.expiresMultipliera)),""!==a&&" toGMTString" in a&&(a=";expires="+a.toGMTString());var r=n.path||this.defaults.path;r=r?";path="+r:"";var s=n.domain||this.defaults.domain;s=s?";domain="+s:"";var u=n.secure||this.defaults.secure?";secure":""; Document.cookie=t.escape(i)+"="+t.escape(e)+a+r+s+u}return this},i.remove=function(i){i=t.isArray(i )?i:t.toArray(arguments);for(var e=0,n=i.length;n>e;e++)this.set(i[e],"",-1);return this}, I.empty=function(){return this.remove(t.getKeys(this.all()))},i.get=function(i,e){e=e||void 0;var n=this. All();if(t.isArray(i)){for(var o={},a=0,l=i.length;l>a;a++){var r=i[a];o[r ]=t.retrieve(n[r],e)}return o}return t.retrieve(n[i],e)},i.all=function(){if(""===document.cookie) Return{};for(var i=document.cookie.split("; "),t={},e=0,n=i.length;n>e;e++){var o,a,l=i [e].split("=");try{o=decodeURIComponent(l[0])}catch(r){o=l[0]}try{a=decodeURIComponent(l[1])}catch(r ){a=l[1]}t[o]=a}return t},i.enabled=f Unction(){if(navigator.cookieEnabled)return!0;var t="_"===i.set("_","_").get("_");return i.remove("_ "),t},i}(),l={};l.isTransitionSupport=function(){var i=document.createElement("p").style,t="transition";if("string"= =typeof i[t])return!0;var e=["Moz","webkit","Webkit","O","ms"];t=t.charAt(0).toUpperCase()+t .substr(1);for(var n=0,o=e.length;o>n;n+=1)if("string"==typeof i[e[n]+t])return!0;return !1},l.isBorderRadiusSupport="string"==typeof document.createElement("p").style.borderRadius,l.isIe6orLower=function(){var i=document.createElement("div");return i. innerHTML="",!!i.getElementsByTagName("i").length};var r=function(i,t){for(var e=0,n="",o=0;o128?e+=2 :e++,n+=i.charAt(o),e>=t)return n;return n},s=function(i,t){var e,n,o,a,l,r,s=u( Function(){l=a=!1},t);return function(){e=this,n=arguments;var u=function(){o=null,l&&(r=i.apply(e,n )),s()};return o||(o=setTimeout(u,t)),a?l=!0:(a=!0,r=i.apply(e,n)),s( },r}},u=function(i,t,e){var n,o;return function(){var a=this,l=arguments,r=function(){n=nul l,e||(o=i.apply(a,l))},s=e&&n;return clearTimeout(n),n=setTimeout(r,t),s&&(o=i.apply(a, l)), o}},d=function(){"on"===window.related_video_debug&&window.console&&console.log("[related_video_log] ",arguments)};t={getScript:e,loadJquery:n,loadTvp :o,cookie:a,browser:l,cutstr2:r,throttle:s,debounce:u,debug_log:d},i.utils=t}(window.dc_related_video),function(i){var t={} ,e=function(t,e){var n=i.libs.jQuery;return e=e||n.noop,"string"!=typeof t?void e(null):void n.ajax({method :"GET",url:"http://data.video.qq.com/fcgi-bin/data",data:{tid:"25",idlist:t,appid:"10001009",appkey:"c5a3e1529a7ba805 ",otype:"json"},dataType:"jsonp",cache:!0,scriptCharset:"utf-8"}).done(function(i){if(!i||i.errorno)return void e (null);var t=[],o=i.results[0].fields,a=o.c_vids||o.c_vclips||[];n.each(a,function(i,e){t .push({vid:e.c_vid,title:e.c_title,pic:e.c_pic_160_90,url:e.c_play_url})}),e(t)}).fail(function(){e(null)} }},n=function(t,e,n){var o=i.libs.jQuery;return n=n||o.noop,e?(t=t||"",void o.ajax({ Method:"GET",url:"h Ttp://like.video.qq.com/fcgi-bin/like",data:{msgtype:"122",uin:t,id:e,play:"2",pidx:"0",size: "11",otype:"json",tablist:"9"},dataType:"jsonp",cache:!0,scriptCharset:"utf-8"}).done(function(i){if(!i| |i.errmsg||!!i.tablist)return void n(null);var t=[];o.each(i.tablist[0].cover_info,function(i,e){t.push({vid :e.id,title:e.title,pic:e.picurl,url:e.playurl})}),n(t)}).fail(function(){n(null)})):void n (null)},o=i.utils.cookie,a={_configName:"autoplay_cookie",_config:null,_set:function(t){this._config=i.config[this._configName],window.localStorage&&localStorage. setItem(this._config.key,t),o.set(this._config.key,t,{expires:this._config.expires,domain:this._config.domain,path:this._config.path})} ,get:function(){if(this._config=i.config[this._configName],window.localStorage){var t=localStorage.getItem(this._config.key);if(t) return t}return o .get(this._config.key)},on:function(){this._set("1")},off:function(){this._set("0")}},l={_configName:" Playing_cookie",_config:null,_set:function(t){this._co Nfig=i.config[this._configName],o.set(this._config.key,t,{expires:this._config.expires(),domain:this._config.domain,path:this._config.path} }},get:function(){return this._config=i.config[this._configName],o.get(this._config.key)},on:function(){this._set("1")} ,off:function(){this._set("0")}},r={_configName:"mini_unmute",_config:null,_set:function(t){this._config=i.config[this._configName] ,o.set(this._config.key,t,{expires:this._config.expires,domain:this._config.domain,path:this._config.path})},get:function(){return this. _config=i.config[this._configName],o.get(this._config.key)},on:function(){this._set("1")},off:function(){this._set(" 0")}},s={on:function(){window.dc_playing_sign||(window.dc_playing_sign={}),window.dc_playing_sign[i.modName]=!0},off:function(){window. Dc_playing_sign||(window.dc_playing_sign={}),window.dc_playing_sign[i.modName]=!1},isAnyonePlaying:function(){if(window.dc_playing_sign){for(var t in window.dc_playing_sign)if(t !==i.modName&&window.dc_playing_sign.hasOwnProp Erty(t)&&window.dc_playing_sign[t])return!0;return!1}return!1}},u={boss2619:function(t,e){var n=i.libs.jQuery,o=n. Param({BossId:"2619",CheckSum:"1312852225",sIp:"",iQQ:i.userinfo.qq||"",sOp:t||"",sDomain:window.location.hostname||" ",sUrl:window.location.href||""",sRef:window.document.referrer||"",vid:e||"",_dc:""+Math.random()});(new Image ).src="http://btrace.qq.com/kvcollect?"+o}};t={getVideoListByCoverId:e,getLikeVideoList:n,autoPlaySign:a,playingSign:l,playingGlobalSign:s,miniUnMuteSign:r, Trace:u},i.fn=t}(window.dc_related_video),function(i){var t={},e=!1;t.getPlayerSize=function(){return e?{width:i.dom .$player_mod.width(),height:i.dom.$player_mod.height()}:void 0},t.setPlayerModId=function(t){i.dom.$player_mod.attr("id",t) },t.setTitle=function(t,e){return i.dom.$title.html(t).attr("href",e)};var n=function(){var t="enabled", e=function(){i.dom.$autoplay_sw.attr("bosszone",function(){return o()?"bofang_button_close":"bofang_button_open"})},n=function(n){i.dom. $autoplay_sw[n?"addClass" :"removeClass"](t),e()},o=function(){return i.dom.$autoplay_sw.hasClass(t)},a=function(n){var a=i.dom.$autoplay_sw ;a.on("click",function(){a.toggleClass(t),"function"==typeof n&&n.call(null,o()),e()})};return{bind:a, setStatus:n,getStatus:o,updateBosszone:e}}();t.autoPlaySW=n;var o=function(){var t,e,n,o,a,l,r=function(){p( ), i.dom.$playlist_next.on("click",function(){c("forward")}),i.dom.$playlist_prev.on("click",function(){c("backward" }}), i.dom.$playlist_scol.on("scroll",i.utils.throttle(function(){var e=i.dom.$playlist_scol.scrollLeft(),n="disabled";0== =e||e===a||0>=a?(0===e&&i.dom.$playlist_prev.addClass(n),(e===a||0>=a)&&i.dom. $playlist_next.addClass(n)):i.dom.$playlist_ctrl.removeClass(n),-1!==navigator.appVersion.indexOf("MSIE 7.")&&t.css("visibility","inherit") .css("visibility","visible")},50)),i.dom.$playlist_scol.trigger("scroll")},s=function(t){i.dom.$playlist_scol.stop(). Animate({scrollLeft:parseInt(t,10)},500)},u=function(o){if(!(0>o||o>e-1)){var a=i.dom.$playlist_scol ;$item =t.filter(":eq("+o+")"),s(a.scrollLeft()+$item.position().left-a.width()/2+n/2),l=o }},d=function(i){var e="current";t.find("> a."+e).removeClass(e),t.filter(":eq("+i+")") .find("> a ").addClass(e)},c=function(t){var e,o=i.dom.$playlist_scol,l=o.scrollLeft(),r=Math.round(.7o .width());"forward"===t?e=l+r:"backward"===t&&(e=lr),n>e?e=0:e>an&&(e=a), s(e)},p=function(){t=i.dom.$playlist_list.find("> li"),e=t.length,n=t.filter(":eq(0)"). outerWidth(!0),o=i.dom.$playlist_scol.width()/n,i.dom.$playlist_list.css("width",en),a=i.dom.$playlist_list.outerWidth(!0 )-i.dom.$playlist_scol.width()};return{init:r,setCurrentToIdx:d,scrollToItemIdx:u,forward:function(){c("forward")},backward:function(){c( "backward")}, hide:function(){return i.dom.$playlist_node.slideUp(300)},update:p}}();t.playlist=o;var a=function(){var t, e=!1,n=function(){var t=i.libs.jQuery,e={};e.top=i.dom.$root.offset().top,e.btm=e.top+ I.dom.$root.height();var n={height:t(window).height(),scrollTop:t(window).scrollTop()},o=e.top>=n.scroll Top&&n.scrollTop+n.height>=e.top,a=e.btm>=n.scrollTop&&n.scrollTop+n.height>=e.btm,l=e.top=d;c?(s=0- r/2-i.dom.$player_wrap.width()-10,u="50%"):(s=0,u=0),i.dom.$player_wrap.css({"margin-left" :s,left:u})}}"1"!==i.fn.miniUnMuteSign.get()&&i.player.setFlashVolume(0)}i.player.resizePlayer(),i.dom.$player_wrap.css ("visibility","visible"),t=l}},100),l=function(){if(!i.utils.browser.isIe6orLower()){var t=i.libs.jQuery;t( Window).scroll(a),t(window).resize(a),i.dom.$player_mini_ctrl.on("click","a[data-action=close]",function(t){t.preventDefault (),e=!0,a(),i.player&&i.player.tvp_player_obj&&i.player.tvp_player_obj.pause&&i.player.tvp_player_obj.pause()}),i.dom.$player_mini_ctrl.on("click"," a[data-action=resize]",function(t){t.preventDefault(),i.dom.$player_wrap.toggleClass("rv-player-mini-big"),i.player.resizePlayer()}) ;var n=i.dom.$player_mini_ctrl.find("a[data-action=mute]"),o=function(){var t=i.player.getFlashVolume();"number"==typeof t? n.removeClass("mute-off mute-on").addClass(0===t?"mute-on ":"mute-off"):n.hide()};o(),n.click(function(){var t=0===i.player.getFlashVolume();i.player.setFlashVolume(t ?80:0,!0)}),i.player.bind("onvolumechange",function(){o(),i.sign.vol_change_by_prog||(i.player.getFlashVolume()>0?i.fn .miniUnMuteSign.on():i.fn.miniUnMuteSign.off())})}}; return {detectVisible:n,init:l}}();t.scrollPlay=a,t.init=function(){ Var t=i.libs.jQuery;i.dom.$root=t(".rv-js-root"),i.dom.$title=i.dom.$root.find(".rv-title a "),i.dom.$autoplay_sw=i.dom.$root.find(".rv-js-autoplay"),i.dom.$player_wrap=i.dom.$root.find(".rv-player -wrap"),i.dom.$player_mod=i.dom.$player_wrap.find(".rv-player-mod"),i.dom.$player_mini_ctrl=i.dom.$player_wrap.find(".rv -player-mini-ctrl"),i.dom.$playlist_node=i.dom.$root.find(".rv-playlist"),i.dom.$playlist_scol=i.dom.$playlist_node.find(" .rv-playlist-scroller"),i.dom.$playlist_list=i.dom.$playlist_node.find("ol.rv-playlist-list"),i.dom.$playlist_ctrl=i.dom.$playlist_node. Find(".rv-playlist-ctrl a"),i.dom.$playlist_prev=i.dom.$playlist_ctrl.filter(".pr Ev"),i.dom.$playlist_next=i.dom.$playlist_ctrl.filter(".next");var n=["nba"];window.ARTICLE_INFO&&~t.inArray(window.ARTICLE_INFO.sub_nav,n }&&(i.dom.$root.addClass("rv-adjust-wide-article"),t(window).resize(i.utils.throttle(function(){i.player&&i.player.resizePlayer&&i.player. resizePlayer()},50))),e=!0},i.ui=t}(window.dc_related_video),function(i){var t,e,n={},o={},a= {},l=function(){var i=function(i){return function(){for(var t=0;t=t&&t+518>i}function n(){e()&&!r&&(i .utils.loadTvp(l),r=!0)}var o=t;i.libs.$=i.libs.jQuery=t,i.utils.debug_log("jquery version is ",i.libs.$ ().jquery),i.userinfo={qq:i.utils.cookie.get("o_cookie")||null},i.config.autoplay_cookie={key:"aboutVideo_v",domain:".qq.com ",path:"/",expires:90},i.config.playing_cookie={key:"dc_vplaying",domain:".qq.com",path:"/",expires:function(){return new Date ((new Date).getTime()+72e5)}},i.config.mini_unmute={key:"rv_mini_unmute",domain:".qq.com",path:"/",expires:1},i. Sign.autoplay=function(){return window.preventAutoPlay===!0?!1:! 0===i.fn.playingGlobalSign.isAnyonePlaying()?!1:"0"===i.fn.autoPlaySign.get()?!1:!("1"===i.fn.playingSign. Get()&&!/\bQQBrowser/i.test(window.navigator.userAgent))}(),i.utils.debug_log("auto play sign: ",i.sign.autoplay),i.ui.init( );var a=function(t){if(t!==i.modName&&i.player.tvp_player_obj)if(i.sign.autoplay=!1,i.utils.debug_log("tring to pause by event... .),i.sign.playstatus&&"play"!==i.sign.playstatus)if("ad"===i.sign.playstatus){i.utils.debug_log("paused(stopvideo) by event" );try{i.player.tvp_player_obj.getPlayer().stopVideo()}catch(e){}}else{i.utils.debug_log("paused by event");try{i.player.tvp_player_obj.pause( }} catch(e){}}else"tostart"==t?i.player.tvp_player_obj.getPlayer().stopVideo():(i.utils.debug_log("will stop after __addlstart or playing"),i. sign.pauseWhenPlay=!0)},l=function(t){i.libs.tvp=t;var n="related_video_info";if(!window[n]||!window[n].vid)return void I.utils.debug_log("Error: related_video_info not found.");i.vinfo=window[n],i.sign.automute=function(){return!!win dow.isRelvideoMute}(),i.utils.debug_log("auto mute sign: ",i.sign.automute);var l="tvp-mod-player-"+i.vinfo.vid;i.ui.setPlayerModId (l), i.libs.$(window).on("video:pause",function(t,e){i.utils.debug_log("received custom event from ",e),a(e)}) ,i.config.tvp_player={modId:l,autoplay:i.sign.autoplay,loadingadAutoplay:window.preventAutoPlay===!0?!1:i.sign.autoplay,vodFlashSkin:"http://imgcache.qq .com/minivideo_v1/vd/res/skins/TencentPlayerMiniSkin.swf",pic:i.sign.autoplay?"":i.vinfo.pic,flashWmode:"transparent",vodFlashExtVars:{ptag:window.TEN_VIDEO_PTAG||" ",clientbar:0},plugins:{AppBanner:!1,AppRecommend:!1,AppFollow:!1}},i.player.playByVid(i.vinfo.vid),i.ui.setTitle(i.vinfo. Title,i.vinfo.url),i.sign.first_trace_reported=!1,i.player.bind(i.sign.autoplay?"onplay":"onplaying",function(){i.sign.first_trace_reported||i .fn.trace.boss2619(i.sign.autoplay?"first_auto":"first_click",i.vinfo.vid),i.sign.first_trace_reported=!0});var r=!1;i.player.bind ("onplaying",function(){r||i.ui.scrollPlay.init(), r=!0}),i.videos=[];var s=null,u=function(t){t||i.ui.playlist.hide(),s&&clearTimeout(s),i.videos.push( I.vinfo), o.each(t,function(t,e){e.vid!==i.vinfo.vid&&i.videos.push(e)}),i.utils.debug_log(i.videos); Var n="";o.each(i.videos,function(t,e){e.title.replace(/[^\x00-\xff]/gi,"").length>40?e.stitle =i.utils.cutstr2(e.title,40)+"...":e.stitle=e.title,n+="",n+=" ",n+=" ",n+=" ",n+=" ",n+=""}),i.dom.$playlist_list.html(n),i.ui.playlist.init();var a=function(t){if(t){var e,n;return o.each(i.videos,function(i,o){return o.vid===t?(e=o,n=i,!1):void 0}),e&&(e .idx=n),e}},l=function(t){if(!(0>t||t>i.videos.length-1)){var e=i.videos[t];i. player.playByVid(e.vid),i.ui.playlist.setCurrentToIdx(t),i.ui.playlist.scrollToItemIdx(t),i.ui.setTitle(e.title,e.url)}};i. Dom.$playlist_list.on("click","a[data-vid]",function(t){t.preventDefault();var e=o(this).attr("data-vid"),n= a(e);l(n.idx),i.fn.trace.boss2619("user_click",e)}),i.player.bind("ongetnext",function(t){i.utils.debug_log( "event: ongetnext");var n=a(t),o=n.idx+1,r=e();o

It's almost impossible to kill Android right away

Let me talk about whether it can kill Android right away. As Android, which currently occupies 84.1% of the mobile operating system market share, even fragmentation will not be replaced by Fuchsia in a short period of time. What's more, Android 7.0, which was just released this year, has not yet been widely used. Spread out, Google certainly does not want to waste their previous efforts are not it? It is obviously irrational if you simply abandon "yet-rooted" Android in order to push a new operating system.

In addition, developing a system that is difficult for mobile operating systems can be much more difficult than developing a software. And for Android, its situation is more complicated and needs to run on a variety of smart phones, tablet computers and other devices, and this data has reached as many as 1.5 billion units worldwide, which is for the operation The system requires very high compatibility requirements.

Of course, even if this set of systems is developed, there must be a large number of applications to match them. Only in this way can the maximum effect of this system be realized. If it is said that only the system is not applied, it is no different from the "Commander of Light Rods" on the battlefield. Behind Android has a global installed base of 1.5 billion units, there are a total of over 1.4 million applications that are "assisted." Google that gave up on Android is tantamount to smashing one arm, and if the new system Fuchsia really wants to win Android, I'm afraid I have to practice for at least four or five years.

Most new systems are ready for the Internet of Things

In fact, more people in the tech world believe that Google's newly developed Fuchsia system is more inclined to prepare for the launch of the Internet of Things.

Judging from the only news currently available, the new Fuchsia system is not based on Linux. We know that Android and Chrome OS are developed based on the Linux kernel, while Fuchsia has two kernels "LittleKernel" and "Magenta".

The "LittleKernel" is aimed at small systems for embedded applications and can be used for small devices such as the Internet of Things. "Magenta" is developed from "LittleKernel" and has more extensibility and is compatible with smartphones and PCs. Other devices, such as powerful processors and large-capacity memory, usually perform open operations.

In addition, since Linux is not the best platform for the development of operating systems for embedded devices (like onboard systems, GPS navigation, and some Internet of Things devices), Fuchsia is targeting embedded devices. When developing, it is easier to expand. Compatible with Internet of Things devices, but also to meet mobile phones and computer equipment, Google but for the new system Fuchsia made a lot of calculations. Of course, if you look in the opposite direction, it will be discovered that most of Google’s launch of the new system is also intended to be a pre-emptive position in the future of the Internet of Things.

Fuschia means fusion?

On the GitHub home page, Google introduced Fuchsia in this way: "Pink + Purple = Fuchsia (a new Operating System)".

In a literal sense, Fuschia means "purple", which means "purple + red", representing the integration of the two systems. Currently, Chrome OS can run Android applications well, so further integration of the two systems is not impossible. Before Google, Microsoft had already demonstrated their leadership role. They integrated Windows 10 with Windows 10 Mobie, taking the lead in starting a unified system and allowing some applications to run on both devices simultaneously.

In addition, Fuchsia's user interface color scheme uses the concept of “Material Design UI”. The operating system supports 32-bit, 64-bit ARM processors and 64-bit PC processors, which means that both mobile phones and computers can be used.

Let's dig a bit deeper into the background of the project's main contributors, Travis Geiselbrecht and Brian Swetland, and we can see that they are the main developers of the Android system. Before the development of WebOS and BeOS, they had also made contributions. In another Lenovo media report at the end of October last year, Google may merge Android and Chrome OS in 2017 (even if we look at the merger from 2017 to now, basically, there is no significant game). This kind of "coincidence" collides with Google. Will the foreshadowing of us be referring to the new system Fuchsia?

Apple, by contrast, seems to be a bit of a counter-tongue and maintains its independence in the operating system: iOS for smartphones and tablets, and macOS for Macs. Tim Cook, Apple’s chief executive, also made it clear that combining the two "has to do with trade-offs so that they can't get their best experience."

If you say, Fuschia's emergence can really open up different platforms and different devices for data transmission, and a program can run on any device, then the efficiency of the entire Internet will be greatly enhanced, and the work of programmers will also be greatly increased. Reduce.

It is also the same thing that causes us to worry. It is extremely difficult for different platforms and devices to be unified in reality. Even if there are practical methods like Fuschia in the future, it will take a lot of time to integrate. Need to be heavily verified by developers and markets.

.wxdigi { padding:20px 0; border-top: 1px dotted DBDBDB; }