历史回溯样式修改

 <template >
 <template >
-  <div class="lshs-content">
+  <div class="main">
     <div id="mountNode" ref="containerWidth">
     <div id="mountNode" ref="containerWidth">
        <div v-show="showhide" style="margin: 20px 0 0 20px;color:red;">暂无变更业务，没有历史回溯数据</div>
        <div v-show="showhide" style="margin: 20px 0 0 20px;color:red;">暂无变更业务，没有历史回溯数据</div>
 
 
@@ -359,16 +359,9 @@ export default {
 </script>
 </script>
 <style scoped  lang="less">
 <style scoped  lang="less">
 
 
-    .lshs-content{
-        width: 100%;
-        height: 100%;
-    }
-
     #mountNode{
     #mountNode{
-        /*height: calc(100% - 68px);*/
-        margin: 20px 0 0 20px;
         width: 50%;
         width: 50%;
-        height: 80%;
+        height: calc(100% - 140px);
         border: 1px solid #E6E6E6;
         border: 1px solid #E6E6E6;
         background: white;
         background: white;
 
 
@@ -378,10 +371,9 @@ export default {
     }
     }
 
 
     #mountNodeRight{
     #mountNodeRight{
-        margin: 20px 20px 0 0;
         width: 36%;
         width: 36%;
         float: right;
         float: right;
-        height: 80%;
+        height: calc(100% - 22px);
         border: 1px solid #E6E6E6;
         border: 1px solid #E6E6E6;
         background: white;
         background: white;
         padding: 20px 20px 0 20px;
         padding: 20px 20px 0 20px;

 <template>
 <template>
-  <div class="lshs-content">
-      <Lshs :type="type" :bsm="bsm"></Lshs>
-  </div>
+    <Lshs :type="type" :bsm="bsm"></Lshs>
 </template>
 </template>
 
 
 <script>
 <script>

 <template>
 <template>
-  <div class="lshs-content">
-      <Lshs :type="type" :bsm="bsm"></Lshs>
-  </div>
+    <Lshs :type="type" :bsm="bsm"></Lshs>
 </template>
 </template>
 
 
 <script>
 <script>

 <template>
 <template>
-  <div class="">
     <Lshs :type="type" :bsm="bsm"></Lshs>
     <Lshs :type="type" :bsm="bsm"></Lshs>
-  </div>
 </template>
 </template>
 
 
 <script>
 <script>