body{background-color:#f0f0f0}.blog-list-wrap{width:60rem;height:auto;background-color:#fff;margin:1rem auto;overflow:hidden}.blog-list-wrap .no-item{width:100%;height:2.6rem;line-height:2.6rem;text-align:center;color:#ccc}.blog-list-wrap .blog-list{padding:2rem 2.5rem}.blog-list-wrap .blog-list .item{position:relative;margin-top:1rem;border-bottom:.01rem solid #ddd}.blog-list-wrap .blog-list .item:first-child{margin-top:0}.blog-list-wrap .blog-list .item .title{color:#333;font-size:1.2rem;font-weight:lighter}.blog-list-wrap .blog-list .item .operation{height:1.6rem;padding:.6rem 0;display:-webkit-box;display:-ms-flexbox;display:flex}.blog-list-wrap .blog-list .item .operation .tag{height:1.2rem;line-height:1.2rem;padding:0 .3rem;font-size:.9rem;border:1px solid #71beff;border-radius:.4rem;color:#fff;background-color:#71beff}.blog-list-wrap .blog-list .item .operation .date{font-size:.96rem;line-height:1.4rem;padding:0 1rem;color:#c7c7c7}.blog-list-wrap .blog-list .item .excerpt{font-size:.9rem;color:#999}.blog-list-wrap .blog-list .item .button-wrap{margin:.6rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.blog-list-wrap .blog-list .item .button-wrap .button{min-width:2.8rem;height:1.4rem;line-height:1.4rem;color:#71beff;border:1px solid #71beff;border-radius:1rem;text-align:center;font-size:.9rem;cursor:pointer}.blog-list-wrap .blog-list .item .button-wrap .button:hover{color:#fff;background-color:#71beff;border-color:#71beff}@media screen and (max-width:768px){.blog-list-wrap{width:100%}.blog-list-wrap .blog-list{padding:1rem}}