* { margin: 0; padding: 0; } ul { list-style: none; } .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { *zoom: 1; } /* .calendar{ width: 631px; height: 418px; float: left; } */ #schedule-box { margin: 0 auto; font-size: 14px; box-shadow: 0 2px 4px rgb(0 0 0 / 12%); background-color: #fff; color: #666; padding-bottom: 136px; position: relative; } .schedule-hd { display: flex; justify-content: space-between; padding: 0 15px; padding: 10px 15px 10px 15px; background: #992833; } .schedule-bd li:nth-child(7n){ border-right: 0px; } .today { flex: 1; text-align: center; } #todayBtn{ color:#333; line-height:30px; border-bottom: 1px solid #ddd; padding-bottom: 5px; margin: 0 15px; } .week-ul li{ border-bottom: 0px!important; } .ul-box { /* overflow: hidden; */ margin: 0 15px; /* border-top: 1px solid #e2e2e2; */ position: relative; } .ul-box>li { float: left; width: 14.285%; text-align: center; box-sizing: border-box; /* border-bottom: 1px solid #e2e2e2; */ /* border-right: 1px solid #e2e2e2; */ font-family: "Arial", 'Microsoft Yahei',"Lucida Grande", "Tahoma","Helvetica", "sans-serif"; } .week-ul>li{ font-size: 14px!important; border-right: 0; font-weight: bold; color: #25506b; line-height: 38px; } .other-month { color: #d2d2d2; } .current-month { color: #345c75; } .arrow { cursor: pointer; } .dayStyle { display: inline-block; width: 100%; height: 100%; text-align: center; cursor: pointer; max-width: 38px; max-height: 38px; line-height: 38px; vertical-align: middle; } .current-month>.dayStyle:hover { background: #eaeaea; color:#666; } .today-flag { background: #992833; color: #fff; } .selected-style { /*color: #ff5722;*/ position: relative; } .selected-style::after{ position: absolute; content: ''; right: 3px; top: 3px; width: 8px; height: 8px; border-radius: 50%; background-color: #ff5722; } .active-style { background: #6695b1; color: #ffffff; } .today { text-align: center; font-weight: bold; cursor: pointer; font-size: 16px; color: #fff; } #today{ color:#333; line-height:32px; } /*.currentDate{ position: relative; } .currentDate::after { position: absolute; content: ''; right: 3px; top: 3px; width: 8px; height: 8px; border-radius: 50%; background-color: #ff5722; }*/ .dateTip { position: absolute; z-index: 9999; right: 0; top: 100%; left: 0; /* overflow: hidden; */ border-top-left-radius: 10px; border-top-right-radius: 10px; margin-top: 36px; } .tipCont ul li { width: 100%; height: 40px; padding: 10px 0px; padding-left: 20px; background: url(../../images/rili-left.png) no-repeat; background-position: 5px center; } .tipCont ul li a { display: block; height: 40px; } .tipCont ul li a img { display: inline-block; float: left; width: auto; height: 40px; } .tipCont ul li a p { height: 20px; line-height:20px; display: inline-block; font-size: 14px; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-align: left; } .dateTip .tipTime { position: relative; height: 40px; background-color: #eee; line-height: 40px; text-align: center; color: #ff5722; font-size: 16px; display: none; } .closeBtn { position: absolute; top: 0; right: 0px; display: block; width: 40px; height: 40px; text-align: center; line-height: 40px; color: #fff; background-color: #ff0000; cursor: pointer; /* display: none; */ } .tipCont { padding: 10px 15px; height: auto; overflow: hidden; } @font-face { font-family: "iconfont"; /* Project id */ src: url('iconfont.ttf?t=1637983652792') format('truetype'); } .iconfont { font-family: "iconfont" !important; font-size: 26px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; } .icon-jiantou_liebiaoxiangyou:before { content: "\eb03"; } .icon-jiantou_liebiaoxiangzuo:before { content: "\eb04"; } .icon-jiantou_yemian_xiangyou:before { content: "\eb0b"; } .icon-jiantou_yemian_xiangzuo:before { content: "\eb0f"; }