.section1 { background: url(../../../images/topic/anniversary10th/bgheader_en.jpg) no-repeat center top;}
.section2 { background: url(../../../images/topic/anniversary10th/bgbody_en.jpg) no-repeat center top; }
.section2.blindBoxGiftBg { background: url(../../../images/topic/anniversary10th/bgbody2_en.jpg) no-repeat center top;}
.anniversaryTime { width: 670px; background: url(../../../images/topic/anniversary10th/timebg_en.png) round; }
.anniversaryTime .title { width: 450px;}
.anniversaryTime .time { width: 170px; }
.rechargeActivity { background: url(../../../images/topic/anniversary10th/recharge_en.png) no-repeat center top; background-size: contain; }
.topicContent .activeType { background: url(../../../images/topic/anniversary10th/activeTypebg_en.png) round; }
.activeType .btnbox { width: 306px; height: 100px; margin: 40px 0 0 50px; cursor: pointer; background: url(../../../images/topic/anniversary10th/btnlucky_en.png) no-repeat center center; }
.activeType .btnluck { width: 280px; height: 200px; margin: 50px 0 0 105px; background: url('../../../images/topic/anniversary10th/btnblindbox_en_on.png')no-repeat center center; }
.activeType .luckon .btnbox { background: url('../../../images/topic/anniversary10th/btnblindbox_en.png')no-repeat center center; }
.activeType .luckon .btnluck { background: url('../../../images/topic/anniversary10th/btnlucky_en_on.png')no-repeat center center; }
.activeType #recordbtn { width: 280px; line-height: 47px; font-size: 24px; background: url(../../../images/topic/anniversary10th/recordBtn_en.png) no-repeat center top; }
.activeType .activeTypeContent { height: 300px; overflow: hidden; }
.activeType .activeTypeContent .pointDesc .taskChangeBtn {width:212px; font-size: 17px; padding: 3px 0 0 50px; background: url(../../../images/topic/anniversary10th/taskChangeBtn_en.png) no-repeat center top; }
.activeType .activeTypeContent .pointDesc .taskChangeBtn:hover { background: url(../../../images/topic/anniversary10th/taskChangeBtn_en_h.png) no-repeat center top; }
.activeType .activeTypeContent .pointInfo { margin-top: 150px; }
.activeType .activeTypeContent .pointInfo .prizeItem { font-size: 24px; }
.activeType .activeTypeContent .pointInfo #userPointsCount { margin-left: 310px; }
.activeType .activeTypeContent .pointInfo #userPrizeACount { margin-left: 210px; }
.activeType .activeTypeContent .pointInfo #userPrizeBCount { margin-left: 230px; }
.activeType .activeTypeContent .pointInfo #userPrizeCCount { margin-left: 290px; }
.activeType .activeTypeContent .pointInfo #userPrizeDCount { margin-left: 230px; }
.activeType .activeTypeContent .pointDesc .taskDesc { font-size: 14px; }

#luckTask .cardTitle { background: url(../../../images/topic/anniversary10th/cardTitle_en.png) no-repeat center; }
#blindBoxGift .cardTitle { background: url(../../../images/topic/anniversary10th/cardTitle_en.png) no-repeat center; }
#specialMission .cardTitle2 { background: url(../../../images/topic/anniversary10th/cardtitle2_en.png) no-repeat center; }
#anniversaryAlbum .cardTitle { background: url(../../../images/topic/anniversary10th/cardtitle3_en.png) no-repeat center; }
#anniversaryAlbum .cardTitle .cardTitleContent { width: 839px; }
#winnersList .cardTitle { background: url(../../../images/topic/anniversary10th/cardtitle4_en.png) no-repeat center; }
#winnersList .cardTitle .cardTitleContent { width: 560px; }
.activeCard .cardTitle .cardTitleContent{font-size: 48px; line-height: 45px;}
#luckTask .dailyTask .title, #luckTask .bindingTask .title { font-size: 30px; }
#luckTask .dailyTask .desc, #luckTask .bindingTask .desc { font-size: 18px; margin-top: 0; line-height: 20px; }
#luckTask .dailyItem .content {font-size: 24px; line-height: 26px; } 
#luckTask .dailyItem .shareBox .twitter { margin-left: 35px; }
#luckTask .bindingItem .content { font-size: 24px; }
.activeCard .btn-operate { font-size:24px;}
.activeCard .btn-operate.lang { font-size: 20px; line-height: 20px; display: grid; align-items: center; }
#specialMission .winningIntroduction{text-decoration: unset; font-size: 24px; line-height: 28px; display: block; border-bottom: 4px solid #A07425; width: 140px; }
#specialMission .winningIntroduction:hover { border-bottom: 4px solid #ffffff; }
#specialMission .cardMain .specialMissionTitle { font-size: 18px; line-height: 18px; text-align: left; padding-left: 40px; }
.specialMissionItem .gifts .giftsTitle { font-size: 16px; }
.specialMissionItem .gifts .giftsName { font-size: 18px;}
#anniversaryAlbum .menuItem { font-size: 20px;font-weight:400; padding: 0; line-height: 20px; writing-mode: vertical-rl;  }
.rulesTips {height: 662px; background: url(../../../images/topic/anniversary10th/rulesTips_en.png); }
.tipsWrap { margin-top: 20px; }
.popBox1 .msgTitle {  line-height: 35px; }
.popBox2 table .desc { width: 170px; padding-right: 0; text-align: left; }
.popBox2 table .input {  width: 170px;  }
.recordBoxMain .recordTitle { font-size:40px;}
.recordBoxMain .recordOperat .desc { line-height: 22px; font-size: 24px; margin-top: -10px; }
.recordBoxMain #recordList thead {   font-size: 20px; line-height: 20px;  }
.popBox3 .boxMain .btn-query { font-size: 14px; width: 60px; }
.popBox3 .allPoints { font-size: 16px; }
.recordBoxMain .recordOperat select {  font-size: 16px;  }
#blindBoxGift .blindBoxGames { background: url(../../../images/topic/anniversary10th/blindBoxCountBg_en.png); }
#blindBoxGift .countBox .desc { margin-left: 10px; margin-top: 10px; }
#blindBoxGift .countBox .desc2 { margin-left: 10px; color: #C2572E; font-size: 14px; }
#blindBoxGift .countBox .count { margin-left: 20px; line-height: 90px; }
#blindBoxGift .countBox .more { line-height: 20px; padding-bottom: 5px; width: 150px; margin: 0 auto; margin-top: 10px; }
#blindBoxGift .countBox .btn-open { margin-top:40px;}


@media screen and (max-width: 996px) { .header .navWrap ul li a { padding: 0 5px !important; white-space: break-spaces; width: 70px; line-height: 20px; } 
}