html, body {
height:100%;
margin:0;
padding:0
}
#container {
width:100%;
height:100%;
background: url(../../images/bg_02.png);
background-size: 100% 100%;
overflow:auto;
position:relative;
/* z-index:10; */
}
.mycontent {
width: 100%;
height: 100%;
position: relative;
}
.col-lg-6{
margin-top:10%;
}
.login{
overflow: hidden;
}
.input-group-addon{
border:0;
}
.form-control{
border: 0;
}
.input_bttom{
margin-bottom: 20px;
padding: 0 29px;
}
.box1{
padding-left:9%;
}
.box2{
padding-left:7%;
}
.textImg{
margin-top:10px;
width:534px;
height:139px;
background: url(../../images/textImg.png);
position:relative;
}
/*预生产*/
.textImg{
margin-top:10px;
width:534px;
height:139px;
background: url(../../images/textImg.png);
position:relative;
}
.ediTion{
color:#fff;
position:absolute;
bottom:-24px;
right:0;
}
.login{
width: 368px;
background-color: rgba(22,60,104,0.4);
padding-bottom: 15px;
border-radius: 6px;
}
.input-group-lg>.form-control{
color:#646464;
font-size:14px;
padding:10px 2px;
}
#server{
background-color:#ffffff;
background-image:url(../../images/login-more.png);
background-repeat: no-repeat;
height:42px;
border-top-right-radius: 6px;
border-bottom-right-radius:6px;
}
select{
z-index:9999;
background-color:#ffffff;
}
#userInput{
height:42px;
}
#passwordInput{
height:42px;
}
#doLoginButton{
height:42px;
}
.buttonBox{
padding: 0 29px;
}
.btn-block{
background-color: #FF9901;
color: #ffffff;
}
.topLogo{
margin-top:24px;
margin-bottom:32px;
margin-left:40px;
width:282px;
height:81px;
background:url(../../images/loginNew.png) no-repeat;
}
/*��߰�ť�ı�����ɫ*/
.input-group-lg>.input-group-addon{
height:42px;
background-color: #ffffff;
padding:10px 5px 10px 24px;
}
.input-group-lg .input-group-addon .serVer{
width: 15px;
height: 22px;
background-color: pink;
margin-right:3px;
display: block;
background: url(../../images/login-serVer.png);
}
.input-group-lg .input-group-addon .user{
width: 18px;
height: 21px;
background-color: deeppink;
background: url(../../images/login-user.png);
display: block;
}
.input-group-lg .input-group-addon .key{
width: 18px;
height: 22px;
background-color: deeppink;
background: url(../../images/login-key.png);
display: block;
}
.xiaLa{
z-index: 9999;
position: absolute;
top: 50%;
margin-top: -6px ;
right: 30px;
width: 14px;
height: 11px;
background:url(../../images/login-more.png);
}
/*������*/
.fontSize{
color: #ffffff;
font-size: 30px;
text-shadow: 1px 1px 1px;
position: absolute;
top: 80px;
left: 230px;
/*background-color: #cccccc;*/
}
.fontSize span{
font-size: 48px;
color: #FF9901;
}
.textDec{
color: #ffffff;
font-size: 16px;
text-shadow: 0 0 1px;
position: absolute;
top: 190px;
left: 250px;
}
.textDec span{
font-size: 24px;
color: #FF9901;
}
.verSion{
font-size:12px;
color:#E7E7EC;
position: absolute;
top: 240px;
left: 500px;
}
.verSion p{
color:#E7E7EC;
}
/*下载弹出框*/
.ufOverlay {
display: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center;
z-index: 9999;
background: rgba(0,0,0,0.5);
}
.ufAlt {
height: 100%;
width: 100%;
margin: 0 auto;
text-align: center;
border: 0;
border-radius: 3px;
padding: 0px;
position: relative;
background: url(../../images/bg-bro1.png);
background-size: 100% 100%;
}
.downloadBtn {
position: absolute;
left: 4%;
top: 62%;
cursor: pointer;
border: none;
width: 174px;
height: 55px;
background: url(../../images/downloadBtn.png);
background-size: 100% 100%;
}
.closeCha {
position: absolute;
right: 4px;
top: 2px;
border: none;
width: 20px;
height: 20px;
background: none;
color: #fff;
font-size: 20px;
line-height: 20px;
cursor: pointer;
display:none;
}
#spanLock{
display:none;
color: #00a2ff;
text-align: center;
margin-top: -15px;
margin-bottom: 4px;
}
.ufOverlayverif {
display: none;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
text-align: center;
z-index: 99;
background: rgba(0,0,0,0.5);
}
.ufOverlayverifion{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
padding: 0 10px 10px;
background: #fff;
border-radius: 5px;
border: 8px solid #ccc;
}
#v_container{
width:200px;
height:50px;
}
#code_input{
margin: 10px 0;
width: 100%;
border: 1px solid #333;
line-height: 30px;
text-indent: 4px;
border-radius: 3px;
}
.altFooterBtn {
text-align: right;
}
.errSpan{
color: red;
display: none;
}
.layui-layer-dialog .layui-layer-content .layui-layer-ico {
top: 50% !important;
margin-top: -15px ;
}
.input_bttom{
position:relative;
}
#showPassword {
z-index: 10;
cursor: pointer;
width: 40px;
background-color: rgb(232, 240, 254);
}
.showIcon{
background: url(../../images/yjKj.png);
background-size: 30px 30px;
background-position: center;
background-repeat: no-repeat;
}
.hideIcon{
background: url(../../images/yjBkj.png);
background-size: 30px 30px;
background-position: center;
background-repeat: no-repeat;
}
.forgetNum{
width:100%;
text-align:right;
line-height: 30px;
color: #fff;
cursor: pointer;
}
/* 密保问题弹出框 */
.questionBox{
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 9;
}
.headerPass {
width: 100%;
height: 22%;
}
.headerImg {
width: 100%;
height: 100%;
background: url(../../images/correctPwdbg.png);
background-size: 100% 100%;
}
.pwdTop {
height: 90px;
width: 100%;
background-color: #fff;
border-bottom: 1px solid #DBDBDB;
}
.pwdTop .pwdtopIcon {
width: 140px;
height: 140px;
background: url(../../images/pwdIcon.png) no-repeat;
position: absolute;
top: 0;
left: 50%;
margin-top: -70px;
margin-left: -70px;
}
.pwdContainer {
height: calc(100% - 90px);
display: -webkit-box;
-webkit-box-orient: vertical;
}
.correctPwd {
background-color: #fff;
width: 100%;
height: 78%;
position: relative;
}
.stepOut{
background-color: #eee;
display: -webkit-box;
-webkit-box-pack: center;
}
.stepBox{
width: 60%;
display: -webkit-box;
-webkit-box-pack: center;
}
.stepInBox{
-webkit-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
-webkit-box-align: center;
padding: 14px 0 10px;
}
.stepLeft{
}
.stepCenter{
}
.stepRight{
}
.stepNumBox{
width: 100%;
}
.lineAllBox{
width: calc(50% - 17px);
height: 34px;
float: left;
background: url(../../images/cfcfcfBg.png) no-repeat center;
}
.actLineColor{
background: none;
}
.partBox{
line-height: 34px;
width: 34px;
text-align: center;
background-color: #b8b8b8;
border-radius: 20px;
margin-bottom: 6px;
color: #fff;
float: left;
}
.actPart{
background-color: #0186EF;
color: #fff;
}
.partText{
}
.upbox{
background: #fff;
-webkit-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
padding: 0 14%;
}
.upbox .upHead{
line-height: 60px;
color: #f00;
text-align: left;
display: block;
}
.upContent{
-webkit-box-flex: 1;
}
.upContLi{
color: #000;
width: 19%;
margin: 0 1% 1% 0;
}
.actUpLi{
border-color: #0186EF;
color: #0186EF;
}
.upLiTitle{
line-height: 30px;
}
.upLiInput{
border: 1px solid;
-webkit-box-flex: 1;
width: 50%;
line-height: 30px;
padding-right: 4px;
text-indent: 4px;
}
.upFooter{
display: -webkit-box;
padding: 0 0 10px;
-webkit-box-pack: center;
}
.footerBtn{
line-height: 30px;
padding: 0 20px;
border-radius: 3px;
color: #fff;
cursor: pointer;
}
.sureBtn{
background: #0186EF;
margin-right: 10px;
}
.resetBtn{
background: #febe00;
margin-right: 10px;
}
.closeBtn{
position: fixed;
right: 20px;
top: 20px;
height: 30px;
width: 30px;
text-align: center;
border-radius: 20px;
color: #fff;
font-size: 28px;
line-height: 25px;
cursor: pointer;
background: #febe00;
}
.upContentStep1{
display: -webkit-box;
-webkit-box-pack: center;
-webkit-box-align: center;
}
.upContentStep2{
display: -webkit-box;
-webkit-box-pack: center;
-webkit-box-align: center;
}
/* .upContentStep2 .upContLi {
display: none;
} */
.upContentStep2 .actUpLi {
float: none;
display: block;
}
.upContCaption{
padding-right: 20px;
}
.contName{
text-indent: 4px;
line-height: 20px;
}
.uhide{
display:none !important;
}
/* 修改密码部分 */
.pwdInput{
width: 100%;
height: 30px;
margin-bottom: 30px;
}
.pwdInput .pwdInputSp{
color: #000000;
text-align: right;
width: 80px;
height: 30px;
line-height: 33px;
display: inline-block;
}
.pwdInput .pwdInputP{
margin-left: 20px;
display: inline-block;
color: #aaa;
}
.pwdInput .form-control{
display: inline-block;
border-radius: 0;
outline: none;
width: 200px;
margin-left: 30px;
font-size: 14px;
height: 34px;
border: 1px solid #D5D5D5;
padding: 0;
padding-left: 10px;
}
.pwdInputTop{
margin-top:44px;
}
.showPassOut{
width:314px;
overflow:hidden;
}
#contShowPassword {
cursor: pointer;
text-align: right;
line-height: 30px;
float:right;
padding-left: 30px;
user-select: none;
}
.contShowIcon{
background: url(../../images/yjKjBlue.png);
background-size: 20px 20px;
background-position-x: 6px;
background-position-y: center;
background-repeat: no-repeat;
/* color: #0186EF; */
}
.contHideIcon{
background: url(../../images/yjBkj.png);
background-size: 20px 20px;
background-position-x: 6px;
background-position-y: center;
background-repeat: no-repeat;
}
.correctCondfirm{
background: #0186EF;
margin-right: 16%;
line-height: 30px;
padding: 0 20px;
border-radius: 3px;
color: #fff;
cursor: pointer;
float: right;
}
#forgetPart .errorBorder{
border-color:#f9371e;
}
#forgetPart .errorColor{
color:#f9371e;
}
/* step4 */
.backLoginCont{
height: 200px;
display: -webkit-box;
-webkit-box-pack: center;
-webkit-box-align: center;
}
.backLoginTitle{
height: min-content;
padding-left: 50px;
background-image: url(../../images/duihaoyuan.png);
line-height: 40px;
background-repeat: no-repeat;
background-size: auto 100%;
font-size: 16px;
}
.backLoginBtn{
background: #0186EF;
margin-right: 16%;
line-height: 30px;
padding: 0 20px;
border-radius: 3px;
color: #fff;
cursor: pointer;
float: right;
}
/*忘记密保*/
.fgtMibao{
color: #f00;
cursor: pointer;
padding-left: 6px;
display: block;
margin: 0 0% 1% 0;
}
/*密保问题修改20210401*/
.checkIcon{
height: 16px;
width: 16px;
border: 1px solid #b5b5b5;
display: inline-block;
margin-bottom: -3px;
margin-right: 6px;
border-radius: 10px;
cursor: no-drop;
}
.upContentStep2 .checkIcon{
background-image: url(../../images/accessPic.png);
border: 0;
background-size: 100%;
height: 18px;
width: 18px;
}
.upContentStep2 .upLiTitle {
color: #0186EF;
}
.upContentStep2 .upLiInput {
border-color: #0186EF;
}
/*账号管理2021年4月份更新新增*/
.ufOverlayUser{
display: block;
background: rgba(0,0,0,0.7);
}
.ufAltUser{
width: 800px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
padding: 10px;
background: rgba(250,250,250,0.3);
z-index: 99999;
}
.realCont {
padding-top: 10px;
}
.realContIn {
line-height: 30px;
margin-bottom: 16px;
}
.realLeft {
display: inline-block;
width: 38%;
text-align: right;
padding-right: 10px;
}
.realRight {
display: inline-block;
width: 61%;
text-align: left;
}
.isNeed{
margin-right: 4px;
}
.isNeedR{
color: #f00;
}
.realRight{
display: inline-block;
width: 61%;
text-align: left;
}
.radInp{
}
.radInpT{
}
.radInpF{
}
.realRightTitle{
color: #B2B2B2;
margin-left: 15px;
}
.texInp{
line-height: 22px;
border: none;
border: 1px solid;
text-indent: 3px;
border-radius: 3px;
background-color: #f9f9f9;
border: 1px solid #ebebeb;
}
.texInpT{
}
.realRightDui{
background-image: url(../../images/duilv.png);
background-position: center;
background-repeat: no-repeat;
width: 16px;
height: 16px;
margin: 3px 3px 0;
display:none;
}
.realRightCuo,.realNumCuo{
background-image: url(../../images/tanred.png);
display: inline-block;
padding-left: 20px;
background-position: left center;
background-repeat: no-repeat;
color: #fc4117;
display:none;
}
.isDui .realRightDui{
display:inline-block;
}
.isDui .texInp,.isDui .index-value{
border-color: #25cb30;
}
.isCuo .realRightCuo{
display:inline-block;
}
.isChang .realNumCuo{
display:inline-block;
}
.isCuo .texInp,.isCuo .index-value{
border-color: #fc4117;
}
.isChang .texInp,.isChang .index-value{
border-color: #fc4117;
}
/* 密保设置和个人信息修改弹框样式 */
#questionAlert,#infoAlert,#changePassAlert{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0,0,0,0.65);
color: #fff;
z-index: 9991;
}
.qAlertCont{
height: 300px;
width: 536px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border: 1px solid #3c4aa4;
border-radius: 4px;
background: #23294f;
}
.qAlertContTop{
line-height: 34px;
border-bottom: 1px solid #3c4aa4;
padding-left: 12px;
font-size: 16px;
}
.qAlertContCenter{
line-height: 32px;
padding: 20px;
text-indent: 2em;
}
.qAlertContEnd{
position: absolute;
bottom: 0;
width: 100%;
}
.qEndBtn,.infoEndBtn,.changePassEndBtn{
float: right;
margin: 0 20px 20px 0;
line-height: 30px;
background: #F28E28;
border-radius: 3px;
padding: 0 20px;
cursor: pointer;
}
.easyui-fluid{
left:0 !important;
top: 100% !important;
bottom:0 !important;
}
#changePassOut,#userInfoOut,#mibaoOut{
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 99;
width: 100% !important;
height: 100% !important;
}
#sendSMS {
z-index: 10;
cursor: pointer;
width: 60px;
text-align: center;
height:42px;
font-size: 12px;
background-color: rgb(232, 240, 254);
padding: 10px 5px 10px 5px;
}
.disabeld{
cursor: no-drop !important;
}