.login-bg-full {
    width: 100%;
    /*background: url(../images/login/login-bg.jpg) no-repeat;*/
    position: absolute;
    background-size: 100% 100% !important;
    height: 100%;
    min-height: 700px;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-size: cover !important;
}
.login-box{ max-width:1150px; margin:0 auto;}
.login {
    /*background: url(../images/login/login-bg-t.png) no-repeat;*/
    padding-bottom:70px;
    width: 519px;
    float: right;
    margin-top: 9%;
    background-color: #ffffff66;
    border: 1px solid #ffffff14;
    border-radius: 5px;
}
.login-logo{ text-align:center; padding-top:65px;}
.login-logo b{ display:block; color:#fff; font-size:24px; letter-spacing:4px; margin-top:12px;}
.login-group{padding:0 10%;}
.login-cent{ padding-top:45px;}
.login-cent ul{ padding:0;}
.login-cent ul li{ width:100%; height:44px; background-color:#fff; border-radius:6px; overflow:hidden; padding:0 10px; margin-bottom:20px;}
.login-cent ul li span{ float:left; width:45px; height:44px; text-align:center; line-height:44px;}
.login-cent ul li span i{ color:#4a6bba; font-size:18px; vertical-align:middle;line-height:44px;}
.login-cent ul li .text{ height:44px; line-height:44px; float:left; outline:none; border:0; background:none; color:#000; }
.login-cent ul li .password{ height:44px; line-height:44px; float:left; outline:none; border:0; background:none; color:#e82a1b;}
.login-cent ul li a{ float:right; margin-top:6px;}
.login-use{ overflow:hidden; margin-top:30px;}
.login-use span{ float:left; color:#93a0b7;}
.login-use span .checkbox{ vertical-align:middle; display:inline-block; margin-top:0;}
.login-use span i{vertical-align:middle; display:inline-block; margin-left:8px;}
.login-use a{ float:right; color:#93a0b7;}
.login-btn{ margin-top:35px;}
.login-btn .btn{ width:100%; height:44px; background-color:#4585f8; color:#fff; font-weight:bold; font-size:18px; letter-spacing:2px; outline:none; border:0;}
.login-ts{ text-align:center; color:#e82a1b; margin-top:30px;}
.login-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 45px;
    text-align: center;
    color: #7084b4;
    width: 100%;
    /*border-top: solid 1px #28385c;*/

    background-color: #ffffff0f;
    border-top: 1px solid #ffffff14;
}

.form-control{
    width:80%;
    height:100%;
    border:none;
    float:left;
}
.code {
    width: 55%;
    display: inline;
    float:left;
}
.validation-summary-errors {
    border: 1px solid;
    background: #FEF2F2;
}
.validation-summary-errors ul{
    padding-left:0;
}
.validation-summary-errors ul li{
    font-size:16px;
    font-weight:900;
}
.text-danger {
    width: 100% !important;
    text-align: center;
    display: block;
    /*position: relative;
    top:-45px;
    left:150px;*/
}
.text-danger li{
    list-style:none;
}

@keyframes dropdown{
    from{
        height:20px;
    }
    to{
        height: 170px;
    }
}
@keyframes myfirst {
    from {
        opacity: 1.0;
    }

    50% {
        opacity: 0.2;
    }

    to {
        opacity: 1.0;
    }
}


.dropdown-scan-code {
    animation: myfirst 2s infinite;
    color:#fff;
}

.app-download-code {
    display: block;
    background-color: #ffffff2e;
    border: 1px solid #fff3;
    border-radius: 5px;
    padding: 20px;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 46px;
    width: 330px;
}
.app-download-code .download-left-btn-group{
    width:50%;
    float:left;
}
.app-download-code .download-left-btn-group a{
    height:40px;
    width:100%;
}
.app-download-code .download-left-btn-group a:first-of-type{
    margin-bottom: 15px;
}
.app-download-code .download-left-btn-group a i{
    font-size:24px;
    float:left;
}
.app-download-code .download-left-btn-group a.btn-primary{
    background-color:#3393F1;
}
.app-download-code .download-left-btn-group a.btn-warning{
    background-color:#FA7600;
}
.app-download-code img{
    margin:auto;
}

@media screen and (max-width:1600px) and (min-width:1365px) {
    .login{  width:519px; float:right; margin-top:8%; background-size:100% 100%;}
.login-cent{ padding-top:30px;}
.login-logo{ text-align:center; padding-top:35px;}
}

@media  screen and (max-width:1364px) and (min-width:600px){
.login-box{ max-width:1000px; margin:0 auto;}
.login{ width:430px; background-size:100% 100%; float:right; margin-top:10%;}
.login-logo img{ max-width:200px;}
.login-logo b{ display:block; color:#fff; font-size:20px; letter-spacing:4px; margin-top:8px;}
.login-cent{ padding-top:20px;}
.login-logo{ text-align:center; padding-top:25px;}
.login-use{ overflow:hidden; margin-top:15px;}
.login-btn{ margin-top:15px;}
.login-ts{ text-align:center; color:#e82a1b; margin-top:15px;}
	}

#MOBILE_SCAN {
    display: none;
}

    #MOBILE_SCAN .scanHead {
        font-size: 26px;
        margin-top: 20px;
    }

#QRCodeCont {
    margin-left: 25%;
    margin-top: 30px;
    position: relative;
}

.rqCodeStale {
    display: none;
    width: 200px;
    height: 200px;
    float: left;
    position: absolute;
    background-color: rgba(255,255,255,.5);
    text-align: center;
}

.qrcodeScanSpan {
    position: relative;
    display: inline-block;
}

.qrcodeScanSpan dev {
    position: absolute;
    height: 140px;
    width: 140px;
    top: -155px;
    right: -55px;
    transform-origin: bottom;
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.qrcodeScanSpan:hover dev {
    transform: scale(1);
    opacity: 1;
}

#AppDownloadDev {
    display: none;
    float: right;
    position: absolute;
    background-color: #ffffff2e;
    border: 1px solid #fff3;
    border-radius: 5px;
    padding: 20px;
    overflow: hidden;
    position: absolute;
    width: 330px;
}

a.btn-primary {
    width:90%;
}

a.btn-warning {
    width: 90%;
}
#PC_mobile_dev{
    margin-top: 5px;
    text-align: center;
    height: 25px;
    width: 80px;
    background-size: 100% 100%;
    display: inline-block;
    float: right;
}


/*** µÇ¼ҳÃæ ¼æÈÝÒƶ¯¶ËµÇ¼ start */
@media screen and (max-width: 750px) {
    .login {
        margin: 20px auto 0;
        max-width: 519px;
        width: 90%;
        float: none;
    }
    .login>div:nth-child(1){
        display:none;
    }
    .login .loginFormCheckCodeImg {
        width: calc(45% - 50px) !important;
        max-width: 100px !important;
    }

    .login #logSmsInfo li #btnSendNote {
        padding:6px 0px;
        width: calc(45% - 50px) !important;
        max-width: 100px !important;
    }
}
/*** µÇ¼ҳ end */