.NOT-daily-reward-container {
    position: relative;
    width: 6.4rem;
    margin-top: .27rem
}

.NOT-daily-reward-nail {
    position: absolute;
    top: -.27rem;
    width: .3rem;
    height: .66rem;
    border-radius: .15rem;
    background: #ebd6fd
}

.NOT-daily-reward-nail.NOT-left {
    left: .89rem
}

.NOT-daily-reward-nail.NOT-right {
    right: .89rem
}

.NOT-daily-reward-header {
    height: 1.06rem;
    line-height: 1.06rem;
    text-align: center;
    background: linear-gradient(0deg,#4f37d0,#9a35f5 60%);
    font-weight: 700;
    font-size: .48rem;
    color: #ebd6fd;
    border-radius: .3rem .3rem 0 0
}

.NOT-daily-reward-body {
    box-sizing: border-box;
    min-height: 3.41rem;
    background: linear-gradient(0deg,#ebd6fd,#dbbaf9);
    padding: .4rem 0 .28rem .25rem;
    border-radius: 0 0 .3rem .3rem
}

.NOT-daily-reward-body:where([dir=rtl],[dir=rtl] *) {
    padding: .4rem .25rem .28rem 0
}

.NOT-daily-reward-list {
    display: flex;
    align-items: center;
    overflow-x: scroll
}

.NOT-daily-reward-listt::-webkit-scrollbar {
    display: none
}

.NOT-daily-reward-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1.51rem;
    height: 1.95rem;
    background: #e7bfff;
    border-radius: .13rem;
    border: 2px solid #ebd6fd;
    flex: 0 0 auto;
    position: relative
}

.NOT-daily-reward-item-days-container {
    width: 100%;
    line-height: .48rem;
    transform: translate(.1rem,-.1rem)
}

.NOT-daily-reward-item-days-container:where([dir=rtl],[dir=rtl] *) {
    transform: translate(-.1rem,-.1rem)
}

.NOT-daily-reward-item-days {
    font-weight: 400;
    font-size: .48rem;
    color: #af5ce3
}

.NOT-daily-reward-item-days-unit {
    display: inline-block;
    font-weight: 400;
    font-size: .32rem;
    color: #af5ce3;
    transform: translateY(-.15rem)
}

.NOT-daily-reward-item-icon {
    width: .87rem;
    height: .64rem;
    background-image: url(/imgs/diamond.png);
    background-repeat: no-repeat;
    background-size: contain
}

.NOT-daily-reward-item-num {
    font-weight: 400;
    font-size: .3rem;
    color: #931ad7
}

.NOT-daily-reward-item-finish {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #00000080;
    border-radius: .13rem
}

.NOT-daily-reward-item-finish-icon {
    width: .82rem;
    height: .71rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-image: url(/imgs/seleced.png);
    background-size: contain;
    background-repeat: no-repeat
}

.NOT-daily-reward-line {
    width: .16rem;
    height: .04rem;
    background: #ca96e9;
    flex: 0 0 auto
}

.NOT-daily-reward-desc {
    font-weight: 700;
    font-size: .24rem;
    line-height: .36rem;
    color: #af5ce3;
    text-align: center;
    margin-top: .3rem;
    padding-right: .25rem;
    white-space: pre-wrap
}

.NOT-daily-reward-desc:where([dir=rtl],[dir=rtl] *) {
    padding-right: 0;
    padding-left: .25rem
}