@charset "utf-8"; .sc-calendar { width: 500px; height: 500px; text-align: center; color: #4A4A4A; border-color: #E6E4E0; border-style: solid; float: left; margin-right: 20px; -moz-user-select: none; /*?§?????§a�1??*/ -webkit-user-select: none; /*webkit?|?μ???¨?§???¥a?¢?¨*/ -ms-user-select: none; /*IE10*/ user-select: none; -webkit-text-size-adjust: none; font-size: 16px; } .sc-header { height: 35px; border-bottom: 0; } .sc-body { height: 93%; clear: both; } .sc-week { height: 12%; font-weight: 400; font-size: .18rem; color: #4A4A4A; } .sc-days { height: 88%; padding: .15rem 0; /* background: #fff */ } .sc-item { height: 20%; float: left; color: #333333; width: 14.285%; padding-top: 10px; background-color: #ffffff; border-color: #F1EBE4; border-style: solid; box-sizing: border-box; } .item-nolunar { padding-top: 20px; } .sc-item:nth-child(7n) .day, .sc-item:nth-child(7n+6) .day { color: #222; } .sc-vocation { background-color: #FFEBEC; } .sc-mark{ background-color: #E5FBFA; } .sc-vocation:before { content: '?¤??a�?'; display: block; position: absolute; font-size: 0.7em; width: 1.2em; font-weight: 100; color: white; background-color: #E00808; margin-top: -10px; } .sc-othermenth { color: rgba(0,0,0,.3)!important; } .sc-othermenth .day, .sc-othermenth .lunar-day { color: rgba(0,0,0,.3)!important; } .sc-active-day, .sc-selected { border: 1px solid orange; } .sc-today { background-color: orange; /* color: white; */ border: 1px solid orange; } .sc-item .day { font-size: 1.5em; } .sc-today .day { color: white !important; } .sc-item .lunar-day { font-size: 10px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; } .sc-festival .lunar-day { color: #E00808; } /*.sc-item:last-child, .sc-item:nth-child(7n) { border-width: 0 1px 1px 1px; }*/ .sc-week-item { height: 100%; float: left; width: 14.285%; background-color: #FBEC9C; border-width: 1px 0 1px 1px; border-color: #ECE3B1; border-style: solid; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; } .sc-item-small{ font-size: 10px !important; } .sc-week-item:last-child { border-width: 1px 1px 1px 1px; } .sc-week-item:nth-child(7n), .sc-week-item:nth-child(7n+6) { color: rgba(224, 8, 8, 0.74)!important; } .sc-actions { float: left; width: 25%; padding: 5px; height: 100%; box-sizing: border-box; } .sc-actions:last-child { float: right; } .sc-actions-big{ width: 50%; } @media screen and (max-width : 500px){ .sc-actions{ width: 50%; } } .sc-header select { border-color: rgba(0, 0, 0, 0); padding: 0.2em; /* -webkit-appearance: none; -moz-appearance: none; appearance: none;*/ font-family: "Microsoft Yahei"; color: #606060; font-size: 13px ; } .sc-header input { border-color: rgba(0, 0, 0, 0); padding: 0.2em; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: "Microsoft Yahei"; color: #606060; } .sc-actions div { display: inline-block; /*border: 1px solid #ccc;*/ vertical-align: bottom; width: 20px; padding-bottom: 5px; font-size: 1.5em; line-height: 0.9em; } .sc-return-today { display: block; background-color: #F5F5F9; border-radius: 2px; /* border: 1px solid #ccc; */ width: 60px; font-size: 0.8em; padding: 0.3em; margin: auto; } .sc-time { display: block; margin-top: 3px; font-size: 0.8em; } .sc-calendar{float:none;width:100%;height:auto;box-shadow:none;border:none;overflow:hidden} .sc-calendar .sc-header{height: auto;line-height:.5rem;overflow:hidden;background: transparent;justify-content: space-between;padding: 0 .2rem .2rem;} .sc-calendar .sc-header .sc-actions{display:inline-block;vertical-align:middle;float:none;width:auto;padding:0;font-size:0} /*.sc-calendar .sc-header .sc-actions:first-child::after{content:'';display:inline-block;vertical-align:middle;width:.3rem;height:2px;margin:0 .3rem;background-color:#fff}*/ .sc-calendar .sc-header .sc-select-month,.sc-calendar .sc-header .sc-select-year{display:inline-block;vertical-align:middle;font-size: .3rem;padding:0 .2rem;cursor:pointer;background: transparent;color: #333333;font-family: "PingFang SC", "PingFang SC-Regular", 苹方;font-weight: bold;} .sc-calendar .sc-header .sc-select-month option,.sc-calendar .sc-header .sc-select-year option{background: #fefefe;font-size: .16rem;line-height: 1.5;text-align: center;display: block;border: none;} .sc-calendar .sc-header .sc-mleft,.sc-calendar .sc-header .sc-yleft{display:inline-block;vertical-align:middle;width:5px;height:8px;background-repeat:no-repeat;background-position:center;background-size:cover;margin-right:12px;cursor:pointer} .sc-calendar .sc-header .sc-mright,.sc-calendar .sc-header .sc-yright{display:inline-block;vertical-align:middle;width:5px;height:8px;background-repeat:no-repeat;background-position:center;background-size:cover;margin-left:5px;cursor:pointer} .sc-calendar .sc-header .sc-actions:nth-child(n+3){display:none} .sc-calendar .sc-week{padding: .3rem 0 .16rem;border-top: 1px dashed #939393;border-left: 0;border-right: 0;margin-bottom: 0;background: transparent;color: #333333!important;} .sc-calendar .sc-week-item{font-size: .18rem;text-align:center;font-weight:inherit;background-color:transparent;border:none;color: #333!important;} .sc-calendar .sc-item{padding: .05rem 0;border:none;height:auto;font-size:0;background-color:transparent;} .sc-calendar .calendar-has .day{background-color: #f1dcde!important;} .sc-calendar .sc-today .day:after{} .sc-calendar .calendar-active{background-color:#05397f;color:#fff} .sc-calendar .calendar-has .day{color: #222;position: relative} .sc-calendar .sc-today .day:after{content: '';position: absolute;background: #d70e1a;width: .55rem;height: .55rem;border-radius: 50%;left: 50%;top: 50%;margin: -.275rem 0 0 -.275rem;z-index: -1;} .sc-calendar .day.calendar-has{background-color:#eee} .sc-calendar .sc-item .lunar-day{display:none} /*.sc-calendar .sc-item:nth-child(n+22){margin-bottom:.2rem}*/ .sc-calendar .sc-item .day{display:inline-block;width: .55rem;height: .55rem;font-size:.16rem;line-height: .55rem;border-radius:50%;overflow:hidden;/* border:1px solid transparent; */-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;cursor:pointer;font-family: "PingFang SC", "PingFang SC-Regular", 苹方;z-index: 1;position: relative;} @media(min-width: 768px){ .sc-calendar .sc-today .day:hover:after{ background: transparent} .sc-calendar .sc-item .day:hover{color:#fff} .sc-calendar .sc-item .day:hover{background-color: #d70e1a !important;color:#fff;} .sc-calendar .sc-othermenth .day:hover{background-color:transparent;cursor:inherit} } @media(max-width: 768px){ .sc-calendar .sc-header{ padding: 0 0 6px;} .sc-calendar .sc-item{ padding: 0;} .sc-calendar .sc-item .day{ width: .46rem; height: .46rem; line-height: .46rem;} .sc-calendar .sc-today .day:after{ width: .46rem; height: .46rem; margin: -.23rem 0 0 -.23rem;} .sc-calendar .sc-header .sc-select-month, .sc-calendar .sc-header .sc-select-year{ font-size: .24rem;} .sc-calendar .sc-week{ padding: .26rem 0 0;} }