.inner[data-v-d7c3fbf3]{border:1px solid var(--divide-color);border-radius:16px}.compare-title[data-v-d7c3fbf3]{background:var(--bg-grey);border-bottom:1px solid var(--divide-color);border-radius:16px 16px 0 0;font-size:16px;font-weight:700;height:44px}.content[data-v-d7c3fbf3]{background-color:var(--bg-white);border-bottom-left-radius:16px;border-bottom-right-radius:16px}.pic[data-v-d7c3fbf3]{padding-bottom:17px}.pic .left[data-v-d7c3fbf3],.pic .right[data-v-d7c3fbf3]{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center}.pic .right.active[data-v-d7c3fbf3]{color:var(--text-success)}.pic .right.active .icon[data-v-d7c3fbf3]{border-color:var(--text-success)}.pic .right.active .product-desc[data-v-d7c3fbf3],.pic .right.active[data-v-d7c3fbf3] .ant-rate{color:var(--text-success)}.pic .vs[data-v-d7c3fbf3]{align-items:center;background:var(--text-primary);border-radius:50%;color:var(--text-inverse);display:flex;font-size:12px;font-weight:700;height:28px;justify-content:center;line-height:1;margin-left:0;margin-right:0;margin-top:40px;position:relative;width:28px}@media screen and (min-width:768px){.pic .vs[data-v-d7c3fbf3]{font-size:16px;height:40px;margin-left:10px;margin-right:10px;width:40px}}.pic .vs span[data-v-d7c3fbf3]{position:relative;z-index:2}.pic .vs[data-v-d7c3fbf3]:before{border:10px solid transparent;border-right:20px solid var(--text-primary);content:"";display:none;left:0;position:absolute;top:50%;transform:translate(-70%) translateY(-50%);z-index:1}@media screen and (min-width:768px){.pic .vs[data-v-d7c3fbf3]:before{display:block}}.pic .vs[data-v-d7c3fbf3]:after{border:10px solid transparent;border-left:20px solid var(--text-primary);content:"";display:none;position:absolute;right:0;top:50%;transform:translate(70%) translateY(-50%);z-index:1}@media screen and (min-width:768px){.pic .vs[data-v-d7c3fbf3]:after{display:block}}.pic .icon[data-v-d7c3fbf3]{border:1px solid var(--divide-color);border-radius:50%;height:100px;position:relative;width:100px}.pic .icon img[data-v-d7c3fbf3]{border-radius:50%}@media screen and (min-width:768px){.pic .icon[data-v-d7c3fbf3]{height:120px;width:120px}}.pic .winner[data-v-d7c3fbf3]{background:var(--text-success);border-radius:50%;bottom:0;color:var(--text-inverse);height:24px;left:50%;position:absolute;transform:translate(-50%) translateY(50%);width:24px}.pic .winner .svg-icon[data-v-d7c3fbf3]{height:12px;width:12px}.pic .product-title[data-v-d7c3fbf3]{font-size:14px;line-height:16px;margin-top:18px;width:100%}.pic .product-desc[data-v-d7c3fbf3]{color:var(--content-secondary);font-size:10px;margin-top:6px;width:100%}.pic .rate[data-v-d7c3fbf3]{margin-top:18px}.pic .rate[data-v-d7c3fbf3] .ant-rate{color:var(--text-primary)}.params[data-v-d7c3fbf3]{margin-bottom:16px}.params .param-item[data-v-d7c3fbf3]{border-radius:16px;display:flex;overflow:hidden;position:relative;width:100%}.params .param-item+.param-item[data-v-d7c3fbf3]{margin-top:10px}.params .param-item[data-v-d7c3fbf3]:not(.circle){background-color:var(--bg-grey)}.params .param-item .param-name[data-v-d7c3fbf3]{font-size:12px;font-weight:700;left:50%;max-width:100px;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.params .param-item .param-left[data-v-d7c3fbf3],.params .param-item .param-right[data-v-d7c3fbf3]{color:var(--content-primary);flex:1;font-size:12px;padding:10px 20px}.params .param-item .param-left[data-v-d7c3fbf3]{padding-right:20%}.params .param-item .param-left.active[data-v-d7c3fbf3]{background:linear-gradient(90deg,#d0fae5,#f7fafc);color:var(--text-success);font-weight:700}.params .param-item .param-right[data-v-d7c3fbf3]{padding-left:20%}.params .param-item .param-right.active[data-v-d7c3fbf3]{background:linear-gradient(90deg,#f7fafc,#d0fae5);color:var(--text-success);font-weight:700}.params .param-item .param-right[data-v-d7c3fbf3]{color:var(--content-primary);text-align:right}.params .param-item .dot[data-v-d7c3fbf3]{height:22px;margin-top:5px;width:20px}.diff-btn[data-v-d7c3fbf3]{background:var(--color-primary);border-radius:22px;box-shadow:0 4px 8px #615fff4d;color:var(--text-inverse);cursor:pointer;font-size:16px;font-weight:700;height:44px;line-height:18px;margin-top:auto}.diff-btn .svg-icon[data-v-d7c3fbf3]{height:10px;margin-left:10px;width:13px}