body{ margin:0px 0px; padding:0px 0px; font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; font-size:14px; color:#1d1d1d;  width:100%; height:100%; background-repeat: no-repeat; background-position: top center; background-size:cover;}
a{ color:#1d1d1d; text-decoration:none; outline-style:none; outline-color:invert; outline-width:medium;-webkit-tap-highlight-color:transparent;}
a:link{ text-decoration:none;}
a:hover{ color:#fb8355;}
a img{ border:0 none;}
a { outline: none;}
a:focus { outline: none;} 
h1,h2,h3,h4,ul,li,div,p,span,b,i,input,select{ margin:0px; padding:0px;}
ul,li,dl,dd,dt{ padding:0px; margin:0px; list-style:none;}
input,textarea{font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif;outline:none;resize:none;}
em,i{ font-style:normal;}
.clear{ clear:both; height:0; overflow:hidden; display:block;}

#saasLogin,#kcLogin,#mbLogin{background-image: url("/images/loginBg.jpg");}

#loginMain{width: 1200px; margin: 0 auto; height: 100vh; min-height: 640px; position: relative;}
#loginMain .loginLogo{ position: absolute; left: 0; top: 30px;  background-repeat: no-repeat; width: 200px; height: 80px; z-index: 9; background-size: contain;}

#saasLogin .loginLogo,#mbLogin .loginLogo{background-image: url("https://oss.xinghuo86.cn/system/0/1437800331214868.png");}
#kcLogin .loginLogo{background-image: url("/images/kcLogo.png");}


#loginMain .loginBox{ background-color: #fff; border-radius: 4px; width: 480px; min-height: 500px; position: absolute; right: 0; top: 50%; margin-top: -300px; text-align: left; z-index: 9; padding-bottom: 30px;}
#loginMain .loginBox_top{ padding:35px 75px 0 75px; height:60px; color: #1d1d1d; font-size: 30px;}
#loginMain .loginForm{ padding: 0 75px;}
#loginMain .loginForm .formItem{ padding-bottom:10px;}
#loginMain .formItem .formItem_name{ font-size: 15px; height: 35px;}
#loginMain .formItem .formItem_block{ height:42px;}
#loginMain .formItem .layui-input{ height: 40px; line-height: 40px; color: #1d1d1d; padding-left: 10px; box-sizing: border-box; width: 100%; }
#loginMain .formItem .layui-input:focus{border-color:#f4a71a !important; box-shadow: 0 0 0 3px rgba(228, 109, 40, 0.08);}
#setPartAccount{ display: none;}
#loginMain .captchaItem{ position: relative;}
#loginMain .captchaItem .layui-input{ width: 230px;}
#loginMain .captchaItem #captchaPic{ cursor: pointer; position: absolute; right: 0; top: 0; width: 88px; height: 40px; display:  block;}
#loginMain .checkItem{ height: 35px; padding-top: 5px;}
#loginMain .checkItem .layui-form-checked[lay-skin=primary]>i{border-color: #f4a71a!important; background-color: #f4a71a;}
#loginMain .submitItem{ padding-top: 5px;}
#loginMain .submitItem > .layui-btn{ height:40px; background: linear-gradient(90deg,#f4a71a,#ecb44d); line-height: 40px; text-align: center; font-size: 16px; width: 100%; border: 0; border-radius: 4px;}

#loginMain .loginFooter{ position: absolute; bottom:20px; left: 0; right: 0; text-align: center; line-height: 30px; color: #fff; z-index: 1;}
#loginMain .loginFooter a{ color: #fff;}
#loginMain .loginFooter a:hover{ opacity: .8;}