@media screen and (min-width:300px) and (max-width: 720px) {
 /*html,body{ height: 100%; min-width: 100px; background-image: url('../images/m-login-bg.jpg');}*/

 .lg-container{
/* 	display: flex; */
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100vw;
    margin: 0;
}
.lg-body {
	position: relative;
    z-index: 2;
/*     width: 1500px; */
    margin: auto;
/*     display: flex; */
    flex-direction: row-reverse;
    justify-content: center;
}
.my-custom-skin .layui-layer-setwin .layui-layer-close {
  color: #fff !important;
  font-size: 18px !important;
}

.my-custom-skin .layui-layer-setwin .layui-layer-close:hover {
  color: #ff5722 !important; 
}
.pclogin{
	width: 500px;
	margin-left: -56px;
	margin-top: -13px;
/* 	text-align: center; */
}
.pclogin img {
/*     width: 350px; */
    height: 102px;
    margin-left: 36px;
    padding-top: 15px;
/*     margin-bottom: 15px; */
}
button.red.loginout{ float:right; margin-top:20px; background: #b92933; }
.login-container {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 30px;
    width: 400px;
}
.login-title {
    text-align: center;
    margin-bottom: 30px;
    color: #333;
}
.login-tabs {
    display: flex;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.tab {
    padding: 10px 20px;
    cursor: pointer;
    font-size: 16px;
    color: #666;
    flex: 1;
    text-align: center;
}
.tab.active {
    color: #1890ff;
    border-bottom: 2px solid #1890ff;
}
.login-form {
    display: none;
}
.login-form.active {
    display: block;
}
  .loginlogo,.blue{ position: relative; }
  .blue{ display: block; width: 90%; margin: auto; margin-top: -2rem }
  .loginlogo{  font-size: 35px;line-height:60px; color: #D4AE49;/***ede5e5;***/ text-align: center; font-family: "SimSun";} 
  .loginText{ position: absolute; left: 66px; top: 470px; transition: all .5s; font-size: 36px;color:white;font-style:normal;font-weight:bold}
  .hxrSys{ opacity: 0; filter: alpha(opacity=0); position: absolute; left: 62px; top: 450px; transition: all .8s; -webkit-transition: all .5s; }
  .fxsSys{ opacity: 1; filter: alpha(opacity=1); position: absolute; left: 68px; top:520px; transition: all .8s; -webkit-transition: all .5s; }
  .loginsucc{ font-size: 24px; font-weight: bold; color: #fff; }
  .loginsucc em{ color: #5277ff; }
  .lgRight{ position: relative; z-index: 99; float: none; margin: auto; width: 96%; height: 660px; }
  .lg-form{ width: 96%; background: #fff; border-radius: 10px; margin: 8px; margin-top: 5px;}/***float: right; ***/
  .lg-form h1{ padding-top: 35px; font-size: 24px; color: #0b134c; text-align: center; }

  .lg-form ul{ width: 90%; margin: auto; padding: 0; padding-top: 20px; }
  .lg-form li{ margin-bottom: 18px; }
  .lg-form .inItem{ height: 1.2rem; border:1px solid #8589a5; border-radius: 5px; }
  .lg-form .inItem input{ display:block; min-width: 7.2rem; height: 1.2rem; line-height: 1.2rem; font-size: 15px; margin-left: 10px; }
  .lg-form .inItem label{ display: none; float: left; width: 1rem; margin-top: .2rem; padding: 0 .5rem; }
  .lg-form span.inItem{ display: inline-block; width: 210px; }
  .lg-form span.inItem input{ width: 150px; }
  .lg-form span.inItem.inputcode input{ min-width: 100px; width: 3.4rem; }
  .viewCode{ float: right; line-height: 60px; }
  .viewCode a{ color: #111c72; font-size: 15px; }
  .subButton{ display: block; width: 90%; height: 50px; margin: 20px auto; line-height: 50px; border:none; border-radius: 5px; font-size: 20px; background: #005f9f; color: #fff; text-align: center; cursor:pointer; }
  .viewCode img{ width: 2.2rem; }

  .logos{ width:60px;height:60px;z-index: 10;}/***position: absolute;****/
  .logos img{height:70px;margin-left: -42px;}/***width:60px;****/
  .logo1{ margin-left:1%;margin-top:20px ;width: auto;text-align: center;margin-bottom: 30%;}
  .logo2{ margin-left:84%;margin-top:19% }
  .tsize{font-size: 36px;font-weight:bold;}




  }