@charset "utf-8";
/* CSS Document */
html,body,div,form,img,ul,ol,li,dl,dt,dd{margin:0px; padding:0px;}
body{margin:0 auto;padding:0;border:0; font-family:"microsoft yahei";}
select,input,textarea{vertical-align:middle; padding:0; margin:0;}
textarea{resize:none;}
img{border:0;}
ol,ul,li{list-style:none;}
a{text-decoration:none;}
a,img,input,textarea,select,button,area{outline:none;}
*{-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}
/*清除浮动*/
.clearfix:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1; _zoom:1;}
/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical; _zoom:expression(function(ele){ele.style.zoom = "1"; document.execCommand("BackgroundImageCache",false,true)}(this))}
.lfloat{float:left;}
.rfloat{float:right;}


body{position: absolute; width: 100%; height: 100%; background: url(https://ssia.chinalawson.com.cn/auth/resources/jj3oi/login/keycloak/img/keycloak-bg.png) no-repeat top center; background-size: cover;}
.login-pf-page{ padding-top: 20px;}
.login-pf-page-header{ text-align: center;margin-bottom: 40px;}
.card-pf{    margin: 0 auto;
     box-shadow:  0 0.1875rem 0.4375rem 0.1875rem rgba(3, 3, 3, 0.13), 0 0.6875rem 1.5rem 1rem rgba(3, 3, 3, 0.12);;
     /*padding: 0 20px;*/
     padding: 20px 40px 30px 40px;
     max-width: 500px;
     height: 452.54px;
     border-top: 4px solid;
     border-color: #0066CC;
     background: #fff;
}
.login-pf-header{ margin-bottom: 10px;display: flex;flex-direction: column;}

#kc-content {
     width: 100%;
}

#kc-content-wrapper {
     margin-top: 20px;
}

#kc-info {
     margin: 20px -40px -30px;
     width: 500px;
}
#kc-info-wrapper {
     font-size: 13px;
     padding: 15px 35px;
     background-color: #F0F0F0;
}
#code_login {
     display: flex;
     justify-content: center;
     flex-wrap: wrap
}

#qr_code {
     width: 223px;
     height: 223px;
     position: absolute;
     /* margin-left: 69px; */
}


.login-pf-page .login-pf-signup {
     font-size: 15px;
     color: #72767b;
     margin: 40px 0 0;
     font-size: 15px;
     text-align: center;
}

.form-horizontal .form-group {
     margin-right: -20px;
     margin-left: -20px;
}
.form-group {
     margin-bottom: 15px;
     flex-wrap: wrap;
     display: flex;
}

.login-pf-page .login-pf-settings {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}

.col-lg-12{
     width: 100%;
     float: left;
}

#kc-page-title{
     margin-top: 10px;
     font-size: 24px;
     text-align: center;
     font-weight: 300;
}

.pf-c-form__label{
     font-weight: 500;
     font-size: 13px;
     display: inline-block;
     line-height: 8px;
     margin: 10px 0;
}
.pf-c-form-control{
     height: 35px;
     text-overflow: ellipsis;
     border-width: thin;
     border-color: #EDEDED #EDEDED #8A8D90 #EDEDED;
     padding: 5px;
     width: 100%;
}

.pf-c-button{
     color: #fff;
     background-color: #06c;
     display: block;
     width: 100%;
     font-size: 14px;
     line-height: 1.3333333;
     border-radius: 1px;
     padding: 0.375rem 1rem;
     border-color: aliceblue;
     text-align: center;
     cursor:pointer;
     /*z-index: 10;*/
}
.pf-c-button:hover{
     background-color: #004080;
}
.pf-c-button-200{
     color: #fff;
     background-color: #004080;
     display: block;
     width: 100%;
     font-size: 14px;
     line-height: 1.3333333;
     border-radius: 1px;
     padding: 0.375rem 1rem;
     border-color: aliceblue;
     text-align: center;
     cursor:pointer;
}


a {
     font-weight: 500;
     color: #06c;
     text-decoration: none;
}



.eui-logLeft{position: fixed; width: 570px; top: 0px; bottom: 0px; background: url(#) no-repeat; background-size: cover;}
.eui-logo{display: block; width: 348px; height: 71px; margin: 30px auto; background: url(#) no-repeat;}
.eui-qq{margin: 30px auto 0; text-align: center; color: #fff; font-size: 16px;}
.eui-qq a{color: #fff;}
.eui-qq p{margin: 6px 0 20px 0;}
.eui-logZz{position: absolute; bottom: 25px; padding: 0 68px; color: #fff;}
.eui-logZz p{margin: 0 0 10px 0; line-height: 25px; font-size: 16px;}
.eui-logZz ul li{float: left; width: 200px; height: 240px; margin-left: 34px;}
.eui-logZz ul li:first-child{margin-left: 0px;}

.eui-logMain{position: absolute; top: 50%; left: 35%; margin: -234px 0 0 0; width: 478px; height: 468px; padding: 130px 79px 0; background: url(../images/log-m.png) no-repeat;}
.eui-logMain p{margin: 0 0 20px 0; width: 100%; height: 47px; padding: 0 4px 0 37px;}
.eui-logMain p input{width: 100%; height: 45px; line-height: 45px; margin: 1px 0; border: none; padding: 0 6px;}
.eui-logName{background: url(../images/log-name.png) no-repeat;}
.eui-logPsd{background: url(../images/log-psd.png) no-repeat;}
.eui-logYzm{background: url(../images/log-yzm.png) no-repeat;}
.eui-logMain p .rfloat{width: 110px; height: 47px;}
.eui-logMain a{display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 20px; color: #fff; background: url(../images/btn.png) no-repeat;}
.eui-logMain a:hover{opacity: 0.8; position: relative; top: 1px;}

.authcode{display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 20px; color: #fff;}


/* Tabs 标签页*/
.tabs {
     display: block;
     display: -webkit-flex;
     display: -moz-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
     flex-wrap: wrap;
     margin: 0;
     overflow: hidden; }
.tabs [class^="tab"] label,
.tabs [class*=" tab"] .label {
     /*     color: black; */
     cursor: pointer;
     display: block;
     font-size: 1.3em;
     font-weight: 300;
     line-height: 1em;
     padding: 1rem 0 ;
     text-align: center; }
.tabs [class^="tab"] [type="radio"],
.tabs [class*=" tab"] [type="radio"] {
     /*     border-bottom: 1px solid rgba(239, 237, 239, 0.5); */
     cursor: pointer;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: block;
     width: 100%;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out; }
.tabs [class^="tab"] [type="radio"]:hover, .tabs [class^="tab"] [type="radio"]:focus,
.tabs [class*=" tab"] [type="radio"]:hover,
.tabs [class*=" tab"] [type="radio"]:focus {
     /*    tab标签选中的颜色标志      */
     border-bottom: 1px solid #40a9ff;
}
.tabs [class^="tab"] [type="radio"]:checked,
.tabs [class*=" tab"] [type="radio"]:checked {
     border-bottom: 2px solid #40a9ff;
}
.tabs [class^="tab"] [type="radio"]:checked + div,
.tabs [class*=" tab"] [type="radio"]:checked + div {
     opacity: 1;
     z-index:5;
}
.tabs [class^="tab"] [type="radio"] + div,
.tabs [class*=" tab"] [type="radio"] + div {
     display: block;
     opacity: 0;
     z-index:0;
     padding: 2rem 0;
     width: 90%;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out; }
.tabs .tab-2 {
     width: 50%; }
.tabs .tab-2 [type="radio"] + div {
     width: 200%;
     /*margin-left: 200%;*/ }
.tabs .tab-2 [type="radio"]:checked + div {
     margin-left: 0; }
.tabs .tab-2:last-child [type="radio"] + div {
     margin-left: -100%; }
.tabs .tab-2:last-child [type="radio"]:checked + div {
     margin-left: -100%; }