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}.common-loading{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:99999999;display:none}.common-loading .load{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.common-loading .load img{width:50px;height:50px}.lo_message{width:100%;position:fixed;top:200px;height:40px;display:flex;text-align:center;align-items:center;justify-content:center;transition:all .2s;z-index:999998}.lo_message span{background:rgba(0,0,0,0.8);border-radius:4px;color:#fff;font-size:14px;padding:6px 14px}body{background-color:#09090B}.blog{width:100%;max-width:2560px;margin:0 auto}.blog-header{width:100%;max-width:2560px;background-color:#09090B;background:url(../img/blog_bg.png) no-repeat center;background-size:cover;box-sizing:border-box;padding:240px 0px;margin:0 auto}.blog-header>h1{font-weight:600;font-size:90px;line-height:115px;text-shadow:0 25px 50px rgba(0,0,0,0.25);text-align:center;color:#FFFFFF}.blog-header .subtitle{font-weight:400;font-size:20px;color:#A1A1AA;line-height:28px;text-align:center;margin-top:16px}@media screen and (max-width:1440px){.blog-header{padding:120px 20px}.blog-header h1{font-size:60px;line-height:75px}.blog-header .subtitle{font-weight:400;font-size:16px;color:#A1A1AA;line-height:24px}}.blog-tag{width:100%;max-width:1440px;margin:0 auto;display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:70px}.blog-tag .blog-tag-item{padding:0px 30px;height:48px;border-radius:59px;border:1px solid rgba(255,255,255,0.2);font-weight:400;font-size:20px;color:#A1A1AA;line-height:48px;text-align:center;cursor:pointer}.blog-tag .blog-tag-item:hover{background-color:#6EE7B7;color:#09090B}.blog-tag .active{background-color:#6EE7B7;color:#09090B}.blog-box{width:100%;max-width:1440px;margin:0 auto;display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:30px}.blog-box .blog-item{width:460px;box-sizing:border-box;padding:24px;border-radius:13px;border:1px solid rgba(255,255,255,0.19)}.blog-box .blog-item .blog-banner{width:100%;height:210px;background-color:#A1A1AA}.blog-box .blog-item .blog-title{margin-top:16px;height:48px;font-weight:500;font-size:16px;color:#FFFFFF;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.blog-box .blog-item .blog-subtitle{margin-top:16px;height:44px;font-weight:500;font-size:14px;color:rgba(255,255,255,0.7);line-height:22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.blog-box .blog-item .blog-Bottom{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.blog-box .blog-item .blog-Bottom .author{display:flex;align-items:center;gap:8px}.blog-box .blog-item .blog-Bottom .author .blog-profile{width:32px;height:32px;background:#D9D9D9;border-radius:50%}.blog-box .blog-item .blog-Bottom .author .name{font-weight:500;font-size:14px;color:#FFFFFF;line-height:22px;text-align:left}.blog-box .blog-item .blog-Bottom .release-time{font-weight:400;font-size:14px;color:rgba(255,255,255,0.7);line-height:22px;text-align:left}.page{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;width:100%;max-width:1440px;margin:0 auto;margin-top:30px;padding-bottom:30px}.page .page-button,.page .page-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,0.12);cursor:pointer}.page .page-number{font-weight:400;font-size:14px;color:#FFFFFF;line-height:22px;text-align:center}.page .page-number:hover{background:rgba(110,231,183,0.2);color:#6EE7B7}.page .page-button:hover{background:rgba(110,231,183,0.2)}@media screen and (max-width:1440px){.blog-tag{box-sizing:border-box;padding:0 20px}.blog-box{box-sizing:border-box;padding:0 20px}.page{box-sizing:border-box;padding:0 20px;padding-bottom:30px}}