.article-layout{max-width:100%;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;color:#dbd2d2}.article-layout .article-main{width:800px}.article-layout .article-main .article-info{color:#fff;margin-bottom:25px}.article-layout .article-main .article-info .article-title{font-size:32px;line-height:1.35}.article-layout .article-main .article-info .article-meta{margin-top:6px}.article-layout .article-main .article-info .article-meta .meta{font-size:12px;color:#fff}.article-layout .article-main .article-info .article-meta .meta:not(:first-child):before{content:"";width:0;height:10px;margin:0 13px;display:inline-block;background:none!important;border-right:1px solid;opacity:.7}.article-layout .article-main .article-image{position:relative;margin-bottom:25px;border-radius:8px;overflow:hidden}.article-layout .article-main .article-image .article-img{display:block;width:100%;aspect-ratio:790 / 444}.article-layout .article-main p{font-size:15px;margin-bottom:15px;line-height:24px}.article-layout .article-main .article-banner,.article-layout .article-main .article-pic{max-width:790px;max-height:444px;width:100%;height:fit-content;margin:10px auto;display:block}.article-layout .article-main h2,.article-layout .article-main h3,.article-layout .article-main h4,.article-layout .article-main h5,.article-layout .article-main h6{font-size:20px;line-height:28px;color:#fff;margin:10px 0;font-weight:700}.article-layout .article-main h3{font-size:18px;line-height:24px;color:#f8f8f8}.article-layout .article-main h2{padding-bottom:8px;position:relative}.article-layout .article-main h2:before{content:"";width:50px;height:2px;bottom:0;left:0;z-index:2;background:#345eee;position:absolute}.article-layout .article-main h2:after{content:"";width:100%;height:2px;bottom:0;left:0;z-index:1;background:#7e7474;position:absolute}.article-layout .article-main .popular-posts{margin-top:33px;border-top:1px solid #345eee;padding:36px 0}.article-layout .article-main .popular-posts .popular-title{font-weight:600;font-size:20px;color:#fff;text-align:center;margin-bottom:30px}.article-layout .article-main .popular-posts .post-wrapper{padding:0 12px;display:grid;grid-template-columns:repeat(3,250px);justify-content:center;gap:12px}.article-layout .article-main .article-discount{margin:30px 0;display:flex;box-shadow:0 0 12px #010202}.article-layout .article-main .article-discount .discount-image{width:44%;aspect-ratio:345 / 211;background-color:#dde8ff;position:relative;overflow:hidden}.article-layout .article-main .article-discount .discount-image img{object-fit:contain;width:100%;height:100%}.article-layout .article-main .article-discount .discount-image .blur{display:none}.article-layout .article-main .article-discount .discount-content{width:56%;padding:13px 34px;background-color:#122043;display:flex;flex-direction:column;justify-content:space-between}.article-layout .article-main .article-discount .discount-content .line{width:40px;height:3px;background:#345eee;margin-bottom:24px}.article-layout .article-main .article-discount .discount-content .text{font-size:18px;font-family:Poppins,sans-serif;line-height:26px;-webkit-line-clamp:4;margin-bottom:0}.article-layout .article-main .article-discount .discount-content .btn{padding:6px 28px;border-radius:20px;background:#fff;color:#345eee;font-family:Poppins;font-size:16px;font-weight:600;margin-top:24px;width:fit-content}.article-layout .article-main .article-discount .discount-content .right{display:none}.article-layout .article-sidebar{width:380px;margin-left:50px;position:sticky;top:0}.article-layout .article-sidebar .sidebar-latest .latest-title{display:flex;border-bottom:2px solid #345eee;margin-bottom:30px}.article-layout .article-sidebar .sidebar-latest .latest-title span{font-size:14px;line-height:1.3;padding:8px 12px;background-color:#345eee;color:#fff;font-weight:600}.article-layout .back-top{position:fixed;right:2vw;bottom:3vh;width:40px;height:40px;background-color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;border-radius:10px;border:2px solid #fff;background-color:#081126}[id^=gn_delivery]{background-color:#fff;margin-bottom:15px}@media screen and (max-width: 1320px){.article-layout .article-sidebar{width:800px;margin-left:0}}@media screen and (max-width: 991px){.article-layout{margin-top:15px}.article-layout .article-title{line-height:21px}.article-layout p{font-size:16px;line-height:18px}}@media screen and (max-width: 840px){.article-layout .article-main{width:760px}}@media screen and (max-width: 800px){.article-layout .article-main{width:100%}.article-layout .article-main .popular-posts .post-wrapper{grid-template-columns:repeat(2,340px)}.article-layout .article-main .popular-posts .post-wrapper .popular-post:last-child{display:none}.article-layout .article-main .article-info{margin-bottom:15px}.article-layout .article-main .article-info .article-title{font-size:22px}.article-layout .article-main .article-info .article-meta .meta{color:#888}.article-layout .article-main .article-desc{margin-bottom:0}.article-layout .article-main .article-image{margin-bottom:15px}.article-layout .article-main .article-discount{display:block;height:auto}.article-layout .article-main .article-discount .discount-image{width:100%;background:transparent;border-radius:6px}.article-layout .article-main .article-discount .discount-image .blur{display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:-99}.article-layout .article-main .article-discount .discount-image .blur img{filter:blur(20px);background-color:#081126;object-fit:cover}.article-layout .article-main .article-discount .discount-image .blur:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff8c}.article-layout .article-main .article-discount .discount-content{width:100%;margin-top:12px;padding:10px 14px;border-radius:6px;border:1px solid #2d3855;display:flex;align-items:center;justify-content:space-between;flex-direction:row}.article-layout .article-main .article-discount .discount-content .line{display:none}.article-layout .article-main .article-discount .discount-content .text{color:#fff;font-size:16px;font-weight:500;line-height:24px;letter-spacing:.556px;padding-right:14px;-webkit-line-clamp:2}.article-layout .article-main .article-discount .discount-content .btn{display:none}.article-layout .article-main .article-discount .discount-content .right{display:block}.article-layout .article-sidebar{width:100%}.style-1 .article-layout .article-main .article-info .article-title{font-size:20px;line-height:1.1}.style-1 .article-layout .article-main .article-info .article-meta{display:none}.style-1 .article-layout .article-main .article-image{margin-bottom:13px}.style-1 .article-layout .article-main p{font-size:12px;line-height:normal}.style-1 .article-layout .article-main .article-content{visibility:hidden}.style-1 .article-layout .article-main .article-content.visible{visibility:visible}}@media screen and (max-width: 740px){.article-layout .article-main .popular-posts .post-wrapper{grid-template-columns:repeat(1,460px)}.article-layout .article-main .popular-posts .post-wrapper .popular-post:not(:first-child){display:none}}@media screen and (max-width: 500px){.article-layout .article-main .popular-posts .post-wrapper{grid-template-columns:repeat(1,300px)}}.popular-post .post-pic{width:100%;aspect-ratio:270 / 180;border-radius:8px;overflow:hidden;transition:opacity .2s}.popular-post .post-pic:hover{opacity:.8}.popular-post .post-text{margin-top:17px}.popular-post .post-text .post-title{font-size:18px;line-height:1.4;color:#fff;margin-bottom:0;transition:color .2s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;width:100%;white-space:normal}.popular-post .post-text .post-title:hover{color:#345eee}.latest-post{display:flex;align-items:flex-start;padding-bottom:20px;margin-bottom:20px}.latest-post:not(:last-child){border-bottom:1px solid #345eee}.latest-post .post-pic{width:120px;aspect-ratio:120 / 80;margin-right:20px;border-radius:8px;overflow:hidden;transition:opacity .2s}.latest-post .post-pic:hover{opacity:.8}.latest-post .post-text{flex:1}.latest-post .post-text .post-title{color:#fff;font-size:15px;line-height:1.4;margin-bottom:5px;transition:color .2s}.latest-post .post-text .post-title:hover{color:#345eee}.latest-post .post-text .post-date{font-size:13px;color:#888;line-height:1.2}