.main {
    display: flex;
    flex-direction: column;
    height: auto;
    width: 100%;
    text-align: center;
    position: absolute;
    align-items: center;
    font-family: serif;
    font-weight: 800;
}

.logo{
    position: absolute;
    top: 45px;
    left: 100px;
    z-index: 1000;
}

.pageHead {
    width: 1920px;
    top: 0px;
    height: 1326px;
    display: flex;BG
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: url("../images/head_bg.png") no-repeat center;
    position: relative;
}

.pageHead > .nav {
    position: absolute;
    top: 740px;
    bottom: 0px;
    width: 1920px;
    height: 302px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: rgba(255, 255, 255, 0);
}

.pageHead > .nav > a > .button {
    width: 283px;
    height: 200px;
    opacity: 1.5;
    border: 0;
    align-self: center;
}

.pageHead > .nav > .line {
    align-self: center;
    height: 47px;
    border: solid #ebe5d8 2px;
}

.pageHead > .nav > a > .button1 {
    background: url("../images/未选中-新坐骑.png") no-repeat center center;
}

.pageHead > .nav > a > .button1:hover {
    background: url("../images/选中-新宠.png") no-repeat center center;
}

.pageHead > .nav > a > .button2 {
    position: relative;
    top:85px;
    background: url("../images/未选中-烟花大会.png") no-repeat center center;
}

.pageHead > .nav > a > .button2:hover {
    background: url("../images/选中-烟花大会.png") no-repeat center center;
}

.pageHead > .nav > a > .button3 {
    position: relative;
    top:120px;
    background: url("../images/未选中-十三周年红包.png") no-repeat center center;
}

.pageHead > .nav > a > .button3:hover {
    background: url("../images/选中-十三周年红包.png") no-repeat center center;
}

.pageHead > .nav > a > .button4 {
    position: relative;
    top:120px;
    background: url("../images/未选中-相聚在一起.png") no-repeat center center;
}

.pageHead > .nav > a > .button4:hover {
    background: url("../images/选中-相聚在一起.png") no-repeat center center;
}

.pageHead > .nav > a > .button5 {
    position: relative;
    top:85px;
    background: url("../images/未选中-跨服大PK.png") no-repeat center center;
}

.pageHead > .nav > a > .button5:hover {
    background: url("../images/选中-跨服大PK.png") no-repeat center center;
}

.pageHead > .nav > a > .button6 {
    background: url("../images/未选中-天书编年史.png") no-repeat center center;
}

.pageHead > .nav > a > .button6:hover {
    background: url("../images/选中-天书编年史.png") no-repeat center center;
}


.bg {
    top: 0px;
    width: 1920px;
    height: 9375px;
    display: flex;
    flex-direction: column;
    background: url("../images/BG.png") no-repeat center;
    border: 0;
    align-items: center;
    position: relative;
}

.pageBottom {
    width: 1920px;
    height: 200px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-color: #898edc;
    color: #ffffff;
}

.bg .contain {
    margin-left: 0px;
    width: 820px;
    display: flex;
    flex-direction: column;
    align-items: left;
    text-align: left;
    position: absolute;
}

.bg .contain .colorblue{
    color: #63869A;
}

.bg .contain .colorpurple{
    color: #7A759F;
}

.bg .contain .coloryellow{
    color: #816609;
}

.bg .contain .colorpink{
    color: #9C7885;
}

.bg .contain .containyear{
    position: absolute;
}

.bg .contain .containyear p {
    margin: 0 0 10px 0; /* 消除默认 margin，统一行间距 */
}

.bg .contain .containyear p:first-child {
    text-indent: 90px; 
}

.bg .contain .contain2008 {
    top:575px;
}

.bg .contain .contain2009 {
    top:795px;
}

.bg .contain .contain2010 {
    top:1013px;
}

.bg .contain .contain2011 {
    top:1358px;
}

.bg .contain .contain2012 {
    top:1578px;
}

.bg .contain .contain2013 {
    top:1800px;
}

.bg .contain .contain2014 {
    top:2116px;
}


.bg .contain .contain2015 {
    top:2416px;
}


.bg .contain .contain2016 {
    top:2746px;
}

.bg .contain .contain2017 {
    top:3175px;
}

.bg .contain .contain2018 {
    top:3721px;
}

.bg .contain .contain2019 {
    top:4355px;
}


.bg .contain .contain2020 {
    top:5071px;
}

.bg .contain .contain2021 {
    top:5704px;
}

.bg .contain .contain2022 {
    top:6100px;
}


.bg .contain .contain2023 {
    top:6940px;
}

.bg .contain .contain2024 {
    top:7293px;
}

.bg .contain .contain2025 {
    top:7711px;
}

.bg .contain .contain2026 {
    top:8386px;
}

p {
    line-height: 27px;
}