diff --git a/src/views/caseDetail.vue b/src/views/caseDetail.vue
index 69f15c7..30db560 100644
--- a/src/views/caseDetail.vue
+++ b/src/views/caseDetail.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="main" :id="'pagemain'+pageIndex" v-show="step == pageIndex" >
+  <div class="main casemain" :class="{on: step == pageIndex }" :id="'pagemain'+pageIndex" v-show="step == pageIndex" >
     <img src="../assets/bg.png" alt="" class="bg" />
     <div class="dealbox">
       <div class="prev" @click="switchPage(pageIndex - 1)">上一步</div>
@@ -305,7 +305,11 @@ const onChange=(newIndex)=>{
 </script>
 
 <style lang='scss' scoped>
+.casemain.on{
+  opacity: 1;
+}
 .main {
+  opacity: 0;
   width: 100%;
   position: relative;