.box[data-v-3a187e84]{width:100%;height:100%}.box .item[data-v-3a187e84]{width:100%;height:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:30px}.box .item[data-v-3a187e84]:last-child{margin-bottom:0}.box .item .left-item[data-v-3a187e84]{width:200px;height:120px;border-radius:4px;overflow:hidden;position:relative;margin-right:30px;background:#f0f0f8}.box .item .left-item .icon[data-v-3a187e84]{position:absolute;bottom:0;right:0;width:66px;height:30px;background:#ff4d4f;border-radius:4px 0 4px 0;font-size:14px;font-weight:400;color:#fff;line-height:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.box .item .right-item[data-v-3a187e84]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:120px;margin-right:30px}.box .item .right-item .item-title[data-v-3a187e84]{width:700px;height:auto;font-size:16px;font-weight:600;color:#333;line-height:16px;margin-top:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.box .item .right-item .item-progress[data-v-3a187e84]{width:30%;margin-top:20px}.box .item .right-item .item-info[data-v-3a187e84]{width:700px;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:20px}.box .item .right-item .item-info .item-text[data-v-3a187e84]{font-size:14px;font-weight:400;color:#666;line-height:14px;margin-right:30px}.box .item .right-item .item-info .item-text span[data-v-3a187e84]{color:#04c877}.box .item .right-item .item-info .item-progress[data-v-3a187e84]{font-size:14px;font-weight:400;color:#ff4d4f;line-height:14px;margin-right:30px}.box .item .button[data-v-3a187e84]{width:96px;height:44px;border-radius:4px;font-size:16px;font-weight:400;color:#3ca7fa;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:37px;cursor:pointer}.box .item .button[data-v-3a187e84]:hover{opacity:.8}.box .item .button.completed[data-v-3a187e84]{background:#f4fafe}.box .item .button.continue[data-v-3a187e84]{color:#fff;background:#3ca7fa}.box .item .button.detail[data-v-3a187e84]{color:#666;border:1px solid #ccc;margin-right:30px}.box[data-v-3a187e84] .el-progress-bar__innerText{color:#fff!important}.box[data-v-df4dc288]{width:100%;height:100%}.box .item[data-v-df4dc288]{width:100%;height:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:30px}.box .item[data-v-df4dc288]:last-child{margin-bottom:0}.box .item .left-item[data-v-df4dc288]{width:200px;height:120px;border-radius:4px;overflow:hidden;position:relative;margin-right:30px;background:#f0f0f8}.box .item .left-item .icon[data-v-df4dc288]{position:absolute;bottom:0;right:0;width:66px;height:30px;background:#ff4d4f;border-radius:4px 0 4px 0;font-size:14px;font-weight:400;color:#fff;line-height:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.box .item .right-item[data-v-df4dc288]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:120px;margin-right:30px}.box .item .right-item .item-title[data-v-df4dc288]{width:700px;height:auto;font-size:16px;font-weight:600;color:#333;line-height:16px;margin-top:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.box .item .right-item .item-progress[data-v-df4dc288]{width:30%;margin-top:20px}.box .item .right-item .item-info[data-v-df4dc288]{width:700px;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:20px}.box .item .right-item .item-info .date-section[data-v-df4dc288]{width:180px;height:24px;background:#f5f5f5;border-radius:12px}.box .item .right-item .item-info .date-section .date[data-v-df4dc288]{width:131px;height:14px;font-size:12px;font-weight:700;text-align:left;color:#999;line-height:14px}.box .item .right-item .item-info .item-text[data-v-df4dc288]{font-size:14px;font-weight:400;color:#666;line-height:14px;margin-right:30px}.box .item .right-item .item-info .item-text span[data-v-df4dc288]{color:#999;font-weight:700}.box .item .right-item .item-info .item-progress[data-v-df4dc288]{font-size:14px;font-weight:400;color:#ff4d4f;line-height:14px;margin-right:30px}.box .item .button[data-v-df4dc288]{width:96px;height:44px;border-radius:4px;font-size:16px;font-weight:400;color:#3ca7fa;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:37px;cursor:pointer}.box .item .button[data-v-df4dc288]:hover{opacity:.8}.box .item .button.completed[data-v-df4dc288]{background:#f4fafe}.box .item .button.continue[data-v-df4dc288]{color:#fff;background:#3ca7fa}.box .item .button.disabled[data-v-df4dc288]{color:#c5c8ce;background-color:#f7f7f7;border-color:#dcdee2}.box .item .button.detail[data-v-df4dc288]{color:#666;border:1px solid #ccc;margin-right:30px}.box[data-v-df4dc288] .el-progress-bar__innerText{color:#fff!important}@-webkit-keyframes el-skeleton-loading-4574ed39{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes el-skeleton-loading-4574ed39{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton[data-v-4574ed39]{float:left;height:auto;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.skeleton .item[data-v-4574ed39],.skeleton[data-v-4574ed39]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.skeleton .item[data-v-4574ed39]{height:120px;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;margin-bottom:30px}.skeleton .item[data-v-4574ed39]:last-child{margin-bottom:0}.skeleton .item .left-item[data-v-4574ed39]{width:160px;height:120px;border-radius:4px;margin-right:30px;background:-webkit-gradient(linear,left top,right top,color-stop(25%,#f2f2f2),color-stop(37%,#e6e6e6),color-stop(63%,#f2f2f2));background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;-webkit-animation:el-skeleton-loading-4574ed39 1.4s ease infinite;animation:el-skeleton-loading-4574ed39 1.4s ease infinite}.skeleton .item .right-item[data-v-4574ed39]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:120px;margin-right:30px}.skeleton .item .right-item .item-title[data-v-4574ed39]{height:16px;margin-top:30px}.skeleton .item .right-item .item-info[data-v-4574ed39],.skeleton .item .right-item .item-title[data-v-4574ed39]{width:816px;background:-webkit-gradient(linear,left top,right top,color-stop(25%,#f2f2f2),color-stop(37%,#e6e6e6),color-stop(63%,#f2f2f2));background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;-webkit-animation:el-skeleton-loading-4574ed39 1.4s ease infinite;animation:el-skeleton-loading-4574ed39 1.4s ease infinite}.skeleton .item .right-item .item-info[data-v-4574ed39]{height:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:35px}.skeleton .item .button[data-v-4574ed39]{width:96px;height:46px;border-radius:4px;margin-top:37px;background:-webkit-gradient(linear,left top,right top,color-stop(25%,#f2f2f2),color-stop(37%,#e6e6e6),color-stop(63%,#f2f2f2));background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;-webkit-animation:el-skeleton-loading-4574ed39 1.4s ease infinite;animation:el-skeleton-loading-4574ed39 1.4s ease infinite}.box[data-v-5b26ceaa]{width:100%;height:100%}.box .item[data-v-5b26ceaa]{width:100%;height:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:30px}.box .item[data-v-5b26ceaa]:last-child{margin-bottom:0}.box .item .left-item[data-v-5b26ceaa]{width:200px;height:120px;border-radius:4px;overflow:hidden;position:relative;margin-right:30px;background:#f0f0f8}.box .item .left-item .icon[data-v-5b26ceaa]{position:absolute;bottom:0;right:0;width:66px;height:30px;background:#ff4d4f;border-radius:4px 0 4px 0;font-size:14px;font-weight:400;color:#fff;line-height:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.box .item .right-item[data-v-5b26ceaa]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:120px;margin-right:30px}.box .item .right-item .item-title[data-v-5b26ceaa]{width:700px;height:auto;font-size:16px;font-weight:600;color:#333;line-height:16px;margin-top:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.box .item .right-item .item-progress[data-v-5b26ceaa]{width:30%;margin-top:20px}.box .item .right-item .item-info[data-v-5b26ceaa]{width:700px;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:20px}.box .item .right-item .item-info .item-text[data-v-5b26ceaa]{font-size:14px;font-weight:400;color:#666;line-height:14px;margin-right:30px}.box .item .right-item .item-info .item-text span[data-v-5b26ceaa]{color:#04c877}.box .item .right-item .item-info .item-progress[data-v-5b26ceaa]{font-size:14px;font-weight:400;color:#ff4d4f;line-height:14px;margin-right:30px}.box .item .button[data-v-5b26ceaa]{width:96px;height:44px;border-radius:4px;font-size:16px;font-weight:400;color:#3ca7fa;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:37px;cursor:pointer}.box .item .button[data-v-5b26ceaa]:hover{opacity:.8}.box .item .button.completed[data-v-5b26ceaa]{background:#f4fafe}.box .item .button.continue[data-v-5b26ceaa]{color:#fff;background:#3ca7fa}.box .item .button.detail[data-v-5b26ceaa]{color:#666;border:1px solid #ccc;margin-right:30px}.box[data-v-5b26ceaa] .el-progress-bar__innerText{color:#fff!important}.main-bg[data-v-1aba2cd2]{background-image:url(../../static/img/backougnd.e8ed2b3a.png);background-size:cover;overflow-x:hidden}.main-bg .content[data-v-1aba2cd2]{padding-top:86px;width:100%;float:left;height:100%}.main-bg .content .main-center-border[data-v-1aba2cd2]{width:1300px;height:2px;opacity:.1;background:#3e4294;margin:28px auto 0}.main-bg .content .contanier[data-v-1aba2cd2]{width:1200px;min-height:500px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:42px}.main-bg .content .contanier .top-box[data-v-1aba2cd2]{width:100%;background:linear-gradient(136deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,.8) 100%);border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:30px}.main-bg .content .contanier .top-box .top-title[data-v-1aba2cd2]{width:100%;height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:24px;font-weight:600;color:#333;line-height:36px}.main-bg .content .contanier .top-box .top-title .icon[data-v-1aba2cd2]{width:36px;height:36px;margin-right:10px}.main-bg .content .contanier .top-box .top-tabs[data-v-1aba2cd2]{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:24px}.main-bg .content .contanier .top-box .top-tabs .tab-item[data-v-1aba2cd2]{width:auto;height:auto;font-size:18px;font-weight:400;color:#333;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:13px;border-bottom:4px solid #fff;margin-right:60px;cursor:pointer}.main-bg .content .contanier .top-box .top-tabs .tab-item[data-v-1aba2cd2]:hover{font-weight:600;color:#3ca7fa;opacity:.8}.main-bg .content .contanier .top-box .top-tabs .tab-item.active[data-v-1aba2cd2]{font-weight:600;color:#3ca7fa;border-bottom:4px solid #3ca7fa}.main-bg .content .contanier .top-box .top-status[data-v-1aba2cd2]{width:100%;height:auto;margin-top:30px}.main-bg .content .contanier .top-box .top-status .item-radio[data-v-1aba2cd2],.main-bg .content .contanier .top-box .top-status[data-v-1aba2cd2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-bg .content .contanier .top-box .top-status .item-radio[data-v-1aba2cd2]{height:14px;margin-right:40px}.main-bg .content .contanier .top-box .top-status .item-radio input[data-v-1aba2cd2]{width:14px;height:14px;margin-right:10px}.main-bg .content .contanier .top-box .top-status .item-radio label[data-v-1aba2cd2]{font-size:14px;font-weight:400;color:#666;line-height:14px;margin-right:30px;cursor:pointer}.main-bg .content .contanier .list-box[data-v-1aba2cd2]{width:100%;height:auto;background:linear-gradient(136deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,.8) 100%);border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:30px;margin-top:30px;min-height:600px}.main-bg .content .contanier .list-box #page[data-v-1aba2cd2]{float:left;height:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:50px}.main-bg .content .contanier .list-box #page[data-v-1aba2cd2],.main-bg .content .contanier .list-box .item[data-v-1aba2cd2]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.main-bg .content .contanier .list-box .item[data-v-1aba2cd2]{height:120px;margin-bottom:30px}.main-bg .content .contanier .list-box .item .left-item[data-v-1aba2cd2]{width:200px;height:120px;border-radius:4px;overflow:hidden;position:relative;margin-right:30px;background:#f0f0f8}.main-bg .content .contanier .list-box .item .left-item .icon[data-v-1aba2cd2]{position:absolute;bottom:0;right:0;width:66px;height:30px;background:#ff4d4f;border-radius:4px 0 4px 0;font-size:14px;font-weight:400;color:#fff;line-height:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.main-bg .content .contanier .list-box .item .right-item[data-v-1aba2cd2]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:120px;margin-right:30px}.main-bg .content .contanier .list-box .item .right-item .item-title[data-v-1aba2cd2]{width:816px;height:auto;font-size:16px;font-weight:600;color:#333;line-height:16px;margin-top:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-bg .content .contanier .list-box .item .right-item .item-info[data-v-1aba2cd2]{width:816px;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:35px}.main-bg .content .contanier .list-box .item .right-item .item-info .item-text[data-v-1aba2cd2]{font-size:14px;font-weight:400;color:#666;line-height:14px;margin-right:30px}.main-bg .content .contanier .list-box .item .right-item .item-info .item-progress[data-v-1aba2cd2]{font-size:14px;font-weight:400;color:#ff4d4f;line-height:14px;margin-right:30px}.main-bg .content .contanier .list-box .item .button[data-v-1aba2cd2]{width:104px;height:46px;border-radius:4px;font-size:16px;font-weight:400;color:#3ca7fa;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:37px}.main-bg .content .contanier .list-box .item .button.completed[data-v-1aba2cd2]{background:#f4fafe}.main-bg .content .contanier .list-box .item .button.continue[data-v-1aba2cd2]{border:1px solid #3ca7fa;cursor:pointer}.main-bg .content .contanier .list-box .item .button.continue[data-v-1aba2cd2]:hover{opacity:.8}