.box[data-v-df6599b8]{width:100%}.box .number-box[data-v-df6599b8]{width:100%;padding:30px 30px 30px 25px;box-sizing:border-box;display:grid;grid-row-gap:30px;grid-column-gap:22px;grid-template-columns:repeat(5,minmax(0,1fr))}.box .number-box .practice[data-v-df6599b8]{border:1px solid #c1c4cb;color:#999}.box .number-box .practice.completed[data-v-df6599b8]{border:1px solid #e1a500;background-color:#e1a500;color:#fff}.box .number-box .practice.active[data-v-df6599b8]{border:1px solid #e1a500;background-color:rgba(225,165,0,.1);color:#e1a500}.box .number-box .collection[data-v-df6599b8]{border:1px solid #c1c4cb;color:#999}.box .number-box .collection.completed[data-v-df6599b8]{border:1px solid #3ca7fa;background-color:#3ca7fa;color:#fff}.box .number-box .collection.active[data-v-df6599b8]{border:1px solid #3ca7fa;background-color:rgba(60,167,250,.1);color:#3ca7fa}.box .number-box .wrongbook[data-v-df6599b8]{border:1px solid #c1c4cb;color:#999}.box .number-box .wrongbook.completed[data-v-df6599b8]{border:1px solid #3ca7fa;background-color:#3ca7fa;color:#fff}.box .number-box .wrongbook.active[data-v-df6599b8]{border:1px solid #3ca7fa;background-color:rgba(60,167,250,.1);color:#3ca7fa}.box .number-box .num[data-v-df6599b8]{width:38px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center}.box .number-box .num[data-v-df6599b8]:hover{opacity:.8}.box .number-box2[data-v-df6599b8]{width:100%;padding:30px;box-sizing:border-box;display:grid;gap:23px;grid-template-columns:repeat(4,minmax(0,1fr))}.box .number-box2 .practice[data-v-df6599b8]{border:1px solid #c1c4cb;color:#999}.box .number-box2 .practice.completed[data-v-df6599b8]{border:1px solid #e1a500;background-color:#e1a500;color:#fff}.box .number-box2 .practice.active[data-v-df6599b8]{border:1px solid #e1a500;background-color:rgba(225,165,0,.1);color:#e1a500}.box .number-box2 .collection[data-v-df6599b8]{border:1px solid #c1c4cb;color:#999}.box .number-box2 .collection.completed[data-v-df6599b8]{border:1px solid #9355de;background-color:#9355de;color:#fff}.box .number-box2 .collection.active[data-v-df6599b8]{border:1px solid #9355de;background-color:rgba(147,85,222,.1);color:#9355de}.box .number-box2 .wrongbook[data-v-df6599b8]{border:1px solid #c1c4cb;color:#999}.box .number-box2 .wrongbook.completed[data-v-df6599b8]{border:1px solid #ff4d4f;background-color:#ff4d4f;color:#fff}.box .number-box2 .wrongbook.active[data-v-df6599b8]{border:1px solid #ff4d4f;background-color:rgba(255,77,79,.1);color:#ff4d4f}.box .number-box2 .num[data-v-df6599b8]{width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.box .number-box2 .num[data-v-df6599b8]:hover{opacity:.8}@keyframes el-skeleton-loading-40f33c5e{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton[data-v-40f33c5e]{width:100%;height:260px;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;padding:30px;background-color:#fff}.skeleton .title[data-v-40f33c5e]{width:200px;height:18px}.skeleton .item[data-v-40f33c5e],.skeleton .title[data-v-40f33c5e]{box-sizing:border-box;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:el-skeleton-loading-40f33c5e 1.4s ease infinite}.skeleton .item[data-v-40f33c5e]{width:100%;height:16px;margin-top:30px;margin-bottom:30px}.skeleton .text[data-v-40f33c5e]{width:100%;height:16px;margin-bottom:30px;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:el-skeleton-loading-40f33c5e 1.4s ease infinite}.content[data-v-4820ff91]{width:100%;height:100%}.content .navheader[data-v-4820ff91]{position:sticky;top:0;z-index:20;width:100%;height:70px;background:#fff}.content .navheader .top[data-v-4820ff91]{width:1200px;height:70px;margin:0 auto;font-size:16px;font-weight:500;color:#333;line-height:16px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.content .navheader .top .left-top[data-v-4820ff91]{height:70px;display:flex;align-items:center;flex-direction:row;cursor:pointer}.content .navheader .top .left-top .icon-back[data-v-4820ff91]{width:24px;height:24px;margin-right:10px}.content .navheader .top .right-top[data-v-4820ff91]{height:70px;display:flex;flex-direction:row;align-items:center}.content .navheader .top .right-top .prev-button[data-v-4820ff91]{margin-right:30px}.content .navheader .top .right-top .next-button[data-v-4820ff91],.content .navheader .top .right-top .prev-button[data-v-4820ff91]{width:84px;height:40px;background:#3ca7fa;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:400;color:#fff}.content .project-box[data-v-4820ff91]{display:flex;width:1200px;margin:0 auto;margin-top:30px;margin-bottom:150px;position:relative}.content .project-box .countdown[data-v-4820ff91]{position:fixed;top:100px;margin-left:900px;border-bottom:5px solid #f4fafe;width:300px;background:#fff;border-radius:8px;padding-top:20px;height:80px}.content .project-box .countdown .font-set[data-v-4820ff91]{display:flex;justify-content:center}.content .project-box .countdown .font-set .pull-left[data-v-4820ff91]{float:left;margin-right:20px}.content .project-box .countdown .font-set .pull-right[data-v-4820ff91]{float:right}.content .project-box .countdown .font-set .pull-right .size1[data-v-4820ff91]{font-size:14px}.content .project-box .countdown .font-set .pull-right .size2[data-v-4820ff91]{font-size:16px}.content .project-box .countdown .font-set .pull-right .size3[data-v-4820ff91]{font-size:20px}.content .project-box .countdown .font-set .pull-right .select-size[data-v-4820ff91]{color:#3ca7fa}.content .project-box .countdown .font-set .pull-right span[data-v-4820ff91]{margin-left:20px}.content .project-box .right-box[data-v-4820ff91]{position:fixed;top:190px;width:300px;display:flex;flex-direction:column;height:500px;float:left;background:#fff;border-radius:8px;margin-left:900px;overflow-y:auto;bottom:0}.content .project-box .left-box[data-v-4820ff91]{width:870px;min-height:500px;height:auto;float:left;position:relative}.content .project-box .left-box .practice-join-box[data-v-4820ff91]{width:870px;height:auto;float:left;border-radius:8px;background:#fff}.content .project-box .left-box .delete-icon[data-v-4820ff91]{position:absolute;display:flex;width:auto;height:24px;cursor:pointer;right:30px;top:30px;z-index:10;font-size:14px;font-weight:400;color:#666;line-height:24px}.content .project-box .left-box .delete-icon strong[data-v-4820ff91]{color:#ffc53d}.content .project-box .left-box .delete-icon img[data-v-4820ff91]{width:24px;height:24px;margin-right:10px}.content .project-box .left-box .buttons-box[data-v-4820ff91]{width:100%;height:auto;float:left;padding:30px;box-sizing:border-box;display:flex;flex-direction:row;align-items:center}.content .project-box .left-box .buttons-box .see-answer[data-v-4820ff91]{width:104px;height:40px;background:#ff4d4f;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;font-weight:400;color:#fff}