.cs-blog-page .cs-page-width{max-width:1400px;width:90%;margin:60px auto}.cs-blog-page{width:100%}.cs-ellipsis-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.cs-ellipsis-3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}.cs-blog-page img{width:100%;height:100%;object-fit:cover}.cs-blog-nav{display:flex;justify-content:space-between;width:100%;height:49.3rem;margin:30px 0}.blog-nav-item{display:flex;align-items:center;width:32%;height:100%;padding:30px;font-size:5.6rem;font-weight:700;line-height:1.2;color:#fff}.blog-nav-title{width:100%;text-align:center}.blog-nav-item:hover{transform:scale(1.05);color:#666}.cs-blog-tags{width:100%;margin:30px 0;padding:20px;background-color:#222}.blog-tags-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;width:100%;padding:30px 0}.blog-tags-item{display:block;width:max-content;height:calc(3rem + 20px);margin:0 20px 20px;overflow:hidden}.tags-item-text{width:100%;font-family:Inter,sans-serif;font-size:3rem;font-weight:600;line-height:3rem;transform:translateY(0);transition:all .3s ease-in-out;color:#ccc}.tags-item-text div{padding:10px 0}.blog-tags-item:hover .tags-item-text{transform:translateY(calc(-3rem - 20px));color:#e42635}.blog-tags-title{display:flex;align-items:center;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:14px;color:#fff}.blog-tags-title img{max-width:24px}.blog-tags-title span{display:inline-block;margin-left:10px}.cs-lastest-blog{width:100%}.lastest-blog-title{font-size:32px;font-weight:400;line-height:1.2;color:#222;margin-bottom:20px}.lastest-blog-first{display:flex;justify-content:space-between;width:100%;padding:30px 0;height:420px;border-bottom:1px solid #ccc}.lastest-blog-first:hover .lastest-first-img img{transform:scale(1.1)}.lastest-first-img,.lastest-first-con{display:block;width:49%;height:100%;overflow:hidden;border-radius:5px}.lastest-first-img img{transition:all .3s}.lastest-first-con{display:flex;flex-direction:column;justify-content:space-between}.lastest-blog-tag{font-size:14px;font-weight:400;line-height:1.2;color:#ccc}.lastest-first-title{font-size:28px;font-weight:400;line-height:1.5;color:#222;margin:20px 0}.lastest-first-text{font-size:18px;font-weight:400;line-height:1.5;color:#666}.lastest-blog-correlation{display:flex;align-items:center;font-size:14px;font-weight:400;line-height:1.5;color:#666}.lastest-blog-line{width:1px;height:70%;background-color:#666;margin:0 10px}.lastest-blog-list{padding-top:30px;display:flex;flex-wrap:wrap;justify-content:space-between}.lastest-blog-item{display:flex;justify-content:space-between;width:50%;padding:0 20px;margin-bottom:20px;height:200px;border-right:1px solid #ccc}.lastest-blog-info{display:flex;flex-direction:column;justify-content:space-between;width:58%;height:100%}.lastest-blog-img{display:block;width:40%;height:100%;border-radius:5px;overflow:hidden}.lastest-blog-img img{transition:all .3s}.lastest-blog-item:hover .lastest-blog-img img{transform:scale(1.1)}.lastest-blog-item .lastest-blog-title{display:block;font-size:18px;font-weight:400;line-height:1.5;margin:20px 0;color:#000}.cs-hot-blog{width:100%;height:auto}.hot-blog-title{font-size:32px;font-weight:400;line-height:1.2;color:#222;margin-bottom:20px}.hot-blog-content{display:flex;justify-content:space-between}.hot-blog-first{width:49%;display:flex;flex-direction:column;justify-content:space-between}.hot-blog-img{display:block;width:100%;height:60%;border-radius:5px;overflow:hidden}.hot-blog-info{width:100%;height:40%;display:flex;flex-direction:column;justify-content:space-between}.hot-blog-text{font-size:16px;font-weight:400;line-height:1.5;color:#222}.hot-blog-list{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:49%}.hot-blog-item{width:calc(50% - 10px);height:calc(50% - 20px);margin-bottom:20px}.hot-blog-item .hot-blog-title{font-size:24px;margin:10px 0}.cs-blog-title{font-size:32px;font-weight:400;line-height:1.2;color:#222;padding:20px 0;border-bottom:2px solid #000;margin-bottom:20px}.blog-list-dom{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.cs-blog-item{width:32%;height:45rem;margin-bottom:30px}.blog-item-img{display:block;width:100%;height:55%;border-radius:5px;overflow:hidden}.blog-item-info{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:45%;padding:20px 0}.blog-item-title{font-family:Oswald,sans-serif;font-size:1.7rem;font-weight:400;line-height:2.6rem;color:#000}.blog-item-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;font-family:Lato,sans-serif;font-size:1.1rem;font-weight:400;line-height:1.9rem}.hot-blog-first:hover img,.hot-blog-item:hover img,.cs-blog-item:hover img{transform:scale(1.1)}.hot-blog-first img,.hot-blog-item img,.cs-blog-item img{transition:all .3s ease-in-out}@media screen and (max-width: 768px){.cs-blog-nav{flex-wrap:wrap;width:90%;margin:0 auto;height:100vh}.blog-nav-item{width:100%;height:31%}.blog-tags-item{height:calc(2rem + 20px);margin:0 20px 20px}.tags-item-text{font-size:2rem;font-weight:600;line-height:2rem}.blog-tags-item:hover .tags-item-text{transform:translateY(calc(-2rem - 20px))}.lastest-blog-first{flex-wrap:wrap;height:600px}.lastest-first-img,.lastest-first-con{width:100%;height:49%}.lastest-first-con{padding:20px 0}.lastest-first-title{padding:10px 0}.lastest-blog-list{flex-wrap:wrap}.lastest-blog-item{width:100%}.lastest-blog-item{width:100%;height:400px;flex-wrap:wrap;flex-direction:column-reverse;padding:0;border-right:none}.lastest-blog-info{width:100%;height:40%;padding:20px 0}.lastest-blog-img{width:100%;height:60%}.cs-hot-blog{height:auto}.hot-blog-content{flex-wrap:wrap}.hot-blog-first{width:100%;height:540px;margin-bottom:30px}.hot-blog-img,.hot-blog-info{width:100%;height:49%}.hot-blog-item{width:100%;height:350px}.hot-blog-list{width:100%}.hot-blog-item .hot-blog-img{height:70%}.hot-blog-item .hot-blog-info{height:30%}.cs-blog-item{width:100%;height:400px}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/custom-blog-page.css.map */