@font-face {
  font-family: "AGENCYR";
  src: url("../fonts/AGENCYR_0.TTF");
}
@font-face {
  font-family: "AGENCYB";
  src: url("../fonts/AGENCYB_0.TTF");
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body,
html {
  width: 100%;
  height: 100%;
  font-size: 0.16rem;
  font-family: "AGENCYB";
}
a {
  text-decoration: none;
  outline: 0 none;
}
ul {
  list-style: none;
}
img {
  border: 0;
  vertical-align: middle;
}
.container {
  width: 100%;
  height: auto;
}
.container::-webkit-scrollbar {
  width: 0px;
}
.container::-webkit-scrollbar-track {
  background: #ccc;
}
.container::-webkit-scrollbar-thumb {
  background: #eee;
}
html::-webkit-scrollbar {
  width: 0px;
}
html::-webkit-scrollbar-track {
  background: #ccc;
}
html::-webkit-scrollbar-thumb {
  background: #eee;
}
@media only screen and (min-width: 751px) {
  .main {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background-image: url("../images/main_bg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  .main .main_title {
    margin: 0 auto;
    width: 9.68rem;
    padding-bottom: 0.45rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 8.5rem;
  }
  .main .main_title .title_img1 {
    width: 8.32rem;
    height: 1.59rem;
    background-image: url("../images/main_title.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  .main .main_title .title_img2 {
    color: #61b3f8;
    font-size: 0.4rem;
    width: 10.83rem;
    height: 0.87rem;
    line-height: 0.87rem;
    text-align: center;
    background-image: url("../images/main_desc_bg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-top: 0.3rem;
  }
  .main .section1 {
    font-size: 0.22rem;
    margin-top: 0.9rem;
    height: 7.7rem;
  }
  .main .section1 .section1_title {
    height: 1.25rem;
    width: 10.16rem;
    margin: 0 auto;
  }
  .main .section1 .section1_title .section1_title_img {
    height: 100%;
    width: 100%;
    background-image: url("../images/section1_title_bg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  .main .section1 .section1_content {
    display: flex;
    justify-content: space-between;
    padding: 0.74rem 3.5rem 0 3.5rem;
  }
  .main .section1 .section1_content .item {
    background-size: 100% auto;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    width: 3.78rem;
    height: 5.35rem;
    padding-bottom: 0.5rem;
  }
  .main .section1 .section1_content .item .section1_item_title {
    color: #7ec6ff;
    font-size: 0.3rem;
  }
  .main .section1 .section1_content .item.item1 {
    padding-top: 1.1rem;
    background-image: url("../images/section1_item_bg1.png");
  }
  .main .section1 .section1_content .item.item1 .btn_login {
    margin-bottom: 0.59rem;
  }
  .main .section1 .section1_content .item.item1 .btn_logout {
    margin-bottom: 0.49rem;
  }
  .main .section1 .section1_content .item.item2 {
    padding-top: 1.1rem;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    background-image: url("../images/section1_item_bg2.png");
  }
  .main .section1 .section1_content .item.item2 .section1_item_title {
    font-size: 0.28rem;
  }
  .main .section1 .section1_content .item.item3_pc {
    padding-top: 1.1rem;
    background-image: url("../images/section1_item_bg3.png");
  }
  .main .section1 .section1_content .item.item3_m {
    display: none;
  }
  .main .section1 .section1_content .item .section1_item_bottom_box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .main .section1 .section1_content .item .account_name {
    font-size: 0.4rem;
    color: #7ec6ff;
  }
  .main .section1 .section1_content .item .section1_item_btn {
    background-image: url("../images/section1_login_bg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 2.4rem;
    height: 0.69rem;
    line-height: 0.69rem;
    color: #232323;
    font-size: 0.35rem;
    cursor: pointer;
  }
  .main .section1 .section1_content .item .section1_item_btn.disabled {
    background-image: url("../images/section1_logout_bg.png");
    cursor: not-allowed;
  }
  .main .section1 .section1_content .item .section1_item_btn.disabled .btn_twitchLogin_btn {
    cursor: not-allowed;
    pointer-events: none;
  }
  .main .section1 .section1_content .item .btn_logout_btn {
    margin-top: 0rem;
    display: inline-block;
    cursor: pointer;
    background-image: url("../images/section1_logout.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  .main .section2 {
    margin-top: 0.7rem;
  }
  .main .section2 .section2_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .main .section2 .section2_title .section2_title_img {
    height: 1.24rem;
    width: 9.88rem;
    background-image: url("../images/section2_title_bg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  .main .section2 .section2_title .section2_title_time {
    font-size: 0.4rem;
    color: #2e6c9e;
    margin: 0.1rem 0;
  }
  .main .section2 .section2_title .section2_title_rounds {
    font-size: 0.4rem;
    color: #c0aa38;
    margin-bottom: 1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .main .section2 .section2_title .section2_title_rounds .section2_content_subtitle_box {
    border-bottom: 1px solid #c0aa38;
  }
  .main .section2 .section2_title .section2_title_rounds .section2_content_subtitle_box.zhubo {
    margin-top: 0.2rem;
  }
  .main .section2 .section2_content {
    width: 12.3rem;
    margin: 0 auto;
    height: 6.37rem;
    background-image: url("../images/section2_content_bg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  .main .section2 .section2_content .section2_content_title {
    color: #60b2f7;
    font-size: 0.45rem;
    text-align: center;
    line-height: 0.9rem;
  }
  .main .section2 .section2_content .section2_content_refresh {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: end;
    margin-right: 0.3rem;
    margin-top: 0.2rem;
  }
  .main .section2 .section2_content .section2_content_refresh .refresh_icon {
    background-image: url("../images/refresh.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 0.22rem;
    height: 0.24rem;
    margin-right: 0.1rem;
  }
  .main .section2 .section2_content .section2_content_refresh .refresh_text {
    font-size: 0.35rem;
    border-bottom: 1px solid #fff;
    cursor: pointer;
  }
  .main .section2 .section2_content .section2_content_main_title {
    color: #fff;
    text-align: center;
    font-size: 0.4rem;
  }
  .main .section2 .section2_content .section2_content_main {
    margin-top: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.8rem;
    padding-right: 1rem;
  }
  .main .section2 .section2_content .section2_content_main .section2_content_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
  }
  .main .section2 .section2_content .section2_content_main .section2_content_item .section2_content_item_img {
    background-image: url("../images/section2_content_item_bg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 2.69rem;
    height: 2.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .main .section2 .section2_content .section2_content_main .section2_content_item .section2_content_item_img.section2_content2_item_img {
    background-image: url("../images/section2_content_item2_bg.png");
  }
  .main .section2 .section2_content .section2_content_main .section2_content_item .section2_content_item_img img.section2_content_item1_img {
    width: 1.14rem;
    height: 1.06rem;
  }
  .main .section2 .section2_content .section2_content_main .section2_content_item .section2_content_item_img img.section2_content_item2_img {
    width: 1.01rem;
    height: 1.9rem;
  }
  .main .section2 .section2_content .section2_content_main .section2_content_item .section2_content_item_img img.section2_content_item3_img {
    width: 1.37rem;
    height: 1.02rem;
  }
  .main .section2 .section2_content .section2_content_main .section2_content_item .section2_content_item_desc {
    margin-top: 0.1rem;
    text-align: center;
    font-size: 0.29rem;
    color: #60b2f7;
  }
  .main .section2 .section2_bottom {
    margin-top: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .main .section2 .section2_bottom .section2_bottom_text {
    color: #d7eeff;
    font-size: 0.3rem;
    margin-right: 0.15rem;
  }
  .main .section2 .section2_bottom .section2_bottom_btn {
    text-align: center;
    background-image: url("../images/section1_login_bg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 2.4rem;
    height: 0.69rem;
    line-height: 0.69rem;
    font-size: 0.35rem;
    cursor: pointer;
  }
  .main .section2 .section2_bottom .section2_bottom_btn.Allclaimed,
  .main .section2 .section2_bottom .section2_bottom_btn.Redeemed {
    cursor: not-allowed;
    background-image: url("../images/section1_logout_bg.png");
  }
  .main .section3 {
    margin-top: 1.5rem;
  }
  .main .section3 .section3_title {
    width: 9.88rem;
    margin: 0 auto;
    margin-bottom: 1rem;
  }
  .main .section3 .section3_title .section3_title_img {
    background-image: url("../images/section3_title_bg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 9.88rem;
    height: 1.23rem;
  }
  .main .section3 .section3_content {
    width: 12.21rem;
    margin: 0 auto;
    max-height: 9rem;
    overflow: auto;
  }
  .main .section3 .section3_content::-webkit-scrollbar {
    width: 3px;
    height: 10px;
  }
  .main .section3 .section3_content::-webkit-scrollbar-track {
    background: #595959;
  }
  .main .section3 .section3_content::-webkit-scrollbar-thumb {
    background: #9d9d9d;
  }
  .main .section3 .section3_content .faq-list .faq-item {
    margin-bottom: 0.3rem;
    overflow: hidden;
  }
  .main .section3 .section3_content .faq-list .faq-item.faq-item4_m {
    display: none;
  }
  .main .section3 .section3_content .faq-list .faq-item .faq-question {
    color: #d7eeff;
    font-size: 0.4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    width: 12.21rem;
    height: 1.14rem;
    background-image: url("../images/section3_question_bg.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: 0 0.3rem;
  }
  .main .section3 .section3_content .faq-list .faq-item .faq-question .faq-question_left {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .main .section3 .section3_content .faq-list .faq-item .faq-question .question_index {
    width: 0.34rem;
    height: 0.34rem;
    background-image: url("../images/section3_faq_index.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-right: 0.15rem;
  }
  .main .section3 .section3_content .faq-list .faq-item .faq-question .toggle-icon {
    width: 0.52rem;
    height: 0.46rem;
    background-image: url("../images/section3_question_openbg.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    transition: transform 0.3s ease;
    margin-left: 0.2rem;
    flex-shrink: 0;
  }
  .main .section3 .section3_content .faq-list .faq-item .faq-question .toggle-icon.active {
    background-image: url("../images/section3_question_closebg.png");
  }
  .main .section3 .section3_content .faq-list .faq-item .faq-answer {
    margin-top: 0.2rem;
    padding: 0 0.2rem;
    max-height: 0;
    transition: max-height 0.3s ease, padding 0.3s ease, font-size 0.3s ease, line-height 0.3s ease;
    color: #549fda;
    font-size: 0;
    line-height: 0;
  }
  .main .section3 .section3_content .faq-list .faq-item .faq-answer.active {
    padding: 0.2rem 0.3rem 0.2rem;
    max-height: 1000px;
    font-size: 0.3rem;
    line-height: 1.6;
  }
  .main .footer_m {
    display: none;
  }
  .main .footer_pc {
    color: #8b8b8b;
    padding: 0.15rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: #000;
    width: 100%;
    margin-top: 2rem;
  }
  .main .footer_pc .footer_logos {
    display: flex;
  }
  .main .footer_pc .footer_logo a {
    display: inline-block;
    width: 100%;
    height: 100%;
  }
  .main .footer_pc .footer_logo1 {
    background-image: url("../images/footer_logo1.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 1.605rem;
    height: 0.28rem;
  }
  .main .footer_pc .footer_logo2 {
    background-image: url("../images/footer_logo2.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 1.34rem;
    height: 0.34rem;
  }
  .main .footer_pc .footer_logo3 {
    background-image: url("../images/footer_logo3.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 1.205rem;
    height: 0.36rem;
  }
  .main .footer_pc .footer_links {
    font-size: 0.15rem;
    font-weight: 500;
    line-height: 1.5;
    margin-right: 1.5rem;
  }
  .main .footer_pc .footer_links .links {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 0.2rem;
  }
  .main .footer_pc .footer_links .links .link_item {
    cursor: pointer;
  }
  .main .footer_pc .footer_links .links .link_item a {
    color: #8b8b8b;
  }
  .main .footer_pc .footer_links .links .line {
    height: 0.13rem;
    border-left: 1px solid #8b8b8b;
    margin: 0 0.05rem;
  }
  .main .footer_pc .footer_links .footer_copys {
    font-family: sans-serif;
    margin-bottom: 0.15rem;
  }
  .main .footer_pc .footer_contant .footer_follow_icons {
    margin: 0.05rem 0;
    display: flex;
    align-items: center;
    justify-content: start;
  }
  .main .footer_pc .footer_contant .footer_follow_icons .footer_follow_icon {
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 0.91rem;
    height: 0.79rem;
    margin-right: 0.2rem;
  }
  .main .footer_pc .footer_contant .footer_follow_icons .footer_follow_icon.footer_follow_icon1 {
    background-image: url("../images/login_all.png");
  }
  .main .footer_pc .footer_contant .footer_follow_icons .footer_follow_icon.footer_follow_icon2 {
    background-image: url("../images/login_twitter.png");
  }
  .main .footer_pc .footer_contant .footer_follow_icons .footer_follow_icon.footer_follow_icon3 {
    background-image: url("../images/login_youtube.png");
  }
  .main .footer_pc .footer_contant .footer_follow_icons .footer_follow_icon.footer_follow_icon4 {
    background-image: url("../images/login_photo.png");
  }
  .main .footer_pc .footer_contant .footer_follow_icons .footer_follow_icon.footer_follow_icon5 {
    background-image: url("../images/login_discord.png");
  }
  .main .footer_pc .Support {
    font-family: sans-serif;
    line-height: 1.5;
  }
  .dialog {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.8);
    display: none;
  }
  .dialog .pop {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .dialog .pop .close {
    background-image: url(../images/pop_close.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: max(0.4rem, 40px);
    top: max(0.3rem, 30px);
    width: 0.37rem;
    height: 0.37rem;
    min-width: 37px;
    min-height: 34px;
  }
  .dialog .pop .content {
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
  }
  .dialog .pop .content .popTitle {
    color: #d7eeff;
    font-size: max(35px, 0.35rem);
  }
  .dialog .pop .content .text {
    font-size: max(27px, 0.27rem);
    line-height: max(30px, 0.3rem);
    color: #7ec6ff;
    text-align: center;
    font-family: AGENCYR;
  }
  .dialog .pop .content .pop_btn {
    display: flex;
    margin-top: 0.3rem;
  }
  .dialog .pop .content .pop_btn .btn {
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 2.01rem;
    height: 0.57rem;
    line-height: 2;
    min-width: 201px;
    min-height: 57px;
    font-size: max(27px, 0.27rem);
    color: #000;
    text-align: center;
    cursor: pointer;
  }
  .dialog .pop .content .pop_btn .btn.pop_cancel {
    background-image: url("../images/pop_cancel.png");
    margin-right: 0.5rem;
  }
  .dialog .pop .content .pop_btn .btn.pop_ok {
    background-image: url("../images/pop_ok.png");
  }
  .dialog .pop.popRounds .content {
    width: 7.06rem;
    height: 4.34rem;
    min-width: 706px;
    min-height: 434px;
    background-image: url(../images/pop_rounds_bg.png);
    justify-content: start;
    padding: max(30px, 0.3rem) max(20px, 0.2rem);
  }
  .dialog .pop.popRounds .content .popTitle {
    font-size: max(35px, 0.35rem);
    margin-bottom: max(20px, 0.2rem);
    margin-top: max(15px, 0.15rem);
    color: #d8eeff;
  }
  .dialog .pop.popRounds .content .table-container {
    width: 100%;
    padding: max(20px, 0.2rem);
    padding-top: 0;
  }
  .dialog .pop.popRounds .content .table-container.table-container1 {
    padding-bottom: max(10px, 0.1rem);
  }
  .dialog .pop.popRounds .content .table-container.table-container1 span.item_first1 {
    flex: 2;
  }
  .dialog .pop.popRounds .content .table-container .table_content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: #fff;
  }
  .dialog .pop.popRounds .content .table-container .table_content .table_content_item {
    display: flex;
    flex-direction: column;
    font-size: max(21px, 0.21rem);
    text-align: center;
    color: #d7eeff;
  }
  .dialog .pop.popRounds .content .table-container .table_content .table_content_item span {
    margin: max(10px, 0.1rem);
    line-height: 1.7;
  }
  .dialog .pop.popRounds .content .table-container .table_content .table_content_item span.table_content_item_title {
    color: #517aa7;
    font-size: max(21px, 0.21rem);
    line-height: 1.5;
  }
  .dialog .pop.popRounds .content .table-container .table_content .table_content_item.item_first1 {
    flex: 1;
  }
  .dialog .pop.popRounds .content .table-container .table_content .table_content_item.item_first2,
  .dialog .pop.popRounds .content .table-container .table_content .table_content_item.item_first3,
  .dialog .pop.popRounds .content .table-container .table_content .table_content_item.item_first4 {
    margin: 0;
    flex: 2;
  }
  .dialog .pop.popComm .content {
    width: 7.06rem;
    height: 4.34rem;
    min-width: 706px;
    min-height: 434px;
    background-image: url(../images/pop_comm_bg.png);
    padding: max(30px, 0.3rem) max(80px, 0.8rem) max(20px, 0.2rem) max(80px, 0.8rem);
  }
  .dialog .pop.popZHUBO .content {
    width: 7.06rem;
    height: 5rem;
    min-width: 706px;
    min-height: 500px;
    background-image: url(../images/pop_zb_bg.png);
    background-size: 100% 100%;
    justify-content: start;
    padding: max(30px, 0.3rem) max(80px, 0.8rem) max(20px, 0.2rem) max(80px, 0.8rem);
  }
  .dialog .pop.popZHUBO .content .table-container {
    width: 100%;
    padding: max(20px, 0.2rem);
    padding-top: 0;
    margin-top: max(20px, 0.2rem);
    /* 奇数行背景色 */
  }
  .dialog .pop.popZHUBO .content .table-container .table-title {
    color: #9cb3cd;
    font-size: max(20px, 0.2rem);
    margin-bottom: max(10px, 0.1rem);
    margin-top: max(20px, 0.2rem);
    text-align: center;
  }
  .dialog .pop.popZHUBO .content .table-container .user-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    max-height: max(330px, 3.3rem);
    overflow: auto;
  }
  .dialog .pop.popZHUBO .content .table-container .user-grid::-webkit-scrollbar {
    width: 3px;
  }
  .dialog .pop.popZHUBO .content .table-container .user-grid::-webkit-scrollbar-track {
    background: #00163f;
  }
  .dialog .pop.popZHUBO .content .table-container .user-grid::-webkit-scrollbar-thumb {
    background: #1c386b;
  }
  .dialog .pop.popZHUBO .content .table-container .user-card {
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: max(10px, 0.1rem) max(15px, 0.15rem);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
  }
  .dialog .pop.popZHUBO .content .table-container .user-grid > .user-card:nth-child(8n + 1),
  .dialog .pop.popZHUBO .content .table-container .user-grid > .user-card:nth-child(8n + 2),
  .dialog .pop.popZHUBO .content .table-container .user-grid > .user-card:nth-child(8n + 3),
  .dialog .pop.popZHUBO .content .table-container .user-grid > .user-card:nth-child(8n + 4) {
    background-color: rgba(0, 0, 0, 0.15);
  }
  .dialog .pop.popZHUBO .content .table-container .avatar-link {
    text-decoration: none;
    margin-bottom: 0.03rem;
    color: #549fda;
  }
  .dialog .pop.popZHUBO .content .table-container .avatar {
    width: 0.6rem;
    height: 0.6rem;
    min-width: 60px;
    min-height: 60px;
    border-radius: 50%;
    object-fit: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    border: 1px solid #1c386b;
    overflow: hidden;
  }
  .dialog .pop.popZHUBO .content .table-container .avatar img {
    width: 100%;
    height: 100%;
  }
  .dialog .pop.popZHUBO .content .table-container .username-link {
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    transition: color 0.3s ease;
    color: #d7eeff;
    font-size: max(18px, 0.18rem);
  }
  .dialog .pop.popZHUBO .content .table-container .username-link:hover {
    color: #549fda;
  }
}
@media only screen and (max-width: 750px) {
  .main {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background-image: url("../images/m/main_bg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  .main .main_title {
    margin: 0 auto;
    width: 4.62rem;
    padding-bottom: 0.45rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 3.4rem;
  }
  .main .main_title .title_img1 {
    width: 4.62rem;
    height: 0.87rem;
    background-image: url("../images/m/main_title.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  .main .main_title .title_img2 {
    color: #61b3f8;
    font-size: 0.23rem;
    width: 6.11rem;
    height: 0.49rem;
    line-height: 0.49rem;
    text-align: center;
    background-image: url("../images/m/main_desc_bg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    cursor: pointer;
    margin-top: 0.1rem;
  }
  .main .section1 {
    font-size: 0.22rem;
    margin-top: 0.9rem;
    height: 7.7rem;
  }
  .main .section1 .section1_title {
    height: 0.67rem;
    width: 5.78rem;
    margin: 0 auto;
    margin-bottom: 0.4rem;
  }
  .main .section1 .section1_title .section1_title_img {
    height: 100%;
    width: 100%;
    background-image: url("../images/m/section1_title_bg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  .main .section1 .section1_content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0;
  }
  .main .section1 .section1_content .item {
    background-size: 100% auto;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    width: 6.11rem;
    height: 4.58rem;
    margin: 0 auto;
    padding-bottom: 0.3rem;
    margin-bottom: 0.15rem;
  }
  .main .section1 .section1_content .item .section1_item_title {
    color: #7ec6ff;
    font-size: 0.3rem;
  }
  .main .section1 .section1_content .item.item1 {
    padding-top: 1rem;
    background-image: url("../images/m/section1_item_bg1.png");
  }
  .main .section1 .section1_content .item.item1 .btn_login {
    margin-bottom: 0.59rem;
  }
  .main .section1 .section1_content .item.item1 .btn_logout {
    margin-bottom: 0.49rem;
  }
  .main .section1 .section1_content .item.item2 {
    padding-top: 1.1rem;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    background-image: url("../images/m/section1_item_bg2.png");
  }
  .main .section1 .section1_content .item.item2 .section1_item_title {
    font-size: 0.25rem;
  }
  .main .section1 .section1_content .item.item3_pc {
    padding-top: 1rem;
    background-image: url("../images/m/section1_item_bg3.png");
  }
  .main .section1 .section1_content .item.item3_m {
    display: none;
  }
  .main .section1 .section1_content .item .account_name {
    font-size: 0.38rem;
    color: #7ec6ff;
  }
  .main .section1 .section1_content .item .section1_item_btn {
    background-image: url("../images/m/section1_login_bg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 4.35rem;
    height: 0.6rem;
    line-height: 0.6rem;
    color: #232323;
    font-size: 0.35rem;
    cursor: pointer;
  }
  .main .section1 .section1_content .item .section1_item_btn.disabled {
    background-image: url("../images/m/section1_logout_bg.png");
    cursor: not-allowed;
  }
  .main .section1 .section1_content .item .section1_item_btn.disabled .btn_twitchLogin_btn {
    cursor: not-allowed;
    pointer-events: none;
  }
  .main .section1 .section1_content .item .btn_logout_btn {
    margin-top: 0rem;
    display: inline-block;
    cursor: pointer;
    background-image: url("../images/m/section1_logout.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  .main .section2 {
    margin-top: 8.7rem;
  }
  .main .section2 .section2_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .main .section2 .section2_title .section2_title_img {
    height: 0.65rem;
    width: 5.03rem;
    background-image: url("../images/m/section2_title_bg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  .main .section2 .section2_title .section2_title_time {
    font-size: 0.2rem;
    color: #2e6c9e;
    margin: 0.1rem 0;
  }
  .main .section2 .section2_title .section2_title_rounds {
    font-size: 0.2rem;
    color: #c0aa38;
    border-bottom: 1px solid #c0aa38;
    margin-bottom: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .main .section2 .section2_title .section2_title_rounds .section2_content_subtitle_box {
    border-bottom: 1px solid #c0aa38;
  }
  .main .section2 .section2_title .section2_title_rounds .section2_content_subtitle_box.zhubo {
    margin-top: 0.1rem;
  }
  .main .section2 .section2_content {
    width: 6.11rem;
    margin: 0 auto;
    height: 3.76rem;
    background-image: url("../images/m/section2_content_bg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: relative;
  }
  .main .section2 .section2_content .section2_content_title {
    color: #60b2f7;
    font-size: 0.3rem;
    text-align: center;
    height: 0.77rem;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .main .section2 .section2_content .section2_content_refresh {
    position: absolute;
    bottom: -0.3rem;
    right: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: end;
    margin-right: 0;
    margin-top: 0;
  }
  .main .section2 .section2_content .section2_content_refresh .refresh_icon {
    background-image: url("../images/m/refresh.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 0.14rem;
    height: 0.15rem;
    margin-right: 0.1rem;
  }
  .main .section2 .section2_content .section2_content_refresh .refresh_text {
    font-size: 0.2rem;
    border-bottom: 1px solid #fff;
  }
  .main .section2 .section2_content .section2_content_main_title {
    color: #fff;
    text-align: center;
    font-size: 0.3rem;
    margin-top: 0.1rem;
  }
  .main .section2 .section2_content .section2_content_main {
    margin-top: 0.25rem;
    display: flex;
    align-items: start;
    justify-content: space-between;
    padding: 0 0.2rem;
  }
  .main .section2 .section2_content .section2_content_main .section2_content_item {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
  }
  .main .section2 .section2_content .section2_content_main .section2_content_item .section2_content_item_img {
    background-image: url("../images/m/section2_content_item_bg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 1.36rem;
    height: 1.36rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .main .section2 .section2_content .section2_content_main .section2_content_item .section2_content_item_img.section2_content2_item_img {
    background-image: url("../images/section2_content_item2_bg.png");
  }
  .main .section2 .section2_content .section2_content_main .section2_content_item .section2_content_item_img img.section2_content_item1_img {
    width: 0.71rem;
    height: 0.65rem;
  }
  .main .section2 .section2_content .section2_content_main .section2_content_item .section2_content_item_img img.section2_content_item2_img {
    width: 0.57rem;
    height: 1.07rem;
  }
  .main .section2 .section2_content .section2_content_main .section2_content_item .section2_content_item_img img.section2_content_item3_img {
    width: 0.8rem;
    height: 0.6rem;
  }
  .main .section2 .section2_content .section2_content_main .section2_content_item .section2_content_item_desc {
    margin-top: 0.1rem;
    text-align: center;
    font-size: 0.2rem;
    color: #60b2f7;
  }
  .main .section2 .section2_bottom {
    margin-top: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .main .section2 .section2_bottom .section2_bottom_text {
    color: #d7eeff;
    font-size: 0.25rem;
    margin-right: 0;
  }
  .main .section2 .section2_bottom .section2_bottom_btn {
    margin-top: 0.2rem;
    text-align: center;
    background-image: url("../images/m/section1_login_bg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 4.35rem;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.25rem;
    cursor: pointer;
  }
  .main .section2 .section2_bottom .section2_bottom_btn.Allclaimed,
  .main .section2 .section2_bottom .section2_bottom_btn.Redeemed {
    cursor: not-allowed;
    pointer-events: none;
    background-image: url("../images/m/section1_logout_bg.png");
  }
  .main .section3 {
    margin-top: 0.7rem;
    margin-bottom: 1rem;
  }
  .main .section3 .section3_title {
    width: 5.03rem;
    margin: 0 auto;
    margin-bottom: 0.5rem;
  }
  .main .section3 .section3_title .section3_title_img {
    background-image: url("../images/m/section3_title_bg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 5.03rem;
    height: 0.65rem;
  }
  .main .section3 .section3_content {
    width: 6.19rem;
    margin: 0 auto;
    max-height: 6rem;
    overflow: auto;
  }
  .main .section3 .section3_content::-webkit-scrollbar {
    width: 3px;
    height: 10px;
  }
  .main .section3 .section3_content::-webkit-scrollbar-track {
    background: #595959;
  }
  .main .section3 .section3_content::-webkit-scrollbar-thumb {
    background: #9d9d9d;
  }
  .main .section3 .section3_content .faq-list .faq-item {
    margin-bottom: 0.05rem;
    overflow: hidden;
  }
  .main .section3 .section3_content .faq-list .faq-item.faq-item4_pc {
    display: none;
  }
  .main .section3 .section3_content .faq-list .faq-item .faq-question {
    color: #d7eeff;
    font-size: 0.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    width: 6.19rem;
    height: 0.77rem;
    background-image: url("../images/m/section3_question_bg.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: 0 0.3rem;
  }
  .main .section3 .section3_content .faq-list .faq-item .faq-question .faq-question_left {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .main .section3 .section3_content .faq-list .faq-item .faq-question .question_index {
    width: 0.23rem;
    height: 0.23rem;
    background-image: url("../images/m/section3_faq_index.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-right: 0.2rem;
  }
  .main .section3 .section3_content .faq-list .faq-item .faq-question .question-text {
    flex: 1;
  }
  .main .section3 .section3_content .faq-list .faq-item .faq-question .toggle-icon {
    width: 0.36rem;
    height: 0.31rem;
    background-image: url("../images/m/section3_question_openbg.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    transition: transform 0.3s ease;
    margin-left: 0.2rem;
    flex-shrink: 0;
  }
  .main .section3 .section3_content .faq-list .faq-item .faq-question .toggle-icon.active {
    background-image: url("../images/m/section3_question_closebg.png");
  }
  .main .section3 .section3_content .faq-list .faq-item .faq-answer {
    margin-top: 0.2rem;
    padding: 0 0.2rem;
    max-height: 0;
    transition: max-height 0.3s ease, padding 0.3s ease, font-size 0.3s ease, line-height 0.3s ease;
    color: #549fda;
    font-size: 0;
    line-height: 0;
  }
  .main .section3 .section3_content .faq-list .faq-item .faq-answer.active {
    padding: 0;
    max-height: 1000px;
    font-size: 0.25rem;
    line-height: 1.6;
  }
  .main .footer_pc {
    display: none;
  }
  .main .footer_m {
    color: #8b8b8b;
    padding: 0.15rem 0.5rem;
    display: block;
    align-items: center;
    justify-content: center;
    background-color: #000;
    flex-direction: column;
    text-align: center;
    width: 100%;
  }
  .main .footer_m .footer_title {
    background-image: url("../images/m/footer_title_bg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 4.72rem;
    height: 0.5rem;
    margin: 0 auto;
    margin-bottom: 0.2rem;
  }
  .main .footer_m .footer_logo {
    margin: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .main .footer_m .footer_logo a {
    display: inline-block;
    width: 100%;
    height: 100%;
  }
  .main .footer_m .footer_logo .footer_logo1 {
    background-image: url("../images/m/footer_logo1.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 1.605rem;
    height: 0.28rem;
  }
  .main .footer_m .footer_logo .footer_logo2 {
    background-image: url("../images/m/footer_logo2.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 1.34rem;
    height: 0.34rem;
    margin: 0 0.3rem;
  }
  .main .footer_m .footer_logo .footer_logo3 {
    background-image: url("../images/m/footer_logo3.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 1.205rem;
    height: 0.36rem;
  }
  .main .footer_m .footer_links {
    font-size: 0.14rem;
    font-weight: 500;
    line-height: 1.5;
    margin-right: 0rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .main .footer_m .footer_links .links {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 0.2rem;
  }
  .main .footer_m .footer_links .links .link_item {
    cursor: pointer;
  }
  .main .footer_m .footer_links .links .link_item a {
    color: #8b8b8b;
  }
  .main .footer_m .footer_links .links .line {
    height: 0.13rem;
    border-left: 1px solid #8b8b8b;
    margin: 0 0.05rem;
  }
  .main .footer_m .footer_links .footer_copys {
    font-family: sans-serif;
    margin-bottom: 0.15rem;
  }
  .main .footer_m .footer_contant .footer_follow_icons {
    margin: 0.05rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
  }
  .main .footer_m .footer_contant .footer_follow_icons .footer_follow_icons_item {
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    padding: 0.2rem;
    margin-bottom: 0.2rem;
  }
  .main .footer_m .footer_contant .footer_follow_icons .footer_follow_icon {
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-right: 0.1rem;
  }
  .main .footer_m .footer_contant .footer_follow_icons .footer_follow_icon.footer_follow_icon1 {
    width: 3.43rem;
    height: 2.926rem;
    cursor: pointer;
    background-image: url("../images/m/login_all.png");
  }
  .main .footer_m .footer_contant .footer_follow_icons .footer_follow_icon.footer_follow_icon2 {
    width: 1.91rem;
    height: 0.6rem;
    background-image: url("../images/m/login_twitter.png");
  }
  .main .footer_m .footer_contant .footer_follow_icons .footer_follow_icon.footer_follow_icon3 {
    width: 1.98rem;
    height: 0.42rem;
    background-image: url("../images/m/login_youtube.png");
  }
  .main .footer_m .footer_contant .footer_follow_icons .footer_follow_icon.footer_follow_icon4 {
    width: 2.24rem;
    height: 0.6rem;
    background-image: url("../images/m/login_photo.png");
  }
  .main .footer_m .footer_contant .footer_follow_icons .footer_follow_icon.footer_follow_icon5 {
    width: 1.93rem;
    height: 0.49rem;
    background-image: url("../images/m/login_discord.png");
  }
  .main .footer_m .footer_contant .footer_follow_icons .footer_follow_icon_btn {
    width: 2.18rem;
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.25rem;
    text-align: center;
    color: #000;
    background-image: url(../images/m/footer_btn_bg.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  .main .footer_m .exlink1_label,
  .main .footer_m .exlink2_label {
    font-size: 0.25rem;
    color: #fff;
  }
  .main .footer_m .exlink1_value,
  .main .footer_m .exlink2_value {
    color: #febf21;
    font-size: 0.25rem;
    border-bottom: 1px solid #febf21;
    cursor: pointer;
  }
  .main .footer_m .Support {
    font-family: sans-serif;
    line-height: 1.5;
  }
  .dialog {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.8);
    display: none;
  }
  .dialog .pop {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .dialog .pop .close {
    background-image: url(../images/m/pop_close.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: 0.4rem;
    top: 0.3rem;
    width: 0.35rem;
    height: 0.32rem;
  }
  .dialog .pop .content {
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    width: 6.59rem;
    height: 4.05rem;
    min-width: auto;
    min-height: auto;
    background-image: url(../images/m/pop_comm_bg.png);
    padding: 0.3rem 0.8rem 0.16rem 0.8rem;
  }
  .dialog .pop .content .popTitle {
    color: #d7eeff;
    font-size: 0.25rem;
  }
  .dialog .pop .content .text {
    font-size: 0.25rem;
    line-height: 0.3rem;
    color: #7ec6ff;
    text-align: center;
    font-family: AGENCYR;
  }
  .dialog .pop .content .pop_btn {
    display: flex;
  }
  .dialog .pop .content .pop_btn .btn {
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 1.87rem;
    height: 0.53rem;
    line-height: 2;
    font-size: 0.27rem;
    color: #000;
    text-align: center;
  }
  .dialog .pop .content .pop_btn .btn.pop_cancel {
    background-image: url("../images/m/pop_cancel.png");
    margin-right: 0.5rem;
  }
  .dialog .pop .content .pop_btn .btn.pop_ok {
    background-image: url("../images/m/pop_ok.png");
  }
  .dialog .pop.popRounds .content {
    width: 7.06rem;
    height: 4.34rem;
    background-image: url(../images/m/pop_rounds_bg.png);
    justify-content: start;
    padding: 0.3rem 0.2rem;
  }
  .dialog .pop.popRounds .content .popTitle {
    font-size: 0.32rem;
    margin-bottom: 0.3rem;
    margin-top: 0.15rem;
    color: #d8eeff;
  }
  .dialog .pop.popRounds .content .table-container {
    width: 100%;
    padding: 0.2rem;
    padding-top: 0;
  }
  .dialog .pop.popRounds .content .table-container.table-container1 {
    padding-bottom: 0.1rem;
  }
  .dialog .pop.popRounds .content .table-container.table-container1 span.item_first1 {
    flex: 2;
  }
  .dialog .pop.popRounds .content .table-container .table_content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: #fff;
  }
  .dialog .pop.popRounds .content .table-container .table_content .table_content_item {
    display: flex;
    flex-direction: column;
    font-size: 0.2rem;
    text-align: center;
    color: #d7eeff;
  }
  .dialog .pop.popRounds .content .table-container .table_content .table_content_item span {
    margin: 0.1rem;
    line-height: 1.7;
  }
  .dialog .pop.popRounds .content .table-container .table_content .table_content_item span.table_content_item_title {
    color: #517aa7;
    line-height: 1.5;
  }
  .dialog .pop.popRounds .content .table-container .table_content .table_content_item.item_first1 {
    flex: 1;
  }
  .dialog .pop.popRounds .content .table-container .table_content .table_content_item.item_first2,
  .dialog .pop.popRounds .content .table-container .table_content .table_content_item.item_first3,
  .dialog .pop.popRounds .content .table-container .table_content .table_content_item.item_first4 {
    flex: 2;
  }
  .dialog .pop.popZHUBO .content {
    width: 6.59rem;
    height: 5rem;
    background-image: url(../images/m/pop_zb_bg.png);
    background-size: 100% 100%;
    justify-content: start;
    padding: 0.3rem 0.5rem 0.2rem 0.5rem;
  }
  .dialog .pop.popZHUBO .content .table-container {
    width: 100%;
    padding: 0.2rem;
    padding-top: 0;
    margin-top: 0.2rem;
    /* 奇数行背景色 */
  }
  .dialog .pop.popZHUBO .content .table-container .table-title {
    color: #9cb3cd;
    font-size: 0.2rem;
    margin-bottom: 0.1rem;
    margin-top: 0.2rem;
    text-align: center;
  }
  .dialog .pop.popZHUBO .content .table-container .user-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    max-height: 3.1rem;
    overflow: auto;
  }
  .dialog .pop.popZHUBO .content .table-container .user-grid::-webkit-scrollbar {
    width: 3px;
  }
  .dialog .pop.popZHUBO .content .table-container .user-grid::-webkit-scrollbar-track {
    background: #00163f;
  }
  .dialog .pop.popZHUBO .content .table-container .user-grid::-webkit-scrollbar-thumb {
    background: #1c386b;
  }
  .dialog .pop.popZHUBO .content .table-container .user-card {
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.1rem 0.15rem;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
  }
  .dialog .pop.popZHUBO .content .table-container .user-grid > .user-card:nth-child(8n + 1),
  .dialog .pop.popZHUBO .content .table-container .user-grid > .user-card:nth-child(8n + 2),
  .dialog .pop.popZHUBO .content .table-container .user-grid > .user-card:nth-child(8n + 3),
  .dialog .pop.popZHUBO .content .table-container .user-grid > .user-card:nth-child(8n + 4) {
    background-color: rgba(0, 0, 0, 0.15);
  }
  .dialog .pop.popZHUBO .content .table-container .avatar-link {
    text-decoration: none;
    margin-bottom: 0.03rem;
    color: #549fda;
  }
  .dialog .pop.popZHUBO .content .table-container .avatar {
    width: 0.56rem;
    height: 0.56rem;
    border-radius: 50%;
    object-fit: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #1c386b;
    overflow: hidden;
  }
  .dialog .pop.popZHUBO .content .table-container .avatar img {
    width: 100%;
    height: 100%;
  }
  .dialog .pop.popZHUBO .content .table-container .username-link {
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    transition: color 0.3s ease;
    color: #d7eeff;
    font-size: 0.17rem;
  }
  .dialog .pop.popZHUBO .content .table-container .username-link:hover {
    color: #549fda;
  }
}