@charset "utf-8";
/* CSS Document */
.container_box{
    position: absolute; left: 50%; top: 50%;
    transform: translate(-50%,-50%);
    display: flex;
}
.main_box {
    position: relative; padding: 30px; width:500px; height:460px;
	background:url(/ERP/bootstrap/images/1.png);
    border-radius: 0px 10px 10px 0px;
}
.left_box{
	position: relative; padding: 30px; width:730px; height:460px;
	background:url(/ERP/bootstrap/images/1.png);
    border-radius: 10px 0px 0px 10px;
}
.main_box .setting {position: absolute; top: 5px; right: 10px; width: 10px; height: 10px;}
.main_box .setting a {color: #FF6600;}
.main_box .setting a:hover {color: #555;}
.login_logo {margin-bottom: 20px; height: 45px; text-align: center;}
.login_logo img {height: 45px;}
.login_msg {text-align: center; font-size: 16px;}
.login_form {padding-top: 20px; font-size: 16px;}
.login_box .form-control {display: inline-block; *display: inline; zoom: 1; width: auto; font-size: 18px;}
.login_box .form-control.x319 {width: 319px;}
.login_box .form-control.x164 {width: 250px;}
.login_box .form-group {margin-bottom: 20px;}
.login_box .form-group label.t {width: 100px; text-align: right; cursor: pointer;}
.login_box .form-group.space {padding-top: 15px; border-top: 1px #FFF dotted;}
.login_box .form-group img {margin-top: 1px; height: 32px; vertical-align: top;}
.login_box .m {cursor: pointer;}
.bottom {text-align: center; font-size: 12px;}
.wx_login img { width: 140px; height: 140px; margin-top: 20px; background-color: rgba(0,0,0,1); }

.qrcode-login-box{
    width: 100%;
    height: 240px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}
.qrcode-login-box .qrcode-tips{
    text-align: center;
    margin: 5px 15px;
}
.qr-iframe-wrapper {
    position: relative;
    height: 180px;
    overflow: hidden;
}

.qr-wx-iframe-wrapper {
    width: 100%;
}

.qr-qq-iframe-wrapper {
    width: 38%;
}

.qr-wb-iframe-wrapper{
    width: 100%;
}

#qrcodeWXContainer,
#qrcodeWBContainer,
#qrcodeQQContainer{
    position: absolute;
    top: 50%;
    left: 50%;
    /*!* 先还原iframe默认尺寸，再缩放（300是微信二维码默认宽度，缩放比例=目标尺寸/300） *!*/
    transform: translate(-50%,-50%) scale(0.6);
    transform-origin: center center; /* 从左上角开始缩放，避免偏移 */
    height: 390px;
}

#qrcodeQQContainer{
    transform: translate(-73.5%, -16%) scale(2);
}

.login-register-toggle{
    width: 100%;
}

@media screen and (max-width: 1200px) {
    .main_box {
        margin-left: 0px !important;
    }
}