*{margin: 0;padding: 0}
html{color:#333; font-family: \5FAE\8F6F\96C5\9ED1; height:100%; font-size:14px }
body{ margin:0}
input{font-family: \5FAE\8F6F\96C5\9ED1}
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}
.fn-clear:after {  content:"\200B"; display:block; height:0; clear:both; } 
.fn-clear {*zoom:1;}
body{ background: url(../images/bg2.jpg) center bottom no-repeat; width:100%; height:100%;background-size: 100% 100% ;position: relative;}



.login{ background:#fff; width:1400px;height:800px; position:absolute; left:50%;top:50%;margin-left: -700px;margin-top: -400px; border-radius:30px;box-sizing: border-box;z-index: 2; ;overflow: hidden;transform-origin: 50% 50%;transform: scale(0.8);background: url(../images/bglit.png) no-repeat #fff;background-position: 0 0;overflow: visible}
.login .loginin{position: absolute;z-index: 3;width: 473px;right: 0;height: 100%;top:0;box-sizing: border-box;padding: 220px 40px 0;}
.have-log{ position:absolute; top:-50px; right:10px; color:#fff}

ul{  padding:0;position: relative;width: 303px}
.user_tit{position: relative;height: 52px;line-height: 48px;font-size: 24px;color: #54cacf;text-indent: 5px;margin-bottom: 16px}
.user_tit i{position: absolute;bottom: 0px;height: 4px;display: block;border-radius: 2px;width: 110px;background: #24c1c7}
ul li{ position:relative;*display:inline}
ul li input{  line-height:60px; height:60px;border: none; border-bottom: 1px solid #d6d6d6; margin-bottom:10px; text-indent:38px; font-size:18px;color:#5e5e5e;padding: 0;width: 100%;}
ul li input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {/* WebKit browsers */color: #a2a2a2;}     
ul li input:-moz-placeholder, textarea:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color: #a2a2a2;}
ul li input::-moz-placeholder, textarea::-moz-placeholder {/* Mozilla Firefox 19+ */color: #a2a2a2;}
ul li input:-ms-input-placeholder, textarea:-ms-input-placeholder {/* Internet Explorer 10+ */color: #a2a2a2;} 
ul li input:focus::-webkit-input-placeholder {color: transparent;}
ul li input:focus{border-color:#455fe7 }
ul li input:-webkit-autofill:focus {
box-shadow:0 0 0 60px #fff inset;
-webkit-text-fill-color: #898888;
}
ul li:nth-child(2) input{margin-bottom: 10px}
ul em{font-size: 23px;font-style: normal;color: #333333;margin-bottom: 10px}
ul .inp4{ width:200px}
s{ height:52px;line-height: 52px; width:38px; position:absolute;top:0px ; left:0}
s .ll{ width:100%; height:52px;line-height: 52px; color: #9f9fa1;font-size: 36px;text-align: left;padding-left: 5px;box-sizing: border-box}
.fr{ float:right}
.div1 a{ color:#455fe7}
.div1 a.cbl{ color:#455fe7;float: right}
.do1{ }
.lg-in{min-width: 1562px}
.layui-form-checkbox[lay-skin=primary] i{border-color: #737373}
.layui-form-checked[lay-skin=primary] i{background-color: #455fe7;border-color: #455fe7}
.layui-form-checkbox[lay-skin=primary]:hover i{border-color: #485dd0}
.layui-form-checkbox[lay-skin=primary] span{color:#4c71fe;font-size: 16px;color: #c4c4c4}
.banquan{position: absolute; color:#fff;bottom: 28px;width: 100%;text-align: center;left: 0;color: #c5c7c6}
.c_logo{text-align: center;margin-bottom: 34px;color: #1b9db4;font-weight: 600; font-size: 35px;height: 36px;line-height: 36px}
.c_logo img{}

.but-l:hover{ background:#7893fe}
.but-l{height:52px; text-align:center;  background:#24c1c7;border-radius: 8px;color: #fff!important;font-size:26px;display: block;line-height: 52px;margin-top: 18px;width: 320px;border: none;cursor: pointer;margin-left: -12px;box-shadow:4px 8px 12px 2px #c9daee;font-size: 22px }

.logo{}
.img{position: absolute;left: 0;top:-61px}
.pic{margin-top: 73px;margin-left: 40px}

.login>p{position: absolute;bottom: -29px;font-size: 14px;color: #fff}

@media only screen and (max-width: 1790px){
    .login{transform:scale(0.8);}
    .cir{transform:scale(0.8);}
}
@media only screen and (max-width: 1528px){
    .login{transform:scale(0.7);}
    .cir{transform:scale(0.7);}
}
@media only screen and (max-width: 1280px){
    html{min-width: 1280px;overflow: auto;min-height: 723px}
}

@media only screen and (max-height:799px){
    .login{transform:scale(0.8);}
    .cir{top:50%;transform:scale(0.8);}
}

@media only screen and (max-height:724px){
    .login{top:50%;transform:scale(0.6);}
}