.section-square[data-v-84ccff6c]{padding-bottom:20px}.section-square .square-item[data-v-84ccff6c]{position:relative;box-sizing:border-box;display:flex;align-items:center;height:55px;padding:18px 28px 18px 26px;margin-bottom:10px;background:#f8f9fa;border-radius:4px;cursor:pointer}.section-square .square-item:first-child .icon[data-v-84ccff6c]{position:relative;top:-1px}.section-square .square-item:nth-child(2) .icon[data-v-84ccff6c]{position:relative;top:-1px;width:21px;height:22px}.section-square .square-item:nth-child(3) .icon[data-v-84ccff6c]{width:22px;height:21px;margin-right:14px}.section-square .square-item[data-v-84ccff6c]:last-child{margin-bottom:0}.section-square .icon[data-v-84ccff6c]{width:20px;height:20px;margin-right:15px}.section-square .icon img[data-v-84ccff6c]{width:100%;height:100%}.section-square .square-name[data-v-84ccff6c]{margin-right:11px;font-size:16px;font-weight:500;color:#303030}.section-square .square-desc[data-v-84ccff6c]{font-size:12px;font-weight:400;color:#828a92}.section-square .icon-arrow[data-v-84ccff6c]{position:absolute;top:50%;right:18px;width:5px;height:10px;margin-top:-5px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAUCAMAAABs8jdaAAAAbFBMVEUAAAD///+qqqp/f3+AgICIiIiGhoaJiYmHh4eFhYWIiIiJiYmHh4eJiYmIiIiIiIiIiIiIiIiIiIiJiYmIiIiIiIiIiIiIiIiIiIiJiYmIiIiIiIiIiIiIiIiJiYmIiIiIiIiIiIiIiIiIiIjqGCA/AAAAI3RSTlMAAQMGCg8VHCQsLU6Vl6GlrbCyt7m+wcPN09rb3N/i5Ofr7Ivwq9kAAABcSURBVAjXZY9XCsAwDEMz2qR7793q/ncshRoH4i89ZIQk0jEUdBOGgLSZ0TOsaDWB3dAwHKgUQXSiZLhQSILkRs7wIHONX8b88wVJL9PuqJXXwSzotN/Z3eJsfAEgKgakjBG06gAAAABJRU5ErkJggg==) no-repeat 50%/5px 10px}.container[data-v-1b7fec9c],.head .iconfont[data-v-1b7fec9c]{transition:all .3s ease}.writing-achievement-wap[data-v-1b7fec9c]{padding:16px;background:#fff;border-bottom:5px solid #f6f7f8}.container[data-v-1b7fec9c]{height:49px;padding:0 14px;background:#f6f7f8;border-radius:8px;overflow:hidden}.container.open[data-v-1b7fec9c]{height:auto}.container [gk-button][data-v-1b7fec9c]{height:40px;margin-top:13px;border-radius:40px;border-color:rgba(61,178,75,.4)}.container .draftbox[data-v-1b7fec9c]{margin-top:10px}.head[data-v-1b7fec9c]{position:relative;display:flex;padding-bottom:13px;margin-top:19px;color:#3db24b}.head[data-v-1b7fec9c]:after{content:"";position:absolute;left:-16px;right:-16px;bottom:-2px;height:1px;border-bottom:1px dashed #fff}.head .iconfont[data-v-1b7fec9c]{position:relative;line-height:1;font-size:14px}.head .arrow[data-v-1b7fec9c]{position:relative;left:-2px;top:-1px;font-size:12px;font-weight:700}.head .arrow.close[data-v-1b7fec9c]{transform:rotate(-180deg)}.head span[data-v-1b7fec9c]{flex:1;margin-left:8px;line-height:1;font-size:16px;font-weight:400;color:#303030}.content[data-v-1b7fec9c]{padding-bottom:17px;margin-top:17px;line-height:24px;font-size:14px;font-weight:400;color:#4a4a4a}.content .num[data-v-1b7fec9c]{font-weight:500}.content .jump[data-v-1b7fec9c]{text-decoration:underline}.banner-action-btn[data-v-bc0e5ada]{transition:all .3s ease;display:flex;align-items:center;justify-content:center}.home-banner[data-v-bc0e5ada]{position:relative;width:100%;height:229px;border-radius:8px;overflow:hidden}.home-banner[data-v-bc0e5ada] .swiper-wrapper{display:flex}.home-banner:hover .banner-action-btn[data-v-bc0e5ada]{opacity:1}.banner-wrap[data-v-bc0e5ada]{position:relative;height:100%}.banner-wrap img[data-v-bc0e5ada]{width:100%;height:auto;border-radius:8px}.pagination[data-v-bc0e5ada]{position:absolute;z-index:10;bottom:24px;right:24px;display:flex;justify-content:flex-end;width:auto}.banner-action-btn[data-v-bc0e5ada]{position:absolute;z-index:20;top:50%;width:40px;height:40px;margin-top:-20px;background:#f8f9fa;border-radius:6px;color:#3db24b;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0}.banner-action-btn[data-v-bc0e5ada]:before{content:"";width:11px;height:11px;border:2px solid #3db24b;transform:rotate(45deg)}.banner-action-btn[data-v-bc0e5ada]:hover{background:#ebf7ec}.banner-prev-btn[data-v-bc0e5ada]{left:20px}.banner-prev-btn[data-v-bc0e5ada]:before{position:relative;top:0;left:3px;border-top:none;border-right:none}.banner-next-btn[data-v-bc0e5ada]{right:20px}.banner-next-btn[data-v-bc0e5ada]:before{position:relative;top:0;left:-3px;border-left:none;border-bottom:none}.banner-item img[data-v-bc0e5ada]{width:100%;height:auto;border-radius:8px}@media screen and (max-width:768px){.home-banner[data-v-bc0e5ada]{box-sizing:border-box;height:auto;padding:13px 16px 17px;border-bottom:5px solid #f6f7f8}.pagination[data-v-bc0e5ada]{bottom:12px;right:12px}.pagination[data-v-bc0e5ada] .pagination-dot{width:7px}.pagination[data-v-bc0e5ada] .pagination-dot.on{width:14px}.banner-action-btn[data-v-bc0e5ada]{display:none}.banner-wrap[data-v-bc0e5ada]{width:91.466vw;height:37.666vw;border-radius:4px;overflow:hidden}.banner-wrap.default[data-v-bc0e5ada]{height:auto}.banner-wrap img[data-v-bc0e5ada]{float:left}.banner-item[data-v-bc0e5ada]{height:100%}.banner-item[data-v-bc0e5ada] img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}}.action-btn[data-v-f938b19c],.avatar img[data-v-f938b19c],.info[data-v-f938b19c]{transition:all .3s ease}.writer-nick[data-v-f938b19c]{overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis}.action-btn[data-v-f938b19c]{display:flex;align-items:center;justify-content:center}.related-author[data-v-f938b19c]{position:relative;width:100%}.list-wrap[data-v-f938b19c]{position:relative;height:243px;padding:0 10px;margin:0 -20px;overflow:hidden}.list-wrap[data-v-f938b19c]:after,.list-wrap[data-v-f938b19c]:before{content:"";position:absolute;z-index:10;top:0;bottom:0;width:20px}.list-wrap[data-v-f938b19c]:before{left:20px;width:30px;background:url(../../../../static/infoq/www/img/left-layer.dfbafe24.png) no-repeat;background-size:20px 100%}.list-wrap[data-v-f938b19c]:after{right:20px;background:url(../../../../static/infoq/www/img/right-layer.202e13d1.png) no-repeat;background-size:30px 100%}.action-btn[data-v-f938b19c]{position:absolute;top:50%;width:40px;height:40px;margin-top:-20px;background:#f8f9fa;border-radius:6px;color:#3db24b;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.action-btn[data-v-f938b19c]:before{content:"";width:11px;height:11px;border:2px solid #828a92;transform:rotate(45deg)}.action-btn[data-v-f938b19c]:hover:before{border-color:#3db24b}.author-prev-btn[data-v-f938b19c]{left:-40px}.author-prev-btn[data-v-f938b19c]:before{position:relative;top:0;left:3px;border-top:none;border-right:none}.author-next-btn[data-v-f938b19c]{right:-40px}.author-next-btn[data-v-f938b19c]:before{position:relative;top:0;left:-3px;border-left:none;border-bottom:none}.author-list-wrap[data-v-f938b19c]{display:flex;padding:20px 8px;margin:0 20px 0 18px}.author-list-wrap[data-v-f938b19c] .swiper-wrapper{display:flex}.author-item[data-v-f938b19c]{display:inline}.writer-item[data-v-f938b19c]{display:inline-flex}.info[data-v-f938b19c]{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;width:192px;height:203px;background:#fff;box-shadow:0 0 18px 4px #f2f3f3;border-radius:10px;cursor:pointer}.info[data-v-f938b19c]:hover{box-shadow:0 0 20px 6px #ecebeb}.avatar[data-v-f938b19c]{display:flex;justify-content:center;cursor:pointer}.writer-nick[data-v-f938b19c]{width:140px;margin:8px auto;text-align:center;line-height:24px;font-size:14px;font-weight:600;color:#3db24b}.writer-nick a[data-v-f938b19c]{color:#3db24b}.writer-nick:hover a[data-v-f938b19c]{color:#349740}.related-why[data-v-f938b19c]{height:63px;padding:0 20px;margin-right:-3px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;/*! autoprefixer: ignore next */-webkit-box-orient:vertical;line-height:21px;font-size:14px;font-weight:400;color:#828a92}.related-why[data-v-f938b19c]:before{content:attr(data-why)}@media screen and (max-width:768px){.related-author[data-v-f938b19c]{margin-top:7px}.good-author[data-v-f938b19c]{padding:13px 0 20px;border:5px solid #f6f7f8;border-right:none;border-left:none}.good-author-title[data-v-f938b19c]{margin-left:16px}.good-author-title[data-v-f938b19c] .title{font-size:18px;font-weight:500}.good-author-title.com-section-title[data-v-f938b19c]:before{top:7px;width:3px;height:15px}.action-btn[data-v-f938b19c]{display:none}.list-wrap[data-v-f938b19c]{padding:0;margin:0;height:auto}.list-wrap[data-v-f938b19c]:after,.list-wrap[data-v-f938b19c]:before{display:none}.scroll-wrap[data-v-f938b19c]{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.writer-item[data-v-f938b19c]{flex-shrink:0;padding-right:10px}.writer-item .info[data-v-f938b19c]{justify-content:flex-start;width:150px;height:166px;box-shadow:none;background:#f8f9fa}.writer-item .avatar[data-v-f938b19c]{margin-top:14px}.writer-item[data-v-f938b19c]:first-child{padding-left:16px}.writer-item[data-v-f938b19c]:last-child{padding-right:16px}.writer-nick[data-v-f938b19c]{box-sizing:border-box;width:100%;padding:0 13px;margin:9px auto 0;font-size:14px;color:#3db24b}.writer-nick [com-author-name][data-v-f938b19c]{color:#3db24b}.related-why[data-v-f938b19c]{padding:0 13px;line-height:20px}}.good-writer[data-v-51ad8384]{margin:0 -1px 15px}.un-login[data-v-51ad8384]{padding-top:82px;text-align:center;line-height:1;font-size:16px;font-weight:600;color:#828a92}.un-login [gk-button][data-v-51ad8384]{width:120px;height:34px;margin:19px auto;background:#f8f9fa;color:#3db24b;border-color:transparent;font-size:16px}@media screen and (max-width:768px){.component[data-v-51ad8384]{padding:0 16px}.good-writer[data-v-51ad8384]{margin:0 -16px}[article-list].has-writer[data-v-51ad8384]{padding-top:11px}}.page-home[data-v-89e027b2]{display:flex;justify-content:space-between;padding:20px 0 80px}.main[data-v-89e027b2]{width:840px}.common-section[data-v-89e027b2]{margin-top:20px}.common-section[data-v-89e027b2]:first-child{margin-top:0}.recommend-label-section[data-v-89e027b2]{position:-webkit-sticky;position:sticky;top:92px}.sidebar[data-v-89e027b2]{position:relative;width:306px}@media screen and (max-width:768px){.page-home[data-v-89e027b2]{padding-top:0}.main[data-v-89e027b2]{width:100%}.common-section[data-v-89e027b2]{margin-top:0}}