.diy-navs[data-v-95431c4d]{position:relative}.diy-navs .navs-wrapper[data-v-95431c4d]{display:flex;flex-wrap:wrap;justify-content:space-around}.diy-navs .navs-wrapper .nav-item[data-v-95431c4d]{align-items:center;border-radius:.4rem;cursor:pointer;display:flex;flex-direction:column;padding:.8rem}.diy-navs .navs-wrapper .nav-item img[data-v-95431c4d]{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-95431c4d]{font-size:1.2rem;text-align:center}.diy-navs .navs-wrapper .nav-item:hover img[data-v-95431c4d]{transform:translateY(-.4rem)}.diy-bgcolor[data-v-07d2da84]{align-items:center;display:flex;justify-content:center;width:100%}.ih-banner[data-v-4c865247]{height:100%;overflow:hidden}.ih-banner a[data-v-4c865247]{display:block}.ih-banner a img[data-v-4c865247]{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.ih-banner[data-v-4c865247] .el-carousel__indicators{bottom:12px}.ih-banner[data-v-4c865247] .el-carousel__indicators li.is-active .el-carousel__button{background-color:var(--el-carousel-indicator-active-color)}.ih-banner[data-v-4c865247] .el-carousel__indicators .el-carousel__button{border-radius:var(--el-carousel-indicator-radius)}.diy-search[data-v-af8b0fd7]{position:relative}.diy-search .el-input[data-v-af8b0fd7]{--el-input-border:none;--el-input-border-color:transparent}.diy-search .search-border[data-v-af8b0fd7]{border:.2rem solid var(--ys-primary);overflow:hidden}.diy-search .search-border .el-input[data-v-af8b0fd7]{--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-af8b0fd7] .el-input__wrapper{padding-right:0}.diy-search .search-border .el-button[data-v-af8b0fd7]{font-size:16px;width:100px}.diy-search .hot-words[data-v-af8b0fd7]{align-items:center;display:flex;flex-wrap:wrap;gap:2.4rem}.diy-search .hot-words .word[data-v-af8b0fd7]{color:var(--ys-text-200);cursor:pointer;font-size:1.2rem;margin-top:.6rem}.diy-search .hot-words .word.hot-word[data-v-af8b0fd7],.diy-search .hot-words .word[data-v-af8b0fd7]:hover{color:var(--ys-primary)}.diy-slide .line[data-v-0e6de83a]{border:none;border-top:1px solid #ddd;width:100%}.diy-group[data-v-e789509c]{overflow:hidden;position:relative}.diy-group .arrows[data-v-e789509c]{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-e789509c]{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-e789509c]{color:#fff}.diy-group .arrows .arrow.left[data-v-e789509c]{border-radius:0 2rem 2rem 0;padding-left:.6rem}.diy-group .arrows .arrow.right[data-v-e789509c]{border-radius:2rem 0 0 2rem;padding-right:.6rem}.diy-group .arrows .arrow.disabled[data-v-e789509c]{cursor:not-allowed}.diy-group .arrows .arrow[data-v-e789509c]:not(.disabled):hover{background:rgba(51,51,51,.435)}.diy-group .goods-group.top .navs[data-v-e789509c]{display:flex;flex-wrap:wrap;gap:1.2rem;margin-bottom:3rem}.diy-group .goods-group.left[data-v-e789509c]{display:flex;flex-wrap:wrap;gap:3rem}.diy-group .goods-group.left .navs[data-v-e789509c]{width:-moz-fit-content;width:fit-content}.diy-group .goods-group.left .navs .nav+.nav[data-v-e789509c]{margin-top:.8rem}.diy-group .goods-group.left .empty[data-v-e789509c]{flex:1;margin-right:10rem}.diy-group .goods-group.left .lists.list-4 .item[data-v-e789509c] .el-image{width:100%}.diy-group .goods-group .nav[data-v-e789509c]{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-e789509c],.diy-group .goods-group .nav[data-v-e789509c]:hover{background:var(--ys-primary-light);border-color:var(--active-color);color:var(--active-color)!important}.diy-group .goods-group[data-v-e789509c] img{mix-blend-mode:darken}.diy-group .goods-group .lists[data-v-e789509c]{display:grid;flex:1;gap:1.2rem}.diy-group .goods-group .lists .el-button[data-v-e789509c]{height:40px!important;margin-top:12px}.diy-group .goods-group .lists.list-1[data-v-e789509c]{grid-template-columns:repeat(1,1fr)}.diy-group .goods-group .lists.list-1 .item[data-v-e789509c]{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-e789509c] .el-image{height:200px;margin-right:30px;position:relative;width:200px}.diy-group .goods-group .lists.list-1 .item[data-v-e789509c] .el-image img{left:0;position:absolute;top:0}.diy-group .goods-group .lists.list-1 .item .name[data-v-e789509c]{-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-e789509c]{width:132px}.diy-group .goods-group .lists.list-2[data-v-e789509c]{grid-template-columns:repeat(2,1fr)}.diy-group .goods-group .lists.list-2 .item[data-v-e789509c]{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-e789509c] .el-image{height:200px;margin-right:30px;position:relative;width:200px}.diy-group .goods-group .lists.list-2 .item[data-v-e789509c] .el-image img{left:0;position:absolute;top:0}.diy-group .goods-group .lists.list-2 .item .name[data-v-e789509c]{-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-e789509c]{width:132px}.diy-group .goods-group .lists.list-3[data-v-e789509c]{grid-template-columns:repeat(3,1fr)}.diy-group .goods-group .lists.list-3 .item[data-v-e789509c]{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-e789509c] .el-image{height:120px;margin-right:20px;position:relative;width:120px}.diy-group .goods-group .lists.list-3 .item[data-v-e789509c] .el-image img{left:0;position:absolute;top:0}.diy-group .goods-group .lists.list-3 .item .name[data-v-e789509c]{-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-e789509c]{width:97px}.diy-group .goods-group .lists.list-4[data-v-e789509c]{grid-template-columns:repeat(4,1fr)}.diy-group .goods-group .lists.list-4 .item[data-v-e789509c]{-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-e789509c] .el-image{height:220px;position:relative;width:220px}.diy-group .goods-group .lists.list-4 .item[data-v-e789509c] .el-image img{left:0;position:absolute;top:0}.diy-group .goods-group .lists.list-4 .item .info[data-v-e789509c]{text-align:left}.diy-group .goods-group .lists.list-4 .item .name[data-v-e789509c]{-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-e789509c]{width:100%}.diy-group .goods-group .lists.pic[data-v-e789509c]{grid-template-columns:repeat(1,1fr)}.diy-group .goods-group .lists.pic .item[data-v-e789509c]{-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-e789509c] .el-image{height:0;padding-bottom:100%;position:relative;width:100%}.diy-group .goods-group .lists.pic .item[data-v-e789509c] .el-image img{left:0;position:absolute;top:0}.diy-group .goods-group .lists.pic .item .name[data-v-e789509c]{-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-e789509c]{width:100%}.diy-group .goods-group .lists.line[data-v-e789509c]{display:flex;gap:1.2rem;grid-template-columns:unset;overflow-x:auto}.diy-group .goods-group .lists.line[data-v-e789509c]::-webkit-scrollbar{display:none}.diy-group .goods-group .lists.line .item[data-v-e789509c]{-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-e789509c] .el-image{height:220px;position:relative;width:220px}.diy-group .goods-group .lists.line .item[data-v-e789509c] .el-image img{left:0;position:absolute;top:0}.diy-group .goods-group .lists.line .item .info[data-v-e789509c]{text-align:left}.diy-group .goods-group .lists.line .item .name[data-v-e789509c]{-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-e789509c]{width:100%}.diy-group .empty[data-v-e789509c]{padding:10rem;text-align:center}.diy-group .empty img[data-v-e789509c]{margin-bottom:1.6rem;width:12rem}.diy-group .empty img+p[data-v-e789509c]{line-height:2.8rem}.diy-group .empty .el-button[data-v-e789509c]{font-size:12px;height:36px!important;margin-top:16px;width:122px}.diy-navs-fixed[data-v-c331e182]{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-c331e182]{color:#333;font-size:1.6rem}.diy-navs-fixed .navs[data-v-c331e182]{display:grid;gap:.8rem;grid-template-columns:repeat(1,1fr)}.diy-navs-fixed .navs .nav-item[data-v-c331e182]{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-c331e182]{height:2.4rem;margin-bottom:.4rem;width:2.4rem}.diy-navs-fixed .navs .nav-item .title[data-v-c331e182]{font-size:1.2rem;text-align:center}.diy-navs-fixed .navs .nav-item.active[data-v-c331e182],.diy-navs-fixed .navs .nav-item[data-v-c331e182]:hover{background-color:var(--btn-active-color)!important}.diy-navs-fixed .navs .nav-item.active .title[data-v-c331e182],.diy-navs-fixed .navs .nav-item:hover .title[data-v-c331e182]{color:var(--btn-active-text-color)!important}.diy-navs-fixed .navs .back-top[data-v-c331e182]{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-0dba5bfb]{background:#fff;background-repeat:no-repeat;background-size:cover}.diy-container .container-title[data-v-0dba5bfb]{background-repeat:no-repeat;font-weight:600}.diy-container .component-item[data-v-0dba5bfb]{position:relative}.diy-buttons[data-v-74101ee1]{width:100%}.diy-buttons .btn[data-v-74101ee1]{align-items:center;border-style:solid;cursor:pointer;display:flex;justify-content:center;max-width:100%}.diy-buttons .btn[data-v-74101ee1]:hover{background-color:var(--ys-primary-light)!important;color:var(--active-color)!important}.diy-buttons.align-center .btn[data-v-74101ee1]{margin:auto}.diy-buttons.align-left .btn[data-v-74101ee1]{margin-right:auto}.diy-buttons.align-right .btn[data-v-74101ee1]{margin-left:auto}.diy-pic-text[data-v-b76d1d9c]{overflow:hidden;position:relative}.diy-pic-text .wrapper[data-v-b76d1d9c]{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.diy-pic-text .wrapper.w-two .item[data-v-b76d1d9c]{width:calc(50% - 2rem)}.diy-pic-text .wrapper.w-three .item[data-v-b76d1d9c]{width:calc(33.33% - 2rem)}.diy-pic-text .wrapper.w-four .item[data-v-b76d1d9c],.diy-pic-text .wrapper.w-line .item[data-v-b76d1d9c]{width:calc(25% - 2rem)}.diy-pic-text .wrapper.w-line[data-v-b76d1d9c]{flex-wrap:nowrap;gap:2rem;overflow-x:auto}.diy-pic-text .wrapper.w-line[data-v-b76d1d9c]::-webkit-scrollbar{display:none}.diy-pic-text .wrapper.w-line .item[data-v-b76d1d9c]{min-width:calc(25% - 1.5rem)}.diy-pic-text .wrapper .item[data-v-b76d1d9c]{overflow:hidden}.diy-pic-text .wrapper .item .img[data-v-b76d1d9c]{line-height:1;overflow:visible}.diy-pic-text .wrapper .item img[data-v-b76d1d9c]{max-width:100%;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease-in-out}.diy-pic-text .wrapper .item .desc[data-v-b76d1d9c]{box-sizing:border-box;line-height:1.6}.diy-pic-text .wrapper .item.small[data-v-b76d1d9c]{padding:var(--padding-x) var(--padding-y)}.diy-pic-text .wrapper .item.small .title[data-v-b76d1d9c]{margin:1.6rem 0}.diy-pic-text .wrapper .item.small:hover img[data-v-b76d1d9c]{transform:translateY(-.4rem)}.diy-pic-text .wrapper .item.big .img[data-v-b76d1d9c]{position:relative;width:100%}.diy-pic-text .wrapper .item.big .img img[data-v-b76d1d9c]{-o-object-fit:cover;object-fit:cover;width:100%!important}.diy-pic-text .wrapper .item.big .info[data-v-b76d1d9c]{padding:1rem}.diy-pic-text .wrapper .item.big:hover img[data-v-b76d1d9c]{transform:scale(1.05)}.diy-pic-text .arrows[data-v-b76d1d9c]{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-b76d1d9c]{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-b76d1d9c]{color:#fff}.diy-pic-text .arrows .arrow.left[data-v-b76d1d9c]{border-radius:0 2rem 2rem 0;padding-left:.6rem}.diy-pic-text .arrows .arrow.right[data-v-b76d1d9c]{border-radius:2rem 0 0 2rem;padding-right:.6rem}.diy-pic-text .arrows .arrow.disabled[data-v-b76d1d9c]{cursor:not-allowed}.diy-pic-text .arrows .arrow[data-v-b76d1d9c]:not(.disabled):hover{background:rgba(51,51,51,.435)}.diy-question[data-v-fd9d4bac]{align-items:center;display:flex}.diy-question img[data-v-fd9d4bac]{margin-right:5rem;width:50rem}.diy-question img+div[data-v-fd9d4bac]{width:calc(100% - 55rem)}.diy-question .item[data-v-fd9d4bac]{padding:.8rem 0}.diy-question .item[data-v-fd9d4bac]:not(:last-child){border-bottom:1px solid #ddd}.diy-question .title[data-v-fd9d4bac]{font-weight:600;margin-bottom:.8rem}.author-register[data-v-1e900fed]{--color:var(--ys-primary)}.author-register .el-button[data-v-1e900fed],.author-register .el-form[data-v-1e900fed]{margin:auto}.author-register .el-button[data-v-1e900fed]{--el-button-bg-color:var(--color);--el-button-border-color:var(--color)}.author-register .el-form[data-v-1e900fed]{margin-bottom:30px}.author-register .code-item[data-v-1e900fed] .el-form-item__content{flex-wrap:nowrap}.author-register .code-item[data-v-1e900fed] .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-1e900fed] .el-form-item__content .el-button.is-disabled{color:var(--ys-text-200)!important}.diy-register[data-v-6e7b04a9]{overflow:hidden}.diy-video video[data-v-4fbf4926]{width:100%}