.blog-page{padding:70px 70px 0;border-radius:30px 30px 30px 30px;margin-bottom:20px}.blog-page .list-hot{display:flex;justify-content:space-between}.blog-page .list-hot .space{padding:22px}.blog-page .list{margin-top:40px;display:flex;justify-content:space-between;flex-wrap:wrap}@media only screen and (max-width:600px){.blog-page{padding-left:15px;padding-right:15px;padding-top:40px}.blog-page .list-hot{flex-wrap:wrap}.blog-page .list{margin-top:0}.blog-page .blog-list-hot{max-width:100%}.blog-page .blog-list-hot img{height:240px}}.title-page{margin-bottom:40px}.title-page .title{font-size:50px}.title-page .content,.title-page .title{text-align:center;color:var(--primary-color)}.title-page .content{margin-top:10px;font-size:25px;font-weight:700}@media only screen and (max-width:600px){.title-page{padding:0 5px;margin-bottom:20px}.title-page .title{font-size:30px}.title-page .content{font-size:20px}}.blog-item{width:100%;max-width:350px;border-radius:10px;cursor:pointer;overflow:hidden;margin-bottom:50px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2)}.blog-item .image{width:100%;height:233px}.blog-item .blog-item__content{padding:24px;border-radius:0 0 10px 10px;height:200px;display:flex;flex-direction:column;justify-content:space-between}.blog-item .blog-item__content .title{font-size:24px;color:#3a424d}.blog-item .blog-item__content .date{font-size:12px;color:#7d7d7d;margin-top:5px}@media only screen and (max-width:600px){.blog-item .blog-item__content{padding:12px;height:120px}.blog-item .blog-item__content .title{font-weight:500;font-size:18px}.blog-item{max-width:48%;margin-bottom:20px}.blog-item .image{height:115px}}