.custom-calendar[data-v-09405c99]{width:528px;height:520px;padding:40px;background:#eef2f6;opacity:1;border-radius:20px}.custom-calendar-head[data-v-09405c99]{display:flex;justify-content:space-between}.custom-calendar-head .date-box[data-v-09405c99]{display:flex;align-items:flex-end}.custom-calendar-head .date-box .arrow[data-v-09405c99]{width:30px;height:30px;cursor:pointer;font-size:30px;color:#afafaf}.custom-calendar-head .date-box .year[data-v-09405c99]{font-size:26px;font-weight:700}.custom-calendar-head .date-box .month[data-v-09405c99]{width:48px;font-size:40px;font-weight:700;text-align:center;position:relative;top:5px}.custom-calendar-head .today[data-v-09405c99]{width:80px;height:40px;line-height:40px;text-align:center;cursor:pointer;background:rgba(var(--themecolor),.8);box-shadow:0 2px 4px rgba(var(--themecolor),.2);border-radius:5px;color:#fff}.custom-calendar .week[data-v-09405c99]{display:flex;padding-bottom:10px;margin:20px 0 10px;border-bottom:1px solid #d0d0d0}.custom-calendar .week-item[data-v-09405c99]{width:14.28571%;text-align:center;color:silver}.custom-calendar .calendar[data-v-09405c99]{display:flex;flex-wrap:wrap}.custom-calendar .calendar-item[data-v-09405c99]{width:14.28571%;height:60px;text-align:center;font-weight:700;display:flex;align-items:center}.custom-calendar .calendar-item .border-item[data-v-09405c99]{width:48px;height:50px;line-height:2.5;margin:auto;display:flex;align-items:center}.custom-calendar .calendar-item .border-item .background-item[data-v-09405c99]{width:33px;height:33px;line-height:2;margin:auto;cursor:pointer;border-radius:50%;position:relative}.custom-calendar .calendar-item .border-item .background-item .icon-item[data-v-09405c99]{width:16px;height:16px;background:#fff;border-radius:50%;border:1px solid rgba(var(--themecolor),.7);opacity:1;position:absolute;top:-10px;right:-10px;font-size:10px;text-align:center;line-height:16px;color:#666;overflow:hidden}.custom-calendar .calendar-item .border-item .selected-background-item[data-v-09405c99]{color:#fff;background-color:rgba(var(--themecolor),.7)}.custom-popup .title[data-v-7d39ceef]{text-align:center;font-weight:700;position:relative}.custom-popup .title i.el-icon-close[data-v-7d39ceef]{color:#f56c6c;cursor:pointer;position:absolute;right:0;top:0}.custom-popup .dialog-main[data-v-7d39ceef]{height:calc(58.61vh - 70px);min-height:350px}.custom-popup .dialog-main .level[data-v-7d39ceef]{width:80%;margin:20px auto 0;display:flex;justify-content:space-between}.custom-popup .dialog-main .level-item[data-v-7d39ceef]{text-align:center;cursor:pointer;opacity:.6}.custom-popup .dialog-main .level-item-name[data-v-7d39ceef]{margin:5px 0;font-size:20px}.custom-popup .dialog-main .level-item-image[data-v-7d39ceef]{width:60px}.custom-popup .dialog-main .level .activate-level[data-v-7d39ceef]{opacity:1}.custom-popup .dialog-main[data-v-7d39ceef] .el-textarea__inner{background-color:#f8f8f8}.custom-popup .footer[data-v-7d39ceef]{text-align:center}.custom-popup .dialog-main .el-textarea__inner:focus,.custom-popup .dialog-main .el-textarea__inner:hover{border:1px solid #bdbcbc}.learning-main[data-v-4aadcbc1]{width:1300px;margin:40px auto;display:flex;justify-content:space-between}.learning-main .left[data-v-4aadcbc1]{width:50%;height:78vh;min-height:600px;border-radius:20px;background-color:#eef2f6;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.learning-main .left-head[data-v-4aadcbc1]{width:calc(100% - 40px);padding-bottom:32px;margin:30px auto 0;display:flex;justify-content:space-between}.learning-main .left-head .name[data-v-4aadcbc1]{color:#31415e;font-size:34px;font-weight:700}.learning-main .left-head .add-button[data-v-4aadcbc1]{width:112px;height:48px;line-height:48px;background:rgba(var(--themecolor),.8);box-shadow:0 10px 20px rgba(var(--themecolor),.2);border-radius:5px;color:#fff;text-align:center;cursor:pointer}.learning-main .left-main[data-v-4aadcbc1]{height:calc(100% - 150px);background-color:rgba(49,65,94,.04)}.learning-main .left-main .operatescroll[data-v-4aadcbc1]{height:100%}.learning-main .left-main[data-v-4aadcbc1]::-webkit-scrollbar{width:10px}.learning-main .left-main[data-v-4aadcbc1]::-webkit-scrollbar-thumb{border-radius:5px;background-color:#dcdada;box-shadow:0 0 5px #e2dcdc}.learning-main .left-main .event-item[data-v-4aadcbc1]:last-child{margin-bottom:30px}.learning-main .left-main .event-item[data-v-4aadcbc1]{margin:60px 20px 0;position:relative}.learning-main .left-main .event-item .operate[data-v-4aadcbc1]{border-radius:8px 8px 0 0;background-color:#fff;box-shadow:0 4px 5px rgba(var(--themecolor),.1);display:flex;position:absolute;top:-6px;right:0;transform:translateY(-40px);z-index:1;padding:0 5px}.learning-main .left-main .event-item .operate .operate-item[data-v-4aadcbc1]{cursor:pointer;width:32px;height:32px;line-height:32px;text-align:center;background-color:#f8eaea;margin:7px 5px;border-radius:5px;color:#888;font-size:16px;transition:all .2s;-webkit-transition:all .2s}.learning-main .left-main .event-item .operate .operate-item[data-v-4aadcbc1]:hover{color:#fff;background-color:rgba(var(--themecolor),.7);font-size:18px}.learning-main .left-main .event-item .event-box.on .event-text[data-v-4aadcbc1]{border-radius:8px 0 0 0}.learning-main .left-main .event-item .event-box.on i.on[data-v-4aadcbc1]{display:block;width:40px;height:40px;position:absolute;top:-35px;left:20px;z-index:5;font-size:40px;color:rgba(var(--themecolor),1)}.learning-main .left-main .event-item .event-box.no .event-text[data-v-4aadcbc1]{border-radius:8px 0 8px 8px}.learning-main .left-main .event-item .event-box.no i.no[data-v-4aadcbc1]{display:block;width:40px;height:40px;position:absolute;top:-32px;left:20px;z-index:5;font-size:34px;color:#b1b1b1}.learning-main .left-main .event-item .event-box[data-v-4aadcbc1]{position:relative;z-index:2}.learning-main .left-main .event-item .event-box i[data-v-4aadcbc1]{display:none}.learning-main .left-main .event-item .event-box .event-text[data-v-4aadcbc1]{min-height:108px;line-height:1.5;padding:16px;font-size:14px;background-color:#fff;box-shadow:0 4px 10px rgba(49,65,94,.1);position:relative;z-index:2}.learning-main .left-main .event-item .comment[data-v-4aadcbc1]{padding:15px 20px;font-size:14px;box-shadow:0 4px 10px rgba(49,49,49,.1);border-radius:0 0 8px 8px;background:#f7efef;position:relative;top:0}.learning-main .left-main .event-item .comment .info .txt[data-v-4aadcbc1]{width:calc(100% - 200px);color:#666;font-size:14px;line-height:20px;float:left}.learning-main .left-main .event-item .comment .info .level[data-v-4aadcbc1]{width:200px;float:right;text-align:right;color:#666;font-size:13px}.learning-main .left-main .event-item .comment .info .level .ibox[data-v-4aadcbc1]{display:inline-block;margin-right:50px}.learning-main .left-main .event-item .comment .info .level .ibox img[data-v-4aadcbc1]{display:inline-block;width:26px;margin-right:5px}.learning-main .left-bottom[data-v-4aadcbc1]{height:0}.el-button:focus,.el-button:hover{color:rgba(var(--themecolor),.8);border-color:#ddd}.el-button--primary:focus{background:rgba(var(--themecolor),.8);border-color:rgba(var(--themecolor),.8);color:#fff}.el-button--primary:hover{background:rgba(var(--themecolor),1);border-color:rgba(var(--themecolor),1);color:#fff}.el-button--primary{background:rgba(var(--themecolor),.8);border-color:rgba(var(--themecolor),.8)}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:rgba(var(--themecolor),1)}.learning-plan .learning-main .left-main .el-scrollbar__wrap{overflow-x:hidden}