/*：此代码只作为演示用,不是源代码。源码地址唯一出处: http://www.bootstrapmb.com/item/2830(这个备注仅在演示页面有，源代码里没有)*//* ------ venobox.css --------*/.vbox-overlay *,.vbox-overlay *:before,.vbox-overlay *:after{    -webkit-box-sizing: border-box;       -moz-box-sizing: border-box;            box-sizing: border-box;    -webkit-backface-visibility: hidden;}.vbox-overlay{    position: fixed;    z-index: 1040;    top: 0;    right: 0;    bottom: 0;    left: 0;    display: -webkit-flex;    display:         flex;    -webkit-align-items: center;            align-items: center;    -webkit-flex-direction: column;            flex-direction: column;    -webkit-justify-content: center;            justify-content: center;    -webkit-transform: translateZ(1000px);            transform: translateZ(1000px);    transform-style: preserve-3d;}/* ----- navigation ----- */.vbox-title{    font-size: 12px;    line-height: 28px;    position: fixed;    z-index: 1050;    left: 0;    display: none;    float: left;    overflow: hidden;    width: 100%;    height: 40px;    padding: 6px 40px;    text-align: center;}.vbox-close{    font-size: 24px;    line-height: 1;    position: fixed;    z-index: 1050;    top: -1px;    right: 0;    display: block;    overflow: hidden;    width: 50px;    height: 40px;    padding: 6px;    cursor: pointer;    text-align: center;    background-position: 10px center;}.vbox-num{    font-size: 12px;    line-height: 28px;    position: fixed;    z-index: 1050;    left: 0;    display: block;    display: none;    overflow: hidden;    height: 40px;    padding: 6px 10px;    cursor: pointer;}/* ----- navigation ARROWS ----- */.vbox-next,.vbox-prev{    position: fixed;    z-index: 1050;    top: 50%;    display: block;    overflow: hidden;    width: 45px;    height: 45px;    margin-top: -15px;    cursor: pointer;}.vbox-next span,.vbox-prev span{    position: relative;    position: absolute;    top: 8px;    display: block;    width: 20px;    height: 20px;    text-indent: -100px;    border: 2px solid transparent;    border-top-color: #b6b6b6;    border-right-color: #b6b6b6;}.vbox-prev{    left: 15px;}.vbox-next{    right: 15px;}.vbox-prev span{    left: 10px;    -webkit-transform: rotate(-135deg);        -ms-transform: rotate(-135deg);            transform: rotate(-135deg);}.vbox-next span{    right: 10px;    -webkit-transform: rotate(45deg);        -ms-transform: rotate(45deg);            transform: rotate(45deg);}/* ------- inline window ------ */.vbox-inline{    overflow: auto;    width: 420px;    height: 315px;    height: 70vh;    margin: 0 auto;    padding: 10px;    text-align: left;    background: #fff;}/* ------- Video & iFrames window ------ */.venoframe{    width: 100%;    width: 100%;    max-width: 100%;    height: 260px;    height: 70vh;    border: none;}.venoframe.vbvid{    height: 260px;}@media (min-width: 768px){    .venoframe,    .vbox-inline    {        width: 90%;        height: 360px;        height: 70vh;    }    .venoframe.vbvid    {        width: 640px;        height: 360px;    }}@media (min-width: 992px){    .venoframe,    .vbox-inline    {        width: 80%;        max-width: 1200px;        height: 540px;        height: 70vh;    }    .venoframe.vbvid    {        width: 960px;        height: 540px;    }}/* Please do NOT edit this part! or at least read this note: http://i.imgur.com/7C0ws9e.gif*/.vbox-open{    overflow: hidden;}.vbox-container{    position: absolute;    z-index: 20;    top: 0;    right: 0;    bottom: 0;    left: 0;    overflow-x: hidden;    overflow-y: scroll;    max-height: 100%;            overflow-scrolling: touch;    -webkit-overflow-scrolling: touch;}.vbox-content{    position: relative;    float: left;    overflow: hidden;    width: 100%;    padding: 20px 10px;    text-align: center;}.vbox-container img{    max-width: 100%;    height: auto;}.figlio{    max-width: 100%;    text-align: initial;    box-shadow: 0 0 12px rgba(0,0,0,.19), 0 6px 6px rgba(0,0,0,.23);}img.figlio{    -webkit-user-select: none;       -moz-user-select: none;            user-select: none;     -khtml-user-select: none;         -o-user-select: none;}.vbox-content.swipe-left{    margin-left: -200px !important;}.vbox-content.swipe-right{    margin-left: 200px !important;}.animated{    transition: margin 300ms ease-out;    webkit-transition: margin 300ms ease-out;}.animate-in{    opacity: 1;}.animate-out{    opacity: 0;}/* ---------- preloader ---------- * SPINKIT  * http://tobiasahlin.com/spinkit/-------------------------------- */.sk-double-bounce,.sk-rotating-plane{    width: 40px;height: 40px;margin: 40px auto;}.sk-rotating-plane{-webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out                                                ;animation: sk-rotatePlane 1.2s infinite ease-in-out;;    background-color: #333;}@-webkit-keyframes sk-rotatePlane{    0%    {        -webkit-transform: perspective(120px) rotateX(0) rotateY(0)                                ;transform: perspective(120px) rotateX(0) rotateY(0);    }50%    {        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0)                                ;transform: perspective(120px) rotateX(-180.1deg) rotateY(0);    }100%    {        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)                                ;transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);    }}@keyframes sk-rotatePlane{    0%    {        -webkit-transform: perspective(120px) rotateX(0) rotateY(0)                                ;transform: perspective(120px) rotateX(0) rotateY(0);    }50%    {        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0)                                ;transform: perspective(120px) rotateX(-180.1deg) rotateY(0);    }100%    {        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)                                ;transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);    }}.sk-double-bounce{    position: relative;}.sk-double-bounce .sk-child{position: absolute;top: 0;left: 0;    width: 100%;height: 100%;-webkit-animation: sk-doubleBounce 2s infinite ease-in-out;animation: sk-doubleBounce 2s infinite ease-in-out;;opacity: .6;border-radius: 50%;background-color: #333;}.sk-chasing-dots .sk-child,.sk-spinner-pulse,.sk-three-bounce .sk-child{border-radius: 100%;;    background-color: #333;}.sk-double-bounce .sk-double-bounce2{    -webkit-animation-delay: -1s                        ;animation-delay: -1s;}@-webkit-keyframes sk-doubleBounce{    0%,    100%    {        -webkit-transform: scale(0)                                ;transform: scale(0);    }50%    {        -webkit-transform: scale(1)                                ;transform: scale(1);    }}@keyframes sk-doubleBounce{    0%,    100%    {        -webkit-transform: scale(0)                                ;transform: scale(0);    }50%    {        -webkit-transform: scale(1)                                ;transform: scale(1);    }}.sk-wave{font-size: 10px;;width: 50px;height: 40px;    margin: 40px auto;text-align: center;}.sk-wave .sk-rect{display: inline-block;width: 6px;height: 100%;-webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;animation: sk-waveStretchDelay 1.2s infinite ease-in-out;;    background-color: #333;}.sk-wave .sk-rect1{    -webkit-animation-delay: -1.2s                        ;animation-delay: -1.2s;}.sk-wave .sk-rect2{    -webkit-animation-delay: -1.1s                        ;animation-delay: -1.1s;}.sk-wave .sk-rect3{    -webkit-animation-delay: -1s                        ;animation-delay: -1s;}.sk-wave .sk-rect4{    -webkit-animation-delay: -.9s                        ;animation-delay: -.9s;}.sk-wave .sk-rect5{    -webkit-animation-delay: -.8s                        ;animation-delay: -.8s;}@-webkit-keyframes sk-waveStretchDelay{    0%,    100%,    40%    {        -webkit-transform: scaleY(.4)                                ;transform: scaleY(.4);    }20%    {        -webkit-transform: scaleY(1)                                ;transform: scaleY(1);    }}@keyframes sk-waveStretchDelay{    0%,    100%,    40%    {        -webkit-transform: scaleY(.4)                                ;transform: scaleY(.4);    }20%    {        -webkit-transform: scaleY(1)                                ;transform: scaleY(1);    }}.sk-wandering-cubes{position: relative;;width: 40px;height: 40px;    margin: 40px auto;}.sk-wandering-cubes .sk-cube{position: absolute;top: 0;left: 0;width: 10px;height: 10px;-webkit-animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;;    background-color: #333;}.sk-chasing-dots,.sk-spinner-pulse{    width: 40px;height: 40px;margin: 40px auto;}.sk-wandering-cubes .sk-cube2{    -webkit-animation-delay: -.9s                        ;animation-delay: -.9s;}@-webkit-keyframes sk-wanderingCube{    0%    {        -webkit-transform: rotate(0)                                ;transform: rotate(0);    }25%    {        -webkit-transform: translateX(30px) rotate(-90deg) scale(.5)                                ;transform: translateX(30px) rotate(-90deg) scale(.5);    }50%    {        -webkit-transform: translateX(30px) translateY(30px) rotate(-179deg)                                ;transform: translateX(30px) translateY(30px) rotate(-179deg);    }50.1%    {        -webkit-transform: translateX(30px) translateY(30px) rotate(-180deg)                                ;transform: translateX(30px) translateY(30px) rotate(-180deg);    }75%    {        -webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5)                                ;transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5);    }100%    {        -webkit-transform: rotate(-360deg)                                ;transform: rotate(-360deg);    }}@keyframes sk-wanderingCube{    0%    {        -webkit-transform: rotate(0)                                ;transform: rotate(0);    }25%    {        -webkit-transform: translateX(30px) rotate(-90deg) scale(.5)                                ;transform: translateX(30px) rotate(-90deg) scale(.5);    }50%    {        -webkit-transform: translateX(30px) translateY(30px) rotate(-179deg)                                ;transform: translateX(30px) translateY(30px) rotate(-179deg);    }50.1%    {        -webkit-transform: translateX(30px) translateY(30px) rotate(-180deg)                                ;transform: translateX(30px) translateY(30px) rotate(-180deg);    }75%    {        -webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5)                                ;transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5);    }100%    {        -webkit-transform: rotate(-360deg)                                ;transform: rotate(-360deg);    }}.sk-spinner-pulse{    -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out                        ;animation: sk-pulseScaleOut 1s infinite ease-in-out;}@-webkit-keyframes sk-pulseScaleOut{    0%    {        -webkit-transform: scale(0)                                ;transform: scale(0);    }100%    {        -webkit-transform: scale(1)                                                                ;transform: scale(1);opacity: 0;    }}@keyframes sk-pulseScaleOut{    0%    {        -webkit-transform: scale(0)                                ;transform: scale(0);    }100%    {        -webkit-transform: scale(1)                                                                ;transform: scale(1);opacity: 0;    }}.sk-chasing-dots{    position: relative;-webkit-animation: sk-chasingDotsRotate 2s infinite linear;animation: sk-chasingDotsRotate 2s infinite linear;;text-align: center;}.sk-chasing-dots .sk-child{position: absolute;top: 0;display: inline-block;    width: 60%;height: 60%;-webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;animation: sk-chasingDotsBounce 2s infinite ease-in-out;}.sk-chasing-dots .sk-dot2{    top: auto;bottom: 0;-webkit-animation-delay: -1s;animation-delay: -1s;}@-webkit-keyframes sk-chasingDotsRotate{    100%    {        -webkit-transform: rotate(360deg)                                ;transform: rotate(360deg);    }}@keyframes sk-chasingDotsRotate{    100%    {        -webkit-transform: rotate(360deg)                                ;transform: rotate(360deg);    }}@-webkit-keyframes sk-chasingDotsBounce{    0%,    100%    {        -webkit-transform: scale(0)                                ;transform: scale(0);    }50%    {        -webkit-transform: scale(1)                                ;transform: scale(1);    }}@keyframes sk-chasingDotsBounce{    0%,    100%    {        -webkit-transform: scale(0)                                ;transform: scale(0);    }50%    {        -webkit-transform: scale(1)                                ;transform: scale(1);    }}.sk-three-bounce{width: 80px;    margin: 40px auto;text-align: center;}.sk-three-bounce .sk-child{display: inline-block;    width: 20px;height: 20px;-webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;}.sk-circle .sk-child:before,.sk-fading-circle .sk-circle:before{    display: block;content: '';border-radius: 100%;background-color: #333;}.sk-three-bounce .sk-bounce1{    -webkit-animation-delay: -.32s                        ;animation-delay: -.32s;}.sk-three-bounce .sk-bounce2{    -webkit-animation-delay: -.16s                        ;animation-delay: -.16s;}@-webkit-keyframes sk-three-bounce{    0%,    100%,    80%    {        -webkit-transform: scale(0)                                ;transform: scale(0);    }40%    {        -webkit-transform: scale(1)                                ;transform: scale(1);    }}@keyframes sk-three-bounce{    0%,    100%,    80%    {        -webkit-transform: scale(0)                                ;transform: scale(0);    }40%    {        -webkit-transform: scale(1)                                ;transform: scale(1);    }}.sk-circle{position: relative;;width: 40px;height: 40px;    margin: 40px auto;}.sk-circle .sk-child{position: absolute;top: 0;;left: 0;    width: 100%;height: 100%;}.sk-circle .sk-child:before{width: 15%;height: 15%;    margin: 0 auto;-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;}.sk-circle .sk-circle2{    -webkit-transform: rotate(30deg)                                ;-ms-transform: rotate(30deg);transform: rotate(30deg);}.sk-circle .sk-circle3{    -webkit-transform: rotate(60deg)                                ;-ms-transform: rotate(60deg);transform: rotate(60deg);}.sk-circle .sk-circle4{    -webkit-transform: rotate(90deg)                                ;-ms-transform: rotate(90deg);transform: rotate(90deg);}.sk-circle .sk-circle5{    -webkit-transform: rotate(120deg)                                ;-ms-transform: rotate(120deg);transform: rotate(120deg);}.sk-circle .sk-circle6{    -webkit-transform: rotate(150deg)                                ;-ms-transform: rotate(150deg);transform: rotate(150deg);}.sk-circle .sk-circle7{    -webkit-transform: rotate(180deg)                                ;-ms-transform: rotate(180deg);transform: rotate(180deg);}.sk-circle .sk-circle8{    -webkit-transform: rotate(210deg)                                ;-ms-transform: rotate(210deg);transform: rotate(210deg);}.sk-circle .sk-circle9{    -webkit-transform: rotate(240deg)                                ;-ms-transform: rotate(240deg);transform: rotate(240deg);}.sk-circle .sk-circle10{    -webkit-transform: rotate(270deg)                                ;-ms-transform: rotate(270deg);transform: rotate(270deg);}.sk-circle .sk-circle11{    -webkit-transform: rotate(300deg)                                ;-ms-transform: rotate(300deg);transform: rotate(300deg);}.sk-circle .sk-circle12{    -webkit-transform: rotate(330deg)                                ;-ms-transform: rotate(330deg);transform: rotate(330deg);}.sk-circle .sk-circle2:before{    -webkit-animation-delay: -1.1s                        ;animation-delay: -1.1s;}.sk-circle .sk-circle3:before{    -webkit-animation-delay: -1s                        ;animation-delay: -1s;}.sk-circle .sk-circle4:before{    -webkit-animation-delay: -.9s                        ;animation-delay: -.9s;}.sk-circle .sk-circle5:before{    -webkit-animation-delay: -.8s                        ;animation-delay: -.8s;}.sk-circle .sk-circle6:before{    -webkit-animation-delay: -.7s                        ;animation-delay: -.7s;}.sk-circle .sk-circle7:before{    -webkit-animation-delay: -.6s                        ;animation-delay: -.6s;}.sk-circle .sk-circle8:before{    -webkit-animation-delay: -.5s                        ;animation-delay: -.5s;}.sk-circle .sk-circle9:before{    -webkit-animation-delay: -.4s                        ;animation-delay: -.4s;}.sk-circle .sk-circle10:before{    -webkit-animation-delay: -.3s                        ;animation-delay: -.3s;}.sk-circle .sk-circle11:before{    -webkit-animation-delay: -.2s                        ;animation-delay: -.2s;}.sk-circle .sk-circle12:before{    -webkit-animation-delay: -.1s                        ;animation-delay: -.1s;}@-webkit-keyframes sk-circleBounceDelay{    0%,    100%,    80%    {        -webkit-transform: scale(0)                                ;transform: scale(0);    }40%    {        -webkit-transform: scale(1)                                ;transform: scale(1);    }}@keyframes sk-circleBounceDelay{    0%,    100%,    80%    {        -webkit-transform: scale(0)                                ;transform: scale(0);    }40%    {        -webkit-transform: scale(1)                                ;transform: scale(1);    }}.sk-cube-grid{    width: 40px;height: 40px;margin: 40px auto;}.sk-cube-grid .sk-cube{float: left;    width: 33.33%;height: 33.33%;-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;;background-color: #333;}.sk-cube-grid .sk-cube1{    -webkit-animation-delay: .2s                        ;animation-delay: .2s;}.sk-cube-grid .sk-cube2{    -webkit-animation-delay: .3s                        ;animation-delay: .3s;}.sk-cube-grid .sk-cube3{    -webkit-animation-delay: .4s                        ;animation-delay: .4s;}.sk-cube-grid .sk-cube4{    -webkit-animation-delay: .1s                        ;animation-delay: .1s;}.sk-cube-grid .sk-cube5{    -webkit-animation-delay: .2s                        ;animation-delay: .2s;}.sk-cube-grid .sk-cube6{    -webkit-animation-delay: .3s                        ;animation-delay: .3s;}.sk-cube-grid .sk-cube7{    -webkit-animation-delay: 0ms                        ;animation-delay: 0ms;}.sk-cube-grid .sk-cube8{    -webkit-animation-delay: .1s                        ;animation-delay: .1s;}.sk-cube-grid .sk-cube9{    -webkit-animation-delay: .2s                        ;animation-delay: .2s;}@-webkit-keyframes sk-cubeGridScaleDelay{    0%,    100%,    70%    {        -webkit-transform: scale3D(1,1,1)                                ;transform: scale3D(1,1,1);    }35%    {        -webkit-transform: scale3D(0,0,1)                                ;transform: scale3D(0,0,1);    }}@keyframes sk-cubeGridScaleDelay{    0%,    100%,    70%    {        -webkit-transform: scale3D(1,1,1)                                ;transform: scale3D(1,1,1);    }35%    {        -webkit-transform: scale3D(0,0,1)                                ;transform: scale3D(0,0,1);    }}.sk-fading-circle{position: relative;;width: 40px;height: 40px;    margin: 40px auto;}.sk-fading-circle .sk-circle{position: absolute;top: 0;;left: 0;    width: 100%;height: 100%;}.sk-fading-circle .sk-circle:before{width: 15%;height: 15%;    margin: 0 auto;-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;}.sk-fading-circle .sk-circle2{    -webkit-transform: rotate(30deg)                                ;-ms-transform: rotate(30deg);transform: rotate(30deg);}.sk-fading-circle .sk-circle3{    -webkit-transform: rotate(60deg)                                ;-ms-transform: rotate(60deg);transform: rotate(60deg);}.sk-fading-circle .sk-circle4{    -webkit-transform: rotate(90deg)                                ;-ms-transform: rotate(90deg);transform: rotate(90deg);}.sk-fading-circle .sk-circle5{    -webkit-transform: rotate(120deg)                                ;-ms-transform: rotate(120deg);transform: rotate(120deg);}.sk-fading-circle .sk-circle6{    -webkit-transform: rotate(150deg)                                ;-ms-transform: rotate(150deg);transform: rotate(150deg);}.sk-fading-circle .sk-circle7{    -webkit-transform: rotate(180deg)                                ;-ms-transform: rotate(180deg);transform: rotate(180deg);}.sk-fading-circle .sk-circle8{    -webkit-transform: rotate(210deg)                                ;-ms-transform: rotate(210deg);transform: rotate(210deg);}.sk-fading-circle .sk-circle9{    -webkit-transform: rotate(240deg)                                ;-ms-transform: rotate(240deg);transform: rotate(240deg);}.sk-fading-circle .sk-circle10{    -webkit-transform: rotate(270deg)                                ;-ms-transform: rotate(270deg);transform: rotate(270deg);}.sk-fading-circle .sk-circle11{    -webkit-transform: rotate(300deg)                                ;-ms-transform: rotate(300deg);transform: rotate(300deg);}.sk-fading-circle .sk-circle12{    -webkit-transform: rotate(330deg)                                ;-ms-transform: rotate(330deg);transform: rotate(330deg);}.sk-fading-circle .sk-circle2:before{    -webkit-animation-delay: -1.1s                        ;animation-delay: -1.1s;}.sk-fading-circle .sk-circle3:before{    -webkit-animation-delay: -1s                        ;animation-delay: -1s;}.sk-fading-circle .sk-circle4:before{    -webkit-animation-delay: -.9s                        ;animation-delay: -.9s;}.sk-fading-circle .sk-circle5:before{    -webkit-animation-delay: -.8s                        ;animation-delay: -.8s;}.sk-fading-circle .sk-circle6:before{    -webkit-animation-delay: -.7s                        ;animation-delay: -.7s;}.sk-fading-circle .sk-circle7:before{    -webkit-animation-delay: -.6s                        ;animation-delay: -.6s;}.sk-fading-circle .sk-circle8:before{    -webkit-animation-delay: -.5s                        ;animation-delay: -.5s;}.sk-fading-circle .sk-circle9:before{    -webkit-animation-delay: -.4s                        ;animation-delay: -.4s;}.sk-fading-circle .sk-circle10:before{    -webkit-animation-delay: -.3s                        ;animation-delay: -.3s;}.sk-fading-circle .sk-circle11:before{    -webkit-animation-delay: -.2s                        ;animation-delay: -.2s;}.sk-fading-circle .sk-circle12:before{    -webkit-animation-delay: -.1s                        ;animation-delay: -.1s;}@-webkit-keyframes sk-circleFadeDelay{    0%,    100%,    39%    {        opacity: 0;    }40%    {        opacity: 1;    }}@keyframes sk-circleFadeDelay{    0%,    100%,    39%    {        opacity: 0;    }40%    {        opacity: 1;    }}.sk-folding-cube{position: relative;width: 40px;height: 40px;    margin: 40px auto;-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);}.sk-folding-cube .sk-cube{position: relative;    float: left;width: 50%;height: 50%;-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}.sk-folding-cube .sk-cube:before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;    content: '';-webkit-transform-origin: 100% 100%;-ms-transform-origin: 100% 100%;transform-origin: 100% 100%;;-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;animation: sk-foldCubeAngle 2.4s infinite linear both;background-color: #333;}.sk-folding-cube .sk-cube2{    -webkit-transform: scale(1.1) rotateZ(90deg)                        ;transform: scale(1.1) rotateZ(90deg);}.sk-folding-cube .sk-cube3{    -webkit-transform: scale(1.1) rotateZ(180deg)                        ;transform: scale(1.1) rotateZ(180deg);}.sk-folding-cube .sk-cube4{    -webkit-transform: scale(1.1) rotateZ(270deg)                        ;transform: scale(1.1) rotateZ(270deg);}.sk-folding-cube .sk-cube2:before{    -webkit-animation-delay: .3s                        ;animation-delay: .3s;}.sk-folding-cube .sk-cube3:before{    -webkit-animation-delay: .6s                        ;animation-delay: .6s;}.sk-folding-cube .sk-cube4:before{    -webkit-animation-delay: .9s                        ;animation-delay: .9s;}@-webkit-keyframes sk-foldCubeAngle{    0%,    10%    {        -webkit-transform: perspective(140px) rotateX(-180deg)                                                                ;transform: perspective(140px) rotateX(-180deg);opacity: 0;    }25%,    75%    {        -webkit-transform: perspective(140px) rotateX(0)                                                                ;transform: perspective(140px) rotateX(0);opacity: 1;    }100%,    90%    {        -webkit-transform: perspective(140px) rotateY(180deg)                                                                ;transform: perspective(140px) rotateY(180deg);opacity: 0;    }}@keyframes sk-foldCubeAngle{    0%,    10%    {        -webkit-transform: perspective(140px) rotateX(-180deg)                                                                ;transform: perspective(140px) rotateX(-180deg);opacity: 0;    }25%,    75%    {        -webkit-transform: perspective(140px) rotateX(0)                                                                ;transform: perspective(140px) rotateX(0);opacity: 1;    }100%,    90%    {        -webkit-transform: perspective(140px) rotateY(180deg)                                                                ;transform: perspective(140px) rotateY(180deg);opacity: 0;    }}/*：此代码只作为演示用,不是源代码。源码地址唯一出处: http://www.bootstrapmb.com/item/2830(这个备注仅在演示页面有，源代码里没有)*/