/* ===== Hero Section ===== */ .hero-section{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);color:#fff;padding:80px 0 60px;position:relative;overflow:hidden} .hero-section::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,81,255,.15) 0%,transparent 70%);pointer-events:none} .hero-badge{display:inline-block;background:rgba(255,255,255,.1);color:#fff;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:20px} .hero-title{font-size:52px;font-weight:700;line-height:1.1;margin-bottom:16px;letter-spacing:-1.5px} .hero-title span{color:#0051FF} .hero-subtitle{font-size:20px;font-weight:400;color:rgba(255,255,255,.8);margin-bottom:32px;max-width:600px} .hero-actions{display:flex;gap:16px;flex-wrap:wrap} .btn-accent{background:#0051FF;color:#fff;border-color:#0051FF}.btn-accent:hover{background:#0044CA} .btn-outline{background:transparent;border:2px solid rgba(255,255,255,.4);color:#fff}.btn-outline:hover{background:rgba(255,255,255,.1);border-color:#fff} .btn-lg{padding:16px 40px;font-size:16px;height:60px;border-radius:84px} .quotes-section{padding:40px 0;background:#f9f9f9} .quotes-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px} .quotes-tab{background:#fff;border:1px solid #e0e0e0;border-radius:20px;padding:6px 18px;font-size:13px;cursor:pointer;transition:all .2s;font-weight:500} .quotes-tab.active{background:#0051FF;color:#fff;border-color:#0051FF} .quotes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px} .quote-card{background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:16px;transition:all .2s} .quote-card:hover{box-shadow:0 2px 12px rgba(0,0,0,.06)} .quote-name{font-weight:600;font-size:14px;margin-bottom:6px} .quote-prices{display:flex;gap:12px;font-size:12px;color:#888;margin-bottom:4px} .quote-change{font-size:12px;font-weight:600}.quote-change.up{color:#00C11F}.quote-change.down{color:#F41112} .section{padding:60px 0} .section-light{background:#f9f9f9} .section-dark{background:#1a1a2e;color:#fff} .section-dark .section-title{color:#fff}.section-dark .section-subtitle{color:rgba(255,255,255,.6)} .section-subtitle{text-align:center;color:#888;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto} .advantages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px} .advantage-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:24px 20px;text-align:center;transition:all .3s} .advantage-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.08);transform:translateY(-2px);border-color:#0051FF} .advantage-icon{font-size:32px;margin-bottom:12px} .advantage-number{font-size:28px;font-weight:800;color:#F41112;margin-bottom:4px} .advantage-label{font-size:13px;color:#888;line-height:1.4} .account-card{background:#fff;border:1px solid #e0e0e0;border-radius:16px;padding:32px 24px;transition:all .3s;position:relative} .account-card.featured{border:2px solid #0051FF;box-shadow:0 4px 24px rgba(0,81,255,.12)} .account-name{font-size:22px;font-weight:700;margin-bottom:8px} .account-spread{color:#888;font-size:13px;margin-bottom:8px} .account-price{font-size:28px;font-weight:800;color:#F41112;margin-bottom:16px} .account-price small{font-size:14px;font-weight:400;color:#888} .account-features{list-style:none;margin-bottom:20px;padding:0} .account-features li{padding:8px 0;border-bottom:1px solid #eee;font-size:13px;color:#666;display:flex;align-items:center;gap:8px} .account-features li::before{content:'\2713';color:#F41112;font-weight:700} .platform-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:24px;text-align:center;transition:all .3s} .platform-card:hover{border-color:#0051FF} .platform-icon{font-size:36px;margin-bottom:12px} .platform-name{font-size:16px;font-weight:700;margin-bottom:4px} .platform-desc{font-size:12px;opacity:.7} .stats-section{background:#000;color:#fff;padding:60px 0} .stat-card{text-align:center} .stat-number{font-size:36px;font-weight:800;color:#F41112;margin-bottom:4px} .stat-plus{font-size:24px} .stat-label{font-size:14px;color:#888;letter-spacing:.5px} .cta-section{background:linear-gradient(135deg,#F41112 0%,#d00e0f 100%);color:#fff;text-align:center;padding:60px 20px} .cta-section h2{font-size:36px;font-weight:700;margin-bottom:16px} .cta-section p{font-size:16px;opacity:.9;margin-bottom:32px} .cta-section .btn{background:#fff;color:#F41112;padding:16px 48px;border-radius:84px;font-size:16px;font-weight:700;height:60px;display:inline-flex;align-items:center;border:none;cursor:pointer;transition:all .2s} .cta-section .btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.3)} .subpage-hero{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;padding:60px 0;text-align:center} .subpage-hero h1{font-size:42px;font-weight:700;margin-bottom:12px}.subpage-hero p{color:rgba(255,255,255,.7);max-width:600px;margin:0 auto} .subpage-content{padding:60px 0;max-width:800px;margin:0 auto}.subpage-content h2{font-size:24px;font-weight:700;margin:32px 0 16px} .subpage-content p{color:#666;line-height:1.8;margin-bottom:16px;font-size:15px} @media(max-width:768px){.hero-title{font-size:32px}.section-title{font-size:28px}.stats-grid{grid-template-columns:repeat(2,1fr)}.accounts-grid{grid-template-columns:1fr}} /* ===== Hero Section ===== */ .hero-section{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);color:#fff;padding:80px 0 60px;position:relative;overflow:hidden} .hero-section::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,81,255,.15) 0%,transparent 70%);pointer-events:none} .hero-badge{display:inline-block;background:rgba(255,255,255,.1);color:#fff;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:20px} .hero-title{font-size:52px;font-weight:700;line-height:1.1;margin-bottom:16px;letter-spacing:-1.5px} .hero-title span{color:#0051FF} .hero-subtitle{font-size:20px;font-weight:400;color:rgba(255,255,255,.8);margin-bottom:32px;max-width:600px} .hero-actions{display:flex;gap:16px;flex-wrap:wrap} .btn-accent{background:#0051FF;color:#fff;border-color:#0051FF}.btn-accent:hover{background:#0044CA} .btn-outline{background:transparent;border:2px solid rgba(255,255,255,.4);color:#fff}.btn-outline:hover{background:rgba(255,255,255,.1);border-color:#fff} .btn-lg{padding:16px 40px;font-size:16px;height:60px;border-radius:84px} .quotes-section{padding:40px 0;background:#f9f9f9} .quotes-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px} .quotes-tab{background:#fff;border:1px solid #e0e0e0;border-radius:20px;padding:6px 18px;font-size:13px;cursor:pointer;transition:all .2s;font-weight:500} .quotes-tab.active{background:#0051FF;color:#fff;border-color:#0051FF} .quotes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px} .quote-card{background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:16px;transition:all .2s} .quote-card:hover{box-shadow:0 2px 12px rgba(0,0,0,.06)} .quote-name{font-weight:600;font-size:14px;margin-bottom:6px} .quote-prices{display:flex;gap:12px;font-size:12px;color:#888;margin-bottom:4px} .quote-change{font-size:12px;font-weight:600}.quote-change.up{color:#00C11F}.quote-change.down{color:#F41112} .section{padding:60px 0} .section-light{background:#f9f9f9} .section-dark{background:#1a1a2e;color:#fff} .section-dark .section-title{color:#fff}.section-dark .section-subtitle{color:rgba(255,255,255,.6)} .section-subtitle{text-align:center;color:#888;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto} .advantages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px} .advantage-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:24px 20px;text-align:center;transition:all .3s} .advantage-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.08);transform:translateY(-2px);border-color:#0051FF} .advantage-icon{font-size:32px;margin-bottom:12px} .advantage-number{font-size:28px;font-weight:800;color:#F41112;margin-bottom:4px} .advantage-label{font-size:13px;color:#888;line-height:1.4} .account-card{background:#fff;border:1px solid #e0e0e0;border-radius:16px;padding:32px 24px;transition:all .3s;position:relative} .account-card.featured{border:2px solid #0051FF;box-shadow:0 4px 24px rgba(0,81,255,.12)} .account-name{font-size:22px;font-weight:700;margin-bottom:8px} .account-spread{color:#888;font-size:13px;margin-bottom:8px} .account-price{font-size:28px;font-weight:800;color:#F41112;margin-bottom:16px} .account-price small{font-size:14px;font-weight:400;color:#888} .account-features{list-style:none;margin-bottom:20px;padding:0} .account-features li{padding:8px 0;border-bottom:1px solid #eee;font-size:13px;color:#666;display:flex;align-items:center;gap:8px} .account-features li::before{content:'✓';color:#F41112;font-weight:700} .platform-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:24px;text-align:center;transition:all .3s} .platform-card:hover{border-color:#0051FF} .platform-icon{font-size:36px;margin-bottom:12px} .platform-name{font-size:16px;font-weight:700;margin-bottom:4px} .platform-desc{font-size:12px;opacity:.7} .stats-section{background:#000;color:#fff;padding:60px 0} .stat-card{text-align:center} .stat-number{font-size:36px;font-weight:800;color:#F41112;margin-bottom:4px} .stat-plus{font-size:24px} .stat-label{font-size:14px;color:#888;letter-spacing:.5px} .cta-section{background:linear-gradient(135deg,#F41112 0%,#d00e0f 100%);color:#fff;text-align:center;padding:60px 20px} .cta-section h2{font-size:36px;font-weight:700;margin-bottom:16px} .cta-section p{font-size:16px;opacity:.9;margin-bottom:32px} .cta-section .btn{background:#fff;color:#F41112;padding:16px 48px;border-radius:84px;font-size:16px;font-weight:700;height:60px;display:inline-flex;align-items:center;border:none;cursor:pointer;transition:all .2s} .cta-section .btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.3)} .subpage-hero{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;padding:60px 0;text-align:center} .subpage-hero h1{font-size:42px;font-weight:700;margin-bottom:12px}.subpage-hero p{color:rgba(255,255,255,.7);max-width:600px;margin:0 auto} .subpage-content{padding:60px 0;max-width:800px;margin:0 auto}.subpage-content h2{font-size:24px;font-weight:700;margin:32px 0 16px} .subpage-content p{color:#666;line-height:1.8;margin-bottom:16px;font-size:15px} @media(max-width:768px){.hero-title{font-size:32px}.section-title{font-size:28px}.stats-grid{grid-template-columns:repeat(2,1fr)}.accounts-grid{grid-template-columns:1fr}}

FxPro官网 — 交易外汇、指数、股票、商品和加密货币 | FxPro开户立即开设真实账号 | 免费电话：400-120-3218

联系我们

FxPro的多语言专业客服团队24/5全天候为您提供支持。

联系方式

国际电话： +44 (0) 203 151 5550（24/5）
免费热线： 400-120-3218
电子邮箱： [email protected]
在线客服： 24/5全天候在线即时聊天

总部地址

FxPro UK Ltd
13-14 Basinghall Street
London, EC2V 5BQ
United Kingdom

全球办事处

FxPro在全球设有多个办事处，包括伦敦、利马索尔、约翰内斯堡、内罗毕和拿骚，确保为全球客户提供及时高效的本地化服务。

客户支持

我们的专业支持团队精通多种语言，随时准备为您解答关于账号开设、交易平台操作、出入金流程、交易条件或任何其他问题的疑问。我们致力于在最短时间内为您提供最专业的解答。

媒体垂询

如果您是媒体代表并希望了解更多关于FxPro的信息，请通过以下邮箱联系我们：
[email protected]