kejun

var DIRECTIVE_SET      = '$set';
var DIRECTIVE_PUSH     = '$push';
var DIRECTIVE_UNSHIFT  = '$unshift';
var DIRECTIVE_SPLICE   = '$splice';
var DIRECTIVE_MERGE    = '$merge';
var ALL_DIRECTIVES_SET = {};

ALL_DIRECTIVES_SET[DIRECTIVE_SET]     = true;
ALL_DIRECTIVES_SET[DIRECTIVE_PUSH]    = true;
ALL_DIRECTIVES_SET[DIRECTIVE_UNSHIFT] = true;

kejun

html,body {
  margin: 0;
  min-height: 100%;
}

body:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;

kejun

body {
  padding: 2em 0;
  font: 14px/1.5 sans-serif;
  text-align: center;
}

section {
  margin-bottom: 5em;
}

kejun

img {
  position: absolute;
  margin: auto;
  top: -1000em;
  bottom: -1000em;
  left: -1000em;
  right: -1000em;
}

kejun

img {
  position: absolute;
  margin: auto;
  top: -100em;
  bottom: -100em;
  left: -100em;
  right: -100em;
}

kejun

/* thumb截中间区域 */

body {
  text-align: center;
}

.thumb {
  position: relative;
  width: 20em;
  margin:2em auto;

kejun

html,body { height:100%;}
body {
  display: flex;
  justify-content: center;
  align-items: center;
}

.rect {
  position: relative;
  width: 20em;

kejun

javascript:(function(){
var loader = function(url,cb) {
  var script = document.createElement('script');
  script.setAttribute('type', 'text/javascript');
  script.setAttribute('src', url);
  script.onload = script.onreadystatechange = function() {
    if (!this.readyState ||
        this.readyState === 'loaded' ||
        this.readyState === 'complete') {
      setTimeout(function(){

kejun

body {
  text-align: center;
}

.pyramid {
  position: relative;
  padding-right: 6px;
  width: 28em;
  height: 20em;
  margin: auto;

kejun

/**/