#cal{
    width:532px;
    background:#fff;
    border-radius:16px;
    padding:30px;
    box-sizing:border-box;
    border-radius:16px;
}

#cal .opLine{
    width:100%;
    display:flex;
    justify-content:space-between;
}

#cal .opLine .date{
    font-size:24px;
    color:#000;
    font-weight:900;
    place-self:Center;
}

#cal .opLine .arrow{
    display:inline-block;
    place-self:Center;
}

#cal .opLine .arrow div{
    display:inline-block;
    width:46px;
}

#cal .opLine .arrow div img{
    width:100%;
}

#cal .calendar{
    width:100%;
    margin-top:12px;
}

#cal .calendar .calList{
    width:100%;
    display:Flex;
    flex-flow:wrap;
    gap:4px;
}

#cal .calendar .calList li{
    width:64px;
    height:64px;
    background:url(/bbs/images/cal01.png) no-repeat;
    color:#fff;
    font-size:12px;
    padding:2.5px;
    box-sizing:border-box;
}

#cal .calendar .calList .day{
    line-height:64px;
    text-align:Center;
    font-size:14px;
    background:#fff;
    color:#222;
}

#cal .calendar .calList .blank{
    border:1px solid #D5D4DF;
    background:#f2f3f7;
    border-radius:4px;
}

#cal .calendar .calList .current01{
    background:url(/bbs/images/cal02.png) no-repeat;
}

#cal .calendar .calList .current02{
    background:url(/bbs/images/cal03.png) no-repeat;
}





#cal .calendar .success{
    width:100%;
    margin-top:12px;
    background:#F2F3F7;
    border:1px solid #D5D4DF;
    padding:16px;
    text-align:Center;
    box-sizing:border-box;
    border-radius:4px;
}


#cal .calendar .success .subj{
    width:170px;
    display:inline-block;
    vertical-align:middle;
}


#cal .calendar .success .tx{
    display:inline-block;
    vertical-align:middle;
    font-size:16px;
    color:#333;
    font-weight:bold;
    margin-top:3px;
}

#cal .calendar .success .tx span{
    background: linear-gradient(180deg, #52B1E7 0%, #0036A0 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}