body{max-width:640px;background-color:#f8f8f8}
.hx_detail_BN{width:100%;margin:0 auto;margin-top:50px}
.hx_detail_BN img{width:100%;display:block}
.hx_detail_C{width:90%;padding:20px 5%;font-size:15px;text-align:left;line-height:200%;margin:0 auto;background-color:#fff}
.hx_detail_C img{max-width:100%;}

.iMarqueeBox{position:relative;margin-top:15px;height:40px;padding:0 0;border-radius:6px}
.iMarqueeBox h5{width:74px;height:24px;line-height:24px;position:absolute;left:8px;top:8px;border-radius:16px;color:#fff;font-size:13px}
.iMarquee{position:absolute;left:80px}
.iMarquee {width:-webkit-calc(100% - 80px);height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iMarquee li{width:100%;font-size:13px;height:40px;line-height:40px;color:#666;border-radius:20px;text-align:left;padding-left:10px;overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}

/*hx_top*/
.hx_top{position:relative;overflow:hidden;top:0}
.hx_top:after{width:200%;height:300px;position:absolute;left:-50%;top:-200px;z-index:-2;content:'';border-radius:0 0 50% 50%;background-size:50%}
.hx_top:before{content:'';position:absolute;top:0;left:0;width:100%;height:100px;z-index:1;overflow:hidden;background-size:100%}
/*hx_ilist*/
.hx_ilist{width:94%;background-color:#fff;min-height:150px;margin:0 auto 12px auto;border-radius:16px;padding:5px 15px 20px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;position:relative;z-index:1}
.hx_ilist h1{font-size:18px;font-weight:bold;text-align:left;margin-top:12px}
.hx_ilist dl{height:60px;line-height:60px;font-size:15px}
.hx_ilist dl dt{font-weight:bold;float:left}
.hx_ilist dl dd {float:right;color:#666;font-family:Arial, Helvetica, sans-serif}
.hx_ilist ul{display:block;padding:0 3px 0 15px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.hx_ilist ul .nodata{color:#999;text-align:center}
.hx_ilist ul .nodata i{font-size:40px;display:block;margin:0 auto 5px auto;color:#ccc}
.hx_ilist ul li{width:40px;height:40px;border-radius:20px;margin-left:-12px;border:#fff 1px solid;display:block;float:left;margin-bottom:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.hx_ilist ul li img{width:100%;height:100%;border-radius:20px;object-fit:cover;-webkit-object-fit:cover}
.hx_ilist ul li.more{background-color:#f5f5f5;line-height:40px;color:#999}
/*hx_detail_bottom*/
.hx_detail_bottom{text-align:center;font-size:12px;height:250px;padding:10px 0 80px 0;color:#999;background-color:#fff}
.hx_detail_bottom i.ico{display:inline-block}
.hx_detail_bottom img{display:block;margin:5px auto;width:100px}
.hx_detail_bottom .copyright{margin-top:8px;line-height:150%;font-size:18px;color:#FF5065}
.hx_detail_bottom .copyright a{;color:#FF5065}
.hx_detail_bottom a.xiangqin{padding:10px;font-size:12px;color:#666;display:block}
#backtop,.btmKefuBtn{position:fixed;right:10px;text-align:center;display:none}
#backtop a,.btmKefuBtn{display:block;width:44px;height:44px;line-height:16px;font-size:12px;border-radius:30px;color:#fff;background-color:#FF6F6F;box-shadow:3px 3px 5px rgba(0,0,0,0.1);border:#fff 1px solid}
#backtop a i{display:block;font-size:18px}
.btmKefuBtn i{font-size:22px;line-height:20px;display:block;margin-top:2px}
.btmKefuBtn span{display:inline-block;margin-top:8px;line-height:14px}
.btmKefuBtn{bottom:115px;line-height:16px}
.my-subscribe_box{margin-top:30px;display:none}
.my-subscribe_box img{width:65%;padding:5px;display:block;margin:0 auto}
.my-subscribe_box h3{font-size:14px;color:#999;margin-top:10px}

.linebox .title{background-color:#fff}
.hx_i_btm,.hx_ulist_btm{width:100%;position:fixed;bottom:0;left:0;height:50px;border-top:#f0f0f0 1px solid;background-color:#fff;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);z-index:8}
.hx_i_btm a{width:24%;float:left;height:50px;line-height:50px}
.hx_i_btm a:last-child{width:46%;margin-left:6%}
.hx_i_btm a:last-child span{width:100%;height:50px;line-height:50px;border-radius:0;color:#fff;font-size:18px;font-weight:bold}
.hx_i_btm a:last-child span.off{background-color:#bbb}
.hx_i_btm a i,.hx_ulist_btm i{display:block;font-size:20px;line-height:20px;height:20px;margin-top:6px}
.hx_i_btm a span,.hx_ulist_btm a span{display:block;font-size:12px;color:#666;line-height:20px;height:20px}
.hx_i_btm a.hui{background-color:#aaa}



/*huxuan_detail_ulist.php*/
.hx_ulist_btm a{width:50%;float:left;height:50px;line-height:50px}
.ulist_top{width:100%;max-width:640px;height:78px;position:fixed;bottom:0;z-index:1;background-color:#fff}
.ulist_top a{width:25%;height:78px;dislay:block;float:left;text-align:center;font-size:14px;position:relative;}
.ulist_top a i{width:50px;height:50px;line-height:50px;border-radius:30px;display:inline-block;font-size:24px;margin-top:6px;color:#fff;background-color:#bbb}
.ulist_top a span{position:absolute;top:48px;left:-webkit-calc(50% - 32px);width:66px;height:22px;line-height:22px;display:block;margin:0 auto;font-size:13px;background-color:#bbb;border-radius:15px;color:#fff}
.ulist_top a:nth-child(1) i{background-image:-webkit-linear-gradient(left,#ff6f91,#FF6F6F)}.ulist_top a:nth-child(1) span{background-color:#ff8383}
.ulist_top a:nth-child(2) i{background-image:-webkit-linear-gradient(left,#FF90C5,#FF0DB6)}.ulist_top a:nth-child(2) span{background-color:#FF53BF}
.ulist_top a:nth-child(3) i{background-image:-webkit-linear-gradient(left,#FEBE13,#FE9C1F)}.ulist_top a:nth-child(3) span{background-color:#FEA11E}
.ulist_top a:nth-child(4) i{background-image:-webkit-linear-gradient(left,#4fe0b9,#32C93D)}.ulist_top a:nth-child(4) span{background-color:#41D57A}
.ulist_top a {filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4}
.ulist_top a.ed {filter:alpha(opacity=100);-moz-opacity:1;opacity:1}

.hx_ulist{padding:0 15px 20px 15px;margin-top:60px}
.hx_ulist dl{width:100%;border-bottom:#f2f2f2 1px solid;position:relative;height:117px;box-sizing:border-box}
.hx_ulist dl dt,.hx_ulist dl dd{position:absolute;top:13px}
.hx_ulist dl dt{width:88px;left:0}
.hx_ulist dl dt img{width:88px;height:88px;border-radius:50px;object-fit:cover;-webkit-object-fit:cover}
.hx_ulist dl dd{right:0;width:-webkit-calc(100% - 110px);text-align:left}
.hx_ulist dl dd b{font-weight:normal}
.hx_ulist dl dd h4{font-size:16px}
.hx_ulist dl dd h4 img,.hx_ulist dl dd h4 span{vertical-align:middle}
.hx_ulist dl dd h5{font-size:14px;margin:10px 0}
.hx_ulist dl dd h5 b{display:inline-block;line-height:24px;height:24px;padding:0 8px;border-radius:18px;color:#fff;}
.hx_ulist dl dd h5 b:first-child{margin-right:10px}
.hx_ulist dl dd h5 b:last-child{background-color:#9fbdeb;}
.hx_ulist dl dd h6{font-size:14px;color:#888;margin-top:3px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx_ulist dl .enter{position:absolute;right:0;top:43px;color:#c6c6c6}
.hx_ulist dl .enter i{font-size:15px;color:#c6c6c6}
.hx_ulist dl .enter{width:70px;display:inline-block;border-radius:3px;background-color:#fff;border:#999 1px solid;color:#999;font-size:14px;line-height:28px;}

.blankbottom{height:120px;clear:both;overflow:auto;color:#999}

.hx_private{display:none;}
.hx_private .C{width:85%;margin:0 auto;height:64vh;margin-top:18vh;padding:20px;background-color:#fff;border-radius:12px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.hx_private .C h1{height:20px;line-height:20px;padding-bottom:15px;font-size:18px;font-weight:bold;border-bottom:#F3F4F8 1px solid;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx_private .C em{text-align:left;padding-top:10px;height:-webkit-calc(100% - 100px);overflow:hidden;line-height:200%;overflow-y:auto;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.hx_private .C .agreebox{height:50px;line-height:50px;margin-top:10px}
.hx_private .C .agreebox button{width:47%;border-radius:5px}
.hx_private .C .agreebox button:first-child{background-color:#fff;border:1px solid #FF6F6F;color:#FF6F6F}
.hx_private .C .agreebox button:last-child{background-color:#FF6F6F;border-color:#FF6F6F;color:#fff}
