body,html{height:100%;font-size:16px}*{margin:0;padding:0}em,i{font-style:normal}div,span,p,img,i,ul,li,a{caret-color:transparent}li{list-style:none}img{border:0;vertical-align:middle;border:none}button{cursor:pointer}a{color:#101828;text-decoration:none}button,input{font-family:Microsoft YaHei,SC,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif}input,textarea{outline:none;caret-color:#999}body,html{width:100%;height:100%}body{margin:0;padding:0;width:100%;height:100%}h1{padding:0;margin:0}.blog-container .banner-header{padding-top:120px;background:linear-gradient(180deg, #DAE2FF 0%, #FFFFFF 100%);height:177px}.blog-container .banner-header>.page-navigat{max-width:1200px;width:100%;margin:0 auto;display:flex;align-items:center;position:relative;z-index:1}.blog-container .banner-header>.page-navigat>a{font-size:12px;color:#101828;line-height:20px}.blog-container .banner-header>.page-navigat>a.on{color:#4F46E5}.blog-container .banner-header>.page-navigat>img{margin:0 4px}.blog-container .banner-header>h1{font-size:48px;color:#333333;line-height:48px;text-align:center;margin-top:40px;margin-bottom:12px}.blog-container .banner-header>.tips{font-size:16px;color:#666666;line-height:24px;margin:0 auto;text-align:center}.blog-container .banner-header>.tips>a{color:#4F46E5}.blog-container .page-navigation{padding:12px 0;background:#E4E9FF}.blog-container .page-navigation>p{max-width:1200px;width:100%;margin:0 auto}.blog-container .page-navigation>p>a{padding:0 32px;font-size:16px;color:#979AA8}.blog-container .page-navigation>p>a.on{color:#101828;font-weight:bold}.blog-container .blog-containers{max-width:1200px;width:100%;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;margin-top:32px;gap:32px;padding-bottom:80px}.blog-container .blog-containers>a{display:flex;flex-direction:column;gap:8px;max-width:378px;width:100%;transition:all .3s}.blog-container .blog-containers>a:hover>.title{color:#4F46E5;text-decoration-line:underline}.blog-container .blog-containers>a>img{height:180px}.blog-container .blog-containers>a>div{display:flex;align-items:center;justify-content:space-between}.blog-container .blog-containers>a>div>div{display:flex;align-items:center;gap:8px}.blog-container .blog-containers>a>div>div>img{width:30px;height:30px}.blog-container .blog-containers>a>div>div>p{font-size:14px;color:#666666;line-height:22px}.blog-container .blog-containers>a>div>p{font-size:14px;color:#999999}.blog-container .blog-containers>a .title{font-weight:600;font-size:18px;color:#333333;line-height:26px;transition:all .3s}.blog-container .blog-containers>a .content{font-size:14px;color:#666666;line-height:22px;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all;line-height:1.5}.blog-container>.page{display:flex;align-items:center;justify-content:center;margin-top:32px;margin-bottom:80px;column-gap:8px}.blog-container>.page>a{width:32px;height:32px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:rgba(0,0,0,0.9);border-radius:100%}.blog-container>.page>a.active,.blog-container>.page>a:hover{background:#866BED;color:#fff}.blog-container>.page>a.preArraw,.blog-container>.page>a.nextArraw{width:32px;height:32px;border-radius:100%;display:flex;align-items:center;justify-content:center;background:transparent}.blog-container>.page>a.preArraw>i,.blog-container>.page>a.nextArraw>i{display:block;width:32px;height:32px;background:url(../img/blog_arraw.png) no-repeat center center;background-position:0 0}.blog-container>.page>a.preArraw:hover>i{background-position:0 -32px}.blog-container>.page>a.preArraw>i{background-position:0 0}.blog-container>.page>a.nextArraw:hover>i{background-position:-32px -32px}.blog-container>.page>a.nextArraw>i{background-position:-32px 0}