.diy-navs[data-v-f3997b02]{position:relative}.diy-navs .navs-wrapper[data-v-f3997b02]{display:flex;flex-wrap:wrap;justify-content:space-around}.diy-navs .navs-wrapper .nav-item[data-v-f3997b02]{align-items:center;border-radius:.4rem;cursor:pointer;display:flex;flex-direction:column;padding:.8rem}.diy-navs .navs-wrapper .nav-item img[data-v-f3997b02]{height:3.4rem;margin-bottom:.8rem;-o-object-fit:contain;object-fit:contain;transition:all .3s;width:3.4rem}.diy-navs .navs-wrapper .nav-item .title[data-v-f3997b02]{font-size:1.2rem;text-align:center}.diy-navs .navs-wrapper .nav-item:hover img[data-v-f3997b02]{transform:translateY(-.4rem)}.diy-bgcolor[data-v-fe9f5cc3]{align-items:center;display:flex;justify-content:center;width:100%}.ih-banner[data-v-e90ebff8]{height:100%;overflow:hidden}.ih-banner a[data-v-e90ebff8]{display:block}.ih-banner a img[data-v-e90ebff8]{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.ih-banner[data-v-e90ebff8] .el-carousel__indicators{bottom:12px}.ih-banner[data-v-e90ebff8] .el-carousel__indicators li.is-active .el-carousel__button{background-color:var(--el-carousel-indicator-active-color)}.ih-banner[data-v-e90ebff8] .el-carousel__indicators .el-carousel__button{border-radius:var(--el-carousel-indicator-radius)}.diy-search[data-v-13b362ad]{position:relative}.diy-search .el-input[data-v-13b362ad]{--el-input-border:none;--el-input-border-color:transparent}.diy-search .search-border[data-v-13b362ad]{border:.2rem solid var(--ys-primary);overflow:hidden}.diy-search .search-border .el-input[data-v-13b362ad]{--el-input-hover-border-color:transparent;--el-input-focus-border:transparent;--el-input-hover-border:transparent;--el-input-focus-border-color:transparent}.diy-search .search-border[data-v-13b362ad] .el-input__wrapper{padding-right:0}.diy-search .search-border .el-button[data-v-13b362ad]{font-size:16px;width:100px}.diy-search .hot-words[data-v-13b362ad]{align-items:center;display:flex;flex-wrap:wrap;gap:2.4rem}.diy-search .hot-words .word[data-v-13b362ad]{color:var(--ys-text-200);cursor:pointer;font-size:1.2rem;margin-top:.6rem}.diy-search .hot-words .word.hot-word[data-v-13b362ad],.diy-search .hot-words .word[data-v-13b362ad]:hover{color:var(--ys-primary)}.diy-slide .line[data-v-17d84447]{border:none;border-top:1px solid #ddd;width:100%}.diy-group[data-v-458d2bd2]{overflow:hidden;position:relative}.diy-group .arrows[data-v-458d2bd2]{align-items:center;bottom:0;display:flex;height:0;justify-content:space-between;left:-1rem;margin:auto;position:absolute;right:-1rem;top:0}.diy-group .arrows .arrow[data-v-458d2bd2]{align-items:center;background:rgba(51,51,51,.2);cursor:pointer;display:flex;height:3.7rem;justify-content:center;width:3.7rem}.diy-group .arrows .arrow .el-icon[data-v-458d2bd2]{color:#fff}.diy-group .arrows .arrow.left[data-v-458d2bd2]{border-radius:0 2rem 2rem 0;padding-left:.6rem}.diy-group .arrows .arrow.right[data-v-458d2bd2]{border-radius:2rem 0 0 2rem;padding-right:.6rem}.diy-group .arrows .arrow.disabled[data-v-458d2bd2]{cursor:not-allowed}.diy-group .arrows .arrow[data-v-458d2bd2]:not(.disabled):hover{background:rgba(51,51,51,.435)}.diy-group .goods-group.top .navs[data-v-458d2bd2]{display:flex;flex-wrap:wrap;gap:1.2rem;margin-bottom:3rem}.diy-group .goods-group.left[data-v-458d2bd2]{display:flex;flex-wrap:wrap;gap:3rem}.diy-group .goods-group.left .navs[data-v-458d2bd2]{width:-moz-fit-content;width:fit-content}.diy-group .goods-group.left .navs .nav+.nav[data-v-458d2bd2]{margin-top:.8rem}.diy-group .goods-group.left .empty[data-v-458d2bd2]{flex:1;margin-right:10rem}.diy-group .goods-group.left .lists.list-4 .item[data-v-458d2bd2] .el-image{width:100%}.diy-group .goods-group .nav[data-v-458d2bd2]{border:1px solid #eee;border-radius:1.3rem;cursor:pointer;font-size:1.2rem;font-size:12px;font-weight:600;padding:.4rem 1.2rem;white-space:nowrap;width:-moz-fit-content;width:fit-content}.diy-group .goods-group .nav.active[data-v-458d2bd2],.diy-group .goods-group .nav[data-v-458d2bd2]:hover{background:var(--ys-primary-light);border-color:var(--active-color);color:var(--active-color)!important}.diy-group .goods-group[data-v-458d2bd2] img{mix-blend-mode:darken}.diy-group .goods-group .lists[data-v-458d2bd2]{display:grid;flex:1;gap:1.2rem}.diy-group .goods-group .lists .el-button[data-v-458d2bd2]{height:40px!important;margin-top:12px}.diy-group .goods-group .lists.list-1[data-v-458d2bd2]{grid-template-columns:repeat(1,1fr)}.diy-group .goods-group .lists.list-1 .item[data-v-458d2bd2]{align-items:center;-webkit-clip-path:polygon(var(--product-angle) 0,calc(100% - var(--product-angle)) 0,100% var(--product-angle),100% calc(100% - var(--product-angle)),calc(100% - var(--product-angle)) 100%,var(--product-angle) 100%,0 calc(100% - var(--product-angle)),0 var(--product-angle));clip-path:polygon(var(--product-angle) 0,calc(100% - var(--product-angle)) 0,100% var(--product-angle),100% calc(100% - var(--product-angle)),calc(100% - var(--product-angle)) 100%,var(--product-angle) 100%,0 calc(100% - var(--product-angle)),0 var(--product-angle));display:flex;width:100%}.diy-group .goods-group .lists.list-1 .item[data-v-458d2bd2] .el-image{height:200px;margin-right:30px;position:relative;width:200px}.diy-group .goods-group .lists.list-1 .item[data-v-458d2bd2] .el-image img{left:0;position:absolute;top:0}.diy-group .goods-group .lists.list-1 .item .name[data-v-458d2bd2]{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:2rem;margin-bottom:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:normal}.diy-group .goods-group .lists.list-1 .item .el-button[data-v-458d2bd2]{width:132px}.diy-group .goods-group .lists.list-2[data-v-458d2bd2]{grid-template-columns:repeat(2,1fr)}.diy-group .goods-group .lists.list-2 .item[data-v-458d2bd2]{align-items:center;-webkit-clip-path:polygon(var(--product-angle) 0,calc(100% - var(--product-angle)) 0,100% var(--product-angle),100% calc(100% - var(--product-angle)),calc(100% - var(--product-angle)) 100%,var(--product-angle) 100%,0 calc(100% - var(--product-angle)),0 var(--product-angle));clip-path:polygon(var(--product-angle) 0,calc(100% - var(--product-angle)) 0,100% var(--product-angle),100% calc(100% - var(--product-angle)),calc(100% - var(--product-angle)) 100%,var(--product-angle) 100%,0 calc(100% - var(--product-angle)),0 var(--product-angle));display:flex}.diy-group .goods-group .lists.list-2 .item[data-v-458d2bd2] .el-image{height:200px;margin-right:30px;position:relative;width:200px}.diy-group .goods-group .lists.list-2 .item[data-v-458d2bd2] .el-image img{left:0;position:absolute;top:0}.diy-group .goods-group .lists.list-2 .item .name[data-v-458d2bd2]{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:2rem;margin-bottom:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:normal}.diy-group .goods-group .lists.list-2 .item .el-button[data-v-458d2bd2]{width:132px}.diy-group .goods-group .lists.list-3[data-v-458d2bd2]{grid-template-columns:repeat(3,1fr)}.diy-group .goods-group .lists.list-3 .item[data-v-458d2bd2]{align-items:center;-webkit-clip-path:polygon(var(--product-angle) 0,calc(100% - var(--product-angle)) 0,100% var(--product-angle),100% calc(100% - var(--product-angle)),calc(100% - var(--product-angle)) 100%,var(--product-angle) 100%,0 calc(100% - var(--product-angle)),0 var(--product-angle));clip-path:polygon(var(--product-angle) 0,calc(100% - var(--product-angle)) 0,100% var(--product-angle),100% calc(100% - var(--product-angle)),calc(100% - var(--product-angle)) 100%,var(--product-angle) 100%,0 calc(100% - var(--product-angle)),0 var(--product-angle));display:flex}.diy-group .goods-group .lists.list-3 .item[data-v-458d2bd2] .el-image{height:120px;margin-right:20px;position:relative;width:120px}.diy-group .goods-group .lists.list-3 .item[data-v-458d2bd2] .el-image img{left:0;position:absolute;top:0}.diy-group .goods-group .lists.list-3 .item .name[data-v-458d2bd2]{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:2rem;margin-bottom:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:normal}.diy-group .goods-group .lists.list-3 .item .el-button[data-v-458d2bd2]{width:97px}.diy-group .goods-group .lists.list-4[data-v-458d2bd2]{grid-template-columns:repeat(4,1fr)}.diy-group .goods-group .lists.list-4 .item[data-v-458d2bd2]{-webkit-clip-path:polygon(var(--product-angle) 0,calc(100% - var(--product-angle)) 0,100% var(--product-angle),100% calc(100% - var(--product-angle)),calc(100% - var(--product-angle)) 100%,var(--product-angle) 100%,0 calc(100% - var(--product-angle)),0 var(--product-angle));clip-path:polygon(var(--product-angle) 0,calc(100% - var(--product-angle)) 0,100% var(--product-angle),100% calc(100% - var(--product-angle)),calc(100% - var(--product-angle)) 100%,var(--product-angle) 100%,0 calc(100% - var(--product-angle)),0 var(--product-angle));padding:1.6rem 2rem 2rem;text-align:center;width:100%}.diy-group .goods-group .lists.list-4 .item[data-v-458d2bd2] .el-image{height:220px;position:relative;width:220px}.diy-group .goods-group .lists.list-4 .item[data-v-458d2bd2] .el-image img{left:0;position:absolute;top:0}.diy-group .goods-group .lists.list-4 .item .info[data-v-458d2bd2]{text-align:left}.diy-group .goods-group .lists.list-4 .item .name[data-v-458d2bd2]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:normal;word-break:break-all}.diy-group .goods-group .lists.list-4 .item .el-button[data-v-458d2bd2]{width:100%}.diy-group .goods-group .lists.pic[data-v-458d2bd2]{grid-template-columns:repeat(1,1fr)}.diy-group .goods-group .lists.pic .item[data-v-458d2bd2]{-webkit-clip-path:polygon(var(--product-angle) 0,calc(100% - var(--product-angle)) 0,100% var(--product-angle),100% calc(100% - var(--product-angle)),calc(100% - var(--product-angle)) 100%,var(--product-angle) 100%,0 calc(100% - var(--product-angle)),0 var(--product-angle));clip-path:polygon(var(--product-angle) 0,calc(100% - var(--product-angle)) 0,100% var(--product-angle),100% calc(100% - var(--product-angle)),calc(100% - var(--product-angle)) 100%,var(--product-angle) 100%,0 calc(100% - var(--product-angle)),0 var(--product-angle));padding:2rem}.diy-group .goods-group .lists.pic .item[data-v-458d2bd2] .el-image{height:0;padding-bottom:100%;position:relative;width:100%}.diy-group .goods-group .lists.pic .item[data-v-458d2bd2] .el-image img{left:0;position:absolute;top:0}.diy-group .goods-group .lists.pic .item .name[data-v-458d2bd2]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;margin-bottom:.8rem;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:normal;word-break:break-all}.diy-group .goods-group .lists.pic .item .el-button[data-v-458d2bd2]{width:100%}.diy-group .goods-group .lists.line[data-v-458d2bd2]{display:flex;gap:1.2rem;grid-template-columns:unset;overflow-x:auto}.diy-group .goods-group .lists.line[data-v-458d2bd2]::-webkit-scrollbar{display:none}.diy-group .goods-group .lists.line .item[data-v-458d2bd2]{-webkit-clip-path:polygon(var(--product-angle) 0,calc(100% - var(--product-angle)) 0,100% var(--product-angle),100% calc(100% - var(--product-angle)),calc(100% - var(--product-angle)) 100%,var(--product-angle) 100%,0 calc(100% - var(--product-angle)),0 var(--product-angle));clip-path:polygon(var(--product-angle) 0,calc(100% - var(--product-angle)) 0,100% var(--product-angle),100% calc(100% - var(--product-angle)),calc(100% - var(--product-angle)) 100%,var(--product-angle) 100%,0 calc(100% - var(--product-angle)),0 var(--product-angle));flex:0 0 calc(25% - .9rem);padding:1.6rem 2rem 2rem;text-align:center}.diy-group .goods-group .lists.line .item[data-v-458d2bd2] .el-image{height:220px;position:relative;width:220px}.diy-group .goods-group .lists.line .item[data-v-458d2bd2] .el-image img{left:0;position:absolute;top:0}.diy-group .goods-group .lists.line .item .info[data-v-458d2bd2]{text-align:left}.diy-group .goods-group .lists.line .item .name[data-v-458d2bd2]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:normal;word-break:break-all}.diy-group .goods-group .lists.line .item .el-button[data-v-458d2bd2]{width:100%}.diy-group .empty[data-v-458d2bd2]{padding:10rem;text-align:center}.diy-group .empty img[data-v-458d2bd2]{margin-bottom:1.6rem;width:12rem}.diy-group .empty img+p[data-v-458d2bd2]{line-height:2.8rem}.diy-group .empty .el-button[data-v-458d2bd2]{font-size:12px;height:36px!important;margin-top:16px;width:122px}.diy-navs-fixed[data-v-e4e088f9]{background-position:top;background-repeat:no-repeat;background-size:cover;bottom:0;height:-moz-fit-content;height:fit-content;left:0;margin:auto;position:fixed;text-align:center;top:0;width:-moz-fit-content;width:fit-content;z-index:22}.diy-navs-fixed .navs-title[data-v-e4e088f9]{color:#333;font-size:1.6rem}.diy-navs-fixed .navs[data-v-e4e088f9]{display:grid;gap:.8rem;grid-template-columns:repeat(1,1fr)}.diy-navs-fixed .navs .nav-item[data-v-e4e088f9]{align-items:center;border-radius:.4rem;cursor:pointer;display:flex;flex-direction:column;padding:.4rem .8rem}.diy-navs-fixed .navs .nav-item img[data-v-e4e088f9]{height:2.4rem;margin-bottom:.4rem;width:2.4rem}.diy-navs-fixed .navs .nav-item .title[data-v-e4e088f9]{font-size:1.2rem;text-align:center}.diy-navs-fixed .navs .nav-item.active[data-v-e4e088f9],.diy-navs-fixed .navs .nav-item[data-v-e4e088f9]:hover{background-color:var(--btn-active-color)!important}.diy-navs-fixed .navs .nav-item.active .title[data-v-e4e088f9],.diy-navs-fixed .navs .nav-item:hover .title[data-v-e4e088f9]{color:var(--btn-active-text-color)!important}.diy-navs-fixed .navs .back-top[data-v-e4e088f9]{align-items:center;bottom:.8rem;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;gap:.4rem;justify-content:center;left:50%;position:absolute;transform:translate(-50%);white-space:nowrap}.diy-container[data-v-3f42eb8b]{background:#fff;background-repeat:no-repeat;background-size:cover}.diy-container .container-title[data-v-3f42eb8b]{background-repeat:no-repeat;font-weight:600}.diy-container .component-item[data-v-3f42eb8b]{position:relative}.diy-buttons[data-v-9c88c401]{width:100%}.diy-buttons .btn[data-v-9c88c401]{align-items:center;border-style:solid;cursor:pointer;display:flex;justify-content:center;max-width:100%}.diy-buttons .btn[data-v-9c88c401]:hover{background-color:var(--ys-primary-light)!important;color:var(--active-color)!important}.diy-buttons.align-center .btn[data-v-9c88c401]{margin:auto}.diy-buttons.align-left .btn[data-v-9c88c401]{margin-right:auto}.diy-buttons.align-right .btn[data-v-9c88c401]{margin-left:auto}.diy-pic-text[data-v-ba169d13]{overflow:hidden;position:relative}.diy-pic-text .wrapper[data-v-ba169d13]{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.diy-pic-text .wrapper.w-two .item[data-v-ba169d13]{width:calc(50% - 2rem)}.diy-pic-text .wrapper.w-three .item[data-v-ba169d13]{width:calc(33.33% - 2rem)}.diy-pic-text .wrapper.w-four .item[data-v-ba169d13],.diy-pic-text .wrapper.w-line .item[data-v-ba169d13]{width:calc(25% - 2rem)}.diy-pic-text .wrapper.w-line[data-v-ba169d13]{flex-wrap:nowrap;gap:2rem;overflow-x:auto}.diy-pic-text .wrapper.w-line[data-v-ba169d13]::-webkit-scrollbar{display:none}.diy-pic-text .wrapper.w-line .item[data-v-ba169d13]{min-width:calc(25% - 1.5rem)}.diy-pic-text .wrapper .item[data-v-ba169d13]{overflow:hidden}.diy-pic-text .wrapper .item .img[data-v-ba169d13]{line-height:1;overflow:visible}.diy-pic-text .wrapper .item img[data-v-ba169d13]{max-width:100%;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease-in-out}.diy-pic-text .wrapper .item .desc[data-v-ba169d13]{box-sizing:border-box;line-height:1.6}.diy-pic-text .wrapper .item.small[data-v-ba169d13]{padding:var(--padding-x) var(--padding-y)}.diy-pic-text .wrapper .item.small .title[data-v-ba169d13]{margin:1.6rem 0}.diy-pic-text .wrapper .item.small:hover img[data-v-ba169d13]{transform:translateY(-.4rem)}.diy-pic-text .wrapper .item.big .img[data-v-ba169d13]{position:relative;width:100%}.diy-pic-text .wrapper .item.big .img img[data-v-ba169d13]{-o-object-fit:cover;object-fit:cover;width:100%!important}.diy-pic-text .wrapper .item.big .info[data-v-ba169d13]{padding:1rem}.diy-pic-text .wrapper .item.big:hover img[data-v-ba169d13]{transform:scale(1.05)}.diy-pic-text .arrows[data-v-ba169d13]{align-items:center;bottom:0;display:flex;height:0;justify-content:space-between;left:-1rem;margin:auto;position:absolute;right:-1rem;top:0}.diy-pic-text .arrows .arrow[data-v-ba169d13]{align-items:center;background:rgba(51,51,51,.2);cursor:pointer;display:flex;height:3.7rem;justify-content:center;width:3.7rem}.diy-pic-text .arrows .arrow .el-icon[data-v-ba169d13]{color:#fff}.diy-pic-text .arrows .arrow.left[data-v-ba169d13]{border-radius:0 2rem 2rem 0;padding-left:.6rem}.diy-pic-text .arrows .arrow.right[data-v-ba169d13]{border-radius:2rem 0 0 2rem;padding-right:.6rem}.diy-pic-text .arrows .arrow.disabled[data-v-ba169d13]{cursor:not-allowed}.diy-pic-text .arrows .arrow[data-v-ba169d13]:not(.disabled):hover{background:rgba(51,51,51,.435)}.diy-question[data-v-f8704919]{align-items:center;display:flex}.diy-question img[data-v-f8704919]{margin-right:5rem;width:50rem}.diy-question img+div[data-v-f8704919]{width:calc(100% - 55rem)}.diy-question .item[data-v-f8704919]{padding:.8rem 0}.diy-question .item[data-v-f8704919]:not(:last-child){border-bottom:1px solid #ddd}.diy-question .title[data-v-f8704919]{font-weight:600;margin-bottom:.8rem}.author-register[data-v-256b7113]{--color:var(--ys-primary)}.author-register .el-button[data-v-256b7113],.author-register .el-form[data-v-256b7113]{margin:auto}.author-register .el-button[data-v-256b7113]{--el-button-bg-color:var(--color);--el-button-border-color:var(--color)}.author-register .el-form[data-v-256b7113]{margin-bottom:30px}.author-register .code-item[data-v-256b7113] .el-form-item__content{flex-wrap:nowrap}.author-register .code-item[data-v-256b7113] .el-form-item__content .el-button{color:var(--color);height:32px!important;position:absolute;right:12px;top:4px;width:-moz-fit-content!important;width:fit-content!important}.author-register .code-item[data-v-256b7113] .el-form-item__content .el-button.is-disabled{color:var(--ys-text-200)!important}.diy-register[data-v-a227cc30]{overflow:hidden}.diy-video video[data-v-2845077c]{width:100%}