pointer; transition: all .5s; } .toolbar dd:first-child { margin-top: 0; } .toolbar dd i { width: 100%; height: 30px; display: block; margin-top: 13px; background: url("/static/pc/static/img/toolbar.png") no-repeat center 0; } .toolbar dd.qq i { background-position-y: 0; } .toolbar dd.tel i { background-position-y: -30px; } .toolbar dd.code i { background-position-y: -60px; } .toolbar dd.top i { background-position-y: -90px; } .toolbar dd span { display: block; color: #fff; } .toolbar dd.tel .box { position: absolute; top: 0; width: 190px; right: -200px; height: 100%; margin-right: 10px; border-radius: 5px; background: #0cb46a; opacity: 0; transition: all .5s; } .toolbar dd.tel .box p { font-size: 14px; margin: 15px auto 7px; } .toolbar dd.tel .box h3 { color: #fff; font-size: 18px; font-weight: bold; } .toolbar dd.tel .box:after { display: block; content: " "; border-style: solid dashed dashed dashed; border-color: transparent transparent transparent #0cb46a; border-width: 9px; width: 0; height: 0; position: absolute; top: 50%; margin-top: -9px; right: -18px; margin-left: -12px; } .toolbar dd.code .box { position: absolute; top: 0; width: 162px; right: -172px; height: 162px; margin-right: 10px; border-radius: 5px; background: #0cb46a; opacity: 0; transition: all .5s; } .toolbar dd.code .box img { width: 140px; height: 140px; padding: 11px; } .toolbar dd.code .box:after { display: block; content: " "; border-style: solid dashed dashed dashed; border-color: transparent transparent transparent #0cb46a; border-width: 9px; width: 0; height: 0; position: absolute; top: 30px; right: -18px; margin-left: -12px; } .toolbar dd:hover { background: #0cb46a; } .toolbar dd.tel:hover .box { opacity: 1; right: 80px; } .toolbar dd.code:hover .box { opacity: 1; right: 80px; }
在线QQ
服务热线

服务热线

18721236165

微信咨询
{pboot:sitetitle}
返回顶部