.banner{height:350px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-size:cover;background-color:#000;background-position:center;background-image:url(../images/blog-banner.png)}.banner .banner-title{color:#fff;text-align:center;line-height:25px;font-size:36px;margin-bottom:25px;padding:0 20%}.banner p:last-of-type{color:#fff;font-size:14px;text-align:center;line-height:25px;padding:0 20%}.blog-list{padding:40px 0}.blog-card{max-width:100%;margin-bottom:30px;display:flex;background-color:#fff}.blog-card .blog-card-img-box{width:50%;max-height:400px;display:flex;justify-content:center;align-items:center;overflow:hidden}.blog-card .blog-card-img-box img{width:100%;height:auto}.blog-card-r{width:50%;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.blog-card-title{font-size:24px;font-weight:700;line-height:36px;margin-bottom:30px;overflow:hidden;text-overflow:ellipsis;-moz-text-overflow:"…";display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.blog-card-introduce{font-size:14px;line-height:24px;color:#8c8c8c;margin-bottom:15px;overflow:hidden;text-overflow:ellipsis;-moz-text-overflow:"…";display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:calc(3em + 34px)}.blog-card-r-b{display:flex;justify-content:space-between;align-items:center}.profile-box{display:flex}.profile-box .name a{color:#8c8c8c;font-size:16px;font-weight:300;line-height:20px}.profile-box .time{color:#8c8c8c;font-size:12px;font-weight:300;line-height:20px}.profile-box .profile{width:40px;height:40px;border-radius:50%;margin-right:10px}.profile-box .profile img{width:100%;height:100%;border-radius:50%}.read-more a{font-size:30px;font-weight:400;color:#515151;cursor:pointer}.appraise-box{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.appraise-box .title{font-size:32px;font-weight:700;color:#000;line-height:26px;margin-bottom:20px}.appraise-box .reviews{font-size:12px;font-weight:300;color:#000;line-height:26px}.appraise-box div:first-of-type{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:start;margin:0 10px}.appraise-box img:first-of-type{width:100px;margin:0 10px}.appraise-box img:last-of-type{width:172px;margin:0 10px}@media(max-width:1440px){.banner{height:300px}.banner .banner-title{font-size:28px;margin-bottom:15px}.banner p:last-of-type{line-height:18px}}@media(max-width:940px){.banner .banner-title{font-size:28px;padding:0 10%}.banner p:last-of-type{padding:0 10%}}@media(max-width:650px){.banner .banner-title{font-size:21px;padding:0 5%;margin-top:2%;margin-bottom:0}.banner p:last-of-type{font-size:12px;padding:2%}.appraise-box .title{font-size:22px}}@media(max-width:1080px){.blog-card{flex-direction:column!important}.blog-card .blog-card-img-box{width:100%!important}.blog-card-r{width:100%!important}}