| 
					
				 | 
			
			
				@@ -1,9 +1,9 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   <div class="index-container"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <div class="left-top"></div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <!-- <div class="left-top"></div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <div class="left-bottom"></div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <div class="right-top"></div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <div class="right-bottom"></div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <div class="right-bottom"></div> --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <el-row align="middle" justify="center"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <el-col :span="24" :offset="0" class="position"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <div class="center"></div> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -13,86 +13,96 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   name: 'index1', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   data() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    return { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    return {} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  components:{}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  components: {}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   watch: {}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   mounted() {}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  methods: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  methods: {}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <style rel="stylesheet/scss" lang="scss"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-.index-container{  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+.index-container { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   width: 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  height:calc(100vh - 50px); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  height: calc(100vh - 50px); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   overflow: hidden; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  background:#fff; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  background: -webkit-linear-gradient(75deg,  #3d37b5 , #5bc4ef); /* Safari 5.1 - 6.0 */ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  background: -o-linear-gradient(75deg,  #3d37b5, #5bc4ef); /* Opera 11.1 - 12.0 */ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  background: -moz-linear-gradient(75deg,  #3d37b5, #5bc4ef); /* Firefox 3.6 - 15 */ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  background: linear-gradient(75deg,#3d37b5, #5bc4ef);  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  .position{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  background: #fff; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  background: -webkit-linear-gradient( 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    75deg, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    #e9f0fb, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    #5bc4ef 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  ); /* Safari 5.1 - 6.0 */ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  background: -o-linear-gradient( 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    75deg, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    #e9f0fb, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    #5bc4ef 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  ); /* Opera 11.1 - 12.0 */ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  background: -moz-linear-gradient( 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    75deg, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    #e9f0fb, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    #5bc4ef 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  ); /* Firefox 3.6 - 15 */ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  background: linear-gradient(75deg, #e9f0fb, #e9f0fb); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .position { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     padding-left: 10px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     padding-right: 10px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     margin-bottom: 0; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     position: absolute; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     top: 67px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  .left-top,.left-bottom,.right-top,.right-bottom{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    position:absolute; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .left-top, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .left-bottom, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .right-top, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .right-bottom { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    position: absolute; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  .left-top{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .left-top { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     left: 0; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     top: 0; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     z-index: 1; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     width: 223px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     height: 291px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    background: url("../../../static/index-top-left.png"); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    background: url('../../../static/index-top-left.png'); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     background-size: 100% 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  .left-bottom{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .left-bottom { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     left: 0; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     bottom: 0; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     z-index: 2; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     width: 461px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     height: 236px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    background: url("../../../static/index-bottom-left.png"); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    background: url('../../../static/index-bottom-left.png'); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     background-size: 100% 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  .right-top{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .right-top { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     right: 0; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     top: 0; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     z-index: 31; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     width: 346px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     height: 309px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    background: url("../../../static/index-top-right.png"); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    background: url('../../../static/index-top-right.png'); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     background-size: 100% 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  .right-bottom{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .right-bottom { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     right: 0; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     bottom: 0; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     z-index: 4; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     width: 463px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     height: 320px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    background: url("../../../static/index-bottom-right.png"); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    background: url('../../../static/index-bottom-right.png'); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     background-size: 100% 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  .center{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .center { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     width: 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     height: 93vh; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     bottom: 0; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    position:relative; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    position: relative; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     max-width: 1893px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    background: url("../../../static/index-center.png"); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    background: url('../../../static/index-center.png'); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     background-size: 100% 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 } 
			 |