.articlePage{min-height:100vh}.articlePage .header{display:flex;justify-content:center;align-items:center;width:100%;height:300px;overflow:hidden}.articlePage .header img{width:100%;height:auto}.articlePage .pageContent{max-width:1000px}.articlePage .pageContent>div{padding:30px 60px}.articlePage .pageContent .articleTitle{font-size:1.8rem;font-weight:700}.articlePage .pageContent .tag{padding:1px 5px;margin-right:5px;border-radius:4px;color:#fff;font-size:.85rem}.articlePage .pageContent .tag-type-1{background:#82b019}.articlePage .pageContent .tag-type-2{background:#d1ae29}.articlePage .pageContent .tag-type-3{background:#8800a7}.articlePage .pageContent .tag-type-4{background:#667638}.articlePage .pageContent .divider{width:100%;height:0;border-bottom:1px solid #d3d3d3}.articlePage .pageContent .articleContent{font-size:1rem}.articlePage .pageContent .articleContent img{max-width:100%}.articlePage .pageContent .btn-articleAction{display:flex;align-items:center;position:relative;padding:8px 15px;border:0;background:none;font-size:1rem;font-weight:700;cursor:pointer;transition:.3s}.articlePage .pageContent .btn-articleAction:before{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;background:#d3d3d3;transition:.3s}.articlePage .pageContent .btn-articleAction.disable{opacity:0}.articlePage .pageContent .btn-articleAction svg{width:16px}.articlePage .pageContent .btn-articleAction:hover{color:var(--cyberstar-blue-btn-hover);transform:scale(1.05)}.articlePage .pageContent .btn-articleAction:hover:before{left:-20%;width:140%}@media(max-width:768px){.articlePage .pageContent>div{padding:30px 0}}