body,html{height:100%}*{margin:0;padding:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;height:100%}.header-box[data-v-1feb7ee6]{width:100%}.main[data-v-1feb7ee6]{width:1200px;margin:0 auto}#nav[data-v-1feb7ee6]{height:80px;line-height:80px;display:flex;justify-content:space-between}#nav .logo[data-v-1feb7ee6]{width:50px;height:50px;margin-top:15px}#nav .nav-list[data-v-1feb7ee6]{height:80px}#nav .nav-list .item[data-v-1feb7ee6]{width:100px;margin-right:50px;position:relative;text-decoration:none;color:#333;text-align:center}#nav .nav-list .item[data-v-1feb7ee6]:after{content:"";position:absolute;left:50%;bottom:-15px;width:1px;height:2px;background:#ff4f81;transform:translateX(-150%);-webkit-transform:translateX(-150%)}#nav .nav-list .item[data-v-1feb7ee6]:hover{color:#ff4f81;text-decoration:none}#nav .nav-list .item[data-v-1feb7ee6]:hover:after{width:60px;transition:transform .3s ease;transform:translateX(-50%);-webkit-transform:translateX(-50%)}#nav .nav-list .active[data-v-1feb7ee6]{color:#ff4f81}#nav .user-bar[data-v-1feb7ee6]{font-size:16px}#nav .user-bar .item[data-v-1feb7ee6]{margin-left:35px;color:#333;text-decoration:none}.footer-box[data-v-7450f47f]{width:100%;height:70px;background:#334259;color:#fff;font-size:16px;line-height:70px}.footer-box a[data-v-7450f47f]{color:#fff;text-decoration:none}.footer-box a[data-v-7450f47f]:hover{color:#f60}.ui-layout[data-v-21e15e92]{width:100%;height:100%;display:flex;justify-content:space-between;-webkit-box-orient:vertical;flex-direction:column}.ui-layout .ui-main[data-v-21e15e92]{flex:1;width:100%}.main{width:1200px;height:auto;margin:0 auto}