#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;height:100%}.hello[data-v-05cd47b7]{height:100%;background-color:#000;text-align:center}.box[data-v-05cd47b7]{background-color:#fff;height:500px;width:400px;display:flex;flex-direction:column;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border-radius:15px}.box .title[data-v-05cd47b7]{font-size:25px;margin:50px 0 0 0}.box .shu[data-v-05cd47b7]{display:flex;flex-direction:column}.box .shu .name[data-v-05cd47b7],.box .shu .password[data-v-05cd47b7]{display:flex;flex-direction:row;align-items:center;margin:40px 0 0 0}.box .shu .name span[data-v-05cd47b7],.box .shu .password span[data-v-05cd47b7]{width:70px}.box .shu .name div[data-v-05cd47b7],.box .shu .password div[data-v-05cd47b7]{width:300px}.box .btn[data-v-05cd47b7]{margin:50px 0 0 0;width:200px;margin:auto}.box .el-button[data-v-05cd47b7]{width:100%}.about{height:100%}*{margin:0;padding:0}body,html{height:100%}body,dd,dl,dt,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0;padding:0;list-style:none;color:#666764;font-family:微软雅黑;font-size:14px}a{text-decoration:none}button,img,input{vertical-align:middle;border:0 none;outline-style:none;padding:0}.clearfix:after{content:"";display:block;clear:both;height:0;line-height:0;visibility:hidden}.fl{float:left}.fr{float:right}