:root{--el-color-primary:#591ff8}.tpl-class-wrapper{display:block;margin:20px 0}.tpl-class-wrapper .filter-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:12px 0;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.tpl-class-wrapper .filter-item .sort-wrap{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.tpl-class-wrapper .filter-item .sort-wrap .sort-item{background-color:#ebebeb;border:1px solid #ebebeb;border-radius:5px;cursor:pointer;margin-right:15px;padding:2px 20px;text-align:center}.tpl-class-wrapper .filter-item .sort-wrap .sort-item.active{background-color:#fff;border:1px solid #591ff8;color:#591ff8}.tpl-class-wrapper .filter-item label{margin-right:10px;padding:3px}.tpl-class-wrapper .filter-item .list{-webkit-box-flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.tpl-class-wrapper .filter-item .list .list-item{cursor:pointer;display:inline-block;margin-right:10px;padding:3px 12px}.tpl-class-wrapper .filter-item .list .list-item.active{background-color:#591ff8;border-radius:4px;color:#fff}.tpl-class-wrapper .filter-item .color-list{-webkit-box-flex:1;display:grid;-webkit-flex:1;-ms-flex:1;flex:1;gap:10px;grid-template-columns:repeat(auto-fill,minmax(24px,1fr))}.tpl-class-wrapper .filter-item .color-list .list-item{cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.tpl-class-wrapper .filter-item .color-list .list-item .nuxt-icon{color:#fff;font-size:20px;font-weight:700;margin-bottom:5px}.tpl-class-wrapper .filter-item .el-dropdown{color:#333;font-size:14px}.tpl-class-wrapper .filter-item .el-dropdown .el-dropdown-link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:2px 12px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border:1px solid #cbcbcb;border-radius:4px;color:var(--el-text-color-regular);cursor:pointer;font-size:13px}.tpl-class-wrapper .filter-item .el-dropdown .el-dropdown-link .nuxt-icon{color:var(--el-text-color-regular);font-size:18px;margin-left:10px}.tpl-class-wrapper .color-item{border-radius:4px;height:24px;width:24px}.tpl-class-wrapper .color-item .nuxt-icon{color:#fff}.sortBy-dropdown .el-dropdown-menu{padding:3px 12px}.sortBy-dropdown .el-dropdown-menu li{color:var(--el-text-color-regular);cursor:pointer;font-size:13px;margin:5px 0;padding:3px 0 3px 12px;width:100px}.sortBy-dropdown .el-dropdown-menu li.active,.sortBy-dropdown .el-dropdown-menu li:hover{background-color:#eee;border-radius:4px;color:var(--el-text-color-regular)}.sortBy-dropdown .el-dropdown-menu li .nuxt-icon{color:#591ff8;margin-left:10px}.sortBy-dropdown .el-popper__arrow{display:none}