*{ margin:0px; padding:0px;}
.haibao_box {position:fixed;left:0;bottom:0;width:100%;height:100%;z-index:999;background:rgba(0,0,0,0.85);color:#fff;transition:all .4s ease;-webkit-transition:all .4s ease;opacity:0; display:none}
.haibao_box_show{opacity:1}
.haibao_okimg{height:100%;text-align:center}
.haibao_imgshow { top:calc(50% - 30px); left: 50%; position: absolute; transform: translate(-50%,-50%); width: 100%; max-width: 520px;height: calc(100% - 110px);}
.haibao_okimg img {max-width:calc(100% - 50px);max-height:calc(100% - 50px);margin:24px 20px 10px;border-radius:6px; overflow: hidden;display: inline-block;}
.haibao_oktit {padding:0 10px;height:30px;line-height:30px;font-size:14px;text-align:center;overflow:hidden}
.haibao_okclose a img {width:32px;height:32px; margin-top:5px;}
.haibao_load{ top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute;}
.loading_color{width:200px;height:80px;margin:0 auto;}
.loading_color span{display:inline-block; border-radius: 10px; width:3px;height:30px;animation-name:scale;-webkit-animation-name:scale;-moz-animation-name:scale;-ms-animation-name:scale;-o-animation-name:scale;animation-duration:1.2s;-webkit-animation-duration:1.2s;-moz-animation-duration:1.2s;-ms-animation-duration:1.2s;-o-animation-duration:1.2s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-o-animation-iteration-count:infinite}
.loading_color span.loading_color1{background:#2ecc71}
.loading_color span.loading_color2{background:#3498db}
.loading_color span.loading_color3{background:#9b59b6}
.loading_color span.loading_color4{background:#e67e22}
.loading_color span.loading_color5{background:#c0392b}
.loading_color span.loading_color6{background:#e74c3c}
.loading_color span.loading_color7{background:#e74c8c}
.loading_color1{animation-delay:-1s;-webkit-animation-delay:-1s;-moz-animation-delay:-1s;-ms-animation-delay:-1s;-o-animation-delay:-1s}
.loading_color2{animation-delay:-0.9s;-webkit-animation-delay:-0.9s;-moz-animation-delay:-0.9s;-ms-animation-delay:-0.9s;-o-animation-delay:-0.9s}
.loading_color3{animation-delay:-0.8s;-webkit-animation-delay:-0.8s;-moz-animation-delay:-0.8s;-ms-animation-delay:-0.8s;-o-animation-delay:-0.8s}
.loading_color4{animation-delay:-0.7s;-webkit-animation-delay:-0.7s;-moz-animation-delay:-0.7s;-ms-animation-delay:-0.7s;-o-animation-delay:-0.7s}
.loading_color5{animation-delay:-0.6s;-webkit-animation-delay:-0.6s;-moz-animation-delay:-0.6s;-ms-animation-delay:-0.6s;-o-animation-delay:-0.6s}
.loading_color6{animation-delay:-0.5s;-webkit-animation-delay:-0.5s;-moz-animation-delay:-0.5s;-ms-animation-delay:-0.5s;-o-animation-delay:-0.5s}
.loading_color7{animation-delay:-0.4s;-webkit-animation-delay:-0.4s;-moz-animation-delay:-0.4s;-ms-animation-delay:-0.4s;-o-animation-delay:-0.4s}
@-webkit-keyframes scale{0%, 40%, 100%{-moz-transform:scaleY(0.2);-ms-transform:scaleY(0.2);-o-transform:scaleY(0.2);-webkit-transform:scaleY(0.2);transform:scaleY(0.2)}20%, 60%{-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}}
@-moz-keyframes scale{0%, 40%, 100%{-moz-transform:scaleY(0.2);-ms-transform:scaleY(0.2);-o-transform:scaleY(0.2);-webkit-transform:scaleY(0.2);transform:scaleY(0.2)}20%, 60%{-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}}
@-ms-keyframes scale{0%, 40%, 100%{-moz-transform:scaleY(0.2);-ms-transform:scaleY(0.2);-o-transform:scaleY(0.2);-webkit-transform:scaleY(0.2);transform:scaleY(0.2)}20%, 60%{-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}}
@keyframes scale{0%, 40%, 100%{-moz-transform:scaleY(0.2);-ms-transform:scaleY(0.2);-o-transform:scaleY(0.2);-webkit-transform:scaleY(0.2);transform:scaleY(0.2)}20%, 60%{-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}}

.haibao_box_img{position:fixed;top:-2999px;width:460px;overflow:hidden;}
.haibao_img {width:100%;max-height:360px;overflow:hidden;position:relative; background: #000}
.haibao_img img {width:100%;height:100%;object-fit: cover;object-position: center;}
.haibao_box .img_time {text-align:left;padding:8px 38px 10px;height:25px;line-height:25px;font-size:14px;color:#999;overflow:hidden}
.haibao_tita {text-align:left;padding:28px 38px 10px;max-height:195px;line-height:40px;font-size:28px;font-weight:400;color:#1d1d1d;overflow:hidden}
.haibao_txta {margin:5px 38px 20px;max-height:86px;line-height:28px;font-size:16px;font-weight:400;color:#aaa;overflow:hidden}
.haibao_x {width:100%;height:1px; border-bottom: 1px dashed #eee; overflow:hidden}
.haibao_foot {padding:20px 33px 30px 38px;height:130px;box-sizing:initial;overflow:hidden}
.haibao_foot .kmzw {float:left; margin-top: 36px; margin-left:1px;margin-right:20px;width:60px;height:60px}
.haibao_foot .kmzwtip {display:inline-block;margin-top:43px;height:60px;line-height:22px;font-size:13px;color:#aaa}
.haibao_foot .kmewm {float:right;width:120px;height:120px; padding: 6px; background: #fff}
.haibao_foot .kmewm canvas{width:120px!important;height:120px!important;}