@charset "utf-8";
/* CSS Document */
html,body,ul,li,dl,dt,dd,div,input,table,select,p,h1,h2,h3,h4,h5,h6,table,tr,th,td,button,p,a,img{padding:0px;margin:0px;}
a{text-decoration: none; -webkit-appearance:none;-webkit-tap-highlight-color: transparent;outline: 0px;}
a:focus{outline:none;text-decoration: none;}
a:hover,a:visited{text-decoration: none;}
ul li{list-style: none;}
button,input{outline: 0px; -webkit-appearance:none;-webkit-tap-highlight-color: transparent;}
.loginbtn{outline: 0px; -webkit-appearance:none;-webkit-tap-highlight-color: transparent;}
img{max-width: 100%;vertical-align: top;}
h1,h2,h3,h4,h5,h6,em,b,strong,i,samp{ font-weight:normal; font-style:normal;}
html,body{height:100%;}
.clear{ clear:both;}
body{
	color: #333333;
	font-size: 13px;
	font-family: "Source Han Sans CN", "思源黑体", "Microsoft YaHei", "微软雅黑";
	background:#28a7f7;
}
.top-img{ width:100%; height:271px; background:url(/content/images/top.png) no-repeat top right;}
.bottom-img{ width:100%; height:150px; background:url(/content/images/bottom.png) no-repeat right; position:fixed; bottom:0;}
.login h1{ color:#fff;position: absolute;top: 120px;font-size: 3em;font-weight: 600; left:50%; transform:translateX(-50%);letter-spacing: 5px;white-space: nowrap;}
.login-frame{ width:900px; background:#fff; border-radius:10px; box-shadow:0 0 5px #8bcffb; margin:0 auto; position:relative; top:-40px; padding:50px;}
.login-frame .login-left{ float:left; width: 45%; margin-right:10%;}
.login-frame .login-right{ float:left; width: 40%;}
.login-frame .login-right p{ font-size:26px; color:#666; text-align:center; margin-bottom:40px;}
.login-frame .login-right{ text-align:center;}
.login-frame .login-right input{ border:none; border-bottom:1px solid #ddd; padding:20px 10px 20px 30px; width:100%;}
.login-frame .login-right li + li{ margin-top:20px;}
.login-frame .login-right ul{ width:100%; overflow:hidden;}
.login-frame .login-right li{ position:relative;}
.login-frame .login-right li .admin,.login-frame .login-right li .pwd,.login-frame .login-right li .code{ position:absolute; top:16px;}
.login-frame .login-right li .num-img{ position:absolute; right:0; top:12px;}
.login-right .loginbutton{ background:#28a7f7; color:#fff; border:none; width:100%; height:55px; border-radius:50px; margin:40px 0 20px 0; cursor:pointer; font-size:16px;}
.login-right a{ color:#a7a7a7; font-size:14px; float:right;} 
.login-right a img{ margin-left:10px;}
.login-bottom{ text-align:center; color:#bde5ff; position:relative; bottom:-60px; left:50%; transform:translateX(-50%); line-height:25px;}








@media screen and (max-width: 960px){
  .container img { width: 25rem;margin:12rem 0 5rem;}
  .container>p{font-size: 3rem;}
}
@media screen and (max-width: 768px){
  .container img { width: 20rem;margin:12rem 0 4rem;}
  .container>p{font-size: 2.5rem;}
}
@media screen and (max-width: 550px){
  .container>img { width: 17rem;margin:12rem 0 2rem;}
  .container>p{font-size: 2rem;}
}
@media screen and (max-width: 320px){
  .container>img { width: 15rem;margin:5rem 0 2rem;}
  .container>p{font-size: 2rem;}
}