:root {
    --fontColor: #ABACACFF;
    --fontColor2: #fff;
    --fontColor3: #B8C1C4FF;
    --fontColor4: #d7d7d7;
    --fontColor5: #7e8187;
    --activeColor: #ff753e;
    --activeColor2: #d35c2e;
    --activeColor3: #59ba64;
    --activeColor4: #6cb8fa;
    --select_height: 0.6rem;
}

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

.activeColor {
    color: var(--activeColor) !important;
}

.activeColor2 {
    color: var(--activeColor) !important;
}

.activeColor4 {
    color: var(--activeColor4) !important;
}

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

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

html, body {
    overflow-x: hidden;
    /*height: 100%;*/
    /*overflow-y: scroll*/
    background: #151718;
    font-size: 0.24rem;
    color: var(--fontColor);
}

img {
    display: block;
}

.logo {
    width: 2rem;
}

.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.3rem 0.45rem;
}

.slogan {
    width: 5.37rem;
    bottom: 0;
    left: 44.5%;
    transform: translateX(-50%);

}


.bind_btn {
    width: 2.87rem;
    margin: auto;
    cursor: pointer;
    transition: all 0.3s;
}

.bind_btn:hover {
    transform: scale(1.2);
    transition: all 0.3s;
}

.login_box {
    color: #fff;
    margin-right: 0.24rem;
}

.login_icon {
    width: 0.2rem;
}


.login {
    cursor: pointer;
}

.login:hover {
    color: #fc6619;
}


.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/aqtw/act/a20251215contribution/bg2.jpg") no-repeat center center/100% 100%;
    min-height: 20.66rem;
    margin: auto;
    padding: 0.34rem 4.6rem 2rem;
}


.animate_totop05 {
    animation: totop2 0.3s 0.5s backwards linear;
}


.animate_totop07 {
    animation: totop2 0.3s 0.7s backwards linear;
}

.animate_totop09 {
    animation: totop2 0.3s 0.9s backwards linear;

}

@keyframes totop2 {
    0% {
        transform: translate(0, 0.25rem);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

.btn_box {
    background: url("//game.gtimg.cn/images/aqtw/act/a20251215contribution/btn.png") no-repeat center center/100% 100%;
    width: 1.7rem;
    height: 0.5rem;
    cursor: pointer;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.18rem;
    padding-bottom: 0.01rem;
    user-select: none;
}

.pc .btn_box:hover {
    filter: brightness(1.2);
}

.post {
    bottom: 0.6rem;
    left: 61%;
    transform: translateX(-50%);
    width: 2.4rem;
    height: 0.7rem;
    font-size: 0.28rem;
    background: url("//game.gtimg.cn/images/aqtw/act/a20251215contribution/btn2.png") no-repeat center center/100% 100%;
}

.cancel {
    background: url("//game.gtimg.cn/images/aqwx/act/a20250321linkage/pop/btn_grey.png") no-repeat center center/100% 100%;
    color: #272727;
    width: 2.06rem;
    height: 0.52rem;
    margin-top: 0.15rem;
    font-weight: 600;
    font-size: 0.22rem;
}

.cancel:hover {
    color: #fff;

}

.sure {
    background: url("//game.gtimg.cn/images/aqwx/act/a20250321linkage/pop/btn_light.png") no-repeat center center/100% 100%;
    color: #272727;
    width: 2.06rem;
    height: 0.52rem;
    margin-top: 0.15rem;
    font-weight: 600;
    font-size: 0.22rem;
}

.sure:hover {
    color: #fff;

}

.box5_bg {
    width: 9.75rem;
}

.pic {
    /*    width: 9.81rem;
        height: 5.31rem; */
    width: 100%;
    height: 100%;
    top: 0.2rem;
    left: 0;
    right: 0;
}

.swiper1 {
    position: absolute;
    width: 9.06rem;
    height: 5.66rem;
    top: 0.2rem;
    left: 0;
    right: 0;
}

.cirle {
    width: 0.18rem;
}

.input_line {
    width: 3rem;
    height: 0.5rem;
    background: url("//game.gtimg.cn/images/aqwx/act/a20250321linkage/pop/input.png") no-repeat center center/100% 100%;
    font-size: 0.22rem;
    white-space: nowrap;
    overflow-x: auto;
    padding-left: 0.15rem;
    margin-left: 0.23rem;

}

.input_line::-webkit-scrollbar {
    display: none;
}

.choose_role_text {
    margin-right: 0.26rem;
}

.role_input li {
    margin-bottom: 0.2rem;
}

.pop_tipBind .sure {
    margin-top: 0.9rem;
}

.pop_tipBind .pop_contain {
    padding-top: 1.7rem;
}


/*.system {
    background: url("//game.gtimg.cn/images/aqwx/act/a20250321linkage/pop/select_bg.png") no-repeat center center/100% 100%;
    color: #a1a1a1;
    width: 100%;
    height: 0.46rem;
    border: none;
    padding-left: 0.2rem;
    font-size: 0.2rem;
}

.system option {
    background: #000;
}*/

.pop_chooseRole li {
    text-align: left;
    width: 5.08rem;
    margin: auto auto 0.3rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}

.pop_chooseRole li p {
    margin-bottom: 0.15rem;
}

.pop_chooseRole li p::before {
    content: '';
    background: url("//game.gtimg.cn/images/aqwx/act/a20250321linkage/pop/icon_arrow.png") no-repeat center center/100% 100%;
    width: 0.13rem;
    height: 0.15rem;
    display: inline-block;
    margin-right: 0.1rem;
}

.pop_chooseRole .pop_contain {
    padding: 1.5rem 0.9rem 0.4rem;
}


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

.rule {
    margin-top: 0.93rem;
    font-size: 0.18rem;
    cursor: pointer;
    padding-bottom: 1rem;
}

.rule span {
    border-bottom: 1px solid;
}


.hasbind {
    color: #d5cfc5;
    margin-top: 0.5rem;
    font-size: 0.2rem
}

.hasbind span {
    margin-left: 0.12rem;
}

.pc .tohome {
    font-size: 0.18rem;
}

.title_pic {
    width: 4.48rem;
    height: 2.85rem;
}

.w0 {
    width: 0 !important;
}

.title1 {
    width: 100%;
}

.news_box {
    display: flex;
    align-items: flex-start;
    /*justify-content: center;*/
    gap: 0.3rem;
    border-bottom: 1px solid rgba(238, 238, 238, 0.04);
    margin-bottom: 0.3rem;
}

.newsList {
    max-height: 1.9rem;
    overflow: auto;
    padding-right: 0.1rem;
}

.newsList li {
    border-bottom: 1px solid #3F4142FF;
    padding: 0.178rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.pc .newsList li:hover {
    color: var(--activeColor);
}

/* 自定义整个滚动条 */
::-webkit-scrollbar {
    width: 0.04rem !important; /* 设置滚动条的宽度 */
    display: block !important;
    /*height: 5px; !* 设置滚动条的宽度 *!*/
}

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

/* 自定义滚动条的滑块（thumb） */
::-webkit-scrollbar-thumb {
    background: #9b9c9c !important; /* 设置滑块的背景颜色 */
}

.tabList {

}

.tabList li {
    background: #020202;
    flex: 1;
    height: 0.8rem;
    font-size: 0.32rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.tabList li.active {
    background: #d35c2e;
    color: #fff;
}

.title2 {
    margin: 0.47rem auto 0.18rem;
}

.title_common {
    margin: 0.8rem auto 0.2rem;
    width: 100%;
}

.animat_pulse span {
    animation: animat_pulse .7s ease-in-out 1;
    -webkit-font-smoothing: antialiased;
    will-change: transform;
}

@keyframes animat_pulse {
    0% {
        transform: scale(1) translateZ(0);
    }
    50% {
        transform: scale(1.08) translateZ(0);
    }
    100% {
        transform: scale(1) translateZ(0);
    }

}

.item {
    background: url("//game.gtimg.cn/images/aqtw/act/a20251215contribution/work_bg.png") no-repeat center center/100% 100%;
    width: 8.03rem;
    height: 5.8rem;
    padding: 0.38rem 0.2rem 0.2rem;
    align-items: flex-start;
    font-size: 0.14rem;
    color: var(--fontColor3);
}

.item2 {
    background: url("//game.gtimg.cn/images/aqtw/act/a20251215contribution/work_bg2.png") no-repeat center center/100% 100%;
    width: 3.92rem;
    padding: 0.24rem 0.15rem 0.2rem;
    align-items: flex-start;
}

.item h2 {
    font-size: 0.26rem;
    color: var(--fontColor2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item .work_id {
    font-size: 0.24rem;
    color: var(--fontColor3);
    margin: 0.08rem 0;
}

.label {
    font-size: 0.18rem;
    color: var(--fontColor3);
    border: 1px solid;
    padding: 0 0.08rem;
    margin-right: 0.06rem;
}

.finalist_date {
    color: var(--fontColor);
    font-size: 0.18rem;
}

.work_poster {
    width: 100%;
    height: 2.5rem;
    margin-top: 0.08rem;
    object-fit: contain;
    background: #000;
}

.item2 .work_poster {
    height: 2.05rem;
    margin-top: 0.1rem;
    cursor: pointer;
}

.work_desc {
    background: url("//game.gtimg.cn/images/aqtw/act/a20251215contribution/desc_bg.png") no-repeat center center/100% 100%;
    padding: 0.08rem 0.05rem;
}

.work_desc span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 0.18rem;
    word-break: break-word;
}

.pop_post .work_desc span, .pop_detail .work_desc span {
    -webkit-line-clamp: 3;
}

.item .left_box {

    width: 4.46rem;

}

.work_user_box {
    display: flex;
    align-items: flex-start;
    margin-top: 0.18rem;
}

.work_user_box img {
    width: 0.6rem;
    height: 0.6rem;
    border: 1px solid #323331;
}


.work_user_box .work_username {
    font-size: 0.22rem;
}

.work_user_box span {
    font-size: 0.18rem;
    color: var(--fontColor4);
    background: #8b4327;
    padding: 0.02rem 0.2rem;
}

.work_user_box > div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-left: 0.08rem;
}

.designer_comments {
    align-items: flex-end;
    padding-left: 0.05rem;
    border-bottom: 1px solid rgba(105, 105, 105, 0.27);
    padding-bottom: 0.05rem;
}

.designer_comments p {
    font-size: 0.22rem;
    color: var(--fontColor4);
    position: relative;
}

.designer_comments p::before {
    content: '';
    width: 0.02rem;
    height: 0.18rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -0.05rem;
    background: var(--activeColor);
}

.share_icon img {
    width: 0.24rem;
    margin-left: 0.1rem;
    cursor: pointer;
}

.item .right_box {
    width: 2.93rem;
}

.designer_comments_text {
    font-size: 0.18rem;
    margin: 0.08rem 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.toolbar2 {
    /*gap: 0.6rem;*/
    justify-content: space-between;
    margin-top: 0.13rem;
}

.toolbar li {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 0.04rem;
}

.toolbar li img {
    width: 0.2rem;
}

.toolbar span {
    font-size: 0.16rem;
}

.reviews_top {
    font-size: 0.18rem;
    color: var(--fontColor4);
    align-items: flex-start;
    position: relative;
    margin-bottom: 0.16rem;
}

.reviews_top::after {
    position: absolute;
    bottom: 0rem;
    content: '';
    width: 100%;
    height: 0.01rem;
    background: url("//game.gtimg.cn/images/aqtw/act/a20251215contribution/bottom_line.png") no-repeat center center/100% 100%;
}

.reviews_top li {
    cursor: pointer;
    padding: 0 0.08rem 0.05rem;
}

.reviews_tab {
    align-items: flex-start;
}

.reviews_tab_on {
    border-bottom: 1px solid var(--activeColor);
    z-index: 2;
}


.divider {
    margin: 0.18rem 0;
}

.divider2 {
    margin: 0.16rem 0 0.14rem;
}

.reviewsList {
    height: 2.7rem;
    overflow: auto;
    padding-right: 0.1rem;
}

.reviewsList > li {
    display: flex;
    align-items: flex-start;
    /*margin-bottom: 0.16rem;*/
    border-bottom: 1px solid #5d5d5d24;
    padding-top: 0.1rem;
}

.reviewsList > li > div {
    /*flex: 1*/
}

.reviewsList > li:last-child {
    margin-bottom: 0;
}

.user_pic {
    width: 0.4rem;
    height: 0.4rem;
    border: 1px solid #323331;
    margin-right: 0.08rem;
}

.reviewsList .user_name {
    font-size: 0.18rem;
}

.reviewsList .reviews_detail {
    font-size: 0.16rem;
    margin-bottom: 0.1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* -webkit-line-clamp: 3; */
    overflow: hidden;
    word-break: break-all;
}

/* 回复列表样式 */
.replyList {
    margin-top: 0.1rem;
    padding-left: 0.2rem;
    border-left: 2px solid #3a3a3a;
}

.replyList .reply_item {
    margin-bottom: 0.1rem;
}

.replyList .reply_item:last-child {
    margin-bottom: 0;
}

.reply_sub {
    display: flex;
    align-items: flex-start;
}

.user_pic_small {
    width: 0.28rem;
    height: 0.28rem;
    border: 1px solid #323331;
    margin-right: 0.08rem;
    border-radius: 50%;
}

.reply_to {
    color: #72c3f5;
    font-size: 0.14rem;
    margin-left: 0.06rem;
}

.load_more_replies,
.load_more_comments {
    color: #6d6d6d;
    font-size: 0.14rem;
    cursor: pointer;
    margin-top: 0.08rem;
    text-align: center;
}

.load_more_replies:hover,
.load_more_comments:hover {
    text-decoration: underline;
}

.more_replies {
    margin-bottom: 0.2rem;
}

.no_comments {
    text-align: center;
    color: #666;
    font-size: 0.16rem;
    padding: 0.3rem 0;
}

.reply_data {
    display: flex;
    align-items: flex-start;
}

.reply_data > div {
    flex: 1;
}

.like {
    background: url("//game.gtimg.cn/images/aqtw/act/a20251215contribution/like.png") no-repeat center center/100% 100%;
    width: 0.2rem;
    height: 0.2rem;
}

.like_on {
    background: url("//game.gtimg.cn/images/aqtw/act/a20251215contribution/like_on.png") no-repeat center center/100% 100%;
    width: 0.2rem;
    height: 0.2rem;
}

.hate {
    background: url("//game.gtimg.cn/images/aqtw/act/a20251215contribution/hate.png") no-repeat center center/100% 100%;
    width: 0.2rem;
    height: 0.2rem;
    margin-bottom: -0.05rem;
}

.hate_on {
    background: url("//game.gtimg.cn/images/aqtw/act/a20251215contribution/hate_on.png") no-repeat center center/100% 100%;
    width: 0.2rem;
    height: 0.2rem;
    margin-bottom: -0.05rem;
}

.label_orange {
    color: var(--activeColor2);
}

.label_green {
    color: var(--activeColor3);
}

.label_red {
    color: #c95f5f;
}

.itemList {
    gap: 0.22rem;
    flex-wrap: wrap;
    max-height: 12rem;
    overflow: auto;
}

.slide_bg {
    width: 2.34rem;
}

.slide_box {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    user-select: none;
}

.slide_box ul {
    top: 1rem;
    left: 0;
    right: 0;
}

.slide_box li {
    font-size: 0.24rem;
    color: #9F9F9FFF;
    background: url("//game.gtimg.cn/images/aqtw/act/a20251215contribution/slide_0.png") no-repeat center center/100% 100%;
    width: 1.99rem;
    height: 0.53rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.19rem;
    cursor: pointer;
    padding-bottom: 0.05rem;
}

.pc .slide_box li:hover {
    filter: brightness(1.2);
}

.slide_box li.slide_on {
    background: url("//game.gtimg.cn/images/aqtw/act/a20251215contribution/slide_1.png") no-repeat center center/100% 100%;
    color: var(--activeColor2);

}

.slide_box li:last-child {
    background: url("//game.gtimg.cn/images/aqtw/act/a20251215contribution/post_btn.png") no-repeat center center/100% 100%;
    color: #fff;
}

.pc .slide_box li:last-child:hover {
    filter: brightness(1.2);
}

.return_top {
    width: 0.9rem;
    height: 0.9rem;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
}

.itemList2 {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0.2rem;
}

.select_box {
    width: 3rem;
    height: var(--select_height);
    position: relative;
    user-select: none;
}

.select_box:active p {
}

.award_name:after, .award_type:after {
    content: '';
    width: 1px;
    height: 0.35rem;
    background: rgb(98, 97, 97);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.sort_type:before {
    left: 0;
}

.select_box p {
    /*background: #29292d;*/
    background: url("//game.gtimg.cn/images/aqtw/act/a20251215contribution/select_bg.png") no-repeat center center/100% 100%;
    border: 1px solid rgba(61, 62, 68, 0.29);
    font-size: 0.24rem;
    color: var(--fontColor4);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    width: 100%;
    height: 100%;
}


.select_box p::after {
    content: '';
    width: 0.14rem;
    height: 0.11rem;
    background: url("//game.gtimg.cn/images/aqtw/act/a20251215contribution/arrow_bottom.png") no-repeat center center/100% 100%;
    position: absolute;
    right: 0.1rem;
    top: 50%;
    transform: translateY(-50%);
}

.select_box p.on::after {
    background: url("//game.gtimg.cn/images/aqtw/act/a20251215contribution/arrow_top.png") no-repeat center center/100% 100%;
}

.select_option {
    box-shadow: 0 0 2px 0 #535353;
    user-select: none;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 999;
}

.select_option li {
    color: var(--fontColor4);
    font-size: 0.22rem;
    background: #000;
    width: 99%;
    margin: 0 auto;
    height: var(--select_height);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-bottom: 1px solid rgba(166, 166, 166, 0.17);
    transition: all 0.1s;
}

.select_option li.select_on {
    background: rgb(69, 71, 73);
    border-bottom: 1px solid var(--activeColor);
}

.pc .select_option li:hover {
    /*background: rgb(69, 71, 73);*/
    color: var(--activeColor);
}

.select_bar {
    margin: 0.6rem auto 0.4rem;
    /*justify-content: center;*/
    align-items: flex-start;
}

.search_type {
    width: 2rem;
}

.search_type p {
    background: #29292d;
    border-right: none;
}

.search_input {
    width: 4rem;
    height: var(--select_height);
    border: 1px solid rgba(61, 62, 68, 0.58);
    background: #18181a;
    padding-left: 0.1rem;
    color: var(--fontColor4);
    font-size: 0.24rem;
}

.search_input:focus {
    outline: none;
}

.search_box {
    align-items: flex-start;
    margin-left: 0.01rem;
}

.search_btn {
    background: #29292d;
    width: 0.8rem;
    height: var(--select_height);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.pc .search_btn:hover {
    /*border-radius: 4px;*/
    background: rgb(211, 93, 48);
    transition: all 0.3s;
}

.search_btn img {
    width: 0.25rem;
}

.infor_box {
    width: 100%;
    height: 0.96rem;
    background: url("//game.gtimg.cn/images/aqtw/act/a20251215contribution/infor_bg.png") no-repeat center center/100% 100%;
    margin: 0.16rem 0 0.8rem;
    color: var(--fontColor3);
    font-size: 0.22rem;
    padding: 0 0.4rem;
}

.infor_pic {
    width: 0.65rem;
    height: 0.65rem;
    margin-right: 0.12rem;
}

.pop_xuexin .infor_pic {
    width: 0.9rem;
    height: 0.9rem;
    margin-right: 0.14rem;
}

.title5 {
    margin-top: 0.6rem;
}

.btn_border {
    border: 1px solid;
    padding: 0.08rem 0.26rem;
    cursor: pointer;
    margin-left: 0.16rem;
}

.pc .btn_border:hover {
    color: #fff;
    background: var(--activeColor);
    border: 1px solid var(--activeColor);
}


.message_box {
    width: 100%;
    min-height: 7.9rem;
    background: url("//game.gtimg.cn/images/aqtw/act/a20251215contribution/message_bg.png") no-repeat center center/100% 100%;
    font-size: 0.26rem;
    color: var(--fontColor2);
}

.message_box_title {
    font-size: 0.3rem;
    height: 0.63rem;
    line-height: 0.63rem;
    padding-left: 0.65rem;
}

.grey_text, .read_state {
    font-size: 0.24rem;
    color: var(--fontColor);
}

.read_state {
    margin: 0 0.36rem 0 0.2rem;
}

.message_box_title .date {
    margin-left: 7.7rem;
}

.message_box ul {
    padding: 0.27rem 0.27rem 0.37rem;
    height: 6.8rem;
    overflow: auto;
}

.message_box li .message_bar {
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
    border-bottom: 1px solid rgba(145, 145, 145, 0.29);
    padding: 0.2rem 0;
    pointer-events: none;
}

.pc .message_box li:hover {
    cursor: pointer;
}

.pc .message_box li:hover .open_detail {
    color: #ee8a64;
}

.open_detail {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-right: 0.27rem;
    margin-left: 3.2rem;
}

.open_detail::after {
    content: '';
    background: url("//game.gtimg.cn/images/aqtw/act/a20251215contribution/arrow_bottom.png") no-repeat center center/100% 100%;
    transform: rotate(-90deg);
    width: 0.18rem;
    height: 0.14rem;
    transition: all 0.3s;
    margin-left: 0.06rem;
    display: inline-block;
}

.has_read .open_detail::after {
    transform: rotate(0);
    transition: all 0.3s;
}


.message_title {
    width: 7.38rem;
    display: inline-block;
}

.pc .message_title:hover, .pc .open_detail:hover {
    color: #ee8a64;
    cursor: pointer;
}

.has_read .message_bar {
    background: url("//game.gtimg.cn/images/aqtw/act/a20251215contribution/message_title_bg.png") no-repeat center center/100% 100%;
}

.message_detail {
    background: url("//game.gtimg.cn/images/aqtw/act/a20251215contribution/message_detail_bg.png") no-repeat center center/100% 100%;
    font-size: 0.22rem;
    height: 3.26rem;
    overflow: auto;
    padding: 0.2rem 1rem;
    display: none;
    /*color: var(--fontColor4);*/
}

.has_read .read_state {
    color: var(--activeColor2);
}

.has_read .message_detail {
    display: block;
}

.gift_box {
    background: url("//game.gtimg.cn/images/aqtw/act/a20251215contribution/gift_box_bg.png") no-repeat center center/100% 100%;
    height: auto;
    color: var(--fontColor2);
    padding: 0.38rem 0.4rem;
}

.gift_box ul:nth-child(2) {
    margin-top: 0.5rem
}

.gift_box ul {
    flex-wrap: wrap;
    gap: 0.4rem;
}

.gift_box .gift_title {
    background: url("//game.gtimg.cn/images/aqtw/act/a20251215contribution/page3/gift_title_bg.png") no-repeat center center/100% 100%;
    width: 4.8rem;
    height: 0.62rem;
    font-size: 0.32rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gift_box li {
    width: calc(33.33% - 0.27rem);
    max-width: 4.8rem;
}

.gift_item {
    width: 100%;
    position: relative;
    height: 3.59rem;
    background: url("//game.gtimg.cn/images/aqtw/act/a20251215contribution/page3/gift_bg.png") no-repeat center center/100% 100%;
}

.gift_item .gift_bg {
    width: 100%;
}

.gift_item .gift_icon {
    width: 2.8rem;
    height: 1.6rem;
    object-fit: contain;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gift_item p {
    font-size: 0.24rem;
    position: absolute;
    bottom: 0.12rem;
    left: 0.1rem;
    right: 0.1rem;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.btn_light, .btn_blue, .btn_grey {
    background: url("//game.gtimg.cn/images/aqtw/act/a20251215contribution/btn/btn_light.png") no-repeat center center/100% 100%;
    width: 2.33rem;
    height: 0.69rem;
    font-size: 0.3rem;
    margin: 0.26rem auto;
}

.read_seconds_box {

}

.read_seconds {
}

.btn_blue {
    background: url("//game.gtimg.cn/images/aqtw/act/a20251215contribution/btn/btn_blue.png") no-repeat center center/100% 100%;
}

.btn_grey {
    background: url("//game.gtimg.cn/images/aqtw/act/a20251215contribution/btn/btn_grey.png") no-repeat center center/100% 100%;
    color: var(--fontColor);
    cursor: default;
    pointer-events: none;
}

.btn_blue {
    /*  cursor: default;
      pointer-events: none;*/
}

.grey_text2 {
    color: var(--fontColor5);
}

.my_manuscript_tab {
    background: url("//game.gtimg.cn/images/aqtw/act/a20251215contribution/page3/tab_bg.png") no-repeat center center/100% 100%;
    font-size: 0.3rem;
    color: var(--fontColor3);
    height: 0.61rem;
    line-height: 0.5rem;
    align-items: flex-start;
}

.my_manuscript_tab li {
    flex: 1;
    cursor: pointer;
    text-align: center;
    position: relative;
}

.my_manuscript_tab li::after {
    content: '';
    width: 0.02rem;
    height: 0.3rem;
    background: var(--fontColor5);
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.my_manuscript_tab_on {
    color: var(--activeColor);
}

.my_manuscript_tab li:last-child::after {
    display: none;
}

.my_manuscript .itemList2 {
    margin-top: 0.3rem;
}

.audit_state {
    font-size: 0.16rem;
    background: #c95f5f;
    color: #1e1e1e;
    padding: 0.01rem 0.13rem;
    font-weight: 500;
}


.flex1 {
    flex: 1
}

#afooter {
    padding: 0.2rem 0;
    text-align: center;
}

#afooter a {
    color: var(--fontColor);
}

.breadcrumbs * {
    color: #808080;;
    font-size: 0.2rem;
}

.news_detail_title {
    font-size: 0.4rem;
    color: #000;
    font-weight: bold;
    text-align: center;
}

.news_detail_main .time {
    margin: 0.3rem 0;
    font-size: 0.2rem;
}

.news_detail_main {
    min-height: 20.66rem;
    padding: 0.34rem 6rem;
    background: #fff;
}

.pc .breadcrumbs a:hover {
    color: #afafaf;
}

.breadcrumbs .home {
    display: flex;
    align-items: center;
}

.breadcrumbs .home i {
    width: 0.2rem;
    height: 0.21rem;
    display: block;
    background: url(//game.gtimg.cn/images/aqtw/act/a20251215contribution/home.png) no-repeat center / 100% 100%;
}

.interactive_tab {
    justify-content: center;
    gap: 0.14rem;
}

.interactive_tab li {
    cursor: pointer;
    padding: 0.1rem 2rem;
    border-bottom: 1px solid rgba(145, 145, 145, 0.29);
}

.interactive_tab_on {
    border-bottom: 1px solid var(--activeColor) !important;
    color: var(--activeColor);
}

.my_comment_box {
    align-items: flex-start;
    margin-top: 0.14rem;
}

.my_comment {
    flex: 1;
    /*height: 1rem;*/
    /*background: #191a18;*/
    color: var(--fontColor3);
    margin-left: 0.05rem;
    overflow: auto;
    cursor: pointer;
}

.nonews {
    margin-top: 0.8rem;
}

select option {
    background: #252424;
    height: 1.62rem;
}

.back_btn {
    top: 0.8rem;
    left: 0.4rem;
    width: 0.4rem;
    cursor: pointer;
}

.work_poster_box {
    overflow: hidden;
    width: 100%;
    height: 2.5rem;
    margin-top: 0.08rem;
    transition: all 0.3s;
    cursor: pointer;
}

.work_poster_box img {
    /*transition: all 0.3s;*/

}

.news_detail img {
    max-width: 100%;
    margin: auto;
    height: auto;
}

.news_detail {
    margin-top: 0.4rem;
}

/*.work_poster_box:hover img {
    transform: scale(1.05);
    transition: all 0.3s;
}*/

.xuexin_input_box > div:first-child {
    padding-left: 0.2rem;
}

.getCode {
    height: 0.56rem;
    line-height: 0.56rem;
    text-align: center;
    padding: 0 0.2rem !important;
}

.radiobox {
    width: 0.2rem;
    height: 0.2rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #d28539;
    border-radius: 50%; /* 圆形 */
    outline: none;
    background: #fff;
    position: relative;
    margin-right: 0.08rem;
}

.radiobox:checked {
    background: #eee;
}

.radiobox:checked::after {
    content: '';
    display: inline-block;
    background: #d28539;
    border-radius: 50%;
    width: 0.1rem;
    height: 0.1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}

/* 个人中心相关样式 */
.loading-tip, .empty-tip {
    text-align: center;
    color: var(--fontColor);
    font-size: 0.24rem;
    padding: 1rem 0;
}

.load-more {
    text-align: center;
    color: var(--activeColor);
    font-size: 0.22rem;
    padding: 0.3rem 0;
    cursor: pointer;
    border-top: 1px solid rgba(145, 145, 145, 0.29);
    margin-top: 0.2rem;
}

.pc .load-more:hover {
    color: var(--activeColor2);
}

/* 作品状态样式 */
.audit_state_pass {
    background: var(--activeColor3) !important;
}

.audit_state_pending {
    background: #c9a35f !important;
}

.audit_state_reject {
    background: #c95f5f !important;
}

/* 操作按钮样式 */
.work_actions {
    display: flex;
    gap: 0.1rem;
}

.action_btn {
    font-size: 0.16rem;
    color: var(--activeColor);
    cursor: pointer;
    padding: 0.02rem 0.1rem;
    border: 1px solid var(--activeColor);
}

.pc .action_btn:hover {
    background: var(--activeColor);
    color: #fff;
}

.action_btn_del {
    color: #c95f5f;
    border-color: #c95f5f;
}

.pc .action_btn_del:hover {
    background: #c95f5f;
    color: #fff;
}

.action_btn_cancel {
    color: var(--fontColor);
    border-color: var(--fontColor);
}

.pc .action_btn_cancel:hover {
    background: var(--fontColor);
    color: #1e1e1e;
}

.bottom_tipline {
    animation: bottom_line 0.4s ease-in-out 5;
    padding-bottom: 0.1rem;
}

@keyframes bottom_line {
    0% {
        border-bottom: 1px solid #ff0000;
    }
    100% {
        border-bottom: 1px solid #af4a2d;
    }
}

.wrap {
    max-width: 2000px;
    margin: auto;
}

.wrap * {
    font-size: 0.26rem !important;
}

@media screen and (max-width: 1300px) {
    .wrap * {
        font-size: 0.3rem !important;
    }
}

.share_icon2 {
    justify-content: right;
    margin-bottom: 0.2rem;
}

.report_icon {
    width: 0.205rem;
}

.work_sub_box {
    flex-wrap: wrap;
    gap: 0.1rem;
}

.official_comments_label {
    font-size: 0.18rem;
    color: var(--activeColor);
    background: #372923;
    padding: 0 0.05rem;
}

.author_label {
    font-size: 0.18rem;
    color: #c95f5f;
    background: #372323;
    padding: 0 0.05rem;
}

.me_label {
    font-size: 0.18rem;
    color: #f7a161;
    background: #39302d;
    padding: 0 0.06rem;
}

.remove_report {
    justify-content: right;
    gap: 0.2rem;
}

.unbind_getCode {
    height: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bind_tips {
    color: #818181;
    font-size: 0.2rem;
    margin-top: 0.2rem;
}

.label_tel {
    height: 0.6rem;
    line-height: 0.6rem;
}

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

#page a {
    color: #d5d5d5;
}

#page li {
    cursor: pointer;
    margin: 0 0.06rem;
}

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

#page .disabled a {
    color: #ffffff82;
}

.fix_pc_comment .item {
    height: 6.1rem;
}

.report {
    display: none !important;
}

.award_pic {
    width: 4.8rem;
}

.swiper-button-next, .swiper-button-prev {
    color: #ad6b30;
}

.banner_item img {
    height: 100%;
    object-fit: contain;
}

.all_works_display {
    /*    max-height: 10rem;
        overflow: auto;*/
}

.popular_works_list, .official_comments_list {
    max-height: 100vh;
    overflow: auto;
}

.big {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.93);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    display: none;
    transition: all 0.5s;

}

.big_img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    cursor: zoom-out;
    transition: all 0.5s;
    animation: scaletobig 0.8s 1;
}
