ice */ #service { right: 50%; bottom: 60px; margin-right: -680px; width: 70px; z-index: 9; position: fixed; } @media screen and (max-width: 1400px) { #service { right: 20px; bottom: 60px; margin-right: 0; } } #service>div { height: 70px; padding-top: 10px; background-color: #fff; margin-bottom: 5px; cursor: pointer; border: 1px solid #2e94f9; border-radius: 3px; } #service>div:last-child { margin-bottom: 0; } #service>div.service_01 .ser_code, #service>div.service_05 .ser_code { display: none; left: -116px; top: 0; height: 100px; border: 1px solid #2e94f9; background-color: #fff; padding: 5px; border-radius: 3px; } #service>div.service_01:hover .ser_code, #service>div.service_05:hover .ser_code { display: block; } #service>div.service_01 .ser_code img, #service>div.service_05 .ser_code img { width: 90px; } #service>div.service_01 .ser_code:before, #service>div.service_01 .ser_code:after, #service>div.service_05 .ser_code:before, #service>div.service_05 .ser_code:after { content: ''; position: absolute; top: 9px; width: 0; height: 0; border-right: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; } #service>div.service_01 .ser_code:before, #service>div.service_05 .ser_code:before { border-left: 8px solid #2e94f9; right: -8px; } #service>div.service_01 .ser_code:after, #service>div.service_05 .ser_code:after { right: -6px; border-left: 8px solid #fff; } #service>div.service_03 .ser_num { display: none; left: -138px; top: 20px; height: 30px; line-height: 30px; background-color: #2e94f9; border-radius: 3px; } #service>div.service_03:hover .ser_num { display: block; } #service>div.service_03 .ser_num:before { content: ''; position: absolute; right: -8px; top: 9px; width: 0; height: 0; border-left: 8px solid #2e94f9; border-right: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; } #service>div.service_01 img { width: 23px; } #service>div.service_02 img { width: 37px; } #service>div.service_03 img { width: 27px; } #service>div.service_04 img { width: 25px; } #service>div.service_05 img { width: 37px; } #service>div .ser_hover { display: none; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; background-color: #2e94f9; } #service>div:hover .ser_hover { display: block; } #service>div .ser_hover img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } #service>div.service_01 .ser_hover img { width: 33px; } #service>div.service_02 .ser_hover img { width: 47px; } #service>div.service_03 .ser_hover img { width: 34px; } #service>div.service_04 .ser_hover img { width: 33px; } #service>div.service_05 .ser_hover img { width: 47px; } .z_blue{ text-align: center; font-size:14px; }
微信 微信 微信
手机端 手机端 手机端二维码
公众号 公众号 公众号二维码
顶部 顶部
顶部

意见反馈