#app{text-align:center;width:100%;height:100%}.main[data-v-1bc1cec6]{position:relative;width:100%;height:100%;overflow:hidden;transition-property:height}.main>.item[data-v-1bc1cec6]{position:absolute;z-index:1;opacity:0;box-sizing:border-box;transform:translateZ(0)}.convention[data-v-1bc1cec6]{transition-property:top,left}.transform[data-v-1bc1cec6]{transition-property:transform}.show[data-v-1bc1cec6]{opacity:1!important}.main>.col[data-v-1bc1cec6]{float:left}.col>.item[data-v-1bc1cec6]{width:100%}.autoExpand[data-v-1bc1cec6]{opacity:0;position:absolute;left:-100%;top:-100%;width:100%;height:100%;visibility:hidden;pointer-events:none}*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-user-select:none}.home{font-size:18px;overflow:hidden;display:flex;flex-direction:column;flex:1;height:100%;align-items:center;background:#000}.home .header{position:fixed;z-index:99;left:50%;transform:translate(-50%);bottom:5%;background:rgba(0,0,0,.7);color:#fff;border-radius:20px}.home .header .range-container{display:block}.home .header .range-container>input{width:70%}.home .header .switch-container{display:flex;align-items:center;justify-content:space-evenly}.home .header input{vertical-align:middle}.home .header input[type=range]{-webkit-appearance:none;height:10px;outline:none;margin:10px auto;background:#98c379}.home .header input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;position:relative;width:30px;height:30px;background:#98c379;border-radius:50%}.home .header button{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:30px;border-color:#088ef0;background:linear-gradient(#34a5f8,#088ef0);color:#fff;border-radius:120px;margin:0 3%}.home .header .switch{appearance:none;-moz-appearance:button;-webkit-appearance:none;position:relative;margin:0;width:60px;height:30px;border:1PX solid #ebebf9;outline:0;border-radius:100px;box-sizing:border-box;background-color:#ebebf9;transition:background-color .1s,border .1s}.home .header .switch:after{content:" ";position:absolute;top:0;left:1px;width:28px;height:28px;border-radius:100px;background-color:#fff;transition:transform .35s cubic-bezier(.4,.4,.25,1.35)}.home .header .switch:checked{background:#00d287;border:1px solid #00d287}.home .header .switch:checked:before{transform:scale(0)}.home .header .switch:checked:after{transform:translateX(29px)}@media only screen and (min-aspect-ratio:20/9){.home .header{width:130vh;font-size:1.5vw}}@media only screen and (max-aspect-ratio:20/9){.home .header{width:95vw;font-size:1.8vh}}.home>.main{background:#795548;height:max-height;flex:auto;overflow-y:auto;overflow-x:hidden}.home>.main .waterfall-item{background:#fff;box-sizing:border-box;font-size:20px;margin:2px}.home>.main .waterfall-item img{width:100%;display:block}.home>.main .bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:linear;animation-timing-function:linear;transform-origin:center center}@-webkit-keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}