.clearfix[data-v-5c577c1e]{clear:both}.content[data-v-5c577c1e]{width:100%;height:100%}.content .navheader[data-v-5c577c1e]{position:sticky;top:0;z-index:20;width:100%;height:70px;background:#fff}.content .navheader .top[data-v-5c577c1e]{width:100%;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-5c577c1e]{height:70px;display:flex;align-items:center;flex-direction:row;cursor:pointer}.content .navheader .top .left-top .icon-back[data-v-5c577c1e]{width:24px;height:24px;margin-right:10px}.content .navheader .top .right-top[data-v-5c577c1e]{height:70px;display:flex;flex-direction:row;align-items:center}.content .navheader .top .right-top .prev-button[data-v-5c577c1e]{margin-right:30px}.content .navheader .top .right-top .next-button[data-v-5c577c1e],.content .navheader .top .right-top .prev-button[data-v-5c577c1e]{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-5c577c1e]{width:100%;margin:0 auto;margin-bottom:60px;position:relative;display:inline-block}.content .project-box .mask[data-v-5c577c1e]{width:100%;left:0;top:0;height:100%;position:fixed;background:rgba(0,0,0,.6);z-index:9999}.content .project-box .mask .left-box[data-v-5c577c1e]{position:absolute;bottom:0;width:100%;display:flex;flex-direction:column;height:500px;float:left;background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;overflow-y:auto;z-index:999}.content .project-box .mask .left-box .box[data-v-5c577c1e]{margin-bottom:50px}.content .project-box .mask .left-box .buttons-box[data-v-5c577c1e]{width:90%;height:auto;float:left;padding:10px 0;position:fixed;bottom:0;box-sizing:border-box;display:flex;flex-direction:row;margin:0 auto;align-items:center;left:5%}.content .project-box .mask .left-box .buttons-box .see-answer[data-v-5c577c1e]{height:40px;width:100%;background:#3ca7fa;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;font-weight:400;color:#fff}.content .project-box .right-box[data-v-5c577c1e]{width:100%;min-height:500px;height:auto;float:left;position:relative}.content .project-box .right-box .practice-join-box[data-v-5c577c1e]{width:100%;height:auto;float:left;border-radius:8px;background:#fff}.content .project-box .right-box .delete-icon[data-v-5c577c1e]{display:flex;width:33%;height:24px;cursor:pointer;z-index:10;font-size:14px;font-weight:400;margin:0 auto;color:#666;line-height:24px}.content .project-box .right-box .delete-icon strong[data-v-5c577c1e]{color:#ffc53d}.content .project-box .right-box .delete-icon img[data-v-5c577c1e]{width:24px;height:24px;margin-right:10px}.content .project-box .right-box .note-icon[data-v-5c577c1e]{display:flex;width:33%;height:24px;cursor:pointer;z-index:10;font-size:14px;margin:0 auto;font-weight:400;color:#666;line-height:24px}.content .project-box .right-box .note-icon strong[data-v-5c577c1e]{color:#ffc53d}.content .project-box .right-box .note-icon img[data-v-5c577c1e]{width:24px;height:24px;margin-right:10px}.content .project-box .right-box .answer-icon[data-v-5c577c1e]{display:flex;width:33%;height:24px;cursor:pointer;margin:0 auto;z-index:10;font-size:14px;font-weight:400;color:#666;line-height:24px}.content .project-box .right-box .answer-icon strong[data-v-5c577c1e]{color:#ffc53d}.content .project-box .right-box .answer-icon img[data-v-5c577c1e]{width:24px;height:24px;margin-right:10px}.content .project-box .right-box .buttons-box[data-v-5c577c1e]{width:33%;height:auto;float:left;padding:10px 0;box-sizing:border-box;display:flex;flex-direction:row;align-items:center}.content .project-box .right-box .buttons-box .see-answer[data-v-5c577c1e]{margin:0 10px;height:40px;width:90%;background:#3ca7fa;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;font-weight:400;color:#fff}.content .project-box .right-box .note-box[data-v-5c577c1e]{clear:both;background-color:#fff;margin-top:12px;border-radius:8px}.content .project-box .right-box .note-box textarea[data-v-5c577c1e]{width:99%;height:80px;border:none;outline:medium;margin:0 auto}.content .project-box .right-box .upload-wrap[data-v-5c577c1e]{margin-top:12px}.content .project-box .right-box .upload-wrap input[type=checkbox][data-v-5c577c1e]{font-size:12px;vertical-align:text-bottom;margin-bottom:2px;*margin-bottom:-2px}.content .project-box .right-box .upload-wrap span[data-v-5c577c1e]{font-size:14px;margin-left:4px}.content .project-box .right-box .upload-wrap .upload-note[data-v-5c577c1e]{width:100%;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;float:right;margin-top:10px}.content .project-box .right-box .center-box[data-v-5c577c1e]{align-items:center;margin-top:12px}.content .project-box .right-box .center-box .center-wrap[data-v-5c577c1e]{display:flex;flex-direction:row;margin:0 auto;width:200px}.content .project-box .right-box .center-box .center-wrap .prev-button[data-v-5c577c1e]{width:100px;height:40px;background:#f4fafe;color:#3ca7fa;border:1px solid #3ca7fa;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:400}.content .project-box .right-box .center-box .center-wrap .prev-button.active[data-v-5c577c1e]{background:#3ca7fa;border:1px solid #3ca7fa;color:#fff}.content .project-box .right-box .center-box .center-wrap .next-button[data-v-5c577c1e]{width:100px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:400;border:1px solid #3ca7fa;background:#f4fafe;color:#3ca7fa}.content .project-box .right-box .center-box .center-wrap .next-button.active[data-v-5c577c1e]{background:#3ca7fa;border:1px solid #3ca7fa;color:#fff}.content .project-box .right-box .note-list[data-v-5c577c1e]{margin-top:12px}.content .project-box .right-box .note-list .note-wrap[data-v-5c577c1e]{background-color:#fff;padding:5px;border-bottom:1px solid #f1f2f6}.content .project-box .right-box .note-list .note-wrap .note-content[data-v-5c577c1e]{font-size:14px}.content .project-box .right-box .note-list .note-wrap .note-time[data-v-5c577c1e]{font-size:12px;float:right}.content .project-box .right-box .note-list .note-wrap .delete-button[data-v-5c577c1e]{float:right;font-size:12px;margin-left:12px;color:#3ca7fa}.tabbar-box[data-v-5c577c1e]{position:fixed;bottom:0;left:0;right:0;z-index:999;width:100%;height:50px;padding-top:7px;display:flex;background-color:#fff;max-width:1000px;margin:0 auto;box-shadow:0 -2px 8px 0 hsla(0,0%,40%,.1)}.tabbar-box .tabbar-item[data-v-5c577c1e]{flex:1;text-align:center;color:#999}.tabbar-box .tabbar-item .icon[data-v-5c577c1e]{width:100%;height:24px;float:left;line-height:24px;margin-bottom:5px}.tabbar-box .tabbar-item .icon img[data-v-5c577c1e]{width:28px;height:28px}.tabbar-box .tabbar-item .name[data-v-5c577c1e]{width:100%;height:11px;float:left;font-size:11px;line-height:11px;font-weight:400;margin-top:4px}.hint-container[data-v-5c577c1e]{background-color:#fff}.hint-container .hint-box[data-v-5c577c1e]{display:flex;justify-content:center;align-items:center;text-align:center;position:fixed;font-size:14px;left:50%;transform:translate(-50%,-50%);bottom:20px;width:100%;background-color:#fff;z-index:9999999}.hint-container .hint-box .num[data-v-5c577c1e]{width:25px;height:25px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 20px;border:1px solid #999}.hint-container .hint-box .practice[data-v-5c577c1e]{border:1px solid #e1a500;background-color:#e1a500!important}.hint-container .hint-box .wrongbook[data-v-5c577c1e]{border:1px solid #c1c4cb;color:#999}.hint-container .hint-box .erro[data-v-5c577c1e]{color:#fff;background-color:tomato!important;border:none!important}.hint-container .hint-box .correct[data-v-5c577c1e]{color:#fff;background-color:#32cd32!important;border:none!important}