#widget_compare_interface{position:fixed;top:100%;width:100%;z-index:20;transition-duration:1s;left:0;right:0}.compare_interface{display:flex;width:100%;max-width:928px;margin:0 auto;flex-direction:column;position:relative}.compare_interface_tab button{height:32px;background-color:#009e40;color:#fff;border:none;border-top-left-radius:6px;border-top-right-radius:6px;padding:0 12px;font-size:16px;font-weight:400}.compare_interface_tab img{filter:brightness(0) invert(1);vertical-align:bottom;margin-right:5px}.compare_interface_body{display:flex;width:100%;padding:10px 0 10px 10px;box-shadow:0 0 8px #00000029;background-color:#fff;border-top-left-radius:0;border-top-right-radius:6px}.compare_interface_body_items{width:100%;max-width:650px;display:flex}.compare_interface_body_items>div{display:flex;width:205px;height:72px;background-color:#eee;position:relative}.compare_interface_body_items>div:not(:last-child){margin-right:16px}.compare_interface_body_items>div:not(.active){border:1px dashed #a5a8ad}.compare_interface_body_items>div img{display:inline-block;width:72px;height:72px;object-fit:cover}.compare_interface_body_items>div span{flex:1;margin:6px 5px 2px;height:64px;overflow:hidden;font-size:12px;line-height:16px;font-weight:500}.compare_interface_body_items>div button{position:absolute;top:0;left:0;display:inline-block;width:20px;height:20px;border-radius:50%;border:none;color:#fff;background-color:#c72e2d;font-size:12px;margin:0;padding:0}.compare_interface_body_action{flex:1;display:flex;justify-content:center;align-items:center}.compare_interface_body_action button{display:inline-block;width:100%;max-width:174px;height:32px;padding:0;line-height:32px;text-align:center;background-color:#969696;border:none;border-radius:6px;color:#fff}.compare_interface_body_action button.active{background-color:#009e40}.compare_interface_counter{position:absolute;top:-7px;left:-7px;display:inline-block;width:15px;height:15px;line-height:15px;text-align:center;border-radius:50%;background-color:#ff5e2e;color:#fff;font-size:11px}.compare_interface_counter:not(.active){display:none}.mobile-compareinterface-icon{display:none;width:37px;height:37px;justify-content:center;align-items:center;border-radius:50%;background-color:#009e40;position:relative;left:22px}.mobile-compareinterface-icon img{width:20px;height:20px;filter:brightness(0) invert(1)}.mobile-compareinterface-icon span{position:absolute;top:-5px;left:-5px;display:inline-block;width:15px;height:15px;line-height:15px;text-align:center;border-radius:50%;background-color:#ff5e2e;color:#fff;font-size:11px}.mobile-compareinterface-icon span:not(.active){display:none}.compare_interface_close{position:absolute;top:0;right:0;z-index:100000;color:#fff;width:32px;height:32px;margin:0;display:none;justify-content:center;align-items:center}@media only screen and (max-width: 1200px){#widget_compare_interface:not(.active){display:none}#widget_compare_interface{top:0!important;left:0;height:100vh;background-color:#000000b3;padding:5vh 10% 0}.compare_interface_body{flex-direction:column;padding:10px 14px;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.compare_interface_body_items{flex-direction:column}.compare_interface_body_items>div{width:100%;margin:8px 0 10px}.compare_interface_body_action{margin:4px 0}.compare_interface_body_action button{max-width:100%}.compare_interface_close,.mobile-compareinterface-icon{display:flex}}