#app,.blog{background:#f4f5f6}.p-10{padding:10px}.blog{margin-top:68px;position:relative}.blog .blog-list{padding-top:32px}.blog .blog-list .blog-item{margin-bottom:24px;background:#fff;-webkit-box-shadow:0 2px 4px 0 rgba(180,180,180,.5);box-shadow:0 2px 4px 0 rgba(180,180,180,.5);border-radius:2px;cursor:pointer}.blog .blog-list .blog-item .list-left .list-img{border-radius:2px;position:relative}.blog .blog-list .blog-item .list-left .list-img img{width:100%;height:100%;border-radius:2px}.blog .blog-list .blog-item .list-right{padding:24px 24px 55px 16px;color:#000;position:relative}.blog .blog-list .blog-item .list-right .right-title{font-size:28px;font-weight:700;line-height:34px}.blog .blog-list .blog-item .list-right .right-content{line-height:20px}.blog .blog-list .blog-item .list-right .right-bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:absolute;bottom:20px;height:32px;line-height:32px;width:calc(100% - 40px)}.blog .blog-list .blog-item .list-right .right-bottom .right-time{color:#919191;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:60%;height:32px;line-height:32px;text-align:right}.blog .blog-list .blog-item .list-right .right-bottom .right-time a{color:#919191;margin-right:30px;display:inline-block;width:calc(100% - 120px);overflow:hidden;text-align:right}.blog .blog-list .blog-item .list-right .right-bottom .right-time span{display:inline-block;height:32px;line-height:32px}.blog .blog-list .blog-item:hover{-webkit-box-shadow:0 2px 16px 0 rgba(180,180,180,.7);box-shadow:0 2px 16px 0 rgba(180,180,180,.7)}.blog .page-box{height:52px}@media (min-width:992px){.blog-item{height:232px;display:-webkit-box;display:-ms-flexbox;display:flex}.blog-item .list-left .list-img{width:420px;height:232px}.blog-item .list-right{width:calc(100% - 420px)}}@media (min-width:767px) and (max-width:992px){.blog-col{width:50%;float:left;padding:0 10px}.blog-col .three-line,.blog-col .two-line{-webkit-line-clamp:1}.blog-item .list-left{width:100%}.blog-item .list-left .list-img{width:100%;padding-bottom:55%}}@media (max-width:768px){.blog-item .list-left .list-img{width:100%;padding-bottom:55%}}@media (min-width:1200px){.container-fluid{padding:0 15%!important}}