.projectFrame[data-v-75d8f1b6]{background:#f2f4f8}.projectFrame .bannerFrame[data-v-75d8f1b6]{width:100%;height:360px;position:relative}.projectFrame .bannerFrame img[data-v-75d8f1b6]{width:1920px;height:360px;position:absolute;margin:0 auto}.details[data-v-75d8f1b6]{width:1180px;margin:0 auto;min-height:780px}.details .title[data-v-75d8f1b6]{width:880px;text-align:center;padding:50px 0 17px;font-size:22px;letter-spacing:0;color:#343a3f;font-weight:700;display:flex;justify-content:center}.details .title span.medals[data-v-75d8f1b6]{position:relative}.details .title span.medals img[data-v-75d8f1b6]{position:absolute;top:-15px}.details .time[data-v-75d8f1b6]{font-size:14px;letter-spacing:1px;color:#878d96;text-align:center;width:880px}.details .projectBox[data-v-75d8f1b6]{display:flex;justify-content:space-between;width:100%;margin-top:30px;margin-bottom:100px}.details .projectBox .infos[data-v-75d8f1b6]{width:280px}.details .projectBox .ranks[data-v-75d8f1b6]{width:280px;background-color:#fff;box-shadow:0 2px 20px 0 hsla(0,0%,80.8%,.4);border-radius:2px;padding:20px}.details .projectBox .ranks>b[data-v-75d8f1b6]{display:flex;margin-top:14px;position:relative;z-index:1}.details .projectBox .ranks>b[data-v-75d8f1b6]:before{content:"";position:absolute;width:3px;height:16px;left:-20px;top:4px;background:#0f62fe;z-index:-1}.details .projectBox .ranks>b span[data-v-75d8f1b6]{width:80px;font-size:16px;letter-spacing:1px;color:#878d96;font-weight:400}.details .projectBox .ranks>b i[data-v-75d8f1b6]{font-size:16px;font-style:normal;font-weight:400;color:#333;-ms-grid-row-align:center;align-self:center}.details .projectBox .ranks>b[data-v-75d8f1b6]:first-child{margin-top:0}.details .projectBox .users[data-v-75d8f1b6]{margin-top:10px;background:#fff;box-shadow:0 2px 20px 0 hsla(0,0%,80.8%,.4);border-radius:2px;padding:20px}.details .projectBox .users>b[data-v-75d8f1b6]{position:relative;font-size:18px;font-weight:400;color:#697077;display:block;margin-bottom:10px}.details .projectBox .users>b>span[data-v-75d8f1b6]{position:absolute;display:flex;width:3px;height:18px;left:-20px;top:4px;background:#0f62fe;z-index:1}.details .projectBox .users>span[data-v-75d8f1b6]{padding:13px 0;border-bottom:1px solid #f2f2f3;width:100%;display:block}.details .projectBox .users>span[data-v-75d8f1b6]:last-of-type{border-bottom:none}.details .projectBox .users>span .user-teacher[data-v-75d8f1b6]{position:relative;font-size:18px;font-weight:400;color:#697077;display:block;margin-bottom:10px}.details .projectBox .users>span .user-teacher span[data-v-75d8f1b6]{position:absolute;display:flex;width:3px;height:18px;left:-20px;top:4px;background:#0f62fe;z-index:1}.details .projectBox .users>span>b[data-v-75d8f1b6]{display:block;font-size:16px;color:#333;margin-bottom:12px}.details .projectBox .users>span>span[data-v-75d8f1b6]{letter-spacing:1px;color:#878d96;font-size:16px}.details .projectBox .articleContent[data-v-75d8f1b6]{width:880px;background-color:#fff;box-shadow:0 2px 20px 0 hsla(0,0%,80.8%,.4);border-radius:2px;padding:20px 40px;color:#343a3f}.details .projectBox .articleContent .contentBlock[data-v-75d8f1b6]{margin-bottom:20px}.details .projectBox .articleContent .contentBlock .stepLine[data-v-75d8f1b6]{position:relative;border-radius:0;cursor:pointer;background:#fff;margin:0;display:flex;line-height:47px;padding:0 10px;overflow:hidden;border:none;font-size:18px}.details .projectBox .articleContent .contentBlock .stepLine b[data-v-75d8f1b6]{font-size:20px;-ms-grid-row-align:center;margin-right:10px;position:relative;z-index:1;flex-shrink:0;height:51px}.details .projectBox .articleContent .contentBlock .stepLine b[data-v-75d8f1b6]:before{position:absolute;width:100%;height:3px;background:#0f62fe;content:"";bottom:6px;z-index:-1}.details .projectBox .articleContent .contentBlock .stepLine span[data-v-75d8f1b6]{line-height:30px;padding-top:9px}.details .projectBox .articleContent .contentBlock .textArea[data-v-75d8f1b6]{font-size:16px;line-height:20px}.details .projectBox .articleContent .contentBlock .textArea p[data-v-75d8f1b6]{font-size:16px;margin-bottom:20px}.details .projectBox .articleContent .contentBlock .textArea h3[data-v-75d8f1b6]{font-size:20px;margin-bottom:20px}.details .projectBox .articleContent .contentBlock .textArea h4[data-v-75d8f1b6]{font-size:18px;margin-bottom:20px}.details .projectBox .articleContent .contentBlock .textArea h5[data-v-75d8f1b6]{font-size:16px;margin-bottom:20px}.details .projectBox .articleContent .contentBlock .imageBox[data-v-75d8f1b6]{background:#fff}.details .projectBox .articleContent .contentBlock .imageBox .uploadImage[data-v-75d8f1b6]{padding:0;position:relative}.details .projectBox .articleContent .contentBlock .imageBox .uploadImage .moveArea[data-v-75d8f1b6]{position:absolute;top:17px;right:17px;width:30px;height:30px;z-index:1;cursor:-webkit-grabbing}.details .projectBox .articleContent .contentBlock .imageBox .uploadImage .upload[data-v-75d8f1b6]{margin:0 auto;width:50%;height:230px;text-align:center;border-radius:5px;cursor:pointer;position:relative;background:#eee;border:1px solid #eee}.details .projectBox .articleContent .contentBlock .imageBox .uploadImage .upload span[data-v-75d8f1b6]{display:block}.details .projectBox .articleContent .contentBlock .imageBox .uploadImage .upload span i[data-v-75d8f1b6]{display:block;font-size:150px;padding:13px 0 0;color:#999}.details .projectBox .articleContent .contentBlock .imageBox .uploadImage .upload span b[data-v-75d8f1b6]{display:block;color:#999;font-size:15px;font-weight:400}.details .projectBox .articleContent .contentBlock .imageBox .uploadImage .fileBox[data-v-75d8f1b6]{width:100%;height:230px;position:absolute;top:0;left:0;cursor:pointer;opacity:0}.details .projectBox .articleContent .contentBlock .imageBox .uploadImage .thumb[data-v-75d8f1b6],.details .projectBox .articleContent .contentBlock .imageBox .uploadImage .thumburl[data-v-75d8f1b6]{position:absolute;top:0;left:0}.details .projectBox .articleContent .contentBlock .imageBox .addBtn[data-v-75d8f1b6]{margin:0 auto;width:400px;padding:15px 0}.details .projectBox .articleContent .contentBlock .imageBox .addBtn button[data-v-75d8f1b6]{height:30px;width:400px}.details .projectBox .articleContent .contentBlock .imageBox .imageBlock[data-v-75d8f1b6]{position:relative;text-align:center;cursor:-webkit-grabbing}.details .projectBox .articleContent .contentBlock .imageBox .imageBlock img[data-v-75d8f1b6]{max-width:100%;border-radius:5px}.details .projectBox .articleContent .contentBlock .videoBox[data-v-75d8f1b6]{background:#fff;display:flex;justify-content:center}.details .projectBox .articleContent .contentBlock .hardwareList[data-v-75d8f1b6]{position:relative;border:none;background:#fff;padding:0}.details .projectBox .articleContent .contentBlock .hardwareList .titFrame[data-v-75d8f1b6]{font-size:18px;line-height:30px;display:block;height:30px;margin-bottom:10px}.details .projectBox .articleContent .contentBlock .hardwareList .titFrame b[data-v-75d8f1b6]{display:block;position:absolute;z-index:1}.details .projectBox .articleContent .contentBlock .hardwareList .titFrame i[data-v-75d8f1b6]{display:block;font-style:normal;font-weight:700;opacity:0}.details .projectBox .articleContent .contentBlock .hardwareList .titFrame span[data-v-75d8f1b6]{display:none;position:absolute;height:9px;background:#0f62fe;width:100%;bottom:9px;opacity:1}.details .projectBox .articleContent .contentBlock .hardwareList .list[data-v-75d8f1b6]{margin:0}.details .projectBox .articleContent .contentBlock .hardwareList .list .li[data-v-75d8f1b6]{position:relative;padding:0;margin:10px 0 0}.details .projectBox .articleContent .contentBlock .hardwareList .list .li .liFrame[data-v-75d8f1b6]{height:46px;width:100%;display:flex;background:#eee;font-size:16px}.details .projectBox .articleContent .contentBlock .hardwareList .list .li .liFrame .num[data-v-75d8f1b6]{width:100px;height:46px;line-height:46px;overflow:hidden;display:flex;font-size:16px}.details .projectBox .articleContent .contentBlock .hardwareList .list .li .liFrame .num span[data-v-75d8f1b6]{border-left:5px solid #0f62fe;width:10px;height:46px}.details .projectBox .articleContent .contentBlock .hardwareList .list .li .liFrame .num b[data-v-75d8f1b6]{font-weight:400}.details .projectBox .articleContent .contentBlock .hardwareList .list .li .liFrame .productName[data-v-75d8f1b6]{float:left;width:1130px;height:46px;line-height:46px;overflow:hidden;margin-right:10px;font-size:16px}.details .projectBox .articleContent .contentBlock .hardwareList .list .li .liFrame .productLink[data-v-75d8f1b6]{width:100px;height:46px;line-height:46px;overflow:hidden;margin-right:0;font-size:16px}.details .projectBox .articleContent .contentBlock .codeArea[data-v-75d8f1b6]{background:#fff;border:none}.details .projectBox .articleContent .contentBlock .codeArea .titFrame[data-v-75d8f1b6]{font-size:18px;line-height:30px;display:block;height:30px;margin-bottom:10px}.details .projectBox .articleContent .contentBlock .codeArea .con[data-v-75d8f1b6]{position:relative;width:100%}.details .projectBox .articleContent .contentBlock .codeArea .con pre[data-v-75d8f1b6]{border-left:5px solid #0f62fe;overflow-y:scroll;height:300px;padding:10px;background:#eee;font-size:16px}.details .projectBox .articleContent .contentBlock .downloadFile[data-v-75d8f1b6]{margin-bottom:20px}.details .projectBox .articleContent .contentBlock .downloadFile .titFrame[data-v-75d8f1b6]{font-size:18px;line-height:30px;display:block;height:30px;margin-bottom:10px}.details .projectBox .articleContent .contentBlock .downloadFile .fileBox[data-v-75d8f1b6]{display:flex;justify-content:space-between}.details .projectBox .articleContent .contentBlock .downloadFile .fileBox .info[data-v-75d8f1b6]{display:flex}.details .projectBox .articleContent .contentBlock .downloadFile .fileBox .info img[data-v-75d8f1b6]{margin-right:10px}.details .projectBox .articleContent .contentBlock .downloadFile .fileBox .info>b[data-v-75d8f1b6]{display:block}.details .projectBox .articleContent .contentBlock .downloadFile .fileBox .info>b>b[data-v-75d8f1b6]{display:block;font-size:18px;font-weight:400}.details .projectBox .articleContent .contentBlock .downloadFile .fileBox .info>b>span[data-v-75d8f1b6]{font-size:14px;font-weight:400}.details .projectBox .articleContent .contentBlock .downloadFile .fileBox a[data-v-75d8f1b6]{width:80px;height:35px;background:#4589ff;color:#fff;line-height:35px;-ms-grid-row-align:center;align-self:center;text-align:center;border-radius:3px;font-size:16px}