@media screen and (min-width:768px){
.loginbg{width:100%;height:100vh;background: url(../image/loginbg.png);background-size: 100% 100%;}
.login_box{width:1300px;margin:0 auto;}
img.sj{display: none;}
.logo{padding-top:50px;width:1300px;margin:0 auto;}
.lo_gin{width: 450px;height: 530px;background: url(../image/loginbj.png);background-size: 100% 100%;float:right;margin-top:100px;}
.lo_gin_bg{margin:20px;}
.lo_gin_bg h1{margin-top:50px;font-size: 22px;color:#00140C;text-align: center;margin-bottom:40px;}
.logoul{display: flex;    justify-content: center;margin:20px 0;}
.logoul li{color:#00140C;margin:0 20px;font-size: 16px;padding-bottom:10px;}
.logoul li.curli{color:#0059D5;border-bottom:3px solid #0059D5;}

.login_main{display: flex;justify-content: center; flex-direction: column;align-items: center;}
.ptlogin-inp {width: 330px; height: 46px; margin: 14px 0;font-size: 14px; background-color: #F5F5F5;border-radius: 8px;display: inline-block; } 
.ptlogin-inp label {text-align: center; display: inline-block;color: #8A908E; }
.ptlogin-inp img { vertical-align: middle;margin: -2px 3px 0 20px;}
.ptlogin-inp input { line-height: 44px; height: 44px; padding-left: 5px;color: #024665;background-color: transparent;border: none;outline: none; width: 260px;font-size: 16px;}
.loginp{display: flex; width: 330px;justify-content: space-between;margin:15px 0;}
.loginp a{color:#0059D5;font-size: 16px;}  
.loginp button{height: 50px;width:100%;margin-top:15px;background: #0059D5;border-radius: 6px;border:none;color:#fff;font-size: 16px;}
}

@media screen and (max-width:767px){
.loginbg{width:100%;height:100vh;background: url(../image/logobj2.png);background-size: 100% 100%;}
.login_box{/* width:80%; */margin:0 auto;}
.logo{padding-top:50px;width:100%;margin:0 auto;}
.logo img{width:80%;}
img.pc{display: none;}
.lo_gin{/* width: 450px; *//* height: 530px; */background: url(../image/loginbj.png);background-size: 100% 100%;/* float:right; *//* margin-top:100px; */}
.lo_gin_bg{/* margin: 20px 0; */margin-top: 40%;}
.lo_gin_bg h1{padding-top: 55px;font-size: 1rem;color:#00140C;text-align: center;margin-bottom: 25px;}
.logoul{display: flex;justify-content: center;margin: 12px 0;}
.logoul li{color:#00140C;margin:0 20px;font-size: 0.8rem;padding-bottom:10px;}
.logoul li.curli{color:#0059D5;border-bottom:3px solid #0059D5;}

.login_main{display: flex;justify-content: center; flex-direction: column;align-items: center;}
.ptlogin-inp {width: 330px;height: 42px;margin: 14px 0;font-size: 0.8rem;background-color: #F5F5F5;border-radius: 8px;display: inline-block;} 
.ptlogin-inp label {text-align: center; display: inline-block;color: #8A908E; }
.ptlogin-inp img { vertical-align: middle;margin: -2px 3px 0 20px;}
.ptlogin-inp input {line-height: 42px;height: 42px;padding-left: 5px;color: #024665;background-color: transparent;border: none;outline: none;width: 80%;font-size: 0.8rem;}
.loginp{display: flex;width: 330px;justify-content: space-between;margin: 5px 0;}
.loginp a{color:#0059D5;font-size: 0.8rem;}  
.loginp button{height: 40px;width:100%;margin-top:15px;background: #0059D5;border-radius: 6px;border:none;color:#fff;font-size: 0.8rem;margin-bottom: 60px;}
}