#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:50px}.nav-main{width:100%;height:50px;background:#3b3738;color:#fafafa;box-shadow:0 0 5px rgba(0,0,0,.5);position:fixed;top:0;display:flex;flex-direction:row;padding:0 20px}.nav-main .nav-home{font-size:22px;color:#fff;line-height:50px;text-decoration:none;display:flex;flex-direction:column;align-items:center}body,html{margin:0;padding:0;background:#fff}.header-main{background:#2d2d2d;padding:50px 0;color:#fdf3e7;font-weight:300;justify-content:center;display:flex;box-sizing:border-box;flex-direction:column}.header-main .header-title{font-size:64px;text-align:center}.header-main .header-search{margin-top:30px;text-align:center}.header-main .header-search .search-input{background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA/JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQwRTY4NTg0QTY3MjExRTVCMEJDRUEzMTExQkQ2QjFDIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQwRTY4NTgzQTY3MjExRTVCMEJDRUEzMTExQkQ2QjFDIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkY4RDgzQTE4NTMzMTFFNThFNDBGRDA4MUQ5RkQwQTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkY4RDgzQTI4NTMzMTFFNThFNDBGRDA4MUQ5RkQwQTciLz4gPGRjOnRpdGxlPiA8cmRmOkFsdD4gPHJkZjpsaSB4bWw6bGFuZz0ieC1kZWZhdWx0Ij5nbHlwaGljb25zPC9yZGY6bGk+IDwvcmRmOkFsdD4gPC9kYzp0aXRsZT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5vjCP/AAABBklEQVR42rRW0Q2EIAwFJ3AER3AEN7jb4BzlRnCEjsAIjsAIvQ24Cbh64YM0Ai3RJi/GWN8r9VG0phAxxpUuC2Fij3YCWGvR9AQRPwkY2wGEUUsOUReBMNc4bU5Olxd7/iE4Qkj3B9mD5XyPVlLLfKstvLK1kDsRHMv3rdagZtmFdq5Ft4gS24WhpBJUmoIXxy1tBuZzp3Q1zz8VyCNo2Mk5zfzB3BxcYFZ+g1mS9G59KKlVTWXj5OGk1fPZpNk0ICAP4pUfU/HkBUw+HxlxaSCC6ahKGyIRf6tINgKwcgZAMgd0i2QOW3IoDim4bLdWRLa7Rdylc4eJePVPgVBkS0fqn/wnwADqxwYMJzZlewAAAABJRU5ErkJggg==) no-repeat 10px;background-color:#555;background-size:16px 16px;height:40px;font-size:20px;padding:0 10px 0 35px;color:#fff;width:340px;border:none;border-radius:4px;caret-color:#fff;outline:none;transition:background-color .3s ease}.bottom-list{max-width:1260px;margin:0 auto;padding:0 20px}.bottom-list .article-list{margin:40px auto 0;max-width:800px;list-style-type:none}.bottom-list .article-list .article-item{padding:15px 0;text-rendering:optimizeSpeed;transition:color .3s ease;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between}.bottom-list .article-list .article-item .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px;font-size:16px;margin-right:20px}.bottom-list .article-list .article-item .add-time{float:right;font-size:12px}.bottom-list .load-more:hover{color:#05a5d1;border-color:#05a5d1}.bottom-list .load-more{display:block;padding:5px;line-height:20px;width:200px;border-radius:5px;cursor:pointer;margin:20px auto 30px;transition:all .2s ease-in-out;text-align:center;font-size:14px;border:1px solid #aaa;color:#a1a1a1;font-weight:600}.article-container{max-width:600px;margin-left:auto;margin-right:auto;box-sizing:border-box;text-align:left}:root{--bg-color:#fff}