refactor(serviceNew.vue): 调整订单类型选择部分的布局和样式

调整了订单类型选择部分的HTML结构和CSS样式，使布局更加清晰和一致。主要修改包括：
1. 将图片元素移动到标题容器内
2. 调整子标题的位置
3. 修改CSS样式，使用flex布局并明确对齐方式

pages/newOrder/serviceNew.vue

@@ -31,15 +31,15 @@
 
         <view class="order-type-select" v-if="buyInfo.teacher">
             <view class="order-type-title order-type-title-custom">
-                <image style="width: 40rpx; height: 40rpx; margin-right: 10rpx;" src="https://catmdogf.oss-cn-shanghai.aliyuncs.com/CMDF/front/petServiceOrder/OrderIcon.png"></image>
                 <view class="order-type-title-main">
+					<image style="width: 40rpx; height: 40rpx; margin-right: 10rpx;" src="https://catmdogf.oss-cn-shanghai.aliyuncs.com/CMDF/front/petServiceOrder/OrderIcon.png"></image>
                     <view class="main-title">
                         下单方式：指定喂养员 - {{buyInfo.teacher.userName}}
                     </view>
-                    <view class="sub-title">
-                        （若伴宠师1小时内无响应或拒绝单则系统派单）
-                    </view>
                 </view>
+				<view class="sub-title">
+					（若伴宠师1小时内无响应或拒绝单则系统派单）
+				</view>
             </view>
         </view>
 		
@@ -594,17 +594,18 @@
 	}
 	.order-type-title-custom {
 		background-color: #FFF9F0;
-		display: flex;
-		align-items: flex-start;
 		font-size: 28rpx;
 		color: #333;
 		margin-bottom: 20rpx;
 		padding: 20rpx;
 		border-radius: 20rpx;
+		display: flex;
+		flex-direction: column;
+		align-items: flex-start !important;
 	}
 	.order-type-title-main {
 		display: flex;
-		flex-direction: column;
+		align-items: flex-start;
 	}
 	.main-title {
 		font-size: 28rpx;