.user-index-timetable-wrap{width:870px;background-color:#fff;padding:15px}.user-index-timetable-wrap div{box-sizing:border-box}.user-index-timetable-wrap>.head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.user-index-timetable-wrap>.head>.switch-button{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;display:inline-flex;align-items:center;background-color:#00cc7e;border-radius:4px;padding:5px 15px;color:#fff;transition:background-color .3s ease}.user-index-timetable-wrap>.head>.switch-button>i{margin-top:2px}.user-index-timetable-wrap>.head>.switch-button:hover{background-color:#02db88}.user-index-timetable-wrap>.head>.current{color:#000;font-weight:700}.user-index-timetable-wrap>.tbody .week,.user-index-timetable-wrap>.thead .week{width:100px;text-align:center;height:100%;border-right:1px solid #ddd}.user-index-timetable-wrap>.tbody .morning,.user-index-timetable-wrap>.thead .morning{flex:1;background-color:#f7f7f7;height:100%;border-right:1px solid #ddd}.user-index-timetable-wrap>.tbody .afternoon,.user-index-timetable-wrap>.thead .afternoon{flex:1;background-color:#f7f7f7;height:100%}.user-index-timetable-wrap>.thead{display:flex;align-items:flex-start;height:45px;font-weight:700;color:#333;border:1px solid #eee}.user-index-timetable-wrap>.thead>div{text-align:center;line-height:45px}.user-index-timetable-wrap>.thead>.week{background:linear-gradient(23deg,transparent 49.5%,#ddd 0,#ddd 50.5%,transparent 0)}.user-index-timetable-wrap>.thead>.afternoon,.user-index-timetable-wrap>.thead>.morning{background-color:#fff}.user-index-timetable-wrap>.tbody{border:1px solid #eee;border-top:none}.user-index-timetable-wrap>.tbody>.row{display:flex;align-items:flex-start;height:80px;box-sizing:content-box}.user-index-timetable-wrap>.tbody>.row:not(:first-child){border-top:1px solid #ddd}.user-index-timetable-wrap>.tbody>.row>.week{display:flex;flex-direction:column;align-items:center;justify-content:center}.user-index-timetable-wrap>.tbody>.row>.week>.str{font-weight:700;font-size:16px}.user-index-timetable-wrap>.tbody>.row>.week>.date{font-size:14px;color:#999;margin-top:3px}.user-index-timetable-wrap>.tbody>.row>.afternoon,.user-index-timetable-wrap>.tbody>.row>.morning{padding:10px;overflow-x:auto;white-space:nowrap;height:80px}.user-index-timetable-wrap>.tbody>.row>.afternoon>.column,.user-index-timetable-wrap>.tbody>.row>.morning>.column{height:60px;width:150px;text-align:center;background-color:#0db3a6;padding:5px;border-radius:4px;display:inline-block;box-shadow:0 5px 5px 1px rgba(0,0,0,.1)}.user-index-timetable-wrap>.tbody>.row>.afternoon>.column+.column,.user-index-timetable-wrap>.tbody>.row>.morning>.column+.column{margin-left:7px}.user-index-timetable-wrap>.tbody>.row>.afternoon>.column>.time,.user-index-timetable-wrap>.tbody>.row>.morning>.column>.time{font-weight:700;font-size:12px}.user-index-timetable-wrap>.tbody>.row>.afternoon>.column>.name,.user-index-timetable-wrap>.tbody>.row>.morning>.column>.name{font-size:14px;line-height:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-index-timetable-wrap>.tbody>.row>.afternoon>.column>.room,.user-index-timetable-wrap>.tbody>.row>.morning>.column>.room{font-size:12px;color:#999}.user-index-timetable-wrap>.tbody>.row>.afternoon>.column,.user-index-timetable-wrap>.tbody>.row>.morning>.column{background-color:#fff}