.btn-pagi-circle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;font-size:18px;text-align:center;font-weight:500;color:var(--primary-grey-10);background:var(--primary-grey-01);cursor:pointer}.btn-pagi-circle .iconfont{font-size:18px;font-weight:600}.btn-pagi-circle:hover{color:var(--brand-indigo-06);background:var(--brand-indigo-02)}.btn-pagi-circle.focus{color:var(--primary-grey-01);background:var(--brand-indigo-06)}.btn-pagi-circle.disable{cursor:not-allowed;pointer-events:none;color:var(--primary-grey-03);background:var(--primary-grey-01)}@media screen and (max-width:767px){.btn-pagi-circle{width:36px;height:36px;font-size:14px}.btn-pagi-circle .iconfont{font-size:14px}}.c-pagination-container .nav-container{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap}.c-pagination-container .nav-container > *{margin:auto 5px}.c-pagination-container .mobile-control{display:none}@media screen and (max-width:767px){.c-pagination-container .nav-container > *{margin:auto 3px}.c-pagination-container .nav-container .pc-control{display:none !important}.c-pagination-container .mobile-control{display:flex;align-items:center;justify-content:center;margin-top:12px}.c-pagination-container .mobile-control > a{margin:auto 3px}}.c-blog-item{display:flex;border-radius:24px;flex-direction:column;overflow:hidden;border:2px solid transparent;background:var(--primary-grey-01)}.c-blog-item:hover{border-color:var(--primary-grey-02)}.c-blog-item:hover .preview .front-img{opacity:0;transform:translate(-50%,-50%) scale(0)}.c-blog-item:hover .preview .hover-img{opacity:1;transform:translate(-50%,-50%) scale(1)}.c-blog-item .preview{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:228px;background-repeat:no-repeat;background-position:center;background-size:cover}.c-blog-item .preview > img{position:absolute;left:50%;top:50%}.c-blog-item .preview .front-img{width:150px;height:auto;max-height:150px;transition:all 0.1s;transform:translate(-50%,-50%) scale(1)}.c-blog-item .preview .hover-img{opacity:0;transform:translate(-50%,-50%) scale(0);width:48px;max-height:48px;transition:all 0.1s}.c-blog-item .detail{display:flex;flex-direction:column;flex:1;padding:32px 24px;color:var(--primary-grey-05)}.c-blog-item .detail .ptime{font-size:14px;line-height:20px}.c-blog-item .detail .ptitle{margin-top:24px;margin-bottom:auto;font-size:24px;line-height:32px;font-weight:600;color:var(--primary-grey-10);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.c-blog-item .detail .pdesc{margin-top:24px;font-size:18px;line-height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.c-blog-item .detail .avatar-info{display:flex;align-items:center;margin-top:24px}.c-blog-item .detail .avatar-info > img{width:36px;height:auto}.c-blog-item .detail .avatar-info > span{font-size:16px;line-height:24px;margin-left:12px}.c-blog-item.hor{flex-direction:row}.c-blog-item.hor .preview{width:228px;height:228px}.c-blog-item.hor .detail{flex:1;justify-content:center;padding:32px 24px}.c-blog-item.hor .detail .ptitle,.c-blog-item.hor .detail .pdesc{margin-top:22px}.c-blog-item.hor .detail .avatar-info{margin-top:22px}@media screen and (max-width:767px){.c-blog-item .preview{height:216px}.c-blog-item .detail{padding:24px 20px}.c-blog-item .detail .pdesc,.c-blog-item .detail .ptitle,.c-blog-item .detail .avatar-info{margin-top:16px}.c-blog-item .detail .pdesc{font-size:16px;line-height:24px}.c-blog-item.hor{flex-direction:column}.c-blog-item.hor .preview{width:100%;height:216px}.c-blog-item.hor .detail{justify-content:flex-start;padding:24px 20px}.c-blog-item.hor .detail .ptitle,.c-blog-item.hor .detail .pdesc{margin-top:16px}.c-blog-item.hor .detail .avatar-info{margin-top:16px}}.c-blog-list > h2{font-size:50px;line-height:64px;color:var(--primary-grey-10);font-weight:700}.c-blog-list .list{display:flex;flex-wrap:wrap}.c-blog-list .list .c-blog-item{margin-top:48px;width:calc(33% - 16px);margin-right:24px}.c-blog-list .list .c-blog-item:nth-child(3n + 3){margin-right:0}@media screen and (max-width:1023px){.c-blog-list .list .c-blog-item{margin-top:48px;width:calc(50% - 12px);margin-right:24px}.c-blog-list .list .c-blog-item:nth-child(3n + 3){margin-right:24px}.c-blog-list .list .c-blog-item:nth-child(2n + 2){margin-right:0}}@media screen and (max-width:767px){.c-blog-list > h2{font-size:36px;line-height:46px}.c-blog-list .list{display:flex;flex-wrap:wrap}.c-blog-list .list .c-blog-item{margin-top:24px;width:100%;margin-right:0}.c-blog-list .list .c-blog-item:nth-child(3n + 3),.c-blog-list .list .c-blog-item:nth-child(2n + 2){margin-right:0}}.p-tests-list .c-pagination-container{margin-bottom:100px}@media screen and (max-width:1023px){.p-tests-list .c-pagination-container{margin-bottom:60px}}@media screen and (max-width:767px){.p-tests-list .c-pagination-container{margin-bottom:32px}}