.content .parta { display: grid; grid-template-columns: 800px 400px; } .content .partb { display: grid; grid-template-columns: 600px 600px; } .content .items { margin: 0 10px; } .content .items .title { margin-top: 12px; position: relative; } .content .items .title p { font-size: 22px; font-weight: bold; color: #b70a0a; } .content .items .title a { position: absolute; right: 0; bottom: 0; font-size: 11px; color: black; padding-right: 8px; } .content .items .title a:hover { font-size: 13px; color: #b70a0a; } .content .items .gap { position: relative; width: 100%; margin: 20px 0; border: 1px dashed #b70a0a; } .content .items .gap img { position: absolute; left: 18px; top: -20px; z-index: 10; } .content .items li { display: flex; justify-content: space-between; align-items: center; margin: 18px 0; overflow: hidden; } .content .items li a { background-image: url(/uploads/image/gimages/select.svg); background-position: 8px 50%; background-repeat: no-repeat; background-size: 15px; padding-left: 32px; font-size: 18px; color: black; } .content .items li span { width: 80px; font-size: 14px; color: black; } .content .items li:hover a { background-image: url(/uploads/image/gimages/sub-describe.jpg); background-position: 0 50%; background-size: 32px; color: #b70a0a; } .content .items li:hover span { color: #b70a0a; } .content .items .item-date { display: flex; flex-direction: column; } .content .items .date { width: 100%; height: 50px; margin: 8px 0; display: grid; grid-template-columns: 45px 1fr; } .content .items .date:hover { background-color: #f0cdcd; } .content .items .date .date-describe { display: flex; flex-direction: column; align-self: center; align-items: center; justify-content: center; width: 50px; height: 50px; background-color: #f0cdcd; } .content .items .date .date-describe p { color: #b70a0a; font-size: 12px; font-weight: bold; } .content .items .date .date-title { margin-left: 14px; display: flex; align-items: center; } .content .items .date .date-title a { color: black; font-size: 18px; } .content .parta .item { display: grid; grid-template-columns: 300px auto; align-items: center; } .content .parta .item .sliders { position: relative; } .content .parta .item .sliders .lbt-describe { position: absolute; top: 0; left: 0; width: 32px; } .content .parta .item .slider { width: 300px; height: 225px; position: relative; border-radius: 10px; overflow: hidden; } .content .parta .item .images { display: flex; height: 100%; width: 400%; } .content .parta .item .images a { flex: 1; height: 225px; } .content .parta .item .images img { width: 100%; height: 100%; } .content .parta .item .dots { position: absolute; left: 50%; bottom: 8px; transform: translate(-50%, 0); display: flex; background-color: rgba(255, 255, 255, 0.2); padding: 1.5px 3px; border-radius: 76px; } .content .parta .item .dots .dot { width: 6px; height: 6px; border-radius: 50%; background-color: #b70a0a; opacity: 0.2; margin: 0 5px; cursor: pointer; } .content .parta .item .dots .dot.active { opacity: 1; } .content .parta .item ul { margin-left: 20px; } .index-footer { background-image: url(/uploads/image/gimages/lg-bgi.png); background-repeat: no-repeat; background-position: center 0; } .index-footer .footer { background-image: none; } .index-footer .partlg { height: 280px; } .index-footer .partlg .title { text-align: center; padding: 8px 0; } .index-footer .partlg .sliderlg { overflow: hidden; } .index-footer .partlg .sliderlg .images { display: flex; width: fit-content; } .index-footer .partlg .sliderlg .images a { width: 300px; display: flex; align-items: center; justify-content: center; } .index-footer .partlg .sliderlg .images img { width: 233px; height: 233px; border-radius: 10px; overflow: hidden; }