* {
    margin: 0;
    padding: 0
}

body {
    font: 14px/1 "Microsoft Yahei", "微软雅黑";
    color: #fff;
    text-align: center;
    background: #2A0001;
    border-radius: 20px;
}

a {
    text-decoration: none;
    color: unset;
}

image {
    width: 100%;
}

.pointer {
    cursor: pointer;
}

.hide {
    display: none;
}

.banner {
    height: 112px;
}

header {
    height: 112px;
    background: #000000;
    width: 100%;
    z-index: 99999;
    top: 0%;
    position: absolute;
}

header nav {
    width: 1264px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header nav .logo {
    width: 191px;
    height: 47px;
    display: block;
}

header nav ul {
    width: 900px;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    margin-top: 3%;
}

header nav ul li {
    list-style: none;
    text-align: center;
    min-height: 50px;
    min-width: 62px;
}

.nav-free-ico {
    margin-top: -23px;
    width: 62px;
    height: 24px;
    display: block;
}

header nav ul a {
    font-size: 15px;
    font-family: Microsoft YaHei;
    font-weight: 600;
    color: #88889E;
}

header nav ul a:hover {
    color: white;
}

header nav ul .active {
    background: url("/style/style2/images/nav-active-btn.png") no-repeat;
    background-position-x: -5px;
    background-position-y: 21px;
}

header nav ul li:hover {
    background: url("/style/style2/images/nav-active-btn.png") no-repeat;
    animation-duration: 0.5s;
    /* 动画时长 */
    animation-fill-mode: forwards;
    /* 动画结束后元素停留在动画结束的状态 */
    background-position-x: -5px;
    background-position-y: 21px;
    background-size: auto;
    transition: background-position-x 0.5s ease;
}

header nav ul .nav-active {
    width: 73px;
    height: 24px;
    position: relative;
    /* 元素相对定位 */
    left: -50px;
    /* 元素向左偏移100px */
    animation-name: slideInLeft;
    /* 动画名称 */
    animation-duration: 0.5s;
    /* 动画时长 */
    animation-fill-mode: forwards;
    /* 动画结束后元素停留在动画结束的状态 */
    display: block;
}

/* 定义 slideInLeft 动画 */
@keyframes slideInLeft {
    from {
        left: -50px;
        /* 元素起始位置向左偏移100px */
    }

    to {
        left: 0;
        /* 元素结束位置偏移0px，也就是左侧边框与页面左侧对齐 */
    }
}

.head-down-btn {
    background: url("/style/style2/images/header-download-bg.png") no-repeat;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 38px;
    background-size: cover;
    width: 125px;
    height: 38px;
    text-align: center;
    cursor: pointer;
}

.top {
    background: url("/style/activity/images/year/top-bg3.png") center top;
    background-size: cover;
    height: 532px;
}

.user-name-span {
    font-size: 20px;
    padding-top: 463px;
    color: #fef4a4;
    font-weight: 600;
    z-index: 10;
    position: absolute;
    margin: auto;
    width: 100%;
}

.content-one {
    background: url("/style/activity/images/year/content-one-bg.png") center top;
    background-size: cover;
    height: 1009px;
    width: 100%;
}

.title-one {
    background: url("/style/activity/images/year/title-one.png") center top no-repeat;
    background-size: cover;
    height: 99px;
    width: 950px;
    margin-top: -70px;
    display: inline-flex;
}

.title-two {
    background: url("/style/activity/images/year/title-two.png") center top no-repeat;
    background-size: cover;
    height: 99px;
    width: 950px;
    margin-top: 50px;
    display: inline-flex;
}

.title-three {
    background: url("/style/activity/images/year/title-three.png") center top no-repeat;
    background-size: cover;
    height: 99px;
    width: 950px;
    margin-top: 50px;
    display: inline-flex;
}

.title-four {
    background: url("/style/activity/images/year/title-four2.png") center top no-repeat;
    background-size: cover;
    height: 99px;
    width: 950px;
    margin-top: 50px;
    display: inline-flex;
}

.title-five {
    background: url("/style/activity/images/year/title-five.png") center top no-repeat;
    background-size: cover;
    height: 99px;
    width: 950px;
    margin-top: 50px;
    display: inline-flex;
}


.gift-content {
    display: inline-flex;
}

.gift-box {
    background: url("/style/activity/images/year/gift-box-bg.png") center top no-repeat;
    background-size: cover;
    width: 520px;
    height: 512px;
}

.gift-box-title {
    margin-top: 25px;
}

.gift-box .gift-list {
    display: inline-flex;
    flex-wrap: wrap;
    width: 420px;
    justify-content: space-evenly;
    align-content: space-around;
    height: 321px;
    margin-top: 5px;
}

.gift-item {
    display: inline-flex;
    flex-direction: column;
}

.gift-item .gift-img {
    background: url("/style/activity/images/year/gift-img-bg.png") center top no-repeat;
    background-size: cover;
    width: 113px;
    height: 79px;
}

.gift-item .gift-name {
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #F4B23C;
    margin-top: 5px;
}

.gift-box .chose-btn {
    background: url("/style/activity/images/year/chose-btn-bg.png") center top no-repeat;
    background-size: cover;
    width: 179px;
    height: 56px;
    font-size: 24px;
    font-family: Alibaba PuHuiTi;
    font-weight: 500;
    color: #820808;
    line-height: 50px;
    margin: 0 auto;
    margin-top: 40px;
}

.gift-box .chose-btn:hover {
    background: url("/style/activity/images/year/chose-btn-bg-hover.png") center top no-repeat;
    background-size: cover;
}

.gift-msg {
    font-size: 16px;
    font-family: Alibaba PuHuiTi;
    font-weight: 500;
    color: #FFEDA5;
    margin-top: 25px;
}

.content-two {
    height: 3015px;
    border-radius: 20px;
}

.payment-msg {
    font-size: 18px;
    font-family: Alibaba PuHuiTi;
    font-weight: bold;
    color: #FFC159;
    line-height: 36px;
}

.package-content {
    display: inline-flex;
    margin-top: 10px;
}

.package-box {
    background: url("/style/activity/images/year/package-box-bg.png") center top no-repeat;
    background-size: cover;
    width: 1090px;
    height: 413px;
}

.package-box .package-list {
    display: inline-flex;
    width: 93%;
    justify-content: space-evenly;
    height: 100%;
    align-items: center;
}

.package-item {
    background: url("/style/activity/images/year/package-item-bg.png") center top no-repeat;
    background-size: cover;
    width: 212px;
    height: 250px;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    margin-top: -15px;
}

.package-year {
    background: url("/style/activity/images/year/package-item-bg-year.png") center top no-repeat;
    background-size: cover;
}

.package-item .activity-title {
    background: url("/style/activity/images/year/activity-title-bg.png") center top no-repeat;
    background-size: cover;
    width: 122px;
    height: 36px;
    font-size: 21px;
    font-family: Alibaba PuHuiTi;
    font-weight: 500;
    color: #FFFFFF;
    position: absolute;
    margin-top: -252px;
    margin-left: -3px;
    text-align: center;
    line-height: 32px;
}

.package-item .package-name {
    font-size: 32px;
    font-family: Alibaba PuHuiTi;
    font-weight: bold;
    color: #FFE16C;
    margin-top: 20px;
}

.package-item .package-intro {
    font-size: 34px;
    font-family: Alibaba PuHuiTi;
    font-weight: bold;
    color: #FFFF00;
}

.package-item .package-price {
    font-size: 17px;
    font-family: Alibaba PuHuiTi;
    font-weight: bold;
    color: #FFEDA7;
}

.package-item .package-price span {
    text-decoration: line-through;
}

.package-item .payment-btn {
    background: url("/style/activity/images/year/payment-btn-bg.png") center top no-repeat;
    background-size: cover;
    width: 173px;
    height: 46px;
    font-size: 22px;
    font-family: Alibaba PuHuiTi;
    font-weight: 600;
    color: #820808;
    line-height: 40px;
}

.package-item .payment-btn:hover {
    background: url("/style/activity/images/year/payment-btn-bg-hover.png") center top no-repeat;
    background-size: cover;
}

.package-item .package-msg {
    font-size: 16px;
    font-family: Alibaba PuHuiTi;
    font-weight: 500;
    color: #F4B23C;
    position: absolute;
    margin-top: 285px;
}

.cdkey-content {
    display: inline-flex;
    margin-top: 10px;
}

.cdkey-box {
    background: url("/style/activity/images/year/cdkey-box-bg.png") center top no-repeat;
    background-size: cover;
    width: 1090px;
    height: 353px;
}

.cdkey-box .cdkey-list {
    display: inline-flex;
    width: 90%;
    justify-content: space-evenly;
    height: 75%;
    align-items: center;
}

.cdkey-box .down-btn {
    background: url("/style/activity/images/year/down-btn-bg.png") center top no-repeat;
    background-size: cover;
    width: 219px;
    height: 56px;
    font-size: 22px;
    font-family: Alibaba PuHuiTi;
    font-weight: 600;
    color: #820808;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.cdkey-box .down-btn:hover {
    background: url("/style/activity/images/year/down-btn-bg-hover.png") center top no-repeat;
    background-size: cover;
}

.upgrade-content {
    display: inline-flex;
    margin-top: 10px;
}

.upgrade-box {
    background: url("/style/activity/images/year/upgrade-box-bg2.png") center top no-repeat;
    background-size: cover;
    width: 1090px;
    height: 353px;
}

.upgrade-box .upgrade-msg {
    font-size: 18px;
    font-family: Alibaba PuHuiTi;
    font-weight: 400;
    color: #F3A70D;
    position: absolute;
    margin-left: 255px;
    margin-top: 23px;
}

.upgrade-box .upgrade-list {
    display: inline-flex;
    width: 90%;
    justify-content: space-evenly;
    height: 66%;
    align-items: center;
    margin-top: 32px;
}

.upgrade-box .upgrade-bottom {
    display: inline-flex;
    width: 100%;
    justify-content: space-evenly;
    align-items: center;
}

.upgrade-box .upgrade-describe {
    background: url("/style/activity/images/year/upgrade-describe-bg.png") center top no-repeat;
    background-size: cover;
    width: 706px;
    height: 51px;
    font-size: 18px;
    font-family: Alibaba PuHuiTi;
    font-weight: 400;
    color: #FFD22C;
    line-height: 50px;
}

.upgrade-box .down-btn {
    background: url("/style/activity/images/year/down-btn-bg.png") center top no-repeat;
    background-size: cover;
    width: 219px;
    height: 56px;
    font-size: 22px;
    font-family: Alibaba PuHuiTi;
    font-weight: 600;
    color: #820808;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.upgrade-box .down-btn:hover {
    background: url("/style/activity/images/year/down-btn-bg-hover.png") center top no-repeat;
    background-size: cover;
}

.rule-content {
    display: inline-flex;
    margin-top: 10px;
    width: 1056px;
    height: 1500px;
    background: #930E2E;
    border: 0px solid #000000;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.2);
    opacity: 0.6;
    border-radius: 27px;
}

.rule-box {
    text-align: left;
    line-height: 33px;
    padding: 28px 40px;
    color: #FFC159;
}


.footer {
    background: url("/style/images/tkf/bdtkf/header-bg.png") center top;
    width: 100%;
    height: 100px;
    position: absolute;
}

.footer .development {
    display: inline-flex;
    margin-top: 1%;
    font-size: 15px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ffffff;
    line-height: 30px;
}


.footer .copyright {
    margin-bottom: 1%;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ffffff;
    line-height: 30px;
}

.right-box {
    background: url("/style/activity/images/year/right-box2.png") center top no-repeat;
    width: 166px;
    height: 220px;
    position: fixed;
    top: 30%;
    right: 5%;
}

.right-box .title {
    font-size: 18px;
    font-family: Alibaba PuHuiTi;
    font-weight: bold;
    color: #FCE22E;
    line-height: 22px;
    margin-top: 10px;
}

.right-box .content {
    font-size: 18px;
    font-family: Alibaba PuHuiTi;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 24px;
}

.user-btn-list {
    display: inline-flex;
    flex-direction: column;
    position: absolute;
    left: 77%;
    top: 63%;
    height: 145px;
    justify-content: space-evenly;
}


.rule-btn {
    background: url("/style/activity/images/year/rule-btn-bg.png") center top no-repeat;
    width: 126px;
    height: 48px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 45px;
}

.rule-btn:hover {
    background: url("/style/activity/images/year/rule-btn-bg-hover.png") center top no-repeat;
}

.my-gift {
    background: url("/style/activity/images/year/my-gift-bg.png") center top no-repeat;
    width: 126px;
    height: 48px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 45px;
}

.my-gift:hover {
    background: url("/style/activity/images/year/my-gift-bg-hover.png") center top no-repeat;
}

.back {
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.7;
    position: fixed;
}

.alert {
    width: 503px;
    height: 321px;
    position: fixed;
    background: url("/style/activity/images/year/alert-bg.png") center top no-repeat;
    z-index: 11;
    top: 22%;
    width: 100%;
}

.system-alert {
    width: 444px;
    height: 512px;
    position: fixed;
    background: url("/style/activity/images/year/system-alert-bg.png") center top no-repeat;
    z-index: 11;
    top: 22%;
    width: 100%;
}

.system-alert .alert-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.system-alert .system-close {
    background: url("/style/activity/images/year/system-close.png") center top no-repeat;
    width: 41px;
    height: 41px;
    display: inline-flex;
    position: absolute;
    margin-top: -12px;
    margin-left: 416px;
}

.system-alert .system-close:hover {
    background: url("/style/activity/images/year/system-close-hover.png") center top no-repeat;
}

.system-alert .system-menu {
    display: inline-flex;
    justify-content: space-evenly;
    width: 17%;
    margin-top: 60px;
    align-items: center;
}

.pwd-login {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.system-alert .title {
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #9CA0A7;
}

.system-alert .active {
    color: #FFFFFF;
    font-size: 23px;
}

.system-alert .input-list {
    display: inline-flex;
    flex-direction: column;
    height: 200px;
    justify-content: space-evenly;
    margin-top: 20px;
}

.system-alert .input {
    background: url("/style/activity/images/year/system-input-bg.png") center top no-repeat;
    width: 336px;
    height: 52px;
}

.system-alert .input input {
    height: 37px;
    width: 286px;
    border: none;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    opacity: 0.5;
    margin-left: 10px;
    margin-top: 7px;
    outline: none;
    background: rgb(0 0 0 / 0%);
}

.system-alert input:-moz-placeholder {
    color: #ffffff;
}

.system-alert input:-ms-input-placeholder {
    color: #ffffff;
}

.system-alert input::-webkit-input-placeholder {
    color: #ffffff;
}

.system-alert .reg-forget {
    display: flex;
    width: 140%;
    justify-content: space-around;
    margin-top: -8px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
}

.system-alert .reg-forget .reg-btn {
    color: #FFC12E;
}


.system-alert .reg-forget .forget-btn {
    color: #4A88FF;
}

.system-alert .system-msg {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #4A88FF;
    margin-top: 55px;
}

.system-alert .system-msg span {
    color: #22C3FF;
}

.system-alert .system-btn {
    background: url("/style/activity/images/year/system-btn-bg.png") center top no-repeat;
    width: 292px;
    height: 52px;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #1B2536;
    line-height: 48px;
    margin-top: 25px;
}

.system-alert .system-btn:hover {
    background: url("/style/activity/images/year/system-btn-bg-hover.png") center top no-repeat;
}

.alert .close {
    background: url("/style/activity/images/year/close.png") center top no-repeat;
    width: 41px;
    height: 41px;
    display: inline-flex;
    position: absolute;
    margin-top: -12px;
    margin-left: 220px;
}

.alert .close:hover {
    background: url("/style/activity/images/year/close-hover.png") center top no-repeat;
}

.alert .title {
    margin-top: 22px;
    font-size: 28px;
    font-family: Alibaba PuHuiTi;
    font-weight: 500;
    color: #FEDF10;
    line-height: 53px;
}

.alert .content {
    font-size: 18px;
    font-family: Alibaba PuHuiTi;
    font-weight: 500;
    color: #FCF6B9;
    line-height: 40px;
    text-align: left;
}

.alert .content2 {
    font-size: 17px;
    font-family: Alibaba PuHuiTi;
    font-weight: 500;
    color: #FF7559;
    line-height: 35px;
    text-align: left;
}

.alert .alert-btn {
    background: url("/style/activity/images/year/alert-btn-bg.png") center top no-repeat;
    font-size: 22px;
    font-family: Alibaba PuHuiTi;
    font-weight: 600;
    color: #820808;
    line-height: 50px;
    width: 176px;
    height: 50px;
    margin: 0 auto;
}

.alert .alert-btn:hover {
    background: url("/style/activity/images/year/alert-btn-bg-hover.png") center top no-repeat;
}

.my-gift-alert {
    width: 100%;
    height: 403px;
    position: fixed;
    background: url("/style/activity/images/year/my-gift-alert-bg.png") center top no-repeat;
}

.my-gift-alert .gift-list {
    display: inline-block;
    min-height: 240px;
}

.my-gift-item {
    background: url("/style/activity/images/year/my-gift-item-bg.png") center top no-repeat;
    width: 410px;
    height: 48px;
    font-size: 16px;
    font-family: Alibaba PuHuiTi;
    font-weight: 600;
    color: #563024;
    line-height: 52px;
    margin-bottom: 10px;
}

.my-gift-page {
    display: inline-flex;
    justify-content: space-around;
    /* width: 360px; */
    margin-top: 15px;
}

.my-gift-alert .page {
    font-size: 24px;
    font-family: Alibaba PuHuiTi;
    font-weight: bold;
    color: #FCF6B9;
    line-height: 50px;
}

.my-gift-alert .page-btn {
    background: url("/style/activity/images/year/page-btn-bg.png") center top no-repeat;
    font-size: 19px;
    font-family: Alibaba PuHuiTi;
    font-weight: 600;
    color: #6C100F;
    line-height: 45px;
    width: 129px;
    height: 53px;
}

.impowerBox .qrcode {
    width: 125px;
    cursor: pointer;
}

.impowerBox .title {
    display: none;
}

.impowerBox .info {
    width: 100%;
}

.status_icon {
    display: none;
}

.impowerBox .status {
    text-align: center;
}

#wx_default_tip {
    width: 200px;
    margin: 0 auto;
}

.impowerBox .icon38_msg {
    display: none;
}

#wx_default_tip {
    width: 179px;
    line-height: 25px;
}

.info {
    color: #fff;
}

.impowerBox .status p {
    font-size: 13px;
}

.panelContent{
    margin-top: 72px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    height: 200px;
}