.task-step-progress[data-v-dd7761ae]{padding:20px 40px 0;height:60px;display:flex;justify-content:center;align-items:center;font-size:12px;color:#6b7485;position:relative}.task-step-progress a[data-v-dd7761ae]{position:absolute;top:20px;left:40px}.task-step-progress .logo[data-v-dd7761ae]{width:120px;margin-right:50px}.task-step-progress .active[data-v-dd7761ae]{color:#fa7d19;cursor:pointer}.task-step-progress .active-line[data-v-dd7761ae]{background:#fa7d19!important}.task-step-progress .line[data-v-dd7761ae]{flex:1;height:1px;background:rgba(107,116,133,.4);margin:0 28px}.task-step-progress .step-progress-container[data-v-dd7761ae]{width:42vw;display:flex;align-items:center}.task-step-progress .step-item[data-v-dd7761ae]{display:flex;flex-direction:column;align-items:center}.task-step-progress .step-item img[data-v-dd7761ae]{width:14px;margin-bottom:3px}.drawer-wrapper[data-v-0f2714a8]{overflow:hidden;z-index:100;background:#000}@keyframes rtl-drawer-in-0f2714a8{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rtl-drawer-out-0f2714a8{0%{transform:translate(0)}to{transform:translate(100%)}}.drawer-wrapper .drawer.rtl[data-v-0f2714a8]{animation:rtl-drawer-out-0f2714a8 .3s}.drawer-wrapper .drawer-open .drawer.rtl[data-v-0f2714a8]{animation:rtl-drawer-in-0f2714a8 .3s 1ms}.drawer-wrapper .drawer-container[data-v-0f2714a8]{height:100%;overflow:auto}.drawer-wrapper .drawer-container .drawer[data-v-0f2714a8]{padding:24px 24px 0 24px;position:relative}.drawer-wrapper .drawer-container .drawer-close-btn[data-v-0f2714a8]{position:absolute;right:35px;margin-top:10px;cursor:pointer;z-index:100}.drawer-wrapper .drawer-container .drawer[data-v-0f2714a8]{display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;height:100%}.drawer-wrapper .drawer-container .drawer .drawer-body[data-v-0f2714a8]{flex:1;overflow:auto}.tasks-details-wrapper[data-v-3e789b5e]{height:100%;font-size:14px}.tasks-details-wrapper .picture-show[data-v-3e789b5e]{width:100%;border-radius:6px;max-height:calc(100% - 80px);overflow:scroll}.tasks-details-wrapper .picture-show .image[data-v-3e789b5e]{width:100%;border-radius:6px}.tasks-details-wrapper .picture-show .image-slot[data-v-3e789b5e]{width:100%;height:462px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.1);color:#fff;font-size:3rem}.tasks-details-wrapper .picture-show .image-slot .icon-loading[data-v-3e789b5e]{color:#fa7d19}.tasks-details-wrapper .info[data-v-3e789b5e]{margin-top:20px;display:flex;align-items:center;justify-content:space-between;color:#fff}.tasks-details-wrapper .info .score[data-v-3e789b5e]{display:flex;align-items:center;font-weight:600;font-size:20px}.tasks-details-wrapper .info .score .title[data-v-3e789b5e]{padding-left:4px;background:url(../img/title_bg.60ab114a.svg) no-repeat;background-position:0 19px}.tasks-details-wrapper .info .number[data-v-3e789b5e]{color:#ff7506;font-weight:700;font-size:20px}.tasks-details-wrapper .info .score-icon[data-v-3e789b5e]{margin-right:6px}.tasks-details-wrapper .info .like-details-btn[data-v-3e789b5e]{cursor:pointer;border-radius:4px;color:#6b7485;width:80px;height:34px;background:#fff;display:flex;align-items:center;justify-content:center;line-height:normal}.tasks-details-wrapper .info .like-details-btn .like-img[data-v-3e789b5e]{margin-right:8px;width:18px;height:16px}.tasks-details-wrapper .info .like-details-btn.like[data-v-3e789b5e]{background:#fc710a;color:#fff;border-color:#fc710a}.tasks-details-wrapper .describe[data-v-3e789b5e]{color:#fff;margin-top:20px;display:flex;align-items:flex-start}.tasks-details-wrapper .describe img[data-v-3e789b5e]{margin:4px 6px 0 2px}.tasks-details-wrapper .guess-you-like[data-v-3e789b5e]{margin-top:40px;padding-bottom:20px}.tasks-details-wrapper .guess-you-like .title[data-v-3e789b5e]{color:#fff;font-size:20px;font-weight:600;padding-left:4px;margin-bottom:20px;background:url(../img/title_bg.60ab114a.svg) no-repeat;background-position:0 19px}.tasks-details-wrapper .guess-you-like .works-content[data-v-3e789b5e]{font-size:2.5rem}.tasks-details-wrapper .guess-you-like .works-content .works-item[data-v-3e789b5e]{display:flex;flex-wrap:wrap}.tasks-details-wrapper .guess-you-like .works-content .image-wrapper[data-v-3e789b5e]{width:210px;max-height:400px;display:flex;justify-content:center;align-items:center;border-radius:6px;cursor:pointer;overflow:hidden;position:relative;margin-right:20px;margin-bottom:20px}.tasks-details-wrapper .guess-you-like .works-content .image-wrapper[data-v-3e789b5e]:nth-child(4),.tasks-details-wrapper .guess-you-like .works-content .image-wrapper[data-v-3e789b5e]:nth-child(8),.tasks-details-wrapper .guess-you-like .works-content .image-wrapper[data-v-3e789b5e]:nth-child(12){margin-right:0}.tasks-details-wrapper .guess-you-like .works-content .image-wrapper .image-wrapper-price[data-v-3e789b5e]{position:absolute!important;background-color:#000;z-index:200000;width:100%;bottom:0;opacity:.9;text-align:center}.tasks-details-wrapper .guess-you-like .works-content .image-wrapper .image-wrapper-price span[data-v-3e789b5e]{font-size:12px;color:#fa7d19;opacity:1}.tasks-details-wrapper .guess-you-like .works-content .image-wrapper .blur-bg[data-v-3e789b5e]{background-size:cover;position:absolute;top:0;left:0;width:100%;height:100%;filter:blur(5px)}.tasks-details-wrapper .guess-you-like .works-content .image-wrapper .blur-bg[data-v-3e789b5e]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.65)}.tasks-details-wrapper .guess-you-like .works-content .image-wrapper .blur-bg .blur-image[data-v-3e789b5e]{width:100%;height:100%}.tasks-details-wrapper .guess-you-like .works-content .image-wrapper.active[data-v-3e789b5e]{border:3px solid #fc700a;box-sizing:border-box;border-radius:6px}.tasks-details-wrapper .guess-you-like .works-content .image-wrapper .image-box[data-v-3e789b5e]{width:100%;display:flex;align-items:flex-start;justify-content:center;max-height:400px;border-radius:6px;overflow:hidden;z-index:10}.tasks-details-wrapper .guess-you-like .works-content .image-wrapper .image[data-v-3e789b5e]{width:100%;height:100%}.tasks-details-wrapper .guess-you-like .works-mobile-content .image-wrapper[data-v-3e789b5e],.tasks-details-wrapper .guess-you-like .works-mobile-content .image-wrapper[data-v-3e789b5e]:nth-child(4),.tasks-details-wrapper .guess-you-like .works-mobile-content .image-wrapper[data-v-3e789b5e]:nth-child(8),.tasks-details-wrapper .guess-you-like .works-mobile-content .image-wrapper[data-v-3e789b5e]:nth-child(12){margin-right:13px}.tasks-details-wrapper .guess-you-like .works-mobile-content .image-wrapper[data-v-3e789b5e]:nth-child(3),.tasks-details-wrapper .guess-you-like .works-mobile-content .image-wrapper[data-v-3e789b5e]:nth-child(6),.tasks-details-wrapper .guess-you-like .works-mobile-content .image-wrapper[data-v-3e789b5e]:nth-child(9),.tasks-details-wrapper .guess-you-like .works-mobile-content .image-wrapper[data-v-3e789b5e]:nth-child(12){margin-right:0}.match-designer-page{height:100%;min-width:1200px}.match-designer-page .level-tab-wrapper{padding:0 40px;height:80px;display:flex;align-items:center;box-shadow:0 2px 3px rgba(0,0,0,.15)}.match-designer-page .level-tab-wrapper .level-radio{width:170px;height:50px;line-height:50px;padding:0 20px}.match-designer-page .level-tab-wrapper .level-radio .icon{width:30px;margin:-5px 10px 0 5px}.match-designer-page .level-card-wrapper{height:calc(100% - 140px);overflow-y:scroll}.match-designer-page .level-card-wrapper .designer-wrapper{display:flex;height:100%}.match-designer-page .level-card-wrapper .card-container{flex:1;height:100%;overflow-y:scroll;position:relative}.match-designer-page .level-card-wrapper .card-container .container{padding:0 40px 200px;overflow:auto;height:100%}.match-designer-page .level-card-wrapper .level-card{cursor:pointer;border:1px solid #dde5ef;box-sizing:border-box;border-radius:6px;padding:35px;margin-top:23px}.match-designer-page .level-card-wrapper .level-card.border{border-color:#fa7d19}.match-designer-page .level-card-wrapper .level-card .title{display:flex;align-items:baseline;margin-bottom:28px}.match-designer-page .level-card-wrapper .level-card .title .level-title{margin-right:12px;display:flex;align-items:baseline;color:#6b7485}.match-designer-page .level-card-wrapper .level-card .title .level-title .el-radio__label{font-size:20px}.match-designer-page .level-card-wrapper .level-card .title .sub-title{color:#a6acb6;font-size:1.2rem}.match-designer-page .level-card-wrapper .level-card .designer-avatar-container{display:flex}.match-designer-page .level-card-wrapper .level-card .designer-avatar-container .designer-item{margin-right:-10px}.match-designer-page .level-card-wrapper .level-card .designer-avatar-container .designer-item.mr{margin-right:-37px}.match-designer-page .level-card-wrapper .level-card .designer-avatar-container .designer-avatar{width:90px;height:90px;cursor:pointer;border:5px solid #fff}.match-designer-page .level-card-wrapper .level-card .designer-avatar-container .designer-avatar img{width:100%}.match-designer-page .level-card-wrapper .level-card .designer-info{font-size:1.8rem;color:#a6acb6}.match-designer-page .level-card-wrapper .level-card .designer-info.color-highlight{color:#6b7485}.match-designer-page .level-card-wrapper .level-card .designer-info .item{margin-top:16px;display:flex;align-items:center}.match-designer-page .level-card-wrapper .level-card .designer-info .item img{margin-right:10px;width:14px}.match-designer-page .level-card-wrapper .level-card .designer-info .item span{font-weight:400}.match-designer-page .level-card-wrapper .level-card .designer-info .item span.color-highlight{color:#ff7506;font-weight:600}.match-designer-page .next-wrapper{z-index:100;position:absolute;left:50%;transform:translate(-50%);transform:translate();bottom:55px;width:410px;height:120px;background:#fff;box-shadow:4px 4px 4px hsla(0,0%,69%,.15),-4px -4px 8px hsla(0,0%,69%,.15);padding:30px 60px;display:flex;align-items:center;justify-content:space-between}.match-designer-page .next-wrapper .level-show{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#6b7485;font-size:1.5rem}.match-designer-page .next-wrapper .level-show .icon{width:30px;margin-bottom:6px}.match-designer-page .next-wrapper .next-btn{width:140px;height:40px;line-height:40px;border-radius:20px;background:#fb7e1a;font-size:2rem;font-weight:600;color:#fff;text-align:center;cursor:pointer}.match-designer-mobile-page{height:100%}.match-designer-mobile-page .level-tab-wrapper{padding:0 30px;height:210px;display:flex;align-items:center;box-shadow:0 2px 3px rgba(0,0,0,.15)}.match-designer-mobile-page .level-tab-wrapper .level-radio{width:170px;height:50px;line-height:50px;padding:0 20px;margin:10px}.match-designer-mobile-page .level-tab-wrapper .level-radio .icon{width:30px;margin:-5px 10px 0 5px}.match-designer-mobile-page .level-card-wrapper{height:calc(100% - 270px);overflow-y:scroll}.match-designer-mobile-page .level-card-wrapper .designer-wrapper{display:flex;height:100%}.match-designer-mobile-page .level-card-wrapper .card-container{flex:1;height:100%;overflow-y:scroll;position:relative}.match-designer-mobile-page .level-card-wrapper .card-container .container{padding:0 40px 200px;overflow:auto;height:100%}.match-designer-mobile-page .level-card-wrapper .level-card{cursor:pointer;border:1px solid #dde5ef;box-sizing:border-box;border-radius:6px;padding:35px;margin-top:23px}.match-designer-mobile-page .level-card-wrapper .level-card.border{border-color:#fa7d19}.match-designer-mobile-page .level-card-wrapper .level-card .title{display:flex;align-items:baseline;margin-bottom:28px}.match-designer-mobile-page .level-card-wrapper .level-card .title .level-title{margin-right:12px;display:flex;align-items:baseline;color:#6b7485}.match-designer-mobile-page .level-card-wrapper .level-card .title .level-title .el-radio__label{font-size:20px}.match-designer-mobile-page .level-card-wrapper .level-card .title .sub-title{color:#a6acb6;font-size:1.2rem}.match-designer-mobile-page .level-card-wrapper .level-card .designer-avatar-container{display:flex;flex-wrap:wrap}.match-designer-mobile-page .level-card-wrapper .level-card .designer-avatar-container .designer-item{margin-right:-24px}.match-designer-mobile-page .level-card-wrapper .level-card .designer-avatar-container .designer-item.mr{margin-right:-37px}.match-designer-mobile-page .level-card-wrapper .level-card .designer-avatar-container .designer-avatar{width:90px;height:90px;cursor:pointer;border:5px solid #fff}.match-designer-mobile-page .level-card-wrapper .level-card .designer-avatar-container .designer-avatar img{width:100%}.match-designer-mobile-page .level-card-wrapper .level-card .designer-info{font-size:1.8rem;color:#a6acb6}.match-designer-mobile-page .level-card-wrapper .level-card .designer-info.color-highlight{color:#6b7485}.match-designer-mobile-page .level-card-wrapper .level-card .designer-info .item{margin-top:16px;display:flex;align-items:center}.match-designer-mobile-page .level-card-wrapper .level-card .designer-info .item img{margin-right:10px;width:14px}.match-designer-mobile-page .level-card-wrapper .level-card .designer-info .item span{font-weight:400}.match-designer-mobile-page .level-card-wrapper .level-card .designer-info .item span.color-highlight{color:#ff7506;font-weight:600}.match-designer-mobile-page .next-wrapper{z-index:100;position:absolute;left:50%;transform:translate(-50%);bottom:55px;width:100%;height:120px;background:#fff;box-shadow:4px 4px 4px hsla(0,0%,69%,.15),-4px -4px 8px hsla(0,0%,69%,.15);padding:30px 40px;display:flex;align-items:center;justify-content:space-between}.match-designer-mobile-page .next-wrapper .level-show{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#6b7485;font-size:1.5rem}.match-designer-mobile-page .next-wrapper .level-show .icon{width:30px;margin-bottom:6px}.match-designer-mobile-page .next-wrapper .next-btn{width:140px;height:40px;line-height:40px;border-radius:20px;background:#fb7e1a;font-size:2rem;font-weight:600;color:#fff;text-align:center;cursor:pointer}.designer-container .top{display:flex;align-items:center}.designer-container .top .avatar{width:80px;height:80px}.designer-container .top .name{font-size:2.4rem;margin-left:20px}.designer-container .middle{display:flex;align-items:center;justify-content:space-between;margin-top:22px;margin-bottom:27px;font-size:1.4rem}.designer-container .middle div{display:flex;flex-direction:column}.designer-container .middle div span{color:#6b7485}.designer-container .middle div span:first-child{font-weight:600;color:#000}.designer-container .middle div span:nth-child(2){opacity:.6;margin-top:5px}.designer-container .bottom .works-container{display:flex;justify-content:space-between}.designer-container .bottom .works-container .el-loading-spinner{margin-top:-10px}.designer-container .bottom .works-container .works-item{width:50px;height:50px;border-radius:3px}.designer-container .bottom .works-container .image-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:3px;cursor:pointer;overflow:hidden;position:relative}.designer-container .bottom .works-container .image-wrapper.active{border:3px solid #fc700a;box-sizing:border-box}.designer-container .bottom .works-container .image-wrapper .blur-bg{background-size:cover;position:absolute;top:0;left:0;width:100%;height:100%;filter:blur(5px)}.designer-container .bottom .works-container .image-wrapper .blur-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4)}.designer-container .bottom .works-container .image-wrapper .blur-bg .blur-image{width:100%;height:100%}.designer-container .bottom .works-container .image-wrapper .image-box{width:100%;display:flex;align-items:flex-start;justify-content:center;max-height:50px;z-index:10}.designer-container .bottom .works-container .image-wrapper .image{width:100%;height:100%}.taskStepMatchDesigner-main{width:auto;height:100%;overflow-y:scroll;background:#fff}