.study_task{width:1200px;height:100%;background:#fff;margin:0 auto}.study_task .has_data{width:100%;height:100%}.study_task .has_data>.header{width:calc(100% - 60px);height:72px;padding:0 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd}.study_task .has_data>.header .filter{display:flex;color:#999}.study_task .has_data>.header .filter .filter_item{margin-right:40px}.study_task .has_data>.header .filter .filter_item .label{margin-right:10px}.study_task .has_data>.header .filter .filter_item .el-date-editor{width:280px}.study_task .has_data>.header .filter .filter_item .el-select{width:180px}.study_task .has_data>.header .el-button{width:100px;height:30px;line-height:30px;padding:0;font-size:12px;border-radius:15px}.study_task .has_data .task_list{padding:30px;box-sizing:content-box;width:calc(100% - 60px);height:calc(100% - 140px);overflow-y:auto}.study_task .has_data .task_list .task_item{border-bottom:1px solid #ddd;margin-bottom:30px;padding-bottom:30px;display:flex;align-items:center;justify-content:space-between;color:#999;cursor:pointer}.study_task .has_data .task_list .task_item .infos div span{display:inline-block}.study_task .has_data .task_list .task_item .infos div:first-child{margin-bottom:15px}.study_task .has_data .task_list .task_item .infos div:first-child .yet{border:1px solid #e99c17;color:#e99c17}.study_task .has_data .task_list .task_item .infos div:first-child .ing{border:1px solid #43b498;color:#43b498}.study_task .has_data .task_list .task_item .infos div:first-child .end{border:1px solid #e95050;color:#e95050}.study_task .has_data .task_list .task_item .infos div:first-child .state{-webkit-text-size-adjust:none;width:48px;height:20px;line-height:20px;text-align:center;margin-right:10px;font-size:12px;border-radius:10px}.study_task .has_data .task_list .task_item .infos div:first-child .course_name{color:#333;font-weight:700;font-size:16px}.study_task .has_data .task_list .task_item .infos div:nth-child(2){font-size:12px;margin-bottom:20px}.study_task .has_data .task_list .task_item .infos div:nth-child(2) .create_time,.study_task .has_data .task_list .task_item .infos div:nth-child(2) .setdown_cls{margin-right:60px}.study_task .has_data .task_list .task_item .infos div:nth-child(2) .task_content{margin-right:10px}.study_task .has_data .task_list .task_item .infos div:nth-child(2) .content_type{height:14px;line-height:14px;text-align:center;font-size:12px;color:#43b498;background:rgba(67,180,152,.1);padding:0 5px}.study_task .has_data .task_list .task_item .infos div:nth-child(3){font-size:12px}.study_task .has_data .task_list .task_item .infos div:nth-child(3) i{margin-right:10px}.study_task .has_data .task_list .task_item .del{font-size:16px;cursor:pointer}.study_task .has_data .task_list .task_item .del i:hover{color:#43b498}.study_task .has_data .task_list .task_item .schedule{text-align:right}.study_task .has_data .task_list .task_item .schedule div:first-child{font-size:24px;color:#333;margin-bottom:5px}.study_task .has_data .task_list .task_item .schedule div:nth-child(2){color:#666;font-size:12px}.study_task .has_data .task_list .task_item:last-child{margin-bottom:0}.study_task .guide{width:1200px;height:100%;margin:0 auto;background:#fff}.study_task .learnTaskForm .el-form-item{margin-bottom:30px}.study_task .learnTaskForm .el-form-item .el-form-item__content{width:520px}.study_task .learnTaskForm .el-form-item .el-form-item__content .el-textarea .el-textarea__inner{resize:none;height:100px}.study_task .learnTaskForm .el-form-item .el-form-item__content .el-select{width:520px}