*{padding: 0;margin: 0;font-family: '微软雅黑'} 
        html{  
            height: 100%;  
        }  
        body{  
            padding: 0;  
            margin: 0;  
            background: url(../images/login_bg.jpg) no-repeat;
            background-size:100% 100%;
            width: 100vw;
            height: 100vh;  
        }  
         .warp{width: 100vw;} 
        .login{width: 290px;height: 300px; padding:0 20px;border:1px solid rgba(191,226,255, .6);background:rgba(255,255,255, .1);border-radius: 15px;position: absolute;right: 15vw;top:320px;}
        .login_title{width: 100%;height: 50px;border-bottom:1px solid rgba(191,226,255, .6);margin-bottom: 40px;}
        .login_title h3{text-align: center;color: #fff;line-height: 50px;font-size: 18px;letter-spacing: 2px;}
        .p-input{width: 100%;height: 35px;display: inline-block;margin-bottom: 30px;}
        .p-input .name{height: 35px;width: 35px;display: inline-block;float: left;border-top:1px solid rgba(191,226,255, .6);border-bottom: 1px solid rgba(191,226,255, .6);border-left:1px solid rgba(191,226,255, .6);border-radius: 5px 0 0 5px;}
        .p-input .name img{height: 20px;width: 20px;padding: 7px;}
        .p-input .pos{height: 35px;width: 35px;display: inline-block;float: left;border-top:1px solid rgba(191,226,255, .6);border-bottom: 1px solid rgba(191,226,255, .6);border-left:1px solid rgba(191,226,255, .6);border-radius: 5px 0 0 5px;}
        .p-input .pos img{height: 20px;width: 20px;padding: 7px;}
        .p-input input{height: 35px;float: left;width: 242px;border:1px solid rgba(191,226,255, .6);background: none;padding-left: 10px;font-size: 14px;border-radius: 0 5px 5px 0;color: black}
        .lang-btn{width: 100%;height: 35px;margin:5px 0;background: #0090b9;color: #fff;font-size: 16px;border:none;cursor: pointer;border-radius: 5px;}
        .lang-btn:hover{background: #036eb8;} 
        input::-webkit-input-placeholder { /* WebKit browsers */  
            color:rgba(191,226,255, .6);  
        }  
        input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
            color:rgba(191,226,255, .6);  
        }  
        input::-moz-placeholder { /* Mozilla Firefox 19+ */  
            color:rgba(191,226,255, .6);opacity:1;  
        }  
        input:-ms-input-placeholder { /* Internet Explorer 10+ */  
            color:rgba(191,226,255, .6) !important;  
        }   
        @media (max-width: 1300px) {
         .login_top{width:100%;height:200px;}
         .login_top img{width: 100%; height: 200px;display:inline-block;}
         .login{position: absolute;right: 15vw;top:220px;}
        }