@charset "utf-8";
em, cite, i{font-style: normal;}
.cl:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}
.vm{vertical-align:middle}
.haobao_xh_poster_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;}
.haobao_xh_poster_box_show{opacity:1;}
.haobao_xh_poster_fdico{position:fixed;z-index:100}
.haobao_xh_poster_fdico a{display:block;width:46px;height:46px;text-align:center;border-radius:50%;overflow:hidden;margin-top:10px}
.haobao_xh_poster_fdico a img{width:16px;height:16px;padding-top:8px;overflow:hidden}
.haobao_xh_poster_fdico a span{display:block;font-size:calc(20px/2);margin-top:2px;overflow:hidden}
.haobao_xh_poster_okimg{max-width: calc(100% - 2%);height: calc(100% - 60px);text-align:center;margin: auto;margin-top: 9%;}
.haobao_xh_poster_okimg, .haobao_xh_poster_imgshow{text-align:center;}
.haobao_xh_poster_okimg img{max-width: calc(100%);max-height: calc(100% - 5%);border-radius: 3px;image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;}
.haobao_xh_poster_oktit{padding: 0 20px;height: 40px;line-height: 40px;font-size: 14px;text-align:center;overflow:hidden;}
.haobao_xh_poster_oktit a{color:#FFEB3B}
.haobao_xh_poster_okclose{position:absolute;right: 10px;top: 10px;height: 35px;overflow:hidden;}
.haobao_xh_poster_okclose a{display:block;height: 35px;line-height: 35px;overflow:hidden;}
.haobao_xh_poster_okclose a img{width: 35px;height: 35px;vertical-align: middle;}
.loading_color{width:200px;height:80px;margin:0 auto}
.loading_color span{display:inline-block;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)}}

.haobao_xh_poster_box_img{position:fixed;top: -2999px;width: 98%;overflow:hidden;background: url(haibao-bg.jpg);background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;padding: 6% 1%;}
.haobao_xh_poster_box_img.hbbgid_1{background: url(card_hbbg_1.png);background-size: 100% 100%;background-repeat:no-repeat;-moz-background-size: cover;-o-background-size: cover;}
.haobao_xh_poster_box_img.hbbgid_2{background: url(card_hbbg_2.png);background-size: 100% 100%;background-repeat:no-repeat;-moz-background-size: cover;-o-background-size: cover;}
.haobao_xh_poster_box_img.hbbgid_3{background: url(card_hbbg_3.png);background-size: 100% 100%;background-repeat:no-repeat;-moz-background-size: cover;-o-background-size: cover;}
.haobao_xh_poster_box_img.hbbgid_4{background: url(card_hbbg_4.png);background-size: 100% 100%;background-repeat:no-repeat;-moz-background-size: cover;-o-background-size: cover;}
.haobao_xh_poster_box_img.hbbgid_5{background: url(card_hbbg_5.png);background-size: 100% 100%;background-repeat:no-repeat;-moz-background-size: cover;-o-background-size: cover;}
.haobao_xh_poster_box_img.hbbgid_6{background: url(card_hbbg_6.png);background-size: 100% 100%;background-repeat:no-repeat;-moz-background-size: cover;-o-background-size: cover;}
.haobao_xh_poster_img{width:100%;min-height: 260px;max-height: 500px;overflow:hidden;position:relative;}
.haobao_xh_poster_img img{width:100%;height: 100%;}
.haobao_xh_poster_img .img_time{position:absolute;left: 10px;bottom: 10px;width: 60px;line-height: 30px;font-size: 18px;text-align:center;font-weight:500;color: #ffffff;text-shadow:1px 0px 20px rgba(0, 0, 0, 0.2);background: rgba(51, 51, 51, 0.55);padding: 3px;padding-bottom: 0;border-radius: 3px;}
.haobao_xh_poster_img .img_time span{display:block;margin-top: .15rem;border-top: .03rem solid #fff;font-weight:500;font-size: 14px;}
.haobao_xh_poster_tit{margin:22px 28px 28px;height:100px;line-height:50px;font-size:36px;font-weight:400;color:#222;overflow:hidden}
.haobao_xh_poster_tita{text-align:left;margin: 10px;margin-bottom: 3px;max-height: 25px;line-height: 25px;font-size: 16px;font-weight: normal;color: #222222;overflow:hidden;}
.haobao_xh_poster_txta{margin: 3px 10px;min-height: 20px;max-height: 40px;line-height: 20px;font-size: 12px;font-weight:400;color: #555555;overflow:hidden;}
.mall_price{color:#e60000;font-size: 18px;margin-top: 10px;margin-bottom: 10px;}
.mall_price i{color:#e60000;font-size: 15px;}
.haobao_xh_poster_user{padding:0 29px 10px;height:46px;line-height:46px;font-size:20px;overflow:hidden}
.haobao_xh_poster_user .kmdico{float:left;margin-left:2px;margin-top:18px;height:10px}
.haobao_xh_poster_user .kmuser{float:right;color:#369}
.haobao_xh_poster_user .kmuser img{float:left;width:46px;height:46px;margin-right:12px;border-radius:50%}
.haobao_xh_poster_user .kmuser .kmby{float:left;margin-right:15px;color:#ccc}
.haobao_xh_poster_user_mt{margin-top:20px}
.haobao_xh_poster_tops{padding:8px 15px;height:40px;line-height:40px;font-size:22px;color:#666;overflow:hidden}
.haobao_xh_poster_imgs{width:100%;height:300px;position:relative}
.haobao_xh_poster_imgs .kmbkbg{position:absolute;right:0;top:0;width:100%;height:250px;overflow:hidden}
.haobao_xh_poster_imgs .kmbkbg img{width:100%;height:auto;object-fit:cover;overflow:hidden}
.haobao_xh_poster_imgs .kmbkimg{position:absolute;left:50%;bottom:0;background:#fff;margin-left:-55px;width:110px;height:110px;border-radius:6px}
.haobao_xh_poster_imgs .kmbkimg img{width:100px;height:100px;margin:5px;border-radius:6px}
.haobao_xh_poster_tits{text-align:center;padding:15px 28px 10px;height:40px;line-height:40px;font-size:32px;font-weight:400;color:#369;overflow:hidden}
.haobao_xh_poster_txts{margin:5px 28px;min-height:68px;max-height:170px;line-height:34px;font-size:24px;font-weight:400;color:#666;overflow:hidden}
.haobao_xh_poster_dico{padding:20px 29px}
.haobao_xh_poster_nqmpfhx{background:none}
.haobao_xh_poster_x{width:100%;height: 3px;background:url(poster_xh_x.jpg) repeat-x center;overflow:hidden;}
.haobao_xh_poster_foot{padding: 10px;height: 120px;box-sizing:initial;overflow:hidden;padding-top: 25px;border-top: 1px solid #dddddd;}
.haobao_xh_poster_foot .haobao_xh_poster_foot_h2{height:30px;line-height:30px;margin-bottom:5px}
.haobao_xh_poster_foot .kmzw{float:left;margin-left:1px;margin-right: 10px;width: 50px;height: 50px;margin-top: 10px;}
.haobao_xh_poster_foot .kmzwtip{float:left;margin-top: 15px;height: 40px;line-height: 20px;font-size: 13px;color:#aaa;}
.haobao_xh_poster_foot .kmzwtips{float:left;margin-top:12px;height:68px;line-height:36px;font-size:22px;color:#aaa}
.haobao_xh_poster_foot .kmewm{float:right;width: 80px;height: 80px;border-radius: 5px;}
.haobao_xh_poster_fdico *,#haobao_xh_poster_box *{-moz-box-sizing:content-box;box-sizing:content-box;}
.haobao_xh_poster_fdico{bottom:82px;left:12px;}
.haobao_xh_poster_a,.haobao_xh_footer_scroll a.haobao_xh_poster_a{}
.haobao_xh_poster_a span,.haobao_xh_poster_a i{}
.haobao_xh_footer_scroll a em{font-size: .18rem;}
.haobao_xh_poster_a span, .haobao_xh_poster_a i{}
.haobao_xh_footer_scroll a span{display: block;margin-top: -.01rem;overflow: hidden;height: .28rem;line-height: .28rem;}
.haobao_xh_footer_scroll a .haobao_xh_font{display: block;font-size: .22rem;margin-top: .05rem;height: .3rem;line-height: .3rem;overflow: hidden;margin-bottom: 0;}
.haobao_xh_footer_scroll a .haobao_xh_font img{width: 0.33rem;height: .36rem;vertical-align: -.05rem;}
.haobao_xh_footer_scroll a{display: block;width: .7rem;height: .7rem;text-align: center;background: rgba(0,0,0,0.6);border-radius: .5rem;overflow: hidden;margin-top: 10px;position: relative;}
.haobao_xh_poster_a, .haobao_xh_footer_scroll a.haobao_xh_poster_a{}
.haobao_xh_footer_scroll{position: fixed;bottom: 2.3rem;right: .1rem;z-index: 100;transition: all .2s ease;transform: translateX(100px);-webkit-transition: all .2s ease;-webkit-transform: translateX(100px);}
.haobao_xh_footer_scroll_show{transform: translateX(0px);-webkit-transform: translateX(0px);}
a.haobao_xh_poster_a{text-decoration: none}