@keyframes c-entrance-data-v-2916b8f3{0%{opacity:0}to{opacity:1}}[data-v-2916b8f3]{padding:0;margin:0}.fl[data-v-2916b8f3]{display:flex;align-items:center;justify-content:center}.clearfix[data-v-2916b8f3]:after{display:block;content:"";clear:both}.page-size[data-v-2916b8f3]{height:26px;line-height:26px}.page-list__btn[data-v-2916b8f3]{width:28px;height:28px;background:#00388b;font-size:.375rem;border-radius:32px}.page-list .defaulte[data-v-2916b8f3]{background:rgba(0,56,139,.15)}ul[data-v-2916b8f3]{list-style:none}ul li[data-v-2916b8f3]{width:28px;height:28px;color:#fff;background:#d7d7d7;cursor:pointer;border-radius:50%;margin:0 5px;display:flex;align-items:center;justify-content:center}ul>li.active[data-v-2916b8f3]{background:#039;color:#fff}@keyframes c-entrance-data-v-a381d448{0%{opacity:0}to{opacity:1}}[data-view-desktop] h1[data-v-a381d448],[data-view-desktop] h2[data-v-a381d448],[data-view-desktop] p[data-v-a381d448],[data-view-desktop] span[data-v-a381d448]{padding:0;margin:0}[data-view-desktop] .c-color[data-v-a381d448]{width:37.5rem;padding:1.5625rem 0 1.6875rem;margin:0 auto;display:flex;flex-direction:column;align-items:center}[data-view-desktop] h2[data-v-a381d448]{font-size:1.125rem;font-weight:700;color:#70564c}[data-view-desktop] .c-color__search[data-v-a381d448]{width:100%;margin:1.5625rem 0}[data-view-desktop] .c-color__search__box[data-v-a381d448]{width:21.875rem;height:1.875rem;margin:0 auto;position:relative}[data-view-desktop] .c-color__search__icon[data-v-a381d448]{width:.71875rem;height:.71875rem;position:absolute;right:.5625rem;z-index:1;top:50%;transform:translateY(-50%)}[data-view-desktop] .c-color__content[data-v-a381d448]{width:100%;display:flex;flex-direction:column;align-items:center;overflow:hidden}[data-view-desktop] .c-color__content__btn[data-v-a381d448]{width:100%;display:flex;align-items:flex-end;flex-wrap:nowrap}[data-view-desktop] .c-color__content__btn__item[data-v-a381d448]{width:5.40625rem;flex:1;cursor:pointer}[data-view-desktop] .c-color__content__btn__item__title[data-v-a381d448]{width:100%;height:1.65625rem;font-size:.6875rem;color:#666;border-radius:.375rem .375rem 0 0;display:flex;align-items:center;justify-content:center;position:relative}[data-view-desktop] .c-color__content__btn__item--active[data-v-a381d448]{width:100%;color:#70564c;font-weight:700;background-color:#fff;background-image:url(/_nuxt/img/selectd-bg.8d289ca.png);height:2.03125rem;background-repeat:no-repeat;flex:1}[data-view-desktop] .c-color__content__box[data-v-a381d448]{width:100%;background-color:#fff;padding:1.25rem 0 1.09375rem;box-shadow:0 .1875rem .375rem 0 rgba(217,210,200,.3);border-radius:0 0 .375rem .375rem;display:flex;flex-direction:column}[data-view-desktop] .c-color__content__second[data-v-a381d448],[data-view-desktop] .c-color__content__third[data-v-a381d448]{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}[data-view-desktop] .c-color__content__second__item[data-v-a381d448]{width:5rem;height:1.25rem;margin:0 .375rem;font-size:.625rem;color:#666;background:#fff;border-radius:.625rem;border:.03125rem solid #b6b3b0;display:flex;align-items:center;justify-content:center;cursor:pointer}[data-view-desktop] .c-color__content__second__item--active[data-v-a381d448]{font-weight:700;color:#fff;background:#70564c;border-radius:.625rem}[data-view-desktop] .c-color__content__third[data-v-a381d448]{margin-top:.9375rem}[data-view-desktop] .c-color__content__third__item[data-v-a381d448]{margin:0 .625rem;font-size:.5625rem;color:#666;display:flex;align-items:center;justify-content:center;cursor:pointer}[data-view-desktop] .c-color__content__third__item--active[data-v-a381d448]{font-weight:700;color:#70564c}[data-view-desktop] .c-color__content__card[data-v-a381d448]{width:34.9375rem;margin:.9375rem auto 0;display:flex;flex-wrap:wrap;flex:1;align-content:flex-start;justify-content:flex-start;place-content:flex-start;flex-shrink:0}[data-view-desktop] .c-color__content__card__item[data-v-a381d448]{width:3.4375rem;height:3.4375rem;margin-bottom:1.25rem;margin-right:1.0625rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;border-radius:0 .375rem 0 .375rem}[data-view-desktop] .c-color__content__card__item__img[data-v-a381d448]{width:3.4375rem;height:3.4375rem;border-radius:0 .375rem 0 .375rem;position:absolute;left:0;top:0}[data-view-desktop] .last-in-row[data-v-a381d448]{margin-right:0}[data-view-desktop] .c-color__content__card__item__name[data-v-a381d448]{position:absolute;color:#404040;width:100%;padding:0 .5rem;text-align:center;left:0;bottom:.46875rem;font-size:.5625rem}[data-view-desktop] .c-color__content__null[data-v-a381d448]{width:100%;height:auto;display:flex;align-items:center;justify-content:center}[data-view-desktop] .c-color__content__null__box[data-v-a381d448]{display:flex;flex-direction:column;align-items:center;justify-content:center}[data-view-desktop] .c-color__content__null__icon[data-v-a381d448]{width:10.875rem;margin:.46875rem auto 0}[data-view-desktop] .c-color__content__null__text[data-v-a381d448]{margin-top:1.25rem;color:#999;font-size:.75rem}[data-view-desktop] .c-color__content__pagination[data-v-a381d448]{width:100%;margin-top:.1875rem;align-self:flex-end}[data-view-desktop] .c-color__content__loadmore[data-v-a381d448]{width:100%;display:flex;align-items:center;justify-content:center;font-size:.6875rem;color:#4f4f4f;cursor:pointer}[data-view-desktop] .c-color__content__loadmore img[data-v-a381d448]{width:.65625rem;height:.65625rem;margin-left:.3125rem}[data-view-desktop] .fl[data-v-a381d448]{display:flex;align-items:center;justify-content:center}[data-view-desktop] .clearfix[data-v-a381d448]:after{display:block;content:"";clear:both}[data-view-desktop] .page-size[data-v-a381d448]{height:26px;line-height:26px}[data-view-desktop] .page-list[data-v-a381d448]{padding:0}[data-view-desktop] .page-list__btn[data-v-a381d448]{width:.90625rem;height:.90625rem;background:#70564c;font-size:.5rem;font-weight:700;color:#fff;border-radius:50%}[data-view-desktop] .page-list .defaulte[data-v-a381d448]{opacity:.5}[data-view-desktop] ul[data-v-a381d448]{list-style:none}[data-view-desktop] ul li[data-v-a381d448]{width:.90625rem;height:.90625rem;color:#70564c;font-size:.5rem;background:#fff;cursor:pointer;border-radius:50%;border:.03125rem solid #70564c;margin:0 5px;display:flex;align-items:center;justify-content:center}[data-view-desktop] ul>li.active[data-v-a381d448]{background:#70564c;font-weight:700;color:#fff}