.blog-cat{margin:30px 0 20px 0}.blog-cat a{margin:5px 5px 10px 15px;padding:5px 10px;display:inline-block;transition:all ease-in-out 200ms;min-width:120px;text-align:center}.blog-cat a:hover{color:#333}.blog-index{display:flex;flex-wrap:wrap}.blog-index .item{display:block;margin:20px 0 35px 0}.blog-index h2{text-align:center;font-size:2em;min-height:2.4em}.blog-index .short{line-height:1.8em;font-size:1.2em;word-break:break-word}.blog-index a{font-weight:bold;color:#333;display:block}.blog-index img,.blog-detail .img-link img,.blog-index-list img{max-width:100%;width:100%;max-height:100%;height:100%;display:block;background:linear-gradient(45deg,#999,#eee);animation:gpos 5s ease infinite;background-size:350% 300%}.blog-index .tag-cat,.blog-detail .tag-cat{text-align:right;padding-right:10px}.blog-index .tag-cat a{display:inline-block;margin-left:5px;color:#d94336;font-weight:normal}.blog-index .cat,.blog-detail .tag-cat a{color:#d94336;margin-left:15px}.blog-index .date{display:block;text-align:center;margin:10px}.blog-index .lc{color:#bbb;margin:10px 0 15px 0;text-align:center}.blog-index .lc span{padding:5px}.blog-index .main-item{padding-left:2vw}.blog-index .main-item h2{color:#d94336;font-size:3em}.blog-index .main-item img,.blog-index .main-item .img-link{width:100%}.blog-index-list{display:flex;flex-wrap:wrap}.blog-index-list h2{min-height:3.6em!important;font-size:1.4em;line-height:1.5em}.blog-index-list .short{min-height:10em}.blog-index-list>div{margin-bottom:20px}.blog-index-list .item{height:100%;background:#fcfcfc;border-radius:5px;padding:10px 1vw;border:1px solid #fcfcfc;transition:border-color 250ms}.blog-index-list .item:hover{border-color:#d94336}.blog-index-list img{width:100%;max-width:100%;height:auto;display:block}.blog-detail h1{color:#d94336;margin:45px 0 30px 0}.blog-detail .img-link img{max-width:100%;width:100%;height:100%;display:block}.blog-detail{margin:20px auto 10vh auto;max-width:1000px;text-align:center}.blog-detail .bt-info{display:inline-block}.blog-detail .bt-info span{display:inline-block;margin-right:20px}.blog-detail .bt-info .mi{padding-left:5px;font-weight:bold}.blog-detail .btn{font-weight:bold}.blog-detail .info{list-style:none;display:flex;justify-content:space-around;margin:15px 0;padding:0}@media(max-width:768px){.blog-detail h1{font-size:1.7em;line-height:1.6em}}.blog-comment{padding:25px 0;margin:55px 3vw;color:#5c5c5c;text-align:justify;background:#fff;box-shadow:#eaeaea 0 0 5px;border-radius:10px}.blog-comment .item{position:relative;display:block;margin:15px 0;line-height:2em;padding:20px 1.5vw 30px 1.5vw}.blog-comment .item+.item:before{content:'';width:calc(100% - 3vw);height:2px;background:#e8e8e8;position:absolute;top:-30px;left:1.5vw}.blog-comment .avator{width:36px;height:36px;border-radius:50%;border:1px solid #f7dad7;float:right}.blog-comment .reply{position:relative;display:block;margin:15px 0;line-height:2em;border-radius:5px;padding:10px 46px 15px 5px}.blog-comment p{padding:5px 40px;font-weight:bold;color:#333}.blog-comment content{display:block}.new-comment{max-width:800px;margin:10px auto 45px auto;box-shadow:#c9c9c9 0 0 5px;border-radius:15px;padding:15px 2vw}