diff --git a/src/assets/css/electron.css b/src/assets/css/electron.css
index 65a9c97..e4c4f4b 100644
--- a/src/assets/css/electron.css
+++ b/src/assets/css/electron.css
@@ -547,6 +547,15 @@ img {
 	margin-bottom: 110px;
 	padding: 32px 40px;
 }
+.baby-detail-top {
+	display: flex;align-items: center;justify-content: space-between;
+}
+.baby-top-box {display: flex;align-items: center;}
+.baby-top-box div {width: 268px;height: 48px;line-height: 48px;text-align: center; background: #C3AEFF;border-radius: 10px;color: #fff;font-size: 24px;font-weight: bold;color: #FFFFFF;margin-right: 10px;}
+.baby-top-box img {width: 48px;height: 48px;}
+.baby-name {font-size: 24px;font-weight: 800;color: #3F3F3F;}
+.baby-album-box {padding: 97px 0 126px 0;height: 100%; display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;position: relative;}
+.baby-album-box > img {width: 58px;height: 58px;}
 @media screen and (min-width:768px) and (max-width:1024px) {
 	.header-box {
 		background-color: #000000;
diff --git a/src/components/babyAlbumDetail.vue b/src/components/babyAlbumDetail.vue
index ae3c923..a8629d1 100644
--- a/src/components/babyAlbumDetail.vue
+++ b/src/components/babyAlbumDetail.vue
@@ -1,19 +1,15 @@
 <template>
 	<!-- 主体内容 -->
 	<div class="babyalbum-detail-box">
-		<div style="display: flex;align-items: center;justify-content: space-between;">
-			<div style="display: flex;align-items: center;">
-				<div
-					style="width: 268px;height: 48px;line-height: 48px;text-align: center; background: #C3AEFF;border-radius: 10px;color: #fff;font-size: 24px;font-weight: bold;color: #FFFFFF;margin-right: 10px;">
-					宝宝相册>宝宝详情</div>
-				<img src="../assets/kindergartenIntroduce/icon-back.png" @click="backBaby"
-					style="width: 48px;height: 48px;">
+		<div class="baby-detail-top">
+			<div class="baby-top-box">
+				<div>宝宝相册>宝宝详情</div>
+				<img src="../assets/kindergartenIntroduce/icon-back.png" @click="backBaby">
 			</div>
-			<div style="font-size: 24px;font-weight: 800;color: #3F3F3F;">龚柯源的相册</div>
+			<div class="baby-name">龚柯源的相册</div>
 		</div>
-		<div
-			style="padding: 97px 0 126px 0;height: 100%; display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;position: relative;">
-			<img src="../assets/babyalbum/-s-选择1.png" class="swiper-button-prev" style="width: 58px;height: 58px;">
+		<div class="baby-album-box">
+			<img src="../assets/babyalbum/-s-选择1.png" class="swiper-button-prev">
 			<div style="width: 80%;margin: 0 auto;">
 				<div class="swiper-container">
 					<div class="swiper-wrapper">
@@ -35,7 +31,7 @@
 					</div>
 				</div>
 			</div>
-			<img src="../assets/babyalbum/-s-选择2.png" class="swiper-button-next" style="width: 58px;height: 58px;">
+			<img src="../assets/babyalbum/-s-选择2.png" class="swiper-button-next">
 		</div>
 	</div>
 </template>