.nb-icon-inner-wrap{ display:none !important; width:124px !important; } .nb-icon-groups{ background: none !important; border: none !important; } #nb_icon_wrap{ margin-top:0px !important;top:30% !important; right:0px !important; width:124px !important; } .nb-icon-groups-item{ background-images:none !important; border:none !important; border-radius: 0px !important; width:124px !important; margin:0px !important; opacity:0.7; background-color: rgba(255,255,255,0) !important; margin-left:0px !important; margin-bottom:2px !important; border-bottom: 1px solid #FFFFFF !important; border-top: 1px solid #FFFFFF !important; border-left: 1px solid #FFFFFF !important; } .nb-icon-groups-item:hover{ opacity:1; margin-left:0px !important; } .nb-icon-groups-item .nb-group-text{ color:#FFFFFF !important; font-family: "微软雅黑" !important; background-color:#0172a2 !important; height:50px !important; line-height:50px !important; margin-left:50px !important; font-size: 14px !important; } .nb-icon-groups-item .nb-group-icon{ background:#0172a2 !important; width:30px !important; height:30px !important; color:#FFF !important; padding:10px !important; } .nb-icon-groups-item:hover .nb-group-text{ background-color:#9fb200 !important; } .nb-icon-groups-item:hover .nb-group-icon{ background-color:#9fb200 !important; } .icon-right-center{ right:0px !important; } .nb-icon-groups-item .nb-group-icon img{ width:100% !important; height:100% !important; } #newBridge .newicon-left-center, #newBridge .newicon-right-center { transform: translateY(0%) !important; } #nb_icon_wrap{ top:30% !important; right: -2px !important; margin-top: 0 !important; } #newBridge .pc-group-newStyle{ width: 124px !important; } #newBridge .pc-group-icon-newStyle{ border-left: 1px solid #FFFFFF !important; border-bottom: 1px solid #FFFFFF !important; text-align: center !important; background-images:none !important; border:none !important; border-radius: 0px !important; width:124px !important; margin:0px !important; opacity:0.7; margin-left:0px !important; margin-bottom:2px !important; border: 1px solid #FFFFFF !important; border-top: 1px solid #FFFFFF !important; border-left: 1px solid #FFFFFF !important; color:#FFFFFF !important; font-family: "微软雅黑" !important; background-color:#0172a2 !important; height:50px !important; line-height:50px !important; padding: 0 !important; font-size: 14px !important; padding-left: 30px !important; 1margin-left: 74px !important; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; } #newBridge .pc-group-icon-newStyle:after{ display: none !important; } #newBridge .pc-group-icon-newStyle:first-child{ border-top: 1px solid #FFFFFF !important; } #newBridge .pc-group-icon-newStyle:last-child{ border-bottom: 1px solid #FFFFFF !important; } #newBridge .pc-group-icon-newStyle:before{ position: absolute; width: 50px; height: 50px; content:""; left: 0; bottom: 0; top: 0; margin: auto; } /* #newBridge .pc-group-icon-newStyle:nth-child(1)::before{ background: url(/web/images/icon/user_circle_o.png) center no-repeat; background-size: 72% auto; } #newBridge .pc-group-icon-newStyle:nth-child(2)::before{ background: url(/web/images/icon/cogs.png) center no-repeat; background-size: 72% auto; } #newBridge .pc-group-icon-newStyle:nth-child(3)::before{ background: url(/web/images/icon/puzzle_piece.png) center no-repeat; background-size: 72% auto; } #newBridge .pc-group-icon-newStyle:nth-child(4)::before{ background: url(/web/images/icon/server.png) center no-repeat; background-size: 72% auto; }*/ #newBridge .pc-group-icon-newStyle:nth-child(2)::before{ background: url(https://hach-cdn.uxicp.com/web/images/icon/user_circle_o.png) center no-repeat; background-size: 72% auto; } #newBridge .pc-group-icon-newStyle:nth-child(3)::before{ background: url(https://hach-cdn.uxicp.com/web/images/icon/cogs.png) center no-repeat; background-size: 72% auto; } #newBridge .pc-group-icon-newStyle:nth-child(4)::before{ background: url(https://hach-cdn.uxicp.com/web/images/icon/puzzle_piece.png) center no-repeat; background-size: 72% auto; } #newBridge .pc-group-icon-newStyle:nth-child(5)::before{ background: url(https://hach-cdn.uxicp.com/web/images/icon/server.png) center no-repeat; background-size: 72% auto; } #newBridge .pc-group-newStyle-title{ display: none; } #nb_icon_wrap:after{ position: absolute; width: 124px; height: 170px; right: 0px; background: url(https://hach-cdn.uxicp.com/web/images/tmall.png) center no-repeat; background-size: 100% 100%; content: ""; } #newBridge .pc-group-icon-newStyle:hover{ background-color:#9fb200 !important; opacity: 1 !important; margin-left: 0 !important; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; } #wechat-qrcode{ position: fixed; width: 124px; height: 170px; left: 0px; background: url(https://hach-cdn.uxicp.com/web/images/wechat.png) center no-repeat; background-size: 100% 100%; content: ""; bottom: 20px; } #tmall-qrcode{ position: fixed; width: 166px; height: 140px; right: 0px; background: url(https://hach-cdn.uxicp.com/web/images/tmall.png) center no-repeat; background-size: 100% 100%; content: ""; top: calc(30% + 218px ); z-index: 99; } .embed-icon-unread-num{ display: none !important; } @media only screen and (max-width: 751px){ #nb_icon_wrap{ margin-top:0px !important;top: auto !important; right:0px !important; bottom:0px !important; } #nb_invite_wrap{ display:none !important; } #newBridge .nb-icon-wrap-0 .nb-icon-wrap-base { background: none !important; background-size: auto !important; padding:6px 0px !important; text-align:center !important; } #newBridge .nb-icon-wrap-0 { /*background:#0172a2 !important;*/ width:30px !important; height:auto !important; line-height:0px !important; border-radius: 5px 0px 0px 5px !important; overflow:hidden !important; } #newBridge .nb-icon-wrap-0 #img-box{ width:24px !important; padding:6px 3px 2px 3px !important; background: rgba(1,114,162,1) !important;line-height:0px !important; opacity:0.75 !important; } #newBridge .nb-icon-wrap-0 #img-box img{ width:24px !important; } #newBridge .nb-icon-wrap-0 .name{ width:14px !important; text-align: center !important; font-size:12px !important; line-height:16px !important; color:#FFFFFF; padding:0px 8px 10px 8px !important; background:rgba(1,114,162,0.75) !important; } #wechat-qrcode{ display: none; } #tmall-qrcode{ display: none; } #nb_icon_wrap:after{ display: none; } #nb_icon_wrap{ margin-top:0px !important;top: auto !important; right:0px !important; bottom:10% !important; width:30px !important; } #newBridge .nb-new-icon-wrap-4 .nb-icon-wrap-base{ background: none !important; } #newBridge .nb-new-icon-wrap-4 .nb-icon-wrap-base #img-box{ width:24px !important; padding:6px 3px 2px 3px !important; background: rgba(1,114,162,1) !important;line-height:0px !important; opacity:0.75 !important; } #newBridge .nb-new-icon-wrap-4 .nb-icon-wrap-base #img-box img{ width:24px !important; } #newBridge .nb-new-icon-wrap-4 .nb-icon-wrap-base .name{ width:14px !important; text-align: center !important; font-size:12px !important; line-height:16px !important; color:#FFFFFF; padding:0px 8px 10px 8px !important; background:rgba(1,114,162,0.75) !important; } /*#nb_icon_wrap{ display: none !important; }*/ #newBridge .nb-new-icon-wrap-4 .nb-icon-wrap-base { width:30px !important; height:auto !important; line-height:0px !important; border-radius: 5px 0px 0px 5px !important; overflow:hidden !important; } #newBridge .nb-icon-wrap .nb-icon-wrap-base{ background: none !important; } #newBridge .nb-icon-wrap .nb-icon-wrap-base #img-box{ width:24px !important; padding:6px 3px 2px 3px !important; background: rgba(1,114,162,1) !important;line-height:0px !important; opacity:0.75 !important; } #newBridge .nb-icon-wrap .nb-icon-wrap-base #img-box img{ width:24px !important; } #newBridge .nb-icon-wrap .nb-icon-wrap-base .name{ width:14px !important; text-align: center !important; font-size:12px !important; line-height:16px !important; color:#FFFFFF; padding:0px 8px 10px 8px !important; background:rgba(1,114,162,0.75) !important; } /*#nb_icon_wrap{ display: none !important; }*/ #newBridge .nb-icon-wrap .nb-icon-wrap-base { width:30px !important; height:auto !important; line-height:0px !important; border-radius: 5px 0px 0px 5px !important; overflow:hidden !important; } } /*** lxb ***/ /* #LXB_CONTAINER{ background: url(https://hach-cdn.uxicp.com/web//images/icon/lxb.jpg) !important; top:28% !important; } .custom-text{ background: none !important; height:166px !important; } .lxb-cb-input{ background:#FFFFFF !important; top:164px !important; width:112px !important; padding:0px 4px !important; left:10px !important; font-size:12px !important; } .lxb-cb-input-btn{ background-color: #0599d9 !important; border-radius: 3px !important; box-shadow: 1px 1px 1px #00365b !important; color: #FFF !important; display: inline-block !important; font-size: 12px !important; text-decoration: none !important; text-transform: capitalize !important; width:110px !important; left:15px !important; height:20px !important; top:192px !important; } .lxb-hide-btn{ background: none !important; }*/ #cul-container{ position:fixed; display: block; top:30%; left: 0px; height:220px; width:140px; background: url(https://hach-cdn.uxicp.com/web/images/lxb/lxb.jpg); z-index:999; } .cul-cb-input{ position:absolute; background:#FFFFFF; top:166px; width:120px; padding:0px 4px; left:10px; font-size:12px; text-align:center; } .cul-cb-input-btn{ position:absolute; background-color: #0599d9; border-radius: 3px; box-shadow: 1px 1px 1px #00365b; color: #FFF; display: inline-block; font-size: 12px; text-decoration: none; text-transform: capitalize; width:110px; left:15px; height:20px; line-height:20px; padding:0px; text-align:center; top:192px; cursor:pointer; } .cul-btn-close{ position:absolute; z-index:10; width:20px; height:20px;background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAwJyBoZWlnaHQ9JzIwMCcgZmlsbD0iI2ZmZmZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMCAxMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBkPSJNODYuOCwxMy4yYy0yLjktMi45LTcuNy0yLjktMTAuNiwwTDUwLDM5LjRMMjMuOCwxMy4yYy0yLjktMi45LTcuNy0yLjktMTAuNiwwYy0yLjksMi45LTIuOSw3LjcsMCwxMC42TDM5LjQsNTBMMTMuMiw3Ni4yICAgYy0yLjksMi45LTIuOSw3LjcsMCwxMC42YzEuNSwxLjUsMy40LDIuMiw1LjMsMi4yczMuOC0wLjcsNS4zLTIuMkw1MCw2MC42bDI2LjIsMjYuMmMxLjUsMS41LDMuNCwyLjIsNS4zLDIuMnMzLjgtMC43LDUuMy0yLjIgICBjMi45LTIuOSwyLjktNy43LDAtMTAuNkw2MC42LDUwbDI2LjItMjYuMkM4OS43LDIwLjksODkuNywxNi4xLDg2LjgsMTMuMnoiLz48L2c+PC9zdmc+") center no-repeat; background-size:80% 80%; top:4px; right:4px; cursor:pointer; } #cul-container .cul-cb-tip{ position:absolute; z-index: 2147483647; top: 120px; left: 154px; text-align:center;line-height:1.2em; width:306px;background:#FFFFFF;line-height:15px;padding:10px 0; border: 1px solid #C4DBE6;} #cul-container .cul-cb-tip-arrow{ position:absolute; height: 0px; width: 0px; border-top: 10px solid rgba(0,0,0,0); border-right: 10px solid rgba(196,219,230,1); border-bottom: 10px solid rgba(0,0,0,0); z-index:10; left:-10px; top:44px; } #cul-container .cul-cb-tip-arrow:after{ content: ''; position: absolute; top: -8px; left: 2px; border-top: 8px solid rgba(255,255,255,0); border-right: 8px solid rgba(255,255,255,1); border-bottom: 8px solid rgba(255,255,255,0); } .cul-cb-tip-btn{ position: relative; background-color: #0599d9; border-radius: 3px; box-shadow: 1px 1px 1px #00365b; color: #FFF; display: inline-block; font-size: 12px; text-decoration: none; text-transform: capitalize; width:80px; height:20px; line-height:20px; padding:0px; text-align:center; cursor:pointer; } #cul-container:after{ position: absolute; background: url("https://hach-cdn.uxicp.com/web/images/lxb/lxb-wechat.jpg") center no-repeat; width: 140px; height: 166px; background-size: 100% auto; content: ""; top: 230px; } /*** 20240104 ***/ .embed-icon{ top:30% !important; right:0px !important; width:124px !important; transform: translateY(0%) !important; } .embed-group-icon{ background: none !important; padding: 0 !important;border-radius:0 !important; } .embed-group-icon__default-icon{ display: none !important; } .embed-icon .embed-group-icon__item{ position: relative !important; border-left: 1px solid #FFFFFF !important; border-bottom: 1px solid #FFFFFF !important; text-align: center !important; background-images:none !important; border:none !important; border-radius: 0px !important; width:124px !important; margin:0px !important; opacity:0.7; margin-left:0px !important; margin-bottom:2px !important; border: 1px solid #FFFFFF !important; border-top: 1px solid #FFFFFF !important; border-left: 1px solid #FFFFFF !important; color:#FFFFFF !important; font-family: "微软雅黑" !important; background-color:#0172a2 !important; height:50px !important; line-height:50px !important; padding: 0 !important; font-size: 14px !important; padding-left: 30px !important; 1margin-left: 74px !important; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; } .embed-icon .embed-group-icon__item:before{ position: absolute; width: 50px; height: 50px; content:""; left: 0; bottom: 0; top: 0; margin: auto; } .embed-icon .embed-group-icon__item:nth-child(2)::before{ background: url(https://hach-cdn.uxicp.com/web/images/icon/user_circle_o.png) center no-repeat; background-size: 72% auto; } .embed-icon .embed-group-icon__item:nth-child(3)::before{ background: url(https://hach-cdn.uxicp.com/web/images/icon/cogs.png) center no-repeat; background-size: 72% auto; } .embed-icon .embed-group-icon__item:nth-child(4)::before{ background: url(https://hach-cdn.uxicp.com/web/images/icon/puzzle_piece.png) center no-repeat; background-size: 72% auto; } .embed-icon .embed-group-icon__item:nth-child(5)::before{ background: url(https://hach-cdn.uxicp.com/web/images/icon/server.png) center no-repeat; background-size: 72% auto; } /* .embed-icon:after{ position: absolute; width: 168px; height: 138px; right: 0px; background: url(/web/images/tmall_20240402.png?ver=20240402) center no-repeat; background-size: 100% auto; content: ""; } .embed-icon:after{ position: absolute; width: 166px; height: 140px; right: 0px; background: url(https://hach-cdn.uxicp.com/web/images/tmall_20241223.png?ver=20241223) center no-repeat; background-size: 100% auto; content: ""; }*/ @media only screen and (max-width: 751px){ .embed-icon{ margin-top:0px !important; top: auto !important; right:0px !important; bottom:10% !important; width:30px !important; background:rgba(1,114,162,1) !important; height: 92px !important; border-radius: 5px 0px 0px 5px !important; } .embed-icon:after{ display: none; } .embed-icon:before{ position: absolute; width: 18px !important; height: 18px !important; top: 8px !important; left: 0 !important; right: 0 !important; margin: auto !important;content:""; background: url(https://hach-cdn.uxicp.com/web/images/icon/user_circle_o.png) center no-repeat; background-size: 100% auto; } .embed-icon .embed-icon-content{ background: none !important; } .embed-icon .embed-icon-content:before{ position: absolute; content: "在线咨询"; width: 12px !important; font-size: 12px; color: #FFFFFF; bottom: 8px !important; left: 0 !important; right: 0 !important; margin: auto !important; } #tmall-qrcode{ display: none; } }