body{max-width:750px;background-color:#f8f8f8}
.hx_detail_BN{width:100%;margin:0 auto;margin-top:5rem}
.hx_detail_BN img{width:100%;display:block}
.hx_detail_C{width:90%;padding:2rem 5%;font-size:1.5rem;text-align:left;line-height:200%;margin:0 auto;background-color:#fff}
.hx_detail_C img{max-width:100%;}

.iMarqueeBox{position:relative;margin-top:1.5rem;height:4rem;padding:0 0;border-radius:.6rem}
.iMarqueeBox h5{width:7.4rem;height:2.4rem;line-height:2.4rem;position:absolute;left:.8rem;top:.8rem;border-radius:1.6rem;color:#fff;font-size:1.3rem}
.iMarquee{position:absolute;left:8rem}
.iMarquee {width:-webkit-calc(100% - 8rem);height:4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iMarquee li{width:100%;font-size:1.3rem;height:4rem;line-height:4rem;color:#666;border-radius:2rem;text-align:left;padding-left:1rem;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:30rem;position:absolute;left:-50%;top:-20rem;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:10rem;z-index:1;overflow:hidden;background-size:100%}
/*hx_ilist*/
.hx_ilist{width:94%;background-color:#fff;min-height:15rem;margin:0 auto 1.2rem auto;border-radius:1.6rem;padding:.5rem 1.5rem 2rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;position:relative;z-index:1}
.hx_ilist h1{font-size:1.8rem;font-weight:bold;text-align:left;margin-top:1.2rem}
.hx_ilist dl{height:6rem;line-height:6rem;font-size:1.5rem}
.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 .3rem 0 1.5rem;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:4rem;display:block;margin:0 auto .5rem auto;color:#ccc}
.hx_ilist ul li{width:4rem;height:4rem;border-radius:2rem;margin-left:-1.2rem;border:#fff 1px solid;display:block;float:left;margin-bottom:.5rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.hx_ilist ul li img{width:100%;height:100%;border-radius:2rem;object-fit:cover;-webkit-object-fit:cover}
.hx_ilist ul li.more{background-color:#f5f5f5;line-height:4rem;color:#999}

#backtop a,.btmKefuBtn{display:block;width:4.4rem;height:4.4rem;line-height:1.6rem;font-size:1.2rem;border-radius:3rem;color:#fff;background-color:#FF6F6F;box-shadow:.3rem .3rem .5rem rgba(0,0,0,0.1)}
#backtop a i{display:block;font-size:1.8rem}
.my-subscribe_box{margin-top:3rem;display:none}
.my-subscribe_box img{width:65%;padding:.5rem;display:block;margin:0 auto}
.my-subscribe_box h3{font-size:1.4rem;color:#666;margin-top:1rem}

.linebox .title{background-color:#fff}
.hx_i_btm,.hx_ulist_btm{width:100%;max-width:750px;position:fixed;bottom:0;left:0;right:0;margin:auto;height:5rem;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:5rem;line-height:5rem}
.hx_i_btm a:last-child{width:46%;margin-left:6%}
.hx_i_btm a:last-child span{width:100%;height:5rem;line-height:5rem;border-radius:0;color:#fff;font-size:1.8rem;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:2rem;line-height:2rem;height:2rem;margin-top:.6rem}
.hx_i_btm a span,.hx_ulist_btm a span{display:block;font-size:1.2rem;color:#666;line-height:2rem;height:2rem}
.hx_i_btm a.hui{background-color:#aaa}



/*huxuan_detail_ulist.php*/
.hx_ulist_btm a{width:50%;float:left;height:5rem;line-height:5rem}
.ulist_top{width:100%;max-width:750px;height:7.8rem;position:fixed;bottom:0;z-index:1;background-color:#fff}
.ulist_top a{width:25%;height:7.8rem;dislay:block;float:left;text-align:center;font-size:1.4rem;position:relative;}
.ulist_top a i{width:5rem;height:5rem;line-height:5rem;border-radius:3rem;display:inline-block;font-size:2.4rem;margin-top:.6rem;color:#fff;background-color:#bbb}
.ulist_top a span{position:absolute;top:4.8rem;left:-webkit-calc(50% - 3.2rem);width:6.6rem;height:2.2rem;line-height:2.2rem;display:block;margin:0 auto;font-size:1.3rem;background-color:#bbb;border-radius:1.5rem;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 1.5rem 2rem 1.5rem;margin-top:6rem}
.hx_ulist dl{width:100%;border-bottom:#f2f2f2 1px solid;position:relative;height:11.7rem;box-sizing:border-box}
.hx_ulist dl dt,.hx_ulist dl dd{position:absolute;top:1.3rem}
.hx_ulist dl dt{width:8.8rem;left:0}
.hx_ulist dl dt img{width:8.8rem;height:8.8rem;border-radius:5rem;object-fit:cover;-webkit-object-fit:cover}
.hx_ulist dl dd{right:0;width:-webkit-calc(100% - 11rem);text-align:left}
.hx_ulist dl dd b{font-weight:normal}
.hx_ulist dl dd h4{font-size:1.6rem}
.hx_ulist dl dd h4 img,.hx_ulist dl dd h4 span{vertical-align:middle}
.hx_ulist dl dd h5{font-size:1.4rem;margin:1rem 0}
.hx_ulist dl dd h5 b{display:inline-block;line-height:2.4rem;height:2.4rem;padding:0 .8rem;border-radius:1.8rem;color:#fff;}
.hx_ulist dl dd h5 b:first-child{margin-right:1rem}
.hx_ulist dl dd h5 b:last-child{background-color:#9fbdeb;}
.hx_ulist dl dd h6{font-size:1.4rem;color:#888;margin-top:.3rem;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx_ulist dl .enter{position:absolute;right:0;top:4.3rem;color:#c6c6c6}
.hx_ulist dl .enter i{font-size:1.5rem;color:#c6c6c6}
.hx_ulist dl .enter{width:7rem;display:inline-block;border-radius:.3rem;background-color:#fff;border:#999 1px solid;color:#999;font-size:1.4rem;line-height:2.8rem;}

.blankbottom{height:12rem;clear:both;overflow:auto;color:#999}

.hx_private{display:none;}
.hx_private .C{width:85%;margin:0 auto;height:64vh;margin-top:18vh;padding:2rem;background-color:#fff;border-radius:1.2rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.hx_private .C h1{height:2rem;line-height:2rem;padding-bottom:1.5rem;font-size:1.8rem;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:1rem;height:-webkit-calc(100% - 10rem);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:5rem;line-height:5rem;margin-top:1rem}
.hx_private .C .agreebox button{width:47%;border-radius:.5rem}
.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}
