.bg,.bg .back_img,.bg .back_img1{position:absolute;width:100%}.bg{height:500px;bottom:0;left:50%;transform:translateX(-50%)}.bg .back_img{bottom:5%;height:300px;background:url(../img/pyramid/icon_db02.png) center no-repeat;transform:rotateX(0);background-size:80% 84%}.bg .back_img1{left:0;top:18%;height:100%;background:url(../img/pyramid/icon_db03.png) center no-repeat;transform:rotateX(65deg);background-size:62%;animation:trigle_move 10s linear infinite;-webkit-animation:trigle_move 10s linear infinite}.bg .back_img2,.bg .back_img3{height:300px;position:absolute}.bg .back_img2{top:190px;width:100%;background:url(../img/pyramid/icon_db04.png) center no-repeat;transform:rotateX(66deg);background-size:39%;animation:trigle_move1 10s linear infinite;-webkit-animation:trigle_move1 10s linear infinite}.bg .back_img3{top:247px;width:100%;background:url(../img/pyramid/icon_db01.png) center no-repeat;transform:rotateX(50deg);background-size:65% 100%}#canvas-warpper{position:relative;width:100%;height:100%}#canvas-warpper #canvas-tooltip{position:absolute;display:block;z-index:9999999;transition:opacity .2s cubic-bezier(.23,1,.32,1) 0s,visibility .2s cubic-bezier(.23,1,.32,1) 0s;font:14px/21px sans-serif;top:0;left:0;transform:translate3d(0,0,0);visibility:hidden;opacity:0}@keyframes clip_line{0%,50%{clip-path:polygon(100% 0,100% 0,100% 0,100% 0)}75%{clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%)}100%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes clip_line2{0%,66.66%{clip-path:polygon(0 0,0 0,0 0,0 0)}83%{clip-path:polygon(0 0,50% 0,50% 50%,0 50%)}100%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes clip_line3{0%,75%{clip-path:polygon(100% 0,100% 0,100% 0,100% 0)}93%{clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%)}100%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes clip_line4{0%,70%{clip-path:polygon(0 0,0 0,0 0,0 0)}85%{clip-path:polygon(0 0,50% 0,50% 50%,0 50%)}100%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes opacity_path{0%,66.7%{opacity:0}100%{opacity:1}}@keyframes opacity_path2{0%,75%{opacity:0}100%{opacity:1}}@keyframes opacity_path3{0%,80%{opacity:0}100%{opacity:1}}@keyframes opacity_path4{0%,83.33%{opacity:0}100%{opacity:1}}@keyframes trigle_down1{0%{top:-250px}100%{top:80px}}@keyframes trigle_down2{0%,50%{top:-300px}100%{top:45px}}@keyframes trigle_down3{0%,66.66%{top:-250px}100%{top:0}}@keyframes trigle_down4{0%,75%{top:-250px}100%{top:-28px}}@keyframes trigle_move{0%{transform:rotateX(65deg) rotateZ(360deg)}100%{transform:rotateX(65deg) rotateZ(0)}}@keyframes trigle_move1{0%{transform:rotateX(66deg) rotateZ(0)}100%{transform:rotateX(66deg) rotateZ(360deg)}}