main {
    background: rgb(248, 249, 252);
}

.container {
    width: 4.6875rem;
    margin: 0 auto;
    padding-bottom: 0.46875rem;
}

.container nav {
    font-size: 0.0625rem;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    line-height:  0.296875rem;
}

.container nav a {
    color: rgba(153, 153, 153, 1);
}

.box {
    width: 100%;
    display: flex;
}

.box .sign-box {
    width: 100%;
    border-radius: 0.0390625rem;
    background: rgba(255, 255, 255, 1);
    padding: 0 0.09375rem 0.203125rem;
}

.box .sign-everyday {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 0.34375rem;
}

.box .sign-everyday .bar {
    display: flex;
    align-items: center;
    font-size: 0.0625rem;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
}

.box .sign-everyday .bar img {
    display: block;
    margin: 0 0.0390625rem;
    cursor: pointer;
    width: 0.03125rem;
}

.box .sign-everyday .sign-num {
    font-size: 0.0546875rem;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
}

.box .rich {
    padding: 0.09375rem;
    width: 1.1328125rem;
    border-radius: 0.0390625rem;
    background: rgba(255, 255, 255, 1);
    flex-shrink: 0;
    margin-left: 0.0625rem;
}

.week {
    display: flex;
    width: 100%;
    border: 1px solid rgba(216, 216, 216, 1);
    height: 0.21875rem;
}

.week li {
    flex: 1;
    border-right: 1px solid rgba(216, 216, 216, 1);
    font-size: 0.0625rem;
    font-weight: 500;
    line-height: 0.21875rem;
    color: rgba(51, 51, 51, 1);
    text-align: center;
}

.week li:last-of-type {
    border-right: none;
}

.tab {
    display: flex;
    flex-wrap: wrap;
    border-left: 1px solid rgba(216, 216, 216, 1);
}

.tab li {
    border-bottom: 1px solid rgba(216, 216, 216, 1);
    width: calc(100% / 7);
    flex-shrink: 0;
    height: 0.453125rem;
    padding-top: 0.0625rem;
    padding-right: 0.0625rem;
    text-align: right;
    font-size: 0.0546875rem;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    border-right: 1px solid rgba(216, 216, 216, 1);
    position: relative;
}

.tab li .is-sign::after {
    content: '已签到';
    width: 0.28125rem;
    height: 0.09765625rem;
    border-radius: 0.015625rem;
    background: rgba(242, 248, 255, 1);
    font-size: 0.046875rem;
    font-weight: 400;
    line-height: 0.09765625rem;
    color: rgba(5, 100, 229, 1);
    text-align: center;
    position: absolute;
    right: 0.0625rem;
    top:  0.1796875rem;
}

.tab li .is-today::after {
    content: '今日';
    width: 0.28125rem;
    height: 0.09765625rem;
    border-radius: 0.015625rem;
    background: rgba(242, 248, 255, 1);
    font-size: 0.046875rem;
    font-weight: 400;
    line-height: 0.09765625rem;
    color: rgba(5, 100, 229, 1);
    text-align: center;
    position: absolute;
    right: 0.0625rem;
    top:  0.1796875rem;
}

.sign-btn {
    width: 2.6328125rem;
    height: 0.2421875rem;
    border-radius: 0.0390625rem;
    background: rgba(5, 100, 229, 1);
    font-size: 0.078125rem;
    font-weight: 500;
    line-height: 0.2421875rem;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    margin:  0.171875rem auto 0;
    cursor: pointer;
    display: block;
}

.fa-btn {
    width: 2.6328125rem;
    height: 0.2421875rem;
    border-radius: 0.0390625rem;
    background: rgba(185, 185, 185, 1);
    font-size: 0.078125rem;
    font-weight: 500;
    line-height: 0.2421875rem;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    margin:  0.171875rem auto 0;
    cursor: pointer;
    display: block;
}

.masking {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.3);
}

.signs-box {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1001;
    background: url('../static/sign_bg.png') no-repeat center;
    background-size: 100% 100%;
    width: 1.59765625rem;
    height: 1.79296875rem;
    padding-top: 1.109375rem;
    display: none;
}

.signs-box .p1 {
    width: 1.18359375rem;
    font-size: 0.0546875rem;
    font-weight: 400;
    line-height: 0.09765625rem;
    color: rgba(102, 102, 102, 1);
    text-align: center;
    margin: auto;
}

.signs-box .p1 span {
    color: rgba(255, 136, 0, 1);
}

.signs-box .btn {
    width: 0.984375rem;
    height: 0.2421875rem;
    margin: 0.0234375rem auto 0;
    cursor: pointer;
}