body{background-color:#F8F8F8}
.dating_top{position:relative;overflow:hidden;top:0;margin-top:50px}
.dating_top h1{color:#fff;font-size:18px;line-height:50px}
.dating_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%}
.dating_top:before{content:'';position:absolute;top:0;left:0;width:100%;height:100px;z-index:1;overflow:hidden;background-size:100%}

.dating_nav{width:94%;background-color:#fff;min-height:210px;margin:0 auto 12px auto;border-radius:16px;padding:12px 15px;height:118px;padding-top:20px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;position:relative;z-index:1;box-shadow:0 0 24px rgba(0,0,0,0.08)}
.dating_nav a{width:33%;display:inline-block;text-align:center;float:left;margin-bottom:15px}
.dating_nav a i{width:50px;height:50px;line-height:50px;border-radius:25px;display:inline-block;font-size:29px;color:#fff;position:relative}
.dating_nav a i b{display:inline-block;width:11px;height:11px;border-radius:12px;right:0;top:-2px;position:absolute;background-color:#FF5722;border:#fff 1px solid;color:#00f;font-size:12px}
.dating_nav a span{width:60px;display:block;margin:8px auto 0 auto}
.dating_nav a:nth-child(1) i,.dating .listbox a span.c1{background-color:#bbbe90}
.dating_nav a:nth-child(2) i,.dating .listbox a span.c2{background-color:#ffc485}
.dating_nav a:nth-child(3) i,.dating .listbox a span.c3{background-color:#7ad073}
.dating_nav a:nth-child(4) i,.dating .listbox a span.c4{background-color:#b4aad4}
.dating_nav a:nth-child(5) i,.dating .listbox a span.c5{background-color:#7ad3e9}
.dating_nav a:nth-child(6) i,.dating .listbox a span.c6{background-color:#f3849b}

/*list*/
.dating{padding-bottom:100px;background-color:#fff}
.dating .listbox{text-align:left}
.dating .listbox a{display:block;border-bottom:#f5f5f5 1px solid;overflow:hidden;-webkit-user-select:none;position:relative;background-color:#fff;padding:0 15px 15px 90px}
.dating .listbox a:after{position:absolute;line-height:80px;content:'\e601';width:10px;height:20px;display:block;font-size:15px;top:15px;right:18px;color:#c6c6c6;font-family:"www_zeai_cn_iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.dating .listbox a img{width:60px;height:60px;border-radius:6px;position:absolute;left:15px;top:18px;object-fit:cover;-webkit-object-fit:cover}
.dating .listbox a span.datingkind{width:60px;line-height:20px;font-size:12px;border-radius:23px;color:#fff;position:absolute;top:65px;left:15px;overflow:hidden;text-align:center}
.dating .listbox a h4{width:92%;font-size:16px;display:inline-block;color:#000;padding-top:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dating .listbox a h5{display:block;color:#999}
.dating b{font-weight:normal;color:#FF5722}
.dating .listbox em{margin-top:10px}
.dating .listbox em font{color:#999}
.dating .listbox em font i{display:inline;color:#bbb}
.dating .listbox a .timestyle{display:inline-block;min-width:9px;font-size:12px;margin:0 5px;border-radius:12px;padding:0 5px;height:18px;line-height:18px;text-align:center;color:#fff}

/*add*/
.dating_add{position:fixed;bottom:10px;text-align:center;line-height:16px;left:-webkit-calc(50% - 25px);display:block;width:50px;height:50px;line-height:16px;font-size:12px;border-radius:30px;color:#fff;margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom);}
.dating_add i{font-size:22px;line-height:22px;height:22px;display:block;margin-top:5px}
.dating_add span{display:inline-block;margin-top:8px;line-height:14px}

/*addbox*/
.addbox{width:100%;text-align:center;padding:50px 3% 100px 3%;box-sizing:border-box;background-color:#fff}
.addbox dl{width:100%;margin:10px auto;clear:both;overflow:auto;text-align:left}
.addbox dl dt,.addbox dl dd{line-height:40px;}
.addbox dl dt{width:70px;float:left;font-size:15px}
.addbox dl dd{width:-webkit-calc(100% - 80px);float:left}
.addbox .SW{width:30%}
.addbox .SW_area{width:23%}
.addbox .textarea{width:100%}
.addbox .W50{margin-bottom:5px}
.addbox .flag0{background-color:#ccc;color:#fff;font-size:12px;margin-left:5px;padding:2px 5px}
.addbox .tips{line-height:150%;display:block;font-size:12px;color:#8d8d8d;padding:5px 0 2px 0}
.nextbtn{width:100%;max-width:640px;height:90px;padding-top:15px;position:fixed;bottom:0;background-color:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;z-index:889}
.nextbtn button{width:86%;max-width:640px;margin:0 auto;border-radius:30px;display:inline-block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.top_mini4{z-index:6}

/*detail正文*/
.read{padding-top:60px}
.read,.post{margin:10px auto;text-align:left;background-color:#fff;clear:both;overflow:auto}
.read a.hfbtn{position:absolute;top:6px;right:15px;width:50px;line-height:32px;text-align:center;border-radius:2px;color:#fff;font-size:14px;background-color:rgba(0,0,0,0.2);z-index:10}
.read a.hfbtn:hover{background-color:rgba(0,0,0,0.1)}

.read .titled{width:94%;padding:0 3%}
.read .titled{border-bottom:#f8f8f8 1px solid;padding-bottom:10px;clear:both;overflow:auto}
.read .titled h1{font-size:18px;font-weight:bold;margin-bottom:5px}
.read .titleL{float:left;position:relative}
.read .titleL img{width:60px;height:60px;border-radius:30px;margin-right:10px;object-fit:cover;-webkit-object-fit:cover}
.read .titleL span.datingkind{width:60px;line-height:20px;height:20px;font-size:12px;border-radius:23px;color:#fff;position:absolute;top:45px;left:0;overflow:hidden;text-align:center}
.read .titleL span.c1{background-color:#bbbe90}
.read .titleL span.c2{background-color:#ffc485}
.read .titleL span.c3{background-color:#7ad073}
.read .titleL span.c4{background-color:#b4aad4}
.read .titleL span.c5{background-color:#7ad3e9}
.read .titleL span.c6{background-color:#f3849b}

.read .titleR{float:right;width:-webkit-calc(100% - 80px)}
.read .titleR span {color:#999}
.read .titleR span b{font-weight:normal;color:#FF5722}
.read .titleR em{margin-top:5px}
.read .titleR em span{color:#333}
.read .titleR em font{color:#999}
.read .titleR em font i{display:inline;color:#bbb}
.read .titleR .timestyle{display:inline-block;min-width:9px;font-size:12px;margin:0 5px;border-radius:12px;padding:0 5px;height:18px;line-height:18px;text-align:center;color:#fff}

.read em dl{width:94%;overflow:hidden;position:relative;margin:10px auto}
.read em dl dt,.read em dl dd{float:left;line-height:30px}
.read em dl dt{width:65px;color:#8d8d8d}
.read em dl dd{width:-webkit-calc(100% - 65px);color:#E54375}
.read em dl:nth-child(10) dd{color:#8d8d8d}
.read em dl:nth-child(10) dd span{color:#E54375}
.read em dl dd font{color:#06BC07;line-height:20px;display:inline-block;padding:0 15px;border:#dedede 1px solid;background-color:#f9f9f9;border-radius:20px}
.read em .bmform{text-align:center}
.read em .bmform textarea{width:90%;background-color:#f8f8f8;height:120px;padding:2%;margin:10px 0;line-height:150%}
.read em .bmform span{font-size:12px;color:#999;display:block}
.read em .bmform .btn2{margin:20px auto;display:block}
.read .size4{margin:20px auto 50px auto}
.read a.delmy{width:180px;display:block;line-height:40px;text-align:center;background-color:#333;color:#fff;font-size:14px;position:fixed;;left:-webkit-calc(50% - 90px);bottom:20px;border-radius:22px}
.read .linebox{z-index:0}

/*detali bm user list*/
.listboxu{text-align:left;padding-top:60px;background-color:#fff;min-height:700px}
.listboxu li{border-bottom:#f5f5f5 1px solid;-webkit-user-select:none;position:relative;padding:0 15px 15px 70px;clear:both;overflow:auto}
.listboxu li img.photo_s{width:44px;height:44px;border-radius:30px;position:absolute;left:15px;top:18px;object-fit:cover;-webkit-object-fit:cover}
.listboxu li h4{width:92%;font-size:18px;display:inline-block;color:#000;padding-top:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.listboxu li h6{display:block;color:#666}
.listboxu li .size2{position:absolute;right:20px;top:25px}
.listboxu li .best{position:absolute;right:20px;top:25px;background-color:#45C01A;display:inline-block;width:80px;text-align:center;line-height:28px;color:#fff;border-radius:3px}
.listboxu li .contact{width:90%;font-size:12px;margin-top:10px;display:inline-block}

.bmtbody{color:#999;width:100%;margin:15px auto 0 auto;padding:0 15px 15px 15px;border-bottom:#eee 1px solid;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.bmtbody h3{color:#000;font-weight:bold;margin-bottom:5px}
.bmtbody b{font-weight:normal;color:#FF5722}