.timetablebox{width:900px;height:528px;border-radius:6px 6px 6px 6px;background:#fff}.timetablebox .studentSchedule{width:100%;height:528px}.timetablebox .studentSchedule-head{height:55px;width:100%;display:flex;align-items:center;justify-content:space-between}.timetablebox .studentSchedule-head .time-warp{width:480px;display:flex;justify-content:space-between;align-items:center}.timetablebox .studentSchedule-head .head-tabs,.timetablebox .studentSchedule-head .head-time-list{width:160px;display:flex;justify-content:space-between;align-items:center}.timetablebox .studentSchedule-head .head-tabs .head-time,.timetablebox .studentSchedule-head .head-time-list .head-time{font-size:16px;color:#2c3745;font-weight:600}.timetablebox .studentSchedule-head .head-tabs .head-week,.timetablebox .studentSchedule-head .head-time-list .head-week{position:relative;font-weight:500;font-size:18px;color:#1167c3;line-height:21px}.timetablebox .studentSchedule-head .head-tabs .head-week .select-week-list,.timetablebox .studentSchedule-head .head-time-list .head-week .select-week-list{position:absolute;width:400px;height:100px;bottom:-105px;left:-175px;z-index:200;border-radius:8px}.timetablebox .studentSchedule-head .head-tabs .head-week .select-week-list /deep/ .el-card__body,.timetablebox .studentSchedule-head .head-time-list .head-week .select-week-list /deep/ .el-card__body{padding:0}.timetablebox .studentSchedule-head .head-tabs .head-week .select-week-list .clearfix,.timetablebox .studentSchedule-head .head-time-list .head-week .select-week-list .clearfix{height:35px;padding:0 20px;border-radius:4px;background:#f8f5f8;position:relative;display:flex;justify-content:space-between;align-items:center}.timetablebox .studentSchedule-head .head-tabs .head-week .select-week-list .clearfix .is-close,.timetablebox .studentSchedule-head .head-time-list .head-week .select-week-list .clearfix .is-close{font-size:18px;cursor:pointer}.timetablebox .studentSchedule-head .head-tabs .head-week .select-week-list .week-warp,.timetablebox .studentSchedule-head .head-time-list .head-week .select-week-list .week-warp{display:flex;flex-wrap:wrap;padding:10px}.timetablebox .studentSchedule-head .head-tabs .head-week .select-week-list .week-warp .week-item,.timetablebox .studentSchedule-head .head-time-list .head-week .select-week-list .week-warp .week-item{width:calc((100% - 15px)/4);height:30px;line-height:30px;margin-right:5px;margin-bottom:5px;text-align:center;border:1px solid #ea4e3d;color:#ea4e3d;border-radius:6px;cursor:pointer}.timetablebox .studentSchedule-head .head-tabs .head-week .select-week-list .week-warp .is-active,.timetablebox .studentSchedule-head .head-time-list .head-week .select-week-list .week-warp .is-active{background:#ea4e3d;color:#fff}.timetablebox .studentSchedule-head .head-tabs .head-week .select-week-list .week-warp .week-item:nth-child(4n),.timetablebox .studentSchedule-head .head-time-list .head-week .select-week-list .week-warp .week-item:nth-child(4n){margin-right:0}.timetablebox .studentSchedule-head .head-btn{color:#696969;cursor:pointer}.timetablebox .studentSchedule-head .nomore{font-weight:500;font-size:20px;color:#2d507d}.timetablebox .studentSchedule-head .head-title{text-align:center;height:35px;font-size:18px;font-weight:600;cursor:pointer;font-size:24px;color:#000;line-height:28px}.timetablebox .studentSchedule-head .sure{color:#111}.timetablebox .studentSchedule-head .time-detile{display:flex;justify-content:space-between;align-items:center}.timetablebox .studentSchedule-head .time-detile .time-month{width:100px;font-size:16px;color:#3a3338;font-weight:600}.timetablebox .studentSchedule-head .time-detile .time-week{width:60px;font-size:14px;font-weight:400}.timetablebox .studentSchedule-head .time-detile .time-week .number{color:#314969;margin:0 2px}.timetablebox .studentSchedule-head .time-detile .time-btn{float:right;display:flex;align-items:center;height:24px;line-height:24px}.timetablebox .studentSchedule-head .time-detile .time-btn /deep/ .el-button+.el-button{margin-left:1px}.timetablebox .studentSchedule-head .time-detile .time-btn /deep/ .el-button--mini{font-size:14px}.timetablebox .studentSchedule-head .head-btn{font-size:14px;display:flex;justify-content:space-between;align-items:center}.timetablebox .studentSchedule-head .head-btn .title-icon{margin-left:18px;position:relative}.timetablebox .studentSchedule-head .head-btn .title-icon .add-icon{width:16px;height:15px;position:absolute;left:-15px;top:9px}.timetablebox .studentSchedule-head .head-btn .title-icon .titleBtn{background:#f1f3f7;margin-left:4px;color:#072039}.timetablebox .studentSchedule-main{width:100%;height:100%;border-radius:8px}.timetablebox .studentSchedule-main .curriculum{height:100%;width:100%;overflow:hidden}.timetablebox .studentSchedule-main .curriculum .item-label{width:80px;border-right:1px solid #d9d9d9;text-align:center;background:#fff}.timetablebox .studentSchedule-main .curriculum .item-label .item-pitch{float:left;width:100%;color:#982727;font-weight:400}.timetablebox .studentSchedule-main .curriculum .item-label .item-times{float:left;width:100%;color:#8ca9c7;font-weight:400;font-size:12px}.timetablebox .studentSchedule-main .curriculum .curriculum-item{position:relative;width:calc((100% - 87px)/7);padding-left:12px}.timetablebox .studentSchedule-main .curriculum .curriculum-head{padding-top:3px;margin-right:8px;height:40px;line-height:40px;display:flex;color:#043170;border-bottom:1px solid #d9d9d9}.timetablebox .studentSchedule-main .curriculum .curriculum-head .label-head{border:none}.timetablebox .studentSchedule-main .curriculum .curriculum-box{height:calc(100% - 40px);padding-right:8px;overflow-x:hidden;background:#fbfcfd;scrollbar-width:thin}.timetablebox .studentSchedule-main .curriculum .curriculum-box .curriculum-list{display:flex;border-bottom:1px dashed #e5e5e5;height:40px}.timetablebox .studentSchedule-main .curriculum .curriculum-box .curriculum-list .curriculum-item{border-right:1px solid #e5e5e5}.timetablebox .studentSchedule-main .curriculum .curriculum-box .curriculum-list .curriculum-item .week-time-line-task{position:absolute;border-radius:4px;background-color:#bcdff1;color:#0d7799;width:calc(100% - 4px);left:2px;top:2px;z-index:1;padding-left:8px}.timetablebox .studentSchedule-main .curriculum .curriculum-box .curriculum-list .curriculum-item .week-time-line-task .task-item{width:100%;line-height:20px;margin:0;margin-top:4px;font-size:12px}.timetablebox .studentSchedule-main .curriculum .curriculum-box .curriculum-list .curriculum-item .week-time-line-task .task-name{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.timetablebox .studentSchedule-main .curriculum .curriculum-box .curriculum-list .curriculum-item .week-time-line-task .task-site{font-weight:400}.timetablebox .studentSchedule-main .curriculum .curriculum-box .curriculum-list .curriculum-item .week-time-line-task .line-bar{position:absolute;height:100%;width:4px;border-radius:4px 0 0 4px;left:0;top:0}.timetablebox .studentSchedule-main .curriculum .curriculum-box .curriculum-list .curriculum-item .week-time-one{background-color:rgba(255,242,240,.8);color:#d34431}.timetablebox .studentSchedule-main .curriculum .curriculum-box .curriculum-list .curriculum-item .week-time-one .line-bar{background:#d34431}.timetablebox .studentSchedule-main .curriculum .curriculum-box .curriculum-list .curriculum-item .week-time-two{background-color:rgba(223,246,241,.8);color:#2c9984}.timetablebox .studentSchedule-main .curriculum .curriculum-box .curriculum-list .curriculum-item .week-time-two .line-bar{background:#2c9984}.timetablebox .studentSchedule-main .curriculum .curriculum-box .curriculum-list .curriculum-item .week-time-three{background-color:rgba(238,243,255,.8);color:#2557b2}.timetablebox .studentSchedule-main .curriculum .curriculum-box .curriculum-list .curriculum-item .week-time-three .line-bar{background:#2557b2}.timetablebox .studentSchedule-main .curriculum .curriculum-box .curriculum-list .curriculum-item .week-time-four{background-color:rgba(235,244,249,.8);color:#007196}.timetablebox .studentSchedule-main .curriculum .curriculum-box .curriculum-list .curriculum-item .week-time-four .line-bar{background:#007196}.timetablebox .studentSchedule-main .curriculum .curriculum-box .curriculum-list .curriculum-item .week-time-five{background-color:rgba(255,249,234,.8);color:#ebac02}.timetablebox .studentSchedule-main .curriculum .curriculum-box .curriculum-list .curriculum-item .week-time-five .line-bar{background:#ebac02}.timetablebox .studentSchedule-main .curriculum .curriculum-box .curriculum-list .curriculum-item .soloColumn .task-item{height:12px;line-height:12px}.timetablebox .studentSchedule-main .curriculum .curriculum-box .curriculum-list .curriculum-item:last-child{border:none}.timetablebox .studentSchedule-main .curriculum .curriculum-box .ottedLine{border-bottom:1px solid #e5e5e5}.title{display:flex;justify-content:space-between;height:40px}.title .title-left{font-weight:600;font-size:24px;color:#000;line-height:40px}.title .title-right{font-weight:500;font-size:20px;color:#2d507d;line-height:40px}