.two_columns { display: flex; justify-content: space-between; margin-bottom: 15px; } .two_columns > div:first-child { margin-right: 40px !important; } .two_columns .slider, .two_columns .article_list { width: 580px; } .lists .title { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #7c0000; } .lists .title img { margin-right: 12px; } .lists .title p { display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 24px; color: #da332e; } .lists .title a { font-size: 16px; color: #000000; } .article_list a { display: flex; align-items: center; justify-content: space-between; height: 42px; border-bottom: 1px solid #e8e8e8; } .article_list a:hover p { color: #ff0000; } .article_list .sub_title { display: flex; align-items: center; } .banner { display: block; margin: 10px 0; } .slider { width: 100%; height: 330px; overflow: hidden; position: relative; } .slider .images { display: flex; height: 100%; } .slider .images a { display: block; text-align: center; background-color: #000000; width: 100%; height: 100%; } .slider .images a img { height: 100%; max-width: 100%; } .slider .describe { position: absolute; bottom: 0; left: 0; width: 100%; height: 38px; display: flex; align-items: center; justify-content: space-between; padding: 0 12px; background-color: rgba(34, 33, 33, 0.5); } .slider .texts p { display: none; font-size: 12px; color: #ffffff; max-width: 400px; } .slider .texts p:first-child { display: block; } .slider .dots { display: flex; } .slider .dot { cursor: pointer; width: 18px; height: 18px; background-color: rgba(255, 255, 255, 0.3); border-radius: 4px; color: #ffffff; font-size: 12px; line-height: 18px; text-align: center; margin: 0 2.5px; } .slider .active { background-color: #f36e6e; }