:root {
	--accent-bg:#EF7C1B;
	--pc-btn-margin-right:20px;
	--pc-btn-margin-bottom:20px;
	--pc-popup-margin-right:70px;
	--pc-popup-margin-bottom:100px;
	--mobile-btn-margin-right:10px;
	--mobile-btn-margin-bottom:150px;
	--mobile-popup-margin-right:10px;
	--mobile-popup-margin-bottom:100px;
}
.Compare_btn{display:block;margin:0 auto;max-width:100px;text-align:center;height:30px;line-height:30px;font-size:12px !important;color:#ffffff !important;padding:0 8px !important;background-color:var(--accent-bg);border:1px solid var(--accent-bg);border-radius:4px;cursor:pointer;position:relative;}
#maincontent {transition:.5s all ease;min-height:500px;}
.compare-container {width:100%;max-width:1400px;margin:0 auto;}
.compare {padding:20px 0px 50px;min-height:700px;background:#fff;}
.compare .compare-head {width:100%;height:70px;display:flex;align-items:center;justify-content:space-between;position:relative;}
.compare .compare-head h1 {color:#333;font-size:26px;font-weight:500;}
.compare .compare-head .compare-ext {position:absolute;right:0;top:15px;}
.compare .compare-head .excel_download {margin-left:30px;display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;color:#333;font-size:14px;font-weight:500;border:solid 1px #d8d8d8;border-radius:5px;padding:5px 10px;background:#f4f4f5;}
.compare .compare-head .excel_download i {margin-right:8px;}
.compare .compare-del{display:block;overflow:hidden;cursor:pointer;position:absolute;right:10px;top:15px;}
.compare .compare-del i {font-size:12px;color:#999;}
.compare .compare-del i:hover {color:var(--accent-bg);}
.compare .compare-img {margin-top:15px;display:block;overflow:hidden;cursor:pointer;}
.compare .compare-img img {width:150px;height:150px;}
.compare .compare-title {margin:10px 0;height:50px;color:var(--accent-bg);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;padding-left:3px;text-align:left;}
.compare .compare-title a {text-decoration:none;font-size:14px;font-weight:500;line-height:25px;display:block;color:#333333;transition:color ease 0.1s;}
.compare .oplabin {text-align:left;padding-left:30px;margin:10px 0px;}
.compare .compare-cart {margin:5px 0px 10px 0px;}
.compare .compare-cart .cart-btn{display:inline-block;height:30px;line-height:30px;font-size:12px;color:#ffffff;padding:0 8px;background-color:var(--accent-bg);border:1px solid var(--accent-bg);border-radius:5px;cursor:pointer;position:relative;}
#maincontent .show-btn {color:#333;cursor:pointer;margin:0 5px;}
#maincontent .show-btn.active {color:var(--accent-bg);cursor:auto;}
#maincontent .show-btn.active:hover{text-decoration:none;}
#maincontent .show-btn:hover {text-decoration:underline;}
.add_compare_product{margin:15px 0;}
.add_product_sn{box-sizing:border-box;width:140px;border:1px solid #ddd;padding:0 10px;line-height:30px;height:30px;border-radius:5px;margin-right:5px;outline:none;}
.add_product_sn_btn{display:inline-block;height:30px;line-height:30px;font-size:12px;color:#ffffff;padding:0 8px;background-color:var(--accent-bg);border:1px solid var(--accent-bg);border-radius:5px;cursor:pointer;}
#tabvs {border-collapse:collapse;width:100%;border:1px solid #eaeaea !important;margin-bottom:20px;font-size:14px;}
#tabvs th {border-collapse:collapse;border:1px solid #eaeaea !important;padding:5px 9px;font-size:14px;font-weight:normal;text-align:center;}
#tabvs td {border-collapse:collapse;padding:10px 10px;font-size:14px;font-weight:normal;text-align:left;word-break:break-all;border:1px solid #eaeaea;padding:14px 16px;}
#tabvs td label{font-weight:500;}
#tabvs td p{text-align:left;line-height:24px;}

#cart-bubble * {box-sizing:border-box;text-decoration:none;}
.compare-bubble{width:440px;max-height:550px;opacity:1;transition-duration:.4s;right:var(--pc-popup-margin-right);border:1px solid #eaeaea;position:fixed;background:#ffffff;border-radius:10px;z-index:99999;box-shadow:0 0 15px -8px rgb(0 0 0 / 50%);overflow:hidden;bottom:var(--pc-popup-margin-bottom);}
.compare-bubble .compare-head {background:#f8f8f8;padding:10px 15px;display:flex;flex-flow:row nowrap;justify-content:space-between;}
.compare-bubble .compare-head h2 {font-size:18px;font-weight:normal;}
.compare-bubble .compare-head a,.compare-bubble .compare-head a i {font-size:16px;}
.compare-bubble .compare-container-toolbar .compare-content {overflow:hidden;padding:13px;border-bottom:1px #EEEEEE solid;display:flex;flex-flow:row nowrap;justify-content:space-between;}
.compare-bubble .compare-container-toolbar .compare-content .compare-left {border:solid 1px #eee;border-radius:5px;}
.compare-bubble .compare-container-toolbar .compare-content .compare-left img {width:80px !important;height:80px !important;border-radius:5px;}
.compare-bubble .compare-container-toolbar .compare-content .compare-right a {display:block;}
.compare-bubble .compare-container-toolbar .compare-content .compare-right .compare-name {height:50px;font-size:13px;line-height:26px;color:#545454;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.compare-bubble .compare-container-toolbar .compare-content .compare-right a p {color:#545454;margin:0;}
.compare-bubble .compare-container-toolbar .compare-content .compare-right .compare-sn {line-height:30px;color:var(--accent-bg);}
.compare-bubble .compare-container-toolbar .compare-content .compare-del {text-align:center;padding-top:25px;}
.compare-bubble .compare-container-toolbar .compare-content .compare-del i {font-size:20px;color:#333;cursor:pointer;margin:0;}
.compare-bubble .compare-container-toolbar .compare-btn {width:100%;overflow:hidden;margin-top:13px;padding-bottom:13px;display:flex;justify-content:space-between;flex-flow:row;}
.compare-bubble .compare-container-toolbar .compare-btn .clear-all {width:50%;text-align:center;}
.compare-bubble .compare-container-toolbar .compare-btn .clear-all p,.compare-bubble .compare-container-toolbar .compare-btn .compare-all p {border:1px solid #cccccc;padding:5px 10px;cursor:pointer;border-radius:4px;transition-duration:.4s;width:100px;margin:auto;font-size:13px;font-weight:normal;}
.compare-bubble .compare-container-toolbar .compare-btn .compare-all {width:50%;text-align:center;}
.compare-bubble .compare-container-toolbar .compare-btn .compare-all p {border:1px solid var(--accent-bg);color:var(--accent-bg);}
.compare-bubble .compare-container-toolbar .compare-btn .clear-all p:hover {background:#cccccc;color:#ffffff;}
.compare-bubble .compare-container-toolbar .compare-btn .compare-all p:hover {background:var(--accent-bg);color:#f7f7f7;}
.row-highlight-diff {background-color: #fff8e1 !important;}
.row-highlight-diff td,.row-highlight-diff th {background-color: inherit !important;}
.compare-bubble .compare-del{width:40px;}
.compare-bubble .compare-left{width:82px;}
.compare-bubble .compare-right{width:calc(100% - 40px - 82px);padding:0 15px;}
.compare-bubble .compare-right .compare-sn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cart-icon-fixed{position: fixed;right: var(--pc-btn-margin-right);bottom: var(--pc-btn-margin-bottom);z-index: 9999;}
.cart-icon-box{background-color: #fff;color: white;width: 60px;height: 60px;border-radius: 50%;display: flex;flex-direction: column;align-items: center;justify-content: center;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);cursor: pointer;transition: transform 0.2s, background-color 0.2s;position: relative;}
.cart-icon-box i{font-size: 20px;margin-bottom: 2px;}
.cart-icon-box h4{font-size: 12px;font-weight: normal;margin: 0;color:#000;line-height: 1;}
#vs-nums{position: absolute;top: 7px;right: 7px;background-color: var(--accent-bg);color: white;font-size: 10px;min-width: 16px;height: 16px;border-radius: 8px;display: flex;align-items: center;justify-content: center;padding: 0 2px;font-weight: bold;box-shadow: 0 0 4px rgba(0,0,0,0.2);}
#vs-nums:empty,#vs-nums[data-num="0"] {display: none;}
@media screen and (max-width:992px) {
#maincontent,.compare{min-height:200px;}
.compare-container{max-width:100%;padding:0 10px;}
.compare .compare-head{height:auto;margin-bottom:10px;}
.compare .compare-head h1{font-size:20px;}
#tabvs{overflow:auto;}
#tabvs tr td,#tabvs tr th{width:120px !important;padding:8px;font-size:12px;}
#tabvs tr td:first-child,#tabvs tr th:first-child{width:110px !important;}
#tabvs tr td:empty,#tabvs .oplabin:nth-child(3),#tabvs td label input{display:none;}
#tabvs tr:first-child td b{font-size:12px;line-height:20px;font-weight:normal;display:block;padding-right:15px;}
#tabvs .oplabin{padding:0;}
#tabvs .oplabin span{font-size:12px;line-height:20px;}
#tabvs tr span{margin-left:0 !important}
.compare .compare-img{margin:0;}
.compare .compare-img img{width:60px;height:60px;}
.compare .compare-title{margin: 0;height:auto;padding:0;}
.compare .compare-title a{font-size:12px;line-height:20px;}
.cart-icon-fixed{right: var(--mobile-btn-margin-right);bottom: var(--mobile-btn-margin-bottom);}
.compare-bubble{right: var(--mobile-popup-margin-right);bottom: var(--mobile-popup-margin-bottom);width:90%;}
}