diff --git a/common/custom.scss b/common/custom.scss
index 5fe6090..6b192cc 100644
--- a/common/custom.scss
+++ b/common/custom.scss
@@ -1,3 +1,102 @@
+.mt-10{
+	margin-top: 10rpx;
+}
+.mt-20{
+	margin-top: 20rpx;
+}
+.mt-30{
+	margin-top: 30rpx;
+}
+.mt-40{
+	margin-top: 40rpx;
+}
+.mb-10{
+	margin-bottom: 10rpx;
+}
+.mb-20{
+	margin-bottom: 20rpx;
+}
+.mb-30{
+	margin-bottom: 30rpx;
+}
+.mb-40{
+	margin-bottom: 40rpx;
+}
+.ml-10{
+	margin-left: 10rpx;
+}
+.ml-20{
+	margin-left: 20rpx;
+}
+.ml-30{
+	margin-left: 30rpx;
+}
+.ml-40{
+	margin-left: 40rpx;
+}
+.mr-10{
+	margin-right: 10rpx;
+}
+.mr-20{
+	margin-right: 20rpx;
+}
+.mr-30{
+	margin-right: 30rpx;
+}
+.mr-40{
+	margin-right: 40rpx;
+}
+.pt-10{
+	padding-top: 10rpx;
+}
+.pt-20{
+	padding-top: 20rpx;
+}
+.pt-30{
+	padding-top: 30rpx;
+}
+.pt-40{
+	padding-top: 40rpx;
+}
+
+.pb-10{
+	padding-bottom: 10rpx;
+}
+.pb-20{
+	padding-bottom: 20rpx;
+}
+.pb-30{
+	padding-bottom: 30rpx;
+}
+.pb-40{
+	padding-bottom: 40rpx;
+}
+.pl-10{
+	padding-left: 10rpx;
+}
+.pl-20{
+	padding-left: 20rpx;
+}
+.pl-30{
+	padding-left: 30rpx;
+}
+.pl-40{
+	padding-left: 40rpx;
+}
+.pr-10{
+	padding-right: 10rpx;
+}
+.pr-20{
+	padding-right: 20rpx;
+}
+.pr-30{
+	padding-right: 30rpx;
+}
+.pr-40{
+	padding-right: 40rpx;
+}
+
+
 .customer_nav_bar {
 	min-height: var(--status-bar-height);
 	padding-top: 60rpx;
@@ -44,6 +143,22 @@
 	flex-direction: column;
 	align-items: center;
 }
+.com-section{
+	position: relative;
+	font-size: 32rpx;
+	font-weight: bold;
+	padding-left: 10rpx;
+	&::before{
+		content: ' ';
+		position: absolute;
+		left: 0;
+		top: 6rpx;
+		height: 26rpx;
+		width: 3rpx;
+		border-radius: 2rpx;
+		background-color: $uni-color-primary; 
+	}
+}
 
 
 /************* 动画 /**************/
diff --git a/pages/post/post.vue b/pages/post/post.vue
index 622f237..961d158 100644
--- a/pages/post/post.vue
+++ b/pages/post/post.vue
@@ -2,7 +2,7 @@
 	<view class="com-jianju pos-rlt" style="padding-top: 2rpx;">
 		<view class="blcok" style="background-color: #0E0708;">
 			<u-row>
-				<image style="height: 28rpx;width: 34rpx;margin-right: 20rpx;" :src="getCdnUrl(`post/gangbo.png`)"></image>
+				<image class="mr-20" style="height: 28rpx;width: 34rpx;" :src="getCdnUrl(`post/gangbo.png`)"></image>
 				<u-text size="24" color="#fff" text="下单后会有业务员及时联系您，请保持电话畅通!"></u-text>
 			</u-row>
 		</view>
@@ -37,7 +37,7 @@
 					<view>
 						<image style="height: 50rpx;width: 42rpx;" :src="getCdnUrl(`post/shou.png`)"></image>
 					</view>
-					<view style="flex: 1;padding: 0 30rpx;">
+					<view class="pr-30 pl-30" style="flex: 1;">
 						<u-text text="收件人信息" size="28" :bold="true"></u-text>
 						<view style="margin: 8rpx 0 0 0;">
 							<u-text text="请填写收件人国家、姓名，电话" size="22" color="#999"></u-text>
@@ -60,7 +60,7 @@
 			 </view>
 			 
 			<view >
-				<view style="padding: 30rpx 0;border-bottom: 2rpx solid #F6F6F6;;">
+				<view class="pt-30 pb-30" style="border-bottom: 2rpx solid #F6F6F6;;">
 					<u-row>
 						<view>
 							<u-text text="目的国" size="28" :bold="true"></u-text>
@@ -72,7 +72,7 @@
 					</u-row> 
 				</view>
 				
-				<view style="padding: 30rpx 0;border-bottom: 2rpx solid #F6F6F6;;">
+				<view class="pt-30 pb-30" style="border-bottom: 2rpx solid #F6F6F6;;">
 					<u-row>
 						<view>
 							<u-text text="选择线路" size="28" :bold="true"></u-text>
@@ -84,7 +84,7 @@
 					</u-row> 
 				</view>
 				
-				<view style="padding: 30rpx 0;border-bottom: 2rpx solid #F6F6F6;;">
+				<view class="pt-30 pb-30" style="border-bottom: 2rpx solid #F6F6F6;;">
 					<u-row>
 						<view>
 							<u-text text="货物信息(必填)" size="28" :bold="true"></u-text>
@@ -96,7 +96,7 @@
 					</u-row> 
 				</view>
 				
-				<view style="padding: 30rpx 0;border-bottom: 2rpx solid #F6F6F6;;">
+				<view class="pt-30 pb-30" style="border-bottom: 2rpx solid #F6F6F6;;">
 					<u-row>
 						<view>
 							<u-text text="重量/体积" size="28" :bold="true"></u-text>
@@ -108,7 +108,7 @@
 					</u-row> 
 				</view>
 				
-				<view style="padding: 30rpx 0;border-bottom: 2rpx solid #F6F6F6;;">
+				<view class="pt-30 pb-30" style="border-bottom: 2rpx solid #F6F6F6;;">
 					<u-row>
 						<view>
 							<u-text text="期望上门时间 " size="28" :bold="true"></u-text>
@@ -134,6 +134,39 @@
 				
 			</view>
 		</view>
+		
+		<view class="com-section mt-30">产品类型</view>
+		<view class="blcok-white yunf-list">
+			<view class="yunf-item active">
+				<u-row justify="between">
+					<u-col span="8">
+						<u-text text="柬埔寨-国际特快" size="28" :bold="true"></u-text>
+						<u-text margin="6rpx" text="1-2工作日 ￥80元起" size="22" color="#999"></u-text>
+					</u-col>
+					<u-col span="4">
+						<u-text align="right" text="运费预估" size="22" color="#999"></u-text>
+						<u-text align="right" margin="6rpx"  text="32" size="22" :bold="true" mode="price" color="#B12D29"></u-text>
+					</u-col>
+				</u-row>
+			</view>
+			<view class="yunf-item">
+				<u-row justify="between">
+					<u-col span="8">
+						<u-text text="柬埔寨-国际特快" size="28" :bold="true"></u-text>
+						<u-text margin="6rpx" text="1-2工作日 ￥80元起" size="22" color="#999"></u-text>
+					</u-col>
+					<u-col span="4">
+						<u-text align="right" text="运费预估" size="22" color="#999"></u-text>
+						<u-text align="right" margin="6rpx"  text="32" size="22" :bold="true" mode="price" color="#B12D29"></u-text>
+					</u-col>
+				</u-row>
+			</view>
+		</view>
+		
+		<view class="com-section mt-30">给快递员捎话</view>
+		<view class="blcok-white">
+			
+		</view>
 	</view>
 	<!-- 日历 -->
 	<!-- @close="handleSwitchCladar()" -->
@@ -209,5 +242,17 @@
 </style>
 <style scoped lang="scss">
 	
+	.yunf-item{
+		margin-bottom: 20rpx;
+		padding: 30rpx;
+		background: #F6F6F6;
+		border-radius: 20rpx;
+		&.active{
+			border: 2rpx solid $uni-color-primary;
+		}
+		&:last-child{
+			margin-bottom: 0;
+		}
+	}
 	
 </style>
\ No newline at end of file
diff --git a/uni.scss b/uni.scss
index 444032a..c4fb4cf 100644
--- a/uni.scss
+++ b/uni.scss
@@ -1,4 +1,4 @@
-@import '@/common/custom.scss';
+
 @import '@/uni_modules/uview-plus/theme.scss';
 
 /**
@@ -77,3 +77,5 @@ $uni-color-subtitle: #555555; // 二级标题颜色
 $uni-font-size-subtitle:26px;
 $uni-color-paragraph: #3F536E; // 文章段落颜色
 $uni-font-size-paragraph:15px;
+
+@import '@/common/custom.scss';
\ No newline at end of file