* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft Yahei", sans-serif;
        }

        img {
            vertical-align: top;
            width: 100%;
        }

        body {
            background: #e3e2f3;
        }

        .cale-main {
            background: linear-gradient(180deg, #fae8ad 0%, #fff 11%);
            position: relative;
            z-index: 3;
            padding: 10px 10px 34px 10px;
            border-radius: 14px;
            margin-top: -20px;
        }

        /* 日历容器 */
        .calendar-container {
            margin: -206px 10px 0 10px;
        }

        /* 星期标题栏 */
        .calendar-header {
            display: flex;
            background: linear-gradient(to top, #ff6612, #ffa06c);
            border-radius: 15px;
            padding: 5px 0;
            margin: 0 8px;
        }

        .calendar-header span {
            flex: 1;
            text-align: center;
            color: #fff;
        }

        /* 日期滚动容器 */
        .calendar-scroll {
            height: 170px;
            overflow-y: auto;
            border-top: none;
            border-radius: 0 0 8px 8px;
            padding: 10px;
        }

        /* 日期网格 */
        .calendar-grid {
            display: grid;
            grid-template-columns: repeat(7, 1fr);
            gap: 8px;
        }

        /* 日期单元格基础样式 */
        .date-cell {
            height: 34px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            border-radius: 10px;
            position: relative;
            font-size: 1.07em;
            cursor: pointer;
            line-height: 1em;
        }

        .date-cell span {
            font-weight: bold;
        }

        /* 不可点击日期（超出范围或历史未签到） */
        .date-disabled {
            background: #f5f5f5;
            color: #ccc;
            cursor: not-allowed;
        }

        /* 已签到状态 */
        .date-signed {
            background: #fff1bb;
            color: #0b0b0b;
        }

        /* 可补签状态 - 本次修改中未使用 */
        .date-retry {
            background: #fff7e6;
            color: #fa8c16;
            border: 1px solid #ffd591;
        }

        /* 可签到状态（仅限当天） */
        .date-can-sign {
            background: #ff8438;
            color: #fff;
        }

        /* 未来日期 */
        .date-future {
            background: #c2c2c2;
            color: #fff;
        }

        .date-future .month-tag {
            color: #fff;
        }

        /* 待挑战状态 - 本次修改中未使用 */
        .date-pending {
            background: #fff1f0;
            color: #f5222d;
        }

        /* 月份标签 */
        .month-tag {
            font-size: 10px;
        }

        /* 签到对勾 */
        .sign-check {
            position: absolute;
            bottom: 2px;
            right: 50%;
            width: 18px;
            height: 14px;
            background: url(../images/icon1.png) no-repeat center;
            background-size: 100%;
            margin-right: -15px;

        }

        /* 待挑战标签 - 本次修改中未使用 */
        .pending-tag {
            position: absolute;
            top: -8px;
            right: -8px;
            background: #000;
            color: #fff;
            font-size: 10px;
            padding: 2px 6px;
            border-radius: 4px;
            z-index: 1;
        }

        .tit {
            position: relative;
        }

        .tit .t-s1 {
            position: absolute;
            top: 10%;
            left: 16%;
            color: #fff;
            width: 31%;
        }

        .tit .t-s2 {
            position: absolute;
            top: 39%;
            right: 3%;
            color: #fff;
            width: 48%;
            font-size: 0.9em;
            text-align: right;
        }

        .tit .t-s2 span {
            color: #ffe400;
        }

        .tit .t-s1 div {
            width: 100%;
            height: 10px;
            background: #c24500;
            border-radius: 10px;
            margin-top: 3px;
        }

        .tit .t-s1 div div {
            width: 0%;
            background: #ffdfb3;
        }

        .btn-s {
            position: absolute;
            bottom: -20px;
            left: 20px;
            right: 20px;
            background: linear-gradient(0, #fff, #fbdf90);

            border-radius: 42px;
            line-height: 42px;
            display: flex;
            align-items: center;
        }

        .btn-s .btn1,.btn-tz-suc {
            width: 35%;
            text-align: center;
            background: linear-gradient(0, #ff6612, #ffa06c);
            border-radius: 42px;
            color: #fff;
            font-size: 1.17em;
        }
       .btn-tz-suc{   background: linear-gradient(0,#1e9c1e,#2ecf3c);display: flex;align-items: center;justify-content: center;font-size: 0.9em;}
        .btn-tz-suc img{width: 20px;}

        .btn-s .l {
            flex: 1;
            text-align: center;
        }

        .cale-tips {
            margin-top: 30px;
            text-align: center;
            font-size: 0.8em;
        }

        .calendar-scroll::-webkit-scrollbar {
            width: 6px;
        }

        .calendar-scroll::-webkit-scrollbar-thumb {
            background: #c2c2c2;
            border-radius: 3px;
        }

        .calendar-scroll::-webkit-scrollbar-track {
            background: #f3f3f3;
        }

        .flex-al {
            display: flex;
            align-items: center;
        }

        .flex-al .item {
            flex: 1;
            text-align: center;
        }

        .bottom {
            position: fixed;
            bottom: 0;
            background: #fff;
            padding: 10px;
            left: 0;
            width: 100%;
        }

        .bottom .item img {
            width: 23%;
        }

        .bottom .item .i1 {}

        .bottom .item .i2 {
            display: none;
        }
        .bottom .item.on{color: #ff7023;}
        .bottom .item.on .i1 {display: none;}

        .bottom .item.on .i2 {
            display: inline-block;vertical-align: top;
        }

        .gg {
            padding-right: 10px;
            margin-top: 8px;
        }

        .gg .item {
            margin-left: 10px;
        }

        .hand {
            position: absolute;
            bottom: -5px;
            right: 0;
            width: 35px;
            animation: aniHand 1s ease-in-out infinite alternate;
        }

        @keyframes aniHand {
            0% {
                transform: translateY(0);
            }

            80%,
            100% {
                transform: translateY(20px);
            }
        }

        .challenge-tag {
            position: absolute;
            top: -8px;
            left: 45%;
            background: url(../images/dtz.png) no-repeat;
            background-size: 100% 100%;
            color: rgba(0, 0, 0, 0);
            font-size: 8px;
            padding: 1px 5px;
            border-radius: 3px;
            z-index: 1;
            white-space: nowrap;
        }

        .challenge-tag2 {
            position: absolute;
            top: -8px;
            left: 45%;
            background: url(../images/wdt.png) no-repeat;
            background-size: 100% 100%;
            color: rgba(0, 0, 0, 0);
            font-size: 8px;
            padding: 1px 5px;
            border-radius: 3px;
            z-index: 1;
            white-space: nowrap;
        }
/*规则弹窗*/
 .mask {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 300;
   background-color: rgba(0, 0, 0, 0.8);
 }
  .taskp-bg1{background: linear-gradient(180deg, #fae8ad 0%, #f5f5f5 11%);border-top:1px solid #fff ; padding: 10px 10px 25px 10px;margin-top: -15px;position: relative;z-index: 3;border-radius: 15px 15px 0 0;}
  
  .tp-top{display: flex;align-items: center;}
  .tp-top .l{font-size: 0.9em;color: #858585;padding-right: 10px;}
  .tp-top .l p:first-child{color: #9b4619;font-weight: bold;}
  
  .tp-top .r{flex: 1;display: flex;align-items: center;position: relative;padding: 10px 0 10px 8px;}
  .tp-top .r::before{position: absolute;content: '';top: 16px;height: 15px; background: #fff;left: 0px;width: 15px;border: 3px solid #33b222;border-radius: 15px;z-index: 5;}
  .tp-top .r .task-item{flex: 1;position: relative;text-align: center;}
  .tp-top .r .task-item img{width: 30px;}
  .tp-top .r .task-item div{position: relative;z-index: 2;}
  .tp-top .r .task-item::after{position: absolute;content: '';top: 10px;height: 10px;background: #cdcdcd;left: 0;width: 100%;}
  .tp-top .r .task-item:last-child::after{width: 50%;}
  .tp-top .r .task-item.gray::after{background: #33b222;}
  .tp-top .r .task-item .n{    position: absolute;
    top: -17px;
    left: 53%;
    display: inline-block;
    vertical-align: top;
    padding: 0 8px;
    background: #33b222;
    color: #fff;
    border-radius: 20px;}
  .b-lqjl,.b-ylq{width: 78%;border-radius: 1em;font-size: 0.8em; background: #33b222;color: #fff;text-align: center;height: 25px;line-height: 25px;margin: 0 auto; margin-top: 10px;}
  .b-ylq{display: none;background: #bdbdbd;}
  
  .task-item.gray .b-ylq{display: block;}
  .task-item.gray  .b-lqjl{display: none;}

  .gray-img{display: none;}
  .task-item.gray .green-img{display: none;}
  .task-item.gray .gray-img{display: inline-block;vertical-align: top;}
  .n44{display: flex;align-items: center;}
  .n44 .r{flex: 1;text-align: center;line-height: 25px;color: #ff4129;}
  .n44 .r img{width: 20px;margin-top: 5px;}
  .n44 .l{color:#858585;font-size: 0.82em;}
  .n44 .l .c-red{color: #ff4e33;}
  .n33{color: #000;font-weight: bold;}
  .n33 span{color: #333;font-size: 0.9em;font-weight: normal;}
  .btn-done{display: none;}
  .done .btn-done{display: block;}
  .order-li.done .btn-done,.order-li .btn2{background: #817373;    width: 64px;font-size: 0.8em;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    border-radius: 30px;}
  .done .btn{display: none;}
  .pop-task .order-ul{height: 60vh;overflow-y: auto;}
  .pop-task .order-li .img{width: 48px;}
  .fixed-bottom{position: fixed;bottom: 0;left: 0;z-index: 400;width: 100%;}
 .img-up{  animation: img-up 0.5s ease-out;
  -webkit-animation: img-up 0.5s ease-out;}
@keyframes img-up {
   0% {
       transform: translateY(50%);
       -webkit-transform: translateY(50%);
   }
   100% {
       transform: translateY(0);
       -webkit-transform: translateY(0);
   }
}

 .order-myprize.order-ul .order-li{display: flex;align-items: center; opacity: 1; background: #fff; animation: none;padding: 5px;border-radius: 10px;margin-bottom: 10px;}
  .order-li .img{width: 68px;}
  .feiliso-list-pop .order-li .img{width: 33px;}
  .feiliso-list-pop .time{padding: 0 8px;}
  .f-n{font-size: 1.4em;color: #009a5a;padding-right: 10px;}
  .dec .f-n{color: #4c586c;}

   .pop-task .order-ul{height: 60vh;overflow-y: auto;}
  .pop-task .order-li .img{width: 70px;padding-right: 10px;}
  .order-myprize .r{text-align: left;flex: 1;}
   .order-li .btn1{width: 64px;height: 30px;line-height: 30px;background: linear-gradient(0, #ff6612, #ffa06c);color: #fff;text-align: center;border-radius: 30px;font-size: 0.82em;}
 
.my-jd{position: absolute;top: 2%;right: 5%;color: #3030ee;}
.my-jd span{text-decoration: underline;}
.my-jd b{color: #fff;font-size: 1.75em;text-decoration: none;}

.dh-list{display: flex;align-items: center;flex-wrap: wrap;margin-top: 10px;}
.dh-list .li{max-width: 31.33%;flex: 1;margin-right: 2%;background: #fff;border-radius: 8px;}
.dh-list .li .dh-li1{text-align: center;color: #fff;line-height: 25px; display: inline-block;vertical-align: top;background: url(../images/dh1.png) no-repeat;background-size: 100% 100%;width: 60%;margin-left: 20%;}
.dh-li1 img{width: 20px;margin-right: 5px;margin-top: 3px;}
.dh-li2{background: url(../images/dh2.png) no-repeat;background-size: 100% 100%;margin: 10px 10%;text-align: center;padding-bottom: 10px;color: #f0462b;}
.dh-li2 p{padding: 7px 0 11px 0px;font-weight: 500;font-size: 1.42em;}
.pop-dh .dh-li2 p{font-size: 1em;padding: 7px 0 5px 0;}
.pop-dh .dh-li2 div{font-size:0.8em;padding: 2px 0 0 0;}
.dh-li2 p b{font-size: 1.7em;}
.dh-li3{background: linear-gradient(0, #ff6612, #ffa06c);margin: 10px 10%;padding: 5px 0; border-radius: 18px;text-align: center;color: #fff;font-weight: bold;}
.dh-li3.gray{background: linear-gradient(0,#c6c6c6,#ababab);}

.dhjl-list{margin-top: 10px;background: linear-gradient(0,#fff,#fbdf90);padding: 10px;border-radius: 10px;}
.dhjl-list .order-ul{margin-top: 10px;height: 30vh;overflow-y: auto;}
.dhjl-list .tit ,.rule-con .tit{height: 25px;line-height: 25px;font-size: 1.2em;font-weight: 500;}
.dhjl-list .tit span,.rule-con .tit span{display: inline-block;vertical-align: top;background: #ff6612;width: 5px;height: 17px;border-radius: 5px;margin-top: 3px; margin-right: 5px;}
.nodata{border: 1px dashed #ff6f20;color: #ff6f20;border-radius: 7px;text-align: center;padding: 5px;margin-top: 10px;}
.dh-n1{color: #000;line-height: 25px;font-weight: bold;}
.dh-n1 span{display: inline-block;vertical-align: top;font-weight: normal; background: #feda02;margin-top: 3px; border-radius: 5px;padding:0 5px;height: 20px;line-height: 20px; margin-right:10px ;font-size: 0.8em;}
.dh-n2{margin: 4px 0; display: inline-block;vertical-align: top;background: linear-gradient(0,#ff6b41,#ff4d33);color: #fff;padding: 2px 10px;border-radius: 20px;}
.dh-n2.gray{background: #bdbcbd;}
.r1{color: #ff4129;font-size: 1.4em;}
.dh-n3{color: #7c7c7c;}
.dhjl-list .order-myprize.order-ul .order-li{    padding: 10px;
    flex-direction: column;
    align-items: baseline;
}
.dhjl-list .r1 img{width: 27px;}
.flex{display: flex;align-items: center;width: 100%;}
.flex .r{flex: 1;}

.ques-mian{position: fixed;top: 50%;left: 0;width: 100%;z-index: 999;transform: translateY(-50%);}
.pop-q-m{background: linear-gradient(180deg, #fae8ad 0%, #f5f5f5 11%);position: relative;z-index: 3;margin: -15px 2% 0 2%;border-radius: 10px;padding:30px 10px;}
.pop-q-m .tit{text-align: center;font-size: 1.84em;font-weight: bold;padding: 10px 5%;}
.pop-q-m .an-list{/* display: flex; *//* flex-wrap: wrap; */}
.an-list .item{
    /* flex: 1; */
    margin: 10px;
    background: #f5f5f5;
    border: 1px solid #ff752a;
    border-radius: 25px;
    height: 55px;
    text-align: left;
    color: #ff752a;
    line-height: 20px;
    padding: 5px 15px;
    display: flex;
    align-items: center;
}
.an-list .item.on{background: #ff752a;color: #fff;}

.an1{position: absolute;top: -50px;left: 50%;width: 100px;margin-left: -50px;}
.an2{position: absolute;top: -50px;left: 50%;width: 80px;margin-left: -40px;}
.add-jf{position: absolute;bottom: 0;right: -9%;width: 100px;}
.btn-iknow{position: absolute;bottom: -15px;left: 50%;width: 160px;margin-left: -80px;}
.pop-answer .mask{z-index: 2000;}
.pop-answer .ques-mian{z-index: 3000;left: 5%;width: 90%;}
.pop-answer .ques-mian .pop-q-m{padding: 50px 10px;border: 1px solid #f7d09e;background: linear-gradient(0,#ffffdd,#fcfdeb,#ffe9b0);}
.right-ani{border: 1px solid #ff843e;border-radius: 5px;color: #ff843e;text-align: left;padding:5px 10px;margin: 0 7%;font-size: 1.4em;}
.parsing{color: #020000;margin: 10px 7%;font-size: 1.07em;}
.ques1 {
    position: absolute;
    top: 8%;
    right: 5%;
    color: #fff;
    font-size: 1.5em;
}
.ques1 span{color: #fddb42;}
.sign-p1{    position: absolute;font-size: 1.2em;font-weight: bold;
    top: 51%;
    left: 43%;
    color: #ff4129;
    width: 45%;}
.sign-p1 img{width: 30px;}
.s-c-p1{position: absolute;bottom: 23%;left: 0;width: 100%;text-align: center;color: red;}
.rule-con{background: #fff;margin: 0 5%;border-radius: 5px;padding: 10px;}
.rule-con-c{height: 50vh;overflow-y: auto;}
.lq-pop .pop-q-m .tit{font-size: 1.2em;}
.lq-pop .pop-q-m .tit span{color: #ff6e1f;}
.lq-pop .right-ani{text-align: center;margin: 0 11%;}
.icon2{    position: absolute;
    top: -32px;
    right: -7%;
    width: 93px;}

    /* 在style标签中添加 */
.date-hidden {
    background: transparent; /* 透明背景 */
    cursor: default; /* 默认鼠标样式 */
}
.date-hidden .month-tag,
.date-hidden span {
    display: none; /* 隐藏文字内容 */
}
.pop-duihuan .dh-list{justify-content: center;}
.pop-duihuan .dh-list .li{max-width: 50%;text-align: center;padding-bottom: 10px;}
.dh-li4{color: #ff3e21;font-weight: bold;}
.dh-tips{text-align: center;font-size: 0.8em;color: #000;}

.btn-rule{position: absolute;top: 9%;right: 0;width: 7%;z-index: 99;}