body{max-width:750px;background-color:#f5f5f5}
.detail_BN{width:100%;margin:5rem auto 0;border-radius:0 0 1.2rem 1.2rem;overflow:hidden}
.detail_BN img{width:100%;display:block}
.ulist dl{height:3rem;line-height:3rem;font-size:1.5rem;margin-bottom:1rem}
.ulist dl dt{font-weight:500;float:left}
.ulist dl dd {float:right;color:#666;font-family:Arial, Helvetica, sans-serif}
.ulist ul{display:block;padding:0 .3rem 0 1.5rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.ulist ul .nodata{color:#999;text-align:center}
.ulist ul .nodata i{font-size:4rem;display:block;margin:0 auto .5rem auto;color:#ccc}
.ulist 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}
.ulist ul li img{width:100%;height:100%;border-radius:2rem;object-fit:cover;-webkit-object-fit:cover}
.ulist ul li.more{background-color:#f5f5f5;line-height:4rem;color:#999;text-align:center}

.boxx{width:94%;background-color:#fff;min-height:15rem;margin:auto;border-radius:1.2rem;padding:2rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-align:left;line-height:200%;font-size:1.5rem}
.C{margin-top:1.2rem}
.C img{max-width:100%}
.ulist{position:relative;margin-top:-7.5rem}

.manghe_btm{width:100%;position:fixed;max-width:750px;height:4.8rem;left:0;right:0;margin:auto;bottom:1rem;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-around;justify-content:space-around;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);}
.manghe_btm a{width:40%;height:4.8rem;line-height:4.8rem;font-size:1.6rem;font-weight:500;color:#fff;border-radius:3rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;overflow:hidden;padding-right:1rem}
.manghe_btm a i{width:3.8rem;height:3.8rem;line-height:3.8rem;border-radius:2rem;background-color:#fff;font-size:2rem;float:left;margin:.5rem 0 0 .6rem}

.manghe_btm a:first-child{background-image: -webkit-linear-gradient(left, #ff9586 , #fd5941 );box-shadow:0 .3rem .8rem rgba(253,89,65,.4)}
.manghe_btm a:first-child i{color:#fd5941}
.manghe_btm a:last-child{background-image: -webkit-linear-gradient(left,#FE759C ,  #E65FBC );box-shadow:0 .3rem .8rem rgba(230,95,188,.4)}
.manghe_btm a:last-child i{color:#E65FBC}

.in_form{display:none}
.in_form input::-webkit-input-placeholder{color:#aaa;font-size:1.4rem;text-align:right}
.in_form textarea::-webkit-input-placeholder {color:#aaa;font-size:1.4rem;text-align:left}
.in_form dl{width:90%;margin:0 auto;padding:0 1.5rem;height:4rem;line-height:4rem;border:#eee .1rem solid;border-radius:2rem;font-size:1.5rem;margin-bottom:.8rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.in_form dl dt{float:left;font-weight:bold}
.in_form dl dd {float:right}
.in_form dl dd .input{height:3.8rem;line-height:3.8rem;text-align:right;border:0;margin:0;padding:0;display:block}
.in_form dl dd b.ico{width:5rem}

.in_form dl.aboutus{height:8rem;}
.in_form dl.aboutus dt,.in_form dl.aboutus dd{width:100%}
.in_form dl.aboutus dt{text-align:left}
.in_form dl.aboutus dd textarea{width:100%;height:3.5rem;border:0;font-size:1.4rem;margin-top:-1rem}
#photo_sbtn img{width:3rem;height:3rem;object-fit:cover;-webkit-object-fit:cover;margin-top:.4rem}
.radioskin:checked + label.radioskin-label b.sex1,.in_form dl dd b.sex1{color:#5FC5F5;font-size:1.8rem}
.radioskin:checked + label.radioskin-label b.sex2,.in_form dl dd b.sex2{width:3rem;color:#FF589B;font-size:1.8rem}
.in_form em{width:86%;margin:1rem auto 1.5rem auto;color:#999;font-size:1.2rem;line-height:150%}
.in_form button{width:90%;height:4.2rem;line-height:4.2rem;border-radius:3rem;background-color:#fff;background-image: -webkit-linear-gradient(left, #ff9586 , #fd5941 );box-shadow:0 .3rem .8rem rgba(253,89,65,.4)}
.mask{background-color: rgba(0,0,0,.7);}


.div_div,.div_title{background:none}
#out_form{width:60%;margin:0 auto;text-align:left;margin-top:-1rem;display:none;padding-top:1rem}
#out_form img{width:5.5rem;height:5.5rem;border-radius:3rem;display:block;margin:0 auto;object-fit:cover;-webkit-object-fit:cover}
#out_form dl{padding:.8rem 0;border-bottom:#eee 1px dashed}
#out_form dl:last-child{border:0}
#out_form span{width:80%;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
#out_form a.fz{padding:.3rem .5rem;background-color:#f5f5f5;float:right;font-size:1.2rem;color:#666;border-radius:.2rem}
#out_aboutus{background-color:#fff}
.blank{height:10rem}

.iMarqueeBox{width:60%;max-width:500px;margin:auto;left:0;position:fixed;top:7rem;z-index:1;height:3rem;color:#fff;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);padding-left:1rem;}
.iMarquee {width:100%;height:3rem;position:absolute;left:0;top:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iMarquee li{width:100%;font-size:1.3rem;height:3rem;line-height:3rem;border-radius:0 2rem 2rem 0;text-align:left;padding-left:.8rem;overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;background-color:#fc0;background-color:rgba(0,0,0,0.3);margin:0 auto}
.iMarquee li img,.iMarquee li font,.iMarquee li .close{display:block;float:left;height:1.8rem;line-height:1.8rem;margin-top:.6rem;vertical-align:middle}
.iMarquee li img{width:1.8rem;border-radius:1rem;background-color:#FF6F6F;margin-right:.5rem;object-fit:cover;-webkit-object-fit:cover}
.iMarquee li font{width:-webkit-calc(100% - 4.5rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

#outlist_box{display:none}
#outlist_box h2{font-size:1.8rem;margin:2rem auto;font-weight:bold}
.outlist{padding:0 1.5rem 10rem 1.5rem;height:40rem;overflow:hidden;overflow-y:auto;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.outlist dl{border-bottom:#f5f5f5 1px solid;position:relative;height:7rem;box-sizing:border-box}
.outlist dl dt,.outlist dl dd{position:absolute;top:1.3rem}
.outlist dl dt{width:6rem;left:0}
.outlist dl dt img{width:4.4rem;height:4.4rem;border-radius:2.5rem;object-fit:cover;-webkit-object-fit:cover}
.outlist dl dd{left:7rem;text-align:left;max-width:-webkit-calc(100% - 15rem)}
.outlist dl dd h6{color:#999;margin-top:.6rem;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.outlist dl dd h6 span{color:#45C01A}
.outlist dl button{position:absolute;right:0;top:1.9rem}