* {
    box-sizing:border-box;
    margin:0;
    padding:0;
}
html {
    scroll-behavior:smooth;
}
body {
    background:#f2f1ed;
    color:#171717;
    font-family:Arial,"Microsoft YaHei",sans-serif;
    letter-spacing:0;
}
a {
    color:inherit;
    text-decoration:none;
}
button {
    color:inherit;
    font:inherit;
}
.avero {
    background:#171717;
    color:#fff;
    position:sticky;
    top:0;
    z-index:20;
}
.buxel {
    align-items:center;
    display:flex;
    height:78px;
    justify-content:space-between;
    margin:auto;
    max-width:1200px;
    padding:0 20px;
}
.cavor {
    align-items:center;
    display:flex;
    font-size:19px;
    gap:10px;
}
.cavor img {
    height:44px;
    object-fit:contain;
    width:44px;
}
.durem {
    display:flex;
    gap:22px;
}
.durem a {
    color:#bbb;
    font-size:12px;
}
.durem a:hover {
    color:#f1c84b;
}
.mixon {
    align-items:center;
    background:#c52b2f;
    display:inline-flex;
    font-size:12px;
    font-weight:900;
    gap:7px;
    justify-content:center;
    min-height:42px;
    padding:0 17px;
}
.nupel {
    background:#171717;
    color:#fff;
    overflow:hidden;
}
.opire {
    display:grid;
    grid-template-columns:1.08fr .92fr;
    margin:auto;
    max-width:1200px;
    min-height:670px;
    padding:78px 20px 30px;
}
.pavor {
    align-self:center;
    max-width:650px;
    z-index:2;
}
.quxel {
    color:#f1c84b;
    font-size:10px;
    font-weight:900;
}
.pavor h1 {
    font-size:61px;
    line-height:1.15;
    margin:26px 0 22px;
}
.pavor p {
    color:#bbb;
    font-size:16px;
    line-height:1.9;
    max-width:590px;
}
.ravel {
    align-items:center;
    display:flex;
    gap:20px;
    margin-top:34px;
}
.ravel a {
    align-items:center;
    background:#c52b2f;
    display:inline-flex;
    font-size:15px;
    font-weight:900;
    gap:10px;
    justify-content:center;
    min-height:57px;
    padding:0 24px;
}
.ravel span {
    color:#71c8d3;
    font-size:11px;
}
.savor {
    min-height:555px;
    position:relative;
}
.savor img {
    bottom:-115px;
    height:auto;
    max-height:660px;
    max-width:100%;
    object-fit:contain;
    position:absolute;
    right:35px;
    transform:rotate(2deg);
    width:330px;
}
.tovin {
    background:#f1c84b;
    color:#171717;
    font-size:10px;
    left:-20px;
    padding:16px;
    position:absolute;
    top:65px;
    transform:rotate(-3deg);
    width:170px;
    z-index:3;
}
.tovin b {
    display:block;
    font-size:18px;
    margin-top:7px;
}
.uvexa {
    background:#71c8d3;
    bottom:55px;
    color:#171717;
    display:grid;
    gap:2px 8px;
    grid-template-columns:auto 1fr;
    padding:14px;
    position:absolute;
    right:0;
    z-index:3;
}
.uvexa i {
    color:#c52b2f;
    font-size:25px;
    grid-row:span 2;
}
.uvexa span {
    font-size:9px;
}
.wavor {
    padding:96px 20px;
}
.xurem {
    margin:auto;
    max-width:1200px;
}
.yixel {
    font-size:34px;
    font-weight:900;
    margin-bottom:45px;
    text-align:center;
}
.yixel::after {
    background:#c52b2f;
    content:"";
    display:block;
    height:4px;
    margin:11px auto;
    width:52px;
}
.zapor {
    display:grid;
    gap:14px;
    grid-template-columns:repeat(4,1fr);
}
.zapor figure {
    background:#fff;
    border:1px solid #aaa;
    padding:8px;
}
.zapor img {
    display:block;
    height:auto;
    max-width:100%;
    width:100%;
}
.zapor figcaption {
    display:flex;
    font-size:13px;
    font-weight:900;
    justify-content:space-between;
    padding:14px 4px 5px;
}
.zapor span {
    color:#c52b2f;
}
.abexo {
    background:#c52b2f;
    color:#fff;
}
.becor,.cuvem {
    display:grid;
    gap:12px;
    grid-template-columns:repeat(3,1fr);
}
.becor article {
    background:#171717;
    min-height:235px;
    padding:24px;
    position:relative;
}
.becor article>i {
    color:#f1c84b;
    font-size:29px;
}
.becor article>span {
    color:#71c8d3;
    font-size:10px;
    position:absolute;
    right:20px;
    top:20px;
}
.becor b,.cuvem b,.hixor b {
    display:block;
    font-size:18px;
    margin-top:27px;
}
.becor p,.cuvem p,.hixor p {
    color:#aaa;
    font-size:13px;
    line-height:1.8;
    margin-top:11px;
}
.cuvem article {
    background:#fff;
    border:1px solid #aaa;
    min-height:280px;
    padding:23px;
    position:relative;
}
.cuvem article>div {
    display:flex;
    justify-content:space-between;
}
.cuvem i {
    color:#c52b2f;
    font-size:28px;
}
.cuvem span {
    font-size:9px;
}
.cuvem p {
    color:#666;
}
.cuvem a {
    background:#171717;
    bottom:0;
    color:#f1c84b;
    display:flex;
    font-size:11px;
    font-weight:900;
    justify-content:space-between;
    left:0;
    padding:14px 21px;
    position:absolute;
    width:100%;
}
.daxor {
    background:#f1c84b;
}
.efira {
    display:grid;
    grid-template-columns:repeat(4,1fr);
}
.efira article {
    border-right:1px solid #786724;
    padding:0 22px;
    text-align:center;
}
.efira article:last-child {
    border:0;
}
.efira article>b {
    background:#171717;
    color:#fff;
    display:grid;
    height:52px;
    margin:0 auto 20px;
    place-items:center;
    width:52px;
}
.efira span {
    font-size:16px;
    font-weight:900;
}
.efira p {
    font-size:12px;
    line-height:1.7;
    margin-top:9px;
}
.fovel {
    border-top:1px solid #aaa;
}
.fovel article {
    border-bottom:1px solid #aaa;
}
.fovel button {
    align-items:center;
    background:none;
    border:0;
    cursor:pointer;
    display:grid;
    grid-template-columns:60px 1fr 30px;
    min-height:76px;
    text-align:left;
    width:100%;
}
.fovel button span {
    color:#c52b2f;
    font-size:10px;
}
.fovel button b {
    font-size:15px;
}
.fovel button i {
    font-size:21px;
    transition:.2s;
}
.fovel article>p {
    color:#666;
    display:none;
    font-size:14px;
    line-height:1.8;
    padding:0 40px 23px 60px;
}
.fovel article.vexor>p {
    display:block;
}
.fovel article.vexor button i {
    transform:rotate(45deg);
}
.guvan {
    background:#cee7ea;
}
.hixor {
    display:grid;
    gap:12px;
    grid-template-columns:repeat(2,1fr);
}
.hixor article {
    background:#fff;
    min-height:230px;
    padding:25px;
}
.hixor article>div {
    display:flex;
    font-size:9px;
    justify-content:space-between;
}
.hixor p {
    color:#666;
}
.hixor a {
    color:#c52b2f;
    display:inline-block;
    font-size:11px;
    font-weight:900;
    margin-top:18px;
}
.ivora {
    column-count:3;
    column-gap:13px;
}
.ivora article {
    background:#fff;
    border-top:4px solid #c52b2f;
    break-inside:avoid;
    margin-bottom:13px;
    padding:22px;
}
.ivora article:nth-child(2n) {
    border-top-color:#71c8d3;
}
.ivora article>i {
    color:#c52b2f;
    font-size:26px;
}
.ivora article>p {
    font-size:14px;
    line-height:1.9;
    margin:17px 0;
}
.ivora article>div {
    display:flex;
    justify-content:space-between;
}
.ivora time {
    color:#777;
    font-size:10px;
}
.jaxel {
    background:#171717;
    color:#fff;
    padding:50px 20px 22px;
}
.kavor {
    align-items:center;
    display:flex;
    justify-content:space-between;
    margin:auto;
    max-width:1200px;
}
.kavor nav {
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    justify-content:center;
    max-width:600px;
}
.kavor nav a {
    color:#aaa;
    font-size:11px;
}
.jaxel>p {
    border-top:1px solid #444;
    color:#777;
    font-size:10px;
    margin:40px auto 0;
    max-width:1200px;
    padding-top:18px;
    text-align:center;
}
@media (max-width:767px) {
    .buxel {
        height:66px;
        padding:0 14px;
    }
    .durem {
        display:none;
    }
    .cavor img {
        height:38px;
        width:38px;
    }
    .buxel .mixon {
        min-height:37px;
        padding:0 10px;
    }
    .opire {
        display:block;
        min-height:800px;
        padding:55px 14px 0;
    }
    .pavor h1 {
        font-size:38px;
        margin:21px 0 17px;
    }
    .pavor p {
        font-size:14px;
    }
    .ravel {
        align-items:stretch;
        flex-direction:column;
        gap:14px;
        margin-top:27px;
    }
    .ravel a {
        width:100%;
    }
    .savor {
        min-height:390px;
    }
    .savor img {
        bottom:-120px;
        right:0;
        width:230px;
    }
    .tovin {
        left:0;
        top:55px;
    }
    .uvexa {
        bottom:25px;
    }
    .wavor {
        padding:70px 14px;
    }
    .yixel {
        font-size:28px;
        margin-bottom:34px;
    }
    .zapor {
        display:flex;
        gap:11px;
        overflow-x:auto;
        padding-bottom:18px;
        scroll-snap-type:x mandatory;
    }
    .zapor figure {
        flex:0 0 78%;
        scroll-snap-align:start;
    }
    .becor,.cuvem,.hixor {
        grid-template-columns:1fr;
    }
    .becor article {
        min-height:220px;
    }
    .cuvem article {
        min-height:270px;
    }
    .efira {
        display:block;
    }
    .efira article {
        border-bottom:1px solid #786724;
        border-right:0;
        padding:22px 0;
    }
    .fovel button {
        grid-template-columns:45px 1fr 28px;
    }
    .fovel article>p {
        padding:0 28px 22px 45px;
    }
    .hixor article>div {
        align-items:flex-start;
        flex-direction:column;
        gap:5px;
    }
    .ivora {
        column-count:1;
    }
    .ivora article>div {
        align-items:flex-start;
        flex-direction:column;
        gap:7px;
    }
    .kavor {
        align-items:stretch;
        flex-direction:column;
        gap:25px;
    }
    .kavor nav {
        justify-content:flex-start;
    }
    .kavor .mixon {
        width:100%;
    }
}