/*blog list*/
.blog-box{display:flex;justify-content:space-between;margin-top: 40px;}
.blog-list{width:850px;margin-top:30px;border-right:1px solid #efefef;line-height:2}
.blog-list-item{border-bottom:1px solid #efefef;padding-bottom:20px;margin-bottom:20px}
.blog-list-item a{color:#0ca9eb;font-size:13px}
.blog-list span{color: #999; font-size:13px;}
.blog-list-item .blog-title{font-size:20px;color: #333;}
.blog-list-item:last-child{margin-bottom: 0;}
.blog-date{color:#999;font-size:11px;padding-bottom:14px;}
.blog-content img{margin-right:40px;margin-left:20px}
.blog-type{width:320px;margin-bottom: 40px;}
.blog-categories ul{    margin: 10px 0 30px 0;}
.blog-categories ul li i{margin: 5px 5px 0 0;}
.blog-categories ul li a{line-height: 25px;}
.blog-type-title{font-size: 18px;}
.ul-month{display: none;margin-left: 24px;margin-top:2px;margin-bottom: 10px;}
.link-year{position: relative;}
.link-year:before{content: '';display: inline-block;width: 10px;height:10px;background-image: url("../../img/icon/icon_arrow_1f2238_18.svg");background-position: center;background-repeat: no-repeat;background-size: contain;margin-right: 6px;transform: rotate(-90deg);transition:all .5s;}
.link-month-num{color: #bababa;margin-left: 4px;font-size: 13px;}
.li-year-active .link-year:before{transform: rotate(0);}
.li-year-active .ul-month{display: block;}
.blog-list-page{padding: 80px 20px;}
.blog-list-page a{color: #0ca9eb;}
.blog-list-page .page-previous{float: left;}
.blog-list-page .page-next{float: right;}
/*blog detail*/
.blog-list-content{width:850px;line-height:2; border-right:1px solid #efefef;}
.blog-list-content .blog-title{font-size:28px;color: #333;}
.blog-list-content a{color:#0ca9eb;font-size:13px}