.compare-container {
    max-width: 1170px;
    margin: 0 auto;
}
.product-compare-wrap.product-compare-component-root {
    padding: 4.5rem 1.5rem 8rem 1.5rem;
}
.product-compare-wrap .product-compare-title {
    border-bottom: 1px solid #F2F2F2;
    padding: 11px 0;
}

.product-compare-wrap .product-compare-title .compare-title-content {
    display: flex;
    justify-content: space-between;
    /* max-width: 1240px; */
    padding: 0 30px;
    margin: 0 auto;
}

.product-compare-wrap .product-compare-title .compare-title {
    font-size: 2.8rem;
    line-height: 40px;
    color: #333;
}

.product-compare-wrap .product-compare-title .compare-same {
    width: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    border-radius: 4px;
    background-color: #FAFAFA;
    cursor: pointer;
}

.product-compare-wrap .product-compare-title .compare-same span {
    padding-left: 30px;
    color: #272A31;
    position: relative;
}

.product-compare-wrap .product-compare-title .compare-same span::after {
    position: absolute;
    top: -3px;
    left: 0;
    width: 25px;
    height: 24px;
    content: '';
    background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjUgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJ2aXNpYmlsaXR5X29mZiI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMTU5XzYzNzMpIj4KPHJlY3QgeD0iMC41IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSIxMiIgZmlsbD0iIzI3MkEzMSIvPgo8bWFzayBpZD0ibWFzazBfMTE1OV82MzczIiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjUiIGhlaWdodD0iMjQiPgo8cmVjdCBpZD0iQm91bmRpbmcgYm94IiB4PSIwLjUiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iIzFEMUQxRiIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMTE1OV82MzczKSI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik04LjY3ODY2IDcuMTU0MDZDOC42Mzc2OCA3LjEwODcyIDguNTg3OTQgNy4wNzE4MiA4LjUzMjMyIDcuMDQ1NDhDOC40NzY2OSA3LjAxOTE1IDguNDE2MyA3LjAwMzkyIDguMzU0NjQgNy4wMDA2NkM4LjI5Mjk3IDYuOTk3NDEgOC4yMzEyNiA3LjAwNjE5IDguMTczMDggNy4wMjY1MkM4LjExNDkgNy4wNDY4NCA4LjA2MTQxIDcuMDc4MjkgOC4wMTU3MSA3LjExOTA1QzcuOTcwMDEgNy4xNTk4MiA3LjkzMzAxIDcuMjA5MDcgNy45MDY4NCA3LjI2Mzk3QzcuODgwNjggNy4zMTg4NyA3Ljg2NTg4IDcuMzc4MzIgNy44NjMzMSA3LjQzODg4QzcuODYwNzMgNy40OTk0MyA3Ljg3MDQyIDcuNTU5ODggNy44OTE4MyA3LjYxNjczQzcuOTEzMjMgNy42NzM1OCA3Ljk0NTkyIDcuNzI1NyA3Ljk4OCA3Ljc3MDA2TDkuMTEwMzMgOC45ODIwM0M2Ljk5MTY2IDEwLjI1ODEgNi4wODA0OSAxMi4yMjUyIDYuMDQwMjQgMTIuMzE0NUM2LjAxMzcxIDEyLjM3MzEgNiAxMi40MzY1IDYgMTIuNTAwNkM2IDEyLjU2NDcgNi4wMTM3MSAxMi42MjgxIDYuMDQwMjQgMTIuNjg2NkM2LjA2MDY2IDEyLjczMTkgNi41NTQ3NCAxMy44MDcgNy42NTMxNiAxNC44ODVDOS4xMTY3NSAxNi4zMjA4IDEwLjk2NTMgMTcuMDc5OSAxMyAxNy4wNzk5QzE0LjA0NTcgMTcuMDg1OCAxNS4wODA4IDE2Ljg3NDUgMTYuMDM3NCAxNi40NTk5TDE3LjMyMDggMTcuODQ1OUMxNy4zNjE3IDE3Ljg5MTMgMTcuNDExNSAxNy45MjgyIDE3LjQ2NzEgMTcuOTU0NUMxNy41MjI3IDE3Ljk4MDggMTcuNTgzMSAxNy45OTYxIDE3LjY0NDggMTcuOTk5M0MxNy43MDY0IDE4LjAwMjYgMTcuNzY4MiAxNy45OTM4IDE3LjgyNjMgMTcuOTczNUMxNy44ODQ1IDE3Ljk1MzIgMTcuOTM4IDE3LjkyMTcgMTcuOTgzNyAxNy44ODA5QzE4LjAyOTQgMTcuODQwMiAxOC4wNjY0IDE3Ljc5MDkgMTguMDkyNiAxNy43MzZDMTguMTE4NyAxNy42ODExIDE4LjEzMzUgMTcuNjIxNyAxOC4xMzYxIDE3LjU2MTFDMTguMTM4NyAxNy41MDA2IDE4LjEyOSAxNy40NDAxIDE4LjEwNzYgMTcuMzgzM0MxOC4wODYyIDE3LjMyNjQgMTguMDUzNSAxNy4yNzQzIDE4LjAxMTQgMTcuMjI5OUw4LjY3ODY2IDcuMTU0MDZaTTExLjQzOTYgMTEuNDk1OEwxMy44NzAzIDE0LjEyMDdDMTMuNTA0MyAxNC4zMDk3IDEzLjA4NDcgMTQuMzc0IDEyLjY3NzMgMTQuMzAzNkMxMi4yNyAxNC4yMzMyIDExLjg5OCAxNC4wMzE5IDExLjYxOTggMTMuNzMxNkMxMS4zNDE3IDEzLjQzMTIgMTEuMTczIDEzLjA0ODYgMTEuMTQwNCAxMi42NDM5QzExLjEwNzggMTIuMjM5MyAxMS4yMTMgMTEuODM1NCAxMS40Mzk2IDExLjQ5NThaTTEzIDE2LjE2NEMxMS4yMDQ1IDE2LjE2NCA5LjYzNTkxIDE1LjUyMzMgOC4zMzc0MSAxNC4yNjA0QzcuODA0NDMgMTMuNzQwNiA3LjM1MTEyIDEzLjE0NzYgNi45OTE2NiAxMi41QzcuMjY1MjUgMTEuOTk2OCA4LjEzODUgMTAuNTg4NCA5Ljc1Mzc1IDkuNjczMDNMMTAuODAzNyAxMC44MDM3QzEwLjM5NzIgMTEuMzE0NyAxMC4xODc5IDExLjk1MDIgMTAuMjEyNyAxMi41OThDMTAuMjM3NSAxMy4yNDU4IDEwLjQ5NDggMTMuODY0MSAxMC45MzkyIDE0LjM0MzdDMTEuMzgzNiAxNC44MjMzIDExLjk4NjUgMTUuMTMzMyAxMi42NDEyIDE1LjIxODhDMTMuMjk2IDE1LjMwNDMgMTMuOTYwNSAxNS4xNiAxNC41MTczIDE0LjgxMTJMMTUuMzc2NSAxNS43Mzg2QzE0LjYxODIgMTYuMDI0MSAxMy44MTIyIDE2LjE2ODQgMTMgMTYuMTY0Wk0xMy4zNSAxMC43MDA3QzEzLjIyODQgMTAuNjc3OSAxMy4xMjEgMTAuNjA4NiAxMy4wNTE0IDEwLjUwODFDMTIuOTgxOCAxMC40MDc2IDEyLjk1NTggMTAuMjg0MSAxMi45NzkgMTAuMTY0OEMxMy4wMDIyIDEwLjA0NTUgMTMuMDcyOCA5Ljk0MDA1IDEzLjE3NTIgOS44NzE3N0MxMy4yNzc2IDkuODAzNDggMTMuNDAzNCA5Ljc3NzkyIDEzLjUyNSA5LjgwMDY5QzE0LjExOTggOS45MTM4NiAxNC42NjEzIDEwLjIxMjcgMTUuMDY4OSAxMC42NTI2QzE1LjQ3NjUgMTEuMDkyNSAxNS43MjgyIDExLjY1IDE1Ljc4NjYgMTIuMjQxOEMxNS43OTgxIDEyLjM2MjcgMTUuNzYwMiAxMi40ODMyIDE1LjY4MTIgMTIuNTc2N0MxNS42MDIyIDEyLjY3MDIgMTUuNDg4NiAxMi43MjkxIDE1LjM2NTQgMTIuNzQwNEMxNS4zNTA4IDEyLjc0MTMgMTUuMzM2MiAxMi43NDEzIDE1LjMyMTcgMTIuNzQwNEMxNS4yMDUgMTIuNzQwOSAxNS4wOTI0IDEyLjY5ODUgMTUuMDA2MSAxMi42MjE2QzE0LjkxOTcgMTIuNTQ0NyAxNC44NjU4IDEyLjQzODggMTQuODU1IDEyLjMyNDhDMTQuODE1NyAxMS45MzEyIDE0LjY0OCAxMS41NjA1IDE0LjM3NjkgMTEuMjY3OEMxNC4xMDU3IDEwLjk3NTIgMTMuNzQ1NiAxMC43NzYzIDEzLjM1IDEwLjcwMDdaTTE5Ljk1OCAxMi42ODY2QzE5LjkzMzUgMTIuNzQwNCAxOS4zNDI2IDE0LjAyNDUgMTguMDEyIDE1LjE5NDJDMTcuOTY2NSAxNS4yMzU0IDE3LjkxMzIgMTUuMjY3MyAxNy44NTUgMTUuMjg4MUMxNy43OTY4IDE1LjMwODkgMTcuNzM1IDE1LjMxODIgMTcuNjczMiAxNS4zMTUzQzE3LjYxMTQgMTUuMzEyNCAxNy41NTA3IDE1LjI5NzUgMTcuNDk0OCAxNS4yNzE0QzE3LjQzODkgMTUuMjQ1MyAxNy4zODg4IDE1LjIwODUgMTcuMzQ3NiAxNS4xNjMzQzE3LjMwNjMgMTUuMTE4IDE3LjI3NDYgMTUuMDY1MSAxNy4yNTQzIDE1LjAwNzdDMTcuMjM0IDE0Ljk1MDMgMTcuMjI1NiAxNC44ODk1IDE3LjIyOTUgMTQuODI4OUMxNy4yMzM0IDE0Ljc2ODIgMTcuMjQ5NiAxNC43MDkgMTcuMjc3MSAxNC42NTQ1QzE3LjMwNDYgMTQuNjAwMSAxNy4zNDI4IDE0LjU1MTUgMTcuMzg5NiAxNC41MTE3QzE4LjA0MjQgMTMuOTM2MiAxOC41OTA3IDEzLjI1NTkgMTkuMDExMyAxMi41QzE4LjY1MSAxMS44NTE4IDE4LjE5NjcgMTEuMjU4NCAxNy42NjI2IDEwLjczODRDMTYuMzY0MSA5LjQ3NjY2IDE0Ljc5NTUgOC44MzYwNCAxMyA4LjgzNjA0QzEyLjYyMTcgOC44MzU1OSAxMi4yNDQgOC44NjU2NSAxMS44NzA3IDguOTI1OTJDMTEuODEgOC45MzY0NiAxMS43NDc3IDguOTM1MDkgMTEuNjg3NiA4LjkyMTg5QzExLjYyNzQgOC45MDg2OCAxMS41NzA1IDguODgzOTEgMTEuNTIwMiA4Ljg0OTAxQzExLjQ2OTggOC44MTQxIDExLjQyNyA4Ljc2OTc1IDExLjM5NDIgOC43MTg1MUMxMS4zNjE0IDguNjY3MjggMTEuMzM5MyA4LjYxMDE3IDExLjMyOTEgOC41NTA1QzExLjMxOSA4LjQ5MDgzIDExLjMyMDkgOC40Mjk3NyAxMS4zMzQ5IDguMzcwODVDMTEuMzQ5IDguMzExOTMgMTEuMzc0NyA4LjI1NjMyIDExLjQxMDcgOC4yMDcyM0MxMS40NDY4IDguMTU4MTQgMTEuNDkyNCA4LjExNjU0IDExLjU0NDkgOC4wODQ4NEMxMS41OTc0IDguMDUzMTQgMTEuNjU1OCA4LjAzMTk2IDExLjcxNjcgOC4wMjI1M0MxMi4xNDA4IDcuOTUzNzkgMTIuNTcwMSA3LjkxOTUyIDEzIDcuOTIwMDVDMTUuMDM0NyA3LjkyMDA1IDE2Ljg4MzMgOC42NzkxOCAxOC4zNDY4IDEwLjExNTZDMTkuNDQ1MyAxMS4xOTM2IDE5LjkzOTMgMTIuMjY5MyAxOS45NTk4IDEyLjMxNDVDMTkuOTg2MyAxMi4zNzMxIDIwIDEyLjQzNjUgMjAgMTIuNTAwNkMyMCAxMi41NjQ3IDE5Ljk4NjMgMTIuNjI4MSAxOS45NTk4IDEyLjY4NjZIMTkuOTU4WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L2c+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTE1OV82MzczIj4KPHJlY3QgeD0iMC41IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSIxMiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K") no-repeat;
    cursor: pointer;
}

.product-compare-wrap .product-compare-title .compare-same.show-same span::after {
    background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjUgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJ2aXNpYmlsaXR5X29mZiI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMTU5XzYzNjgpIj4KPHJlY3QgeD0iMC41IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSIxMiIgZmlsbD0iIzFEMUQxRiIvPgo8bWFzayBpZD0ibWFzazBfMTE1OV82MzY4IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjUiIGhlaWdodD0iMjQiPgo8cmVjdCBpZD0iQm91bmRpbmcgYm94IiB4PSIwLjUiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iIzI3MkEzMSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMTE1OV82MzY4KSI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xOS40NTk4IDExLjgxNzdDMTkuNDM5MyAxMS43NzMzIDE4Ljk0NTMgMTAuNzE2NCAxNy44NDY4IDkuNjU3MTlDMTYuMzgzMyA4LjI0NTg3IDE0LjUzNDcgNy41IDEyLjUgNy41QzEwLjQ2NTMgNy41IDguNjE2NzUgOC4yNDU4NyA3LjE1MzE2IDkuNjU3MTlDNi4wNTQ3NCAxMC43MTY0IDUuNTU4MzMgMTEuNzc1IDUuNTQwMjQgMTEuODE3N0M1LjUxMzcxIDExLjg3NTMgNS41IDExLjkzNzYgNS41IDEyLjAwMDZDNS41IDEyLjA2MzUgNS41MTM3MSAxMi4xMjU4IDUuNTQwMjQgMTIuMTgzNEM1LjU2MDY2IDEyLjIyNzggNi4wNTQ3NCAxMy4yODQyIDcuMTUzMTYgMTQuMzQzNEM4LjYxNjc1IDE1Ljc1NDEgMTAuNDY1MyAxNi41IDEyLjUgMTYuNUMxNC41MzQ3IDE2LjUgMTYuMzgzMyAxNS43NTQxIDE3Ljg0NjggMTQuMzQzNEMxOC45NDUzIDEzLjI4NDIgMTkuNDM5MyAxMi4yMjc4IDE5LjQ1OTggMTIuMTgzNEMxOS40ODYzIDEyLjEyNTggMTkuNSAxMi4wNjM1IDE5LjUgMTIuMDAwNkMxOS41IDExLjkzNzYgMTkuNDg2MyAxMS44NzUzIDE5LjQ1OTggMTEuODE3N1pNMTIuNSAxNS42QzEwLjcwNDUgMTUuNiA5LjEzNTkxIDE0Ljk3MDYgNy44Mzc0MSAxMy43Mjk3QzcuMzA0NjIgMTMuMjE4OCA2Ljg1MTM0IDEyLjYzNjIgNi40OTE2NiAxMkM2Ljg1MTI0IDExLjM2MzggNy4zMDQ1NCAxMC43ODEyIDcuODM3NDEgMTAuMjcwM0M5LjEzNTkxIDkuMDI5NDQgMTAuNzA0NSA4LjQgMTIuNSA4LjRDMTQuMjk1NSA4LjQgMTUuODY0MSA5LjAyOTQ0IDE3LjE2MjYgMTAuMjcwM0MxNy42OTY0IDEwLjc4MSAxOC4xNTA3IDExLjM2MzcgMTguNTExMyAxMkMxOC4wOTA3IDEyLjc1NzEgMTYuMjU4NCAxNS42IDEyLjUgMTUuNlpNMTIuNSA5LjNDMTEuOTQ2MiA5LjMgMTEuNDA0OSA5LjQ1ODM1IDEwLjk0NDQgOS43NTUwM0MxMC40ODM5IDEwLjA1MTcgMTAuMTI1MSAxMC40NzM0IDkuOTEzMTQgMTAuOTY2OEM5LjcwMTIxIDExLjQ2MDEgOS42NDU3NiAxMi4wMDMgOS43NTM4IDEyLjUyNjdDOS44NjE4NCAxMy4wNTA1IDEwLjEyODUgMTMuNTMxNiAxMC41MjAxIDEzLjkwOTJDMTAuOTExNyAxNC4yODY4IDExLjQxMDYgMTQuNTQzOSAxMS45NTM3IDE0LjY0ODFDMTIuNDk2OSAxNC43NTIzIDEzLjA1OTkgMTQuNjk4OCAxMy41NzE1IDE0LjQ5NDVDMTQuMDgzMSAxNC4yOTAxIDE0LjUyMDQgMTMuOTQ0MSAxNC44MjgxIDEzLjVDMTUuMTM1OCAxMy4wNTYgMTUuMyAxMi41MzQgMTUuMyAxMkMxNS4yOTkyIDExLjI4NDEgMTUuMDA0IDEwLjU5NzggMTQuNDc5IDEwLjA5MTZDMTMuOTU0MSA5LjU4NTQ1IDEzLjI0MjQgOS4zMDA3NCAxMi41IDkuM1pNMTIuNSAxMy44QzEyLjEzMDggMTMuOCAxMS43Njk5IDEzLjY5NDQgMTEuNDYyOSAxMy40OTY2QzExLjE1NiAxMy4yOTg5IDEwLjkxNjcgMTMuMDE3NyAxMC43NzU0IDEyLjY4ODhDMTAuNjM0MSAxMi4zNTk5IDEwLjU5NzIgMTEuOTk4IDEwLjY2OTIgMTEuNjQ4OEMxMC43NDEyIDExLjI5OTcgMTAuOTE5IDEwLjk3ODkgMTEuMTgwMSAxMC43MjcyQzExLjQ0MTEgMTAuNDc1NSAxMS43NzM3IDEwLjMwNCAxMi4xMzU4IDEwLjIzNDZDMTIuNDk3OSAxMC4xNjUxIDEyLjg3MzMgMTAuMjAwOCAxMy4yMTQzIDEwLjMzN0MxMy41NTU0IDEwLjQ3MzMgMTMuODQ3IDEwLjcwNCAxNC4wNTIxIDExQzE0LjI1NzIgMTEuMjk2IDE0LjM2NjcgMTEuNjQ0IDE0LjM2NjcgMTJDMTQuMzY2NyAxMi40Nzc0IDE0LjE3IDEyLjkzNTIgMTMuODE5OSAxMy4yNzI4QzEzLjQ2OTkgMTMuNjEwNCAxMi45OTUxIDEzLjggMTIuNSAxMy44WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L2c+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTE1OV82MzY4Ij4KPHJlY3QgeD0iMC41IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSIxMiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K") no-repeat;
}
.product-compare-wrap .product-compare-title .compare-same.show-same {
    display: none;
}

.product-compare-wrap .model-select {
    width: 822px;
    padding: 24px 150px 0;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
    box-sizing: content-box;
}

.product-compare-wrap .model-select .model-select-title {
    font-size: 24px;
    line-height: 1.2;
    font-weight: bold;
    color: #272A31;
    left: 0;
    top: 36px;
    position: absolute;
}


.product-compare-wrap .model-select .model-select-item {
    width: calc(50% - 10px);
    position: relative;
}

.product-compare-wrap .model-select .model-select-item .model-select-name {
    cursor: pointer;
    border-bottom: 2px solid #272A31;
    font-size: 18px;
    line-height: 24px;
    padding: 8px 0;
    font-weight: bold;
    color: #333;
    display: flex;
    align-items: center;
}

.product-compare-wrap .model-select .model-select-item .model-select-name .select-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.product-compare-wrap .model-select .model-select-item .model-select-name .model-select-clear {
    width: 16px;
    height: 16px;
    position: relative;
    margin-left: 10px;
    display: none;
}

.product-compare-wrap .model-select .model-select-item .model-select-name .model-select-clear::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    content: '';
    background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJGcmFtZSAzOTUiPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHJ4PSI4IiBmaWxsPSIjODA4MDgwIi8+CjxnIGlkPSJHcm91cCAzOTQiPgo8cGF0aCBpZD0iVmVjdG9yIDUiIGQ9Ik0xMSAxMUw1IDUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBpZD0iVmVjdG9yIDYiIGQ9Ik01IDExTDExIDUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==") no-repeat;
    cursor: pointer;
}

.product-compare-wrap .model-select .model-select-item .model-select-name .select-icon {
    margin-left: auto; 
    width: 24px;
    height: 24px;
    position: relative;
} 

.product-compare-wrap .model-select .model-select-item .model-select-name .select-icon::after {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    content: '';
    background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJpY29uLyYjMjMwOyYjMTU1OyYjMTgwOyYjMjI5OyYjMTY0OyYjMTU0OyI+CjxwYXRoIGlkPSJWZWN0b3IgNSIgZD0iTTQgNi43Nzc4M0w4IDEwLjc3NzhMMTIgNi43Nzc4MyIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L3N2Zz4K") no-repeat;
    cursor: pointer;
}

.product-compare-wrap .model-select .model-select-item .model-select-name.active-one .select-icon::after {
    transform: translateY(-50%) rotate(180deg);
}

.product-compare-wrap .model-select .model-select-item .model-select-list {
    display: none;
    width: 100%;
    /* max-height: 280px; */
    max-height: 279px;
    position: absolute;
    left: 0;
    top: 46px;
    overflow-y: auto;
    cursor: pointer;
    z-index: 1;
    background: #fff;
    color: #333;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.10);
    padding: 0 2vw;
}

/* Custom scrollbar styles */
.product-compare-wrap .model-select .model-select-item .model-select-list::-webkit-scrollbar {
    width: 6px;
}

.product-compare-wrap .model-select .model-select-item .model-select-list::-webkit-scrollbar-track {
    background : #fff;
    border-radius: 10px;
}

.product-compare-wrap .model-select .model-select-item .model-select-list::-webkit-scrollbar-thumb {
    background: #5886F5;
    border-radius: 10px;
    width: 6px;
}

.product-compare-wrap .model-select .model-select-item .model-select-list::-webkit-scrollbar-track:hover{
    border-left: 1px solid #ccc;
}
/* Custom scrollbar styles */

.product-compare-wrap .model-select .model-select-item .model-select-list .model-select-content-item {
    font-size: 16px;
    line-height: 21px;
    padding: 9px 20px;
    border-top: 1px solid #CCC;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

.product-compare-wrap .model-select .model-select-item .model-select-list .model-select-content-item.hide {
    display: none;
}


.product-compare-wrap .model-select .model-select-item .model-select-list .model-select-content-item:first-child {
    border-top: none;
}

.product-compare-wrap .model-select .model-select-item .model-select-list .model-select-content-item:hover {
    background: #F2F4FA;
}

.product-compare-wrap .model-select .model-select-item .model-select-list .model-select-content-item.active-one {
    background: #272A31;
    color: #fff;
    padding-right: 36px;
}

.product-compare-wrap .model-select .model-select-item .model-select-list .model-select-content-item.active-one::after {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJjaGVjayAxIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTcuNjY0NzMgOS4zOTEzMkw0LjgwMjczIDYuNTI5MzJDNC43NDEyNSA2LjQ2NTU4IDQuNjY3NjggNi40MTQ3NCA0LjU4NjMzIDYuMzc5NzVDNC41MDQ5OCA2LjM0NDc2IDQuNDE3NDcgNi4zMjYzMiA0LjMyODkyIDYuMzI1NTNDNC4yNDAzNyA2LjMyNDczIDQuMTUyNTQgNi4zNDE1OCA0LjA3MDU3IDYuMzc1MUMzLjk4ODYxIDYuNDA4NjMgMy45MTQxNCA2LjQ1ODE0IDMuODUxNTIgNi41MjA3NkMzLjc4ODkgNi41ODMzOCAzLjczOTM4IDYuNjU3ODUgMy43MDU4NiA2LjczOTgxQzMuNjcyMzQgNi44MjE3OCAzLjY1NTQ4IDYuOTA5NjEgMy42NTYyOCA2Ljk5ODE2QzMuNjU3MDcgNy4wODY3MSAzLjY3NTUgNy4xNzQyMiAzLjcxMDQ5IDcuMjU1NTdDMy43NDU0OCA3LjMzNjkyIDMuNzk2MzMgNy40MTA0OSAzLjg2MDA2IDcuNDcxOTdMNy4xOTMzOSAxMC44MDUzQzcuMzE4NDEgMTAuOTMwMyA3LjQ4Nzk1IDExLjAwMDUgNy42NjQ3MiAxMS4wMDA1QzcuODQxNSAxMS4wMDA1IDguMDExMDQgMTAuOTMwMyA4LjEzNjA2IDEwLjgwNTNMMTQuODAyNyA0LjEzODY2QzE0Ljg2NjUgNC4wNzcxOCAxNC45MTczIDQuMDAzNjEgMTQuOTUyMyAzLjkyMjI2QzE0Ljk4NzMgMy44NDA5MSAxNS4wMDU3IDMuNzUzNCAxNS4wMDY1IDMuNjY0ODVDMTUuMDA3MyAzLjU3NjI5IDE0Ljk5MDUgMy40ODg0NyAxNC45NTY5IDMuNDA2NUMxNC45MjM0IDMuMzI0NTMgMTQuODczOSAzLjI1MDA3IDE0LjgxMTMgMy4xODc0NUMxNC43NDg3IDMuMTI0ODMgMTQuNjc0MiAzLjA3NTMxIDE0LjU5MjIgMy4wNDE3OUMxNC41MTAzIDMuMDA4MjcgMTQuNDIyNCAyLjk5MTQyIDE0LjMzMzkgMi45OTIyMUMxNC4yNDUzIDIuOTkzMDEgMTQuMTU3OCAzLjAxMTQ0IDE0LjA3NjUgMy4wNDY0M0MxMy45OTUxIDMuMDgxNDIgMTMuOTIxNSAzLjEzMjI3IDEzLjg2MDEgMy4xOTYwMUw3LjY2NDczIDkuMzkxMzJaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+Cjwvc3ZnPgo=") no-repeat;
}

.product-compare-wrap .model-select .model-select-item .model-select-product {
    display: none;
    padding: 10px;
    font-size: 16px;
    line-height: 24px;
    margin-top: 26px;
}

.product-compare-wrap .model-select .model-select-item .model-select-product .product-img .img-box {
    width: 256px;
    height: 256px;
    margin: 0 auto;
}

.product-compare-wrap .model-select .model-select-item .model-select-product .product-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product-compare-wrap .model-select .model-select-item .model-select-product .price {
    margin-top: 24px;
    text-align: center;
}

.product-compare-wrap .model-select .model-select-item .model-select-product .price .product-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
}

.product-compare-wrap .model-select .model-select-item .model-select-product .price .product-price {
    margin-top: 7px;
    font-size: 18px;
    line-height: 24px;
}

.product-compare-wrap .model-select .model-select-item .model-select-product .product-price .current-price {
    color: #5886F5;
    font-weight: bold;
}

.product-compare-wrap .model-select .model-select-item .model-select-product .product-price .current-price  .tip {
    margin-left: 4px;
}

.product-compare-wrap .model-select .model-select-item .model-select-product .product-operate {
    display: inline-block;
    margin-top: 7px;
    background: #5886F5;
    color: #fff;
    width: 120px;
    padding: 10px 20px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.4;
    border-radius: 40px;
    text-align: center;
} 

.product-compare-wrap .model-select .model-select-item .model-select-product .product-operate span {
    position: relative;
    padding-right: 16px;
}

.product-compare-wrap .model-select .model-select-item .model-select-product .product-operate span::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 8px;
    height: 12px;
    content: '';
    background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyAgdmlld0JveD0iMCAwIDggMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJWZWN0b3IgNSIgZD0iTTEuNSAxMC41TDYuNSA2TDEuNSAxLjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cgo=") no-repeat;
}

.product-compare-wrap .model-select .model-select-item .model-select-area {
    margin-top: 26px;
    width: 100%;
    height: calc(100% - 68px);
    min-height: 331px;
    border: 1px dashed #808080;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.product-compare-wrap .model-select .model-select-item .model-select-area .select-area {
    cursor: pointer;
}


.product-compare-wrap .model-select .model-select-item .model-select-area .select-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: #272A31;
    margin-top: 10px;
}

.product-compare-wrap .model-select .model-select-item .model-select-area .select-icon {
    margin: 0 auto;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIiBmaWxsPSIjMjcyQTMxIi8+CjxtYXNrIGlkPSJtYXNrMF8yODc3XzUyNTMwIiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8yODc3XzUyNTMwKSI+CjxwYXRoIGQ9Ik0xMSAxM0g1VjExSDExVjVIMTNWMTFIMTlWMTNIMTNWMTlIMTFWMTNaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+Cjwvc3ZnPgo=") no-repeat;
}


.product-compare-wrap .compare-info {
    width: 842px;
    margin: 80px auto 0;
    padding: 0 150px;
    box-sizing: content-box;
}
.product-compare-wrap .compare-info .base-info {
    position: relative;
}

.product-compare-wrap .compare-info .base-info-title {
    position: absolute;
    max-width: 120px;
    left: -140px;
    top: -15px;
    font-size: 24px;
    line-height: 1.2;
    font-weight: bold;
    padding-bottom: 10px;
    color: #272A31;
}

.product-compare-wrap .compare-info .base-info-list {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}


.product-compare-wrap .compare-info .base-info-list .base-info-item {
   width: calc(50% - 10px);
   padding-top: 30px;
}

.product-compare-wrap .compare-info .base-info-list .base-info-item.first-no-equal {
    border-top: 1px solid #272A31;
}

.product-compare-wrap .compare-info .base-info-list:first-child .base-info-item {
    border-top: 1px solid #272A31;
}


.product-compare-wrap .compare-info .base-info-content {
    padding-bottom: 80px;
}

.product-compare-wrap .compare-info .base-info-list .base-info-item .base-info-item-title {
    font-size: 14px;
    line-height: 22px;
    color: #666;
} 

.product-compare-wrap .compare-info .base-info-list .base-info-item .base-info-item-content {
    margin-top: 10px;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    color: #333;
    white-space: pre-line;
    word-break: break-word;

}

.product-compare-wrap .compare-info .base-info-list .base-info-item .base-info-item-content.no-equal-values {
    color: #5886F5;
}

@media screen and (max-width: 767px) {
    .product-compare-wrap .product-compare-title {
        padding: 2.67vw 3rem;
    }

    .product-compare-wrap .product-compare-title .compare-title-content {
        padding: 0;
    }

    .product-compare-wrap .product-compare-title .compare-title {
        font-size: 2.8rem;
        line-height: 10.67vw;
    }

    .product-compare-wrap .product-compare-title .compare-same {
        font-size: 3.2vw;
        border-radius: 1.07vw;
        width: 35.2vw;
    }

    .product-compare-wrap .product-compare-title .compare-same span {
        padding: 2.67vw 2.67vw 2.67vw 7.07vw;
        line-height: 5.33vw;
        font-weight: bold;
    }

    .product-compare-wrap .product-compare-title .compare-same span::after {
        width: 6.4vw;
        height: 6.4vw;
        top: 2.13vw;
    }

    .product-compare-wrap .model-select {
        padding: 2.67vw 4vw;
        width: calc(100% - 8vw);
    }
    
    .product-compare-wrap .model-select .model-select-title {
        display: none;
    }


    .product-compare-wrap .model-select .model-select-item {
        width: calc(50% - 1.33vw);
    }

    .product-compare-wrap .model-select .model-select-item .model-select-name {
        padding: 2.67vw 0;
    }

    .product-compare-wrap .model-select .model-select-item .model-select-name .select-name {
        font-size: 4.27vw;
        line-height: 5.6vw;
    }

    .product-compare-wrap .model-select .model-select-item .model-select-name .model-select-clear {
        width: 4.27vw;
        height: 4.27vw;
        margin-left: 2.67vw;
    }

    .product-compare-wrap .model-select .model-select-item .model-select-name .model-select-clear::after,
    .product-compare-wrap .model-select .model-select-item .model-select-name .select-icon,
    .product-compare-wrap .model-select .model-select-item .model-select-name .select-icon::after {
        width: 4.27vw;
        height: 4.27vw;
    }

    .product-compare-wrap .model-select .model-select-item .model-select-list {
        top: 13.87vw;
        padding: 0 2.33vw;
    }

    .product-compare-wrap .model-select .model-select-item .model-select-list .model-select-content-item {
        font-size: 3.47vw;
        line-height: 5.2vw;
        padding: 2.67vw;
    }

    .product-compare-wrap .model-select .model-select-item .model-select-list .model-select-content-item.active-one {
        padding-right: 8.53vw;
    }

    .product-compare-wrap .model-select .model-select-item .model-select-list .model-select-content-item.active-one::after {
        width: 4.27vw;
        height: 4.27vw;
    }

    .product-compare-wrap .model-select .model-select-item .model-select-list {
        max-height: 74.4vw;
        
    }

    .product-compare-wrap .model-select .model-select-item .model-select-product {
        margin-top: 4vw;
        padding: 1.33vw 1.33vw 2.67vw 1.33vw;
    }

    .product-compare-wrap .model-select .model-select-item .model-select-product .product-img .img-box {
        width: 35.47vw;
        height: 35.47vw;
    }

    .product-compare-wrap .model-select .model-select-item .model-select-product .price {
        margin-top: 1.33vw;
    }

    .product-compare-wrap .model-select .model-select-item .model-select-product .price .product-title {
        font-size: 3.73vw;
        line-height: 4vw;
    }

    .product-compare-wrap .model-select .model-select-item .model-select-product .price .product-price {
        font-size: 3.2vw;
        line-height: 3.73vw;
        margin-top: 1.33vw;
    }

    .product-compare-wrap .model-select .model-select-item .model-select-product .product-operate {
        margin-top: 1.33vw;
        font-size: 3.2vw;
        width: 22.67vw;
        border-radius: 6.4vw;
    }

    .product-compare-wrap .model-select .model-select-item .model-select-area {
        margin-top: 4vw;
        height: calc(100% - 15.2vw);
        min-height: 46.13vw;
    }
    
    .product-compare-wrap .model-select .model-select-item .model-select-area .select-icon {
        width: 6vw;
        height: 6vw;
    }


    .product-compare-wrap .model-select .model-select-item .model-select-area .select-title {
        font-size: 2.93vw;
        line-height: 1.43;
        margin-top: 1.4vw;
    }

    .product-compare-wrap .compare-info {
        width: calc(100% - 8vw);
        padding: 0 4vw;
        margin: 9.33vw auto 0;
    }

    .product-compare-wrap .compare-info .base-info-title {
        font-size: 3.47vw;
        line-height: 1.73;
        position: static;
    }

    .product-compare-wrap .compare-info .base-info-list .base-info-item .base-info-item-title {
        font-size: 3.2vw;
        line-height: 1.6;
    }

    .product-compare-wrap .compare-info .base-info-list .base-info-item .base-info-item-content {
        font-size: 3.47vw;
        line-height: 1.73;
    }

    .product-compare-wrap .compare-info .base-info-content {
        padding-bottom: 12vw;
    }

    .product-compare-wrap .compare-info .base-info-list:first-child .base-info-item,
    .product-compare-wrap .compare-info .base-info-list .base-info-item.first-no-equal {
        padding-top: 2.67vw;
    }

    .product-compare-wrap .model-select .model-select-item .model-select-product .product-operate span {
        padding-right: 4.53vw;
    }

    .product-compare-wrap .model-select .model-select-item .model-select-product .product-operate span::after {
        width: 4.27vw;
        height: 4.27vw;
        background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJpY29uLyYjMjMwOyYjMTU1OyYjMTgwOyYjMjI5OyYjMTY0OyYjMTU0OyI+CjxwYXRoIGlkPSJWZWN0b3IgNSIgZD0iTTEzLjU1NDcgMjRMMjEuNTU0NyAxNkwxMy41NTQ3IDgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPC9zdmc+Cg==") no-repeat;
    }
    
    /* 兼容specDescription */
    .specdescription .specDescription {
        margin: 0 auto;
    }
}