diff --git a/src/components/get/action.vue b/src/components/get/action.vue
index 3d52b7f..195afc5 100644
--- a/src/components/get/action.vue
+++ b/src/components/get/action.vue
@@ -1,9 +1,9 @@
 <template>
     <view class="component-get-action">
-        <view class="btn" @click="getOrder" v-if="order.orderType == models.order.type.NORMAL">
+        <view class="btn active" @click="getOrder" v-if="order.orderType == models.order.type.NORMAL">
             <text>立即抢单</text>
         </view>
-        <view class="btn" @click="postPrice" v-if="order.orderType == models.order.type.WORKER_PRICE">
+        <view class="btn active" @click="postPrice" v-if="order.orderType == models.order.type.WORKER_PRICE">
             <text>立即报价</text>
         </view>
     </view>
@@ -47,16 +47,29 @@ export default {
 <style lang="less" scoped>
 .component-get-action {
     width: 100%;
-    text-align: right;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
     .btn {
-        display: inline-block;
+        display: block;
         font-size: 26rpx;
-        color: #ffffff;
-        padding: 18rpx 30rpx;
+        padding: 16rpx 30rpx;
         line-height: 26rpx;
-        background-color: #8b9beb;
         border-radius: 30rpx;
         margin-left: 20rpx;
+        color: #999999;
+        box-sizing: border-box;
+        border: 1px solid #999999;
+    }
+    .btn.active {
+        color: #ffffff;
+        background-color: #8b9beb;
+        border: 1px solid #8b9beb;
+    }
+    .btn.normal {
+        color: #999999;
+        background-color: unset;
+        padding: 0;
     }
 }
 </style>
\ No newline at end of file