html,
body {
  width: 100%;
  height: 100%;
  min-width: 60rem;
  background: #fff;
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif !important;
}
body {
  font-size: 0.7rem;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50rem white inset;
}
.header {
  width: 60rem;
  margin: 0 auto;
  position: relative;
  top: .5rem;
}
.header .system-login {
  padding-top: .5rem;
  height: 2rem;
  /* background: url("../images/LoginHeaderBg.png") no-repeat; */
  background-size: auto 2rem;
}
.header .mian-site-nav {
  position: absolute;
  right: 1.4rem;
  top: .5rem;
  color: #666;
}
.main-container {
  position: absolute;
  top: 3rem;
  bottom: 2rem;
  left: 0;
  right: 0;
  /* background: url("../images/LoginBg.png"); */
  background-size: 100% 100%;
}
.main-container .main-content {
  width: 60rem;
  margin: 0 auto;
  position: relative;
  height: 100%;
}
.main-container .main-content .login-panel {
  width: 15rem;
  height: 16rem;
  padding: 1.5rem 1rem;
  background: #fff;
  position: absolute;
  right: 3rem;
  top: 50%;
  transform: translateY(-50%);
  border-radius: .25rem;
}
.main-container .main-content .login-panel .input-zone {
  width: 100%;
  border: .05rem solid #d0dad5;
  height: 1.7rem;
  margin: .5rem 0;
  padding: .2rem;
  position: relative;
}
.main-container .main-content .login-panel .input-zone .input-icon {
  position: absolute;
  font-size: .9rem;
  top: .4rem;
  left: .75rem;
  color: #d0dad5;
}
.main-container .main-content .login-panel .input-zone input {
  border-width: 0 0 0 .05rem;
  border-color: #d0dad5;
  line-height: .9rem;
  margin: .4rem 0 0 2rem;
  padding-left: .5rem;
  width: 10.9rem;
}
.main-container .main-content .login-panel .quick-login .wx-login {
  cursor: pointer;
  width: 1.7rem;
  height: 1.7rem;
  background: url("../images/wx-login-square.png");
  background-size: 100% 100%;
}

.main-container .main-content .login-panel .login-btn {
    width: 97%;
    padding: 0 .5rem;
}

.main-container .main-content .login-panel .login-btn.isDq {
    width: 100%;
    padding: 0;
}
.main-container .main-content .login-panel .login-btn div {
  width: 100%;
}
.main-container .main-content .login-panel .scan-zone .qrcode-zone {
  position: relative;
  width: 7.5rem;
  height: 7.5rem;
  border: .05rem solid #d0dad5;
  padding: .5rem;
  margin: .5rem auto;
}
.main-container .main-content .login-panel .scan-zone .qrcode-zone #qrcode{
}
.main-container .main-content .login-panel .scan-zone p {
  margin: .5rem;
  font-size: .6rem;
  text-align: center;
}
.footer {
  height: 2rem;
  position: absolute;
  bottom: 0;
}
.major-bg-color {
  background: #1d87d1 !important;
}
.layui-this {
  color: #1d87d1 !important;
}
.layui-this::after {
  border-color: #1d87d1 !important;
}
.hide {
  display: none;
}
.pointer{
  cursor: pointer;
}
.data-active {
  color: #1d87d1;
}

.logined-content{
  margin: 1.5rem 0;
}

.logined-content p{
  line-height: 2;
}

.logined-content .login-out-btn{
  text-align: center;
  margin: 1rem 0;
}

.float-right{
  float:right;
}

.get-pwd-back{
  margin: 1rem auto;
  width: 20rem;
}

.width-130{
  width: 6.5rem !important;
}

.width-250{
  width: 12.5rem !important;
}

.operte-btn{
  text-align: center;
}

.bdc-hide{
    display: none;
}

/*右侧控件信息*/
.con-right-operate-info .bdc-right-other-open{
    z-index: 1000000;
    width: 4.5rem;
    height: 4.5rem;
    position: fixed;
    top: 23.5rem;
    right: 1.5rem;
    box-shadow: 0 0 .5rem #eaedf1;
    cursor: pointer;
}
.con-right-operate-info .bdc-right-other{
    width: 4.5rem;
    background-color: #fff;
    position: fixed;
    top: 10rem;
    right: 1.5rem;
    box-shadow: 0 0 .5rem #eaedf1;
    z-index: 1000000;
}
.con-right-operate-info .bdc-right-other>a{
    display: inline-block;
    width: 100%;
    height: 4.5rem;
    border-bottom: .05rem solid #d0d5da;
    text-align: center;
    position: relative;
    background: #fff;
}
.con-right-operate-info .bdc-right-other>a>.bdc-default-img{
    display: block;
    margin: .5rem auto;
}
.con-right-operate-info .bdc-right-other>a>.bdc-hover-img{
    height: 4.5rem;
    position: absolute;
    top: 0;
    left: -4.5rem;
}
.con-right-operate-info .bdc-right-other>a>.bdc-hover-gzh{
    width: 4.5rem;
}
.con-right-operate-info .bdc-right-other>a>.bdc-hover-rx{
    width: 9rem;
}
.con-right-operate-info .bdc-right-other>a:last-child{
    height: 1.3rem;
    line-height: 1.3rem;
    border-bottom: none;}

.footer-href-item {
    margin: 0 .5rem;
}
.footer-href-item:hover{
  text-decoration: underline !important;
  color: #1d87d1;
}
.footer-href {
    position: absolute;
    line-height: 1.5rem;
    left: 0;
    right: 0;
    bottom: 0;
}

.footer, footer, .bdc-bottom {
    width: 100%;
    min-width: 60rem;
    flex-grow: 0;
    background: #c1c5c7;
    min-height: 4rem;
    line-height: 4rem;
    text-align: center;
    position: absolute;
}
.bdc-login-btn {
    height: 2.1rem;
    line-height: 2.1rem;
    font-size: .8rem;
    padding: 0 .65rem;
    background-color: #fff;
    color: #333;
}
.layui-btn+.layui-btn {
    margin-left: -0.15rem;
}
.login-switch-btn {
  height: 2.5rem;
  line-height: 2.5rem;
  color: #1d87d1;
  font-weight: bold;
  cursor: pointer;
  background-color: #e1f0fd;
  border-radius: .25rem .1rem .1rem .25rem;
  font-size: .8rem;
  font-family: "Microsoft YaHei", "微软雅黑", "Arial";
}
.login-switch-btn img {
  height: 2.5rem;
  width: 2.5rem;
  margin-top: -0.15rem;
}
.reg-btn {
  cursor: pointer;
  color: #1d87d1;
}
.reg-btn:hover{
  color: #1d87d1;
}


.main-container .main-content .login-panel-dq{
    width: 16.5rem;
    height: 17.5rem;
}


.layui-tab-brief>.layui-tab-title  .button-dq{
    background: #1d87d1;
    color: #ffffff!important;
}

.layui-tab-brief>.layui-tab-title  .buttonone-dq{
    background: #1d87d1;
    color: #ffffff!important;
    margin-left: .35rem;
}

.layui-tab-title-dq {
    text-align: center;
}
.login-panel-fccs {
    width: 15rem;
    padding: 1.5rem 1rem;
    background: #fff;
    position: absolute;
    right: 3rem;
    top: 15%;
    transform: translateY(-50%);
    border-radius: .25rem;
}

.sydwbs {
    position: fixed;
    bottom: -0.6rem;
    left: 25%;
}
.xcczs {
    position: fixed;
    bottom: -0.6rem;
    left: 75%;
}
.dzjgbs {
    position: fixed;
    bottom: 0rem;
    left: 25%;
}
.zfwzjc {
    position: fixed;
    bottom: 0rem;
    right: 25%;
}
/* 图形验证 */
.input-must {
  color: red;
  position: relative;
  top: .15rem;
  right: .25rem;
  font-style: normal;
}

.img-validate-code {
  width: 7.5rem;
  height: 1.9rem;
}

.get-img-validate-code1 {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  width: auto !important;
}

.clear:after {
    content: '';
    display: block;
    clear: both;
}
/* 中文俄文切换 */
.language-select{
  margin-left: 1rem;
  font-size: .8rem;
  color: #333;
  text-align: center;
  font-weight: bold;
}
.language-select-item{
  color: #333;
  cursor: pointer;
}
.language-selected{
  color: #1d87d1;
}