.header .c3 .logo { display: flex; align-items: center; }
    .header .c3 .logo h2 { border-radius: 5px; background-color: #f00; color: #fff; padding: 3px 10px; font-weight: normal; }

.header .nav { background-color: #f00; margin-bottom: 20px; border-radius: 5px; }
    .header .nav ul { display: flex; box-sizing: border-box; padding: 8px 20px 0 20px; }
        .header .nav ul li { margin-right: 10px; }
            .header .nav ul li:first-child a { font-weight: bold; }
            .header .nav ul li:last-child { margin-right: 0; }
                .header .nav ul li:last-child a { line-height: 2.1 !important; background-color: #fff; border-radius: 8px; color: #f00 !important; }
            .header .nav ul li a { color: #fff; display: block; line-height: 2.5; padding: 0 20px; border-top-left-radius: 8px; border-top-right-radius: 8px; font-size: 18px; }
            .header .nav ul li.selected a { color: #f00; background-color: #fff; }
            .header .nav ul li a:hover { color: #f00; background-color: #fff; line-height: 2; border-radius: 8px }
            .header .nav ul li.selected a:hover { color: #f00; background-color: #fff; line-height: 2.5; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.main-body .s1 { display: flex; justify-content: space-between; margin-bottom: 25px; }
    .main-body .s1 > .lt { width: 40%; }
    .main-body .s1 > .rt { width: 60%; box-sizing: border-box; padding: 0 0 0 30px; box-sizing: border-box; }
        .main-body .s1 > .rt .inner { width: 100%; max-height: 540px; overflow: hidden; }

    .main-body .s1 > .lt .s h2 { font-size: 18px; line-height: 2.5; }
        .main-body .s1 > .lt .s h2 i { font-style: normal; color: #f00; padding: 0 5px; font-size: 20px; line-height: 1; }
    .main-body .s1 > .lt .s ul li a { display: flex; justify-content: space-between; line-height: 2.5; font-size: 14px; border-bottom: 1px dashed #e9e9e9; }
    .main-body .s1 > .lt .s ul li:last-child a { border-bottom: none; }
    .main-body .s1 > .lt .s ul li a span { font-size: 14px; overflow: hidden; text-align: justify; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
        .main-body .s1 > .lt .s ul li a span:first-child { flex: 1; padding-right: 10px; }
        .main-body .s1 > .lt .s ul li a span:last-child { opacity: 0.8; }
.main-body .ad { max-height: 180px; margin-bottom: 10px; overflow: hidden; display: flex; justify-content: space-between; }
    .main-body .ad > div { width: 19.5%; }
.main-body .list { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 5px; }
    .main-body .list > .s { width: 49%; margin-bottom: 10px; padding-top: 20px; }
        .main-body .list > .s h2 { font-size: 18px; line-height: 1; border-left: 5px solid #f00; padding-left: 10px; }
        .main-body .list > .s ul { padding-top: 10px; }
            .main-body .list > .s ul li a { display: flex; justify-content: space-between; line-height: 2.5; font-size: 14px; border-bottom: 1px dashed #e9e9e9; }
            .main-body .list > .s ul li:last-child a { border-bottom: none; }
            .main-body .list > .s ul li a span { font-size: 14px; overflow: hidden; text-align: justify; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
                .main-body .list > .s ul li a span:first-child { flex: 1; }
                .main-body .list > .s ul li a span:last-child { opacity: 0.8; }

.ci .c1 { display: flex; margin-bottom: 22px; border-radius: 8px; overflow: hidden; }
    .ci .c1 a { width: 25%; text-align: center; padding: 15px 0; background-color: #f9f9f9; }
.ci .c2 { display: flex; flex-direction: column; margin-bottom: 20px; }
    .ci .c2 a { line-height: 2; font-size: 14px; overflow: hidden; text-align: justify; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.ci .c3 { display: flex; flex-direction: column; }
    .ci .c3 > div { display: flex; justify-content: space-between; margin-bottom: 20px; }
    .ci .c3 > h2 { padding: 0 0 10px 0; font-weight: normal; display: flex; }
        .ci .c3 > h2 span:nth-child(1) { padding-right: 10px; }
        .ci .c3 > h2 span:nth-child(2) { height: 10px; border-bottom: 1px solid #ddd; flex: 1; }
    .ci .c3 > div a { display: block; width: 24%; text-align: center; padding: 10px 0; border-radius: 8px; color: #fff; }
        .ci .c3 > div a:nth-child(1) { background-color: rgb(244 67 54 / 60%); }
            .ci .c3 > div a:nth-child(1):hover { background-color: rgb(244 67 54 / 100%); }
        .ci .c3 > div a:nth-child(2) { background-color: rgb(233 30 99 / 60%); }
            .ci .c3 > div a:nth-child(2):hover { background-color: rgb(233 30 99 / 100%); }
        .ci .c3 > div a:nth-child(3) { background-color: rgb(156 39 176 / 60%); }
            .ci .c3 > div a:nth-child(3):hover { background-color: rgb(156 39 176 / 100%); }
        .ci .c3 > div a:nth-child(4) { background-color: rgb(103 58 183 / 60%); }
            .ci .c3 > div a:nth-child(4):hover { background-color: rgb(103 58 183 / 100%); }
.ci .c4 { display: flex; border: 1px dashed #ddd; background-color: #f9f9f9; position: relative; overflow: hidden; }
    .ci .c4 span { position: absolute; left: -19px; top: 5px; background-color: #f00; color: #fff; transform: rotate(315deg); font-size: 12px; padding: 0 20px; }
    .ci .c4 a { display: block; width: 25%; text-align: center; padding: 13px 0; }

.tlt2 { font-size: 18px; padding: 0 0 15px 0; }