#app,body,html{width:100%;height:100%}body,html{margin:0}button{border:none;outline:none}a,button{cursor:pointer}a{text-decoration:none}.warn-tips{font-size:12px;color:#fa0}.main{width:100%;height:100%;overflow:auto;display:flex;flex-direction:column}.main header .top{background:#fa0}.main header .top .t-c{max-width:1200px;margin:0 auto;padding:5px;box-sizing:border-box;color:#fff;display:flex;justify-content:space-between}.main header .top .t-c .uname{margin-right:30px;font-weight:700}.main header .content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;color:#fa0;padding:20px 30px;box-sizing:border-box}.main header .content .title{font-size:22px;padding:10px 30px;background:linear-gradient(to right bottom,red,#fa0,skyblue,pink,blue)}.main header nav,.main section{max-width:1200px;margin:0 auto}.main section{flex:1;width:100%}.main footer{text-align:center;padding:20px;background-color:#fa0;color:#fff}.main footer a{color:#fff;text-decoration:underline}