.pop-box .diytitle[data-v-80d87990]{padding-left:26px;display:flex;align-items:center}.pop-box .diytitle i[data-v-80d87990]{color:#ffca85;font-size:20px}.pop-box .diytitle p[data-v-80d87990]{padding-left:8px;color:#a9a9a9;font-size:16px}.pop-box .content-menu[data-v-80d87990]{display:flex;align-items:center;height:50px;background:#241e1a;padding:0 30px}.pop-box .content-menu_type[data-v-80d87990]{flex:1;display:flex;align-items:center}.pop-box .content-menu_type span[data-v-80d87990]{font-size:16px;color:#d2d2d2}.pop-box .content-menu_type ul[data-v-80d87990]{display:flex;align-items:center}.pop-box .content-menu_type ul li[data-v-80d87990]{padding:8px 14px;margin-left:30px;cursor:pointer;border-radius:10px;overflow:hidden;font-size:16px;color:#d2d2d2}.pop-box .content-menu_type ul li.active[data-v-80d87990]{color:#fff;background:#47413d}.pop-box .content-menu_page[data-v-80d87990] .el-pagination button{background:#605b57;height:30px;line-height:30px;border-radius:10px;overflow:hidden}.pop-box .content-menu_page[data-v-80d87990] .el-pagination button i{color:#fff}.pop-box .content-menu_page[data-v-80d87990] .el-pagination button[disabled] i{color:#787878}.pop-box .content-menu_page[data-v-80d87990] .el-pagination ul li{background:#605b57;height:30px;line-height:30px;border-radius:10px;overflow:hidden;font-size:16px;color:#fff}.pop-box .content-menu_page[data-v-80d87990] .el-pagination ul li.active{color:#ffca85;background:#605b57}.pop-box .content-menu_page[data-v-80d87990] .el-pagination ul li:hover{color:#ffca85}.pop-box .content-imgs[data-v-80d87990]{padding:20px 30px 0;height:572px;overflow:auto}.pop-box .content-imgs ul[data-v-80d87990]{display:flex;flex-wrap:wrap;justify-content:space-between}.pop-box .content-imgs ul li[data-v-80d87990]{width:230px;height:260px;margin-bottom:20px;cursor:pointer;transition:.3s;border:2px solid #a9a9a9!important;border-radius:10px;overflow:hidden}.pop-box .content-imgs ul li.active[data-v-80d87990]{border:2px solid #fff!important}.pop-box .content-imgs ul li.active p i[data-v-80d87990]{opacity:1}.pop-box .content-imgs ul li[data-v-80d87990]:hover{transform:translateY(-10px);-ms-box-shadow:0 10px 10px rgba(0,0,0,.4);box-shadow:0 10px 10px rgba(0,0,0,.4)}.pop-box .content-imgs ul li span[data-v-80d87990]{height:220px;display:flex;align-items:center;justify-content:center;background:linear-gradient(170deg,#423e3c,#64605e,#878584)}.pop-box .content-imgs ul li span img[data-v-80d87990]{width:auto;height:auto;float:none;max-width:80%;max-height:80%}.pop-box .content-imgs ul li p[data-v-80d87990]{height:40px;display:flex;align-items:center;background:#241e1a;padding:0 4px 0 10px}.pop-box .content-imgs ul li p b[data-v-80d87990]{flex:1;font-size:18px;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;word-wrap:break-word}.pop-box .content-imgs ul li p i[data-v-80d87990]{opacity:0;font-size:26px;color:#ffca85}.pop-box .diytitle[data-v-77452d72]{padding-left:26px;display:flex;align-items:center}.pop-box .diytitle i[data-v-77452d72]{color:#ffca85;font-size:20px}.pop-box .diytitle p[data-v-77452d72]{padding-left:8px;color:#a9a9a9;font-size:16px}.pop-box .content-menu[data-v-77452d72]{display:flex;align-items:center;height:50px;background:#241e1a;padding:0 30px}.pop-box .content-menu_type[data-v-77452d72]{flex:1;display:flex;align-items:center}.pop-box .content-menu_type span[data-v-77452d72]{font-size:16px;color:#d2d2d2}.pop-box .content-menu_type ul[data-v-77452d72]{display:flex;align-items:center}.pop-box .content-menu_type ul li[data-v-77452d72]{padding:8px 14px;margin-left:10px;width:40px;cursor:pointer;border-radius:10px;overflow:hidden;font-size:16px;color:#d2d2d2}.pop-box .content-menu_type ul li.active[data-v-77452d72]{color:#fff;background:#47413d}.pop-box .content-menu_page[data-v-77452d72] .el-pagination button{background:#605b57;height:30px;line-height:30px;border-radius:10px;overflow:hidden}.pop-box .content-menu_page[data-v-77452d72] .el-pagination button i{color:#fff}.pop-box .content-menu_page[data-v-77452d72] .el-pagination button[disabled] i{color:#787878}.pop-box .content-menu_page[data-v-77452d72] .el-pagination ul li{background:#605b57;height:30px;line-height:30px;border-radius:10px;overflow:hidden;font-size:16px;color:#fff}.pop-box .content-menu_page[data-v-77452d72] .el-pagination ul li.active{color:#ffca85;background:#605b57}.pop-box .content-menu_page[data-v-77452d72] .el-pagination ul li:hover{color:#ffca85}.pop-box .content-imgs[data-v-77452d72]{padding:20px 30px 0;height:572px;overflow:auto}.pop-box .content-imgs ul[data-v-77452d72]{display:flex;flex-wrap:wrap;justify-content:space-between}.pop-box .content-imgs ul li[data-v-77452d72]{width:230px;height:260px;margin-bottom:20px;cursor:pointer;transition:.3s;border:2px solid #a9a9a9!important;border-radius:10px;overflow:hidden}.pop-box .content-imgs ul li.active[data-v-77452d72]{border:2px solid #fff!important}.pop-box .content-imgs ul li.active p i[data-v-77452d72]{opacity:1}.pop-box .content-imgs ul li[data-v-77452d72]:hover{transform:translateY(-10px);-ms-box-shadow:0 10px 10px rgba(0,0,0,.4);box-shadow:0 10px 10px rgba(0,0,0,.4)}.pop-box .content-imgs ul li span[data-v-77452d72]{height:220px;display:flex;align-items:center;justify-content:center;background:linear-gradient(170deg,#423e3c,#64605e,#878584)}.pop-box .content-imgs ul li span img[data-v-77452d72]{width:auto;height:auto;float:none;max-width:80%;max-height:80%}.pop-box .content-imgs ul li p[data-v-77452d72]{height:40px;display:flex;align-items:center;background:#241e1a;padding:0 4px 0 10px}.pop-box .content-imgs ul li p b[data-v-77452d72]{flex:1;font-size:18px;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;word-wrap:break-word}.pop-box .content-imgs ul li p i[data-v-77452d72]{opacity:0;font-size:26px;color:#ffca85}.pop-box .content-imgs ul li .upload-img[data-v-77452d72]{height:220px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(170deg,#423e3c,#64605e,#878584)}.pop-box .content-imgs ul li .upload-img i[data-v-77452d72]{font-size:64px;color:#ffca85}.pop-box .content-imgs ul li .upload-img_p[data-v-77452d72]{position:absolute;bottom:22px;width:100%;text-align:center;font-size:18px;color:#d3d3d3}.pop-box .content-imgs ul li .upload-text[data-v-77452d72]{height:40px;display:flex;align-items:center;justify-content:center;background:#241e1a;font-size:18px;color:#ffca85}.pop-box .diytitle[data-v-5993e891]{padding-left:26px;display:flex;align-items:center}.pop-box .diytitle i[data-v-5993e891]{color:#ffca85;font-size:20px}.pop-box .diytitle p[data-v-5993e891]{padding-left:8px;color:#a9a9a9;font-size:16px}.pop-box .content-menu[data-v-5993e891]{display:flex;align-items:center;height:50px;background:#241e1a;padding:0 30px}.pop-box .content-menu_type[data-v-5993e891]{flex:1;display:flex;align-items:center}.pop-box .content-menu_type span[data-v-5993e891]{font-size:16px;color:#d2d2d2}.pop-box .content-menu_type ul[data-v-5993e891]{display:flex;align-items:center}.pop-box .content-menu_type ul li[data-v-5993e891]{padding:8px 14px;margin-left:30px;cursor:pointer;border-radius:10px;overflow:hidden;font-size:16px;color:#d2d2d2}.pop-box .content-menu_type ul li.active[data-v-5993e891]{color:#fff;background:#47413d}.pop-box .content-menu_page[data-v-5993e891] .el-pagination button{background:#605b57;height:30px;line-height:30px;border-radius:10px;overflow:hidden}.pop-box .content-menu_page[data-v-5993e891] .el-pagination button i{color:#fff}.pop-box .content-menu_page[data-v-5993e891] .el-pagination button[disabled] i{color:#787878}.pop-box .content-menu_page[data-v-5993e891] .el-pagination ul li{background:#605b57;height:30px;line-height:30px;border-radius:10px;overflow:hidden;font-size:16px;color:#fff}.pop-box .content-menu_page[data-v-5993e891] .el-pagination ul li.active{color:#ffca85;background:#605b57}.pop-box .content-menu_page[data-v-5993e891] .el-pagination ul li:hover{color:#ffca85}.pop-box .content-imgs[data-v-5993e891]{padding:20px 30px 0;height:572px;overflow:auto}.pop-box .content-imgs ul[data-v-5993e891]{display:flex;flex-wrap:wrap;justify-content:space-between}.pop-box .content-imgs ul li[data-v-5993e891]{width:230px;height:260px;margin-bottom:20px;cursor:pointer;transition:.3s;border:2px solid #a9a9a9!important;border-radius:10px;overflow:hidden}.pop-box .content-imgs ul li.active[data-v-5993e891]{border:2px solid #fff!important}.pop-box .content-imgs ul li.active p i[data-v-5993e891]{opacity:1}.pop-box .content-imgs ul li[data-v-5993e891]:hover{transform:translateY(-10px);-ms-box-shadow:0 10px 10px rgba(0,0,0,.4);box-shadow:0 10px 10px rgba(0,0,0,.4)}.pop-box .content-imgs ul li span[data-v-5993e891]{height:220px;display:flex;align-items:center;justify-content:center;background:linear-gradient(170deg,#423e3c,#64605e,#878584)}.pop-box .content-imgs ul li span img[data-v-5993e891]{width:auto;height:auto;float:none;max-width:80%;max-height:80%}.pop-box .content-imgs ul li p[data-v-5993e891]{height:40px;display:flex;align-items:center;background:#241e1a;padding:0 4px 0 10px}.pop-box .content-imgs ul li p b[data-v-5993e891]{flex:1;font-size:18px;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;word-wrap:break-word}.pop-box .content-imgs ul li p i[data-v-5993e891]{opacity:0;font-size:26px;color:#ffca85}.diy-step[data-v-41a8e3e8]{display:flex;align-items:center;height:80px;width:1200px;margin:0 auto}.diy-step_title[data-v-41a8e3e8]{width:160px;font-size:18px;color:#fff}.diy-step_box[data-v-41a8e3e8]{flex:1;justify-content:space-between}.diy-step_box[data-v-41a8e3e8],.diy-step_box__item[data-v-41a8e3e8]{display:flex;align-items:center}.diy-step_box__item b[data-v-41a8e3e8]{font-size:30px;color:#ffca85}.diy-step_box__item span[data-v-41a8e3e8]{width:30px;height:30px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;border:1px solid #fff!important;font-size:18px;color:#fff}.diy-step_box__item span.active[data-v-41a8e3e8]{background:#fff;color:#211b18}.diy-step_box__item p[data-v-41a8e3e8]{padding-left:10px;font-size:16px;color:#fff}.diy-step_box__xian[data-v-41a8e3e8]{width:26px;border-bottom:1px dotted #fff}.video-box[data-v-00cec5b4]{width:936px;height:624px;background-color:#000}.diy-imgs_content__btns___too-t[data-v-00cec5b4]{width:150px;height:50px;display:flex;align-items:center;justify-content:center;background:#241e1a;border-radius:10px;overflow:hidden;color:#fff;cursor:pointer}.diy-imgs_content__btns___too-t i[data-v-00cec5b4]{font-size:24px;line-height:26px}.diy-imgs_content__btns___too-t span[data-v-00cec5b4]{padding-left:10px}.diy-imgs[data-v-00cec5b4]{display:flex;overflow:hidden;padding:10px 10px 0 0}.diy-imgs_menu[data-v-00cec5b4]{display:flex;justify-content:center;width:90px}.diy-imgs_menu ul li[data-v-00cec5b4]{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:70px;height:70px;background:#241e1a;margin-bottom:10px;cursor:pointer;border-radius:10px;overflow:hidden}.diy-imgs_menu ul li.active i[data-v-00cec5b4],.diy-imgs_menu ul li.active span[data-v-00cec5b4]{color:#ffca85}.diy-imgs_menu ul li i[data-v-00cec5b4]{font-size:30px;color:#fff}.diy-imgs_menu ul li span[data-v-00cec5b4]{padding:4px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:14px;color:#d3d3d3}.diy-imgs_content[data-v-00cec5b4]{flex:1;display:flex;flex-direction:column}.diy-imgs_content__border[data-v-00cec5b4]{height:570px;border:1px dashed #a9a9a9;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;box-sizing:border-box;cursor:move;border-radius:10px;overflow:hidden}.diy-imgs_content__border #diyImg[data-v-00cec5b4]{display:flex;justify-content:center;align-items:center;background:#746f6c;width:100%;height:100%}.diy-imgs_content__border #diyImg .diy-img[data-v-00cec5b4]{max-width:100%;max-height:100%}.diy-imgs_content__border #diyImg .diy-img_box[data-v-00cec5b4]{max-width:100%;max-height:100%;position:relative}.diy-imgs_content__border #diyImg .diy-img_box__border[data-v-00cec5b4]{position:absolute;z-index:30}.diy-imgs_content__border #diyImg .diy-img_box__border___child[data-v-00cec5b4]{position:absolute;transform:translateY(-50%) translateX(-50%);border:2px solid #ffca85!important}.diy-imgs_content__border #diyImg .diy-img_box__border___child span[data-v-00cec5b4]{position:absolute;width:16px;height:16px;background:#ffca85}.diy-imgs_content__border #diyImg .diy-img_box__border___child span.tLeft[data-v-00cec5b4]{top:-8px;left:-8px}.diy-imgs_content__border #diyImg .diy-img_box__border___child span.tLeft[data-v-00cec5b4]:hover{cursor:nw-resize}.diy-imgs_content__border #diyImg .diy-img_box__border___child span.tRight[data-v-00cec5b4]{top:-8px;right:-8px}.diy-imgs_content__border #diyImg .diy-img_box__border___child span.tRight[data-v-00cec5b4]:hover{cursor:ne-resize}.diy-imgs_content__border #diyImg .diy-img_box__border___child span.bLeft[data-v-00cec5b4]{bottom:-8px;left:-8px}.diy-imgs_content__border #diyImg .diy-img_box__border___child span.bLeft[data-v-00cec5b4]:hover{cursor:sw-resize}.diy-imgs_content__border #diyImg .diy-img_box__border___child span.bRight[data-v-00cec5b4]{bottom:-8px;right:-8px}.diy-imgs_content__border #diyImg .diy-img_box__border___child span.bRight[data-v-00cec5b4]:hover{cursor:se-resize}.diy-imgs_content__border #diyImg .diy-img_box__main[data-v-00cec5b4]{position:absolute;z-index:20;background-size:100% 100%}.diy-imgs_content__border #diyImg .diy-img_box__masking[data-v-00cec5b4]{background-size:100% 100%;z-index:18}.diy-imgs_content__border #diyImg .diy-img_box__xiu[data-v-00cec5b4]{position:absolute;z-index:-1;overflow:hidden;background-size:100% 100%}.diy-imgs_content__border #diyImg .diy-img_box__xiu div[data-v-00cec5b4]{position:absolute;background-size:100% 100%;z-index:10;transform:translateY(-50%) translateX(-50%)}.diy-imgs_content__border #diyImg .diy-img_box__xiu div img[data-v-00cec5b4]{position:relative;top:0;left:0;right:0;bottom:0;z-index:-1;opacity:1}.diy-imgs_content__border #diyImg .diy-img_box__fu[data-v-00cec5b4]{position:absolute;z-index:25;overflow:unset}.diy-imgs_content__border #diyImg .diy-img_box__fu div[data-v-00cec5b4]{position:absolute;background-size:100% 100%;z-index:10;transform:translateY(-50%) translateX(-50%)}.diy-imgs_content__border #diyImg .diy-img_box__fu div img[data-v-00cec5b4]{position:relative;top:0;left:0;right:0;bottom:0;z-index:-1;opacity:1}.diy-imgs_content .btn-box-t[data-v-00cec5b4]{display:flex}.diy-imgs_content .diy-imgs_content__btns___one[data-v-00cec5b4],.diy-imgs_content .diy-imgs_content__btns___too[data-v-00cec5b4]{width:150px;height:50px;display:flex;align-items:center;justify-content:center;background:#241e1a;margin-left:20px;border-radius:10px;overflow:hidden}.diy-imgs_content__btns[data-v-00cec5b4]{height:70px;display:flex;justify-content:space-between;align-items:center;font-size:20px;color:#fff}.diy-imgs_content__btns___one[data-v-00cec5b4]{cursor:not-allowed}.diy-imgs_content__btns___one.active[data-v-00cec5b4]{cursor:pointer}.diy-imgs_content__btns___one.active i[data-v-00cec5b4],.diy-imgs_content__btns___one.active span[data-v-00cec5b4]{color:#fff}.diy-imgs_content__btns___one i[data-v-00cec5b4]{font-size:24px;color:#a9a9a9}.diy-imgs_content__btns___one span[data-v-00cec5b4]{color:#a9a9a9;padding-left:10px}.diy-imgs_content__btns___too[data-v-00cec5b4]{color:#a9a9a9;cursor:not-allowed}.diy-imgs_content__btns___too.active[data-v-00cec5b4]{color:#ffca85;cursor:pointer}.diy-imgs_content__btns___too i[data-v-00cec5b4]{margin-right:10px;font-size:24px;color:#ffca85}.diy-imgs .img-pop p[data-v-00cec5b4]{line-height:40px;text-align:center;font-size:18px;color:#fff}.diy-imgs .img-pop span[data-v-00cec5b4]{display:block;overflow:hidden}.diy-imgs .diytitle[data-v-00cec5b4]{padding-left:26px;display:flex;align-items:center}.diy-imgs .diytitle i[data-v-00cec5b4]{color:#ffca85;font-size:20px}.diy-imgs .diytitle p[data-v-00cec5b4]{padding-left:8px;color:#a9a9a9;font-size:16px}.diy[data-v-cc34cb20]{width:1200px;margin:0 auto 50px}.diy-content[data-v-cc34cb20]{background:#746f6c;display:flex;-ms-box-shadow:0 10px 10px 0 rgba(0,0,0,.4);box-shadow:0 10px 10px 0 rgba(0,0,0,.4)}.diy-content_menu[data-v-cc34cb20]{padding:0 20px 20px;height:630px;overflow-y:auto;background:#47413d;display:flex;flex-direction:column;align-items:center}.diy-content_menu[data-v-cc34cb20]::-webkit-scrollbar{width:6px;height:1px;cursor:pointer;position:relative}.diy-content_menu[data-v-cc34cb20]::-webkit-scrollbar-thumb{border-radius:3px;background:#a9a9a9;cursor:pointer}.diy-content_menu[data-v-cc34cb20]::-webkit-scrollbar-thumb:hover{background:#fff}.diy-content_menu[data-v-cc34cb20]::-webkit-scrollbar-track{cursor:pointer}.diy-content_menu .menu-box_icon[data-v-cc34cb20]{position:relative;background:#241e1a;width:120px;height:130px;display:flex;flex-direction:column;align-items:center;cursor:pointer;margin-top:10px;border-radius:10px;overflow:hidden}.diy-content_menu .menu-box_icon div[data-v-cc34cb20]{padding-top:20px;width:70px;height:70px;display:flex;align-items:center;justify-content:center}.diy-content_menu .menu-box_icon div span[data-v-cc34cb20]{font-size:56px;color:#fff}.diy-content_menu .menu-box_icon p[data-v-cc34cb20]{font-size:20px;color:#fff}.diy-content_menu .menu-box_icon i[data-v-cc34cb20]{position:absolute;right:4px;top:4px;font-size:24px;color:#fff}.diy-content_menu .menu-box_img[data-v-cc34cb20]{margin-top:10px;width:120px;height:170px;background:#746f6c;display:flex;flex-direction:column;align-items:center;border-radius:10px;position:relative;border:3px solid #746f6c!important}.diy-content_menu .menu-box_img.active[data-v-cc34cb20]{border:3px solid #fff!important}.diy-content_menu .menu-box_img.active[data-v-cc34cb20]:after{content:"";position:absolute;right:-10px;width:0;top:50%;transform:translateY(-50%);height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #fff}.diy-content_menu .menu-box_img b[data-v-cc34cb20]{position:absolute;right:4px;top:4px;cursor:pointer;font-size:24px;color:#fff}.diy-content_menu .menu-box_img__image[data-v-cc34cb20]{flex:1;width:100%;display:flex;align-items:center;justify-content:center}.diy-content_menu .menu-box_img__image span[data-v-cc34cb20]{height:120px;display:flex;align-items:center;justify-content:center}.diy-content_menu .menu-box_img__image span img[data-v-cc34cb20]{cursor:pointer;width:auto;height:auto;float:none;max-width:90%;max-height:90%;box-sizing:border-box;transition:.3s}.diy-content_menu .menu-box_img__image span img[data-v-cc34cb20]:hover{border:2px solid #ffca85!important;border-radius:10px;overflow:hidden}.diy-content_menu .menu-box_img p[data-v-cc34cb20]{display:flex;align-items:center;justify-content:center;background:#241e1a;width:100%;height:36px;cursor:pointer;border-radius:10px;overflow:hidden}.diy-content_menu .menu-box_img p i[data-v-cc34cb20]{font-size:20px;color:#fff}.diy-content_menu .menu-box_img p span[data-v-cc34cb20]{padding-left:10px;font-size:16px;color:#fff}.diy-content_menu .xiu .menu-box_icon div span[data-v-cc34cb20]{font-size:38px;color:#fff}.diy-content_imgs[data-v-cc34cb20]{flex:1;height:650px;overflow:hidden}.diy .pop[data-v-cc34cb20]{padding:60px 30px}.diy .pop p[data-v-cc34cb20]{text-align:center;font-size:18px;color:#fff}