body {
    line-height: 24px;
    font: 14px Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif;
}
.layui-block {
    width: 100% !important;
}
blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.layui-form-item {
    margin-bottom: 15px;
    clear: both;
}
blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.layui-input, .layui-textarea {
    display: block;
    width: 100%;
    padding-left: 10px;
}
.layui-input, .layui-select, .layui-textarea {
    height: 38px;
    line-height: 1.3;
    line-height: 38px\9;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    border-radius: 2px;
}
.layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
    border-color: #e6e6e6;
}
.layui-btn, .layui-input, .layui-select, .layui-textarea, .layui-upload-button {
    outline: 0;
    -webkit-appearance: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    box-sizing: border-box;
}
button, input, optgroup, option, select, textarea {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0;
}
blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.layui-btn {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    background-color: #3388FF;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 16px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}
.layui-btn, .layui-input, .layui-select, .layui-textarea, .layui-upload-button {
    outline: 0;
    -webkit-appearance: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    box-sizing: border-box;
}
.layui-btn, .layui-disabled, .layui-icon, .layui-unselect {
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
}
.layui-btn, .layui-edge, .layui-inline, img {
    vertical-align: middle;
}
button, input, optgroup, option, select, textarea {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0;
}
blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.loginHtml,.loginBody{ height:100%;}
.loginBody{ 
	background-image:url(lgbackground.png);
	background-repeat: no-repeat ;
	background-size: cover;		
	background-color:#99C3FF;
}
.loginBody form.layui-form{ 
    padding: 50px;
    width: 420px;
    height: 420px;
    /*height: 380px;*/
    position: absolute;
    right: 75px;
    /*top: 55%;*/
    top: 54%;
    margin: 0;
    transform: translate(-50%,-50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: #c5ddf9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 50px #99C3FF;
}
.login_face{ margin:-5px auto 0px; width:100px; height:100px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:0px solid #fff; overflow:hidden;/** box-shadow:0 0 30px #009688;**/}
.login_face img{ width:90%;margin: 5px;}
.loginBody .layui-form-item{ position:relative;top: -65px;}
.loginBody .layui-form-item label{ position:absolute; color:#757575; left:10px; top:9px; line-height:20px; background:initial; padding:0 5px; font-size: 16px; cursor:text;}
.loginBody .layui-form-item.layui-input-focus label{ top:-10px; font-size:12px; color:#ff6700;}
.loginBody .layui-form-item.layui-input-active label{ top:-10px; font-size:12px;}
.loginBody .layui-input::-webkit-input-placeholder{color:#fff;}
.loginBody .layui-input::-moz-placeholder{color:#fff;}
.loginBody .layui-input:-ms-input-placeholder{color:#fff;}
.loginBody .layui-input::placeholder{color:#fff;}
.loginBody .layui-form-item.layui-input-focus input{ border-color:#ff6700 !important;}
.loginBody .layui-input-focus .layui-input::-webkit-input-placeholder{color:#757575;}
.loginBody .layui-input-focus .layui-input::-moz-placeholder{color:#757575;}
.loginBody .layui-input-focus .layui-input:-ms-input-placeholder{color:#757575;}
.loginBody .layui-input-focus .layui-input::placeholder{color:#757575;}
.loginBody .seraph{ font-size:30px; text-align:center;}
.loginBody .seraph.icon-qq:hover{ color:#0288d1;}
.loginBody .seraph.icon-wechat:hover{ color:#00d20d;}
.loginBody .seraph.icon-sina:hover{ color:#d32f2f;}
.loginBody .row{
	padding: 20px 20px;
    width: 700px;
    position: absolute;
    left: 350px;
    top: 38%;
    margin: -150px 0 0 -150px;
}
.loginBody .row .col{
	width:25%;
	float:left;
}
.loginBody .row .col div{
	text-align: center;
    padding-bottom: 10px;
}
.loginBody .row .col img{
	width: 120px;
	height: 100px;
	border-radius:5px;
}

/* 2024-06-27 添加二维码登录 */
.loginBody #loginform2{
    /*height: 420px;*/
    padding: 20px 50px;
    display: none;
}

.icon-img{
    position: absolute;
    right: 0;
    top: 0;
    display: block;
}
.icon-img img{
    width: 50px;
    object-fit: contain;
}
.qrcode-tooltip{
    position: absolute;
    right: 50px;
    top: 20px;
    height: 12px;
    width: auto;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, .4);
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: 0;
    padding: 5px 10px;
    text-align: left;
    color: #FFF;
    transform: translateY(-25%) translateX(-5px);
}
.qrcode-tooltip::after{
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    border-style: solid;
    margin-left: 0;
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    border-width: 4px;
    border-color: transparent transparent transparent rgba(0, 0, 0, .4);
}