#app{text-align:center;color:#2c3e50}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;box-sizing:border-box;background:transparent}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}address,caption,cite,code,dfn,em,figcaption,pre,strong,th,var{font-weight:400;font-style:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}fieldset,img{border:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}li,ul{list-style:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}ins{text-decoration:none}del{text-decoration:line-through}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}abbr,acronym{border:0;font-variant:normal}a,button,input,optgroup,option,select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit;outline:0}a,a:hover{text-decoration:none}input,select,textarea{font-size:100%;*font-size:100%;vertical-align:middle}form,input,textarea{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}fieldset,iframe{border:0}html{overflow-x:hidden;position:relative;font-size:62.5%}body,html{height:100%;width:100%}body{margin:0 auto;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;font-size:14px!important;line-height:1.4;font-family:pingfang sc,microsoft yahei}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}a img,img,select{border:none}form legend{display:none}button{-webkit-appearance:none;border:0;background:none}*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none}:focus{outline:0;-webkit-tap-highlight-color:transparent}em,i{font-style:normal}#app{height:100%;width:100%}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.float-left{float:left}.float-right{float:right}.home[data-v-172f17e0]{height:100%;background-color:#edf9ff;display:flex;flex-direction:column;align-items:center}.logo-img[data-v-172f17e0]{height:250px;width:250px}.bottom[data-v-172f17e0]{position:absolute;bottom:0;left:0;right:0;padding-bottom:20px}.nav-content[data-v-172f17e0]{height:400px;display:flex;align-items:center}.nav[data-v-172f17e0]{flex:1;display:flex}.nav-item[data-v-172f17e0]{width:150px;height:40px;flex:1;margin:0 8px;border:1px solid #409eff;color:#409eff;font-size:20px;font-weight:700;background-color:#fff;height:50px;line-height:50px;border-radius:10px}.nav-item[data-v-172f17e0]:hover{border:1px solid #409eff;color:#fff;background-color:#409eff}.about{height:100%;display:flex;align-items:center;justify-content:center}.text{color:#409eff;font-size:50px}.main-content[data-v-056bcfa4]{height:100%;background-color:#edf9ff;text-align:left}.main-content[data-v-056bcfa4],.main-wrap[data-v-056bcfa4]{display:flex;flex-direction:column;align-items:center;justify-content:center}.main-wrap[data-v-056bcfa4]{position:relative}.roll-wrap[data-v-056bcfa4]{margin-bottom:50px;border-radius:50%;border:2px solid #f86624}.roll-content[data-v-056bcfa4],.roll-wrap[data-v-056bcfa4]{width:500px;height:500px;overflow:hidden;position:relative}.roll-inner[data-v-056bcfa4]{background-color:#edf9ff;position:absolute;top:0;right:0;border:1px solid #f86624;box-sizing:border-box;border-top:0;border-right:0;transform-origin:0 100%}.roll-text-area[data-v-056bcfa4]{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.roll-text-wrap[data-v-056bcfa4]{position:relative;width:100%;height:100%}.roll-text[data-v-056bcfa4]{height:50%;transform-origin:50% 100%;position:absolute;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.roll-text-content[data-v-056bcfa4]{text-align:center;font-size:16px;width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rotate-style[data-v-056bcfa4]{transition:transform 5s ease-in-out}.arrow-wrap[data-v-056bcfa4]{width:20%;height:20%;position:absolute;top:50%;left:50%;border-radius:50%;margin-left:-10%;margin-top:-10%;background-color:#bc6c25}.arrow-inner[data-v-056bcfa4]{width:80%;height:80%;border-radius:50%;position:absolute;top:10%;left:10%;background-color:#ffd60a;display:flex;align-items:center;justify-content:center;cursor:pointer}.arrow-text[data-v-056bcfa4]{cursor:pointer}.arrow-wrap[data-v-056bcfa4]:after{position:absolute;top:-17%;left:50%;margin-left:-10%;width:0;height:0;border:1rem solid;border-color:transparent transparent #bc6c25;content:""}.arrow-wrap[data-v-056bcfa4]:hover{border-color:transparent transparent #fb8500;content:""}.des-title[data-v-056bcfa4]{margin-bottom:20px}.button-margin[data-v-056bcfa4]{margin-left:10px}.option-input[data-v-056bcfa4]{width:200px}.wrap[data-v-2e5bf91e]{position:fixed;width:100%;height:100%;top:0;left:0}.header[data-v-2e5bf91e]{position:relative;height:70%;display:flex;flex-direction:column;justify-content:flex-end;border-bottom:1px solid #000}.mushroom-img[data-v-2e5bf91e]{position:absolute;width:100px;height:100px;margin-bottom:-12px;left:0;z-index:-1}.heart-img[data-v-2e5bf91e]{z-index:-1}@keyframes appear-2e5bf91e{0%{transform:translateY(0)}to{transform:translateY(-80px)}}.heart-img.appear[data-v-2e5bf91e]{animation:appear-2e5bf91e .4s linear}.icon-img[data-v-2e5bf91e]{position:absolute;width:80px;height:80px;left:0;right:0;margin:auto;margin-bottom:200px}@keyframes jump-2e5bf91e{0%{transform:translateY(0)}50%{transform:translateY(-130px)}to{transform:translateY(0)}}.mushroom-img.jumping[data-v-2e5bf91e]{animation:jump-2e5bf91e .8s linear}#myAudio[data-v-2e5bf91e]{display:none}