.essay{height:100vh}.essay .top-banner{height:60vh;background:#222}.essay .top-banner .life-dancing-wrap{font-size:85px;font-weight:700}.essay .top-banner .life-dancing-wrap .svg{width:100%;height:60vh}.essay .top-banner .life-dancing-wrap .svg .text{fill:none;stroke-width:5;stroke-dasharray:0 240;stroke-dashoffset:0;letter-spacing:1rem}.essay .top-banner .life-dancing-wrap .svg .text:nth-child(4n+1){stroke:#1778df;-webkit-animation:dancetext1 4s ease-in-out forwards;animation:dancetext1 4s ease-in-out forwards}.essay .top-banner .life-dancing-wrap .svg .text:nth-child(4n+2){stroke:#39af64;-webkit-animation:dancetext2 4s ease-in-out forwards;animation:dancetext2 4s ease-in-out forwards}.essay .top-banner .life-dancing-wrap .svg .text:nth-child(4n+3){stroke:#f3bc45;-webkit-animation:dancetext3 4s ease-in-out forwards;animation:dancetext3 4s ease-in-out forwards}.essay .top-banner .life-dancing-wrap .svg .text:nth-child(4n+4){stroke:#dd483d;-webkit-animation:dancetext4 4s ease-in-out forwards;animation:dancetext4 4s ease-in-out forwards}.essay .fall-container{width:100%;height:auto;margin:0 auto}.essay .fall-container .clearfix:after{content:"";display:block;clear:both}.essay .fall-container .picture{position:relative}.essay .fall-container .picture .item{position:absolute;padding:0 0 10px 0;width:400px;margin:10px;border:2px solid #f0f0f0;border-radius:12px;box-shadow:1px 1px 10px #dfdfdf;background:#fff;opacity:1;transition:all .7s ease-out}.essay .fall-container .picture .item:hover{box-shadow:0 22px 43px rgba(0,0,0,.13);transform:translateY(-3px) scale(1.01);-moz-transform:translateY(-3px) scale(1.01);-o-transform:translateY(-3px) scale(1.01)}.essay .fall-container .picture .item .user-header{display:flex;flex-direction:row}.essay .fall-container .picture .item .user-header .user-icon{padding:8px;width:50px;height:50px}.essay .fall-container .picture .item .user-header .user-icon img{border-radius:50%;width:100%;height:auto}.essay .fall-container .picture .item .user-header .user-name{margin:auto 10px;color:#888;font-weight:700}.essay .fall-container .picture .item a{display:flex;justify-content:center;align-items:center;padding:10px}.essay .fall-container .picture .item a img{max-width:100%;width:100%;height:auto;border-radius:10px}.essay .fall-container .picture .item .title{height:auto;color:#333;margin:0 15px;padding:10px 0;border-bottom:1px solid #ddd}.essay .fall-container .picture .item .info{font-size:14px;line-height:1.8;margin:5px 16px 0;color:#888}.essay .fall-container .picture .item .tags-wrap{max-width:100%;display:flex;flex-direction:row;margin:12px;flex-wrap:wrap}.essay .fall-container .picture .item .tags-wrap .tag{background:#efefef;padding:4px 8px;border-radius:3px;margin:5px}.essay .fall-container .picture .item .tags-wrap .tag span{font-size:12px;padding:3px;color:#898}.essay .fall-container .picture .item .hot-comment{padding:12px;margin:10px 15px 0;background:#ebebeb;border-radius:10px;color:#555}.essay .fall-container .picture .item .user-admire{margin:auto;display:flex;margin-right:10px;cursor:pointer}.essay .fall-container .picture .item .user-admire span{color:#555;font-size:12px}@-webkit-keyframes dancetext1{to{stroke-dashoffset:1000;stroke-dasharray:60 180}}@keyframes dancetext1{to{stroke-dashoffset:1000;stroke-dasharray:60 180}}@-webkit-keyframes dancetext2{to{stroke-dashoffset:1060;stroke-dasharray:60 180}}@keyframes dancetext2{to{stroke-dashoffset:1060;stroke-dasharray:60 180}}@-webkit-keyframes dancetext3{to{stroke-dashoffset:1120;stroke-dasharray:60 180}}@keyframes dancetext3{to{stroke-dashoffset:1120;stroke-dasharray:60 180}}@-webkit-keyframes dancetext4{to{stroke-dashoffset:1180;stroke-dasharray:60 180}}@keyframes dancetext4{to{stroke-dashoffset:1180;stroke-dasharray:60 180}}.about{background:#000;height:200vh}.about h1{margin:0;padding:0}