@charset "utf-8"; .article .post h1{ text-align: center;} .text-default{ text-align: center;} .button.bg-yellow:hover{border-color: #f70; background-color: #f70;} .news-pages .newList { overflow:hidden; padding:1rem; width:100%; height:140px; padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #eaeaea; transition:all .5s ease; } .news-pages .newLinkBox { position:relative; display:flex; flex-wrap:nowrap; width:100%; height:100%; padding-right:10%; overflow:hidden; } .news-pages .leftTimeBox { width:105px; height:98px; background:#f5f5f5; text-align:center; font-family:arial; color:#ff6600; transition:all .5s ease; } .news-pages .leftPicBox { width:300px; text-align: center; transition:all .5s ease; } .news-pages .leftPicBox img { max-width:100%; } .news-pages .centerContentBox { width:calc((100% - 80px)/1); padding-left:3%; } .news-pages .rightIcon { position:absolute; top:50%; right:0px; transform:translateY(-50%); width:40px; height:40px; border-radius:20px; overflow:hidden; } .news-pages .newData { font-size:2.75rem; line-height:46px; padding-top:15px; } .news-pages .newTitle { font-size:1rem; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:all .5s ease; } .news-pages .newToolBox { margin:5px 0; color:#b4b4b4; } .news-pages .newSummry { line-height:24px; height:48px; overflow:hidden; color:#565656; } .news-pages .rIcon { position:absolute; top:0px; left:0px; display:block; width:auto; height:98%; transition:all .5s ease; } .news-pages .redIcon { opacity:0; } .news-pages .whiteIcon { opacity:1; } .news-pages .newList:hover { height:150px; } .news-pages .newList:hover .leftTimeBox { background:#ff7700; color:#fff; } .news-pages .newList:hover .newTitle { color:#ff6600; } .news-pages .newList:hover .redIcon { opacity:1; } .news-pages .newList:hover .whiteIcon { opacity:0; } .news-pages .data1 { margin-right:5px; }