.articlesList{width:1200px;margin:30px auto;display:flex;align-items:flex-start;justify-content:space-between}@media screen and (max-width:768px){.articlesList{width:95vw;margin:20px auto;display:block}}.articlesList .list_box{flex:1}.articlesList .list_box .list_content{width:100%;height:100%;min-height:732px}.articlesList .list_box .list_content li{width:100%;height:60px;display:flex;align-items:center;justify-content:flex-start;border-bottom:1px dashed rgba(0,0,0,0.25)}.articlesList .list_box .list_content li:first-of-type .square{width:8px;height:8px;background-color:#2668b4;margin-right:10px}.articlesList .list_box .list_content li:first-of-type .title{font-size:24px;line-height:60px;color:#2668b4}.articlesList .list_box .list_content li a{display:block;width:100%;display:flex;align-items:center;justify-content:flex-start;color:black}.articlesList .list_box .list_content li a .square{flex-shrink:0;width:5px;height:5px;margin-right:13px;background-color:#c2c2c2;transition:all .5s}.articlesList .list_box .list_content li a .title{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all .3s}.articlesList .list_box .list_content li a .add_time{align-self:flex-end;flex-shrink:0;margin-left:100px}@media screen and (max-width:768px){.articlesList .list_box .list_content li a .add_time{margin-left:5vw}}.articlesList .list_box .list_content li a:hover .square{background-color:#2668b4;transform:rotateZ(135deg)}.articlesList .list_box .list_content li a:hover .title{color:#2668b4;text-decoration:underline}