#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#333}.top-nav{display:flex;justify-content:center;align-items:center;padding:20px 16px}nav{padding:30px}nav a{font-weight:700;color:#333}nav a.router-link-exact-active{color:#42b983}*{box-sizing:border-box}html{font-size:14px}body,html{height:100%}body{color:#333;font:1em/1.4 Microsoft Yahei,PingFang SC,Avenir,Segoe UI,Hiragino Sans GB,STHeiti,"Microsoft Sans Serif",WenQuanYi Micro Hei,sans-serif;margin:0}dd,dl,h1,h3,h4,p,ul{padding:0;margin:0}a{text-decoration:none;color:#333;outline:none}i{font-style:normal}input[type=checkbox],input[type=password],input[type=search],input[type=text]{padding:0;outline:none;border:none;-webkit-appearance:none}input[type=checkbox]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=text]::-moz-placeholder{color:#ccc}input[type=checkbox]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=text]::placeholder{color:#ccc}.placeholder{color:#ccc}img{vertical-align:middle}ul{list-style:none}#app{background:#f5f5f5;height:100%}.container{width:1240px;margin:0 auto;position:relative}.ellipsis{white-space:nowrap}.ellipsis,.ellipsis-2{text-overflow:ellipsis;overflow:hidden}.ellipsis-2{word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.fl{float:left}.fr{float:right}.flex{display:flex;justify-content:center;align-items:center}.clearfix:after{content:".";display:block;visibility:hidden;height:0;line-height:0;clear:both}.two-lines{word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}