*{margin: 0;padding: 0}
html{color:#666; font-family: \5FAE\8F6F\96C5\9ED1; height:100%; font-size:14px; }
input{font-family: \5FAE\8F6F\96C5\9ED1}
input[type="submit"]{border:none}
li{ list-style:none}
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size:18px; }
a{ text-decoration:none; cursor:pointer}
i,s,b,em,tt,a{ display:inline-block;* display:inline;zoom:1;text-decoration: none}
body{width:100%;height:100%;position: relative;background:url(../images/loginbgimg.png) no-repeat;background-size: 100% calc(100% - 106px);background-position: center bottom;color: #666;background-color: #F6F7FD;}
	header {height: 80px;background: #4c57c0;color: #fff;line-height: 80px;font-size: 24px;box-sizing: border-box;padding: 0 33px}
	header i{height: 45px;margin-right: 12px}
	header i img{height: 100%}
.login{position:absolute; left:50%; top:50%; margin-top: -252px;margin-left: -238px;  box-sizing: border-box ;width: 476px;height: 505px;background: #fff;cursor: pointer;border-radius: 15px;overflow: hidden;box-shadow: 0 10px 27px 0px #cddafd;}
.c_logo{margin-bottom: 113px;color: #333331;font-size: 30px;white-space: nowrap;padding-top: 70px;position: relative;margin: 0 40px 24px}
ul{  padding:0;position: relative;box-sizing: border-box;margin: 0px 40px 0 ;}
ul li{ position:relative;overflow: hidden;cursor: auto;height: 85px;box-sizing: border-box;padding-top: 13px;}
	ul li i{display: block;color: #6579ff;font-style: normal;position: relative;z-index: 0;top:50px;transition: all .3s;}
	ul li i.show{top:0;}
ul li input{ width: 100%;height: 50px;  line-height: 50px; font-size:16px;padding: 0; box-sizing: border-box;margin: 0 auto 0;color: #161616;border: none;border-bottom: 2px solid #cccccc;margin-bottom: 17px;background: #fff;position: relative;z-index: 1}
ul li input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {/* WebKit browsers */color: #696969;}     
ul li input:-moz-placeholder, textarea:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color: #696969;}
ul li input::-moz-placeholder, textarea::-moz-placeholder {/* Mozilla Firefox 19+ */color: #696969;}
ul li input:-ms-input-placeholder, textarea:-ms-input-placeholder {/* Internet Explorer 10+ */color: #696969;} 
ul li input:focus::-webkit-input-placeholder {color: transparent;}
ul li input:focus{border: none;border-bottom:2px solid #4961ff}
ul li:nth-child(1) input{margin-bottom: 0px}
ul em{font-size: 16px;font-style: normal;display: block;height: 48px;line-height: 80px}
ul .inp4{ width:200px}
.div1{font-size: 18px;font-family: 微软雅黑 light;color: #999;margin-top: 10px}
.fr{ float:right}
.but-l:hover{ -webkit-opacity: 0.8;-moz-opacity: 0.8;opacity: .8;filter:alpha(opacity=80);color: #fff;}
.but-l{width:100%;height:60px;line-height: 60px;text-align:center;color: #fff;font-size:24px;border: none;cursor: pointer;margin: 65px auto 0;display: block;background: #6872cd;border-radius: 4px;}
.lg-in{min-width: 1562px}
.cbl{color: #a9a9a9;float: right}
.layui-form-checkbox[lay-skin=primary] i{border-color: #ccc}
.layui-form-checked[lay-skin=primary] i{background-color: #4c57c0;border-color: #4c57c0;}
.layui-form-checkbox[lay-skin=primary]:hover i{border-color: #4961ff}
.layui-form-checkbox[lay-skin=primary] span{color:#666}
.ask{color: #308ff0;text-align: right;margin-top: 10px;font-size: 18px;display: block}
.banquan{position: absolute;width: 100%;right: 0;bottom: 10px;text-align: center;color: #9a9a9a}

@media only screen and (max-width: 1790px){}
@media only screen and (max-width: 1528px){ 
}
@media only screen and (max-height:799px){
    .login{transform:scale(0.9);transform-origin:center}
}
@media only screen and (max-height:724px){
    .login{transform:scale(0.8);transform-origin:center}
}