:root {
    --fontColor: #e1e1e1;
    --fontColor2: #b5b5b5;
    --activeColor: #cd5f30;
    --main-tx-c: rgba(209, 209, 209, 0.8);
}

* {
    /*font-size: 0.18rem;*/
}

.activeColor {
    color: #cd5f30;
}


@font-face {
    font-family: "rdh";
    src: url(./RefrigeratorDeluxeHeavy.ttf);
}

@font-face {
    font-family: "rd";
    src: url(./RefrigeratorDeluxe.ttf);
}

@font-face {
    font-family: "hyykh45";
    src: url(./hyykh65.ttf);
}

html, body {
    overflow-x: hidden;
    /*height: 100%;*/
    /*overflow-y: scroll*/
    background: #010103;
    font-size: 14px;
    color: var(--fontColor);
    /*font-family: "rd";*/
    /*max-width: 4500px;*/
    margin: 0 auto;
}


img {
    display: block;
}

.mt-45 {
    margin-top: 0.35rem;
}

.logo {
    width: 1.90rem;
    height: 0.33rem;
}

.head_top {
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    position: fixed;
    background: linear-gradient(0deg, transparent 20%, rgba(0, 0, 0, .8));
    padding: 0.21rem 0.35rem;
}

.head_contain {
    top: 7.36rem;
    left: 49%;
    transform: translateX(-50%);
}

.head_contain .slogan {
    width: 11.72rem;
}

.head_text {
    font-size:max(12px,0.22rem) ;
    color: #BCBBBBFF;
    margin: 0.18rem auto 0.2rem;
    padding: 0.08rem;
    background: url("//game.gtimg.cn/images/aqwx/act/a20250321linkage/pc/text_bg.png") no-repeat center center/auto 100%;
    animation-delay: 0.4s;
}

.head_text span {
    color: var(--activeColor);
}

.login_icon {
    width: 0.2rem;
}


.login {
    margin: 0 0.4rem 0 0.3rem;
    cursor: pointer;
}

.login:hover, .logout:hover {
    color: var(--activeColor);
}


.username {
    margin: 0 0.2rem;
    max-width: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.logout {
    margin-right: 0.4rem;
    cursor: pointer;

}

.main {
    background: url("//game.gtimg.cn/images/aqwx/act/a20250902university/bg_new.jpg") no-repeat center center/100% 100%;
    min-height: 51.22rem;
    padding-bottom: 1.4rem;
}

.contain_common {
    padding-top: 1.6rem;

}

.btn_box {
    background: url("//game.gtimg.cn/images/aqwx/act/a20250902university/btn_bg.png") no-repeat center center/100% 100%;
    width: 2.73rem;
    height: 0.53rem;
    padding: 0;
    cursor: pointer;
    color: var(--fontColor);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:max(12px,0.24rem) ;

}

.hasget {
    background: url("//game.gtimg.cn/images/aqwx/act/a20250902university/btn_hasget.png") no-repeat center center/100% 100%;
    color: #c3c3c3;
    cursor: default;
}

.btn_grey {
    background: url("//game.gtimg.cn/images/aqwx/act/a20250902university/btn_grey.png") no-repeat center center/100% 100%;
    cursor: default;
    color: #c1c1c1;
}

.tohome:hover {
    background: url("//game.gtimg.cn/images/aqwx/act/a20250902university/btn_bg.png") no-repeat center center/100% 100%;
    color: #000;
}


.tohome {
    padding: 0 0.4rem;
    color: #000;
    width: auto;
    cursor: pointer;
}

@keyframes blinkAnimation {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;

    }
}


.foot * {
    font-size: 12px !important;
}

.disabled {
    filter: brightness(0.5);
    pointer-events: none;
}


.login {
    font-size: max(12px,0.18rem);
}

/*@media screen and (min-width: 3500px) {
    .slide {
        top: 50%;
        transform: translatey(-50%);
    }
}*/
.arrow_bottom {
    width: 0.68rem;
    position: absolute;
    bottom: 0.3rem;
    left: 50%;
    transform: translateX(-50%);
    animation: arrow_bottom 1.3s linear infinite alternate;
}

@keyframes arrow_bottom {
    from {
        opacity: 0.1;
        transform: translate(-50%, 0px);
    }
    to {
        opacity: 1;
        transform: translate(-50%, 5px);
    }
}

.title {
    height: 1.64rem;
    margin: auto auto 0.4rem;
}

.box_common {
    width: 16.22rem;
    margin: auto;
    position: relative;
}

.box1 .t1 {
    font-size: max(12px,0.26rem);
    color: var(--fontColor);
    top: 0.62rem;
    left: 1.65rem;
}

.box1 .t2 {
    font-size: max(12px,0.26rem);
    color: var(--fontColor);

    top: 0.62rem;
    right: 3.5rem;
}

.box2 .t1 {
    font-size: max(12px,0.26rem);
    color: var(--fontColor);
    top: 0.62rem;
    left: 4.3rem;
}

.box2 .t2 {
    font-size: max(12px,0.26rem);
    color: var(--fontColor);
    top: 0.62rem;
    right: 1.8rem;
}

.box3 .t1 {
    font-size: max(12px,0.26rem);
    color: var(--fontColor);
    top: 0.62rem;
    left: 4.7rem;
}

.box3 .t2 {
    font-size: max(12px,0.26rem);
    color: var(--fontColor);
    top: 0.62rem;
    right: 2.5rem;
}

.box2 .t2 img {
    width: 0.32rem;
    margin-left: 0.1rem;
}


.qr_box {
    width: 2.15rem;
    text-align: center;
    top: 2.3rem;
    left: 2rem;
}

.qr_box img {
    width: 100%;
}

.qr_box p {
    font-size: max(12px,0.21rem);
    color: #b5b5b5;
    margin-top: 0.1rem;
}

.gift_box {
    width: 8.58rem;
    top: 1.6rem;
    right: 1rem;
}

.gift_box img:first-child {
    width:4.9rem;
}

.gift_box img:nth-of-type(2) {
    width: 3.37rem;
    margin-left: 0.2rem;
}

.gift_box .btn_box {
    /*margin: 0.28rem 0 0 1.6rem;*/
    margin: 0 0 0 1.6rem;
}
.team{
    width: 8.5rem;
    top: 1.6rem;
    left: 1.2rem;
    align-items: flex-start;
    gap: 1.2rem;
}
.team li {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
}
.team li::after{
    content: '';
    display: block;
    width: 0.78rem;
    height: 0.19rem;
    background: url("//game.gtimg.cn/images/aqwx/act/a20250902university/team_arrow.png") no-repeat center center/100% 100%;
    position: absolute;
    right: -1rem;
    top: 0.5rem;
}
.team li:last-child::after{
    display: none;
}
.team li > div {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.team li p, .team li span {
    font-size: max(12px,0.21rem);
    text-align: center;
    margin-top: 0.2rem;
    color: var(--fontColor2);
    max-width: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.team li img:first-child {
    width: 1.26rem;
    cursor: pointer;
    border-radius: 50%;
}

/*.team li:first-child img:first-child, .invited_pic {*/
/*    border-radius: 50%;*/
/*    width: 1.26rem;*/
/*    border: 2px solid #ca4e33;*/
/*    box-sizing: border-box;*/
/*}*/

.team-me {
    border-radius: 50%;
    width: 1.26rem;
    border: 2px solid #ca4e33;
    box-sizing: border-box;
}

.invited_pic {
    cursor: initial;
}

.team_arrow {
    margin: 0.5rem 0.2rem 0;
    width: 0.78rem;
}



.m24 {
    width: 5.2rem;
    margin: auto;
}

.m24_box {
    position: absolute;
    top: 1.5rem;
    right: 0.5rem;
}

.divider {
    width: 11.25rem;
    margin: auto;
}

.title_sub {
    background: url("//game.gtimg.cn/images/aqwx/act/a20250902university/text_bg.png") no-repeat center center/100% 100%;
    padding: 0.08rem 0.15rem;
    font-size: max(12px,0.21rem);
    display: inline-block;
    text-align: center;
}

.title_sub2 {
    background: url("//game.gtimg.cn/images/aqwx/act/a20250902university/text_bg2.png") no-repeat center center/100% 100%;
    padding: 0.08rem 0.15rem;
    font-size: max(12px,0.19rem);
    display: inline-block;
    text-align: center;
    margin: 0.2rem 0
}

.block {
    width: 0.04rem;
    height: 0.26rem;
    background: var(--fontColor2);
    margin-right: 0.1rem;
}

.f24 {
    font-size:max(12px,0.24rem) ;
}

.f21 {
    font-size:max(12px,0.21rem)!important; ;
}

.help {
    width: 0.21rem;
    margin-left: 0.15rem;
    cursor: pointer;
}

.left_box {
    width: 50%;
}

.quit {
    border-bottom: 1px solid;
    display: inline-block;
    margin-top: 0.1rem !important;
    cursor: pointer;
}

.quit:hover {
    color: #ca4e33;
}

.score_gift_box {
    background: url("//game.gtimg.cn/images/aqwx/act/a20250902university/gift_bg0.png") no-repeat center center/100% 100%;
    width: 1.65rem !important;
    height: 1.13rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.score_gift_box.on {
    background: url("//game.gtimg.cn/images/aqwx/act/a20250902university/gift_bg1.png") no-repeat center center/100% 100%;

}

.score_gift {
    margin-top: 0.3rem;
}

.score_gift li {
    text-align: center;
}

.score_gift li p {
    margin-top: 0.1rem;
    font-size: max(12px,0.17rem);
    color: var(--fontColor2);
    max-width: 1.65rem;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.score_gift li p:nth-of-type(2) {
    margin-top: 0.4rem;
}

.score_gift li .score_gift_box img {
    width: 1.2rem;
    height: 0.8rem;
    object-fit: contain;
    margin-top: 0.1rem;
}

.score_gift .btn_box {
    width: 1.44rem;
    height: 0.4rem;
    font-size: max(12px,0.17rem);
    margin: 0.2rem auto 0;
}


.progress_box {
    width: 91%;
    background: #5e5e5e;
    height: 3px;
    margin-top: 1rem;
}

.progress_bar {
    height: 100%;
    top: 0;
    left: 0;
    background: #ca4e33;
    max-width: 100%;
}

.state_box {
    position: absolute;
    left: 10%;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}

.state {
    width: 0.15rem;
    background: #211f20;
    border-radius: 50%;
}

.progress_location {
    top: 0.7rem;
    left: 0;
    right: 0;
    pointer-events: none;
}

.m24_2 {
    width: 7.42rem;
    margin-top: 0.3rem;
}

.get_m24 {
    bottom: .3rem;
    left: 50%;
    transform: translateX(-50%);
}

.lottery_list {
    position: absolute;
    top: 1.6rem;
    left: 0.8rem;

}

.lottery_list > ul {
    flex-wrap: wrap;
    width: 9.7rem;
    gap: 0.3rem;
}

.lottery_list li {
    position: relative;
}

.lottery_list .item_bg {
    width: 2.1rem;
}

.lottery_list .item {
    width: 1rem;
    height: 0.8rem;
    top: 0.4rem;
    left: 50%;
    transform: translateX(-50%);
    object-fit: contain;
}

.lottery_list li p {
    bottom: 0.1rem;
    font-size: max(12px,0.22rem);
    color: var(--fontColor2);
    left: 50%;
    transform: translateX(-50%);
    max-width: 100%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lottery_btn {
    font-size: max(12px,0.18rem);
    color: var(--fontColor2);
    align-items: flex-start;
    justify-content: center;
    margin-top: 0.5rem;
}

.record:hover {
    color: var(--activeColor);
}

.record {
    margin: 0.1rem 0 0 0.2rem;
    border-bottom: 1px solid;
    cursor: pointer;
    font-size: max(12px,0.22rem)
}

.desc {
    font-size: max(12px,0.18rem);
    text-align: left;
    color: var(--fontColor2);
}

.duty_box {
    width: 4.6rem;
    top: 1.5rem;
    right: 0.6rem;
    max-height: 5.6rem;
    overflow: auto;
    padding-right: 0.15rem;
}

.duty_box li {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0.2rem 0;
    border-bottom: 1px solid rgb(86 86 86 / 66%)
}

.duty_box li:last-child {
    border: none;
}

.duty_box li > div p:first-child {
    font-size: max(12px,0.18rem);
    color: var(--fontColor);
    text-align: left
}

.duty_box li > div p:nth-of-type(2) {
    font-size: max(12px,0.16rem);
    color: var(--fontColor2);
    text-align: left;
    margin-top: 0.06rem;
}

.duty_box li > div p:nth-of-type(2) span {
    color: #ca4e33
}

.duty_box .btn_box {
    width: 1.44rem;
    height: 0.4rem;
    font-size: max(12px,0.17rem);
}

.pic4_box {
    width: 16.22rem;
    height: 8.58rem;
    margin: auto;
    padding: 0.5rem 0.4rem;
    background: url("//game.gtimg.cn/images/aqwx/act/a20250902university/pic4_box.png") no-repeat center center/100% 100%;
}

.pic4_box img {
    width: 100%;
}


.disabled {
    pointer-events: none;
    user-select: none;
}

.slide_box {
    position: fixed;
    top: 3.1rem;
    background: url("//game.gtimg.cn/images/aqwx/act/a20250902university/slide_bg.png") no-repeat center center/100% 100%;
    right: 0;
    width: 2.58rem;
    padding: 0.45rem 0.1rem 0;
    height: 4.17rem;
}

.slide_box li {
    font-size: max(12px,0.31rem);
    color: #a5a5a5;
    font-weight: 800;
    text-align: center;
    padding: 0.12rem 0;
    cursor: pointer;
}

.slide_box .on {
    background: url("//game.gtimg.cn/images/aqwx/act/a20250902university/slide_on.png") no-repeat center center/100% 100%;
    color: #ca4d31;
}

.up {
    width: 0.62rem;
    margin: 0.2rem auto;
}

.pop {
    color: #323232
}

.pop .contain {
    padding: 0.4rem 0.3rem 0.3rem;
}

.pop_title {
    width: 3.28rem;
    margin: auto;
}
.tips_tittle{
    width: 1.6rem;
}
.pop_team {
    flex-wrap: wrap;
    gap: 0.24rem;
}

.pop_team li {
    position: relative;
}

.pop_team li img {
    width: 2.82rem;
}

.pop_team li p {
    font-size: max(12px,0.15rem);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0.5rem;
}

.pop_team li p span {
    margin-left: 0.2rem;
    color: #ca4e33;
}

.members li img {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    border: 3px solid #ca4e33;
    box-sizing: border-box;
}

.members li p {
    text-align: center;
    font-size: max(12px,0.21rem);
    margin-top: 0.1rem;
    max-width: 1.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.members li{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.members {
    padding: 0 1rem;
    justify-content: center;
    gap: 0.15rem;
}


.pop-login-type, .pop-login-wechat {
    background: url(//game.gtimg.cn/images/aqwx/m202408/bg-pop.png) no-repeat center center / 100% 100%;
}

.get_gift + p {
    font-size: max(12px,0.32rem);
}

.get_gift {
    width: 2rem;
    margin: 0.3rem auto;
}

.record_table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #797878;
    margin-top: 0.2rem;
}

.record_table th {
    font-size: max(12px,0.2rem);
}

.record_table td {
    padding: 0.15rem;
}

.record_table th, .record_table td {
    border: 1px solid #797878;
    padding: 0.1rem;
    text-align: center;
}

.record_table th:nth-of-type(3) span {
    font-size: max(12px,0.15rem);
    color: #ca4d31;
    border-bottom: 1px solid;
    cursor: pointer;
}

.record_table tr td:nth-of-type(2) {
    color: #ca4d31;
}
.record_table .gotoRedeem {
    color: #ca4d31;
    cursor: pointer;
    text-decoration: underline;
}

#page {
    justify-content: center;
    gap: 0.15rem;
    margin-top: 0.8rem;
}

#page li {
    cursor: pointer;
}

#page .active {
    color: #fff;
    padding: 0 0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ca4d31;
}

#page .disabled {
    color: #ffffff82;
}

.input_qq {
    width: 4.17rem;
    height: 0.59rem;
    border: none;
    outline: none;
    padding: 0.1rem;
    text-align: center;
    background: url("//game.gtimg.cn/images/aqwx/act/a20250902university/input_bg.png") no-repeat center center/100% 100%;
    color: #000;
}

.m .m24 {
    width: 4.2rem;
}


.rules {
    width: 16.22rem;
    margin: 0.2rem auto ;
    font-size: max(12px,0.27rem);
    line-height: 1.5;
    max-height:9rem;
    overflow: auto;
    padding: 0.2rem 0.1rem;
    color: var(--fontColor2);
}
/* 自定义整个滚动条 */
.rules::-webkit-scrollbar {
    width: 0.1rem !important; /* 设置滚动条的宽度 */
    /*display: none !important;*/
    /*height: 5px; !* 设置滚动条的宽度 *!*/
}

/* 自定义滚动条轨道 */
.rules::-webkit-scrollbar-track {
    background: #fff !important; /* 设置轨道的背景颜色 */
    /*border-left: 1px solid #4E5B5AFF !important;*/
}

/* 自定义滚动条的滑块（thumb） */
.rules::-webkit-scrollbar-thumb {
    background: #da6a52 !important; /* 设置滑块的背景颜色 */
}
.rules table{
    border: 1px solid #797878;
    border-collapse: collapse;
    width: 100%;
    margin: 0.3rem 0;
}

.rules table th{
    border: 1px solid #797878;
}
.rules table td{
    border: 1px solid #797878;
}
.rules table th, .rules table td{
    padding: 0.1rem;
    text-align: center;
}
.rules p:first-child{
    color: #ca4d31;
}
.rules h3{
    color: #ca4d31;
    font-size: max(12px,0.26rem);
    margin: 0.1rem 0;
}
.rules h4{
     margin: 0.1rem 0;
    font-size: max(12px,0.25rem);
}

.m .rules {
    width: 100%;
    padding: 0 15px;
    min-height: 12rem;
}

.m .toast_text{
    font-size: 0.4rem!important;
}
.m .fix_m{
    height: 8rem;
    overflow: auto;
    padding-right: 0.2rem;
    background: #0f1012;
}
@media screen and (max-width: 380px) {
    .m .fix_m{
        height:6.5rem;
    }
}

.btn_box_group .btn_box{
    margin: 0.3rem auto;width: 2.4rem;height: 0.8rem
}
.pop_btn{
    margin: 0.3rem auto;width: 3rem;height: 0.8rem
}
.diy_text{
    margin: 0.5rem auto 0.8rem;font-size: 0.23rem;
    line-height: 1.8;
}
#quitTeam{
    cursor: pointer;
}
#quitTeam:hover{
    color: #bf2c2c;
}
.input_box input{
    width: 80%;
    height: 0.5rem;
    margin: 0.3rem 0 0.1rem;
    background: #d3d3d3;
    border: 1px solid #b72b0c;   padding-left: 0.15rem;
}
.m .input_box input {
    height: 0.8rem;
}
.pop_record {
    width: 9rem;
}
.m .lottery_list li p {
    bottom: 0.035rem;
}
.update_btn{
    width: 1rem;
    height: 0.38rem;
    margin-left: 0.15rem;
}
.update{
    width: 0.18rem;
    margin-right: 0.05rem;
}.m .update_btn{
    width: 1.6rem;
    height: 0.38rem;
    margin-left: 0.15rem;
}
.m .update{
    width: 0.28rem;
    margin-right: 0.05rem;
}