.blank{height:100px}
.uline{width:100%;background-color:#f8f8f8;margin:0 auto;height:1px;}
/*****hongniang_index*****/
.hn_i_bnr{width:100%;position:relative;top:50px}
.hn_i_bnr img{width:100%}

.hn_i_box{width:100%;background-color:#fff;min-height:80px;padding:12px 15px 0 15px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.hn_i_box h1{font-size:20px;text-align:center;font-weight:bold;padding:10px 0 0}
.hn_i_box h1 b{height:3px;width:20px;border-radius:4px;display:block;margin:5px auto}
.hn_i_box .iubtn{margin-bottom:5px}
.hn_i_box .iubtn a,a.hn_i_more{display:inline-block;padding:0 15px;color:#666;font-size:16px;font-weight:normal;line-height:32px;border-radius:20px;border:#f2f2f2 1px solid;background-color:#f8f8f8;margin:0 3%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.hn_i_box .iubtn a.ed{color:#fff;font-weight:bold;border:0}
.hn_i_box h5{width:80%;margin:10px auto 15px auto;color:#666}
.hn_i_more{padding:0 20px;background-color:#fff}
/*iubox*/
.ubox{margin:50px 0 20px}
.ubox .hn_i_more{background-color:#fff}
.hn_i_u {top:0px;width:100%;position:relative;padding-top:15px}
.hn_i_u a{display:block;width:33%;float:left;position:relative;}
.hn_i_u a img.m {width:94%;margin:0 auto;display:block;border-radius:5px 5px 0 0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.hn_i_u a .uinfo{width:94%;margin:0 auto;margin-bottom:25px;padding-bottom:1px;background-color:#fff;border-radius:0 0 5px 5px;text-align:left;color:#666;border-top:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-shadow:0 1px 5px rgba(0,0,0,0.1)}
.hn_i_u a .uinfo .data{padding:6px;margin:0px auto;line-height:20px;height:40px;font-size:14px;text-align:center}
.hn_i_u a .uinfo .data span{display:block;font-size:13px;line-height:20px}
.hn_i_u a .uinfo .data i.ico{color:#49BEF5;display:inline-block;margin-right:2px}
.hn_i_u a .payrz{width:15px;line-height:14px;position:absolute;top:0;right:12px;border-radius:3px}
.hn_i_u a .payrz  i{display:block;border-radius:3px;margin:5px 0;padding:1px}
.hn_i_u a i.lockico{display:block;position:absolute;top:23%;left:-webkit-calc(50% - 23px);line-height:50px;font-size:50px;color:#fff;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5}
.hn_i_u a .lockstr{position:absolute;top:-webkit-calc(23% + 60px);color:#fff;width:100%;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5}
.hn_i_u a .vipj{width:22px;height:22px;display:block;position:absolute;top:1%;left:5%}
.hn_i_u a .rzj{width:35px;height:32px;display:block;position:absolute;top:-2px;left:2%}
.hn_i_u a:hover .uinfo{background-color:#f9f9f9}

.hnlist{padding:10px 5px 0 5px}
.hnlist h5{margin-bottom:25px}
.hnlist .hn_i_more{margin-bottom:20px;background-color:#fff;min-width:130px}
.hnlist .nodatatips{width:50%}
.hnlist a.li{float:left;width:44%;margin:0 3% 20px 3%;text-align:center;position:relative;background-color:#fff;border:#eee 1px solid;box-shadow:0 1px 5px rgba(0,0,0,0.1);border-radius:10px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.hnlist a.li:hover{background-color:#f9f9f9}
.hnlist a.li img{width:26vw;height:26vw;max-width:165px;max-height:165px;display:block;border-radius:50%;box-sizing:border-box;margin:15px auto 5px auto;object-fit:cover;-webkit-object-fit:cover}
.hnlist a.li h2{margin:10px auto;font-size:15px}
.hnlist a.li h4{margin:2px 0 10px 10px;color:#999;font-size:12px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hnlist .add{text-align:center;width:90px;height:30px;line-height:30px;color:#fff;font-size:12px;border-radius:22px;display:block;margin:0 auto 15px auto;position:relative}
.hnlist .add i.ico{display:inline-block;font-size:12px;margin-right:3px}
.hnlistmore{margin-top:50px}
.hnlistmore a.li img{width:70%;}

.iMarqueeBox{position:relative;height:220px;-webkit-user-select:none;-moz-user-select:none; }
.iMarqueeBox .iMarquee{position:absolute;left:0}
.iMarquee {width:100%;height:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iMarquee li{width:100%;font-size:14px;height:38px;line-height:38px;color:#666;margin:1px 0;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}
.iMarquee li img,.iMarquee li font{display:inline-block;height:18px;line-height:18px;margin-top:5px;vertical-align:middle}
.iMarquee li img{width:18px;border-radius:10px;background-color:#FF6F6F;margin-right:5px;object-fit:cover;-webkit-object-fit:cover}
.iMarquee li i{margin:0 10px;vertical-align:middle;font-size:18px;height:18px;line-height:18px;margin-top:5px}

.hn_i_btm{width:100%;position:fixed;bottom:0;left:0;height:50px;border-top:#f8f8f8 1px solid;background-color:#fff;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);z-index:8}
.hn_i_btm a{width:27%;float:left;height:50px;line-height:50px}
.hn_i_btm a:last-child{width:46%;}
.hn_i_btm a:last-child span{width:120px;height:40px;line-height:40px;margin:5px auto 0 auto;border-radius:20px;color:#fff;font-size:16px;}
.hn_i_btm a i{display:block;font-size:20px;line-height:20px;height:20px;margin-top:5px}
.hn_i_btm a span{display:block;font-size:12px;color:#666;line-height:20px;height:20px}
.hn_i_btm a.hui{background-color:#aaa}


/*****hongniang_u*****/
.hongniang_utop{position:relative;width:100%;height:290px;top:44px;overflow:hidden}
.hongniang_utop .photo_m{width:150px;height:150px;border-radius:80px;position:relative;top:60px;left:-webkit-calc(50% - 75px);display:block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;overflow:hidden;z-index:1;border:#eee 2px solid;background-color:#fff}
.hongniang_utop .photo_m img{width:100%;height:100%;object-fit:cover;-webkit-object-fit:cover;border-radius:80px;position:absolute;left:0;top:0}
.hongniang_utop .photo_m .parent{width:100px;color:#fff;font-size:14px;line-height:24px;height:28px;position:absolute;left:25px;bottom:0;background-color:rgba(255,111,111,0.7);border-radius:10px}
.hongniang_u{width:94%;margin:-90px auto 20px auto;position:relative;background-color:#fff;border-radius:16px;padding:20px 0 30px}
.hongniang_u dl:last-child dt,.hongniang_u dl:last-child dd{border:0}
.hongniang_u h3{font-weight:bold}
.hongniang_u h3 b{height:3px;width:20px;border-radius:4px;display:block;margin:5px auto}
.hongniang_u_btm{width:100%;position:fixed;bottom:15px;left:0;height:50px;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);z-index:8}
.hongniang_u_btm a{width:50%;height:50px;line-height:50px;border-radius:30px;display:inline-block;color:#fff;font-size:16px}
.hongniang_u_btm a .ico{font-size:20px}

.ifhx a{width:30%;margin-right:15%}
.ifhx a:last-child{margin-right:0}
.ifhx a.ed{background-color:#41D57A}
.ifhx_vipsjA{color:#A28362;font-size:16px}
/*****hongniang_ulist*****/
.sotab{width:100%;height:44px;line-height:44px;position:fixed;top:50px;z-index:1;background-color:#fff}
.sotab li span{display:inline-block}
.sotab li{width:33%;max-width:213px;height:44px;display:inline-block;font-size:16px;/*border-bottom:#f2f2f2 1px solid;*/position:relative}
.sotab li:nth-child(2){width:34%}
.sotab li:nth-child(2):before,
.sotab li:nth-child(2):after{position:absolute;content:'';width:1px;left:-1px;height:16px;top:14px;background-color:#ddd}
.sotab li:nth-child(2):after{left:auto;right:-1px}
.sotab li.ed{border-color:#fff}
.sotab li i{margin-left:5px;width:12px;height:12px;line-height:12px;font-size:12px;color:#999;-webkit-transition:-webkit-transform .3s}
.sotab li.ed i{transform:rotate(180deg);-webkit-transform: rotate(180deg);height:16px;line-height:18px}
/*soubox*/
.soubox{max-width:640px;max-height:80vh;max-height:-webkit-calc(100vh - 94px);margin:0 auto;padding:10px 0;background-color:#fff;display:none;overflow:hidden;overflow-y:auto}
.soubox a{line-height:44px;border-bottom:#f8f8f8 1px solid;display:block;text-align:left;padding-left:25px;position:relative;font-size:15px}
.soubox a:hover{background-color:#f9f9f9}
.soubox a.ed .yes{display:block}
.soubox a.ed:after{position:absolute;right:25px;font-size:18px;content:"\e60f";;font-family:"www_zeai_cn_iconfont" !important;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display:inline-block}
.soubox a:last-child{border:0}
/*souext*/
.souext{text-align:left;padding:15px 15px 115px 15px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;position:relative}
.souext .form_uid{width:100%;margin:10px auto 5px auto;position:relative;height:40px;border-radius:5px;padding:0 15px;background-color:#f8f8f8;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.souext .form_uid .input::-webkit-input-placeholder {color:#aaa;font-size:15px;padding:0 5px}
.souext .form_uid .input{width:100%;height:40px;line-height:40px;border:0;background-color:#f8f8f8}
.souext .form_uid i{position:absolute;font-size:18px;right:20px;color:#999}
.souext .form_uid button{position:absolute;width:18px;height:18px;font-size:18px;right:20px;top:10px;color:#999;border:0;display:inline-block;background:none}
.souext .tbox{padding:10px 0;clear:both;overflow:auto;border-bottom:#f8f8f8 1px solid}
.souext .tbox h5{font-weight:bold;font-size:15px}.souext .tbox h5 font{color:#999;font-weight:normal}
.souext ul{padding:10px 0}
.souext ul.def{width:100%;margin:0 auto}
.souext ul.def li{width:23%;color:#666;position:relative;font-size:13px;display:block;margin:5px 1%;text-align:center;line-height:33px;border-radius:4px;float:left;background-color:#f7f7f7;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;overflow:hidden;font-family:Arial, Helvetica, sans-serif}
.souext ul.def li.ed:before{position:absolute;font-family:"www_zeai_cn_iconfont" !important;content:"\e64a";width:18px;height:18px;line-height:18px;font-size:18px;right:0;bottom:0}
.souext ul.col3 li{width:31%}
.souext .savebox{width:90%;position:fixed;height:50px;bottom:0;left:0;padding:0 5%;box-shadow:0 0 15px #eee;background-color:#fff;text-align:center;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);}
.souext .savebox button{width:40%;max-width:160px;margin:0 5%;margin-top:6px;border-radius:30px}
.souext .savebox button.reset{background-color:#f6f6f6;color:#999}

/*地区*/
.listbox dl{width:100%;height:50px;border-bottom:#f8f8f8 1px solid}
.listbox dl dt,.listbox dl dd{font-size:15px;line-height:50px;height:50px}
.listbox dl dt{width:32%;float:left;text-align:left;font-weight:bold;font-size:15px}
.listbox dl dd{width:68%;float:right;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}
.listbox dl dd:after{content:'\e601';position:absolute;top:0;right:0;font-family:"www_zeai_cn_iconfont" !important;color:#ccc}
.listbox dl dd span{color:#999;padding-right:20px}
.listbox dl dd span.ed{color:#333}
.areabox .ul li a{position:relative;color:#666;background-color:#f7f7f7;height:36px;line-height:36px;margin:5px 5px;overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border:0;padding:0 10px}
.areabox .ul li a:hover:before,.areabox .ul li a.ed:before{position:absolute;font-family:"www_zeai_cn_iconfont" !important;content:"\e64a";width:20px;height:20px;line-height:20px;font-size:20px;right:0;bottom:0}

/*iubox*/
.ZEAI_list {top:114px;width:96%;left:2%;position:relative}
.ZEAI_list a{display:block;width:50%;padding:0;float:left;position:relative;}
.small_big{-webkit-animation-duration:0.5s;animation-duration:0.5s}
.ZEAI_list a img.m {width:94%;margin:0 auto;display:block;padding:1px;background-color:#fff;border-radius:6px 6px 0 0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.ZEAI_list a .uinfo{width:94%;margin:0 auto;margin-bottom:20px;padding-bottom:1px;background-color:#fff;border-radius:0 0 10px 10px;text-align:left;color:#666;border-top:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-shadow:0 1px 5px rgba(0,0,0,0.1)}
.ZEAI_list a .uinfo .data{padding:6px 6px 0;margin:0px auto 10px auto;line-height:20px;font-size:14px;text-align:center}
.ZEAI_list a .uinfo .data span img,.ZEAI_list a .uinfo .data span font{display:inline-block;vertical-align:middle}
.ZEAI_list a .uinfo .data span{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}
.ZEAI_list a .uinfo .data span b{font-weight:normal;display:inline-block;margin-right:10px;margin-top:6px;line-height:22px;padding:0 4px;font-size:12px;border-radius:3px;}
.ZEAI_list a .uinfo .data span b:last-child{margin-right:0}
.ZEAI_list a .uinfo .data i.ico{color:#49BEF5;display:inline-block;margin-right:2px}
.ZEAI_list a .payrz{width:15px;line-height:14px;position:absolute;top:0;right:12px;border-radius:3px}
.ZEAI_list a .payrz  i{display:block;border-radius:3px;margin:5px 0;padding:1px}
.ZEAI_list a i.lockico{display:block;position:absolute;top:23%;left:-webkit-calc(50% - 23px);line-height:50px;font-size:50px;color:#fff;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5}
.ZEAI_list a .lockstr{position:absolute;top:-webkit-calc(23% + 60px);color:#fff;width:100%;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5}
.ZEAI_list a .vipj{width:22px;height:22px;display:block;position:absolute;top:1%;left:5%}
.ZEAI_list a .rzj{width:54px;height:50px;display:block;position:absolute;top:-2px;left:2%}

/***hongning_detail***/
.hid_top{height:170px;position:relative;overflow:hidden;top:50px}
.hid_top:after{width:200%;height:170px;position:absolute;left:-50%;top:0;z-index:-2;content:'';border-radius:0 0 50% 50%;background-size:50%}
.hid_top:before{content:'';position:absolute;top:0;left:0;width:100%;height:170px;z-index:1;overflow:hidden;background-size:100%;background-image:url("/res/m/img/my_bg.png");}
.hid_top .logo{position:absolute;top:20px;left:20px;width:90px;height:90px;border-radius:46px;border:#fff 1px solid;object-fit:cover;-webkit-object-fit:cover}
.hid_top .truename{position:absolute;top:20px;left:130px;color:#fff;text-align:left}
.hid_top .truename h2{font-size:20px;font-weight:bold;display:inline-block;vertical-align:middle}
.hid_top .truename span{font-size:12px;display:inline-block;line-height:20px;padding:0 8px;border-radius:10px 10px 10px 0;color:#fff;background-color:#FF9600;margin-left:5px;vertical-align:middle}
.hid_top .truename .title{font-weight:normal;font-size:13px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hid_top .hid{background-color:#fff;position:absolute;width:78px;line-height:22px;top:95px;left:26px;font-size:12px;border-radius:20px;color:#666;background-image:-webkit-linear-gradient(left,#ccc,#eee,#ccc);border:rgba(255,255,255,.5) 1px solid}
.hid_top .myb{width:-webkit-calc(100% - 110px);position:absolute;top:90px;left:110px;height:60px;text-align:center}
.hid_top .myb a{width:25%;display:block;float:left;position:relative;color:#fff}
.hid_top .myb a b{font-size:18px;font-family:Arial;font-weight:normal}
.hid_top .myb a span{display:block;margin-top:2px;font-size:14px}

.hn_hid_box .nodatatips{margin:10px auto}
.hn_hid_box h5{width:94%;line-height:200%;text-align:left}

.detaicotact h3{margin-bottom:10px}
.detaicotact li{width:90%;line-height:30px;text-align:left;line-height:30px;margin:20px auto;color:#999}
.detaicotact li span{margin-left:5px;font-size:16px;color:#666}
.detaicotact li a{display:inline-block;background-color:#ff9600;color:#fff;line-height:24px;padding:0 5px;margin-left:15px;border-radius:2px}
.detaicotact i.ico{display:inline-block}
.detaicotact .hnewm{text-align:center;margin:20px auto}
.detaicotact .hnewm img{width:30%;margin:10px auto;display:block;border:#ddd 1px solid;padding:5px;background-color:#fff;border-radius:3px}
.detaicotact .hnewm h6{font-size:12px;color:#999;}
.detaicotact li p{width:40px;height:40px;line-height:40px;border-radius:30px;font-size:22px;color:#fff;text-align:center;margin:0 10px 0 10px}
.detaicotact li .telico{background-color:#FF9600}
.detaicotact li .wxico{background-color:#31C93C}
.detaicotact li .qqico{background-color:#51B7EC}
.detaibbs{margin-top:30px}
.detaibbs table{border-collapse:collapse;margin:0 auto;text-align:left;}
.detaibbs table td{padding:0}
.detaibbs table .liL{width:78px;position:relative;padding-left:10px;padding-bottom:20px}
.detaibbs table .liL img{width:60px;height:60px;border-radius:50%;border:#eee 1px solid;object-fit:cover;-webkit-object-fit:cover}
.detaibbs table.li{width:100%;margin-bottom:20px;border-bottom:#f2f2f2 1px solid}
.detaibbs .liR .nickname{width:100%}
.detaibbs .liR .nickname td{color:#999}
.detaibbs .liR .nickname span{max-width:7px;text-align:center;line-height:15px;padding:0 4px;font-weight:normal;display:inline-block;border:#dfdfdf 1px solid;background-color:#fff;border-radius:9px;margin:0 5px 0 15px}
.detaibbs .lou{width:60px;text-align:right;font-size:12px;padding-right:10px}
.detaibbs .liR .C{font-size:14px;line-height:150%;color:#000;table-layout:fixed;word-break:break-all;padding:5px 10px 15px 0}
.detaibbs .liR .C font{color:#aaa}
.hnhf{color:#f00;font-size:12px}
.detaibbs .bmform{text-align:center}
.detaibbs .bmform textarea{width:90%;font-size:14px;border:#eee 1px solid;background-color:#fafafa;height:80px;padding:5px;margin:0 auto;line-height:150%;-webkit-appearance:none;border-radius:0;resize:none;}
.detaibbs .bmform textarea::-webkit-input-placeholder {color:#aaa;font-size:15px;padding:0 5px}
.detaibbs .bmform .btn2FEN{margin:20px auto;display:block}
.detaibbs .pjform{padding-top:20px}
.detaibbs .pjform label{margin-right:20px}
.pjkind{display:inline-block;color:#fff;padding:0 5px;line-height:20px;margin-right:15px;position:relative}
.pjkind:after{display:block;content:'';width:0;height:0;position:absolute;top:0;right:-5px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:5px solid #ff9600}
.k1{background-color:#95C057}.k1:after{border-left-color:#95C057}
.k2{background-color:#e3b26b}.k2:after{border-left-color:#e3b26b}
.k3{background-color:#999}.k3:after{border-left-color:#999}
#hn_bbs_btn{line-height:32px;height:32px;border-radius:4px;padding:0 20px;font-size:15px;margin:20px auto 40px auto}
.detaiuser{width:100%;margin:0 auto;margin:12px 0 50px 0;min-height:200px;clear:both;overflow:auto}
.detaiuser b{margin-left:-2%}
.detaiuser ul li{float:left;width:25%;padding:10px 0 20px}
.detaiuser ul li a{width:70px;display:block;margin:0 auto}
.detaiuser ul li a img{width:60px;height:60px;border-radius:50%;margin:0 auto;object-fit:cover;-webkit-object-fit:cover}
.detaiuser ul li a h5{line-height:30px;color:#8d8d8d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 auto;font-weight:normal;font-size:12px}
.detaiuser ul li a:hover h5{color:#E75385}
.detaiuser ul li a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8}
#hn_join_btn.doing span{background-color:#FF9600}