/*高度*/
.h5{ height: 5px;}
.h10{ height: 10px; }
.h15{ height: 15px;}
.h20{ height: 20px;}
.h25{ height: 25px;}
.h30{ height: 30px;}
.h35{ height: 35px;}
.h40{ height: 40px;}
.h45{ height: 45px;}
.h50{ height: 50px;}
.h55{ height: 55px;}
.h60{ height: 60px;}

.flex{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.flex-box-1{
    height:100%;
    display: block;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

/*按钮颜色*/
.layui-btn-green{ background: #50b56a}


.main-body {top:50%;left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow:hidden;}
.login-main {width:368px;position:relative;}
.login-main .login-top {height:90px;background-color:#148be4;font-family:SourceHanSansCN-Regular;font-size:24px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#fff;text-align:center;overflow:hidden;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}
.login-main .login-top .title{ position: absolute;left:0px;top:32px; text-align: center; width: 100%; height: 26px; line-height:26px;z-index: 3;}
.login-main .login-top .bg1 {display:inline-block;width:54px;height:54px;background:#fff;opacity:.1;border-radius:0 54px 0 0;position:absolute;left:0;top:43px;}
.login-main .login-top .bg2 {display:inline-block;width:200px;height:200px;background:#fff;position:absolute;right:-5px;top:-5px;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg); 	/* IE 9 */
    -moz-transform:rotate(45deg); 	/* Firefox */
    -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
    -o-transform:rotate(45deg); 	/* Opera */
    z-index: 2;
    background: #148be4;
}
.login-main .login-top .qrcode{ display:block;width:60px; height: 60px; position: absolute;right:0px;top:0px; cursor: pointer;display: none;}
.login-main .login-top .qrcode i{ position: absolute;top:-2px;right:-0px;width:55px;width:55px;cursor: pointer;}
.login-main .login-top .computer{ display:block;width:35px; height: 35px; position: absolute;right:0px;top:0px;cursor: pointer;}
.login-main .login-top .computer i{ position: absolute;top:1px;right:2px;width:35px;width:35px;cursor: pointer;}
.login-main .login-bottom .normal_login{ display: none;}
.login-main .login-bottom .qr_login{ }
.login-main .login-bottom .center .item input {display:inline-block;width:227px;height:22px;padding:0;position:absolute;border:0;outline:0;font-size:14px;letter-spacing:0;}
.login-main .login-bottom .center .item .icon-1 {background:url(/resources/admin/images/icon-login.png) no-repeat 1px 0;}
.login-main .login-bottom .center .item .icon-2 {background:url(/resources/admin/images/icon-login.png) no-repeat -54px 0;}
.login-main .login-bottom .center .item .icon-3 {background:url(/resources/admin/images/icon-login.png) no-repeat -106px 0;}
.login-main .login-bottom .center .item .icon-4 {background:url(/resources/admin/images/icon-login.png) no-repeat 0 -43px;position:absolute;right:-10px;cursor:pointer;}
.login-main .login-bottom .center .item .icon-5 {background:url(/resources/admin/images/icon-login.png) no-repeat -55px -43px;}
.login-main .login-bottom .center .item .icon-6 {background:url(/resources/admin/images/icon-login.png) no-repeat 0 -93px;position:absolute;right:-10px;margin-top:8px;cursor:pointer;}
.login-main .login-bottom .center .item .icon {display:inline-block;width:33px;height:22px;}
.login-main .login-bottom .center .item {width:288px;height:35px;border-bottom:1px solid #dae1e6;margin-bottom:15px;}



.login-main .login-bottom {width:368px;background:#fff;padding-bottom:50px; height: 280px;}
.login-main .login-bottom .center {width:288px;margin:0 auto;padding-top:30px;position:relative;}

input::-webkit-input-placeholder {color:#a6aebf;}
input::-moz-placeholder {/* Mozilla Firefox 19+ */            color:#a6aebf;}
input:-moz-placeholder {/* Mozilla Firefox 4 to 18 */            color:#a6aebf;}
input:-ms-input-placeholder {/* Internet Explorer 10-11 */            color:#a6aebf;}
input:-webkit-autofill {/* 取消Chrome记住密码的背景颜色 */            -webkit-box-shadow:0 0 0 1000px white inset !important;}
html {height:100%;}
.login-main .login-bottom .login-btn {width:288px;height:40px;background-color:#1E9FFF;border-radius:4px;margin:14px auto 0;text-align:center;line-height:40px;color:#fff;font-size:14px;letter-spacing:0;cursor:pointer;border:none;}
.login-main .login-bottom .center .item .validateImg {position:absolute;right:1px;cursor:pointer;height:36px;border:1px solid #e6e6e6;}
.footer {left:0;bottom:0;color:#fff;width:100%;position:absolute;text-align:center;line-height:30px;padding-bottom:10px;text-shadow:#000 0.1em 0.1em 0.1em;font-size:14px;}
.padding-5 {padding:5px !important;}
.footer a,.footer span {color:#fff;}

@media screen and (max-width:428px) {.login-main {width:320px !important;}
    .login-main .login-top {width:320px !important;}
    .login-main .login-bottom {width:320px !important;}
}