/* Write your styles */
html {
  font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  position: relative;
  height: 100%; 
  }

html, body {
  -webkit-user-select: none;
  user-select: none; 
  height: 100%;
  }

.by{background-color: #f2f2f2}
.bg_bank {
    position: fixed;
    height: 100%;
    width: 100%;
    background: url(../images/bg_banner_01.jpg) no-repeat;
    background-size: 100% 100%;
}

.login-header{margin:3rem 2rem 0;position: relative;overflow: hidden}
.login-header p{float: right;padding:9px 0 0 0;margin:0;line-height: 2}
.login-header .icon-ky-icon13{color: #db1132;margin:0 0 0 2px;font-weight:600}
.login-header p a{color: #db1132}
.login-form{margin:8rem 3rem 0;padding:2rem;border-radius:5px;background-color: white;-moz-box-shadow:0px 0px 8px #333333; -webkit-box-shadow:0px 0px 8px #333333; box-shadow:0px 0px 8px #333333;
}

.common-div{background-color: #f0f0f0;height: 50px;margin-top: 15px;overflow:hidden}
.common-div .iconfont{color: #a8a8a8;font-size: 30px;padding:0;float: left;width: 20%;text-align: center}
.common-div input{border: 0;height: 40px;float: left;margin-top: 5px;width:80%;line-height: 40px;background: none}
.forgets{margin:2rem 0;color: #666;font-size: 14px;width: 100%;height: 35px;padding-top:2px;overflow: hidden}
.forgets input{float: left;margin:0;}
.forgets label{float: left;line-height: 30px!important;height: 30px!important;padding-left: 6px;color: #666;font-weight: 100}
.forgets a{float: right;color: #db1132;line-height: 30px;height: 30px;}
.login-btn{background-color: #db1132;text-align: center;height: 50px;line-height: 50px;color: white;border-radius: 5px;overflow: hidden}

.login-footer{text-align: center;margin-top: 2rem;}
.login-footer a{text-decoration: underline;color: #db1132;font-size: 18px}






/**/
.mui-switch {
    width: 50px;
    height: 26px;
    position: relative;
    border: 1px solid #dfdfdf;
    background-color: #fdfdfd;
    box-shadow: #dfdfdf 0 0 0 0 inset;
    border-radius: 20px;

    -webkit-appearance: none;
    user-select: none;
    outline: none;
}

.mui-switch:before {
    content: '';
    width: 27px;
    height: 27px;
    position: absolute;
    top: -2px;
    left: 0;
    border-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.mui-switch:checked {
    border-color: #db1132;
    box-shadow: #db1132 0 0 0 16px inset;
    background-color: #db1132;
}

.mui-switch:checked:before {
    left: 23px;
}

.mui-switch.mui-switch-animbg {
    transition: background-color ease 0.4s;
}

.mui-switch.mui-switch-animbg:before {
    transition: left 0.3s;
}

.mui-switch.mui-switch-animbg:checked {
    box-shadow: #db1132 0 0 0 0 inset;
    background-color: #db1132;
    transition: border-color 0.4s, background-color ease 0.4s;
}

.mui-switch.mui-switch-animbg:checked:before {
    transition: left 0.3s;
}

.mui-switch.mui-switch-anim {
    transition: border cubic-bezier(0, 0, 0, 1) 0.4s, box-shadow cubic-bezier(0, 0, 0, 1) 0.4s;
}

.mui-switch.mui-switch-anim:before {
    transition: left 0.3s;
}

.mui-switch.mui-switch-anim:checked {
    box-shadow: #db1132 0 0 0 16px inset;
    background-color: #db1132;
    transition: border ease 0.4s, box-shadow ease 0.4s, background-color ease 1.2s;
}

.mui-switch.mui-switch-anim:checked:before {
    transition: left 0.3s;
}