body,html{background-color:#f9f9f9!important}body,html,li,ul{margin:0;padding:0}a{text-decoration:none}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ivu-btn-text:focus{box-shadow:none}::-webkit-scrollbar{height:8px;width:8px;background:transparent;border-radius:4px}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-track-piece{background:transparent}::-webkit-scrollbar-thumb{width:8px;min-height:15px;background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:active,::-webkit-scrollbar-thumb:hover{background:#7d7d7d}.pagehome .container{width:1250px;margin:0 auto;position:relative}.pagehome .container .title{margin:20px 0;text-align:center}.pagehome .container .upload{width:500px;margin:0 auto}.pagehome .container .upload .upload-area{padding:100px 0}.pagehome .container .view{margin-top:5px;text-align:center}.pagehome .container .view .jsgif{position:relative}.pagehome .container .view .jsgif canvas{position:absolute;top:0;left:0}.pagehome .container .operation{width:800px;margin:20px auto 0;text-align:center}.pagehome .container .operation .control{margin:10px 0}.pagehome .container .operation .timeline{width:600px;margin:20px auto 0;position:relative}.pagehome .container .operation .timeline .add-item{margin-top:40px}.pagehome .container .operation .timeline .add-item .add-item-row{margin-bottom:10px;position:relative}.pagehome .container .operation .timeline .add-item .add-item-row .action{position:absolute;right:-84px;top:0}.pagehome .container .operation .timeline .add-item-option{width:300px;position:absolute;top:0;left:-320px}.pagehome .container .operation .timeline .add-item-option .add-item-option-toggle{display:none}.pagehome .container .generate{width:300px;margin:40px auto 0}.pagehome .demo{margin:20px 0;display:flex;justify-content:center}.pagehome .demo .demo-item{display:flex;justify-content:center;align-items:center}.pagehome .demo .demo-item .transform{margin:0 20px}.pagehome footer{width:600px;margin:20px auto 30px;text-align:center}.md-box .ivu-drawer-body{padding-left:24px}.videoToGif-slider{padding:0 46px;margin-top:30px}@media screen and (max-width:1250px){.pagehome .container{width:92vw}.pagehome .container .upload{width:100%}.pagehome .container .upload .upload-area{padding:10vh 0}.pagehome .container .operation{width:100%}.pagehome .container .operation .timeline{width:85vw}.pagehome .container .operation .timeline .add-item .add-item-row{margin-bottom:20px}.pagehome .container .operation .timeline .add-item .add-item-row .action{right:2px;top:-26px}.pagehome .container .operation .timeline .add-item-option{position:fixed;top:8vh;left:-296px;z-index:6}.pagehome .container .operation .timeline .add-item-option.center{left:0}.pagehome .container .operation .timeline .add-item-option .add-item-option-toggle{border-bottom-right-radius:8px;border-top-right-radius:8px;border:1px solid #e6e6e6;border-left:0;width:30px;height:30px;line-height:30px;text-align:center;position:absolute;left:300px;top:50px;display:block;background-color:#fff}.pagehome footer{width:90vw}}@media screen and (max-width:800px){.pagehome .demo .demo-item{flex-direction:column}.pagehome .demo .demo-item img{margin:10px 0}}