手机布局

@@ -181,6 +181,7 @@
                 size="large" true-value="1"
                 size="large" true-value="1"
               />
               />
               <br v-if="language == 1">
               <br v-if="language == 1">
+              
               <span
               <span
                 @click="handelInsurance"
                 @click="handelInsurance"
               >《{{ language == 0 ? '赛事购买协议' : 'Event Insurance Procurement Agreement' }} 》</span>
               >《{{ language == 0 ? '赛事购买协议' : 'Event Insurance Procurement Agreement' }} 》</span>
@@ -916,21 +917,51 @@ function checkedChange(v) {
   }
   }
 }
 }
 
 
-.father {
+
+@media (max-width: 767px) {
+  
+  .father {
     position: relative;
     position: relative;
-  height: 85px;
+    height: 110px;
+    padding-top: 45px;
+    line-height: 40px;
+  }
+  .checkbox {
+    position: absolute;
+    right: 0%;
+    top: 0;
+    text-align: left;
+    font-size: 14px;
+    
+    span {
+      color: #453DEA;
+      position: relative;
+      top: -4px;
+      cursor: pointer
+    }
+  }
 }
 }
 
 
-.checkbox {
+/* 桌面（≥1024px） */
+@media (min-width: 1024px) {
+  .father {
+    position: relative;
+    height: 85px;
+    line-height: 85px;
+  }
+  
+  .checkbox {
     position: absolute;
     position: absolute;
-  right: 5%;
+    right: 0%;
     text-align: left;
     text-align: left;
+    font-size: 14px;
     
     
     span {
     span {
       color: #453DEA;
       color: #453DEA;
       position: relative;
       position: relative;
-    top: -1px;
+      top: -4px;
       cursor: pointer
       cursor: pointer
     }
     }
+  }
 }
 }
 </style>
 </style>

@@ -1120,21 +1120,52 @@ function checkedChange(v) {
   }
   }
 }
 }
 
 
-.father {
+
+@media (max-width: 767px) {
+  
+  .father {
     position: relative;
     position: relative;
-  height: 85px;
+    height: 110px;
+    padding-top: 45px;
+    line-height: 40px;
+  }
+  .checkbox {
+    position: absolute;
+    right: 0%;
+    top: 0;
+    text-align: left;
+    font-size: 14px;
+    
+    span {
+      color: #453DEA;
+      position: relative;
+      top: -4px;
+      cursor: pointer
+    }
+  }
 }
 }
 
 
-.checkbox {
+/* 桌面（≥1024px） */
+@media (min-width: 1024px) {
+  .father {
+    position: relative;
+    height: 85px;
+    line-height: 85px;
+  }
+  
+  .checkbox {
     position: absolute;
     position: absolute;
-  right: 5%;
+    right: 0%;
     text-align: left;
     text-align: left;
+    font-size: 14px;
     
     
     span {
     span {
       color: #453DEA;
       color: #453DEA;
       position: relative;
       position: relative;
-    top: -1px;
+      top: -4px;
       cursor: pointer
       cursor: pointer
     }
     }
+  }
 }
 }
+
 </style>
 </style>

 <template>
 <template>
   <el-dialog
   <el-dialog
-    v-model="show" :close-on-click-modal="false"
+    v-model="show"
     :title="language==0?'赛事购买协议':'Event Insurance Procurement Agreement'" append-to-body center
     :title="language==0?'赛事购买协议':'Event Insurance Procurement Agreement'" append-to-body center
     class="pcloginpop"
     class="pcloginpop"
     close-icon="CircleClose" destroy-on-close
     close-icon="CircleClose" destroy-on-close
-    width="1100px"
+    width="80%"
   >
   >
     <div v-html="data" />
     <div v-html="data" />
     <div class="checkbox">
     <div class="checkbox">