|  | @@ -5,15 +5,23 @@
 | 
	
		
			
				|  |  |    width: 100%;
 | 
	
		
			
				|  |  |    height: 100%;
 | 
	
		
			
				|  |  |    margin: 0 auto;
 | 
	
		
			
				|  |  | -  background-image: url("/img/bg/bg.jpg");
 | 
	
		
			
				|  |  | +  // background-image: var(--login-bg-image, url("/img/bg/bg.jpg"));
 | 
	
		
			
				|  |  |    background-size: 100% 100%;
 | 
	
		
			
				|  |  | +    &.bg-default {
 | 
	
		
			
				|  |  | +        background-image: url("/img/bg/bg.jpg");
 | 
	
		
			
				|  |  | +    }
 | 
	
		
			
				|  |  | +    &.bg-duoduo {
 | 
	
		
			
				|  |  | +        background:
 | 
	
		
			
				|  |  | +            linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
 | 
	
		
			
				|  |  | +            url("/img/bg/main-bg.jpg") center/cover;
 | 
	
		
			
				|  |  | +    }
 | 
	
		
			
				|  |  |  }
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  .login-weaper {
 | 
	
		
			
				|  |  |    margin: 0 auto;
 | 
	
		
			
				|  |  |    width: 1000px;
 | 
	
		
			
				|  |  |    box-shadow: -4px 5px 10px rgba(0, 0, 0, 0.4);
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | +    border-radius: 40px;
 | 
	
		
			
				|  |  |    .el-input-group__append {
 | 
	
		
			
				|  |  |      border: none;
 | 
	
		
			
				|  |  |    }
 | 
	
	
		
			
				|  | @@ -28,15 +36,26 @@
 | 
	
		
			
				|  |  |  }
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  .login-left {
 | 
	
		
			
				|  |  | -  border-top-left-radius: 5px;
 | 
	
		
			
				|  |  | -  border-bottom-left-radius: 5px;
 | 
	
		
			
				|  |  | +  border-top-left-radius: 40px;
 | 
	
		
			
				|  |  | +  border-bottom-left-radius: 40px;
 | 
	
		
			
				|  |  |    justify-content: center;
 | 
	
		
			
				|  |  |    flex-direction: column;
 | 
	
		
			
				|  |  | -  background-color: #409EFF;
 | 
	
		
			
				|  |  | +  //background-color: #409EFF;
 | 
	
		
			
				|  |  |    color: #fff;
 | 
	
		
			
				|  |  |    float: left;
 | 
	
		
			
				|  |  |    width: 50%;
 | 
	
		
			
				|  |  |    position: relative;
 | 
	
		
			
				|  |  | +    &.bg-default {
 | 
	
		
			
				|  |  | +        background: #409EFF;
 | 
	
		
			
				|  |  | +    }
 | 
	
		
			
				|  |  | +    &.bg-duoduo {
 | 
	
		
			
				|  |  | +        background:
 | 
	
		
			
				|  |  | +            linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
 | 
	
		
			
				|  |  | +            #409EFF;
 | 
	
		
			
				|  |  | +    }
 | 
	
		
			
				|  |  | +    &.bg-localhost {
 | 
	
		
			
				|  |  | +        background: rgba(64, 158, 255, 0.7);
 | 
	
		
			
				|  |  | +    }
 | 
	
		
			
				|  |  |  }
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  .login-left .img {
 | 
	
	
		
			
				|  | @@ -66,8 +85,8 @@
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  .login-border {
 | 
	
		
			
				|  |  |    border-left: none;
 | 
	
		
			
				|  |  | -  border-top-right-radius: 5px;
 | 
	
		
			
				|  |  | -  border-bottom-right-radius: 5px;
 | 
	
		
			
				|  |  | +  border-top-right-radius: 40px;
 | 
	
		
			
				|  |  | +  border-bottom-right-radius: 40px;
 | 
	
		
			
				|  |  |    color: #fff;
 | 
	
		
			
				|  |  |    background-color: #fff;
 | 
	
		
			
				|  |  |    width: 50%;
 |