#masking_div{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;background-color:black;opacity:0.5;display:none}
#login_div{position:fixed;z-index:1000;left:50%;top:45%;transform:translate(-50%,-50%);width:360px;height:420px;background-color:#fff;display:none;}
#login_title_div{width:100%;height:36px;background-color:#e3e3e3;font-size:18px;text-align:center;line-height:200%;}
#login_iframe_div{position:absolute;display:flex;justify-content: center;align-items: center;  width:100%;height:100%;box-sizing:border-box;}
#login_iframe{width:100%;height:100%;border:0}

#loginStatu1, #loginStatu2{
    position:absolute;
	display:none;
	height:60px;
	line-height:60px;
	left:0;
	font-size:14px;
	box-sizing: border-box;
	padding-left:15px;
	color:#666666;
	font-weight:normal
}

#LoginOutImg{
    margin-left:6px;
    width:16px;
	height:16px;
	vertical-align: middle;
	opacity:0.6;
	cursor:pointer;
    filter: grayscale(100%);
    -webkit-user-select: none; /* Chrome, Safari, Android */  
    -moz-user-select: none; /* Firefox */  
    -ms-user-select: none; /* IE10+/Edge */  
    user-select: none; /* 标准语法 */  
}

#LoginOutImg:hover{
    filter: none;
	opacity:1;
}

.close{
	position: fixed; 
	right: 10px;   
	top: 10px; 
	cursor:pointer;
	color:gray;
	height:20px;
	width:20px;
	filter: grayscale(100%);
    user-select: none;
    transition: all 0.3s;
}

.close:hover{
	filter: grayscale(0%);
    transition: all 0.3s;
}

@media (max-width: 400px) {  
  #login_div {  
      transform: scale(0.8) translate(-225px, -240px);  
    /*  transform: scale(0.8) translate(-50%, -50%);  */
  }  
}  
@media (max-width: 300px) {  
  #login_div {  
      transform: scale(0.6) translate(-300px, -300px);  
  }  
}