#legend{margin-bottom: 15px!important;line-height: 16px;}#legend span{display: inline-block;width: 16px;height: 16px;color: transparent;border-radius: 100%;}.tabs{}.tabs .tab_but{display: inline-block;padding: 5px 8px;border-top: 1px solid #ddd;border-right: 1px solid #ddd;margin-bottom: -1px;}.tabs .tab_but:first-child{border-left: 1px solid #ddd;}.tabs .tab_but_sel{background: #fff;border-bottom: 1px solid #fff;}.tab{display: none;background: #fff;border: 1px solid #ddd;padding: 10px;}.tabs [menu]{position: absolute;top: 10px;right: 10px;}.tab_sel{display: block;}.tab select{width: 100%;margin-bottom: 15px;}.schedule_panel{margin-bottom: 10px;}.schedule_panel a{display: inline-block;padding-bottom: 3px;border-bottom: 1px dashed var(--link_color);}.class{position: relative;border-bottom: 1px solid rgba(0,0,0,0.2);}.class:last-of-type{border-bottom: 1px solid transparent;}.class .date{padding: 10px 10px 0;font-size: 12px;color: rgba(0,0,0,0.6);}.class table{position: relative;z-index: 1;width: 100%;max-width: 100%;min-height: 60px;}.class td{vertical-align: top;}.class .time{margin-top: 10px;color: #fff;font-weight: bold;text-shadow: 0 1px rgba(0,0,0,0.3);}.class .teacher_ava{padding: 10px 0 10px 10px;width: 50px;}.class .teacher_ava img{width: 40px;height: 40px;border-radius: 100%;border: 2px solid #fff;}.class .inf{position: relative;padding: 10px;overflow: hidden;}.class .inf .program_name, .class .inf .teacher_name{display: block;line-height: 20px;}.class .inf .program_name{font-weight: bold;}.class .address{margin-top: 10px;color: rgba(0,0,0,0.6);font-size: 12px;}input[type=radio]{position: absolute;left: 0;bottom: 0;background: red;display: block;width: 100%;height: 100%;opacity: 0;cursor: pointer;}.class #radio + label{position: absolute;left: 10px;bottom: 10px;width: 24px;height: 24px;background: #2B587A;border-radius: 100%;}.class #radio:checked + label::after{content: "";position: absolute;left: 5px;bottom: 5px;display: block;width: 14px;height: 14px;background: #fff;border-radius: 100%;box-shadow: 0 0 6px rgba(0,0,0,0.3);}.class .progress{position: relative;margin-top: 10px;height: 24px;line-height: 24px;border-radius: 2px;background: rgba(255,255,255,0.5);color: rgba(0,0,0,0.6);font-size: 12px;text-align: center;cursor: pointer;}.class .progress::after{content: "";position: absolute;right: 10px;top: 50%;width: 6px;height: 6px;margin-top: -6px;border-right: 2px solid #000;border-bottom: 2px solid #000;transform: rotate(45deg);}.class .progress.open::after{margin-top: -1.5px;transform: rotate(-135deg);}.class .progress .line{position: absolute;top: 0;left: 0;width: 50%;height: 24px;background: #fff;border-radius: 2px;}.class .progress .text{position: absolute;top: 0;left: 0;width: 100%;text-align: center;}.class .booked{margin-top: 5px;padding: 10px;border-radius: 2px;background: rgba(255,255,255,0.5);color: rgba(0,0,0,0.6);font-size: 12px;}.class .booked .booked_user{line-height: 26px;}.class .booked .booked_user + .booked_user{margin-top: 5px;}.class .booked .booked_user .ava{display: inline-block;vertical-align: middle;margin-right: 6px;}.class .booked .booked_user .ava img{border-radius: 100%;}.class .booked .booked_user .name{vertical-align: middle;}.class .cancel{text-align: right;padding: 0 10px 10px 10px;}