section.banner{position:relative;overflow:hidden}section.banner.aost-show .pic{transform:scale(1)}section.banner .pic{width:100%;height:100%;transition:transform 1s;position:relative;transform:scale(1.1)}section.banner .pic:before{content:"";width:100%;height:0;padding-bottom:41.6667%;display:block}section.banner .pic picture{width:100%;height:100%;display:block;position:absolute;top:0;left:0}section.banner .pic img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}section.banner .scroll-btn{cursor:pointer;background:#ffffff80;border:1px solid #fffc;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .5s;display:flex;position:absolute;bottom:50px;right:80px;box-shadow:10px 10px 20px #00000026}@media only screen and (width>=1201px){section.banner .scroll-btn:hover{transform:translateY(5px)}}@media only screen and (width<=1200px){section.banner .scroll-btn:active{transform:translateY(5px)}}section.banner .scroll-btn i{color:#fff;font-size:.875rem}@media only screen and (width<=1200px){section.banner .scroll-btn{bottom:40px;right:40px}}@media only screen and (width<=767px){section.banner .pic{position:relative}section.banner .pic:before{content:"";width:100%;height:0;padding-bottom:112%;display:block}section.banner .pic picture{width:100%;height:100%;display:block;position:absolute;top:0;left:0}section.banner .pic img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}section.banner .scroll-btn{width:40px;height:40px;bottom:20px;right:20px}}.section-wrap{z-index:1;background:#fff;position:relative}.section-wrap:before{z-index:-1;content:"";background:linear-gradient(#f4f4f4 0%,#f4f4f400 8.2%);width:100%;height:100%;position:absolute;top:0;left:0}section.breadcrumb .container{grid-column:2/-2}section.article{padding:var(--space-50-80) 0 var(--space-80-160);position:relative}section.article .container{grid-column:var(--grid-6-slow);width:100%;max-width:1310px;margin:0 auto}@media only screen and (width>=2048px){section.article .container{grid-column:7/-7}}section.article .date{padding:var(--space-50-80) 0 var(--space-80-160);width:160px;height:100%;position:absolute;top:0;left:min(4.16667vw,80px)}section.article .date .sticky{position:sticky;top:100px}section.article .date .yy{align-items:center;gap:10px;display:flex}section.article .article-block{margin-top:var(--space-50-80)}section.article .tag-block{margin-top:var(--space-50-80);align-items:flex-start;gap:30px;display:flex}section.article .tag-block .title{flex-shrink:0;align-items:center;gap:5px;display:flex}section.article .tag-block .title .icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex;transform:rotate(-45deg)}section.article .tag-block .title .icon i{font-size:.9375rem}section.article .tag-block .tags{flex-wrap:wrap;gap:10px 20px;display:flex}@media only screen and (width<=1200px){section.article .container>.title{margin-top:50px}section.article .date{padding:unset;top:unset;left:unset;width:100%;height:auto;position:static}section.article .date .sticky{top:unset;align-items:center;gap:5px;display:flex;position:static}}@media only screen and (width<=767px){section.article .tag-block{flex-direction:column;gap:20px}}section.more{padding-top:var(--space-80-160);z-index:1;position:relative;overflow:hidden}section.more:before{z-index:-1;content:"";background:linear-gradient(#f7f7f7 0%,#f7f7f71a 100%);width:100%;height:100%;position:absolute;top:0;left:0}section.more.aost-show .container>div:first-child,section.more.aost-show .container>div:nth-child(2){opacity:1;transform:translate(0,0)}section.more .container{grid-column:var(--grid-7);width:100%;max-width:1310px;margin:0 auto;display:flex}section.more .container>div:first-child{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}section.more .container>div:nth-child(2){opacity:0;transition:opacity .8s .2s,transform .8s .2s;transform:translateY(30px)}section.more .prev,section.more .next{padding-right:var(--1fr-space);width:50%}section.more .prev .date-block,section.more .next .date-block{align-items:center;gap:10px;display:flex}section.more .prev .title,section.more .next .title{transition:color .5s;display:block}section.more .prev .title:not(:first-child),section.more .next .title:not(:first-child){margin-top:50px}@media only screen and (width>=1201px){section.more .prev .title:hover,section.more .next .title:hover{color:#ff7f35}}@media only screen and (width<=1200px){section.more .prev .title:active,section.more .next .title:active{color:#ff7f35}}section.more .prev .title p,section.more .next .title p{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}section.more .prev .des,section.more .next .des{color:#000c}section.more .prev .des:not(:first-child),section.more .next .des:not(:first-child){margin-top:15px}section.more .prev .des p,section.more .next .des p{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}section.more .prev .pic,section.more .next .pic{width:240px;height:240px;display:block;position:relative}section.more .prev .pic:before,section.more .next .pic:before{content:"";width:100%;height:0;padding-bottom:100%;display:block}section.more .prev .pic picture,section.more .next .pic picture{width:100%;height:100%;display:block;position:absolute;top:0;left:0}section.more .prev .pic img,section.more .next .pic img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}section.more .prev .pic:not(:first-child),section.more .next .pic:not(:first-child){margin-top:50px}@media only screen and (width<=1200px){section.more .prev .title:not(:first-child),section.more .next .title:not(:first-child),section.more .prev .pic:not(:first-child),section.more .next .pic:not(:first-child){margin-top:30px}}@media only screen and (width<=767px){section.more .container{flex-direction:column;gap:50px}section.more .prev,section.more .next{padding-right:unset;width:100%}}
