diff --git a/src/views/ballot/ballot.vue b/src/views/ballot/ballot.vue
index e6ea6e2..5c34de0 100644
--- a/src/views/ballot/ballot.vue
+++ b/src/views/ballot/ballot.vue
@@ -21,7 +21,7 @@
     <div class="detailinfo">
       <div class="detail">
         <div class="detailT">
-          <div style="margin-left: 48px; margin-right: 48px">
+          <div class="left">
             <div class="title">
               <img
                 width="20px"
@@ -185,8 +185,14 @@ export default {
         border-radius: 8px;
         color: rgba(51, 51, 51, 1);
         display: flex;
+        .left {
+          margin-left: 48px;
+          flex: 1;
+        }
 
         .right {
+          width: 417px;
+          margin-right: 48px;
           .righttitle {
             display: flex;
             padding-top: 39px;
@@ -289,7 +295,8 @@ export default {
         .all {
           display: flex;
           justify-content: space-between;
-          width: 1280px;
+          // width: 1280px;
+          margin-right: 48px;
           margin-top: 43px;
           .allbox1 {
             background: linear-gradient(
@@ -331,7 +338,8 @@ export default {
           }
         }
         .join {
-          width: 1280px;
+          // width: 1280px;
+          margin-right: 48px;
           min-height: 408px;
           background: #f5f6f7;
           border-radius: 8px;
diff --git a/src/views/liveBroadcast/LiveBroadcast.vue b/src/views/liveBroadcast/LiveBroadcast.vue
index bdbd85a..2725a04 100644
--- a/src/views/liveBroadcast/LiveBroadcast.vue
+++ b/src/views/liveBroadcast/LiveBroadcast.vue
@@ -231,23 +231,25 @@ export default {
     align-items: center;
     .threeBtn {
       display: flex;
+      width: 490px;
       justify-content: space-between;
-    }
-    .btn {
-      width: 146px;
-      height: 46px;
-      background: #2478ff;
-      border-radius: 4px;
-      box-shadow: 0px 1px 8px 0px rgba(56, 125, 247, 0.7);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      color: #fff;
-      font-size: 14px;
-      font-weight: 800;
-      line-height: 24px;
-      cursor: pointer;
-      margin-right: 96px;
+      margin-right: 87px;
+      .btn {
+        width: 146px;
+        height: 46px;
+        background: #2478ff;
+        border-radius: 4px;
+        box-shadow: 0px 1px 8px 0px rgba(56, 125, 247, 0.7);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: #fff;
+        font-size: 14px;
+        font-weight: 800;
+        line-height: 24px;
+        cursor: pointer;
+        // margin-right: 96px;
+      }
     }
 
     .title {
@@ -257,6 +259,16 @@ export default {
       line-height: 24px;
       margin-left: -9px;
     }
+    @media screen and (max-width: 1030px) {
+      // .threeBtn {
+      //   margin-right: 30px;
+      // }
+      .title {
+        margin-bottom: -24px;
+      }
+    }
+    // @media screen and(max-width:) {
+    // }
     .time {
       font-size: 14px;
       color: #6e7b84;