.gantt-container{width:100%;height:100%}.gantt-container .head-top-handle{position:relative;height:60px;border-bottom:1px solid #ccc;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gantt-container .head-top-handle .export-img{position:absolute;right:20px;top:10px}.gantt-container .head-top-handle .left-tabs{padding-left:36px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gantt-container .head-top-handle .left-tabs .sp-label{color:#666;font-size:16px}.gantt-container .head-top-handle .left-tabs .sp-item{display:inline-block;padding:8px 22px;font-size:16px;color:#333;border-radius:5px;margin-left:10px;cursor:pointer}.gantt-container .head-top-handle .left-tabs .active{color:#fff;background:#295ae5}.gantt-container .head-top-handle .right-select{margin-left:630px;color:#666;font-size:16px}.gantt-container .gantt-view{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:calc(100% - 60px);background:#fff}.gantt-container .left-project{width:180px;height:100%;background:#fff}.gantt-container .left-project .project-head{height:80px;position:relative;-webkit-box-shadow:0 2px 3px 0 rgba(0,57,111,.24);box-shadow:0 2px 3px 0 rgba(0,57,111,.24);z-index:200;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gantt-container .left-project .project-view{height:calc(100% - 80px);overflow:auto;position:relative;z-index:180;background:#fff}.gantt-container .left-project .project-view .item-project{height:135px;padding:0 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}.gantt-container .left-project .project-view .p-name{color:#333;font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.gantt-container .left-project .project-view .school-name{color:#666;margin-top:15px}.gantt-container .left-project .moon-box{width:50px;height:50px;color:#fff;font-size:16px;background:#295ae5;border-radius:50%;text-align:center;line-height:50px}.gantt-container .right-gantt{width:calc(100% - 180px);height:100%;overflow-x:auto;background:#fff}.gantt-container .gantt-box{height:calc(100% - 80px);overflow-y:auto;overflow-x:hidden;padding:0 18px}.gantt-container .gantt-chart{overflow:hidden}.gantt-container .gantt-task{display:-webkit-box;display:-ms-flexbox;display:flex}.gantt-container .item-task{position:relative;-ms-flex-negative:0;flex-shrink:0;height:45px;width:42px;border-left:1px solid #edeff2;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.gantt-container .item-task:last-child{border-right:1px solid #edeff2}.gantt-container .start-head{position:absolute;width:63px;height:40px;text-align:center;line-height:40px;color:#fff;background:#295ae5;z-index:10;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gantt-container .start-text{padding-left:10px;text-align:left;left:63px;z-index:11}.gantt-container .stage-text,.gantt-container .start-text{position:absolute;top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-box-sizing:border-box;box-sizing:border-box}.gantt-container .stage-text{padding-left:33px;line-height:40px;z-index:120}.gantt-container .stage-text span{margin-right:10px}.gantt-container .sp-primary{color:#295ae5;z-index:100}.gantt-container .sp-success{color:#18d865;z-index:100}.gantt-container .sp-error{color:#e5293b;z-index:100}.gantt-container .sp-default{color:#999;z-index:100}.gantt-container .task-text{position:absolute;height:40px;width:42px;background:#d6def5;z-index:9}.gantt-container .stage{border-left:1px solid #295ae5}.gantt-container .planA .task-text{background:#d6def5}.gantt-container .planA .start-head{background:#295ae5}.gantt-container .planB .task-text{background:#fdf7eb}.gantt-container .planB .start-head{background:#ecba34}.gantt-container .planB .stage{border-left:1px solid #ecba34}.gantt-container .planC .task-text{background:#fdf7eb}.gantt-container .planC .start-head{background:#e85728}.gantt-container .planC .stage{border-left:1px solid #e85728}.gantt-container .gantt-calendar{padding:0 18px;display:inline-block;background:#fff;position:relative;-webkit-box-shadow:0 2px 3px 0 rgba(0,57,111,.24);box-shadow:0 2px 3px 0 rgba(0,57,111,.24);z-index:200}.gantt-container .calendar{position:relative;height:80px}.gantt-container .calendar,.gantt-container .calendar .calendar-week{display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gantt-container .calendar .calendar-week{-ms-flex-negative:0;flex-shrink:0;width:42px;height:100%;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around}.gantt-container .calendar .week-day,.gantt-container .calendar .week-str{color:#333;font-size:16px}.gantt-container .calendar .week-to-day{width:30px;height:30px;line-height:30px;color:#fff;background:#295ae5;border-radius:50%;text-align:center;cursor:pointer}.project-gantt{width:100%;height:100%}