/* 匹配专属婚恋顾问 */
body.yyhn{background:#FFF3F6;max-width:750px;margin:0 auto;text-align:left;color:#2B2B2B;padding-bottom:8.5rem}
body.yyhn header.top_mini4{background:#fff!important;background-image:none!important;border-bottom:1px solid #F8E8EE;color:#2B2B2B;z-index:50}
body.yyhn header.top_mini4 h1,body.yyhn header.top_mini4 .L i,body.yyhn header.top_mini4 .R a{color:#2B2B2B}
body.yyhn header.top_mini4 .Y{display:none}
body.yyhn .yyhn-rec{font-size:1.35rem;color:#E85C86;padding-right:1.4rem;line-height:4.4rem}
.yyhn-wrap{padding:5rem 1.4rem 2rem;box-sizing:border-box}

.yyhn-step{display:flex;align-items:flex-start;justify-content:space-between;padding:1.4rem .4rem 1.6rem;position:relative}
.yyhn-step:before{content:'';position:absolute;left:12%;right:12%;top:2.15rem;height:1px;background:#F5D0DC;z-index:0}
.yyhn-step i{position:relative;z-index:1;width:2.2rem;height:2.2rem;line-height:2.2rem;border-radius:50%;background:#F5D0DC;color:#B0A8A0;font-size:1.2rem;font-style:normal;text-align:center;display:block;margin:0 auto .35rem}
.yyhn-step span{flex:1;text-align:center;font-size:1.05rem;color:#B0A8A0}
.yyhn-step span.ed{color:#E85C86}
.yyhn-step span.ed i{background:#E85C86;color:#fff}
.yyhn-step span.done{color:#9A938A}
.yyhn-step span.done i{background:#FFE8F0;color:#E85C86}

.yyhn-hero{position:relative;overflow:hidden;border-radius:1.3rem;background:linear-gradient(180deg,#FFF5F8,#FFE6EE);min-height:16rem;padding:1.4rem 1.2rem 1.2rem;box-sizing:border-box;margin-bottom:1.2rem}
.yyhn-hero img{position:absolute;right:0;bottom:0;height:100%;max-width:42%;object-fit:contain;object-position:right bottom;pointer-events:none;z-index:1}
.yyhn-hero h2{position:relative;z-index:1;width:58%;font-size:1.7rem;font-weight:700;line-height:1.45;color:#2B2B2B;margin:0}
.yyhn-hero h2 b{color:#E85C86;font-weight:700}
.yyhn-hero p{position:relative;z-index:1;width:56%;font-size:1.15rem;color:#9A938A;margin:.6rem 0 0}

.yyhn-4ico{display:flex;background:#fff;border-radius:1.3rem;padding:1.1rem .3rem;margin-bottom:1.2rem;box-shadow:0 .2rem .8rem rgba(0,0,0,.04)}
.yyhn-4ico a,.yyhn-4ico div{flex:1;text-align:center}
.yyhn-4ico i{display:block;font-size:2rem;color:#E85C86;height:2.4rem;line-height:2.4rem}
.yyhn-4ico font{display:block;font-size:1.15rem;color:#2B2B2B;margin-top:.25rem;font-weight:600}
.yyhn-4ico em{display:block;font-size:.95rem;color:#B0A8A0;margin-top:.15rem;line-height:1.3;padding:0 .2rem}

.yyhn-card{background:#fff;border-radius:1.3rem;padding:1.3rem 1.2rem;margin-bottom:1.2rem;box-shadow:0 .2rem .8rem rgba(0,0,0,.04)}
.yyhn-card h3{font-size:1.5rem;font-weight:700;margin:0 0 1rem;color:#2B2B2B}
.yyhn-flow{display:flex;justify-content:space-between}
.yyhn-flow li{width:22%;text-align:center;list-style:none;position:relative}
.yyhn-flow li:not(:last-child):after{content:'';position:absolute;right:-18%;top:1.5rem;width:36%;height:1px;background:#F5D0DC}
.yyhn-flow b{display:block;width:3.2rem;height:3.2rem;line-height:3.2rem;margin:0 auto .4rem;border-radius:50%;background:#FFE8F0;color:#E85C86;font-size:1.4rem;font-weight:700;font-style:normal}
.yyhn-flow font{display:block;font-size:1.1rem;color:#2B2B2B;font-weight:600}
.yyhn-flow em{display:block;font-size:.92rem;color:#B0A8A0;margin-top:.2rem;line-height:1.3}

.yyhn-why{display:flex;gap:.9rem;align-items:flex-start}
.yyhn-why .yyhn-shield{width:4.4rem;height:4.4rem;line-height:4.4rem;text-align:center;border-radius:50%;background:#FFE8F0;color:#E85C86;font-size:2.2rem;flex-shrink:0}
.yyhn-why ul{flex:1}
.yyhn-why li{font-size:1.2rem;color:#666;line-height:1.7;list-style:none;padding-left:1.4rem;position:relative}
.yyhn-why li:before{content:'';position:absolute;left:0;top:.5rem;width:1.15rem;height:1.15rem;border-radius:50%;background:#E85C86;box-sizing:border-box}
.yyhn-why li:after{content:'';position:absolute;left:.28rem;top:.72rem;width:.5rem;height:.28rem;border-left:.16rem solid #fff;border-bottom:.16rem solid #fff;transform:rotate(-45deg)}

.yyhn-nums{display:flex;text-align:center}
.yyhn-nums li{flex:1;list-style:none;position:relative}
.yyhn-nums li:not(:last-child):after{content:'';position:absolute;right:0;top:.4rem;bottom:.4rem;width:1px;background:#F8E8EE}
.yyhn-nums b{display:block;font-size:1.7rem;color:#E85C86;font-weight:700}
.yyhn-nums font{display:block;font-size:1.05rem;color:#9A938A;margin-top:.25rem}

.yyhn-tip{text-align:center;font-size:1.15rem;color:#B0A8A0;margin:.7rem 0 0}
.yyhn-tip i{font-size:1.2rem;margin-right:.2rem;color:#E85C86}

.yyhn-fix{position:fixed;left:0;right:0;bottom:0;max-width:750px;margin:0 auto;background:#fff;padding:.9rem 1.4rem calc(.9rem + env(safe-area-inset-bottom));box-shadow:0 -.2rem 1rem rgba(0,0,0,.05);z-index:9;box-sizing:border-box}
.yyhn-btn{display:block;height:4.4rem;line-height:4.4rem;text-align:center;background:linear-gradient(90deg,#E85C86,#F07A9C);color:#fff;font-size:1.5rem;font-weight:700;border-radius:2.2rem;border:0;width:100%;box-sizing:border-box}
.yyhn-btn.line{background:#fff;color:#2B2B2B;border:1px solid #E85C86;margin-top:.8rem}
body.yyhn-ok{padding-bottom:14rem}

.yyhn-form h4{font-size:1.45rem;font-weight:700;margin:0 0 .3rem}
.yyhn-form .sub{font-size:1.15rem;color:#B0A8A0;margin-bottom:1rem}
.yyhn-form .yyhn-hide{display:none!important}
.yyhn-photo{min-height:7.2rem;padding:.6rem 0;box-sizing:border-box}
.yyhn-photo dd{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center;position:relative}
.yyhn-photo input[type=hidden]{position:absolute;left:0;top:0;width:0;height:0;overflow:hidden;border:0;padding:0;margin:0}
.yyhn-photo img{width:5.2rem;height:5.2rem;border-radius:.6rem;object-fit:cover;background:#FFF3F6;display:block}
.yyhn-photo-add{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:5.2rem;height:5.2rem;line-height:1;text-align:center;border-radius:.6rem;background:#FFF3F6;color:#E85C86;font-size:1.05rem;box-sizing:border-box}
.yyhn-photo-add i{display:block;font-size:1.8rem;line-height:1;height:auto;padding:0;margin:0 0 .2rem}
.yyhn-inp{width:100%;height:4.4rem;line-height:4.4rem;border:0;background:transparent;text-align:right;font-size:1.35rem;color:#2B2B2B;padding:0;margin:0;box-sizing:border-box;outline:none}
.yyhn-inp::-webkit-input-placeholder{color:#B0A8A0}
.yyhn-row{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;min-height:4.8rem;margin:0;padding:.15rem 0;border-bottom:1px solid #F8E8EE;box-sizing:border-box}
.yyhn-row:last-child{border-bottom:0}
.yyhn-row dt,.yyhn-row dd{margin:0;padding:0}
.yyhn-row dt{width:7.2rem;flex-shrink:0;font-size:1.35rem;color:#2B2B2B;line-height:1.4}
.yyhn-row dd{flex:1;text-align:right;font-size:1.35rem;color:#B0A8A0;line-height:1.4}
.yyhn-row dd.ed{color:#2B2B2B}
.yyhn-row dd i{font-size:1.2rem;color:#C9C3BC;margin-left:.2rem}
.yyhn-seg{display:flex;gap:.6rem;justify-content:flex-end;flex-wrap:wrap}
.yyhn-seg a{display:inline-block;min-width:4.4rem;padding:.35rem .8rem;border-radius:1.4rem;border:1px solid #F5D0DC;color:#666;font-size:1.3rem;text-align:center}
.yyhn-seg a.ed{background:#FFE8F0;border-color:#E85C86;color:#E85C86}
.yyhn-tags{display:flex;flex-wrap:wrap;gap:.6rem;padding:.8rem 0 1rem}
.yyhn-tags a{padding:.4rem .85rem;border-radius:1.4rem;background:#FFF3F6;color:#666;font-size:1.25rem}
.yyhn-tags a.ed{background:#FFE8F0;color:#E85C86}

.yyhn-analy{text-align:center;padding:2.5rem 1rem 1rem}
.yyhn-pulse{width:8.8rem;height:8.8rem;margin:0 auto 1.6rem;border-radius:50%;background:radial-gradient(circle,#E85C86 0 38%,rgba(232,92,134,.18) 39% 62%,rgba(232,92,134,.08) 63% 100%);display:flex;align-items:center;justify-content:center;animation:yyhnPulse 1.6s ease-in-out infinite}
.yyhn-pulse i{font-size:2.8rem;color:#fff}
@keyframes yyhnPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.yyhn-analy h2{font-size:1.8rem;font-weight:700;margin:0 0 .6rem}
.yyhn-analy p{font-size:1.3rem;color:#9A938A;line-height:1.6;margin:0 0 1.6rem}
.yyhn-ck{text-align:left;max-width:28rem;margin:0 auto}
.yyhn-ck li{list-style:none;font-size:1.3rem;color:#666;padding:.45rem 0 .45rem 2rem;position:relative}
.yyhn-ck li:before{content:'';position:absolute;left:0;top:.7rem;width:1.2rem;height:1.2rem;border-radius:50%;border:.15rem solid #F5D0DC;box-sizing:border-box}
.yyhn-ck li.on:before{background:#E85C86;border-color:#E85C86}
.yyhn-ck li.on:after{content:'';position:absolute;left:.32rem;top:.95rem;width:.55rem;height:.3rem;border-left:.16rem solid #fff;border-bottom:.16rem solid #fff;transform:rotate(-45deg)}
.yyhn-wait{margin-top:2.2rem;background:#FFE8F0;border-radius:1rem;padding:1.1rem;font-size:1.25rem;color:#8A6A28}

.yyhn-okico{width:4.8rem;height:4.8rem;line-height:4.8rem;margin:1.2rem auto .8rem;border-radius:50%;background:#E85C86;color:#fff;font-size:2.4rem;text-align:center}
.yyhn-oktit{text-align:center;font-size:1.7rem;font-weight:700;color:#E85C86}
.yyhn-oksub{text-align:center;font-size:1.25rem;color:#9A938A;margin:.4rem 0 1.2rem}
.yyhn-hn{text-align:center}
.yyhn-hn img{width:7.2rem;height:7.2rem;border-radius:50%;object-fit:cover;background:#eee}
.yyhn-hn h4{font-size:1.6rem;font-weight:700;margin:.7rem 0 .3rem}
.yyhn-hn h4 em{display:inline-block;margin-left:.35rem;font-size:1.05rem;font-weight:normal;background:#FFE8F0;color:#E85C86;border-radius:.4rem;padding:.08rem .4rem;vertical-align:middle}
.yyhn-hnstat{display:flex;margin:1rem 0;padding:.2rem 0}
.yyhn-hnstat li{flex:1;list-style:none;font-size:1.2rem;color:#666}
.yyhn-hnstat li:not(:last-child){border-right:1px solid #F8E8EE}
.yyhn-serve{display:flex;margin-top:.2rem;padding-top:0;border-top:0}
.yyhn-serve-tit{text-align:center;font-size:1.4rem;font-weight:700;color:#2B2B2B;margin:1.1rem 0 .9rem;padding-top:1.1rem;border-top:1px solid #F8E8EE}
.yyhn-serve li{flex:1;list-style:none;text-align:center}
.yyhn-serve i{display:block;font-size:2rem;color:#E85C86;margin-bottom:.35rem}
.yyhn-serve font{font-size:1.15rem;color:#666}

.yyhn-ill{width:16rem;height:16rem;margin:1.2rem auto;border-radius:50%;object-fit:cover;object-position:50% 12%;background:#FFE8F0;display:block}
.yyhn-done h2{text-align:center;font-size:1.8rem;font-weight:700;margin:.4rem 0}
.yyhn-done .yyhn-oksub{margin-bottom:1.4rem}
.yyhn-empty{padding:4rem 0;text-align:center;color:#B0A8A0;font-size:1.4rem}

.yyhn-mask{display:none;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.45);z-index:20}
.yyhn-pop{position:absolute;left:0;right:0;bottom:0;max-width:750px;margin:0 auto;background:#fff;border-radius:1.4rem 1.4rem 0 0;max-height:70%;overflow:auto;padding:1.2rem 0 2rem}
.yyhn-pop h5{text-align:center;font-size:1.5rem;padding:.4rem 0 1rem}
.yyhn-pop a{display:block;padding:1.15rem 1.8rem;font-size:1.45rem;border-top:1px solid #F8E8EE;color:#2B2B2B}
