<> .sbl { background: #ffffff; border-radius: 4px; border: 1px solid #ebecf1; padding-bottom: 6px; margin-top: 10px; } @keyframes flipInX { 0% { } 25% { } 50% { transform: scale(1); } 60% { transform: scale(1.2); } 70% { transform: scale(1); } 80% { transform: scale(1.2); } } .broadside { width: 80px; display: flex; flex-direction: column; align-items: center; position: fixed; left: calc(50% + 600px); bottom: 50px; z-index: 999; } .broadside__box { position: relative; width: 50px; height: 50px; padding: 0 10px; color: #333333; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 12px; background-color: #ffffff; cursor: pointer; } .iconfont { font-size: 25px; color: #666666; } .hovertext { margin-top: 10px; } #show-on-hover { width: 190px; height: 202px; border: 1px solid transparent; background: url('https://public.zgzcw.com/images/downloadBg.png') no-repeat; background-size: 100% 100%; position: absolute; top: 50%; left: -190px; transform: translateY(-50%); display: none; } .ordergrey img { margin-left: 9px; margin-top: 8px; margin-bottom: 3px; object-fit: contain; } .ordergrey p { width: calc(100% - 8px); font-size: 12px; color: #333333; line-height: 0px; text-align: center; } .broadside__box1 { margin-top: 10px; border-radius: 4px 4px 0 0; } .broadside__box1 :hover .ordergrey { display: block; } .broadside__box2 img{ width: 100px; object-fit: cover; pointer-events: none; } .broadside__box_top { height: 50px; background: #ffffff; border-radius: 4px; border: 1px solid #ebecf1; padding-bottom: 10px; } .ordergrey { width: 120px; height: 120px; position: absolute; top: -140px; display: none; z-index:9999; } .ordergrey img { object-fit: contain; } #topgo{ display: none; } < type="text/css"> /*右下角返回顶部和意见反馈*/ .side-feedback{ width:38px; border:1px solid #d9d9d9; background:#f7f7f7; position:fixed; bottom:50px; left:50%; margin-left:560px; _position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,0)||150))); z-index:9999;} .side-feedback a,.side-feedback a:visited{ display:block; height:38px; zoom:1;margin: 0;} .side-feedback a span{ display:none;} .side-feedback a:hover{ text-decoration:none; border:none; cursor:pointer;} .side-feedback a:hover span{ display:block; height:33px; background:#9c9c9c; color:#f7f7f7; text-align:center; font-size:12px; padding:0 5px; padding-top:5px; line-height:14px; text-decoration:none; zoom:1;} .side-feedback a.gotop{ background:url(http://public.zgzcw.com/shared/gotop.png) no-repeat center center; border-bottom:1px solid #d9d9d9;} .side-feedback a.feedback{ background:url(http://public.zgzcw.com/shared/feedback.png) no-repeat center center; border-bottom:1px solid #d9d9d9;} .side-feedback a.zcwewm{ width:38px; height:38px; display:block; position:relative; background:url(http://public.zgzcw.com/shared/ewmicon.png) no-repeat center center #f7f7f7; font-size:12px; cursor:pointer;} .side-feedback a.zcwewm span{ display:none;} .side-feedback a.zcwewm:hover span{ display:block; height:35px; line-height:16px; padding-top:3px; text-align:center; background:#9c9c9c; color:#f7f7f7;} .side-feedback a.zcwewm p{ display:none;} .side-feedback a.zcwewm:hover p{ display:block; position:absolute; right:38px; bottom:-1px; padding:5px 10px; width:158px; border:1px solid #d9d9d9; background:#fff;} .side-feedback a.zcwewm:hover p em{ font-:normal;} .side-feedback a.zcwewm:hover p em.ewm_01{ display:inline-block; width:160px; 0background:url(http://public.zgzcw.com/shared/365down.png) no-repeat;background:url(http://public.zgzcw.com/zcwindex/kehu_pic160.png) no-repeat; padding-top:160px; color:#666;} .side-feedback a.zcwewm:hover p em.ewm_01 b{ display:block; line-height:24px; font-size:14px; color:#333;} < type="text/css"> #sidePhoto{position:fixed;top:150px;left:50%;margin-left:-630px;z-index:999;} #sidePhoto .sidePhoClo,#sidePhoto .sidePhoClo:visited{ position:absolute; right:0px; top:0px; background:#eaeaea; font-size:12px; color:#444; overflow:hidden;font-family:"微软雅黑"; text-decoration:none;padding:0 5px;} #sidePhoto .sidePhoClo:hover{color:#fff;background:#a00; text-decoration:none;} < type="text/css"> #sidePhotoLive{position: fixed;top: 150px;right: 50%;margin-right: -630px;} #sidePhotoLive .sidePhoClo,#sidePhoto .sidePhoClo:visited{ position:absolute; right:0px; top:0px; background:#eaeaea; font-size:12px; color:#444; overflow:hidden;font-family:"微软雅黑"; text-decoration:none;padding:0 5px;} #sidePhotoLive .sidePhoClo:hover{color:#fff;background:#a00; text-decoration:none;}