.main-article{max-width:var(--global-max-width);padding:16px var(--global-space) 50px var(--global-space);margin:0 auto;height:auto;min-height:100vh;display:flex;flex-wrap:wrap;justify-content:space-between}.main-article .front{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;position:absolute;left:0;top:0;opacity:.8}.main-article aside{width:200px}@media screen and (max-width: 768px){.main-article aside{width:100%}}.main-article aside .articles{width:100%;width:100%;display:flex;flex-wrap:wrap;gap:30px}@media screen and (max-width: 768px){.main-article aside .articles{justify-content:space-evenly;margin-top:40px}}@media screen and (max-width: 768px){.main-article aside .articles article{max-width:250px;margin:0 auto}}.main-article aside .articles h3{font-size:16px}.main-article aside .articles li{margin-bottom:8px}.main-article aside .articles li a{width:100px;height:28px;margin:8px auto;font-size:12px;color:#fff;background-color:#282828;font-weight:600;border-radius:10px}.main-article aside .articles p{font-size:12px}.main-article aside .articles img{width:100%;height:150px;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;border-radius:20px}.main-article .index-content{width:calc(100% - 300px)}@media screen and (max-width: 768px){.main-article .index-content{width:100%}}.main-article .index-content header{width:100%;position:relative;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:flex-start;background-color:#000;height:300px}@media screen and (min-width: 1440px){.main-article .index-content header{height:400px}}@media screen and (min-width: 1540px){.main-article .index-content header{height:450px}}@media screen and (min-width: 1640px){.main-article .index-content header{height:500px}}.main-article .index-content header .content-bottom{height:100%;width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;align-content:flex-end;padding:40px}.main-article .content{width:100%;padding:16px 0}.main-article time,.main-article h1{color:#fff;z-index:2}.main-article h1{margin-bottom:8px;width:100%;position:relative}