.top[data-v-3f7ff303]{height:64px;background-color:#fff;box-shadow:0 2px 7px hsla(0,0%,66.7%,.5)}.top .wrapper[data-v-3f7ff303]{width:1200px;margin:0 auto;display:flex;justify-content:space-between;height:64px}.top .wrapper .left[data-v-3f7ff303]{display:flex;align-items:center}.top .wrapper .left .logo[data-v-3f7ff303]{width:64px;cursor:pointer}.top .wrapper .left .gap-line[data-v-3f7ff303]{width:2px;height:20px;background-color:#000;opacity:.25;margin:0 20px}.top .wrapper .left .title[data-v-3f7ff303]{font-size:20px;color:#262626}.top .wrapper .right[data-v-3f7ff303]{display:flex;align-items:center;position:relative}.top .wrapper .right .avator[data-v-3f7ff303]{width:32px;height:32px;margin-right:16px;cursor:pointer}.top .wrapper .right .avator img[data-v-3f7ff303]{width:100%}.top .wrapper .right .userName span[data-v-3f7ff303]{font-size:16px;font-weight:400;color:#262626}.top .wrapper .right .dropdown[data-v-3f7ff303]{display:none;position:absolute;left:0;top:44px;width:90px;font-size:12px;color:#333}.top .wrapper .right .dropdown .tarnspant[data-v-3f7ff303]{height:12px}.top .wrapper .right .dropdown-wrapper[data-v-3f7ff303]{background:#fff;border-radius:2px}.top .wrapper .right .dropdown-wrapper div[data-v-3f7ff303]{display:flex;height:28px;align-items:center;justify-content:center;background-color:#fff}.top .wrapper .right .dropdown-wrapper div>img[data-v-3f7ff303]{width:14px;margin-right:4px}.top .wrapper .right .dropdown-wrapper div[data-v-3f7ff303]:hover{background:rgba(0,128,255,.05)}.top .wrapper .right .avator:hover .dropdown[data-v-3f7ff303]{display:block}.steps[data-v-a6ad4efa]{width:1200px;margin:20px auto 0;background:#fff;height:84px;justify-content:center}.steps .step-item[data-v-a6ad4efa],.steps[data-v-a6ad4efa]{display:flex;align-items:center}.steps .step-item .icon[data-v-a6ad4efa]{width:24px;height:24px;margin-right:4px}.steps .step-item .icon img[data-v-a6ad4efa]{width:100%}.steps .step-item .title[data-v-a6ad4efa]{font-size:20px;font-weight:500;color:#8c8c8c}.steps .step-item .gap-line[data-v-a6ad4efa]{width:80px;border-bottom:1px solid #d9d9d9;margin:0 8px}.steps .step-item.active .title[data-v-a6ad4efa]{font-weight:700;color:#000}.steps .step-item.active .gap-line[data-v-a6ad4efa]{border-bottom:1px solid #08f}.archives{height:100%;background-color:#eaeff8;display:flex;flex-direction:column}.archives .green{color:#0fb21d}.archives .red{color:#f41717}.archives .content{width:1200px;margin:16px auto 0;flex:1;background-color:#fff;overflow-y:auto;padding:36px 48px}.archives .content .title{position:relative;font-size:18px;font-weight:500;margin-bottom:16px;line-height:32px}.archives .content .title:after{content:"";display:block;width:2px;height:16px;position:absolute;left:-12px;top:8px;background-color:#08f}.archives .content .title>span{margin-left:10px;font-size:14px;color:#5a6066}.archives .content .archiveForm .el-form-item__label{color:#333}.archives .content .archiveForm .el-form-item__content{color:#606266}.archives .content .archiveForm .el-form-item__content>.el-input,.archives .content .archiveForm .el-form-item__content>.el-select{width:288px}.archives .footer{width:1200px;margin:20px auto 0;height:80px;background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.content[data-v-e3182514]{text-align:center}.content>i[data-v-e3182514]{color:#07c160;font-size:46px;margin-top:150px}.content .success-title[data-v-e3182514]{margin-top:8px;font-size:18px;font-weight:500;color:#333}.content .el-button[data-v-e3182514]{margin-top:24px}