<style type="text/css">.shgc .anniu{border-radius:5px;color: #fff; background: #ff6600; font-weight: normal; text-align: center;margin: 0 auto;display:block;margin-top:20px;} .anniu img{vertical-align: middle; margin-left: 4px;} .shgc .anniu a{ color: #fff;display: inline-block;width: 100%;height: 100%;position: relative;} .shgc {width:460px;margin-left:-10px} .shgc p{font-size:16px;} .shgc .p_p{line-height: 28px;margin-top:13px} .shgc .p_p span{color:#ff0000} .shgc .clear{clear:both;font-size:0;height:0} .shgc .dy{width: 460px;height: 105px;background:#f5f5f5;display:flex;justify-content: space-around;align-items: center} .shgc .dy div{width: 56px;height: 83px;font-size:0;background:url(/d/file/ycbk/shlc/images/shgc_03.jpg)} .shgc .dy div span{display: block;} .shgc .dy div span:nth-of-type(1){width: 23px;font-size: 23px;margin-top:13px;margin-left:12px} .shgc .dy div span:nth-of-type(2){width: 25px;-webkit-transform: rotate(90deg);margin-top: -28px;font-size: 12px;} .shgc .dy p{width:368px;margin-left: -10px} .shgc .tit{position:relative;margin-top:20px} .shgc .tit h2{border: 1px dashed #c0c0c0;line-height:53px;text-align:center;font-size: 22px;font-weight:bolder} .shgc .tit h2 img{margin-left:16px;margin-top:8px;} .shgc .tit div{position:absolute;top:0;font-size:0;width:460px;height:55px;background: linear-gradient(to left, #333333, #333333) left top no-repeat, linear-gradient(to bottom, #333333, #333333) left top no-repeat, linear-gradient(to left, #333333, #333333) right top no-repeat, linear-gradient(to bottom, #333333, #333333) right top no-repeat, linear-gradient(to left, #333333, #333333) left bottom no-repeat, linear-gradient(to bottom, #333333, #333333) left bottom no-repeat, linear-gradient(to left, #333333, #333333) right bottom no-repeat, linear-gradient(to left, #333333, #333333) right bottom no-repeat;background-size:1px 10px, 20px 1px, 1px 10px, 20px 1px;} .shgc .bt{text-align:center;margin-top:27px;position:relative} .shgc .bt h2{font-size:26px;font-weight: normal;} .shgc .bt p{font-size:12px;color: #999;margin:0 auto} .shgc .bt hr{width:220px;background:inherit;margin:0 auto;border-top: 1px solid #717171;border-bottom: 1px solid #8e8e8e} .shgc .bt span{display:block;width:5px;height:5px;background:#333;position: absolute;left: 50%;margin-left: -2.5px;bottom: -2px} .shgc .xbt{width: 177px;line-height: 36px;text-align:center;margin:20px auto 0;font-size: 20px; background:linear-gradient(to left, #098d92, #098d92) left top no-repeat, linear-gradient(to bottom, #098d92, #098d92) left top no-repeat, linear-gradient(to left, #ffffff, #ffffff) right top no-repeat, linear-gradient(to bottom, #ffffff, #ffffff) right top no-repeat, linear-gradient(to left, #ffffff, #ffffff) left bottom no-repeat, linear-gradient(to bottom, #ffffff, #ffffff) left bottom no-repeat, linear-gradient(to left, #098d92, #098d92) right bottom no-repeat, linear-gradient(to left, #098d92, #098d92) right bottom no-repeat; background-size:1px 10px, 20px 1px, 1px 10px, 20px 1px;} .shgc .xbt span{color:#098d92} .shgc .center{text-align:center;} .shgc .cend{margin-top:13px;position: relative;} .shgc .cend a{position: absolute;font-size:16px;width: 56px;height: 49px;right:40px;bottom: 11px;line-height: 19px;padding-top: 10px;color: #fff} .shgc .cend .shuibowen{display: block;font-size:0;width: 58px;height: 58px;border-radius: 50%;position: absolute;z-index: 0;-webkit-box-shadow: 0 0 30px rgba(253,204,187,1);box-shadow: 0 0 30px rgba(253,204,187,1);-webkit-animation: sonarEffect 1.5s ease-out 1s infinite;animation: 1.5s ease-out 1s normal none infinite running sonarEffect;right: 39px;bottom: 13px;} .shgc .shbh{display:flex;justify-content:space-between;flex-wrap: wrap;margin-top:13px;s} .shgc .shbh li span{color:#098d92} .shgc .shbh li{width: 152px;height:68px;background-color: #fff7ea;text-align:center;margin-bottom: 2px;padding-top: 12px;line-height: 28px} .shgc .shbh li:nth-of-type(2n){background:#f1f1f1} .shgc .rqxj{height:10px;width:10px;background:url();display:flex;justify-content:space-around; align-self:flex-end} .shgc .rqxj p{width:275px;margin-top: 46px;} .shgc .rqxj .anniu {align-self: flex-end;width:119px;font-size: 16px!important;letter-spacing:0;line-height: 40px!important; height: 40px; margin: 20px 0 20px} /*水波纹*/ @keyframes sonarEffect { 0% { opacity: 0.3; filter:alpha(opacity:30); } 40% { -webkit-shadow: 0 0 0 1px rgba(245,195,209,0.1), 0 0 2px 2px #fff, 0 0 0 4px rgba(245,195,209,0.5); box-shadow: 0 0 0 1px rgba(245,195,209,0.1), 0 0 2px 2px #fff, 0 0 0 4px rgba(245,195,209,0.5); opacity: 0.5; filter:alpha(opacity:50); } 100% { -webkit-shadow: 0 0 0 1px rgba(245,195,209,0.1), 0 0 2px 2px #fff, 0 0 0 4px rgba(245,195,209,0.5); box-shadow: 0 0 0 1px rgba(245,195,209,0.1), 0 0 2px 2px #fff, 0 0 0 4px rgba(245,195,209,0.5); opacity: 0; filter:alpha(opacity:0); -webkit-transform: scale(1.5); transform: scale(1.5); } } @-webkit-keyframes sonarEffect { 0% { opacity: 0.3; filter:alpha(opacity:30); } 40% { -webkit-shadow: 0 0 0 1px rgba(245,195,209,0.1), 0 0 2px 2px #fff, 0 0 0 4px rgba(245,195,209,0.5); box-shadow: 0 0 0 1px rgba(245,195,209,0.1), 0 0 2px 2px #fff, 0 0 0 4px rgba(245,195,209,0.5); opacity: 0.5; filter:alpha(opacity:50); } 100% { -webkit-shadow: 0 0 0 1px rgba(245,195,209,0.1), 0 0 2px 2px #fff, 0 0 0 4px rgba(245,195,209,0.5); box-shadow: 0 0 0 1px rgba(245,195,209,0.1), 0 0 2px 2px #fff, 0 0 0 4px rgba(245,195,209,0.5); opacity: 0; filter:alpha(opacity:0); -webkit-transform: scale(1.5); transform: scale(1.5); } } </style>