本科食品科学与工程(中文授课)–上海大学

Category: Undergraduate

Specifications

省份/城市

上海

授课语言

中文

课程领域

生命科学

开课

秋季9月

课程

本科

国家

中国

骞村害瀛垂

20000-30000元

中国大学食品科学与工程排名中国大学食品科学与工程专业上海大学留学申请上海大学学费上海大学食品科学与工程中文授课

Details

本科食品科学与工程(中文授课)–上海大学/title> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"> <style> :root { --scut-radius: 20px; --scut-padding: 32px; --scut-padding-mobile: 16px; --scut-shadow: 0 2px 12px rgba(255,107,53,0.06); --scut-border: 2px solid transparent; --scut-border-bg: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #ff6b35, #ff9f6b) border-box; --primary: #ff6b35; --primary-light: #fff0eb; --accent: #ff6b35; --card-bg: #fff; --card-shadow: 0 4px 24px 0 rgba(255,107,53,0.1); --radius: 18px; --faq-bg: #fff0eb; --faq-active: #ffe4db; --cta-gradient: linear-gradient(90deg, #ff6b35 0%, #ff8c42 100%); --fee-gradient: linear-gradient(90deg, #ffb300 0%, #ffe082 100%); } .scut-root { all: initial; font-family: 'Poppins', Arial, sans-serif; background: #f7f8fa; color: #222; } .scut-root * { all: unset; box-sizing: border-box; font-family: inherit; } .scut-root .scut-container { max-width: 1100px; margin: 0 auto; padding: 24px 0 0 0; display: flex; flex-direction: column; gap: 32px; } .scut-root .scut-info-cards { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 12px; } .scut-root .scut-info-card { background: var(--card-bg); box-shadow: var(--card-shadow); border-radius: var(--radius); padding: 18px 20px; min-width: 140px; flex: 1 1 120px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; margin-bottom: 8px; text-align: center; } .scut-root .scut-info-card .scut-info-label { font-size: 0.92rem; color: #888; font-weight: 500; } .scut-root .scut-info-card .scut-info-value { font-size: 1.15rem; font-weight: 700; color: var(--primary); } /* Scholarship Cards */ .scut-root .scut-scholarship-cards-container { overflow-x: auto; margin: 0 -8px; position: relative; } .scut-root .scut-scholarship-cards { display: flex; gap: 16px; padding: 8px 0; } .scut-root .scut-scholarship-card { background: var(--card-bg); border-radius: 14px; box-shadow: var(--card-shadow); padding: 18px 18px 14px 18px; min-width: 220px; flex: 0 0 220px; display: flex; flex-direction: column; gap: 6px; cursor: pointer; border: 2px solid transparent; transition: border 0.2s, box-shadow 0.2s; } .scut-root .scut-scholarship-card.selected { border: 2px solid var(--accent); box-shadow: 0 4px 24px 0 rgba(255,107,53,0.13); } .scut-root .scut-scholarship-check { color: var(--accent); font-size: 1.2em; margin-bottom: 2px; } .scut-root .scut-scholarship-title { font-size: 1.08rem; font-weight: 700; color: var(--primary); } .scut-root .scut-scholarship-amount { font-size: 1.05rem; color: #ff6b35; font-weight: 600; } .scut-root .scut-scholarship-desc { font-size: 0.98rem; color: #444; margin-top: 2px; } /* Fee Breakdown Section */ .scut-root .scut-fee-breakdown { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--card-shadow); padding: 24px; margin-top: 24px; } .scut-root .scut-fee-breakdown-title { font-size: 1.25rem; font-weight: 700; color: var(--primary); margin-bottom: 20px; display: flex; align-items: center; gap: 10px; } .scut-root .scut-fee-item { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; border-bottom: 1px solid #eee; } .scut-root .scut-fee-item:last-child { border-bottom: none; } .scut-root .scut-fee-label { font-size: 1rem; color: #666; display: flex; align-items: center; gap: 8px; } .scut-root .scut-fee-value { font-size: 1.1rem; font-weight: 600; color: var(--primary); } .scut-root .scut-fee-total { margin-top: 20px; padding-top: 20px; border-top: 2px solid #eee; display: flex; justify-content: space-between; align-items: center; } .scut-root .scut-fee-total-label { font-size: 1.2rem; font-weight: 700; color: var(--accent); } .scut-root .scut-fee-total-value { font-size: 1.4rem; font-weight: 700; color: var(--accent); } /* E-Square福利卡片 */ .scut-root .esquare-benefits-card { background: #fff; border-radius: 18px; box-shadow: 0 4px 24px 0 rgba(255,107,53,0.10); padding: 22px 24px 18px 24px; margin-top: 18px; margin-bottom: 0; } .scut-root .esquare-benefits-title { font-size: 1.13rem; font-weight: 800; margin-bottom: 12px; } .scut-root .esquare-benefits-list { margin: 0; padding-left: 0; list-style: none; } .scut-root .esquare-benefits-list li { font-size: 1.08rem; color: #222; margin-bottom: 0.7em; font-weight: 500; display: flex; align-items: center; } .scut-root .esquare-benefits-list li:last-child { margin-bottom: 0; } .scut-root .esquare-benefits-list li::before { content: '\2714'; color: #ff6b35; font-weight: bold; margin-right: 8px; font-size: 1.1em; } .scut-root .esquare-benefits-check { color: #ff6b35; font-size: 1.25em; margin-right: 8px; font-weight: bold; display: inline-block; line-height: 1; } .scut-root #benefit-scholarship { color: #222; font-weight: 700; margin-left: 2px; } /* FAQ Accordion */ .scut-root .scut-faq-section { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--card-shadow); padding: 20px 24px; margin-top: 18px; } .scut-root .scut-faq-title { font-size: 1.25rem; font-weight: 700; margin-bottom: 12px; color: var(--primary); display: flex; align-items: center; gap: 8px; } .scut-root .scut-faq-list { display: flex; flex-direction: column; gap: auto; } .scut-root .scut-faq-item { background: var(--faq-bg); border-radius: 12px; box-shadow: 0 2px 8px 0 rgba(255,107,53,0.04); overflow: hidden; transition: background 0.2s; } .scut-root .scut-faq-question { cursor: pointer; padding: 16px 18px; font-size: 1.08rem; font-weight: 600; color: var(--primary); display: flex; align-items: center; justify-content: space-between; transition: background 0.2s; } .scut-root .scut-faq-item.active { background: var(--faq-active); } .scut-root .scut-faq-answer { padding: 0 18px 16px 18px; font-size: 1rem; color: #333; display: none; animation: fadeIn 0.3s; } .scut-root .scut-faq-item.active .scut-faq-answer { display: block; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .scut-root .scut-faq-answer-listitem { text-align: left; font-size: 1.08rem; line-height: 1.7; margin-bottom: 0.7em; word-break: break-word; display: flex; align-items: flex-start; gap: 8px; color: #444; } .scut-root .scut-faq-answer-listitem::before { content: ''; display: inline-block; width: 20px; height: 20px; min-width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff6b35'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; margin-top: 2px; } /* Career Pathway */ .scut-root .scut-career-section { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--card-shadow); padding: 20px 24px; margin-top: 18px; } .scut-root .scut-career-title { font-size: 1.18rem; font-weight: 700; color: var(--primary); margin-bottom: 10px; display: flex; align-items: center; gap: 8px; } .scut-root .scut-career-list { display: flex; flex-wrap: wrap; gap: 12px; } .scut-root .scut-career-item { background: var(--card-bg); border-radius: 10px; box-shadow: 0 2px 8px 0 rgba(0,87,184,0.04); padding: 10px 18px; font-size: 1rem; color: var(--primary); font-weight: 600; display: flex; align-items: center; gap: 8px; justify-content: flex-start; text-align: left; } .scut-root .scut-career-item .scut-svg-icon { vertical-align: middle; width: 1.1em; height: 1.1em; } /* Responsive */ @media (max-width: 700px) { .scut-root .scut-container, .scut-root .scut-info-cards-modern, .scut-root .scut-scholarship-cards-container, .scut-root .scut-fee-breakdown, .scut-root .esquare-benefits-card, .scut-root .scut-faq-section, .scut-root .scut-career-section, .scut-root .scut-bottom-cta-section, .scut-bottom-next-section { margin-left: 0 !important; margin-right: 0 !important; padding-left: 18px !important; padding-right: 18px !important; box-sizing: border-box; width: 100%; max-width: 100vw; } .scut-root .scut-info-cards { flex-direction: column; gap: 14px; } .scut-root .scut-info-card { min-width: 0; padding: 16px 14px; font-size: 1.05rem; } .scut-root .scut-fee-breakdown { padding: 14px 6px; } .scut-root .scut-fee-breakdown-title { font-size: 1.1rem; } .scut-root .scut-fee-label, .scut-root .scut-fee-value { font-size: 1rem; } .scut-root .scut-fee-total-label, .scut-root .scut-fee-total-value { font-size: 1.1rem; } .scut-root .scut-faq-title { font-size: 1.1rem; } .scut-root .scut-faq-question { padding: 14px 10px; font-size: 1.02rem; } .scut-root .scut-faq-answer { padding: 0 10px 12px 10px; font-size: 0.98rem; } .scut-root .scut-career-list { flex-direction: column; gap: 10px; } .scut-root .scut-career-item { padding: 10px 12px; font-size: 1.01rem; } .scut-root .scut-bottom-cta-section { padding: 0 12px 32px 12px; } .scut-root .scut-faq-answer-listitem { font-size: 1.13rem; line-height: 1.9; margin-bottom: 1em; } } .cta-lock-btn { display: inline-block; padding: 12px 36px; background: linear-gradient(90deg, #ff6b35 0%, #ff8c42 100%); color: #fff; font-weight: 700; font-size: 1.15rem; border-radius: 28px; text-decoration: none; box-shadow: 0 2px 8px rgba(255,107,53,0.15); transition: background 0.18s, transform 0.18s, box-shadow 0.18s; animation: cta-bounce 1.2s infinite alternate; } .cta-lock-btn:hover { background: linear-gradient(90deg, #ff8c42 0%, #ffa559 100%); transform: scale(1.12); box-shadow: 0 6px 24px rgba(255,107,53,0.22); } @keyframes cta-bounce { 0% { transform: scale(1.05); } 100% { transform: scale(1.12); } } .cta-lock-btn-wrap { text-align: center; margin: 12px 0 12px 0; } .scut-scholarship-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; background: #fff; border: none; border-radius: 50%; box-shadow: 0 2px 8px rgba(0,0,0,0.10); width: 40px; height: 40px; font-size: 1.7em; color: #ff6b35; cursor: pointer; opacity: 0.92; transition: opacity 0.2s, background 0.2s; display: flex; align-items: center; justify-content: center; } .scut-scholarship-arrow:hover { background: #ffe4db; opacity: 1; } .scut-scholarship-arrow.left { left: 0; } .scut-scholarship-arrow.right { right: 0; } @media (max-width: 700px) { .scut-scholarship-arrow { width: 32px; height: 32px; font-size: 1.2em; } } /* 更新底部CTA样式 */ .scut-root .scut-bottom-cta-section { border: var(--scut-border); border-radius: var(--scut-radius); box-shadow: var(--scut-shadow); background: var(--scut-border-bg); max-width: 600px; margin: 48px auto 0 auto; padding: var(--scut-padding); text-align: center; } .scut-root .scut-bottom-cta-title { font-size: 2.2rem; font-weight: 800; margin: 0.5em 0; background: linear-gradient(135deg, #ff6b35 0%, #ff9f6b 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; text-align: center; } .scut-root .scut-bottom-cta-sub { font-size: 1.3rem; font-weight: 600; margin-bottom: 2em; color: var(--primary); text-align: center; } .scut-root .scut-bottom-cta-cards { display: flex; flex-direction: column; gap: 24px; align-items: center; } .scut-root .scut-bottom-cta-card { background: #fff; border-radius: var(--scut-radius); box-shadow: none; border: none; padding: 0; margin-bottom: 24px; display: flex; align-items: center; gap: 20px; width: 100%; max-width: 100%; transition: box-shadow 0.18s, transform 0.18s; text-decoration: none; position: relative; overflow: hidden; } .scut-root .scut-bottom-cta-card:last-child { margin-bottom: 0; } .scut-root .scut-bottom-cta-emoji { font-size: 2.8rem; background: linear-gradient(135deg, #ff6b35 0%, #ff9f6b 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .scut-root .scut-bottom-cta-content { flex: 1; text-align: left; } .scut-root .scut-bottom-cta-card-title { font-size: 1.3rem; font-weight: 700; color: var(--primary); margin-bottom: 0.3em; } .scut-root .scut-bottom-cta-desc { font-size: 1rem; color: #666; line-height: 1.5; } .scut-root .scut-bottom-cta-desc.bold-underline { color: var(--primary); font-weight: 600; text-decoration: none; position: relative; display: inline-block; } .scut-root .scut-bottom-cta-desc.bold-underline::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background: linear-gradient(90deg, #ff6b35 0%, #ff9f6b 100%); } @media (max-width: 700px) { .scut-root .scut-bottom-cta-section { padding: var(--scut-padding-mobile); margin: 0 0 18px 0; } .scut-root .scut-bottom-cta-title { font-size: 1.8rem; } .scut-root .scut-bottom-cta-sub { font-size: 1.1rem; } .scut-root .scut-bottom-cta-card { padding: 20px; } .scut-root .scut-bottom-cta-emoji { font-size: 2.2rem; } .scut-root .scut-bottom-cta-card-title { font-size: 1.2rem; } .scut-root .scut-bottom-cta-desc { font-size: 0.95rem; } } /* 更新奖学金标题样式 */ .scut-root .scholarship-title { font-size: 2.2rem; font-weight: 800; margin: 0.5em 0; background: linear-gradient(135deg, #ff6b35 0%, #ff9f6b 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; text-align: center; } /* 更新FAQ和职业发展的emoji样式 */ .scut-root .scut-faq-title, .scut-root .scut-career-title { font-size: 1.25rem; font-weight: 700; color: var(--primary); margin-bottom: 12px; display: flex; align-items: center; gap: 8px; } .scut-root .scut-faq-title span, .scut-root .scut-career-title span { font-size: 1.8rem; background: linear-gradient(135deg, #ff6b35 0%, #ff9f6b 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } /* 移除底部CTA的"立即行动" */ .scut-root .scut-bottom-cta-section { margin: 48px auto; max-width: 600px; padding: 32px 24px; } @media (max-width: 700px) { .scut-root .scut-info-cards, .scut-root .scut-scholarship-cards-container, .scut-root .scut-fee-breakdown, .scut-root .scut-e-square-benefits, .scut-root .scut-faq-section, .scut-root .scut-career-section, .scut-root .scut-bottom-cta-section { margin: 0 12px; padding: 16px; } .scut-root .scholarship-title { font-size: 1.8rem; } } .scut-info-cards-modern { padding-left: 24px; padding-right: 24px; display: flex; flex-direction: row; gap: 32px; margin-top: 40px; max-width: 1200px; margin-left: auto; margin-right: auto; box-sizing: border-box; justify-content: center; } .scut-info-modern-card { flex: 1; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 18px; box-shadow: 0 2px 8px rgba(255,179,102,0.10); padding: 28px 48px; border: 2px solid #ffd6b3; max-width: 320px; min-width: 220px; min-height: 100px; overflow: hidden; } .scut-info-modern-card > div { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; gap: 12px; } .scut-info-modern-label { text-align: left; font-size: 1.13em; font-weight: 700; color: #222; white-space: nowrap; flex-shrink: 0; } .scut-info-modern-value { text-align: right; font-weight: 800; color: #ff6b35; font-size: 1.13em; white-space: nowrap; flex-shrink: 1; word-break: break-all; max-width: 55%; overflow-wrap: break-word; line-height: 1.2; letter-spacing: 0.5px; padding-left: 6px; } @media (max-width: 1300px) { .scut-info-cards-modern { max-width: 98vw; gap: 18px; } .scut-info-modern-card { padding: 18px 10px; min-width: 120px; max-width: 100%; } } .scut-bottom-next-title { font-size: 2rem; font-weight: 800; margin-bottom: 2em; margin-top: 0.5em; line-height: 1.2; background: linear-gradient(90deg,#ff6b35 0%,#ff9f6b 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; display: flex; justify-content: center; align-items: center; text-align: center; } .scut-bottom-next-btns { display: flex; gap: 18px; justify-content: center; align-items: center; flex-wrap: wrap; } @media (max-width: 700px) { .scut-bottom-next-btns { flex-direction: column; gap: 14px; } } .gradient-title { background: linear-gradient(90deg,#ff6b35 0%,#ff9f6b 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; font-weight: 900; } @media (max-width: 700px) { .scut-root .scut-container { padding: 12px 2vw 0 2vw; } .scut-info-cards-modern { flex-direction: column; gap: 12px; margin-top: 24px; padding-left: 16px; padding-right: 16px; max-width: 100vw; } .scut-info-modern-card { padding: 14px 16px; font-size: 0.95rem; min-width: 0; max-width: 100%; min-height: 0; } .scut-info-modern-label, .scut-info-modern-value { font-size: 1.1em; } } .scut-fee-breakdown, .esquare-benefits-card, .scut-faq-section, .scut-career-section, .scut-bottom-cta-section { box-shadow: 0 8px 32px 0 rgba(255,107,53,0.18) !important; border: 1.5px solid #ffe4db; } /* 录取要求区块专用样式 */ .entry-req-block .entry-req-title { color: #ff944d; font-size: 2em; font-weight: 700; margin-bottom: 8px; letter-spacing: 1px; } .entry-req-block .entry-req-hr { border: none; border-top: 2px solid #ffb366; margin: 8px 0 18px 0; } .entry-req-block .entry-req-tip { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; font-size: 1.1em; color: #ff944d; font-weight: 700; } .entry-req-block .icon { font-size: 1.5em; color: #ffb366; } .entry-req-block .entry-req-grid { display: flex; gap: 32px; align-items: flex-start; flex-wrap: wrap; } .entry-req-block .entry-req-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; flex: 2; min-width: 320px; } .entry-req-block .entry-req-card { background: #fff; border: 2px solid #ffd6b3; border-radius: 14px; box-shadow: 0 2px 8px rgba(255,179,102,0.08); padding: 18px 10px 12px 18px; min-width: 120px; min-height: 80px; display: flex; flex-direction: column; justify-content: center; position: relative; font-size: 1.08em; transition: box-shadow 0.18s, border-color 0.18s; cursor: pointer; } .entry-req-block .entry-req-card:hover, .entry-req-block .entry-req-card.selected { background: #fff5f0; border-color: #ff6b35; } .entry-req-block .entry-req-card:hover .icon, .entry-req-block .entry-req-card.selected .icon { color: #ff6b35; } .entry-req-block .entry-req-card:hover .main, .entry-req-block .entry-req-card.selected .main { color: #ff6b35; } .entry-req-block .entry-req-card .icon { position: absolute; top: 10px; right: 10px; color: #ffb366; font-size: 1.2em; } .entry-req-block .entry-req-card .main { font-weight: 700; color: #ffb366; font-size: 1.15em; margin-bottom: 2px; } .entry-req-block .entry-req-card .sub { color: #444; font-size: 0.98em; font-weight: 400; } .entry-req-block .entry-req-card .main.orange { color: #ff944d; } .entry-req-block .entry-req-toggle { text-align: center; margin: 18px 0 0 0; color: #ff944d; font-weight: 700; font-size: 1.1em; cursor: pointer; user-select: none; letter-spacing: 1px; } .entry-req-block .entry-req-banner { flex: 1; min-width: 260px; background: #fff5f0; border: 2px solid #ffd6b3; border-radius: 18px; box-shadow: 0 2px 8px rgba(255,179,102,0.08); padding: 24px 20px 20px 20px; display: flex; flex-direction: column; align-items: center; } .entry-req-block .banner-title { font-weight: 700; font-size: 1.15em; color: #ff944d; margin-bottom: 8px; letter-spacing: 1px; } .entry-req-block .banner-desc { color: #444; font-size: 1em; margin-bottom: 18px; text-align: center; } .entry-req-block .banner-desc .highlight { color: #ff944d; font-weight: 700; } .entry-req-block .banner-btn { background: #ffb366; color: #fff; font-weight: 700; font-size: 1.1em; padding: 12px 32px; border: none; border-radius: 8px; cursor: pointer; box-shadow: 0 2px 8px rgba(255,179,102,0.08); margin-top: 8px; text-decoration: none; display: inline-block; transition: background 0.18s; } .entry-req-block .banner-btn:hover { background: #ffd6b3; } @media (max-width: 900px) { .entry-req-block .entry-req-grid { flex-direction: column; gap: 18px; } .entry-req-block .entry-req-banner { margin-left: 0; } } @media (max-width: 700px) { .entry-req-block .entry-req-cards { grid-template-columns: repeat(2, 1fr); margin-right: 0; width: 100%; } .entry-req-block .entry-req-banner { margin-top: 18px; margin-right: 0; width: 100%; } .entry-req-block .entry-req-grid { padding: 0 12px; } } .checklist-column { padding: 0 16px; } .scut-course-checklist-step { background: #fff; border: 2px solid #ffb366; border-radius: 18px; box-shadow: 0 2px 8px rgba(255,179,102,0.08); padding: 20px 24px; margin-bottom: 16px; width: 100%; box-sizing: border-box; display: flex; align-items: center; font-size: 1em; font-weight: 500; overflow-wrap: break-word; word-break: break-word; } </style> <style> /* 响应式：Is this course for you? 区块手机端竖排 */ @media (max-width: 700px) { .scut-course-checklist-flex { flex-direction: column !important; padding-left: 16px !important; padding-right: 16px !important; box-sizing: border-box !important; gap: 0 !important; } .scut-course-checklist-step, .scut-course-checklist-step4 { width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; margin-bottom: 16px !important; padding: 16px !important; overflow-wrap: break-word !important; word-break: break-word !important; } .scut-course-checklist-step4 > div { box-sizing: border-box !important; padding: 16px !important; } } /* 浅橙色主题 for checklist 区块 */ .scut-course-checklist-flex .scut-course-checklist-step { border-color: #ffb366 !important; background: #fff !important; box-shadow: 0 2px 8px rgba(255,179,102,0.08) !important; } .scut-course-checklist-flex .scut-course-checklist-step4 > div { background: #fff5f0 !important; border-color: #ffd6b3 !important; } .scut-course-checklist-flex .scut-course-checklist-step span[style*='background:#6c7a89'], .scut-course-checklist-flex .scut-course-checklist-step4 span[style*='background:#6c7a89'] { background: #ffb366 !important; color: #fff !important; } .scut-course-checklist-flex .scut-course-checklist-step4 a, .scut-course-checklist-flex .scut-course-checklist-step4 button { background: #ff944d !important; color: #fff !important; border: none !important; } .scut-course-checklist-flex .scut-course-checklist-step4 a:hover, .scut-course-checklist-flex .scut-course-checklist-step4 button:hover { background: #ffb366 !important; } .scut-course-checklist-flex h2, .scut-course-checklist-flex .scut-course-checklist-title { color: #ff944d !important; } .scut-course-checklist-flex .scut-course-checklist-step4 { border-color: #ffb366 !important; } </style> <style> .scut-fee-value, .scut-fee-total-value, .scut-info-modern-value, .scut-scholarship-title, .scut-scholarship-amount, .entry-req-block .entry-req-card .main, .entry-req-block .entry-req-title, .entry-req-block .entry-req-tip, .entry-req-block .banner-title, .scut-faq-title, .scut-career-title, .scut-bottom-cta-title, .scut-bottom-cta-sub, .scut-bottom-cta-card-title, .scholarship-title { color: #ff6b35 !important; } .scut-scholarship-card.selected { background: #fff5f0 !important; border-color: #ff6b35 !important; } .entry-req-block .entry-req-banner { background: #fff5f0 !important; border-color: #ffd6b3 !important; } .entry-req-block .entry-req-card:hover, .entry-req-block .entry-req-card.selected { background: #fff5f0; border-color: #ff6b35; } .entry-req-block .entry-req-card:hover .icon, .entry-req-block .entry-req-card.selected .icon, .entry-req-block .entry-req-card:hover .main, .entry-req-block .entry-req-card.selected .main { color: #ff6b35; } .scut-course-checklist-step4 > div { background: #fff5f0 !important; border-color: #ffd6b3 !important; } </style> <style> /* 统一按钮样式 */ .gradient-btn { display: inline-block; padding: 12px 36px; background: linear-gradient(90deg, #ff6b35 0%, #ff8c42 100%); color: #fff; font-weight: 700; font-size: 1.15rem; border-radius: 28px; text-decoration: none; box-shadow: 0 2px 8px rgba(255,107,53,0.15); transition: all 0.3s ease; border: none; cursor: pointer; position: relative; overflow: hidden; z-index: 1; } .gradient-btn::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #ff8c42 0%, #ffa559 100%); opacity: 0; transition: opacity 0.3s ease; z-index: -1; } .gradient-btn:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(255,107,53,0.25); } .gradient-btn:hover::before { opacity: 1; } .gradient-btn:active { transform: translateY(0); box-shadow: 0 2px 8px rgba(255,107,53,0.15); } /* 更新所有按钮类名 */ .cta-lock-btn, .banner-btn, .scut-bottom-next-btns a { composes: gradient-btn; } </style> </head> <body> <div class="scut-root"> <div class="scut-container">  <div class="scut-info-cards-modern"> <div class="scut-info-modern-card"> <div> <div class="scut-info-modern-label">学制</div> <div class="scut-info-modern-value">4年</div> </div> </div> <div class="scut-info-modern-card"> <div> <div class="scut-info-modern-label">学费 /年</div> <div class="scut-info-modern-value">￥24,000 </div> </div> </div> <div class="scut-info-modern-card"> <div> <div class="scut-info-modern-label">校区</div> <div class="scut-info-modern-value">宝山校区</div> </div> </div> <div class="scut-info-modern-card"> <div> <div class="scut-info-modern-label">授课语言</div> <div class="scut-info-modern-value">中文</div> </div> </div> </div>  <div class="scut-course-checklist-section" style="margin-top:40px;"> <h2 class="scut-course-checklist-title" style="color:#ff944d;font-size:2.1em;font-weight:700;margin-bottom:8px;margin-top:0;"> 你适合读吗？ </h2> <hr style="border:none;border-top:2px solid #ffb366;margin:8px 0 18px 0;"> <div style="display:flex;align-items:center;gap:10px;margin-bottom:18px;"> <span style="font-size:1.3em;color:#ffb366;">✓</span> <span style="font-weight:700;color:#ff944d;font-size:1.13em;"> 4步快速判断适不适合 </span> </div> <div class="checklist-column"> <a href="#entry-req-section" style="text-decoration:none;color:inherit;"> <div class="scut-course-checklist-step"> <span style="background:#ffb366;color:#fff;border-radius:8px;padding:4px 16px;font-weight:700;margin-right:12px;">步骤1</span> <span style="font-weight:700;font-size:1.13em;">查看录取要求</span> </div> </a> <a href="#scholarship-section" style="text-decoration:none;color:inherit;"> <div class="scut-course-checklist-step"> <span style="background:#ffb366;color:#fff;border-radius:8px;padding:4px 16px;font-weight:700;margin-right:12px;">步骤2</span> <span style="font-weight:700;font-size:1.13em;">查看课程学费</span> </div> </a> <a href="#scholarship-section" style="text-decoration:none;color:inherit;"> <div class="scut-course-checklist-step"> <span style="background:#ffb366;color:#fff;border-radius:8px;padding:4px 16px;font-weight:700;margin-right:12px;">步骤3</span> <span style="font-weight:700;font-size:1.13em;">奖后实际学费</span> </div> </a> <div class="scut-course-checklist-step4"> <div style="background:#fff5f0;border:2px solid #ffd6b3;border-radius:18px;padding:24px 20px 20px 20px;box-shadow:0 2px 8px rgba(255,179,102,0.08);height:100%;display:flex;flex-direction:column;justify-content:space-between;"> <div> <span style="background:#ffb366;color:#fff;border-radius:8px;padding:4px 16px;font-weight:700;margin-right:12px;">步骤4</span> <span style="font-weight:700;font-size:1.13em;">选择最优方案</span> </div> <div style="margin:18px 0 18px 0;color:#222;font-size:1.08em;"> 对比<span style="color:#ff944d;font-weight:700;">其他学校</span>课程及学费，覆盖<span style="color:#ff944d;font-weight:700;">40所院校</span>与<span style="color:#ff944d;font-weight:700;">超过100项奖学金</span> </div> <div style="text-align:center;"> <a href="https://www.e-square.com.my/study-in-china" target="_blank" class="gradient-btn">开启路径匹配</a> </div> </div> </div> </div> </div>  <div class="entry-req-block" id="entry-req-section" style="margin-bottom:32px;"> <div class="entry-req-title">录取要求</div> <hr class="entry-req-hr"> <div class="entry-req-tip"> <span class="icon">✓</span> 点击资格以查看详细要求 </div> <div style="display:grid;grid-template-columns:repeat(2,2fr);gap:18px;margin-bottom:18px;"> <div class="entry-req-card"><span class="icon">✓</span><div class="main">ABB</div><div class="sub">A-level</div></div> <div class="entry-req-card"><span class="icon">✓</span><div class="main">>3.0</div><div class="sub">STPM</div></div> <div class="entry-req-card"><span class="icon">✓</span><div class="main"><25分</div><div class="sub">马来西亚独中统考（UEC）</div></div> <div class="entry-req-card"><span class="icon">✓</span><div class="main">其他资格</div><div class="sub">请咨询招生老师</div></div> </div> <div class="entry-req-banner" style="background:#fff5f0;"> <div class="banner-title">即时录取资格评估</div> <div class="banner-desc"> 检查你是否符合类似课程的录取资格，覆盖 <span class="highlight">40所院校</span>与 <span class="highlight">超过100项奖学金</span> </div> <a class="gradient-btn" href="https://wa.link/yr3vwr" target="_blank">立即评估</a> <div style="margin-top:18px;text-align:center;"> <a href="https://www.e-square.com.my/contact-us" target="_blank" class="gradient-btn">立即锁定奖学金</a> </div> </div> </div>  <div class="scholarship-title gradient-title">选择奖学金</div>  <div class="scut-scholarship-cards-container" id="scholarship-section"> <div class="scut-scholarship-cards" id="scholarshipCards"> <div class="scut-scholarship-card selected" data-tuition="96000" style="background:#fff5f0;"> <div class="scut-scholarship-check" style="color:#ff6b35;font-size:1.5em;">￥</div> <div class="scut-scholarship-title">中国政府奖学金金</div> <div class="scut-scholarship-amount">全额</div> <div class="scut-scholarship-desc">生活费：¥2,500/月，学费、校内住宿费、生活费、保险费全免。</div> </div> <div class="scut-scholarship-card" data-tuition="24000" style="background:#fff5f0;"> <div class="scut-scholarship-check" style="color:#ff6b35;font-size:1.5em;">￥</div> <div class="scut-scholarship-title">上海市政府奖学金奖学金</div> <div class="scut-scholarship-amount">部分</div> <div class="scut-scholarship-desc">包含学费和保险费。</div> </div> </div> </div>  <div class="scut-fee-breakdown"> <div class="scut-fee-breakdown-title"> <span style="font-size:1.3em;vertical-align:middle;">￥</span> 费用明细 </div> <div class="scut-fee-item"> <div class="scut-fee-label">学费（4年）</div> <div class="scut-fee-value" id="tuition-fee">￥96,000</div> </div> <div class="scut-fee-item"> <div class="scut-fee-label">奖学金</div> <div class="scut-fee-value" id="scholarship-value">- ￥96,000</div> </div> <div class="scut-fee-item"> <div class="scut-fee-label">申请费</div> <div class="scut-fee-value" id="application-fee">￥500</div> </div> <div class="scut-fee-total"> <div class="scut-fee-total-label">应付总额</div> <div class="scut-fee-total-value" id="total-payable">￥500</div> </div> </div>  <div class="esquare-benefits-card"> <div class="esquare-benefits-title gradient-title" style="font-weight: 800; font-size: 1.13rem;">通过E-Square申请可享有：</div> <ul class="esquare-benefits-list"> <li><span class="esquare-benefits-check"></span>收到预录后才缴申请费</li> <li><span class="esquare-benefits-check"></span>可申请奖学金 <span id="benefit-scholarship" style="font-weight:700;">￥96,000</span></li> <div class="scut-bottom-next-btns"> <a href="https://www.e-square.com.my/contact-us" target="_blank" class="gradient-btn">立即锁定奖学金</a> </ul> </div>  <div class="scut-faq-section"> <div class="scut-faq-title"><span>🧑‍🎓</span> 为什么通过E-Square申请？</div> <div class="scut-faq-list"> <div class="scut-faq-answer-listitem">官方委任零手续费</div> <div class="scut-faq-answer-listitem">全程指导准备申请材料</div> <div class="scut-faq-answer-listitem">高达96%录取率</div> <div class="scut-faq-answer-listitem">协助申请奖学金及宿舍</div> <div class="scut-faq-answer-listitem">协助申请签证及购买机票</div> </div> </div> <div class="scut-faq-section"> <div class="scut-faq-title"><span>🧑‍🎓</span> 课程核心科目</div> <div class="scut-faq-list"> <div class="scut-faq-answer-listitem">食品化学</div> <div class="scut-faq-answer-listitem">食品微生物学</div> <div class="scut-faq-answer-listitem">食品加工工艺学</div> <div class="scut-faq-answer-listitem">食品工程原理</div> <div class="scut-faq-answer-listitem">食品营养学</div> <div class="scut-faq-answer-listitem">食品分析</div> <div class="scut-faq-answer-listitem">食品安全与质量控制</div> <div class="scut-faq-answer-listitem">食品机械</div> </div> </div> <div class="scut-faq-section"> <div class="scut-faq-title"><span>🧑‍🎓</span> 申请所需文件清单</div> <div class="scut-faq-list"> <div class="scut-faq-answer-listitem">高中毕业证书及成绩单</div> <div class="scut-faq-answer-listitem">英语水平证明</div> <div class="scut-faq-answer-listitem">汉语水平证明（HSK）</div> <div class="scut-faq-answer-listitem">资金证明</div> <div class="scut-faq-answer-listitem">护照复印件</div> <div class="scut-faq-answer-listitem">个人陈述</div> <div class="scut-faq-answer-listitem">推荐信</div> <div class="scut-faq-answer-listitem">其他相关证书</div> </div> </div> </div>  <div class="scut-bottom-next-section" style="max-width:600px;margin:48px auto 0 auto;padding:32px 24px 0 24px;text-align:center;"> <div class="scut-bottom-next-title">下一步怎么做？</div> <div class="scut-bottom-next-btns"> <a href="https://wa.link/yr3vwr" target="_blank" class="gradient-btn">立即咨询老师</a> </div> </div> </div> <script> // 费用明细联动奖学金卡片 const tuition =24000; const years = 4; const appFee = 500; const scholarshipCards = document.querySelectorAll('.scut-scholarship-card'); const scholarshipValue = document.getElementById('scholarship-value'); const totalPayable = document.getElementById('total-payable'); const benefitScholarship = document.getElementById('benefit-scholarship'); const tuitionFee = document.getElementById('tuition-fee'); scholarshipCards.forEach(card => { card.addEventListener('click', function() { scholarshipCards.forEach(c => { c.classList.remove('selected'); c.style.background = '#fff'; }); this.classList.add('selected'); this.style.background = '#fff5f0'; const amount = parseInt(this.getAttribute('data-tuition'), 10) || 0; scholarshipValue.textContent = '- ￥' + amount.toLocaleString(); benefitScholarship.textContent = '￥' + amount.toLocaleString(); const total = tuition * years - amount + appFee; totalPayable.textContent = '￥' + total.toLocaleString(); tuitionFee.textContent = '￥' + (tuition * years).toLocaleString(); }); }); const faqItems = document.querySelectorAll('.scut-faq-item'); faqItems.forEach(item => { const question = item.querySelector('.scut-faq-question'); question.addEventListener('click', function() { const isActive = item.classList.contains('active'); faqItems.forEach(i => i.classList.remove('active')); if (!isActive) item.classList.add('active'); }); }); // 奖学金卡片自动滚动2秒 (function() { const cardsContainer = document.getElementById('scholarshipCards'); let duration = 2000; // 2秒 let start = null; let startScroll = cardsContainer.scrollLeft; let maxScroll = cardsContainer.scrollWidth - cardsContainer.clientWidth; function step(ts) { if (!start) start = ts; let progress = Math.min((ts - start) / duration, 1); cardsContainer.scrollLeft = startScroll + (maxScroll - startScroll) * progress; if (progress < 1) { requestAnimationFrame(step); } } if (maxScroll > 0) { requestAnimationFrame(step); } })(); </script> <script> function toggleEntryReq() { const block = document.querySelector('.entry-req-block'); const cards = block.querySelectorAll('.entry-req-card.extra'); const toggle = block.querySelector('.entry-req-toggle'); const expanded = toggle.getAttribute('data-expanded') === 'true'; cards.forEach(card => card.style.display = expanded ? 'none' : 'flex'); toggle.innerHTML = expanded ? '查看更多要求 <span style=\"font-size:1.2em;vertical-align:middle;\">▼</span>' : '收起要求 <span style=\"font-size:1.2em;vertical-align:middle;\">▲</span>'; toggle.setAttribute('data-expanded', expanded ? 'false' : 'true'); } // 默认隐藏extra document.addEventListener('DOMContentLoaded', function() { toggleEntryReq(); }); </script> </body> </html> </div> <hr> View more about <a href="https://www.e-square.com.my/showproducts/productid/5979075/"><strong>本科食品科学与工程(中文授课)–上海大学</strong></a> on main site </div> </div> </div> </div> <div id="toTop_frame"> <span id="toTop"> <i class="fas fa-chevron-circle-up"></i> </span> </div> <div class="d-flex flex-column py-3 company-info-footer"> <div class="d-flex justify-content-between align-items-center"> <span>© 2025 - 2025 <b>E-Square Consultancy Sdn Bhd</b> 201301026038(1055868-X)</span> <span class="onesync-mainsite"> Powered by <a href="https://www.onesync.my/" target="_blank"> ONESYNC.MY </a> </span> </div> <a href="https://www.e-square.com.my" target="_blank"> Official Website </a> <p>Visitor: 2018210</p> </p> </div> </div> <a href="https://wa.me/60167933213 | Mr. Cedric" class="contact-box"> <i class="fab fa-2x fa-whatsapp"></i> </a>      </body> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"> </script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script> </script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/js/all.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script> <script src="https://cdn1.npcdn.net/scripts/fotorama/fotorama.js"></script> <script type="text/javascript" src="/custom.js"></script></html>