diff --git a/src/views/DepositInterestTrial/DepositInterestTrial.vue b/src/views/DepositInterestTrial/DepositInterestTrial.vue
index cab1bc56f75c46171bee811bc2f9ce09a355fb28..0cd0a68534d0ddfa68287913ef843d3d191cc017 100644
--- a/src/views/DepositInterestTrial/DepositInterestTrial.vue
+++ b/src/views/DepositInterestTrial/DepositInterestTrial.vue
@@ -8,11 +8,11 @@
       <!--上部分-->
       <div style="width:100%;height: calc(35vh);background: linear-gradient(90deg, #76befa 0%, #3672f1 99%);">
         <tatle-bar :tatle="titleName" :tatleflag="titleflag" >
-        </tatle-bar>
-        <div class="bar">
-          <van-row>
-            <van-col span="12" style="text-align: center;line-height: 31px;border-radius: 4px 0px 0px 4px;margin-top: 1px" :class="flagA?'white':'green'" @click="chooseA">存款利息试算</van-col>
-            <van-col span="12" style="text-align: center;line-height: 31px;border-radius: 0px 4px 4px 0px;margin-top: 1px" :class="flagB?'white':'green'" @click="chooseB">贷款利息试算</van-col>
+        </tatle-bar >
+        <div class="bar" style="height: calc(5vh); " justify="center">
+          <van-row >
+            <van-col span="11" style=" width:49%; text-align: center;line-height: calc(4vh);border-radius: 4px 0px 0px 4px;margin:calc(0.5vh) 0% calc(0.5vh) 0.5%;" :class="flagA?'white':'green'" @click="chooseA">存款利息试算</van-col>
+            <van-col span="11" style="width:49%; text-align: center;line-height: calc(4vh);border-radius: 0px 4px 4px 0px;margin: calc(0.5vh) 0.5% calc(0.5vh) 0%;" :class="flagB?'white':'green'" @click="chooseB">贷款利息试算</van-col>
           </van-row>
         </div>
       </div>
@@ -96,17 +96,56 @@
 
 
 
-        <div class="d-flex" style="margin-top: 6%;margin-left: 5%">年利率(%)<van-field v-model="test.yearRate" placeholder="请输入" style="width: 50%;margin-top: -4%;margin-left: auto" input-align="right"></van-field></div>
-        <div class="d-flex" style="margin-top: 6%;margin-left: 5%;margin-bottom: 6%">存入金额(元)<van-field v-model="test.depositAmt" placeholder="请输入" style="width: 50%;margin-top: -4%;margin-left: auto" input-align="right"></van-field></div>
+        <!-- <div class="d-flex" style="padding: 10px 16 px ;margin-top: 6%;margin-left: 5%">年利率(%)<van-field v-model="test.yearRate" placeholder="请输入" style="width: 50%;margin-top: -4%;margin-left: auto" input-align="right"></van-field></div>
+        <div class="d-flex" style="margin-top: 6%;margin-left: 5%;margin-bottom: 6%">存入金额(元)<van-field v-model="test.depositAmt" placeholder="请输入" style="width: 50%;margin-top: -4%;margin-left: auto" input-align="right"></van-field></div> -->
+            <van-row type="flex" class="layoutName">
+            <van-col span="24">
+              <van-field    :value="test.yearRate" label="年利率(%)" input-align="right" placeholder="请输入    " >
+
+                 </van-field>
+
+            </van-col>
+          </van-row>
+
+          <van-row type="flex" class="layoutName">
+            <van-col span="24">
+              <van-field    :value="test.yearRate" label="存入金额(元)" input-align="right" placeholder="请输入    " />
+
+            </van-col>
+          </van-row>
+
       </div>
 <!--      <div v-if="flag" style="margin-top: 160px; text-align: right; margin-right: 10px; font-size: 12px; color: #3672F1" @click="toDepositRate">-->
 <!--        查看基准存款利率-->
 <!--      </div>-->
       <div class="card" v-if="!flag" :model="test2">
-        <div class="d-flex" style="margin-top: 6%;margin-left: 5%">贷款金额(元)<van-field v-model="test2.loanAmt" placeholder="请输入贷款金额" style="width: 50%;margin-top: -4%;margin-left: auto;" input-align="right"></van-field></div>
-        <div class="d-flex" style="margin-top: 6%;margin-left: 5%">贷款期限(月)<van-field v-model="test2.loanTime" placeholder="请输入贷款期限" style="width: 50%;margin-top: -4%;margin-left: auto" input-align="right"></van-field></div>
+        <!-- <div class="d-flex" style="margin-top: 6%;margin-left: 5%">贷款金额(元)<van-field v-model="test2.loanAmt" placeholder="请输入贷款金额     " style="width: 50%;margin-top: -4%;margin-left: auto;" input-align="right"></van-field></div>
+        <div class="d-flex" style="margin-top: 6%;margin-left: 5%">贷款期限(月)<van-field v-model="test2.loanTime" placeholder="请输入贷款期限     " style="width: 50%;margin-top: -4%;margin-left: auto" input-align="right"></van-field></div>
 <!--        <div class="d-flex" style="margin-top: 6%;margin-left: 5%">计划月还款(元)<van-field v-model="test2.planMonthRepay" placeholder="请输入计划月还款" style="width: 50%;margin-top: -4%;margin-left: auto"></van-field></div>-->
-        <div class="d-flex" style="margin-top: 6%;margin-left: 5%">贷款利率(%)<van-field v-model="test2.loanRate" placeholder="请输入贷款利率" style="width: 50%;margin-top: -4%;margin-left: auto;" input-align="right"></van-field></div>
+        <!-- <div class="d-flex" style="margin-top: 6%;margin-left: 5%">贷款利率(%)<van-field v-model="test2.loanTime" placeholder="请输入贷款利率     " style="width: 50%;margin-top: -4%;margin-left: auto;" input-align="right"></van-field></div> -->
+
+ <van-row type="flex" class="layoutName">
+            <van-col span="24">
+              <van-field    :value="test2.loanAmt" label="贷款金额(元)" input-align="right" placeholder="请输入    " />
+
+            </van-col>
+          </van-row>
+
+           <van-row type="flex" class="layoutName">
+            <van-col span="24">
+              <van-field    :value="test2.loanTime" label="贷款期限(月)" input-align="right" placeholder="请输入    " />
+
+            </van-col>
+          </van-row>
+
+
+           <van-row type="flex" class="layoutName">
+            <van-col span="24">
+              <van-field    :value="test2.loanTime" label="贷款利率(%)" input-align="right" placeholder="请输入    " />
+
+            </van-col>
+          </van-row>
+
 <!--        <div class="d-flex" style="margin-top: 6%;margin-left: 5%">贷款种类-->
 <!--          <a-select v-model:value="test2.loanType" :options="loanTypes" placeholder="请选择贷款种类" style="width: 50%;margin-top: -2%;margin-left: auto">-->
 <!--          </a-select>-->
@@ -135,15 +174,19 @@
 
 
       </div>
-      <div v-if="flag">
-      <van-button style="width: 90%;margin-left: 5%;background-color: #1890ff;position: absolute;margin-top: 86%;height: 6%;border-radius: 5px;" type="primary" @click="countA">计算</van-button>
-      <van-button style="width: 90%;margin-left: 5%;position: absolute;margin-top: 100%;height: 6%;border-radius: 5px;border-color: #1890ff" @click="clearData"><span style="color: #1890ff">清除</span></van-button>
+
+
+     <!-- <div style="margin-top:-60px;"> -->
+         <div v-if="flag">
+      <van-button style="width: 90%;margin-left: 5%;background-color: #3672F1;position: absolute;margin-top: 60%;height: 6%;border-radius: 5px; border-color: #3672F1" type="primary" @click="countA">计算</van-button>
+      <van-button style="width: 90%;margin-left: 5%;position: absolute;margin-top: 75%;height: 6%;border-radius: 5px;border-color: #3672F1" @click="clearData"><span style="color: #3672F1">清除</span></van-button>
       </div>
       <div v-if="!flag">
-        <van-button style="width: 90%;margin-left: 5%;background-color: #1890ff;position: absolute;margin-top: 86%;height: 6%;border-radius: 5px;" type="primary" @click="countB">计算</van-button>
-        <van-button style="width: 90%;margin-left: 5%;position: absolute;margin-top: 102%;height: 6%;border-radius: 5px;border-color: #1890ff" @click="clearDataB"><span style="color: #1890ff">清除</span></van-button>
+        <van-button style="width: 90%;margin-left: 5%;background-color: #3672F1;position: absolute;margin-top: 60%;height: 6%;border-radius: 5px; border-color: #3672F1" type="primary" @click="countB">计算</van-button>
+        <van-button style="width: 90%;margin-left: 5%;position: absolute;margin-top: 75%;height: 6%;border-radius: 5px;border-color: #3672F1" @click="clearDataB"><span style="color: #3672F1">清除</span></van-button>
       </div>
-    </div>
+     </div>
+    <!-- </div> -->
   </div>
 </template>
 
@@ -365,18 +408,21 @@ export default class DepositInterestTrial extends Vue{
 }
 .white{
   background-color: #ffffff;
-  color: #0073ff;
+  color: #3672F1;
 }
 .green{
-  background-color: #409eff;
+  background-color: #3672F1;
   color: #ffffff;
 }
 .card{
+  padding: 1.5% 0% 1.5% 0%;
   position: absolute;
   background-color: #ffffff;
+
   width: 90%;
   margin-left: 5%;
-  margin-top: -30%;
+  margin-top: -25%;
+  border-radius: 10px;
 }
 .layoutName {
   font-family: "Arial Normal", "Arial";
@@ -386,10 +432,13 @@ export default class DepositInterestTrial extends Vue{
   font-size: 13px;
   color: rgba(0, 0, 0, 0.65);
 }
+
 ::v-deep .ant-select-selection {
       border: none;
     }
 ::v-deep  .van-field__label {
-    color:#000000A6;
+    color:#212529;
 }
+
+
 </style>