body{margin:0}#app{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Avenir,Helvetica,Arial,sans-serif}#app .has-keyword{-webkit-transform:translateY(-50%);position:absolute;text-align:center;top:40%;transform:translateY(-50%);width:100%}#app .has-keyword img{margin-bottom:40px;width:220px}#app .has-keyword .search-input{-webkit-animation:search-input 5s;animation:search-input 5s;border:2px solid #38f;display:block;height:42px;margin:0 auto;max-width:560px;position:relative;text-align:left;width:90%}@-webkit-keyframes search-input{0%{border-color:#ddd}35%{border-color:#ddd}40%{border-color:#38f}to{border-color:#38f}}@keyframes search-input{0%{border-color:#ddd}35%{border-color:#ddd}40%{border-color:#38f}to{border-color:#38f}}#app .has-keyword .search-input:after{-webkit-animation:button 5s;animation:button 5s;background-color:#38f;bottom:-2px;color:#fff;content:"\767E\5EA6\4E00\4E0B";font-size:18px;font-weight:700;line-height:46px;position:absolute;right:-2px;text-align:center;top:-2px;width:100px}@-webkit-keyframes button{94%{background-color:#38f}96%{background-color:#18488c}98%{background-color:#38f}}@keyframes button{94%{background-color:#38f}96%{background-color:#18488c}98%{background-color:#38f}}#app .has-keyword .search-input .keyword{-webkit-animation:keyword 5s;animation:keyword 5s;font-size:24px;font-weight:700;line-height:42px;margin-left:10px}@-webkit-keyframes keyword{0%{opacity:0}50%{opacity:0}70%{opacity:1}to{opacity:1}}@keyframes keyword{0%{opacity:0}50%{opacity:0}70%{opacity:1}to{opacity:1}}#app .has-keyword .search-input .mouse{-webkit-animation:mouse 5s;-webkit-transform:rotate(-30deg);animation:mouse 5s;bottom:30px;left:90%;position:absolute;transform:rotate(-30deg);z-index:1}@-webkit-keyframes mouse{0%{bottom:-30px;left:50%}20%{bottom:-30px;left:50%}40%{bottom:30px;left:50%}60%{bottom:30px;left:50%}to{bottom:30px;left:90%}}@keyframes mouse{0%{bottom:-30px;left:50%}20%{bottom:-30px;left:50%}40%{bottom:30px;left:50%}60%{bottom:30px;left:50%}to{bottom:30px;left:90%}}#app .has-keyword .search-input .mouse:before{border-color:transparent transparent #000;border-style:solid;border-width:32px 12px;content:"";height:0;left:0;position:absolute;top:-17px;width:0}#app .has-keyword .search-input .mouse:after{background-color:#000;content:"";height:24px;left:9px;position:absolute;top:40px;width:6px}#app a{border-bottom:1px solid #38f;bottom:30px;color:#38f;margin-left:-40px;padding-bottom:2px;text-decoration:none}#app .create,#app a{left:50%;position:absolute}#app .create{-webkit-transform:translate(-50%,-50%);text-align:center;top:45%;transform:translate(-50%,-50%)}#app .create #js-tip,#app .create .title{font-size:24px;font-weight:700}#app .create #js-tip.highlight{-webkit-animation:tip .4s;animation:tip .4s}@-webkit-keyframes tip{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@keyframes tip{0%{opacity:1}50%{opacity:.6}to{opacity:1}}#app .create .subtitle{color:#999;font-size:16px}#app .create button,#app .create input{border-radius:6px;display:block;font-size:18px;margin:30px auto 0}#app .create input{-webkit-appearance:none;border:2px solid #ddd;padding:8px 10px;width:260px}#app .create input::-webkit-input-placeholder{color:#999}#app .create button{background-color:#38f;border:none;color:#fff;cursor:pointer;font-weight:700;padding:8px 0;width:284px}#app .create button:hover{background-color:#1b70e6}#app .create button.no-content{opacity:.4;pointer-events:none}