HTML5 CSS3构造很棒的三维街景动画

Endless City with cars on the road

html5, street

《使用js把svg图形转成png图像》申请公开！

第三方库
作品简介 3627
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

编译

CSS

/* Block placement */

.b1 .top {
    background-image: linear-gradient(transparent 34px, #777 34px, #777 35px), linear-gradient(90deg, transparent 34px, #777 34px, #777 35px);
    background-size: 35px 35px;
}
.b2 .top {
    background-image: linear-gradient(transparent 34px, #777 34px, #777 35px), linear-gradient(90deg, transparent 34px, #777 34px, #777 35px);
    background-size: 35px 35px;
}
.b3 .top {
    background-image: linear-gradient(transparent 34px, #777 34px, #777 35px), linear-gradient(90deg, transparent 34px, #777 34px, #777 35px);
    background-size: 35px 35px;
    background-position: 0 14px;
}
.b31 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b32 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b33 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b34 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b35 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b36 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b37 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b38 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b39 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b40 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b41 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b42 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b43 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b44 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b45 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b46 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b47 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b48 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b49 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b50 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b51 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b52 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b53 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b54 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b55 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b56 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b57 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b58 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b59 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b60 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b61 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b62 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b63 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b64 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b65 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b66 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b67 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b68 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b69 .right {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b70 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b71 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b72 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b73 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b74 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b75 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b76 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b77 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b78 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b79 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b80 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b81 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b82 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b83 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b84 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b85 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b86 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b87 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b88 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b89 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b90 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b91 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b92 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b93 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b94 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b95 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b96 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b97 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b98 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b99 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b100 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b101 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b102 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b103 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b104 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b105 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b106 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b107 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b108 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b109 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b110 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b111 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b112 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b113 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b114 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b115 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b116 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b117 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b118 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b119 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b120 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b121 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b122 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b123 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b124 .left {
    background-image: linear-gradient(0deg, #444 14px, transparent 14px, transparent 21px);
    background-size: 100% 21px;
}
.b127 .front,
.b128 .front {
    background-image: radial-gradient(5.25px 5.25px at 50% 4.2px, #440000 50%, rgba(0, 0, 0, 0) 50%), radial-gradient(5.25px 5.25px at 50% 3.15px, #ffcc00 50%, rgba(0, 0, 0, 0) 50%), radial-gradient(5.25px 5.25px at 50% 11.2px, #444400 50%, rgba(0, 0, 0, 0) 50%), radial-gradient(5.25px 5.25px at 50% 10.15px, #ffcc00 50%, rgba(0, 0, 0, 0) 50%), radial-gradient(5.25px 5.25px at 50% 18.2px, #00ff66 50%, rgba(0, 0, 0, 0) 50%), radial-gradient(5.25px 5.25px at 50% 17.15px, #ffcc00 50%, rgba(0, 0, 0, 0) 50%);
    background-size: 100% 21px;
    background-repeat: no-repeat;
}
.b137 .front {
    background-image: url(/uploads/1703/stick_figure.png);
    background-size: auto 100%;
}
.b138 {
    animation: car1Move 10s linear infinite;
}
.b138 .front {
    background-image: url(/uploads/1703/mini_211.png);
    background-size: 100% auto;
    background-position: 0 40%;
    background-repeat: no-repeat;
}
.b139 {
    animation: car2Move 10s linear infinite;
}
.b139 .front {
    background-image: url(/uploads/1703/trabi.png);
    background-size: 100% auto;
    background-position: 0 100%;
    background-repeat: no-repeat;
}
body {
    height: 100vh;
    margin: 0;
    overflow: hidden;
}
.container {
    background: #cef;
    display: flex;
    margin: auto;
    overflow: hidden;
    position: absolute;
    top: calc(50% - 800px / 2);
    left: calc(50% - 800px / 2);
    width: 800px;
    height: 800px;
    perspective: 800px;
    transform-style: preserve-3d;
}
.surface {
    animation: camera 10s linear infinite;
    display: block;
    width: 273px;
    height: 4305px;
    margin: auto;
    transform-style: preserve-3d;
    transform: translateX(0) translateY(-1723px) translateZ(-1248.45px) rotateX(90deg) rotateZ(0deg);
    will-change: transform;
}
.block {
    display: none;
    transform-style: preserve-3d;
    position: absolute;
    bottom: 0;
}
.block-inner > div {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    position: absolute;
    width: 7px;
    height: 7px;
}
.block-inner {
    position: relative;
    width: 7px;
    transform-style: preserve-3d;
    transform: rotateX(-90deg) translateZ(7px);
}
.back {
    transform: translateZ(-7px) rotateY(180deg);
}
.left {
    transform-origin: center left;
    transform: rotateY(270deg) translateX(-7px);
}
.right {
    transform-origin: top right;
}
.top,
.bottom {
    transform-origin: top center;
}
.b1 {
    display: inherit;
    transform: translate3d(0px, -4305px, 3.5px);
}
.b1 .block-inner div.top,
.b1 .block-inner div.bottom {
    background-color: #aaa;
    width: 70px;
    height: 4305px;
}
.b1 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-4298px);
}
.b1 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-4298px) translateZ(3.5px);
}
.b1 .block-inner div.front,
.b1 .block-inner div.back {
    background-color: #959595;
    width: 70px;
    height: 3.5px;
}
.b1 .block-inner div.front {
    transform: translateZ(4298px);
}
.b1 .block-inner div.left,
.b1 .block-inner div.right {
    background-color: gray;
    width: 4305px;
    height: 3.5px;
}
.b1 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -4235px);
}
.b2 {
    display: inherit;
    transform: translate3d(161px, -2030px, 3.5px);
}
.b2 .block-inner div.top,
.b2 .block-inner div.bottom {
    background-color: #aaa;
    width: 112px;
    height: 2030px;
}
.b2 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-2023px);
}
.b2 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-2023px) translateZ(3.5px);
}
.b2 .block-inner div.front,
.b2 .block-inner div.back {
    background-color: #959595;
    width: 112px;
    height: 3.5px;
}
.b2 .block-inner div.front {
    transform: translateZ(2023px);
}
.b2 .block-inner div.left,
.b2 .block-inner div.right {
    background-color: gray;
    width: 2030px;
    height: 3.5px;
}
.b2 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -1918px);
}
.b3 {
    display: inherit;
    transform: translate3d(161px, -4305px, 3.5px);
}
.b3 .block-inner div.top,
.b3 .block-inner div.bottom {
    background-color: #aaa;
    width: 112px;
    height: 2184px;
}
.b3 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-2177px);
}
.b3 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-2177px) translateZ(3.5px);
}
.b3 .block-inner div.front,
.b3 .block-inner div.back {
    background-color: #959595;
    width: 112px;
    height: 3.5px;
}
.b3 .block-inner div.front {
    transform: translateZ(2177px);
}
.b3 .block-inner div.left,
.b3 .block-inner div.right {
    background-color: gray;
    width: 2184px;
    height: 3.5px;
}
.b3 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -2072px);
}
.b4 {
    display: inherit;
    transform: translate3d(70px, -4305px, 0px);
}
.b4 .block-inner div.top,
.b4 .block-inner div.bottom {
    background-color: #444;
    width: 91px;
    height: 4305px;
}
.b4 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-4298px);
}
.b4 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-4298px) translateZ(0px);
}
.b4 .block-inner div.front,
.b4 .block-inner div.back {
    background-color: #3c3c3c;
    width: 91px;
    height: 0px;
}
.b4 .block-inner div.front {
    transform: translateZ(4298px);
}
.b4 .block-inner div.left,
.b4 .block-inner div.right {
    background-color: #333333;
    width: 4305px;
    height: 0px;
}
.b4 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -4214px);
}
.b5 {
    display: inherit;
    transform: translate3d(161px, -2121px, 0px);
}
.b5 .block-inner div.top,
.b5 .block-inner div.bottom {
    background-color: #444;
    width: 112px;
    height: 91px;
}
.b5 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-84px);
}
.b5 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-84px) translateZ(0px);
}
.b5 .block-inner div.front,
.b5 .block-inner div.back {
    background-color: #3c3c3c;
    width: 112px;
    height: 0px;
}
.b5 .block-inner div.front {
    transform: translateZ(84px);
}
.b5 .block-inner div.left,
.b5 .block-inner div.right {
    background-color: #333333;
    width: 91px;
    height: 0px;
}
.b5 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b6 {
    display: inherit;
    transform: translate3d(112px, -1960px, 0.07px);
}
.b6 .block-inner div.top,
.b6 .block-inner div.bottom {
    background-color: #fc0;
    width: 2.31px;
    height: 1960px;
}
.b6 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-1953px);
}
.b6 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-1953px) translateZ(0px);
}
.b6 .block-inner div.front,
.b6 .block-inner div.back {
    background-color: #dfb300;
    width: 2.31px;
    height: 0px;
}
.b6 .block-inner div.front {
    transform: translateZ(1953px);
}
.b6 .block-inner div.left,
.b6 .block-inner div.right {
    background-color: #bf9900;
    width: 1960px;
    height: 0px;
}
.b6 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -1957.69px);
}
.b7 {
    display: inherit;
    transform: translate3d(116.62px, -1960px, 0.07px);
}
.b7 .block-inner div.top,
.b7 .block-inner div.bottom {
    background-color: #fc0;
    width: 2.31px;
    height: 1960px;
}
.b7 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-1953px);
}
.b7 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-1953px) translateZ(0px);
}
.b7 .block-inner div.front,
.b7 .block-inner div.back {
    background-color: #dfb300;
    width: 2.31px;
    height: 0px;
}
.b7 .block-inner div.front {
    transform: translateZ(1953px);
}
.b7 .block-inner div.left,
.b7 .block-inner div.right {
    background-color: #bf9900;
    width: 1960px;
    height: 0px;
}
.b7 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -1957.69px);
}
.b8 {
    display: inherit;
    transform: translate3d(112px, -4305px, 0.07px);
}
.b8 .block-inner div.top,
.b8 .block-inner div.bottom {
    background-color: #fc0;
    width: 2.31px;
    height: 2114px;
}
.b8 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-2107px);
}
.b8 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-2107px) translateZ(0px);
}
.b8 .block-inner div.front,
.b8 .block-inner div.back {
    background-color: #dfb300;
    width: 2.31px;
    height: 0px;
}
.b8 .block-inner div.front {
    transform: translateZ(2107px);
}
.b8 .block-inner div.left,
.b8 .block-inner div.right {
    background-color: #bf9900;
    width: 2114px;
    height: 0px;
}
.b8 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -2111.69px);
}
.b9 {
    display: inherit;
    transform: translate3d(116.62px, -4305px, 0.07px);
}
.b9 .block-inner div.top,
.b9 .block-inner div.bottom {
    background-color: #fc0;
    width: 2.31px;
    height: 2114px;
}
.b9 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-2107px);
}
.b9 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-2107px) translateZ(0px);
}
.b9 .block-inner div.front,
.b9 .block-inner div.back {
    background-color: #dfb300;
    width: 2.31px;
    height: 0px;
}
.b9 .block-inner div.front {
    transform: translateZ(2107px);
}
.b9 .block-inner div.left,
.b9 .block-inner div.right {
    background-color: #bf9900;
    width: 2114px;
    height: 0px;
}
.b9 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -2111.69px);
}
.b10 {
    display: inherit;
    transform: translate3d(126px, -1946px, 0.07px);
}
.b10 .block-inner div.top,
.b10 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 3.5px;
}
.b10 .block-inner div.top {
    transform: rotateX(-90deg) translateY(3.5px);
}
.b10 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(3.5px) translateZ(0px);
}
.b10 .block-inner div.front,
.b10 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 0px;
}
.b10 .block-inner div.front {
    transform: translateZ(-3.5px);
}
.b10 .block-inner div.left,
.b10 .block-inner div.right {
    background-color: #bfbfbf;
    width: 3.5px;
    height: 0px;
}
.b10 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 31.5px);
}
.b11 {
    display: inherit;
    transform: translate3d(245px, -2121px, 0.07px);
}
.b11 .block-inner div.top,
.b11 .block-inner div.bottom {
    background-color: #fff;
    width: 3.5px;
    height: 35px;
}
.b11 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-28px);
}
.b11 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-28px) translateZ(0px);
}
.b11 .block-inner div.front,
.b11 .block-inner div.back {
    background-color: #dfdfdf;
    width: 3.5px;
    height: 0px;
}
.b11 .block-inner div.front {
    transform: translateZ(28px);
}
.b11 .block-inner div.left,
.b11 .block-inner div.right {
    background-color: #bfbfbf;
    width: 35px;
    height: 0px;
}
.b11 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -31.5px);
}
.b12 {
    display: inherit;
    transform: translate3d(70px, -2208.5px, 0.07px);
}
.b12 .block-inner div.top,
.b12 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 3.5px;
}
.b12 .block-inner div.top {
    transform: rotateX(-90deg) translateY(3.5px);
}
.b12 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(3.5px) translateZ(0px);
}
.b12 .block-inner div.front,
.b12 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 0px;
}
.b12 .block-inner div.front {
    transform: translateZ(-3.5px);
}
.b12 .block-inner div.left,
.b12 .block-inner div.right {
    background-color: #bfbfbf;
    width: 3.5px;
    height: 0px;
}
.b12 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 31.5px);
}
.b13 {
    display: inherit;
    transform: translate3d(77px, -2023px, 0.07px);
}
.b13 .block-inner div.top,
.b13 .block-inner div.bottom {
    background-color: #fff;
    width: 7px;
    height: 49px;
}
.b13 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-42px);
}
.b13 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-42px) translateZ(0px);
}
.b13 .block-inner div.front,
.b13 .block-inner div.back {
    background-color: #dfdfdf;
    width: 7px;
    height: 0px;
}
.b13 .block-inner div.front {
    transform: translateZ(42px);
}
.b13 .block-inner div.left,
.b13 .block-inner div.right {
    background-color: #bfbfbf;
    width: 49px;
    height: 0px;
}
.b13 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b14 {
    display: inherit;
    transform: translate3d(91px, -2023px, 0.07px);
}
.b14 .block-inner div.top,
.b14 .block-inner div.bottom {
    background-color: #fff;
    width: 7px;
    height: 49px;
}
.b14 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-42px);
}
.b14 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-42px) translateZ(0px);
}
.b14 .block-inner div.front,
.b14 .block-inner div.back {
    background-color: #dfdfdf;
    width: 7px;
    height: 0px;
}
.b14 .block-inner div.front {
    transform: translateZ(42px);
}
.b14 .block-inner div.left,
.b14 .block-inner div.right {
    background-color: #bfbfbf;
    width: 49px;
    height: 0px;
}
.b14 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b15 {
    display: inherit;
    transform: translate3d(105px, -2023px, 0.07px);
}
.b15 .block-inner div.top,
.b15 .block-inner div.bottom {
    background-color: #fff;
    width: 7px;
    height: 49px;
}
.b15 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-42px);
}
.b15 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-42px) translateZ(0px);
}
.b15 .block-inner div.front,
.b15 .block-inner div.back {
    background-color: #dfdfdf;
    width: 7px;
    height: 0px;
}
.b15 .block-inner div.front {
    transform: translateZ(42px);
}
.b15 .block-inner div.left,
.b15 .block-inner div.right {
    background-color: #bfbfbf;
    width: 49px;
    height: 0px;
}
.b15 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b16 {
    display: inherit;
    transform: translate3d(119px, -2023px, 0.07px);
}
.b16 .block-inner div.top,
.b16 .block-inner div.bottom {
    background-color: #fff;
    width: 7px;
    height: 49px;
}
.b16 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-42px);
}
.b16 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-42px) translateZ(0px);
}
.b16 .block-inner div.front,
.b16 .block-inner div.back {
    background-color: #dfdfdf;
    width: 7px;
    height: 0px;
}
.b16 .block-inner div.front {
    transform: translateZ(42px);
}
.b16 .block-inner div.left,
.b16 .block-inner div.right {
    background-color: #bfbfbf;
    width: 49px;
    height: 0px;
}
.b16 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b17 {
    display: inherit;
    transform: translate3d(133px, -2023px, 0.07px);
}
.b17 .block-inner div.top,
.b17 .block-inner div.bottom {
    background-color: #fff;
    width: 7px;
    height: 49px;
}
.b17 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-42px);
}
.b17 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-42px) translateZ(0px);
}
.b17 .block-inner div.front,
.b17 .block-inner div.back {
    background-color: #dfdfdf;
    width: 7px;
    height: 0px;
}
.b17 .block-inner div.front {
    transform: translateZ(42px);
}
.b17 .block-inner div.left,
.b17 .block-inner div.right {
    background-color: #bfbfbf;
    width: 49px;
    height: 0px;
}
.b17 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b18 {
    display: inherit;
    transform: translate3d(147px, -2023px, 0.07px);
}
.b18 .block-inner div.top,
.b18 .block-inner div.bottom {
    background-color: #fff;
    width: 7px;
    height: 49px;
}
.b18 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-42px);
}
.b18 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-42px) translateZ(0px);
}
.b18 .block-inner div.front,
.b18 .block-inner div.back {
    background-color: #dfdfdf;
    width: 7px;
    height: 0px;
}
.b18 .block-inner div.front {
    transform: translateZ(42px);
}
.b18 .block-inner div.left,
.b18 .block-inner div.right {
    background-color: #bfbfbf;
    width: 49px;
    height: 0px;
}
.b18 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b19 {
    display: inherit;
    transform: translate3d(77px, -2177px, 0.07px);
}
.b19 .block-inner div.top,
.b19 .block-inner div.bottom {
    background-color: #fff;
    width: 7px;
    height: 49px;
}
.b19 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-42px);
}
.b19 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-42px) translateZ(0px);
}
.b19 .block-inner div.front,
.b19 .block-inner div.back {
    background-color: #dfdfdf;
    width: 7px;
    height: 0px;
}
.b19 .block-inner div.front {
    transform: translateZ(42px);
}
.b19 .block-inner div.left,
.b19 .block-inner div.right {
    background-color: #bfbfbf;
    width: 49px;
    height: 0px;
}
.b19 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b20 {
    display: inherit;
    transform: translate3d(91px, -2177px, 0.07px);
}
.b20 .block-inner div.top,
.b20 .block-inner div.bottom {
    background-color: #fff;
    width: 7px;
    height: 49px;
}
.b20 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-42px);
}
.b20 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-42px) translateZ(0px);
}
.b20 .block-inner div.front,
.b20 .block-inner div.back {
    background-color: #dfdfdf;
    width: 7px;
    height: 0px;
}
.b20 .block-inner div.front {
    transform: translateZ(42px);
}
.b20 .block-inner div.left,
.b20 .block-inner div.right {
    background-color: #bfbfbf;
    width: 49px;
    height: 0px;
}
.b20 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b21 {
    display: inherit;
    transform: translate3d(105px, -2177px, 0.07px);
}
.b21 .block-inner div.top,
.b21 .block-inner div.bottom {
    background-color: #fff;
    width: 7px;
    height: 49px;
}
.b21 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-42px);
}
.b21 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-42px) translateZ(0px);
}
.b21 .block-inner div.front,
.b21 .block-inner div.back {
    background-color: #dfdfdf;
    width: 7px;
    height: 0px;
}
.b21 .block-inner div.front {
    transform: translateZ(42px);
}
.b21 .block-inner div.left,
.b21 .block-inner div.right {
    background-color: #bfbfbf;
    width: 49px;
    height: 0px;
}
.b21 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b22 {
    display: inherit;
    transform: translate3d(119px, -2177px, 0.07px);
}
.b22 .block-inner div.top,
.b22 .block-inner div.bottom {
    background-color: #fff;
    width: 7px;
    height: 49px;
}
.b22 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-42px);
}
.b22 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-42px) translateZ(0px);
}
.b22 .block-inner div.front,
.b22 .block-inner div.back {
    background-color: #dfdfdf;
    width: 7px;
    height: 0px;
}
.b22 .block-inner div.front {
    transform: translateZ(42px);
}
.b22 .block-inner div.left,
.b22 .block-inner div.right {
    background-color: #bfbfbf;
    width: 49px;
    height: 0px;
}
.b22 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b23 {
    display: inherit;
    transform: translate3d(133px, -2177px, 0.07px);
}
.b23 .block-inner div.top,
.b23 .block-inner div.bottom {
    background-color: #fff;
    width: 7px;
    height: 49px;
}
.b23 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-42px);
}
.b23 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-42px) translateZ(0px);
}
.b23 .block-inner div.front,
.b23 .block-inner div.back {
    background-color: #dfdfdf;
    width: 7px;
    height: 0px;
}
.b23 .block-inner div.front {
    transform: translateZ(42px);
}
.b23 .block-inner div.left,
.b23 .block-inner div.right {
    background-color: #bfbfbf;
    width: 49px;
    height: 0px;
}
.b23 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b24 {
    display: inherit;
    transform: translate3d(147px, -2177px, 0.07px);
}
.b24 .block-inner div.top,
.b24 .block-inner div.bottom {
    background-color: #fff;
    width: 7px;
    height: 49px;
}
.b24 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-42px);
}
.b24 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-42px) translateZ(0px);
}
.b24 .block-inner div.front,
.b24 .block-inner div.back {
    background-color: #dfdfdf;
    width: 7px;
    height: 0px;
}
.b24 .block-inner div.front {
    transform: translateZ(42px);
}
.b24 .block-inner div.left,
.b24 .block-inner div.right {
    background-color: #bfbfbf;
    width: 49px;
    height: 0px;
}
.b24 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b25 {
    display: inherit;
    transform: translate3d(168px, -2044px, 0.07px);
}
.b25 .block-inner div.top,
.b25 .block-inner div.bottom {
    background-color: #fff;
    width: 49px;
    height: 7px;
}
.b25 .block-inner div.top {
    transform: rotateX(-90deg) translateY(0px);
}
.b25 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(0px) translateZ(0px);
}
.b25 .block-inner div.front,
.b25 .block-inner div.back {
    background-color: #dfdfdf;
    width: 49px;
    height: 0px;
}
.b25 .block-inner div.front {
    transform: translateZ(0px);
}
.b25 .block-inner div.left,
.b25 .block-inner div.right {
    background-color: #bfbfbf;
    width: 7px;
    height: 0px;
}
.b25 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 42px);
}
.b26 {
    display: inherit;
    transform: translate3d(168px, -2058px, 0.07px);
}
.b26 .block-inner div.top,
.b26 .block-inner div.bottom {
    background-color: #fff;
    width: 49px;
    height: 7px;
}
.b26 .block-inner div.top {
    transform: rotateX(-90deg) translateY(0px);
}
.b26 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(0px) translateZ(0px);
}
.b26 .block-inner div.front,
.b26 .block-inner div.back {
    background-color: #dfdfdf;
    width: 49px;
    height: 0px;
}
.b26 .block-inner div.front {
    transform: translateZ(0px);
}
.b26 .block-inner div.left,
.b26 .block-inner div.right {
    background-color: #bfbfbf;
    width: 7px;
    height: 0px;
}
.b26 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 42px);
}
.b27 {
    display: inherit;
    transform: translate3d(168px, -2072px, 0.07px);
}
.b27 .block-inner div.top,
.b27 .block-inner div.bottom {
    background-color: #fff;
    width: 49px;
    height: 7px;
}
.b27 .block-inner div.top {
    transform: rotateX(-90deg) translateY(0px);
}
.b27 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(0px) translateZ(0px);
}
.b27 .block-inner div.front,
.b27 .block-inner div.back {
    background-color: #dfdfdf;
    width: 49px;
    height: 0px;
}
.b27 .block-inner div.front {
    transform: translateZ(0px);
}
.b27 .block-inner div.left,
.b27 .block-inner div.right {
    background-color: #bfbfbf;
    width: 7px;
    height: 0px;
}
.b27 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 42px);
}
.b28 {
    display: inherit;
    transform: translate3d(168px, -2086px, 0.07px);
}
.b28 .block-inner div.top,
.b28 .block-inner div.bottom {
    background-color: #fff;
    width: 49px;
    height: 7px;
}
.b28 .block-inner div.top {
    transform: rotateX(-90deg) translateY(0px);
}
.b28 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(0px) translateZ(0px);
}
.b28 .block-inner div.front,
.b28 .block-inner div.back {
    background-color: #dfdfdf;
    width: 49px;
    height: 0px;
}
.b28 .block-inner div.front {
    transform: translateZ(0px);
}
.b28 .block-inner div.left,
.b28 .block-inner div.right {
    background-color: #bfbfbf;
    width: 7px;
    height: 0px;
}
.b28 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 42px);
}
.b29 {
    display: inherit;
    transform: translate3d(168px, -2100px, 0.07px);
}
.b29 .block-inner div.top,
.b29 .block-inner div.bottom {
    background-color: #fff;
    width: 49px;
    height: 7px;
}
.b29 .block-inner div.top {
    transform: rotateX(-90deg) translateY(0px);
}
.b29 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(0px) translateZ(0px);
}
.b29 .block-inner div.front,
.b29 .block-inner div.back {
    background-color: #dfdfdf;
    width: 49px;
    height: 0px;
}
.b29 .block-inner div.front {
    transform: translateZ(0px);
}
.b29 .block-inner div.left,
.b29 .block-inner div.right {
    background-color: #bfbfbf;
    width: 7px;
    height: 0px;
}
.b29 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 42px);
}
.b30 {
    display: inherit;
    transform: translate3d(168px, -2114px, 0.07px);
}
.b30 .block-inner div.top,
.b30 .block-inner div.bottom {
    background-color: #fff;
    width: 49px;
    height: 7px;
}
.b30 .block-inner div.top {
    transform: rotateX(-90deg) translateY(0px);
}
.b30 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(0px) translateZ(0px);
}
.b30 .block-inner div.front,
.b30 .block-inner div.back {
    background-color: #dfdfdf;
    width: 49px;
    height: 0px;
}
.b30 .block-inner div.front {
    transform: translateZ(0px);
}
.b30 .block-inner div.left,
.b30 .block-inner div.right {
    background-color: #bfbfbf;
    width: 7px;
    height: 0px;
}
.b30 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 42px);
}
.b31 {
    display: inherit;
    transform: translate3d(0px, -4298px, 87.5px);
}
.b31 .block-inner div.top,
.b31 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 154px;
}
.b31 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-147px);
}
.b31 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-147px) translateZ(84px);
}
.b31 .block-inner div.front,
.b31 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 84px;
}
.b31 .block-inner div.front {
    transform: translateZ(147px);
}
.b31 .block-inner div.left,
.b31 .block-inner div.right {
    background-color: #bfbfbf;
    width: 154px;
    height: 84px;
}
.b31 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -119px);
}
.b32 {
    display: inherit;
    transform: translate3d(0px, -4137px, 108.5px);
}
.b32 .block-inner div.top,
.b32 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 77px;
}
.b32 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-70px);
}
.b32 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-70px) translateZ(105px);
}
.b32 .block-inner div.front,
.b32 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 105px;
}
.b32 .block-inner div.front {
    transform: translateZ(70px);
}
.b32 .block-inner div.left,
.b32 .block-inner div.right {
    background-color: #bfbfbf;
    width: 77px;
    height: 105px;
}
.b32 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b33 {
    display: inherit;
    transform: translate3d(0px, -4053px, 108.5px);
}
.b33 .block-inner div.top,
.b33 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 77px;
}
.b33 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-70px);
}
.b33 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-70px) translateZ(105px);
}
.b33 .block-inner div.front,
.b33 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 105px;
}
.b33 .block-inner div.front {
    transform: translateZ(70px);
}
.b33 .block-inner div.left,
.b33 .block-inner div.right {
    background-color: #bfbfbf;
    width: 77px;
    height: 105px;
}
.b33 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b34 {
    display: inherit;
    transform: translate3d(0px, -3969px, 87.5px);
}
.b34 .block-inner div.top,
.b34 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 161px;
}
.b34 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-154px);
}
.b34 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-154px) translateZ(84px);
}
.b34 .block-inner div.front,
.b34 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 84px;
}
.b34 .block-inner div.front {
    transform: translateZ(154px);
}
.b34 .block-inner div.left,
.b34 .block-inner div.right {
    background-color: #bfbfbf;
    width: 161px;
    height: 84px;
}
.b34 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -126px);
}
.b35 {
    display: inherit;
    transform: translate3d(0px, -3801px, 108.5px);
}
.b35 .block-inner div.top,
.b35 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 77px;
}
.b35 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-70px);
}
.b35 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-70px) translateZ(105px);
}
.b35 .block-inner div.front,
.b35 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 105px;
}
.b35 .block-inner div.front {
    transform: translateZ(70px);
}
.b35 .block-inner div.left,
.b35 .block-inner div.right {
    background-color: #bfbfbf;
    width: 77px;
    height: 105px;
}
.b35 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b36 {
    display: inherit;
    transform: translate3d(0px, -3717px, 108.5px);
}
.b36 .block-inner div.top,
.b36 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 77px;
}
.b36 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-70px);
}
.b36 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-70px) translateZ(105px);
}
.b36 .block-inner div.front,
.b36 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 105px;
}
.b36 .block-inner div.front {
    transform: translateZ(70px);
}
.b36 .block-inner div.left,
.b36 .block-inner div.right {
    background-color: #bfbfbf;
    width: 77px;
    height: 105px;
}
.b36 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b37 {
    display: inherit;
    transform: translate3d(0px, -3633px, 87.5px);
}
.b37 .block-inner div.top,
.b37 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 154px;
}
.b37 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-147px);
}
.b37 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-147px) translateZ(84px);
}
.b37 .block-inner div.front,
.b37 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 84px;
}
.b37 .block-inner div.front {
    transform: translateZ(147px);
}
.b37 .block-inner div.left,
.b37 .block-inner div.right {
    background-color: #bfbfbf;
    width: 154px;
    height: 84px;
}
.b37 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -119px);
}
.b38 {
    display: inherit;
    transform: translate3d(0px, -3472px, 108.5px);
}
.b38 .block-inner div.top,
.b38 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 77px;
}
.b38 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-70px);
}
.b38 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-70px) translateZ(105px);
}
.b38 .block-inner div.front,
.b38 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 105px;
}
.b38 .block-inner div.front {
    transform: translateZ(70px);
}
.b38 .block-inner div.left,
.b38 .block-inner div.right {
    background-color: #bfbfbf;
    width: 77px;
    height: 105px;
}
.b38 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b39 {
    display: inherit;
    transform: translate3d(0px, -3388px, 108.5px);
}
.b39 .block-inner div.top,
.b39 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 77px;
}
.b39 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-70px);
}
.b39 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-70px) translateZ(105px);
}
.b39 .block-inner div.front,
.b39 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 105px;
}
.b39 .block-inner div.front {
    transform: translateZ(70px);
}
.b39 .block-inner div.left,
.b39 .block-inner div.right {
    background-color: #bfbfbf;
    width: 77px;
    height: 105px;
}
.b39 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b40 {
    display: inherit;
    transform: translate3d(0px, -3304px, 87.5px);
}
.b40 .block-inner div.top,
.b40 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 161px;
}
.b40 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-154px);
}
.b40 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-154px) translateZ(84px);
}
.b40 .block-inner div.front,
.b40 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 84px;
}
.b40 .block-inner div.front {
    transform: translateZ(154px);
}
.b40 .block-inner div.left,
.b40 .block-inner div.right {
    background-color: #bfbfbf;
    width: 161px;
    height: 84px;
}
.b40 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -126px);
}
.b41 {
    display: inherit;
    transform: translate3d(0px, -3136px, 108.5px);
}
.b41 .block-inner div.top,
.b41 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 77px;
}
.b41 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-70px);
}
.b41 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-70px) translateZ(105px);
}
.b41 .block-inner div.front,
.b41 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 105px;
}
.b41 .block-inner div.front {
    transform: translateZ(70px);
}
.b41 .block-inner div.left,
.b41 .block-inner div.right {
    background-color: #bfbfbf;
    width: 77px;
    height: 105px;
}
.b41 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b42 {
    display: inherit;
    transform: translate3d(0px, -3052px, 108.5px);
}
.b42 .block-inner div.top,
.b42 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 77px;
}
.b42 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-70px);
}
.b42 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-70px) translateZ(105px);
}
.b42 .block-inner div.front,
.b42 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 105px;
}
.b42 .block-inner div.front {
    transform: translateZ(70px);
}
.b42 .block-inner div.left,
.b42 .block-inner div.right {
    background-color: #bfbfbf;
    width: 77px;
    height: 105px;
}
.b42 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b43 {
    display: inherit;
    transform: translate3d(0px, -2968px, 87.5px);
}
.b43 .block-inner div.top,
.b43 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 154px;
}
.b43 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-147px);
}
.b43 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-147px) translateZ(84px);
}
.b43 .block-inner div.front,
.b43 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 84px;
}
.b43 .block-inner div.front {
    transform: translateZ(147px);
}
.b43 .block-inner div.left,
.b43 .block-inner div.right {
    background-color: #bfbfbf;
    width: 154px;
    height: 84px;
}
.b43 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -119px);
}
.b44 {
    display: inherit;
    transform: translate3d(0px, -2807px, 108.5px);
}
.b44 .block-inner div.top,
.b44 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 77px;
}
.b44 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-70px);
}
.b44 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-70px) translateZ(105px);
}
.b44 .block-inner div.front,
.b44 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 105px;
}
.b44 .block-inner div.front {
    transform: translateZ(70px);
}
.b44 .block-inner div.left,
.b44 .block-inner div.right {
    background-color: #bfbfbf;
    width: 77px;
    height: 105px;
}
.b44 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b45 {
    display: inherit;
    transform: translate3d(0px, -2723px, 108.5px);
}
.b45 .block-inner div.top,
.b45 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 77px;
}
.b45 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-70px);
}
.b45 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-70px) translateZ(105px);
}
.b45 .block-inner div.front,
.b45 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 105px;
}
.b45 .block-inner div.front {
    transform: translateZ(70px);
}
.b45 .block-inner div.left,
.b45 .block-inner div.right {
    background-color: #bfbfbf;
    width: 77px;
    height: 105px;
}
.b45 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b46 {
    display: inherit;
    transform: translate3d(0px, -2639px, 87.5px);
}
.b46 .block-inner div.top,
.b46 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 161px;
}
.b46 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-154px);
}
.b46 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-154px) translateZ(84px);
}
.b46 .block-inner div.front,
.b46 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 84px;
}
.b46 .block-inner div.front {
    transform: translateZ(154px);
}
.b46 .block-inner div.left,
.b46 .block-inner div.right {
    background-color: #bfbfbf;
    width: 161px;
    height: 84px;
}
.b46 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -126px);
}
.b47 {
    display: inherit;
    transform: translate3d(0px, -2471px, 108.5px);
}
.b47 .block-inner div.top,
.b47 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 77px;
}
.b47 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-70px);
}
.b47 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-70px) translateZ(105px);
}
.b47 .block-inner div.front,
.b47 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 105px;
}
.b47 .block-inner div.front {
    transform: translateZ(70px);
}
.b47 .block-inner div.left,
.b47 .block-inner div.right {
    background-color: #bfbfbf;
    width: 77px;
    height: 105px;
}
.b47 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b48 {
    display: inherit;
    transform: translate3d(0px, -2387px, 108.5px);
}
.b48 .block-inner div.top,
.b48 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 77px;
}
.b48 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-70px);
}
.b48 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-70px) translateZ(105px);
}
.b48 .block-inner div.front,
.b48 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 105px;
}
.b48 .block-inner div.front {
    transform: translateZ(70px);
}
.b48 .block-inner div.left,
.b48 .block-inner div.right {
    background-color: #bfbfbf;
    width: 77px;
    height: 105px;
}
.b48 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b49 {
    display: inherit;
    transform: translate3d(0px, -2303px, 87.5px);
}
.b49 .block-inner div.top,
.b49 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 140px;
}
.b49 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-133px);
}
.b49 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-133px) translateZ(84px);
}
.b49 .block-inner div.front,
.b49 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 84px;
}
.b49 .block-inner div.front {
    transform: translateZ(133px);
}
.b49 .block-inner div.left,
.b49 .block-inner div.right {
    background-color: #bfbfbf;
    width: 140px;
    height: 84px;
}
.b49 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -105px);
}
.b50 {
    display: inherit;
    transform: translate3d(0px, -2156px, 108.5px);
}
.b50 .block-inner div.top,
.b50 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 77px;
}
.b50 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-70px);
}
.b50 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-70px) translateZ(105px);
}
.b50 .block-inner div.front,
.b50 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 105px;
}
.b50 .block-inner div.front {
    transform: translateZ(70px);
}
.b50 .block-inner div.left,
.b50 .block-inner div.right {
    background-color: #bfbfbf;
    width: 77px;
    height: 105px;
}
.b50 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b51 {
    display: inherit;
    transform: translate3d(0px, -2072px, 108.5px);
}
.b51 .block-inner div.top,
.b51 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 77px;
}
.b51 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-70px);
}
.b51 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-70px) translateZ(105px);
}
.b51 .block-inner div.front,
.b51 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 105px;
}
.b51 .block-inner div.front {
    transform: translateZ(70px);
}
.b51 .block-inner div.left,
.b51 .block-inner div.right {
    background-color: #bfbfbf;
    width: 77px;
    height: 105px;
}
.b51 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b52 {
    display: inherit;
    transform: translate3d(0px, -1988px, 87.5px);
}
.b52 .block-inner div.top,
.b52 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 154px;
}
.b52 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-147px);
}
.b52 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-147px) translateZ(84px);
}
.b52 .block-inner div.front,
.b52 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 84px;
}
.b52 .block-inner div.front {
    transform: translateZ(147px);
}
.b52 .block-inner div.left,
.b52 .block-inner div.right {
    background-color: #bfbfbf;
    width: 154px;
    height: 84px;
}
.b52 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -119px);
}
.b53 {
    display: inherit;
    transform: translate3d(0px, -1827px, 108.5px);
}
.b53 .block-inner div.top,
.b53 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 77px;
}
.b53 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-70px);
}
.b53 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-70px) translateZ(105px);
}
.b53 .block-inner div.front,
.b53 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 105px;
}
.b53 .block-inner div.front {
    transform: translateZ(70px);
}
.b53 .block-inner div.left,
.b53 .block-inner div.right {
    background-color: #bfbfbf;
    width: 77px;
    height: 105px;
}
.b53 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b54 {
    display: inherit;
    transform: translate3d(0px, -1743px, 108.5px);
}
.b54 .block-inner div.top,
.b54 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 77px;
}
.b54 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-70px);
}
.b54 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-70px) translateZ(105px);
}
.b54 .block-inner div.front,
.b54 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 105px;
}
.b54 .block-inner div.front {
    transform: translateZ(70px);
}
.b54 .block-inner div.left,
.b54 .block-inner div.right {
    background-color: #bfbfbf;
    width: 77px;
    height: 105px;
}
.b54 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b55 {
    display: inherit;
    transform: translate3d(0px, -1659px, 87.5px);
}
.b55 .block-inner div.top,
.b55 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 161px;
}
.b55 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-154px);
}
.b55 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-154px) translateZ(84px);
}
.b55 .block-inner div.front,
.b55 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 84px;
}
.b55 .block-inner div.front {
    transform: translateZ(154px);
}
.b55 .block-inner div.left,
.b55 .block-inner div.right {
    background-color: #bfbfbf;
    width: 161px;
    height: 84px;
}
.b55 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -126px);
}
.b56 {
    display: inherit;
    transform: translate3d(0px, -1491px, 108.5px);
}
.b56 .block-inner div.top,
.b56 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 77px;
}
.b56 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-70px);
}
.b56 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-70px) translateZ(105px);
}
.b56 .block-inner div.front,
.b56 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 105px;
}
.b56 .block-inner div.front {
    transform: translateZ(70px);
}
.b56 .block-inner div.left,
.b56 .block-inner div.right {
    background-color: #bfbfbf;
    width: 77px;
    height: 105px;
}
.b56 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b57 {
    display: inherit;
    transform: translate3d(0px, -1407px, 108.5px);
}
.b57 .block-inner div.top,
.b57 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 77px;
}
.b57 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-70px);
}
.b57 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-70px) translateZ(105px);
}
.b57 .block-inner div.front,
.b57 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 105px;
}
.b57 .block-inner div.front {
    transform: translateZ(70px);
}
.b57 .block-inner div.left,
.b57 .block-inner div.right {
    background-color: #bfbfbf;
    width: 77px;
    height: 105px;
}
.b57 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b58 {
    display: inherit;
    transform: translate3d(0px, -1323px, 87.5px);
}
.b58 .block-inner div.top,
.b58 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 154px;
}
.b58 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-147px);
}
.b58 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-147px) translateZ(84px);
}
.b58 .block-inner div.front,
.b58 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 84px;
}
.b58 .block-inner div.front {
    transform: translateZ(147px);
}
.b58 .block-inner div.left,
.b58 .block-inner div.right {
    background-color: #bfbfbf;
    width: 154px;
    height: 84px;
}
.b58 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -119px);
}
.b59 {
    display: inherit;
    transform: translate3d(0px, -1162px, 108.5px);
}
.b59 .block-inner div.top,
.b59 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 77px;
}
.b59 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-70px);
}
.b59 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-70px) translateZ(105px);
}
.b59 .block-inner div.front,
.b59 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 105px;
}
.b59 .block-inner div.front {
    transform: translateZ(70px);
}
.b59 .block-inner div.left,
.b59 .block-inner div.right {
    background-color: #bfbfbf;
    width: 77px;
    height: 105px;
}
.b59 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b60 {
    display: inherit;
    transform: translate3d(0px, -1078px, 108.5px);
}
.b60 .block-inner div.top,
.b60 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 77px;
}
.b60 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-70px);
}
.b60 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-70px) translateZ(105px);
}
.b60 .block-inner div.front,
.b60 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 105px;
}
.b60 .block-inner div.front {
    transform: translateZ(70px);
}
.b60 .block-inner div.left,
.b60 .block-inner div.right {
    background-color: #bfbfbf;
    width: 77px;
    height: 105px;
}
.b60 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b61 {
    display: inherit;
    transform: translate3d(0px, -994px, 87.5px);
}
.b61 .block-inner div.top,
.b61 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 161px;
}
.b61 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-154px);
}
.b61 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-154px) translateZ(84px);
}
.b61 .block-inner div.front,
.b61 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 84px;
}
.b61 .block-inner div.front {
    transform: translateZ(154px);
}
.b61 .block-inner div.left,
.b61 .block-inner div.right {
    background-color: #bfbfbf;
    width: 161px;
    height: 84px;
}
.b61 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -126px);
}
.b62 {
    display: inherit;
    transform: translate3d(0px, -826px, 108.5px);
}
.b62 .block-inner div.top,
.b62 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 77px;
}
.b62 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-70px);
}
.b62 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-70px) translateZ(105px);
}
.b62 .block-inner div.front,
.b62 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 105px;
}
.b62 .block-inner div.front {
    transform: translateZ(70px);
}
.b62 .block-inner div.left,
.b62 .block-inner div.right {
    background-color: #bfbfbf;
    width: 77px;
    height: 105px;
}
.b62 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b63 {
    display: inherit;
    transform: translate3d(0px, -742px, 108.5px);
}
.b63 .block-inner div.top,
.b63 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 77px;
}
.b63 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-70px);
}
.b63 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-70px) translateZ(105px);
}
.b63 .block-inner div.front,
.b63 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 105px;
}
.b63 .block-inner div.front {
    transform: translateZ(70px);
}
.b63 .block-inner div.left,
.b63 .block-inner div.right {
    background-color: #bfbfbf;
    width: 77px;
    height: 105px;
}
.b63 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b64 {
    display: inherit;
    transform: translate3d(0px, -658px, 87.5px);
}
.b64 .block-inner div.top,
.b64 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 154px;
}
.b64 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-147px);
}
.b64 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-147px) translateZ(84px);
}
.b64 .block-inner div.front,
.b64 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 84px;
}
.b64 .block-inner div.front {
    transform: translateZ(147px);
}
.b64 .block-inner div.left,
.b64 .block-inner div.right {
    background-color: #bfbfbf;
    width: 154px;
    height: 84px;
}
.b64 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -119px);
}
.b65 {
    display: inherit;
    transform: translate3d(0px, -497px, 108.5px);
}
.b65 .block-inner div.top,
.b65 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 77px;
}
.b65 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-70px);
}
.b65 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-70px) translateZ(105px);
}
.b65 .block-inner div.front,
.b65 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 105px;
}
.b65 .block-inner div.front {
    transform: translateZ(70px);
}
.b65 .block-inner div.left,
.b65 .block-inner div.right {
    background-color: #bfbfbf;
    width: 77px;
    height: 105px;
}
.b65 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b66 {
    display: inherit;
    transform: translate3d(0px, -413px, 108.5px);
}
.b66 .block-inner div.top,
.b66 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 77px;
}
.b66 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-70px);
}
.b66 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-70px) translateZ(105px);
}
.b66 .block-inner div.front,
.b66 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 105px;
}
.b66 .block-inner div.front {
    transform: translateZ(70px);
}
.b66 .block-inner div.left,
.b66 .block-inner div.right {
    background-color: #bfbfbf;
    width: 77px;
    height: 105px;
}
.b66 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b67 {
    display: inherit;
    transform: translate3d(0px, -329px, 87.5px);
}
.b67 .block-inner div.top,
.b67 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 161px;
}
.b67 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-154px);
}
.b67 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-154px) translateZ(84px);
}
.b67 .block-inner div.front,
.b67 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 84px;
}
.b67 .block-inner div.front {
    transform: translateZ(154px);
}
.b67 .block-inner div.left,
.b67 .block-inner div.right {
    background-color: #bfbfbf;
    width: 161px;
    height: 84px;
}
.b67 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -126px);
}
.b68 {
    display: inherit;
    transform: translate3d(0px, -161px, 108.5px);
}
.b68 .block-inner div.top,
.b68 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 77px;
}
.b68 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-70px);
}
.b68 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-70px) translateZ(105px);
}
.b68 .block-inner div.front,
.b68 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 105px;
}
.b68 .block-inner div.front {
    transform: translateZ(70px);
}
.b68 .block-inner div.left,
.b68 .block-inner div.right {
    background-color: #bfbfbf;
    width: 77px;
    height: 105px;
}
.b68 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b69 {
    display: inherit;
    transform: translate3d(0px, -77px, 108.5px);
}
.b69 .block-inner div.top,
.b69 .block-inner div.bottom {
    background-color: #fff;
    width: 35px;
    height: 77px;
}
.b69 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-70px);
}
.b69 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-70px) translateZ(105px);
}
.b69 .block-inner div.front,
.b69 .block-inner div.back {
    background-color: #dfdfdf;
    width: 35px;
    height: 105px;
}
.b69 .block-inner div.front {
    transform: translateZ(70px);
}
.b69 .block-inner div.left,
.b69 .block-inner div.right {
    background-color: #bfbfbf;
    width: 77px;
    height: 105px;
}
.b69 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -42px);
}
.b70 {
    display: inherit;
    transform: translate3d(196px, -4305px, 87.5px);
}
.b70 .block-inner div.top,
.b70 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 84px;
}
.b70 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-77px);
}
.b70 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-77px) translateZ(84px);
}
.b70 .block-inner div.front,
.b70 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 84px;
}
.b70 .block-inner div.front {
    transform: translateZ(77px);
}
.b70 .block-inner div.left,
.b70 .block-inner div.right {
    background-color: #bfbfbf;
    width: 84px;
    height: 84px;
}
.b70 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -7px);
}
.b71 {
    display: inherit;
    transform: translate3d(196px, -4214px, 108.5px);
}
.b71 .block-inner div.top,
.b71 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b71 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b71 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b71 .block-inner div.front,
.b71 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b71 .block-inner div.front {
    transform: translateZ(49px);
}
.b71 .block-inner div.left,
.b71 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b71 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b72 {
    display: inherit;
    transform: translate3d(196px, -4151px, 108.5px);
}
.b72 .block-inner div.top,
.b72 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b72 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b72 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b72 .block-inner div.front,
.b72 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b72 .block-inner div.front {
    transform: translateZ(49px);
}
.b72 .block-inner div.left,
.b72 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b72 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b73 {
    display: inherit;
    transform: translate3d(196px, -4088px, 87.5px);
}
.b73 .block-inner div.top,
.b73 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 91px;
}
.b73 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-84px);
}
.b73 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-84px) translateZ(84px);
}
.b73 .block-inner div.front,
.b73 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 84px;
}
.b73 .block-inner div.front {
    transform: translateZ(84px);
}
.b73 .block-inner div.left,
.b73 .block-inner div.right {
    background-color: #bfbfbf;
    width: 91px;
    height: 84px;
}
.b73 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -14px);
}
.b74 {
    display: inherit;
    transform: translate3d(196px, -3990px, 108.5px);
}
.b74 .block-inner div.top,
.b74 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b74 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b74 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b74 .block-inner div.front,
.b74 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b74 .block-inner div.front {
    transform: translateZ(49px);
}
.b74 .block-inner div.left,
.b74 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b74 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b75 {
    display: inherit;
    transform: translate3d(196px, -3927px, 108.5px);
}
.b75 .block-inner div.top,
.b75 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b75 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b75 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b75 .block-inner div.front,
.b75 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b75 .block-inner div.front {
    transform: translateZ(49px);
}
.b75 .block-inner div.left,
.b75 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b75 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b76 {
    display: inherit;
    transform: translate3d(196px, -3864px, 87.5px);
}
.b76 .block-inner div.top,
.b76 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 91px;
}
.b76 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-84px);
}
.b76 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-84px) translateZ(84px);
}
.b76 .block-inner div.front,
.b76 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 84px;
}
.b76 .block-inner div.front {
    transform: translateZ(84px);
}
.b76 .block-inner div.left,
.b76 .block-inner div.right {
    background-color: #bfbfbf;
    width: 91px;
    height: 84px;
}
.b76 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -14px);
}
.b77 {
    display: inherit;
    transform: translate3d(196px, -3766px, 108.5px);
}
.b77 .block-inner div.top,
.b77 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b77 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b77 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b77 .block-inner div.front,
.b77 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b77 .block-inner div.front {
    transform: translateZ(49px);
}
.b77 .block-inner div.left,
.b77 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b77 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b78 {
    display: inherit;
    transform: translate3d(196px, -3703px, 108.5px);
}
.b78 .block-inner div.top,
.b78 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b78 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b78 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b78 .block-inner div.front,
.b78 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b78 .block-inner div.front {
    transform: translateZ(49px);
}
.b78 .block-inner div.left,
.b78 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b78 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b79 {
    display: inherit;
    transform: translate3d(196px, -3640px, 87.5px);
}
.b79 .block-inner div.top,
.b79 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 84px;
}
.b79 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-77px);
}
.b79 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-77px) translateZ(84px);
}
.b79 .block-inner div.front,
.b79 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 84px;
}
.b79 .block-inner div.front {
    transform: translateZ(77px);
}
.b79 .block-inner div.left,
.b79 .block-inner div.right {
    background-color: #bfbfbf;
    width: 84px;
    height: 84px;
}
.b79 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -7px);
}
.b80 {
    display: inherit;
    transform: translate3d(196px, -3549px, 108.5px);
}
.b80 .block-inner div.top,
.b80 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b80 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b80 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b80 .block-inner div.front,
.b80 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b80 .block-inner div.front {
    transform: translateZ(49px);
}
.b80 .block-inner div.left,
.b80 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b80 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b81 {
    display: inherit;
    transform: translate3d(196px, -3486px, 108.5px);
}
.b81 .block-inner div.top,
.b81 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b81 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b81 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b81 .block-inner div.front,
.b81 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b81 .block-inner div.front {
    transform: translateZ(49px);
}
.b81 .block-inner div.left,
.b81 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b81 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b82 {
    display: inherit;
    transform: translate3d(196px, -3423px, 87.5px);
}
.b82 .block-inner div.top,
.b82 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 91px;
}
.b82 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-84px);
}
.b82 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-84px) translateZ(84px);
}
.b82 .block-inner div.front,
.b82 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 84px;
}
.b82 .block-inner div.front {
    transform: translateZ(84px);
}
.b82 .block-inner div.left,
.b82 .block-inner div.right {
    background-color: #bfbfbf;
    width: 91px;
    height: 84px;
}
.b82 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -14px);
}
.b83 {
    display: inherit;
    transform: translate3d(196px, -3325px, 108.5px);
}
.b83 .block-inner div.top,
.b83 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b83 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b83 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b83 .block-inner div.front,
.b83 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b83 .block-inner div.front {
    transform: translateZ(49px);
}
.b83 .block-inner div.left,
.b83 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b83 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b84 {
    display: inherit;
    transform: translate3d(196px, -3262px, 108.5px);
}
.b84 .block-inner div.top,
.b84 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b84 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b84 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b84 .block-inner div.front,
.b84 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b84 .block-inner div.front {
    transform: translateZ(49px);
}
.b84 .block-inner div.left,
.b84 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b84 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b85 {
    display: inherit;
    transform: translate3d(196px, -3199px, 87.5px);
}
.b85 .block-inner div.top,
.b85 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 91px;
}
.b85 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-84px);
}
.b85 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-84px) translateZ(84px);
}
.b85 .block-inner div.front,
.b85 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 84px;
}
.b85 .block-inner div.front {
    transform: translateZ(84px);
}
.b85 .block-inner div.left,
.b85 .block-inner div.right {
    background-color: #bfbfbf;
    width: 91px;
    height: 84px;
}
.b85 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -14px);
}
.b86 {
    display: inherit;
    transform: translate3d(196px, -3101px, 108.5px);
}
.b86 .block-inner div.top,
.b86 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b86 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b86 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b86 .block-inner div.front,
.b86 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b86 .block-inner div.front {
    transform: translateZ(49px);
}
.b86 .block-inner div.left,
.b86 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b86 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b87 {
    display: inherit;
    transform: translate3d(196px, -3038px, 108.5px);
}
.b87 .block-inner div.top,
.b87 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b87 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b87 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b87 .block-inner div.front,
.b87 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b87 .block-inner div.front {
    transform: translateZ(49px);
}
.b87 .block-inner div.left,
.b87 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b87 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b88 {
    display: inherit;
    transform: translate3d(196px, -2975px, 87.5px);
}
.b88 .block-inner div.top,
.b88 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 84px;
}
.b88 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-77px);
}
.b88 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-77px) translateZ(84px);
}
.b88 .block-inner div.front,
.b88 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 84px;
}
.b88 .block-inner div.front {
    transform: translateZ(77px);
}
.b88 .block-inner div.left,
.b88 .block-inner div.right {
    background-color: #bfbfbf;
    width: 84px;
    height: 84px;
}
.b88 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -7px);
}
.b89 {
    display: inherit;
    transform: translate3d(196px, -2884px, 108.5px);
}
.b89 .block-inner div.top,
.b89 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b89 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b89 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b89 .block-inner div.front,
.b89 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b89 .block-inner div.front {
    transform: translateZ(49px);
}
.b89 .block-inner div.left,
.b89 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b89 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b90 {
    display: inherit;
    transform: translate3d(196px, -2821px, 108.5px);
}
.b90 .block-inner div.top,
.b90 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b90 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b90 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b90 .block-inner div.front,
.b90 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b90 .block-inner div.front {
    transform: translateZ(49px);
}
.b90 .block-inner div.left,
.b90 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b90 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b91 {
    display: inherit;
    transform: translate3d(196px, -2758px, 87.5px);
}
.b91 .block-inner div.top,
.b91 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 91px;
}
.b91 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-84px);
}
.b91 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-84px) translateZ(84px);
}
.b91 .block-inner div.front,
.b91 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 84px;
}
.b91 .block-inner div.front {
    transform: translateZ(84px);
}
.b91 .block-inner div.left,
.b91 .block-inner div.right {
    background-color: #bfbfbf;
    width: 91px;
    height: 84px;
}
.b91 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -14px);
}
.b92 {
    display: inherit;
    transform: translate3d(196px, -2660px, 108.5px);
}
.b92 .block-inner div.top,
.b92 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b92 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b92 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b92 .block-inner div.front,
.b92 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b92 .block-inner div.front {
    transform: translateZ(49px);
}
.b92 .block-inner div.left,
.b92 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b92 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b93 {
    display: inherit;
    transform: translate3d(196px, -2597px, 108.5px);
}
.b93 .block-inner div.top,
.b93 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b93 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b93 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b93 .block-inner div.front,
.b93 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b93 .block-inner div.front {
    transform: translateZ(49px);
}
.b93 .block-inner div.left,
.b93 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b93 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b94 {
    display: inherit;
    transform: translate3d(196px, -2534px, 87.5px);
}
.b94 .block-inner div.top,
.b94 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 91px;
}
.b94 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-84px);
}
.b94 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-84px) translateZ(84px);
}
.b94 .block-inner div.front,
.b94 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 84px;
}
.b94 .block-inner div.front {
    transform: translateZ(84px);
}
.b94 .block-inner div.left,
.b94 .block-inner div.right {
    background-color: #bfbfbf;
    width: 91px;
    height: 84px;
}
.b94 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -14px);
}
.b95 {
    display: inherit;
    transform: translate3d(196px, -2436px, 108.5px);
}
.b95 .block-inner div.top,
.b95 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b95 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b95 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b95 .block-inner div.front,
.b95 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b95 .block-inner div.front {
    transform: translateZ(49px);
}
.b95 .block-inner div.left,
.b95 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b95 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b96 {
    display: inherit;
    transform: translate3d(196px, -2373px, 108.5px);
}
.b96 .block-inner div.top,
.b96 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b96 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b96 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b96 .block-inner div.front,
.b96 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b96 .block-inner div.front {
    transform: translateZ(49px);
}
.b96 .block-inner div.left,
.b96 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b96 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b97 {
    display: inherit;
    transform: translate3d(196px, -2310px, 87.5px);
}
.b97 .block-inner div.top,
.b97 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 154px;
}
.b97 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-147px);
}
.b97 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-147px) translateZ(84px);
}
.b97 .block-inner div.front,
.b97 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 84px;
}
.b97 .block-inner div.front {
    transform: translateZ(147px);
}
.b97 .block-inner div.left,
.b97 .block-inner div.right {
    background-color: #bfbfbf;
    width: 154px;
    height: 84px;
}
.b97 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -77px);
}
.b98 {
    display: inherit;
    transform: translate3d(196px, -1995px, 87.5px);
}
.b98 .block-inner div.top,
.b98 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 84px;
}
.b98 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-77px);
}
.b98 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-77px) translateZ(84px);
}
.b98 .block-inner div.front,
.b98 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 84px;
}
.b98 .block-inner div.front {
    transform: translateZ(77px);
}
.b98 .block-inner div.left,
.b98 .block-inner div.right {
    background-color: #bfbfbf;
    width: 84px;
    height: 84px;
}
.b98 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -7px);
}
.b99 {
    display: inherit;
    transform: translate3d(196px, -1904px, 108.5px);
}
.b99 .block-inner div.top,
.b99 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b99 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b99 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b99 .block-inner div.front,
.b99 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b99 .block-inner div.front {
    transform: translateZ(49px);
}
.b99 .block-inner div.left,
.b99 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b99 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b100 {
    display: inherit;
    transform: translate3d(196px, -1841px, 108.5px);
}
.b100 .block-inner div.top,
.b100 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b100 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b100 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b100 .block-inner div.front,
.b100 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b100 .block-inner div.front {
    transform: translateZ(49px);
}
.b100 .block-inner div.left,
.b100 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b100 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b101 {
    display: inherit;
    transform: translate3d(196px, -1778px, 87.5px);
}
.b101 .block-inner div.top,
.b101 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 91px;
}
.b101 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-84px);
}
.b101 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-84px) translateZ(84px);
}
.b101 .block-inner div.front,
.b101 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 84px;
}
.b101 .block-inner div.front {
    transform: translateZ(84px);
}
.b101 .block-inner div.left,
.b101 .block-inner div.right {
    background-color: #bfbfbf;
    width: 91px;
    height: 84px;
}
.b101 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -14px);
}
.b102 {
    display: inherit;
    transform: translate3d(196px, -1680px, 108.5px);
}
.b102 .block-inner div.top,
.b102 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b102 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b102 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b102 .block-inner div.front,
.b102 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b102 .block-inner div.front {
    transform: translateZ(49px);
}
.b102 .block-inner div.left,
.b102 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b102 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b103 {
    display: inherit;
    transform: translate3d(196px, -1617px, 108.5px);
}
.b103 .block-inner div.top,
.b103 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b103 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b103 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b103 .block-inner div.front,
.b103 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b103 .block-inner div.front {
    transform: translateZ(49px);
}
.b103 .block-inner div.left,
.b103 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b103 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b104 {
    display: inherit;
    transform: translate3d(196px, -1554px, 87.5px);
}
.b104 .block-inner div.top,
.b104 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 91px;
}
.b104 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-84px);
}
.b104 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-84px) translateZ(84px);
}
.b104 .block-inner div.front,
.b104 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 84px;
}
.b104 .block-inner div.front {
    transform: translateZ(84px);
}
.b104 .block-inner div.left,
.b104 .block-inner div.right {
    background-color: #bfbfbf;
    width: 91px;
    height: 84px;
}
.b104 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -14px);
}
.b105 {
    display: inherit;
    transform: translate3d(196px, -1456px, 108.5px);
}
.b105 .block-inner div.top,
.b105 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b105 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b105 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b105 .block-inner div.front,
.b105 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b105 .block-inner div.front {
    transform: translateZ(49px);
}
.b105 .block-inner div.left,
.b105 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b105 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b106 {
    display: inherit;
    transform: translate3d(196px, -1393px, 108.5px);
}
.b106 .block-inner div.top,
.b106 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b106 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b106 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b106 .block-inner div.front,
.b106 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b106 .block-inner div.front {
    transform: translateZ(49px);
}
.b106 .block-inner div.left,
.b106 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b106 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b107 {
    display: inherit;
    transform: translate3d(196px, -1330px, 87.5px);
}
.b107 .block-inner div.top,
.b107 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 84px;
}
.b107 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-77px);
}
.b107 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-77px) translateZ(84px);
}
.b107 .block-inner div.front,
.b107 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 84px;
}
.b107 .block-inner div.front {
    transform: translateZ(77px);
}
.b107 .block-inner div.left,
.b107 .block-inner div.right {
    background-color: #bfbfbf;
    width: 84px;
    height: 84px;
}
.b107 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -7px);
}
.b108 {
    display: inherit;
    transform: translate3d(196px, -1239px, 108.5px);
}
.b108 .block-inner div.top,
.b108 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b108 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b108 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b108 .block-inner div.front,
.b108 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b108 .block-inner div.front {
    transform: translateZ(49px);
}
.b108 .block-inner div.left,
.b108 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b108 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b109 {
    display: inherit;
    transform: translate3d(196px, -1176px, 108.5px);
}
.b109 .block-inner div.top,
.b109 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b109 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b109 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b109 .block-inner div.front,
.b109 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b109 .block-inner div.front {
    transform: translateZ(49px);
}
.b109 .block-inner div.left,
.b109 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b109 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b110 {
    display: inherit;
    transform: translate3d(196px, -1113px, 87.5px);
}
.b110 .block-inner div.top,
.b110 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 91px;
}
.b110 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-84px);
}
.b110 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-84px) translateZ(84px);
}
.b110 .block-inner div.front,
.b110 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 84px;
}
.b110 .block-inner div.front {
    transform: translateZ(84px);
}
.b110 .block-inner div.left,
.b110 .block-inner div.right {
    background-color: #bfbfbf;
    width: 91px;
    height: 84px;
}
.b110 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -14px);
}
.b111 {
    display: inherit;
    transform: translate3d(196px, -1015px, 108.5px);
}
.b111 .block-inner div.top,
.b111 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b111 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b111 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b111 .block-inner div.front,
.b111 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b111 .block-inner div.front {
    transform: translateZ(49px);
}
.b111 .block-inner div.left,
.b111 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b111 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b112 {
    display: inherit;
    transform: translate3d(196px, -952px, 108.5px);
}
.b112 .block-inner div.top,
.b112 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b112 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b112 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b112 .block-inner div.front,
.b112 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b112 .block-inner div.front {
    transform: translateZ(49px);
}
.b112 .block-inner div.left,
.b112 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b112 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b113 {
    display: inherit;
    transform: translate3d(196px, -889px, 87.5px);
}
.b113 .block-inner div.top,
.b113 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 91px;
}
.b113 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-84px);
}
.b113 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-84px) translateZ(84px);
}
.b113 .block-inner div.front,
.b113 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 84px;
}
.b113 .block-inner div.front {
    transform: translateZ(84px);
}
.b113 .block-inner div.left,
.b113 .block-inner div.right {
    background-color: #bfbfbf;
    width: 91px;
    height: 84px;
}
.b113 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -14px);
}
.b114 {
    display: inherit;
    transform: translate3d(196px, -791px, 108.5px);
}
.b114 .block-inner div.top,
.b114 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b114 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b114 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b114 .block-inner div.front,
.b114 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b114 .block-inner div.front {
    transform: translateZ(49px);
}
.b114 .block-inner div.left,
.b114 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b114 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b115 {
    display: inherit;
    transform: translate3d(196px, -728px, 108.5px);
}
.b115 .block-inner div.top,
.b115 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b115 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b115 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b115 .block-inner div.front,
.b115 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b115 .block-inner div.front {
    transform: translateZ(49px);
}
.b115 .block-inner div.left,
.b115 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b115 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b116 {
    display: inherit;
    transform: translate3d(196px, -665px, 87.5px);
}
.b116 .block-inner div.top,
.b116 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 84px;
}
.b116 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-77px);
}
.b116 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-77px) translateZ(84px);
}
.b116 .block-inner div.front,
.b116 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 84px;
}
.b116 .block-inner div.front {
    transform: translateZ(77px);
}
.b116 .block-inner div.left,
.b116 .block-inner div.right {
    background-color: #bfbfbf;
    width: 84px;
    height: 84px;
}
.b116 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -7px);
}
.b117 {
    display: inherit;
    transform: translate3d(196px, -574px, 108.5px);
}
.b117 .block-inner div.top,
.b117 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b117 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b117 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b117 .block-inner div.front,
.b117 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b117 .block-inner div.front {
    transform: translateZ(49px);
}
.b117 .block-inner div.left,
.b117 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b117 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b118 {
    display: inherit;
    transform: translate3d(196px, -511px, 108.5px);
}
.b118 .block-inner div.top,
.b118 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b118 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b118 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b118 .block-inner div.front,
.b118 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b118 .block-inner div.front {
    transform: translateZ(49px);
}
.b118 .block-inner div.left,
.b118 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b118 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b119 {
    display: inherit;
    transform: translate3d(196px, -448px, 87.5px);
}
.b119 .block-inner div.top,
.b119 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 91px;
}
.b119 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-84px);
}
.b119 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-84px) translateZ(84px);
}
.b119 .block-inner div.front,
.b119 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 84px;
}
.b119 .block-inner div.front {
    transform: translateZ(84px);
}
.b119 .block-inner div.left,
.b119 .block-inner div.right {
    background-color: #bfbfbf;
    width: 91px;
    height: 84px;
}
.b119 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -14px);
}
.b120 {
    display: inherit;
    transform: translate3d(196px, -350px, 108.5px);
}
.b120 .block-inner div.top,
.b120 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b120 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b120 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b120 .block-inner div.front,
.b120 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b120 .block-inner div.front {
    transform: translateZ(49px);
}
.b120 .block-inner div.left,
.b120 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b120 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b121 {
    display: inherit;
    transform: translate3d(196px, -287px, 108.5px);
}
.b121 .block-inner div.top,
.b121 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b121 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b121 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b121 .block-inner div.front,
.b121 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b121 .block-inner div.front {
    transform: translateZ(49px);
}
.b121 .block-inner div.left,
.b121 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b121 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b122 {
    display: inherit;
    transform: translate3d(196px, -224px, 87.5px);
}
.b122 .block-inner div.top,
.b122 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 91px;
}
.b122 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-84px);
}
.b122 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-84px) translateZ(84px);
}
.b122 .block-inner div.front,
.b122 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 84px;
}
.b122 .block-inner div.front {
    transform: translateZ(84px);
}
.b122 .block-inner div.left,
.b122 .block-inner div.right {
    background-color: #bfbfbf;
    width: 91px;
    height: 84px;
}
.b122 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -14px);
}
.b123 {
    display: inherit;
    transform: translate3d(196px, -126px, 108.5px);
}
.b123 .block-inner div.top,
.b123 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b123 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b123 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b123 .block-inner div.front,
.b123 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b123 .block-inner div.front {
    transform: translateZ(49px);
}
.b123 .block-inner div.left,
.b123 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b123 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b124 {
    display: inherit;
    transform: translate3d(196px, -63px, 108.5px);
}
.b124 .block-inner div.top,
.b124 .block-inner div.bottom {
    background-color: #fff;
    width: 77px;
    height: 56px;
}
.b124 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-49px);
}
.b124 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-49px) translateZ(105px);
}
.b124 .block-inner div.front,
.b124 .block-inner div.back {
    background-color: #dfdfdf;
    width: 77px;
    height: 105px;
}
.b124 .block-inner div.front {
    transform: translateZ(49px);
}
.b124 .block-inner div.left,
.b124 .block-inner div.right {
    background-color: #bfbfbf;
    width: 56px;
    height: 105px;
}
.b124 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 21px);
}
.b125 {
    display: inherit;
    transform: translate3d(171.5px, -2019.5px, 80.5px);
}
.b125 .block-inner div.top,
.b125 .block-inner div.bottom {
    background-color: #eee;
    width: 3.5px;
    height: 3.5px;
}
.b125 .block-inner div.top {
    transform: rotateX(-90deg) translateY(3.5px);
}
.b125 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(3.5px) translateZ(77px);
}
.b125 .block-inner div.front,
.b125 .block-inner div.back {
    background-color: #d0d0d0;
    width: 3.5px;
    height: 77px;
}
.b125 .block-inner div.front {
    transform: translateZ(-3.5px);
}
.b125 .block-inner div.left,
.b125 .block-inner div.right {
    background-color: #b3b3b3;
    width: 3.5px;
    height: 77px;
}
.b125 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 0px);
}
.b126 {
    display: inherit;
    transform: translate3d(119px, -2019.5px, 80.5px);
}
.b126 .block-inner div.top,
.b126 .block-inner div.bottom {
    background-color: #eee;
    width: 52.5px;
    height: 3.5px;
}
.b126 .block-inner div.top {
    transform: rotateX(-90deg) translateY(3.5px);
}
.b126 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(3.5px) translateZ(3.5px);
}
.b126 .block-inner div.front,
.b126 .block-inner div.back {
    background-color: #d0d0d0;
    width: 52.5px;
    height: 3.5px;
}
.b126 .block-inner div.front {
    transform: translateZ(-3.5px);
}
.b126 .block-inner div.left,
.b126 .block-inner div.right {
    background-color: #b3b3b3;
    width: 3.5px;
    height: 3.5px;
}
.b126 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 49px);
}
.b127 {
    display: inherit;
    transform: translate3d(119px, -2016px, 84px);
}
.b127 .block-inner div.top,
.b127 .block-inner div.bottom {
    background-color: #fc0;
    width: 7px;
    height: 7px;
}
.b127 .block-inner div.top {
    transform: rotateX(-90deg) translateY(0px);
}
.b127 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(0px) translateZ(21px);
}
.b127 .block-inner div.front,
.b127 .block-inner div.back {
    background-color: #dfb300;
    width: 7px;
    height: 21px;
}
.b127 .block-inner div.front {
    transform: translateZ(0px);
}
.b127 .block-inner div.left,
.b127 .block-inner div.right {
    background-color: #bf9900;
    width: 7px;
    height: 21px;
}
.b127 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 0px);
}
.b128 {
    display: inherit;
    transform: translate3d(147px, -2016px, 84px);
}
.b128 .block-inner div.top,
.b128 .block-inner div.bottom {
    background-color: #fc0;
    width: 7px;
    height: 7px;
}
.b128 .block-inner div.top {
    transform: rotateX(-90deg) translateY(0px);
}
.b128 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(0px) translateZ(21px);
}
.b128 .block-inner div.front,
.b128 .block-inner div.back {
    background-color: #dfb300;
    width: 7px;
    height: 21px;
}
.b128 .block-inner div.front {
    transform: translateZ(0px);
}
.b128 .block-inner div.left,
.b128 .block-inner div.right {
    background-color: #bf9900;
    width: 7px;
    height: 21px;
}
.b128 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 0px);
}
.b129 {
    display: inherit;
    transform: translate3d(171.5px, -2135px, 80.5px);
}
.b129 .block-inner div.top,
.b129 .block-inner div.bottom {
    background-color: #eee;
    width: 3.5px;
    height: 3.5px;
}
.b129 .block-inner div.top {
    transform: rotateX(-90deg) translateY(3.5px);
}
.b129 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(3.5px) translateZ(77px);
}
.b129 .block-inner div.front,
.b129 .block-inner div.back {
    background-color: #d0d0d0;
    width: 3.5px;
    height: 77px;
}
.b129 .block-inner div.front {
    transform: translateZ(-3.5px);
}
.b129 .block-inner div.left,
.b129 .block-inner div.right {
    background-color: #b3b3b3;
    width: 3.5px;
    height: 77px;
}
.b129 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 0px);
}
.b130 {
    display: inherit;
    transform: translate3d(171.5px, -2131.5px, 80.5px);
}
.b130 .block-inner div.top,
.b130 .block-inner div.bottom {
    background-color: #eee;
    width: 3.5px;
    height: 52.5px;
}
.b130 .block-inner div.top {
    transform: rotateX(-90deg) translateY(-45.5px);
}
.b130 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(-45.5px) translateZ(3.5px);
}
.b130 .block-inner div.front,
.b130 .block-inner div.back {
    background-color: #d0d0d0;
    width: 3.5px;
    height: 3.5px;
}
.b130 .block-inner div.front {
    transform: translateZ(45.5px);
}
.b130 .block-inner div.left,
.b130 .block-inner div.right {
    background-color: #b3b3b3;
    width: 52.5px;
    height: 3.5px;
}
.b130 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, -49px);
}
.b131 {
    display: inherit;
    transform: translate3d(175px, -2086px, 84px);
}
.b131 .block-inner div.top,
.b131 .block-inner div.bottom {
    background-color: #fc0;
    width: 7px;
    height: 7px;
}
.b131 .block-inner div.top {
    transform: rotateX(-90deg) translateY(0px);
}
.b131 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(0px) translateZ(21px);
}
.b131 .block-inner div.front,
.b131 .block-inner div.back {
    background-color: #dfb300;
    width: 7px;
    height: 21px;
}
.b131 .block-inner div.front {
    transform: translateZ(0px);
}
.b131 .block-inner div.left,
.b131 .block-inner div.right {
    background-color: #bf9900;
    width: 7px;
    height: 21px;
}
.b131 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 0px);
}
.b132 {
    display: inherit;
    transform: translate3d(175px, -2114px, 84px);
}
.b132 .block-inner div.top,
.b132 .block-inner div.bottom {
    background-color: #fc0;
    width: 7px;
    height: 7px;
}
.b132 .block-inner div.top {
    transform: rotateX(-90deg) translateY(0px);
}
.b132 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(0px) translateZ(21px);
}
.b132 .block-inner div.front,
.b132 .block-inner div.back {
    background-color: #dfb300;
    width: 7px;
    height: 21px;
}
.b132 .block-inner div.front {
    transform: translateZ(0px);
}
.b132 .block-inner div.left,
.b132 .block-inner div.right {
    background-color: #bf9900;
    width: 7px;
    height: 21px;
}
.b132 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 0px);
}
.b133 {
    display: inherit;
    transform: translate3d(77px, -2142px, 84px);
}
.b133 .block-inner div.top,
.b133 .block-inner div.bottom {
    background-color: #fc0;
    width: 7px;
    height: 7px;
}
.b133 .block-inner div.top {
    transform: rotateX(-90deg) translateY(0px);
}
.b133 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(0px) translateZ(21px);
}
.b133 .block-inner div.front,
.b133 .block-inner div.back {
    background-color: #dfb300;
    width: 7px;
    height: 21px;
}
.b133 .block-inner div.front {
    transform: translateZ(0px);
}
.b133 .block-inner div.left,
.b133 .block-inner div.right {
    background-color: #bf9900;
    width: 7px;
    height: 21px;
}
.b133 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 0px);
}
.b134 {
    display: inherit;
    transform: translate3d(105px, -2142px, 84px);
}
.b134 .block-inner div.top,
.b134 .block-inner div.bottom {
    background-color: #fc0;
    width: 7px;
    height: 7px;
}
.b134 .block-inner div.top {
    transform: rotateX(-90deg) translateY(0px);
}
.b134 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(0px) translateZ(21px);
}
.b134 .block-inner div.front,
.b134 .block-inner div.back {
    background-color: #dfb300;
    width: 7px;
    height: 21px;
}
.b134 .block-inner div.front {
    transform: translateZ(0px);
}
.b134 .block-inner div.left,
.b134 .block-inner div.right {
    background-color: #bf9900;
    width: 7px;
    height: 21px;
}
.b134 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 0px);
}
.b135 {
    display: inherit;
    transform: translate3d(56px, -2135px, 80.5px);
}
.b135 .block-inner div.top,
.b135 .block-inner div.bottom {
    background-color: #eee;
    width: 3.5px;
    height: 3.5px;
}
.b135 .block-inner div.top {
    transform: rotateX(-90deg) translateY(3.5px);
}
.b135 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(3.5px) translateZ(77px);
}
.b135 .block-inner div.front,
.b135 .block-inner div.back {
    background-color: #d0d0d0;
    width: 3.5px;
    height: 77px;
}
.b135 .block-inner div.front {
    transform: translateZ(-3.5px);
}
.b135 .block-inner div.left,
.b135 .block-inner div.right {
    background-color: #b3b3b3;
    width: 3.5px;
    height: 77px;
}
.b135 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 0px);
}
.b136 {
    display: inherit;
    transform: translate3d(59.5px, -2135px, 80.5px);
}
.b136 .block-inner div.top,
.b136 .block-inner div.bottom {
    background-color: #eee;
    width: 52.5px;
    height: 3.5px;
}
.b136 .block-inner div.top {
    transform: rotateX(-90deg) translateY(3.5px);
}
.b136 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(3.5px) translateZ(3.5px);
}
.b136 .block-inner div.front,
.b136 .block-inner div.back {
    background-color: #d0d0d0;
    width: 52.5px;
    height: 3.5px;
}
.b136 .block-inner div.front {
    transform: translateZ(-3.5px);
}
.b136 .block-inner div.left,
.b136 .block-inner div.right {
    background-color: #b3b3b3;
    width: 3.5px;
    height: 3.5px;
}
.b136 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 49px);
}
.b137 {
    display: inherit;
    transform: translate3d(175px, -2002px, 22.75px);
}
.b137 .block-inner div.top,
.b137 .block-inner div.bottom {
    background-color: transparent;
    width: 7px;
    height: 0px;
}
.b137 .block-inner div.top {
    transform: rotateX(-90deg) translateY(7px);
}
.b137 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(7px) translateZ(19.25px);
}
.b137 .block-inner div.front,
.b137 .block-inner div.back {
    background-color: transparent;
    width: 7px;
    height: 19.25px;
}
.b137 .block-inner div.front {
    transform: translateZ(-7px);
}
.b137 .block-inner div.left,
.b137 .block-inner div.right {
    background-color: transparent;
    width: 0px;
    height: 19.25px;
}
.b137 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 7px);
}
.b138 {
    display: inherit;
    transform: translate3d(70px, -4298px, 31.5px);
}
.b138 .block-inner div.top,
.b138 .block-inner div.bottom {
    background-color: transparent;
    width: 42px;
    height: 0px;
}
.b138 .block-inner div.top {
    transform: rotateX(-90deg) translateY(7px);
}
.b138 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(7px) translateZ(31.5px);
}
.b138 .block-inner div.front,
.b138 .block-inner div.back {
    background-color: transparent;
    width: 42px;
    height: 31.5px;
}
.b138 .block-inner div.front {
    transform: translateZ(-7px);
}
.b138 .block-inner div.left,
.b138 .block-inner div.right {
    background-color: transparent;
    width: 0px;
    height: 31.5px;
}
.b138 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 42px);
}
.b139 {
    display: inherit;
    transform: translate3d(70px, -4298px, 31.5px);
}
.b139 .block-inner div.top,
.b139 .block-inner div.bottom {
    background-color: transparent;
    width: 42px;
    height: 0px;
}
.b139 .block-inner div.top {
    transform: rotateX(-90deg) translateY(7px);
}
.b139 .block-inner div.bottom {
    transform: rotateX(-90deg) translateY(7px) translateZ(31.5px);
}
.b139 .block-inner div.front,
.b139 .block-inner div.back {
    background-color: transparent;
    width: 42px;
    height: 31.5px;
}
.b139 .block-inner div.front {
    transform: translateZ(-7px);
}
.b139 .block-inner div.left,
.b139 .block-inner div.right {
    background-color: transparent;
    width: 0px;
    height: 31.5px;
}
.b139 .block-inner div.right {
    transform: rotateY(-270deg) translate3d(7px, 0, 42px);
}
@keyframes camera {
    from {
        transform: translateY(-1723px) translateZ(-1248.45px) rotateX(90deg) rotateZ(0deg);
    }
    to {
        transform: translateY(-1723px) translateZ(1068.55px) rotateX(90deg) rotateZ(0deg);
    }
}
@keyframes car1Move {
    from {
        transform: translate3d(77px, -4305px, 31.5px);
    }
    to {
        transform: translate3d(77px, 0px, 31.5px);
    }
}
@keyframes car2Move {
    from {
        transform: translate3d(77px, -5005px, 31.5px);
    }
    to {
        transform: translate3d(77px, -700px, 31.5px);
    }
}

HTML

Endless City with cars on the road

html5, street

编辑器支持Emmet

快捷键

Endless City with cars on the road

html5, street

HTML5 CSS3带上传列表和进度动画的多文件上传控件

HTML5 Canvas 很棒的水平面模拟动画

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：