*{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/bg7.jpg) center bottom no-repeat; width:100%; height:100%;background-size: 100% 100% ;position: relative;}

.title{text-align: center; font-size:24px; color:#252525;margin: 20px 0 44px}
.title img{width:auto;height: 53px;vertical-align: middle;margin: 4px 10px 4px 0}

.login{ background:#fff; width:1495px;height:754px; position:absolute; left:50%;top:50%;margin-left: -747.5px;margin-top: -377px; border-radius:15px;box-sizing: border-box;z-index: 2; ;overflow: hidden;transform-origin: 50% 50%;transform: scale(0.8);}
.login .img{width: 700px;}
.login .loginin{position: absolute;z-index: 3;width: 715px;right: 0;height: 100%;top:0;box-sizing: border-box;padding: 150px 171px 0}
.have-log{ position:absolute; top:-50px; right:10px; color:#fff}

ul{  padding:0;position: relative}
ul li{ position:relative;*display:inline}
ul li input{  line-height:50px; height:50px;border: none; border-bottom: 1px solid #e6e6e6; margin-bottom:27px; text-indent:50px; font-size:16px;color:#5e5e5e;padding: 0;width: 100%;}
ul li input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {/* WebKit browsers */color: #8d8d8f;}     
ul li input:-moz-placeholder, textarea:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color: #8d8d8f;}
ul li input::-moz-placeholder, textarea::-moz-placeholder {/* Mozilla Firefox 19+ */color: #8d8d8f;}
ul li input:-ms-input-placeholder, textarea:-ms-input-placeholder {/* Internet Explorer 10+ */color: #8d8d8f;} 
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: 18px}
ul em{font-size: 23px;font-style: normal;color: #333333;margin-bottom: 10px}
ul .inp4{ width:200px}
s{ height:50px;line-height: 50px; width:auto; position:absolute;top:0px ; left:0}
s .ll{ width:100%; height:100%;line-height: 50px;text-align: left}
.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: #1865ff;border-color: #1865ff}
.layui-form-checkbox[lay-skin=primary]:hover i{border-color: #1865ff}
.layui-form-checkbox[lay-skin=primary] span{font-size: 16px;color: #5f5f5f}
.banquan{position: absolute; color:#fff;bottom: 28px;width: 100%;text-align: center;left: 0;display: none}
.c_logo{text-align: left;margin-bottom: 67px;color: #1867ff;font-size: 41px;font-weight: 600;height: 41px;line-height: 41px}
.c_logo img{}

.but-l:hover{ background:#407ffd}
.but-l{height:62px; text-align:center;  background:#1865ff;border-radius:31px;color: #fff!important;font-size:23px;display: block;line-height: 62px;margin-top: 105px;width: 100%;border: none;cursor: pointer}


.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){
    .login{transform:scale(0.6);}
    .cir{transform:scale(0.6);}
}

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

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