body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.fade-appear,.fade-enter{opacity:0}.fade-appear,.fade-enter,.fade-leave{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,0,.55,.2);animation-timing-function:cubic-bezier(.55,0,.55,.2);-webkit-animation-play-state:paused;animation-play-state:paused}.fade-appear.fade-appear-active,.fade-enter.fade-enter-active{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-play-state:running;animation-play-state:running}.fade-leave.fade-leave-active{-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.linked-animate-demo-wrapper{overflow:hidden;height:500px;background:#019bf0;position:relative}.linked-animate-demo-box{position:absolute;width:1280px;height:600px;display:block;left:-100%;top:0;bottom:0;right:-100%;margin:auto}.linked-animate-demo-block{position:absolute;transition:-webkit-transform .45s ease;transition:transform .45s ease;transition:transform .45s ease,-webkit-transform .45s ease}.linked-animate-demo-block-child{border-radius:100%;width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}#root{background:"#f0f2f5"}.lds-hourglass{display:inline-block;position:relative;width:80px;height:80px}.lds-hourglass:after{content:" ";display:block;border-radius:50%;width:0;height:0;margin:8px;box-sizing:border-box;border-color:#cef transparent;border-style:solid;border-width:32px;-webkit-animation:lds-hourglass 1.2s infinite;animation:lds-hourglass 1.2s infinite}@-webkit-keyframes lds-hourglass{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}50%{-webkit-transform:rotate(900deg);transform:rotate(900deg);-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{-webkit-transform:rotate(5turn);transform:rotate(5turn)}}@keyframes lds-hourglass{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}50%{-webkit-transform:rotate(900deg);transform:rotate(900deg);-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{-webkit-transform:rotate(5turn);transform:rotate(5turn)}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track-piece{background:transparent}::-webkit-scrollbar-thumb:vertical{height:10px;background:#272c35}::-webkit-scrollbar-thumb:vertical:hover{background:#0087ff}::-webkit-scrollbar-thumb:horizontal{width:10px;background:#272c35}::-webkit-scrollbar-thumb:horizontal:hover{background:#0087ff}::-webkit-scrollbar-track{border-width:1px 1px 1px 2px;border-color:#777;background-color:#aaa}.html-center{width:100%;margin:0 auto;text-align:center}.html-left{width:100%;margin-right:auto}.html-right{width:100%;margin-left:auto;text-align:right}.arrow-left{display:inline-block;margin:0 20px}.arrow-left span{display:block;width:15px;height:15px;border-bottom:3px solid #3183ff;border-left:3px solid #3183ff;margin:-2px;-webkit-animation:arrow-left 1s infinite;animation:arrow-left 1s infinite;float:left}.arrow-left span:nth-child(2){-webkit-animation-delay:-.1s;animation-delay:-.1s}.arrow-left span:nth-child(3){-webkit-animation-delay:-.2s;animation-delay:-.2s}@-webkit-keyframes arrow-left{0%{opacity:0;-webkit-transform:rotate(45deg) translate(0);transform:rotate(45deg) translate(0)}50%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg) translate(0);transform:rotate(45deg) translate(0)}}@keyframes arrow-left{0%{opacity:0;-webkit-transform:rotate(45deg) translate(0);transform:rotate(45deg) translate(0)}50%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg) translate(0);transform:rotate(45deg) translate(0)}}.pic-details-demo{margin:0 auto;box-shadow:0 10px 40px #c7d7b5;width:60%;min-width:550px;height:420px;background:#fff;border-radius:6px;overflow:auto}.pic-details-demo-header{height:32px;line-height:32px;background:#000}ul{list-style:none}.pic-details-demo-header ul li:first-child{background:#cf3333;margin-left:3%}.pic-details-demo-header ul li:nth-child(2){background:#dec811}.pic-details-demo-header ul li:nth-child(3){background:#28c026}.pic-details-demo-header ul li:nth-child(4){background:#fff;width:80%;height:16px;vertical-align:middle;margin:0 10px}.pic-details-demo-header ul li:nth-child(5):after{width:20px;height:2px;background:#bababa;border-radius:2px;content:"";display:block;position:absolute;top:6px}.pic-details-demo-header ul li:nth-child(5):before{top:-6px}.pic-details-demo-header ul li:nth-child(5):after,.pic-details-demo-header ul li:nth-child(5):before{content:"";display:block;position:absolute}*,:after,:before{box-sizing:border-box}.pic-details-demo-header ul li:nth-child(5){vertical-align:middle;margin-left:5px;position:relative}.pic-details-demo-header ul li:nth-child(5),.pic-details-demo-header ul li:nth-child(5):after,.pic-details-demo-header ul li:nth-child(5):before{width:20px;height:2px;background:#bababa;border-radius:2px}.pic-details-demo-header ul li{list-style:none;width:8px;height:8px;display:inline-block;border-radius:4px;margin:0 5px 0 0}
/*# sourceMappingURL=main.aaa12b27.chunk.css.map */