body .down .right .calendar .now-time{width: 100%;height: 50px;border-bottom: 1px solid #b4b4b4;display: flex;justify-content: center;align-items: center;}
body .down .right .calendar .now-time #now-time{ font-size: 22px;height: 35px;line-height: 35px;margin-right: 10px;}
body .down .right .calendar .now-time #lunar-date{ font-size: 14px;height: 35px;line-height: 25px;display: flex;align-items: flex-end }
body .down .right .calendar .calendar-switch{width: 100%;height: 30px;line-height: 30px;position: relative;margin-top: 10px;}
body .down .right .calendar .calendar-switch > span{display: inline-block;margin-left: 10px;}
body .down .right .calendar .calendar-switch img{width: 24px;height: 24px;position: absolute;top: 3px;cursor: pointer;transform: rotate(90deg);}
body .down .right .calendar .calendar-switch .left{right: 60px;}
body .down .right .calendar .calendar-switch .right{right: 10px;}
body .down .right .calendar table{border-collapse:collapse;border-spacing: 0;width: 100%;  }
body .down .right .calendar table td{box-sizing: border-box;position: relative;cursor: default;}
body .down .right .calendar table td:hover > .my-cell{border: 1px solid var(--border01);}
body .down .right .calendar table td .my-cell{width: calc(100% - 2px);height: calc(100% - 2px);position: absolute;top: 1px;left: 1px;border: 1px solid rgba(0,0,0,0);}
body .down .right .calendar table td .solar-calendar-num{width: 100%;font-size: 16px;}
body .down .right .calendar table td .lunar-calendar-num{width: 100%;font-size: 12px;}
body .down .right .calendar table td .active{background-color: rgba(50,150,250,100);border: 1px solid var(--border01);}
body .down .right .calendar table td .active-border{border: 1px solid rgba(50,150,250,100);}
body .down .right .calendar table td .supplement{color: #aeaeae;}
body .down .right .yellow-calendar-info{width: 100%;height: 100%;font-size: 14px;border-radius: var(--border-radius5);display: flex;align-items: center;justify-content: center;flex-flow: row wrap;}
body .down .right .yellow-calendar-info > div{width: 100%;color: white;}
body .down .right .yellow-calendar-info div span{display: inline-block;margin-left: 10px;}

@media screen and (max-width:1050px){
    body .down .right .calendar table td .solar-calendar-num{font-size: 14px;}
    body .down .right .calendar table td .lunar-calendar-num{font-size: 10px;}
}
@media screen and (max-width:900px){
    body .down .right .clock_ing .now-time #now-time{font-size: 18px;}
    body .down .right .clock_ing .now-time #lunar-date{font-size: 10px;}
    body .down .right .calendar .calendar-switch{height: 24px;line-height: 24px;margin-top: 7px;}
    body .down .right .calendar .calendar-switch > span{font-size: 15px;}
    body .down .right .calendar .calendar-switch img{width: 20px;height: 20px;top: 5px;}
    body .down .right .yellow-calendar-info{font-size: 12px;}
    body .down .right .calendar table td .solar-calendar-num{font-size: 12px;}
    body .down .right .calendar table td .lunar-calendar-num{font-size: 7px;}
}
@media screen and (max-width:850px){
    body .down .right .calendar table td .solar-calendar-num{font-size: 10px;}
    body .down .right .calendar table td .lunar-calendar-num{font-size: 5px;}
}
@media screen and (max-width:750px){
    body .down .right .clock_ing .now-time #now-time{font-size: 16px;}
    body .down .right .clock_ing .now-time #lunar-date{font-size: 8px;}
    body .down .right .calendar .calendar-switch{height: 22px;line-height: 22px;margin-top: 5px;}
    body .down .right .calendar .calendar-switch > span{font-size: 13px;}
    body .down .right .calendar .calendar-switch img{width: 18px;height: 18px;top: 6px;}
    body .down .right .yellow-calendar-info{font-size: 9px;}
}

.year-or-month-select-list > div{width: 100%;height: 25px;line-height: 25px;cursor: pointer;}
.year-or-month-select-list > div:hover{background-color: rgba(50,150,250,100);color: white;}