/* yx-vip777.com 志愿服务公益信息门户 */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei","PingFang SC",sans-serif;background:#f7f4fa;color:#333;line-height:1.85}
a{color:#4a2f5a;text-decoration:none}
a:hover{color:#7a5a94}
.yxv777-header{background:#fff;border-bottom:3px solid #4a2f5a}
.yxv777-header-in{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;flex-wrap:wrap}
.yxv777-logo{display:flex;align-items:center;gap:10px}
.yxv777-logo-mark{display:inline-block;width:44px;height:44px;line-height:44px;text-align:center;background:#4a2f5a;color:#fff;font-size:26px;border-radius:50%}
.yxv777-logo-txt{font-size:20px;font-weight:700;color:#4a2f5a}
.yxv777-logo-sub{font-size:12px;color:#8a7a9e}
.yxv777-nav{display:flex;flex-wrap:wrap;gap:2px}
.yxv777-nav a{padding:6px 10px;font-size:14px;border-radius:18px}
.yxv777-nav a:hover{background:#efe9f6}
.yxv777-nav a.on{background:#4a2f5a;color:#fff}
.yxv777-breadcrumb{max-width:1120px;margin:14px auto 0;padding:0 16px;font-size:13px;color:#8a7a9e}
.yxv777-main{max-width:1120px;margin:0 auto;padding:20px 16px 40px}
h1{font-size:28px;color:#4a2f5a;border-left:6px solid #4a2f5a;padding-left:14px;margin:18px 0}
h2{font-size:21px;color:#4a2f5a;margin:28px 0 12px;padding-bottom:6px;border-bottom:2px solid #e6dff0}
h3{font-size:17px;color:#4a2f5a;margin:16px 0 6px}
p{margin:10px 0;font-size:16px}
.yxv777-figure{margin:18px 0}
.yxv777-figure img{width:100%;max-width:1200px;height:auto;border-radius:14px;box-shadow:0 6px 18px rgba(74,47,90,.12)}
.yxv777-sec-title{font-size:15px;font-weight:700;color:#fff;background:#4a2f5a;display:inline-block;padding:4px 16px;border-radius:16px;margin-bottom:12px}
.yxv777-strip{background:#fff;border-radius:14px;padding:18px;box-shadow:0 3px 12px rgba(74,47,90,.08)}
.yxv777-strip-row{display:flex;flex-wrap:wrap;gap:10px}
.yxv777-strip-row a{flex:1 1 30%;min-width:220px;display:flex;justify-content:space-between;align-items:center;background:#f4eff9;border:1px solid #e3d9ef;border-radius:12px;padding:12px 16px}
.yxv777-strip-name{font-weight:700;color:#4a2f5a}
.yxv777-strip-tip{font-size:13px;color:#8a7a9e}
.yxv777-cards{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0}
.yxv777-card{flex:1 1 30%;min-width:240px;background:#fff;border-top:4px solid #4a2f5a;border-radius:12px;padding:16px;box-shadow:0 3px 12px rgba(74,47,90,.08)}
.yxv777-card b{display:block;font-size:17px;color:#4a2f5a;margin-bottom:6px}
.yxv777-card span{display:block;font-size:14px;color:#666;min-height:44px}
.yxv777-card a{display:inline-block;margin-top:8px;font-size:14px;font-weight:700}
.yxv777-faq{background:#fff;border-radius:14px;padding:16px;box-shadow:0 3px 12px rgba(74,47,90,.08);margin:12px 0}
.yxv777-qa{border-bottom:1px dashed #e6dff0;padding:10px 0}
.yxv777-qa:last-child{border-bottom:none}
.yxv777-qa-q{font-weight:700;color:#4a2f5a}
.yxv777-qa-a{color:#555;margin-top:4px}
.yxv777-steps{background:#fff;border-radius:14px;padding:18px;box-shadow:0 3px 12px rgba(74,47,90,.08)}
.yxv777-steps ol{margin-left:22px}
.yxv777-steps li{margin:8px 0}
.yxv777-latest{background:#fff;border-radius:14px;padding:16px;box-shadow:0 3px 12px rgba(74,47,90,.08)}
.yxv777-latest-row{display:flex;flex-wrap:wrap;gap:10px}
.yxv777-latest-row a{flex:1 1 30%;min-width:220px;background:#f4eff9;border:1px solid #e3d9ef;border-radius:12px;padding:10px 16px;font-size:14px}
.key-points{background:#efe9f6;border-left:5px solid #4a2f5a;border-radius:10px;padding:14px 18px;margin:14px 0}
.key-points-title{font-weight:700;color:#4a2f5a;margin-bottom:6px}
.key-points ul{margin-left:20px}
.key-points li{margin:4px 0}
.yxv777-rel{background:#fff;border-radius:14px;padding:16px;box-shadow:0 3px 12px rgba(74,47,90,.08);margin-top:24px}
.yxv777-rel ul{margin-left:20px}
.yxv777-rel li{margin:6px 0}
.yxv777-artlist{margin:0 0 16px 20px}
.yxv777-artlist li{margin:6px 0}
.yxv777-footer{background:#4a2f5a;color:#e9e3f1;margin-top:40px}
.yxv777-footer-in{max-width:1120px;margin:0 auto;display:flex;flex-wrap:wrap;gap:20px;padding:26px 16px}
.yxv777-footer-col{flex:1 1 45%}
.yxv777-footer-title{font-size:16px;font-weight:700;color:#fff;margin-bottom:10px}
.yxv777-footer-col a{display:block;color:#d5cbe3;font-size:14px;margin:4px 0}
.yxv777-footer-col a:hover{color:#fff}
.yxv777-footer-col p{color:#d5cbe3;font-size:13px}
.yxv777-footer-note{opacity:.8}
.yxv777-footer-copy{opacity:.7;margin-top:10px}
@media(max-width:760px){.yxv777-strip-row a,.yxv777-card,.yxv777-latest-row a{flex:1 1 100%}}