*{ padding:0; margin:0; list-style:none;}
html,body{ height:100%;}
body{ background:#fff url(/static/images/cbg.jpg) no-repeat center center/100% 100%;}
#remember{color:#000; margin: 0 0 20px;}
#remember input{ vertical-align:middle;}
.keyys2{ overflow: hidden; height: 100%;}
.keyys2>span{ font-size: 12px;}
@media screen and (min-width: 1024px) {
    .allwrap{ height:100%; overflow:hidden; width:100%; position:relative;}
    .login{ position:absolute; top:50%; box-sizing:border-box; left:47%; right:12%; width:48%; margin:-280px 0 0 0; padding:70px 10%;}
    .loginbt{ font-size:20px; color:#000; vertical-align:bottom; margin:0 0 30px;}
    .loginbt strong{ font-size:40px;}
    .user,.password{ border-radius:8px; padding:0 0 0 84px; box-sizing:border-box; margin:0 0 30px; overflow:hidden; box-shadow:rgba(195, 156, 114, 0.35) 0 0 20px;}
    .user{ background:#008ae2 url(/static/images/icon1.png) no-repeat left center/84px 65px;}
    .password{ background:#008ae2 url(/static/images/icon2.png) no-repeat left center/84px 65px;}
    .user input,.password input{ line-height:3.25; font-size:20px; border:0; background:#fff; width:100%; box-sizing:border-box; padding:0 0 0 10px; outline:none; height: 65px;}
    .tijiao{ width:60%; margin:0 auto; background:#fd7a18; border-radius:30px; overflow:hidden; box-shadow:rgba(195, 156, 114, 0.35) 0 0 20px;}
    .tijiao input{ width:100%; height:65px; line-height:65px; border:0; background:none; font-size:22px; color:#fff; cursor:pointer;}
	
	.key{width: 100%; line-height: 65px; height: 65px; border-radius: 8px; margin-bottom:15px; overflow: hidden; background: #fff;}
	.keyys1{width:84px; padding: 0; color: #fff; text-align: center; background: #008ae2; float: left;}
	.keyys2 a{ color: #008ae2; text-decoration: underline; display: block;padding: 0 0 0 10px;}
	.keyys2 input{ width: 100%; padding: 0 0 0 10px; box-sizing: border-box;height: 65px;}
	
}
@media screen and (max-width: 1024px) {
    body{ background:#3170c2 url(/static/images/cbg.jpg) no-repeat right top/auto 100%;}
	.login{ left:5%; right:5%; width:90%; margin:-14rem 0 0 0; padding:1rem 5%; position:absolute; top:50%; box-sizing:border-box; background:rgba(255, 255, 255, 0.5);}
    .loginbt{ font-size:1rem; color:#333; vertical-align:bottom; margin:0 0 1.5rem;}
    .loginbt strong{ font-size:2rem;}
    .user,.password{ border-radius:0.4rem; padding:0 0 0 4.2rem; box-sizing:border-box; margin:0 0 1.5rem; overflow:hidden; box-shadow:rgba(195, 156, 114, 0.35) 0 0 1rem;}
    .user{ background:#008ae2 url(/static/images/icon1.png) no-repeat left center/4.2rem 3.25rem;}
    .password{ background:#008ae2 url(/static/images/icon2.png) no-repeat left center/4.2rem 3.25rem;}
    .user input,.password input{ line-height:3.25; font-size:1rem; border:0; background:#fff; width:100%; box-sizing:border-box; padding:0 0 0 0.5rem; outline:none; height: 3.25rem;}
    .tijiao{ width:60%; margin:0 auto; background:#fd7a18; border-radius:1.5rem; overflow:hidden; box-shadow:rgba(195, 156, 114, 0.35) 0 0 1rem;}
    .tijiao input{ width:100%; height:3.25rem; line-height:3.25rem; border:0; background:none; font-size:1.1rem; color:#fff; cursor:pointer;}
	
	.key{width: 100%; line-height: 3.25rem;height: 3.25rem; border-radius: 0.4rem; margin-bottom:0.75rem; overflow: hidden; background: #fff;}
	.keyys1{width:4.2rem; padding: 0; color: #fff; text-align: center; background: #008ae2; float: left;}
	.keyys2 a{ color: #008ae2; text-decoration: underline; display: block; padding: 0 0 0 0.5rem;}
	.keyys2 input{ width: 100%; padding: 0 0 0 0.5rem; box-sizing: border-box; height: 3.25rem;}
}
html { font-size: calc(100vw / 64); }
@media all and (max-width: 960px) {
html { font-size: 20px; }
}
@media all and (min-width: 960px) {
html { font-size: 16px; }
}