.history-and-collcet[data-v-12328544]{background:#fff;border-radius:3px;box-shadow:0 4px 20px #00000026;left:calc(var(--fix-left-value)*1px);outline:none;position:fixed;top:calc(var(--fix-top-value)*1px);transform:translate(calc(-100% - 8px));-webkit-user-select:none;-moz-user-select:none;user-select:none;width:240px;z-index:999}.history-and-collcet .title-area[data-v-12328544]{align-items:center;display:flex;height:40px;justify-content:space-between;padding:0 12px 0 16px;position:relative}.history-and-collcet .title-area .title[data-v-12328544]{color:#313439;font-family:"OPPO Sans 4.0";font-size:12px;font-style:normal;font-weight:500;line-height:18px}.history-and-collcet .title-area .close-btn[data-v-12328544]{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.history-and-collcet .title-area .close-btn .close-icon[data-v-12328544]{height:16px;width:16px}.history-and-collcet .title-area[data-v-12328544]:after{background:#3134390f;bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}.history-and-collcet .content-area[data-v-12328544]{display:flex;flex-direction:column;max-height:450px}.history-and-collcet .content-area .item[data-v-12328544]{box-sizing:border-box;padding:8px 16px 12px;position:relative;width:240px}.history-and-collcet .content-area .item.color[data-v-12328544]{padding:8px 0 12px}.history-and-collcet .content-area .item.color .item-label[data-v-12328544]{padding:0 16px}.history-and-collcet .content-area .item.color .item-list.collect .color-item[data-v-12328544]{padding:0 12px}.history-and-collcet .content-area .item .item-label[data-v-12328544]{color:#313439b3;font-family:"OPPO Sans 4.0";font-size:11px;font-style:normal;font-weight:400;height:18px;line-height:18px}.history-and-collcet .content-area .item .item-list[data-v-12328544]{display:flex;margin-top:6px}.history-and-collcet .content-area .item .item-list.history[data-v-12328544]{flex-direction:row;flex-wrap:wrap;gap:8px 6.8px}.history-and-collcet .content-area .item .item-list.history .color-item[data-v-12328544]{background:var(--color-value);border-radius:2px;height:20px;position:relative;width:20px}.history-and-collcet .content-area .item .item-list.history .color-item[data-v-12328544]:after{border:1px solid rgba(49,52,57,.12);border-radius:inherit;box-sizing:border-box;content:"";inset:0;position:absolute}.history-and-collcet .content-area .item .item-list.history .color-item[data-v-12328544]:hover:before{border:1px solid rgba(49,52,57,.2);border-radius:inherit;box-sizing:border-box;content:"";height:calc(100% + 2px);left:-1px;position:absolute;top:-1px;width:calc(100% + 2px)}.history-and-collcet .content-area .item .item-list.history .color-item[data-v-12328544]:hover:after{border:1px solid #fff}.history-and-collcet .content-area .item .item-list.collect[data-v-12328544]{flex-direction:column;gap:4px}.history-and-collcet .content-area .item .item-list.collect .color-item[data-v-12328544]{align-items:center;display:flex;flex-direction:row;gap:4px;height:28px;justify-content:space-between;width:100%}.history-and-collcet .content-area .item .item-list.collect .color-item .color-content[data-v-12328544]{align-items:center;border-radius:3px;display:flex;flex:1;flex-direction:row;gap:4px;height:100%}.history-and-collcet .content-area .item .item-list.collect .color-item .color-content .color-box[data-v-12328544]{align-items:center;display:flex;height:28px;justify-content:center;width:28px}.history-and-collcet .content-area .item .item-list.collect .color-item .color-content .color-box .color-block[data-v-12328544]{background:var(--color-value);border-radius:50%;height:20px;position:relative;width:20px}.history-and-collcet .content-area .item .item-list.collect .color-item .color-content .color-box .color-block[data-v-12328544]:after{border:1px solid rgba(49,52,57,.12);border-radius:inherit;box-sizing:border-box;content:"";inset:0;position:absolute}.history-and-collcet .content-area .item .item-list.collect .color-item .color-content .color-name[data-v-12328544]{color:#313439;font-family:"OPPO Sans 4.0";font-size:12px;font-style:normal;font-weight:400;line-height:18px}.history-and-collcet .content-area .item .item-list.collect .color-item .btn[data-v-12328544]{align-items:center;background:transparent;border-radius:3px;display:flex;height:28px;justify-content:center;width:28px}.history-and-collcet .content-area .item .item-list.collect .color-item .btn[data-v-12328544]:hover{background:#31343908}.history-and-collcet .content-area .item .item-list.collect .color-item .btn .icon[data-v-12328544]{color:transparent;height:16px;width:16px}.history-and-collcet .content-area .item .item-list.collect .color-item:hover .color-content[data-v-12328544]{background:#31343908}.history-and-collcet .content-area .item .item-list.collect .color-item:hover .btn .icon[data-v-12328544]{color:#313439d9}.history-and-collcet .content-area .item .item-list .color-no-data[data-v-12328544]{color:#31343959;font-family:"OPPO Sans 4.0";font-size:12px;font-style:normal;font-weight:400;line-height:18px;text-align:center;width:100%}.history-and-collcet .content-area .item[data-v-12328544]:last-child{padding-bottom:16px}.history-and-collcet .content-area .item[data-v-12328544]:last-child:after{display:none}.history-and-collcet .content-area .item[data-v-12328544]:after{background:#3134390f;bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}.history-and-collcet[data-v-12328544]{--fix-top-value:var(--597cacc4);--fix-left-value:var(--53d5bb10)}