#afooter {
    bottom: 0!important;
}

.bg {
    width: 1900px;
    height: 2663px;
    position: relative;
    overflow: hidden;
}

.snowflake {
    position: absolute;
    top: 0;
}

.header {
    position: absolute;
    width: 1000px;
    height: 543px;
    top: 0;
    left: 50%;
    margin-left: -500px;
    z-index: 10;
    /* top: 50%; */
    /* transform: translate(-50%, 0); */
}

.Deductive {
    /* float: left; */
    position: absolute;
    left: 0;
}

.cos_top {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/cos/1.png) no-repeat;
    background-size: cover;
    animation: cos_top 2s linear infinite;
}

@keyframes cos_top {
    0% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/cos/1.png);
    }
    4% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/cos/2.png);
    }
    8% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/cos/3.png);
    }
    12% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/cos/4.png);
    }
    16% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/cos/5.png);
    }
    20% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/cos/6.png);
    }
    24% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/cos/7.png);
    }
    28% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/cos/8.png);
    }
    32% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/cos/9.png);
    }
    36% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/cos/10.png);
    }
    40% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/cos/11.png);
    }
    44% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/cos/12.png);
    }
    48% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/cos/13.png);
    }
    52% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/cos/14.png);
    }
    56% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/cos/15.png);
    }
    60% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/cos/16.png);
    }
    64% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/cos/17.png);
    }
    68% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/cos/18.png);
    }
    72% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/cos/19.png);
    }
    76% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/cos/20.png);
    }
    80% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/cos/21.png);
    }
    84% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/cos/22.png);
    }
    90% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/cos/23.png);
    }
    100% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/cos/24.png);
    }
}

.wish_top {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/wish/1.png) no-repeat;
    background-size: cover;
    animation: wish_top 2s steps(23) infinite;
}

@keyframes wish_top {
    0% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/wish/1.png);
    }
    4% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/wish/2.png);
    }
    8% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/wish/3.png);
    }
    12% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/wish/4.png);
    }
    16% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/wish/5.png);
    }
    20% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/wish/6.png);
    }
    24% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/wish/7.png);
    }
    28% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/wish/8.png);
    }
    32% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/wish/9.png);
    }
    36% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/wish/10.png);
    }
    40% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/wish/11.png);
    }
    44% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/wish/12.png);
    }
    48% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/wish/13.png);
    }
    52% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/wish/14.png);
    }
    56% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/wish/15.png);
    }
    60% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/wish/16.png);
    }
    64% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/wish/17.png);
    }
    68% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/wish/18.png);
    }
    72% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/wish/19.png);
    }
    76% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/wish/20.png);
    }
    80% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/wish/21.png);
    }
    84% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/wish/22.png);
    }
    90% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/wish/23.png);
    }
    100% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/wish/24.png);
    }
}

.music_top {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/music/1.png) no-repeat;
    background-size: cover;
    animation: music_top 2s steps(23) infinite;
}

@keyframes music_top {
    0% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/music/1.png);
    }
    4% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/music/2.png);
    }
    8% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/music/3.png);
    }
    12% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/music/4.png);
    }
    16% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/music/5.png);
    }
    20% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/music/6.png);
    }
    24% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/music/7.png);
    }
    28% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/music/8.png);
    }
    32% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/music/9.png);
    }
    36% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/music/10.png);
    }
    40% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/music/11.png);
    }
    44% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/music/12.png);
    }
    48% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/music/13.png);
    }
    52% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/music/14.png);
    }
    56% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/music/15.png);
    }
    60% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/music/16.png);
    }
    64% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/music/17.png);
    }
    68% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/music/18.png);
    }
    72% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/music/19.png);
    }
    76% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/music/20.png);
    }
    80% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/music/21.png);
    }
    84% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/music/22.png);
    }
    90% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/music/23.png);
    }
    100% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/music/24.png);
    }
}

.library_top {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/Library/1.png) no-repeat;
    background-size: cover;
    animation: library_top 2s infinite;
}

@keyframes library_top {
    0% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/Library/1.png);
    }
    4% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/Library/2.png);
    }
    8% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/Library/3.png);
    }
    12% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/Library/4.png);
    }
    16% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/Library/5.png);
    }
    20% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/Library/6.png);
    }
    24% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/Library/7.png);
    }
    28% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/Library/8.png);
    }
    32% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/Library/9.png);
    }
    36% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/Library/10.png);
    }
    40% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/Library/11.png);
    }
    44% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/Library/12.png);
    }
    48% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/Library/13.png);
    }
    52% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/Library/14.png);
    }
    56% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/Library/15.png);
    }
    60% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/Library/16.png);
    }
    64% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/Library/17.png);
    }
    68% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/Library/18.png);
    }
    72% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/Library/19.png);
    }
    76% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/Library/20.png);
    }
    80% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/Library/21.png);
    }
    84% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/Library/22.png);
    }
    90% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/Library/23.png);
    }
    100% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/Library/24.png);
    }
}

.gun_top {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/gun/1.png) no-repeat;
    background-size: cover;
    animation: gun_top 2s infinite;
}

@keyframes gun_top {
    0% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/gun/1.png);
    }
    4% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/gun/2.png);
    }
    8% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/gun/3.png);
    }
    12% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/gun/4.png);
    }
    16% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/gun/5.png);
    }
    20% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/gun/6.png);
    }
    24% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/gun/7.png);
    }
    28% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/gun/8.png);
    }
    32% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/gun/9.png);
    }
    36% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/gun/10.png);
    }
    40% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/gun/11.png);
    }
    44% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/gun/12.png);
    }
    48% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/gun/13.png);
    }
    52% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/gun/14.png);
    }
    56% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/gun/15.png);
    }
    60% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/gun/16.png);
    }
    64% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/gun/17.png);
    }
    68% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/gun/18.png);
    }
    72% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/gun/19.png);
    }
    76% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/gun/20.png);
    }
    80% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/gun/21.png);
    }
    84% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/gun/22.png);
    }
    90% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/gun/23.png);
    }
    100% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/gun/24.png);
    }
}

.drwa_top {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/draw/1.png) no-repeat;
    background-size: cover;
    animation: drwa_top 2s infinite;
}

@keyframes drwa_top {
    0% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/draw/1.png);
    }
    4% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/draw/2.png);
    }
    8% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/draw/3.png);
    }
    12% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/draw/4.png);
    }
    16% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/draw/5.png);
    }
    20% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/draw/6.png);
    }
    24% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/draw/7.png);
    }
    28% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/draw/8.png);
    }
    32% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/draw/9.png);
    }
    36% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/draw/10.png);
    }
    40% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/draw/11.png);
    }
    44% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/draw/12.png);
    }
    48% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/draw/13.png);
    }
    52% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/draw/14.png);
    }
    56% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/draw/15.png);
    }
    60% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/draw/16.png);
    }
    64% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/draw/17.png);
    }
    68% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/draw/18.png);
    }
    72% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/draw/19.png);
    }
    76% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/draw/20.png);
    }
    80% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/draw/21.png);
    }
    84% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/draw/22.png);
    }
    90% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/draw/23.png);
    }
    100% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/draw/24.png);
    }
}

.square_top {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/square/1.png) no-repeat;
    background-size: cover;
    animation: square_top 2s infinite;
}

@keyframes square_top {
    0% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/square/1.png);
    }
    4% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/square/2.png);
    }
    8% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/square/3.png);
    }
    12% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/square/4.png);
    }
    16% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/square/5.png);
    }
    20% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/square/6.png);
    }
    24% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/square/7.png);
    }
    28% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/square/8.png);
    }
    32% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/square/9.png);
    }
    36% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/square/10.png);
    }
    40% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/square/11.png);
    }
    44% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/square/12.png);
    }
    48% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/square/13.png);
    }
    52% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/square/14.png);
    }
    56% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/square/15.png);
    }
    60% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/square/16.png);
    }
    64% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/square/17.png);
    }
    68% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/square/18.png);
    }
    72% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/square/19.png);
    }
    76% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/square/20.png);
    }
    80% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/square/21.png);
    }
    84% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/square/22.png);
    }
    90% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/square/23.png);
    }
    100% {
        background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/square/24.png);
    }
}

.header .right {
    width: 500px;
    position: absolute;
    top: 130px;
    left: 550px;
}

.Six_years img {
    margin-left: -25px;
    margin-bottom: -30px;
}

.recall img {
    width: 450px;
    margin-left: -40px;
}

.activity_time {
    display: block;
    font-size: 18px;
    margin-top: -30px;
    text-align: center;
}

.header i {
    position: absolute;
    top: 340px;
    right: 110px;
}

.bot_box {
    position: absolute;
    top: 450px;
    right: 78px;
    text-align: center;
}

.bot1 {
    font-size: 18px;
    margin-bottom: 12px;
}

.bot1 a {
    color: #db5376;
}

.bot2 {
    font-size: 18px
}

.bot2 a {
    color: #db5376;
}

.top_balloon {
    position: absolute;
    top: 0;
}

.dotted_line {
    position: absolute;
    top: 770px;
}

.library_bottomballoon {
    position: absolute;
    top: 580px;
    right: 0;
}

.library_bottomballoon img {
    width: 227px;
}

.Library_rectangle {
    width: 1109px;
    height: 632px;
    margin: 0 auto;
    position: absolute;
    top: 560px;
    margin-left: -555px;
    left: 50%;
    z-index: 10;
}

.Library_rectangle img {
    position: absolute;
    /* top: 535px; */
}

article {
    margin-top: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

nav {
    width: 1058px;
    top: 47%;
    left: 50%;
    margin-left: -540px;
    text-align: center;
}

.content {
    font-family: "微软雅黑";
    position: absolute;
    top: 1200px;
    /* width: 1058px; */
    height: 110px;
    font-size: 22px;
    font-weight: bold;
    color: #1b1b1b;
    padding: 20px 0 0 20px;
    left: 50%;
    margin-left: -529px;
    text-align: center;
}

.content p {
    margin-bottom: 10px;
}

.content span {
    position: absolute;
    left: 50%;
    top: 60%;
    /* transform: translate(-50%, -50%); */
    margin-left: -180px;
}

.bottom_bg {
    position: absolute;
    top: 1335px;
    width: 1900px;
}

.bottom_bg_img {
    width: 1900px;
    height: 1210px
}

.pc_library_paper_plane {
    position: absolute;
    top: 300px;
}

.badge {
    position: relative;
    top: -10px;
    left: 20px;
}

.badge_game {
    position: absolute;
    padding: 25px;
}

.game_ellipse {
    position: absolute;
    top: 7px;
    left: 0;
}

.badge_Library_giftPack {
    display: inline-block;
    position: relative;
    width: 115px;
    height: 100px;
    margin: 0 8px;
    overflow: auto;
}

.badge_dumplings {
    width: 100%;
    margin-top: 18px;
}

.badge_tit {
    font-size: 12px;
    color: #0a2535;
    text-align: center;
}

.gain {
    width: 360px;
    position: absolute;
    left: 0;
    text-align: center;
    margin-top: 20px;
    font-size: 16px;
}

.nav2 {
    /* height: 210px; */
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -539px;
}

.renwu {
    position: absolute;
    top: 140px;
    left: 415px;
}

.yun {
    position: absolute;
    top: -10px;
    left: 470px;
}

.circle {
    position: absolute;
    top: 80px;
    left: 890px;
    margin-top: -75px;
}

.booth {
    position: absolute;
    top: 510px;
    left: 50%;
    margin-left: -225px;
}

.booth .left img {
    vertical-align: inherit;
}

.booth .right img {
    vertical-align: inherit;
}

.left {
    display: inline-block;
    margin-right: 20px;
}

.right {
    display: inline-block;
    margin-left: 20px;
}

h1 {
    text-align: center;
    /* margin: 0 40px 0 40px; */
    font-size: 45px;
    display: inline-block;
}

h1 img {
    margin-top: -10px;
}

.booth p {
    text-align: center;
    font-size: 18px;
    margin-top: 15px;
}

aside {
    width: 1078px;
    height: 400px;
    position: absolute;
    top: 670px;
    left: 50%;
    margin-left: -539px;
}

.pattern {
    width: 310px;
    height: 400px;
    float: left;
    margin-right: 74px;
    position: relative;
}

.pattern:nth-last-child(1) {
    margin-right: 0px;
}

.game {
    width: 310px;
    height: 245px;
    position: absolute;
    font-size: 0;
    box-sizing: border-box;
    padding: 24px;
}

.game .ellipse {
    width: 310px;
    height: 245px;
    position: absolute;
    top: 0;
    left: 0;
}

.Library_giftPack {
    display: inline-block;
    position: relative;
    width: 115px;
    height: 100px;
    margin: 0 8px;
}

.Library_giftPack .dumplings {
    width: 100%;
    margin-top: 18px;
}

.Library_giftPack .name {
    font-size: 12px;
    color: #0a2535;
    text-align: center;
}

.pattern .arbitrarily {
    font-family: '微软雅黑';
    font-size: 16px;
    color: #262223;
    position: relative;
    left: 0;
    /* margin-left: -50px; */
    top: 260px;
    right: 0;
    margin: auto;
    display: block;
    text-align: center;
}

.pattern .click {
    position: absolute;
    width: 150px;
    height: 40px;
    /* background-color: skyblue; */
    top: 310px;
    /* left: 70px; */
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}

.pattern .get {
    /* left: 50%; */
    width: 150px;
    height: 40px;
    top: 310px;
}

.activity_library_personage {
    position: absolute;
    top: -70px;
    right: 0;
    z-index: 1;
}

.activity_library_footer {
    position: absolute;
    bottom: 0;
}

.pc_square_bottom_right {
    position: absolute;
    bottom: -193px;
    right: 0;
}

.content {
    line-height: 0;
    vertical-align: middle;
}

.cos .works_name_box {
    margin-right: 68px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-weight: normal;
    margin-left: 110px;
}

.cos .works_name {
    cursor: pointer;
}

.cos .works_name_frame {
    position: absolute;
    top: 80px;
    left: -67px;
    width: 360px;
    height: 188px;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/pc_activity_index_cart_car_frame.png);
    z-index: 50;
    border: 1px solid #4d1b2b;
    border-radius: 10px;
}

.cos .works_name_frame .works_name_text {
    font-size: 24px;
    color: #fff;
    line-height: 188px;
}

.cos .frame_close {
    width: 33px;
    height: 33px;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/wworks_close.png);
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 50;
    cursor: pointer;
}

.cos .team_name_box {
    margin-right: 68px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-weight: normal;
}

.cos .team_name_frame {
    position: absolute;
    top: 80px;
    left: -236px;
    width: 670px;
    height: 238px;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/pc_activity_index_cart_car_frame.png);
    z-index: 50;
    border: 1px solid #4d1b2b;
    border-radius: 10px;
}

.cos .team_name_frame .team_name_title {
    font-size: 25px;
    color: #fff;
    line-height: 30px;
    padding: 49px 0 0 0;
}

.cos .team_name_text {
    font-size: 20px;
    color: #fff;
    line-height: 29px;
    text-align: left;
    padding: 21px 40px 0 46px;
}

.cos .member_name_box {
    margin-right: 68px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-weight: normal;
}

.cos .member_name_frame {
    position: absolute;
    top: 80px;
    left: -116px;
    width: 440px;
    height: 628px;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/pc_activity_index_cart_car_frame.png);
    z-index: 50;
    border: 1px solid #4d1b2b;
    border-radius: 10px;
}

.cos .member_name_text {
    font-size: 20px;
    color: #fff;
    line-height: 29px;
    text-align: left;
    padding-left: 35px;
    padding-top: 28px;
}

.library .works_name_box {
    margin-right: 68px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-weight: normal;
    margin-left: 110px;
}

.library .works_name {
    cursor: pointer;
}

.library .works_name_frame {
    position: absolute;
    top: 80px;
    left: -67px;
    width: 360px;
    height: 188px;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/pc_activity_index_cart_car_frame.png);
    z-index: 50;
    border: 1px solid #4d1b2b;
    border-radius: 10px;
}

.library .works_name_frame .works_name_text {
    font-size: 24px;
    color: #fff;
    line-height: 33px;
    padding-top: 61px;
}

.library .frame_close {
    width: 33px;
    height: 33px;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/wworks_close.png);
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 50;
    cursor: pointer;
}

.library .team_name_box {
    margin-right: 68px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-weight: normal;
}

.library .team_name_frame {
    position: absolute;
    top: 80px;
    left: -236px;
    width: 670px;
    height: 238px;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/pc_activity_index_cart_car_frame.png);
    z-index: 50;
    border: 1px solid #4d1b2b;
    border-radius: 10px;
}

.library .team_name_frame .team_name_title {
    font-size: 25px;
    color: #fff;
    line-height: 30px;
    padding: 49px 0 0 0;
}

.library .team_name_text {
    font-size: 20px;
    color: #fff;
    line-height: 29px;
    text-align: left;
    padding: 21px 80px 0 105px;
}

.library .member_name_box {
    margin-right: 68px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-weight: normal;
}

.library .member_name_frame {
    position: absolute;
    top: 80px;
    left: -116px;
    width: 440px;
    height: 511px;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/pc_activity_index_cart_car_frame.png);
    z-index: 50;
    border: 1px solid #4d1b2b;
    border-radius: 10px;
}

.library .member_name_text {
    font-size: 20px;
    color: #fff;
    line-height: 29px;
    text-align: left;
    padding-left: 35px;
    padding-top: 28px;
}

.draw .works_name_box {
    margin-right: 68px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-weight: normal;
    margin-left: 110px;
}

.draw .works_name {
    cursor: pointer;
}

.draw .works_name_frame {
    position: absolute;
    top: 80px;
    left: -67px;
    width: 360px;
    height: 188px;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/pc_activity_index_cart_car_frame.png);
    z-index: 50;
    border: 1px solid #4d1b2b;
    border-radius: 10px;
}

.draw .works_name_frame .works_name_text {
    font-size: 24px;
    color: #fff;
    line-height: 33px;
    padding-top: 61px;
}

.draw .frame_close {
    width: 33px;
    height: 33px;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/wworks_close.png);
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 50;
    cursor: pointer;
}

.draw .team_name_box {
    margin-right: 68px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-weight: normal;
}

.draw .team_name_frame {
    position: absolute;
    top: 80px;
    left: -236px;
    width: 670px;
    height: 267px;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/pc_activity_index_cart_car_frame.png);
    z-index: 50;
    border: 1px solid #4d1b2b;
    border-radius: 10px;
}

.draw .team_name_frame .team_name_title {
    font-size: 25px;
    color: #fff;
    line-height: 30px;
    padding: 49px 0 0 0;
}

.draw .team_name_text {
    font-size: 20px;
    color: #fff;
    line-height: 29px;
    text-align: left;
    padding: 5px 60px 0 65px;
}

.draw .member_name_box {
    margin-right: 68px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-weight: normal;
}

.draw .member_name_frame {
    position: absolute;
    top: 80px;
    left: -71px;
    width: 338px;
    height: 228px;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/pc_activity_index_cart_car_frame.png);
    z-index: 50;
    border: 1px solid #4d1b2b;
    border-radius: 10px;
}

.draw .member_name_text {
    font-size: 20px;
    color: #fff;
    line-height: 29px;
    text-align: left;
    padding-left: 35px;
    padding-top: 28px;
}

.square .works_name_box {
    margin-right: 68px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-weight: normal;
    margin-left: 110px;
}

.square .works_name {
    cursor: pointer;
}

.square .works_name_frame {
    position: absolute;
    top: 80px;
    left: -67px;
    width: 360px;
    height: 188px;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/pc_activity_index_cart_car_frame.png);
    z-index: 50;
    border: 1px solid #4d1b2b;
    border-radius: 10px;
}

.square .works_name_frame .works_name_text {
    font-size: 24px;
    color: #fff;
    line-height: 33px;
    text-align: left;
    padding: 61px 0 0 50px;
}

.square .frame_close {
    width: 33px;
    height: 33px;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/wworks_close.png);
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 50;
    cursor: pointer;
}

.square .team_name_box {
    margin-right: 68px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-weight: normal;
}

.square .team_name_frame {
    position: absolute;
    top: 80px;
    left: -236px;
    width: 670px;
    height: 296px;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/pc_activity_index_cart_car_frame.png);
    z-index: 50;
    border: 1px solid #4d1b2b;
    border-radius: 10px;
}

.square .team_name_frame .team_name_title {
    font-size: 25px;
    color: #fff;
    line-height: 30px;
    padding: 49px 0 0 0;
}

.square .team_name_text {
    font-size: 20px;
    color: #fff;
    line-height: 29px;
    text-align: left;
    padding: 21px 47px 0 64px;
}

.square .member_name_box {
    margin-right: 68px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-weight: normal;
}

.square .member_name_frame {
    position: absolute;
    top: 80px;
    left: -116px;
    width: 440px;
    height: 420px;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/pc_activity_index_cart_car_frame.png);
    z-index: 50;
    border: 1px solid #4d1b2b;
    border-radius: 10px;
}

.square .member_name_title {
    font-size: 30px;
    color: #fff;
    line-height: 29px;
    padding-top: 28px;
    text-align: center;
}

.square .member_name_text {
    font-size: 20px;
    color: #fff;
    line-height: 29px;
    text-align: left;
    padding-left: 35px;
    padding-top: 15px;
}

.gun .works_name_box {
    margin-right: 68px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-weight: normal;
    margin-left: 110px;
}

.gun .works_name {
    cursor: pointer;
}

.gun .works_name_frame {
    position: absolute;
    top: 80px;
    left: -67px;
    width: 360px;
    height: 188px;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/pc_activity_index_cart_car_frame.png);
    z-index: 50;
    border: 1px solid #4d1b2b;
    border-radius: 10px;
}

.gun .works_name_frame .works_name_text {
    font-size: 24px;
    color: #fff;
    line-height: 188px;
}

.gun .frame_close {
    width: 33px;
    height: 33px;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/wworks_close.png);
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 50;
    cursor: pointer;
}

.gun .team_name_box {
    margin-right: 68px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-weight: normal;
}

.gun .team_name_frame {
    position: absolute;
    top: 80px;
    left: -236px;
    width: 670px;
    height: 345px;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/pc_activity_index_cart_car_frame.png);
    z-index: 50;
    border: 1px solid #4d1b2b;
    border-radius: 10px;
}

.gun .team_name_frame .team_name_title {
    font-size: 25px;
    color: #fff;
    line-height: 30px;
    padding: 49px 0 0 0;
}

.gun .team_name_text {
    font-size: 20px;
    color: #fff;
    line-height: 29px;
    text-align: left;
    padding: 21px 40px 0 46px;
}

.gun .member_name_box {
    margin-right: 68px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-weight: normal;
}

.gun .member_name_frame {
    position: absolute;
    top: 80px;
    left: -116px;
    width: 440px;
    height: 628px;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/pc_activity_index_cart_car_frame.png);
    z-index: 50;
    border: 1px solid #4d1b2b;
    border-radius: 10px;
}

.gun .member_name_title {
    font-size: 30px;
    color: #fff;
    line-height: 29px;
    padding-top: 28px;
    text-align: center;
}

.member_name_title2 {
    font-size: 26px;
    color: #fff;
    line-height: 40px;
    text-align: center;
}

.gun .member_name_text {
    font-size: 20px;
    color: #fff;
    line-height: 29px;
    text-align: left;
    padding-left: 35px;
    padding-top: 8px;
}

.gun .member_name_text div {
    display: inline-block;
    margin-right: 29px;
}

.music .works_name_box {
    margin-right: 68px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-weight: normal;
    margin-left: 110px;
}

.music .works_name {
    cursor: pointer;
}

.music .works_name_frame {
    position: absolute;
    top: 80px;
    left: -67px;
    width: 360px;
    height: 188px;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/pc_activity_index_cart_car_frame.png);
    z-index: 50;
    border: 1px solid #4d1b2b;
    border-radius: 10px;
}

.music .works_name_frame .works_name_text {
    font-size: 24px;
    color: #fff;
    line-height: 33px;
    text-align: left;
    padding: 61px 0 0 50px;
}

.music .frame_close {
    width: 33px;
    height: 33px;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/wworks_close.png);
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 50;
    cursor: pointer;
}

.music .team_name_box {
    margin-right: 68px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-weight: normal;
}

.music .team_name_frame {
    position: absolute;
    top: 80px;
    left: -236px;
    width: 670px;
    height: 264px;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/pc_activity_index_cart_car_frame.png);
    z-index: 50;
    border: 1px solid #4d1b2b;
    border-radius: 10px;
}

.music .team_name_frame .team_name_title {
    font-size: 25px;
    color: #fff;
    line-height: 30px;
    padding: 49px 0 0 0;
}

.music .team_name_text {
    font-size: 20px;
    color: #fff;
    line-height: 29px;
    text-align: left;
    padding: 9px 47px 0 64px;
}

.music .member_name_box {
    margin-right: 68px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-weight: normal;
}

.music .member_name_frame {
    position: absolute;
    top: 80px;
    left: -72px;
    width: 334px;
    height: 216px;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/pc_activity_index_cart_car_frame.png);
    z-index: 50;
    border: 1px solid #4d1b2b;
    border-radius: 10px;
}

.music .member_name_title {
    font-size: 30px;
    color: #fff;
    line-height: 29px;
    padding-top: 28px;
    text-align: center;
}

.music .member_name_text {
    font-size: 20px;
    color: #fff;
    line-height: 29px;
    text-align: left;
    padding-left: 35px;
    padding-top: 15px;
}

.wish .works_name_box {
    margin-right: 68px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-weight: normal;
    margin-left: 110px;
}

.wish .works_name {
    cursor: pointer;
}

.wish .works_name_frame {
    position: absolute;
    top: 80px;
    left: -67px;
    width: 360px;
    height: 188px;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/pc_activity_index_cart_car_frame.png);
    z-index: 50;
    border: 1px solid #4d1b2b;
    border-radius: 10px;
}

.wish .works_name_frame .works_name_text {
    font-size: 24px;
    color: #fff;
    line-height: 33px;
    text-align: left;
    padding: 61px 0 0 50px;
}

.wish .frame_close {
    width: 33px;
    height: 33px;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/wworks_close.png);
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 50;
    cursor: pointer;
}

.wish .team_name_box {
    margin-right: 68px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-weight: normal;
}

.wish .team_name_frame {
    position: absolute;
    top: 80px;
    left: -236px;
    width: 670px;
    height: 166px;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/pc_activity_index_cart_car_frame.png);
    z-index: 50;
    border: 1px solid #4d1b2b;
    border-radius: 10px;
}

.wish .team_name_frame .team_name_title {
    font-size: 25px;
    color: #fff;
    line-height: 30px;
    padding: 49px 0 0 0;
}

.wish .team_name_text {
    font-size: 22px;
    color: #fff;
    line-height: 29px;
    text-align: left;
    padding: 64px 0 0 0;
    text-align: center;
}

.wish .member_name_box {
    margin-right: 68px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-weight: normal;
}

.wish .member_name_frame {
    position: absolute;
    top: 80px;
    left: -72px;
    width: 339px;
    height: 478px;
    background: url(//game.gtimg.cn/images/tps/cp/a20200720activity/pc_activity_index_cart_car_frame.png);
    z-index: 50;
    border: 1px solid #4d1b2b;
    border-radius: 10px;
}

.wish .member_name_title {
    font-size: 30px;
    color: #fff;
    line-height: 29px;
    padding-top: 28px;
    text-align: center;
}

.wish .member_name_text {
    font-size: 20px;
    color: #fff;
    line-height: 29px;
    text-align: left;
    padding-left: 35px;
    padding-top: 39px;
}

.box_btn {
    cursor: pointer;
}

.lighten {
    width: 264px;
    display: block;
    text-align: center;
    font-size: 16px;
    margin-top: 30px;
    margin-left: -20px;
}