@charset "utf-8";
/*
 * Aryn 15岁生日专题页样式
 * 由 css/aryn/birthday14.css 复制后修改：
 *   1) 并入 15岁新篇章视觉(来自 design-handoff/aryn15/style.css，设计QA已通过)
 *   2) 保留 14 岁版仍在使用的工程区块：精彩留言(#messages，年份切换/分页/留言卡片)，
 *      并适配新版浅色背景、去掉卡片标题图后的 4 行结构
 *   3) 移除 14 岁版横幅轮播、旧版导航/关于区/贺卡表单旧版式、历年大咖祝福、
 *      教研员列表、Aryn 动画(easeljs)、气球canvas、十年成就展等不再使用的样式
 * 图片目录：images/aryn/birthday15/
 */

* { margin: 0; padding: 0; font-family: "微软雅黑"; }

/* ==================== 15岁新篇章视觉（design-handoff/aryn15/style.css） ==================== */
:root{--blue:#176ee5;--cyan:#30d8f3;--pink:#f536b4;--ink:#162a47;--muted:#5f718b;--paper:#fff;--line:#d8edf8;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--ink);background:#eaf7ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p,ul,figure{margin:0;padding:0}body{overflow-x:hidden;background:linear-gradient(180deg,#d7f2ff,#f5fbff 18%,#e8f6ff)}button,input,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.birthday-main{min-width:0;min-height:100vh}.birthday-banner{position:relative;overflow:hidden;background:#0874dd}.hero-media{height:clamp(390px,55vw,690px);overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 5%}.hero-copy{position:absolute;left:50%;bottom:82px;width:min(1100px,calc(100% - 48px));transform:translateX(-50%);padding:24px 34px;border:1px solid rgba(255,255,255,.55);border-radius:24px;background:linear-gradient(90deg,rgba(3,72,182,.86),rgba(31,123,229,.72) 55%,rgba(244,69,174,.72));box-shadow:0 18px 48px rgba(0,41,126,.28);color:#fff;backdrop-filter:blur(8px)}.hero-copy .age-kicker{font-size:14px;letter-spacing:5px}.hero-copy h1{margin-top:8px;font-size:clamp(30px,4vw,58px);line-height:1.12}.hero-copy h1 strong{margin-right:18px;color:#ffe45c}.hero-copy p{margin-top:10px;font-size:clamp(15px,1.6vw,22px);color:#e9f8ff}.praise-flower-box{position:absolute;right:calc((100% - min(1100px,calc(100% - 48px)))/2);bottom:18px;display:flex;gap:12px}.pf-btn{position:relative;display:flex;align-items:center;gap:7px;padding:9px 16px;border:1px solid rgba(255,255,255,.55);border-radius:24px;background:rgba(255,255,255,.92);color:#155dca;box-shadow:0 8px 22px rgba(0,63,146,.18)}.pf-icon{color:var(--pink);font-size:20px}.pf-btn b{font-weight:500}.praise-add{position:absolute;right:7px;top:-36px;color:#f536b4;font-style:normal;font-weight:800;font-size:30px;line-height:1;opacity:0;text-shadow:0 0 6px #fff,0 0 2px #fff;z-index:2}.pf-btn.bump .praise-add{animation:addOne .8s ease}@keyframes addOne{0%{opacity:1;transform:translateY(6px) scale(.7)}30%{opacity:1;transform:translateY(-4px) scale(1.2)}100%{opacity:0;transform:translateY(-30px) scale(1)}}
.birthday-nav-box{position:sticky;top:0;z-index:10;height:68px;border-bottom:1px solid rgba(29,106,199,.15);background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(43,94,145,.08);backdrop-filter:blur(12px)}.birthday-nav{width:min(1000px,100%);height:100%;margin:auto;display:flex;align-items:center;justify-content:center}.birthday-nav .nav{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.birthday-nav .anchor{height:100%;display:grid;place-items:center;padding:0 28px;color:#334b6b;font-size:18px;white-space:nowrap;cursor:pointer;user-select:none}.birthday-nav .anchor.choosed{border-bottom:4px solid var(--pink);color:var(--pink);font-weight:700}.birthday-nav .anchor:hover{color:var(--pink)}.birthday-nav .space{width:1px;height:18px;background:#cfe4f3}
.birthday-content-box{width:min(1100px,calc(100% - 32px));margin:0 auto;padding:58px 0}.sub-box{scroll-margin-top:82px;margin-bottom:58px}.section-heading{display:flex;align-items:center;gap:18px;margin:0 18px 20px}.section-heading>span{font:800 64px/1 Arial;color:rgba(23,110,229,.13)}.section-heading p{color:#2b98e8;font-size:13px;font-weight:700;letter-spacing:4px}.section-heading h2{margin-top:4px;font-size:32px}.right-heading{justify-content:flex-end;text-align:right}.content-box{border:1px solid rgba(67,185,231,.32);border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 18px 44px rgba(38,103,161,.1),inset 0 0 24px rgba(52,218,245,.08)}
.smart-section{display:grid;grid-template-columns:1fr 360px;gap:70px;padding:58px 70px}.smart-copy .lead{font-size:23px;line-height:1.7}.smart-copy article{position:relative;margin-top:25px;padding-left:24px}.smart-copy article::before{content:"";position:absolute;left:0;top:5px;width:6px;height:48px;border-radius:4px;background:linear-gradient(var(--cyan),var(--blue))}.smart-copy article b{font-size:20px;color:var(--blue)}.smart-copy article p{margin-top:6px;color:var(--muted);font-size:17px;line-height:1.8}.primary-button,.secondary-button,.birthday-button{border:0;border-radius:24px;background:linear-gradient(90deg,var(--blue),#5f8eff);color:#fff;font-weight:700;box-shadow:0 10px 24px rgba(23,110,229,.25)}.primary-button{margin-top:30px;padding:13px 28px}.phone-preview{align-self:center;text-align:center}.phone-preview img{width:280px;margin:auto;border-radius:24px;box-shadow:0 18px 40px rgba(22,75,127,.25)}.phone-preview figcaption,.beauty-grid figcaption{margin-top:12px;color:#71829a;font-size:14px}
.beauty-grid{display:grid;grid-template-columns:1fr 250px 330px;gap:36px;align-items:center;padding:52px}.beauty-intro h3{font-size:28px;color:var(--blue)}.beauty-intro p{margin-top:18px;color:var(--muted);font-size:18px;line-height:1.8}.beauty-intro .beauty-cta{color:var(--pink);font-size:23px;font-weight:700}.beauty-grid figure{text-align:center}.app-shot img{height:500px;margin:auto;border-radius:24px;box-shadow:0 18px 35px rgba(32,88,140,.2)}.platform-shot img{width:100%;border-radius:24px}
.growth-grid{display:grid;grid-template-columns:420px 1fr;gap:64px;align-items:center;padding:48px}.growth-grid>img{width:100%;border-radius:22px}.growth-copy>p{margin:13px 0;color:#516782;font-size:20px}.growth-copy .big-line{margin-top:28px;color:var(--blue);font-size:28px;font-weight:700}.growth-copy ul{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px;list-style:none}.growth-copy li{padding:18px 10px;border-radius:16px;background:#edf8ff;text-align:center}.growth-copy li b{display:block;color:var(--pink);font-size:25px}.growth-copy li span{display:block;margin-top:5px;color:#60728b;font-size:13px}
.media-card{position:relative;overflow:hidden;padding:18px}.media-card .exp-video{position:relative;overflow:hidden;border-radius:20px;background:#dfefff}.media-card img{width:100%;aspect-ratio:16/8.4;object-fit:cover}.media-card .secondary-button{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);margin:0;padding:12px 30px;border:1px solid rgba(255,255,255,.8)}
.about-2{overflow:hidden}.aryn-info-box{padding:30px}.aryn-info{display:grid;grid-template-columns:minmax(330px,.9fr) 1.1fr;gap:48px;align-items:center}.aryn-info-left{overflow:hidden;border-radius:22px;background:#ddecff}.aryn-info-left img{width:100%;aspect-ratio:1/1;object-fit:cover}.aryn-info-right{padding-right:24px}.profile-kicker{color:#2b98e8;font-size:12px;font-weight:700;letter-spacing:2.5px}.aryn-info-right h3,.aryn-name-origin h3{margin-top:8px;font-size:30px}.profile-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:25px 0 20px}.profile-facts div{padding:13px 15px;border-radius:14px;background:#edf8ff}.profile-facts dt{color:#6d829b;font-size:13px}.profile-facts dd{margin:4px 0 0;color:#28486d;font-size:17px;font-weight:600}.profile-facts dd strong{color:var(--pink);font-size:23px}.simple{margin-top:12px;color:var(--muted);font-size:16px;line-height:1.85}.aryn-name-origin{display:flex;align-items:center;justify-content:space-between;gap:40px;margin:0 30px 30px;padding:26px 30px;border-radius:20px;background:linear-gradient(120deg,#eef8ff,#f8f1ff)}.aryn-name-origin p{max-width:720px;margin-top:10px;color:var(--muted);font-size:15px;line-height:1.8}.aryn-name-origin a{flex:0 0 auto;padding:11px 18px;border:1px solid #88bcec;border-radius:24px;color:var(--blue);font-weight:700}.aryn-name-origin a:hover{background:#fff}
.bless-1{padding:24px;background:linear-gradient(135deg,#f74bbd,#8d71ed)}.bless-1-bg{padding:46px 60px;border-radius:20px;background:#fff}.msg-to-aryn{font-size:23px}.msg-to-aryn strong{color:var(--pink)}#messageForm{margin-top:24px}#messageForm label{color:#354968;font-weight:600}.msg-input{width:100%;height:160px;margin-top:10px;padding:18px;border:1px solid #c5dceb;border-radius:14px;resize:vertical;outline:none}.msg-input:focus,.info-input:focus{border-color:#5a9df3;box-shadow:0 0 0 3px rgba(62,137,234,.12)}.msg-tip{text-align:right;color:#73839b;font-size:14px}.word-num{color:var(--pink);font-weight:700}.info-box{display:flex;gap:28px;margin-top:18px}.info-input{margin-left:8px;padding:8px 4px;border:0;border-bottom:1px solid #9ebbd0;outline:none}.birthday-button{display:block;margin:34px auto 0;padding:13px 34px}
footer{display:flex;justify-content:center;gap:20px;padding:45px 20px;background:#0d5cc8;color:#fff}footer strong{color:#ffe45c}.return-top{position:fixed;right:24px;bottom:25px;width:48px;height:48px;border:0;border-radius:50%;background:#1877e8;color:#fff;font-size:24px;box-shadow:0 8px 24px rgba(0,71,163,.28);opacity:0;pointer-events:none;transition:.2s}.return-top.show{opacity:1;pointer-events:auto}.toast{position:fixed;left:50%;bottom:35px;z-index:30;transform:translate(-50%,12px);padding:11px 22px;border-radius:25px;background:rgba(17,36,63,.94);color:#fff;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:800px){.hero-media{height:auto;aspect-ratio:1672/940}.hero-media img{object-position:center top}.hero-copy{position:static;transform:none;width:auto;margin:-64px 16px 0;padding:20px}.hero-copy h1 strong{display:block;margin-bottom:5px}.hero-copy p{line-height:1.5}.praise-flower-box{position:static;justify-content:center;margin:12px 16px 0;gap:7px}.pf-btn{padding:8px 11px;font-size:13px}.pf-btn b{display:none}.birthday-nav-box{height:58px;overflow-x:auto}.birthday-nav{justify-content:flex-start;width:max-content}.birthday-nav .anchor{padding:0 20px;font-size:15px}.birthday-nav .space{display:none}.birthday-content-box{width:calc(100% - 22px);padding-top:42px}.sub-box{margin-bottom:46px}.section-heading{margin:0 8px 16px}.section-heading>span{font-size:42px}.section-heading h2{font-size:24px}.smart-section,.beauty-grid,.growth-grid{grid-template-columns:1fr}.smart-section,.beauty-grid,.growth-grid{padding:28px 22px;gap:30px}.smart-copy .lead{font-size:19px}.phone-preview img{width:240px}.beauty-grid{grid-template-columns:1fr 1fr}.beauty-intro{grid-column:1/3}.app-shot img{height:390px}.platform-shot img{width:100%}.growth-grid{display:flex;flex-direction:column}.growth-grid>img{max-width:420px}.growth-copy .big-line{font-size:23px}.growth-copy ul{gap:8px}.growth-copy li{padding:13px 5px}.growth-copy li b{font-size:20px}.media-card{padding:10px}.media-card .secondary-button{bottom:18px}.aryn-info-box{padding:18px}.aryn-info{grid-template-columns:1fr;gap:24px}.aryn-info-left{max-width:520px;margin:auto}.aryn-info-right{padding:0 8px 8px}.aryn-name-origin{align-items:flex-start;flex-direction:column;margin:0 18px 18px;padding:22px;gap:18px}.bless-1{padding:10px}.bless-1-bg{padding:28px 20px}.info-box{flex-direction:column;gap:14px}.return-top{right:14px;bottom:18px}}
@media(max-width:480px){.hero-copy{margin:-48px 12px 0;border-radius:18px}.hero-copy h1{font-size:28px}.hero-copy p{font-size:14px}.praise-flower-box .pf-btn{padding:7px 9px}.section-heading>span{display:none}.right-heading{justify-content:flex-start;text-align:left}.beauty-grid{grid-template-columns:1fr}.beauty-intro{grid-column:auto}.app-shot img{height:auto;max-height:520px}.growth-copy ul{grid-template-columns:1fr}.profile-facts{grid-template-columns:1fr 1fr;gap:8px}.profile-facts div{padding:11px}.media-card img{aspect-ratio:16/10}.media-card .secondary-button{bottom:12px;padding:9px 20px}footer{flex-direction:column;align-items:center;gap:5px}}

/* ==================== 工程适配 ==================== */
/* 导航为 tab 切换(与14岁版一致)：除"15岁新篇章"外其余区块默认隐藏 */
#blessingVideos,#blessing,#messages { display: none; }
/* 贺卡留言/精彩留言/历年大咖祝福的区块标题(对应14岁版 sub-box h1) */
.birthday-content-box .sub-box > h1 {
	text-align: center;
	font-size: 32px;
	color: var(--ink);
	line-height: 1.3;
	margin: 0 0 26px;
}
/* "15岁新篇章"内的子区块间距与收尾 */
#aboutAryn > .sub-box:last-of-type { margin-bottom: 0; }
#aboutAryn > footer { border-radius: 20px; }
/* 04区媒体视频：原生<video>按16:9自撑高度(无需jwplayer的固定容器高) */
.media-card .exp-video{height:auto}
.media-card .exp-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#454545}
@media(max-width:800px){.media-card .exp-video{height:auto;aspect-ratio:16/9}}
/* 贺卡表单(保留 14 版工程字段结构)的补充样式 */
.msg-box{margin-top:4px}
#messageForm .info-box span{color:#354968;font-weight:600;white-space:nowrap}
.msg-to-aryn .info-input{width:60px;font-size:20px;font-weight:700;color:var(--pink)}
/* 表单字段宽度沿用14岁版，防止默认宽度的input在flex行内溢出 */
.bless-1 .info-input#user{width:84px}
.bless-1 .info-input#province{width:107px}
.bless-1 .info-input#city{width:107px}
.bless-1 .info-input#school{width:224px}
.info-input:disabled{background:none;color:var(--pink)}
.msg-input::-webkit-input-placeholder,.info-input::-webkit-input-placeholder{color:#8fa2b8}
.msg-input:-moz-placeholder,.info-input:-moz-placeholder{color:#8fa2b8}
.msg-input::-moz-placeholder,.info-input::-moz-placeholder{color:#8fa2b8}
.msg-input::-ms-input-placeholder,.info-input::-ms-input-placeholder{color:#8fa2b8}

/* ==================== 精彩留言(保留自 birthday14.css，适配新版浅色背景) ==================== */
.message-box {
	padding: 28px;
	position: relative;
}
.message-box .year-list {
	display: flex;
	flex-wrap: wrap;
	row-gap: 10px;
	align-items: center;
	justify-content: flex-end;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	color: #2b3f5e;
	user-select: none;
}
.message-box .year-list .year-item {
	margin-right: 20px;
	cursor: pointer;
}
.message-box .year-list .year-item.on {
	color: #f536b4;
	cursor: default;
}
.message-box .year-list .more-year {
	/* 本文件设计稿段的全局*{box-sizing:border-box}会把下面width变成含padding总宽，导致"更多年份"文字区不够换行，故恢复content-box与14岁版一致 */
	box-sizing: content-box;
	width: 80px;
	padding-right: 27px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAMAAABV0m3JAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUq4/8q4/8q4/8q4/8q4/8q4/8q4/8q4/8q4/8q4/8q4/8q4/8q4/8q4/8q4/8q4/8q4/8AAACpITp3AAAAEHRSTlMAO4A4QDr+/FZ9M1hXOYGCnqfZOQAAAAFiS0dEEeK1PboAAAAHdElNRQfpCRgLIBzo8mrnAAAAUklEQVQI113MSQKAIAwDwAiWsqn9/2tdKhTIKZlDgM15DPFuBygIR7PIEghJZNDHRBIyD/oZZ6CYqpW3dq1mXdVqu9c526+LNZ1NdTXgOC9q/Qa7XQV4qx5Y9wAAAABJRU5ErkJggg==) no-repeat right center;
	cursor: pointer;
}
.message-box .year-list .more-year.on {
	color: #f536b4;
}
.message-box .year-list .more-year.open {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAMAAABV0m3JAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUq4/8q4/8q4/8q4/8q4/8q4/8q4/8q4/8q4/8q4/8q4/8q4/8q4/8q4/8q4/8q4/8AAACpITp3AAAAEHRSTlMALnJR+VL8XzGDQf5eQzw7ooCdVgAAAAFiS0dEEeK1PboAAAAHdElNRQfpCRgLIBt2lv9EAAAATklEQVQI113OQRaAIAhF0a8pimax/9XWSSrwDe/oAVqIMWBpSyIpe8u3rTrN62NETqeVYlUNMPqZ0frbqxVsTJXRujFgJ+kNGHzY5ZMHLiDmBO0CdLr6AAAAAElFTkSuQmCC) no-repeat right center;
}
.message-box .year-list .more-year.open+.more-year-list {
	display: block;
}
.message-box .year-list .more-year-list {
	display: none;
	width: 140px;
	box-sizing: border-box;
	padding: 2px 0;
	background-color: #3689f5;
	border-radius: 6px;
	border: solid 6px #2ae3ff;
	position: absolute;
	right: 28px;
	top: 64px;
	z-index: 1;
}
.message-box .year-list .more-year-list::before {
	content: "";
	width: 20px;
	height: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAAGXRFWHRTb2Zd2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFxJREFUeNpi/P//PwMhYH73Wz2IPqnM1UhILQuRhjVA2QQNZSLWMChogLmWZAOxGEaUoUwkGkbQUCyGDMNrKBOZhuE0lIkCw7AaykShYRiGMprd+UqpYSgGAwQYAIPHO6BEAW35AAAAAElFTkSuQmCC);
	position: absolute;
	top: -16px;
	left: 54px;
}
.message-box .year-list .more-year-list .year-item {
	display: block;
	margin-right: 0;
	padding: 0 24px;
	font-size: 22px;
	font-weight: bold;
	line-height: 40px;
	color: #ffffff;
	text-align: left;
}
.message-box .year-list .more-year-list .year-item.on {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAANCAYAAACkTj4ZAAAAGXRFWHRTb2Zd2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANNJREFUeNpi/P//PwM5wPzuNwsg5QHEB04qcx1gJMcgoCFhQGoZEDMDMcgAGyYKDQEBRiB2ZqLQEBD4C8TbWKAKrIGUKxDvAPr3BImGxAD1nGU0u/PVCsg5AnUiSCIKKLEKzZBwILUUhyErQByQ15yhhjBAFS6D2k7IkGiYIeCAArrIGEifxKIwCmoBLkNWIrsaHP1AWyOA7CVYNDAQYwjcIKgXsBnGQIwhsDACA6h/o5FcQrQhKAZBDVuJxTCChqB4DS26LaH5iBGato4RSqwAAQYAAr1mmsoJNWoAAAAASUVORK5CYII=) no-repeat calc(100% - 20px) 13px;
}

.message-box .message-list {
	width: 100%;
	padding-top: 30px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	justify-content: space-between;
	align-content: space-between;
	gap: 30px 20px;
}
.message-box .message-list .message-item {
	min-height: 400px;
	border: 1px solid #FFFBFB;
	background-color: #F857BF;
	border-radius: 20px;
	box-sizing: border-box;
	padding: 15px 25px;
	display: flex;
}
.message-box .message-list .message-item .message-content {
	flex: 1;
	border-radius: 20px;
	background: #ffffff url(../../images/aryn/birthday15/card-cake.png) no-repeat calc(100% - 19px) calc(100% - 16px)/116px 105px;
	box-sizing: border-box;
	padding: 27px 40px 35px;
	color: #f536b4;
	font-size: 18px;
	line-height: 28px;
	text-align: justify;
	display: grid;
	grid-template-rows: 30px 1fr 26px 26px;
	row-gap: 12px;
}
.message-box .message-list .message-item .message-content .text {
	word-break: break-all;
}
.message-box .message-list .message-item .message-content .address {
	align-self: end;
}
@media(max-width:800px){
	.message-box{padding:18px}
	.message-box .message-list{grid-template-columns:1fr}
	.message-box .message-list .message-item .message-content{padding:22px 24px 28px}
}

.message-page {
	color: #1d4f8f;
	font-size: 20px;
	height: 36px;
	line-height: 36px;
	margin: 20px 28px 0 0;
	text-align: right;
	user-select: none;
}
.message-page .prev-page, .message-page .next-page {
	display: inline;
	padding: 0 12px;
	cursor: pointer;
}
.message-page .prev-page.disabled, .message-page .next-page.disabled {
	color: #9db3c8;
	cursor: default;
}
.message-page .page-num {
	display: inline;
}

/* ==================== 历年大咖祝福(保留自 birthday14.css，适配新版布局) ==================== */
#blessingVideos .content-box + .content-box {
	margin-top: 36px;
}
#blessingVideos .content-body {
	padding: 32px;
}
.blessing-videos h3 {
	font-size: 26px;
	line-height: 26px;
	color: var(--ink);
}
.blessing-videos h3:first-child {
	margin-top: 0;
}
.blessing-videos .exp-video {
	width: 100%;
	max-width: 870px;
	height: 492px;
	background-color: #454545;
	/* 视频与下一个标题的间距沿用14岁版的60px */
	margin: 30px auto 60px;
	border-radius: 12px;
	overflow: hidden;
}
/* 原生<video>铺满容器：等比缩放居中+黑边，等效14岁jwplayer的stretching:uniform */
.blessing-videos .exp-video video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	background-color: #000;
}
.blessing-videos .exp-video:last-child {
	margin-bottom: 0;
}

.jiaoyy-list .jiaoyy {
	width: 100%;
	max-width: 674px;
	min-height: 88px;
	background-color: #edf8ff;
	border-radius: 14px;
	box-sizing: border-box;
	padding: 26px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	color: #354968;
}
.jiaoyy-list .jiaoyy:first-child {
	margin-top: 0;
}
.jiaoyy-list .jiaoyy .jiaoyy-head {
	display: block;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	margin-top: -60px;
}
.jiaoyy-list .jiaoyy .jiaoyy-intro {
	font-size: 18px;
	line-height: 24px;
	color: #5f718b;
}
.jiaoyy-list .jiaoyy .jiaoyy-intro .name {
	display: inline-block;
	margin-right: 12px;
	font-size: 22px;
	color: var(--ink);
}
.jiaoyy-list .jiaoyy .jiaoyy-blessing {
	font-size: 19px;
	line-height: 28px;
	margin-top: 15px;
	color: #354968;
}
.jiaoyy-list .jiaoyy.left {
	padding-left: 170px;
}
.jiaoyy-list .jiaoyy.left .jiaoyy-head {
	left: 26px;
}
.jiaoyy-list .jiaoyy.right {
	padding-right: 170px;
}
.jiaoyy-list .jiaoyy.right .jiaoyy-head {
	right: 26px;
}
@media(max-width:800px){
	#blessingVideos .content-body{padding:18px}
	.blessing-videos .exp-video{height:340px}
	.jiaoyy-list .jiaoyy{padding:18px}
	.jiaoyy-list .jiaoyy .jiaoyy-head{width:80px;height:80px;margin-top:-40px}
	.jiaoyy-list .jiaoyy.left{padding-left:110px}
	.jiaoyy-list .jiaoyy.right{padding-right:110px}
	.jiaoyy-list .jiaoyy.right .jiaoyy-head{right:14px}
	.jiaoyy-list .jiaoyy.left .jiaoyy-head{left:14px}
}
@media(max-width:480px){
	.jiaoyy-list .jiaoyy.left,
	.jiaoyy-list .jiaoyy.right{padding:14px}
	.jiaoyy-list .jiaoyy .jiaoyy-head{display:none}
}