.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:4px;cursor:pointer;display:flex;flex-direction:column;padding:8px}.diy-navs .navs-wrapper .nav-item img[data-v-95431c4d]{height:34px;margin-bottom:8px;-o-object-fit:contain;object-fit:contain;transition:all .3s;width:34px}.diy-navs .navs-wrapper .nav-item .title[data-v-95431c4d]{font-size:12px;text-align:center}.diy-navs .navs-wrapper .nav-item:hover img[data-v-95431c4d]{transform:translateY(-4px)}.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-3b172981]{position:relative}.diy-search .el-input[data-v-3b172981]{--el-input-border:none;--el-input-border-color:transparent}.diy-search .search-border[data-v-3b172981]{border:2px solid var(--ys-primary);overflow:hidden}.diy-search .search-border .el-input[data-v-3b172981]{--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-3b172981] .el-input__wrapper{padding-right:0}.diy-search .search-border .el-button[data-v-3b172981]{font-size:16px;width:100px}.diy-search .hot-words[data-v-3b172981]{align-items:center;display:flex;flex-wrap:wrap;gap:24px}.diy-search .hot-words .word[data-v-3b172981]{color:var(--ys-text-200);cursor:pointer;font-size:12px;margin-top:6px}.diy-search .hot-words .word.hot-word[data-v-3b172981],.diy-search .hot-words .word[data-v-3b172981]:hover{color:var(--ys-primary)}.diy-slide .line[data-v-0e6de83a]{border:none;border-top:1px solid #ddd;width:100%}.diy-group[data-v-c3551c47]{overflow:hidden;position:relative}.diy-group .arrows[data-v-c3551c47]{align-items:center;bottom:0;display:flex;height:0;justify-content:space-between;left:-10px;margin:auto;position:absolute;right:-10px;top:0}.diy-group .arrows .arrow[data-v-c3551c47]{align-items:center;background:rgba(51,51,51,.2);cursor:pointer;display:flex;height:37px;justify-content:center;width:37px}.diy-group .arrows .arrow .el-icon[data-v-c3551c47]{color:#fff}.diy-group .arrows .arrow.left[data-v-c3551c47]{border-radius:0 20px 20px 0;padding-left:6px}.diy-group .arrows .arrow.right[data-v-c3551c47]{border-radius:20px 0 0 20px;padding-right:6px}.diy-group .arrows .arrow.disabled[data-v-c3551c47]{cursor:not-allowed}.diy-group .arrows .arrow[data-v-c3551c47]:not(.disabled):hover{background:rgba(51,51,51,.435)}.diy-group .goods-group.top .navs[data-v-c3551c47]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}.diy-group .goods-group.top .navs.isIcon[data-v-c3551c47]{border-bottom:1px solid #eee}.diy-group .goods-group.top .navs.isIcon .nav[data-v-c3551c47]{align-items:center;border-left-width:0!important;border-right-width:0!important;border-top-width:0!important;display:flex;flex-direction:column;padding-bottom:6px}.diy-group .goods-group.top .navs.isIcon .nav.active[data-v-c3551c47],.diy-group .goods-group.top .navs.isIcon .nav[data-v-c3551c47]:hover{border-bottom-width:2px!important}.diy-group .goods-group.top .navs.isline[data-v-c3551c47]{flex-wrap:nowrap;overflow-x:auto}.diy-group .goods-group.top .navs.isline[data-v-c3551c47]::-webkit-scrollbar{height:6px;width:6px}.diy-group .goods-group.top .navs.isline[data-v-c3551c47]::-webkit-scrollbar-thumb{background-color:var(--ys-gray-300);border-radius:6px}.diy-group .goods-group.left[data-v-c3551c47]{display:flex;flex-wrap:wrap;gap:30px}.diy-group .goods-group.left .navs[data-v-c3551c47]{width:-moz-fit-content;width:fit-content}.diy-group .goods-group.left .navs .nav+.nav[data-v-c3551c47]{margin-top:8px}.diy-group .goods-group.left .empty[data-v-c3551c47]{flex:1;margin-right:100px}.diy-group .goods-group.left .lists.list-4 .item[data-v-c3551c47] .el-image{width:100%}.diy-group .goods-group .nav[data-v-c3551c47]{border-style:solid;cursor:pointer;font-weight:600;padding:4px 12px;white-space:nowrap;width:-moz-fit-content;width:fit-content}.diy-group .goods-group .nav img[data-v-c3551c47]{height:50px;margin-bottom:6px;-o-object-fit:contain;object-fit:contain;width:50px}.diy-group .goods-group .nav.active[data-v-c3551c47],.diy-group .goods-group .nav[data-v-c3551c47]:hover{background:var(--background-color)!important;border-color:var(--border-color)!important;color:var(--active-color)!important}.diy-group .goods-group[data-v-c3551c47] img{mix-blend-mode:darken}.diy-group .goods-group .lists[data-v-c3551c47]{display:grid;flex:1;gap:12px}.diy-group .goods-group .lists .el-button[data-v-c3551c47]{height:40px!important;margin-top:12px}.diy-group .goods-group .lists.list-1[data-v-c3551c47]{grid-template-columns:repeat(1,1fr)}.diy-group .goods-group .lists.list-1 .item[data-v-c3551c47]{align-items:center;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-c3551c47] .el-image{height:200px;margin-right:30px;position:relative;width:200px}.diy-group .goods-group .lists.list-1 .item[data-v-c3551c47] .el-image img{left:0;position:absolute;top:0}.diy-group .goods-group .lists.list-1 .item .name[data-v-c3551c47]{display:-webkit-box;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:20px}.diy-group .goods-group .lists.list-1 .item .el-button[data-v-c3551c47]{width:132px}.diy-group .goods-group .lists.list-2[data-v-c3551c47]{grid-template-columns:repeat(2,1fr)}.diy-group .goods-group .lists.list-2 .item[data-v-c3551c47]{align-items:center;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-c3551c47] .el-image{height:200px;margin-right:30px;position:relative;width:200px}.diy-group .goods-group .lists.list-2 .item[data-v-c3551c47] .el-image img{left:0;position:absolute;top:0}.diy-group .goods-group .lists.list-2 .item .name[data-v-c3551c47]{display:-webkit-box;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:20px}.diy-group .goods-group .lists.list-2 .item .el-button[data-v-c3551c47]{width:132px}.diy-group .goods-group .lists.list-3[data-v-c3551c47]{grid-template-columns:repeat(3,1fr)}.diy-group .goods-group .lists.list-3 .item[data-v-c3551c47]{align-items:center;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;padding:16px}.diy-group .goods-group .lists.list-3 .item[data-v-c3551c47] .el-image{height:120px;margin-right:20px;position:relative;width:120px}.diy-group .goods-group .lists.list-3 .item[data-v-c3551c47] .el-image img{left:0;position:absolute;top:0}.diy-group .goods-group .lists.list-3 .item .name[data-v-c3551c47]{display:-webkit-box;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:20px}.diy-group .goods-group .lists.list-3 .item .el-button[data-v-c3551c47]{width:97px}.diy-group .goods-group .lists.list-4[data-v-c3551c47]{grid-template-columns:repeat(4,1fr)}.diy-group .goods-group .lists.list-4 .item[data-v-c3551c47]{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:16px 20px 72px;position:relative;text-align:center;width:100%}.diy-group .goods-group .lists.list-4 .item[data-v-c3551c47] .el-image{height:220px;position:relative;width:220px}.diy-group .goods-group .lists.list-4 .item[data-v-c3551c47] .el-image img{left:0;position:absolute;top:0}.diy-group .goods-group .lists.list-4 .item .info[data-v-c3551c47]{text-align:left}.diy-group .goods-group .lists.list-4 .item .name[data-v-c3551c47]{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:1;-webkit-box-orient:vertical}.diy-group .goods-group .lists.list-4 .item .el-button[data-v-c3551c47]{bottom:20px;left:20px;position:absolute;right:20px;width:calc(100% - 40px)}.diy-group .goods-group .lists.pic[data-v-c3551c47]{grid-template-columns:repeat(1,1fr)}.diy-group .goods-group .lists.pic .item[data-v-c3551c47]{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:20px}.diy-group .goods-group .lists.pic .item[data-v-c3551c47] .el-image{height:0;padding-bottom:100%;position:relative;width:100%}.diy-group .goods-group .lists.pic .item[data-v-c3551c47] .el-image img{left:0;position:absolute;top:0}.diy-group .goods-group .lists.pic .item .name[data-v-c3551c47]{display:-webkit-box;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:1;-webkit-box-orient:vertical}.diy-group .goods-group .lists.pic .item .el-button[data-v-c3551c47]{width:100%}.diy-group .goods-group .lists.line[data-v-c3551c47]{display:flex;gap:12px;grid-template-columns:unset;overflow-x:auto}.diy-group .goods-group .lists.line[data-v-c3551c47]::-webkit-scrollbar{display:none}.diy-group .goods-group .lists.line .item[data-v-c3551c47]{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% - 9px);padding:16px 20px 72px;position:relative;text-align:center}.diy-group .goods-group .lists.line .item[data-v-c3551c47] .el-image{height:220px;position:relative;width:220px}.diy-group .goods-group .lists.line .item[data-v-c3551c47] .el-image img{left:0;position:absolute;top:0}.diy-group .goods-group .lists.line .item .info[data-v-c3551c47]{text-align:left}.diy-group .goods-group .lists.line .item .name[data-v-c3551c47]{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:1;-webkit-box-orient:vertical}.diy-group .goods-group .lists.line .item .el-button[data-v-c3551c47]{bottom:20px;left:20px;position:absolute;right:20px;width:calc(100% - 40px)}.diy-group .empty[data-v-c3551c47]{padding:100px;text-align:center}.diy-group .empty img[data-v-c3551c47]{margin-bottom:16px;width:120px}.diy-group .empty img+p[data-v-c3551c47]{line-height:28px}.diy-group .empty .el-button[data-v-c3551c47]{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:16px}.diy-navs-fixed .navs[data-v-c331e182]{display:grid;gap:8px;grid-template-columns:repeat(1,1fr)}.diy-navs-fixed .navs .nav-item[data-v-c331e182]{align-items:center;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;padding:4px 8px}.diy-navs-fixed .navs .nav-item img[data-v-c331e182]{height:24px;margin-bottom:4px;width:24px}.diy-navs-fixed .navs .nav-item .title[data-v-c331e182]{font-size:12px;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:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;justify-content:center;left:50%;position:absolute;transform:translate(-50%);white-space:nowrap}.diy-container[data-v-c919cdc2]{background:#fff;background-repeat:no-repeat;background-size:cover}.diy-container .container-title[data-v-c919cdc2]{background-repeat:no-repeat;font-weight:600}.diy-container .component-item[data-v-c919cdc2]{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:20px;justify-content:space-between}.diy-pic-text .wrapper.w-two .item[data-v-b76d1d9c]{width:calc(50% - 20px)}.diy-pic-text .wrapper.w-three .item[data-v-b76d1d9c]{width:calc(33.33% - 20px)}.diy-pic-text .wrapper.w-four .item[data-v-b76d1d9c],.diy-pic-text .wrapper.w-line .item[data-v-b76d1d9c]{width:calc(25% - 20px)}.diy-pic-text .wrapper.w-line[data-v-b76d1d9c]{flex-wrap:nowrap;gap:20px;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% - 15px)}.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:16px 0}.diy-pic-text .wrapper .item.small:hover img[data-v-b76d1d9c]{transform:translateY(-4px)}.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:10px}.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:-10px;margin:auto;position:absolute;right:-10px;top:0}.diy-pic-text .arrows .arrow[data-v-b76d1d9c]{align-items:center;background:rgba(51,51,51,.2);cursor:pointer;display:flex;height:37px;justify-content:center;width:37px}.diy-pic-text .arrows .arrow .el-icon[data-v-b76d1d9c]{color:#fff}.diy-pic-text .arrows .arrow.left[data-v-b76d1d9c]{border-radius:0 20px 20px 0;padding-left:6px}.diy-pic-text .arrows .arrow.right[data-v-b76d1d9c]{border-radius:20px 0 0 20px;padding-right:6px}.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:50px;width:500px}.diy-question img+div[data-v-fd9d4bac]{width:calc(100% - 550px)}.diy-question .item[data-v-fd9d4bac]{padding:8px 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:8px}.diy-register[data-v-6e7b04a9]{overflow:hidden}
