@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
body{ color:#999; font-size:12px; font-family:'Microsoft Yahei'; -o-user-select:none;-o-touch-collout:none;-o-tap-highlight-color:transparent;-moz-select:none;-moz-touch-collout:none;-moz-tap-highlight-color:transparent;-webkit-user-select:none;-webkit-touch-collout:none;-webkit-tap-highlight-color:transparent;-ms-user-select:none;-ms-touch-collout:none;-ms-tap-highlight-color:transparent;user-select:none;touch-collout:none;tap-highlight-color:transparent;}

h1,h2,h3,h4,h5,h6,i,em{font-size:12px; font-style:normal; font-weight:normal;}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,img{ list-style:none; border:0;}
a { text-decoration:none; -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; /* For some Androids */ }
em,strong,b{font-weight:normal;}

[contenteditable = "true"], input, textarea { -webkit-user- select: auto!important; -khtml-user-select: auto!important; -moz-user-select: auto!important; -ms-user-select: auto!important; -o-user-select: auto!important; user-select: auto!important; }

/*---- 公共 ----*/
.clear{ clear:both; font-size:0; visibility:hidden; line-height:1px; height:1px; margin-top:-1px;}
input{color:#333; font-size:16px; font-family:'Microsoft Yahei'; border:none; outline:none;}
em { display:block; text-indent:-99999px; }
a { color:#999; }
.hwhlBj { background:#f5f6f7; }

.swiper-container img,#content .details img { display:block; width:100%; }
.swiper-pagination-bullet { width:15px; height:4px; background:#fff; opacity:.6; border-radius:0px;}
.swiper-pagination-bullet-active { background:#fff; opacity:1; }

/*---- 内容 ----*/
header { position:fixed; top:0; left:0; width:100%; height:45px; text-align:center; font:20px/42px "Microsoft Yahei"; color:#000; background:#fff; overflow:hidden; z-index:10;}
header a { position:absolute; top:3px; display:block; padding:10px; }
header em,.searchCont em { width:18px; height:18px; background:url(//images5.hunli.baihe.com/hunliM/hwhl_head.png) no-repeat; background-size:auto 18px; }
header .return { left:0px;}
header .return em { background-position:0 0; }
header .search,header .share { right:10px;}
header .search em { background-position:-36px 0;}
header .share em { background-position:-72px 0;}

.searchCont { display:none; position:fixed; top:0; left:0px; width:100%; height:45px; background:#fff; overflow:hidden; z-index:101;}
.searchCont .left {position:relative; width:73%; height:25px; margin:8px auto 0; padding-top:3px; background:#f0f0f0; border-radius:13px;}
.searchCont .left em { position:absolute; top:5px; left:15px; background-position:-54px 0;}
.searchCont .left input {width:73%; padding:0 30px 0 40px; background:none;}
.searchCont .left .del{ position:absolute; top:5px; right:12px; width:17px; height:17px; text-indent:-9999px; background:url(//images4.hunli.baihe.com/hunliM/icon_close.png) no-repeat center top; background-size:100% auto;}
.searchCont .orgText,.searchCont .icon{ position:absolute; top:0px; padding:0 10px; font-size:14px; line-height:45px; color:#000;}
.searchCont .orgText { left:0px; }
.searchCont .icon { right:6px; }
.searchCont .tel { position:relative; top:13px; float:right; margin-right:12px; }

#footer { position:fixed; left:0px; bottom:0px; width:100%; height:49px; border-top:1px solid #ECECED; background:#fff; overflow:hidden; z-index:80; }
#footer a { float:left; width:33%; height:49px; text-align:center; font-size:12px; color:#A6A7A8;}
#footer em { width:29px; height:29px; margin:0 auto; background:url(//images5.hunli.baihe.com/hunliM/hwhl_footer.png) no-repeat; background-size: auto 58px;}
#footer .rec { background-position:0 -29px; }
#footer .case { background-position:-29px -29px;}
#footer .about { background-position:-58px -29px;}
#footer .active { color:#F90C66; }
#footer .active .rec { background-position:0 0; }
#footer .active .case { background-position:-29px 0;}
#footer .active .about { background-position:-58px 0;}

#bottomIcon { position:fixed; left:0px; bottom:0px; width:100%; background:#fff; overflow:hidden; z-index:80; }
#bottomIcon a { float:left; display:block; width:50%; text-align:center; overflow:hidden; }
#bottomIcon a.yd { height:49px; line-height:49px; font-size:18px; color:#FF4365; border-top:1px solid #ececed; }
#bottomIcon a.zx { height:46px; padding-top:4px; color:#fff; background-image: linear-gradient(135deg, #FF7063 0%, #FF118E 100%); }
#bottomIcon strong { font-size:18px;}

#content { height:100%; margin-top:45px; padding-bottom:25px; overflow:hidden; }
#content .title img { display:block; width:100%; padding:12px 0 20px 0; }
#content .focusMap { padding-bottom:8px;}
#content .focusMap .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet { margin:0 3px;}
#content .mdd { overflow:hidden; }
#content .mdd .swiper-slide { padding-bottom:10px; text-align:center; }
#content .mdd a { display:block; width:100%; font-size:14px; color:#666; line-height:33px; }
#content .mdd img { width:65%; margin:0 auto; border-radius:50%; }
#content .hllx { padding-bottom:10px; overflow:hidden; }
#content .hllx .swiper-slide { padding-bottom:10px; text-align:center; }
#content .hllx a { position:relative; display:block; padding:0 0 0 15px; height:100%; }
#content .hllx span { position:absolute; top:50%; left:50%; display:block; width:40px; height:20px; margin:-10px 0 0 -20px; font-size:18px; color:#fff; }
#content .mddList { margin:0 0 0 15px; overflow:hidden; }
#content .mddList .name { height:55px; font-size:12px; line-height:20px; overflow:hidden; }
#content .mddList .name strong { font-size:18px; color:#333; }
#content .mddList .name a { float:right; margin-right:15px; font-size:14px; line-height:24px;}
#content .mddList ul { overflow:hidden; }
#content .mddList ul li { float:left; padding:0 10px 40px 0; overflow:hidden; }
#content .mddList ul li img { display:block; width:100%; margin-bottom:12px; }
#content .mddList ul li em { float:left; position:relative; top:3px; width:28px; height:14px; margin-left:4px; }
#content .mddList ul li .lz { background:url(//images5.hunli.baihe.com/hunliM/hwhl_sy_lz.png) no-repeat; background-size:100% auto;}
#content .mddList ul li .dx { background:url(//images5.hunli.baihe.com/hunliM/hwhl_sy_dx.png) no-repeat; background-size:100% auto; }
#content .mddList ul li strong { display:block; float:left; max-width:59%; font-size:14px; color:#333; white-space:nowrap; text-overflow:ellipsis; word-break:keep-all; overflow:hidden; }
#content .mddList ul li p { width:100%; height:32px; line-height:32px; clear:both;}
#content .mddList ul li .num { font-size:18px; color:#FF4365; }
#content .mddList ul li span { font-size:12px;}
#content .details { padding-bottom:28px; overflow:hidden; }
#content .details .bt { margin-top:25px; padding:0 0 21px 13px; font-size:20px; color:#333; background:url(//images5.hunli.baihe.com/hunliM/hwhl_xq_bt.png) no-repeat left 4px; background-size:4px auto; }
#content .details .bt p { font-size:13px; color:#666; line-height:26px;}
#content .details .pic,#content .details .hltc,#content .details .like { position:relative; padding:0 15px; overflow:hidden; }
#content .details .pic img { margin:0px; }
#content .details .pic .num { position:absolute; top:8px; right:15px; font-size:18px; color:#FF4365; }
#content .details .pic dl dt { width:84%; padding:8px 0 10px; font-size:18px; color:#333; }
#content .details .pic dl dt span { font-size:12px; color:#999; }
#content .details .pic dl dd { font-size:15px; color:#666; line-height:28px; }
#content .details .intr { padding-bottom:30px; text-align:center; overflow:hidden; }
#content .details .intr img { display:block; width:80%; margin:0 auto 10px; overflow:hidden; }
#content .details .dis { margin:15px 0; padding:15px 0 0 0; font-size:15px; color:#333; border:1px solid #EDE8E8; border-width:1px 0; overflow:hidden; }
#content .details .dis ul li { position:relative; padding:0 0 15px 57px; overflow:hidden; }
#content .details .dis em { position:absolute; top:2px; left:15px; display:block; width:36px; height:17px; }
#content .details .dis .dx { background:url(//images5.hunli.baihe.com/hunliM/hwhl_icon_dx.png) no-repeat; background-size:100% auto; }
#content .details .dis .lz { background:url(//images5.hunli.baihe.com/hunliM/hwhl_icon_lz.png) no-repeat; background-size:100% auto; }
#content .details .hltc ul li { position:relative; padding:15px 20px; font-size:14px; color:#666; line-height:22px; background:#F7F9FB; overflow:hidden; }
#content .details .hltc ul li:nth-child(2n) { background:#fff; }
#content .details .hltc ul li strong { font-size:16px; color:#333; line-height:30px; }
#content .details .hltc ul li em { position:absolute; top:28px; left:10px; width:4px; height:4px; border-radius:2px; background:#000; overflow:hidden; }
#content .details .hltc a { display:block; width:100%; padding:15px 0 5px; color:#FF4365; font-size:14px; text-align:center; }
#content .details .hltc a em { display:inline-table; width:9px; height:6px; background:url(//images5.hunli.baihe.com/hunliM/hwhl_cpjs_arrow.png) no-repeat; background-size:100% auto; background-position:0 -6px; }
#content .details .hltc .takeUp em { position:relative; top:-1px; background-position:0 0;}
#content .details .hltc .more { display:none; }
#content .details .like a { position:relative; display:block; width:100%; margin-bottom:20px; overflow:hidden; }
#content .details .like img { float:left; display:block; width:40%;}
#content .details .like .txt { position:relative; float:right; width:55%;}
#content .details .like .num { position:absolute; right:0px; bottom:0px; width:55%; font-size:20px; color:#FF4365; }
#content .details .like p { max-height:38px; padding:2px 0 1px; font-size:14px; color:#222; overflow:hidden; }
#content .middlePic { padding-top:120px; font-size:14px; text-align:center; overflow:hidden; }
#content .middlePic img { display:block; width:36%; margin:0 auto 10px;}
#content .fwlc { overflow:hidden; }
#content .hzs { padding-bottom:40px; background:#fff; overflow:hidden; }
#content .exampleCont { padding-bottom:40px; text-align: center; color:#333; overflow:hidden; }
#content .exampleCont video { width: 100%; margin:0; }
#content .exampleCont p { text-align:left}
#content .exampleCont .intr { padding:0 15px; overflow:hidden; }
#content .exampleCont .intr h2 { padding:20px 0; font-size:18px; line-height:28px; }
#content .exampleCont .intr h2 span { color:#666; font-size:14px;}
#content .exampleCont .intr { line-height:24px; color:#333;}
#content .exampleCont .intr p { font-size:14px; }
#content .exampleCont .txt { font-size: 14px; }
#content .exampleCont .txt h5 { padding-top:20px; color:#999 }
#content .exampleCont .txt h5 em { display: inline-table; width: 11px; height: 6px; margin-left:5px; background:url(//images5.hunli.baihe.com/hunli/arrow_down.png) no-repeat; }
#content .exampleCont .txt h4 em { position: relative; top:2px; display: inline-table; width:24px; height:15px; }
#content .exampleCont .txt h4 { height:20px; padding:20px 0 15px; font-size: 18px; color:#f57326; }
#content .exampleCont .txt h4 .L { margin-right:10px; background:url(//images5.hunli.baihe.com/hunli/hwhl_example_L.png) no-repeat; background-size:100% auto;}
#content .exampleCont .txt h4 .R { margin-left:10px; background:url(//images5.hunli.baihe.com/hunli/hwhl_example_R.png) no-repeat; background-size:100% auto;}
#content .exampleCont img { width:100%; margin-bottom:15px; }

.mddTop { overflow:hidden; }
.mddTop img,.hwhlList ul li img,#content .fwlc img { display:block; width:100%; }
.top_scrollPic img{display:block; width:100%;}
.top_scrollPic { position:relative; display:none; overflow:hidden; margin-bottom:10px; }
.top_scrollPic .zj { position:absolute; top:0px; left:0px; width:100%; height:100%; background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 44%, rgba(0,0,0,0.30) 98%); }
.top_scrollPic p { position:absolute; left:15px; bottom:0px; padding-bottom:15px; font-size:14px; line-height:20px; color:#fff; overflow:hidden; z-index:2; }
.top_scrollPic strong { font-size:24px; line-height:30px;}
.mddTop .searchCont { display:block; background:none; }
.mddTop .searchCont .left { width:87%; margin:8px 0 0 40px; background:#fff; }
.mddTop .searchCont .left input { width:80%; }
.mddTop .searchCont .return { position:absolute; top:0px; left:0px; width:40px; }
.mddTop .searchCont .return em { margin:13px auto 0; background-position:-18px 0;}
.hwhlList { position:relative; padding-bottom:60px;}
.hwhlList ul { padding:0 15px; overflow:hidden; }
.hwhlList ul li { padding-bottom:20px; font-size:18px; color:#333; line-height:24px; overflow:hidden; }
.hwhlList ul li img { margin-bottom:7px;}
.hwhlList ul li .num { float:right; color:#FF4365;}
.hwhlList ul li strong { display:block; float:left; max-width:57%; color:#333; white-space:nowrap; text-overflow:ellipsis; word-break:keep-all; overflow:hidden; }
.hwhlList ul li p { clear:both; width:100%; font-size:12px; color:#999;}
.hwhlList ul li em { position:relative; top:5px; float:left; display:block; width:30px; height:16px; margin:0 0 0 4px; line-height:0px; text-indent:-99999px; }
.hwhlList .lz { background:url(//images5.hunli.baihe.com/hunliM/hwhl_icon_lz.png) no-repeat; background-size:100% auto; }
.hwhlList .dx { background:url(//images5.hunli.baihe.com/hunliM/hwhl_icon_dx.png) no-repeat; background-size:100% auto; }

/*-- 上拉加载 --*/
#wrapper { position:absolute; top:0px; bottom:0px; width:100%; height:100%; padding:0px }
#pullUp,#bottomT { width:100%; height:33px; margin:0 0 40px; padding:0px; font-size:12px; line-height:33px; text-align:center; background:#f8fafb; overflow:hidden; }

/*--- 分享按钮弹层 ----*/
.layer { position:fixed; top:0; left:0; display:none; width:100%; height:100%; background:rgba(0,0,0,0.20); z-index:90; }
.share_layer { display:none; z-index:30; position:fixed; bottom:0px; width:100%; height:182px; background-color:white; z-index:91; }
.share_layer .content { height:125px; margin:0px; padding:0px; overflow:hidden; }
.share_layer .content .list { float:left; height:60px; width:33%; color:#333; background-repeat:no-repeat; background-position:center 25px; background-size:50px; text-align:center; padding-top:85px; display:block; }
.share_layer .content .list.one { background-image:url(//images5.hunli.baihe.com/luck/weibo.png); }
.share_layer .content .list.two { background-image:url(//images5.hunli.baihe.com/luck/QQ.png); }
.share_layer .content .list.three { background-image:url(//images5.hunli.baihe.com/luck/weixin.png); }
.share_layer .close { width:100%; height:52px; line-height:50px; text-align:center; font-size:18px; color:#000; border-top:#f2f2f2 solid 2px; }

.login_one { width:250px; position:fixed; top:14%; z-index:31; margin:0px auto; border-radius:8px; background:#fff;left: 50%;margin-left: -125px;text-align: center; z-index:91;}
.login_one>a {display: block;position: absolute;top:-38px;left:170px;width:24px;height:38px;background-image: url(//images5.hunli.baihe.com/luck/share_close.png);background-size:100% auto;background-repeat: no-repeat;}
.login_one img { display:block; width:180px; margin:0 auto; }
.login_one p {width:180px;margin:0 auto;line-height:20px;padding:15px}

.hwhlQian { position:fixed; bottom:70px; right:0px; display:block; width:126px; height:82px; text-indent:-9999px; background:url(//images5.hunli.baihe.com/hunliM/hwhl_qian.png) no-repeat; background-size:100% auto; overflow:hidden; z-index:20; }
.hwhlSuccess  { position:fixed; top:50%; left:50%; width:290px; height:360px; margin:-180px 0 0 -145px; font:12px/'Microsoft Yahei'; color:#999; text-align:center; border-radius:6px; background:#fff; overflow:hidden; z-index:91; }
.hwhlSuccess a.close { position:absolute; top:20px; right:20px; display:block; width:17px; height:17px; text-indent:-99999px; background:url(//images5.hunli.baihe.com/hunliM/close_02.png) no-repeat; background-size:100% auto; overflow:hidden; }
.hwhlSuccess img { display:block; width:145px; margin:0 auto; }
.hwhlSuccess strong { font-size:18px; color:#3F3F3F; }
.hwhlSuccess p { padding:15px 0; font-size:14px; color:#666; line-height:24px;  }
.hwhlSuccess .icon { display:block; width:250px; height:40px; margin:0 auto 15px; font-size:18px; color:#fff; text-align:center; line-height:40px; background-image:linear-gradient(139deg, #FF835B 0%, #FF0096 100%); border-radius: 28px;}

.hwhlPrompt { position:fixed; top:50%; left:50%; display:none; width:66%; height:40px; margin:-20px 0 0 -33%; font-size:14px; line-height:40px; border-radius:20px; text-align:center; color:#fff; background:rgba(0,0,0,.6); z-index:100; }

@media only screen and (  max-width:375px){
	.mddTop .searchCont .left { width:85%;}
	.mddTop .searchCont .left input { width:76%; }
	.hwhlList ul li strong { max-width:53%; }
	#content .details .pic dl dt { width:75%; }
	.searchCont .icon { right:0px; }
	#content .mddList ul li strong { max-width:59%; }
}

@media only screen and (  max-width:340px){
	.searchCont .left input{width:67%;}
	.searchCont .icon { right:0px; }
	.mddTop .searchCont .left { width:85%;}
	.mddTop .searchCont .left input { width:70%; }
	.hwhlList ul li strong { max-width:43%; }
	#content .mddList ul li strong { max-width:52%; }
}