.login-bg-panel{width: 100vw;height: 100vh;display: flex;justify-content: flex-start;align-items: center;overflow: hidden;}
.login-bg{width: 100vw;height: 100vh;}
.login-box{position: fixed;left: calc(50% - 250px);top: calc(50vh - 250px);width: 500px;height: 500px;background: #fff;border-radius: 8px;overflow: hidden;}
.login-box-bg{background: url(../image/login/login-box-bg.png) no-repeat; background-size: 100%;background-position: 0;background: #fff;}
.login-logo-panel{width: 70px;aspect-ratio: 106/76;margin: -30px auto 10px;display: none;}
.logo-logo{width: 100%;height: 100%;display: none;}
.login-box-title{width: 100%;margin-top: 00px;line-height: 80px;color:#fff;font-size:32px;font-weight:bold;text-align: center;background:#4B8BFD ;}
.a-code-panel{width: 250px;height: 250px;margin-top: 40px;margin: 40px auto 5px;}
.a-code-img{width: 100%;height: 100%;}
.a-code-tips{width: 100%;line-height: 30px;color:#333;font-size:14px;text-align: center;margin-top: 10px;}

.qrcode-tips-panel{width:243px;height:30px;margin:12px auto 22px;}
.mianshuru{float:left;}
.mianshuru b{float:left;background:url(../image/qr-coagent.png) no-repeat;width: 25px;height: 25px;display: block;}
.mianshuru span{float:left;display:block;margin-left:5px;font-size:14px;color:#a0a0a0;line-height:25px}

.gengkuai{float:left;margin-left:20px;}
.gengkuai b{float:left;background:url(../image/qr-coagent.png) no-repeat;width: 25px;height: 25px;display: block;background-position:-27px}
.gengkuai span{float:left;display:block;margin-left:5px;font-size:14px;color:#a0a0a0;line-height:25px}

.genganquan{float:left;margin-left:20px;}
.genganquan b{float:left;background:url(../image/qr-coagent.png) no-repeat;width: 25px;height: 25px;display: block;background-position:-54px}
.genganquan span{float:left;display:block;margin-left:5px;font-size:14px;color:#a0a0a0;line-height:25px}

.qr-code-tab-panel{width:200px;height:30px;margin:12px auto 22px;}
.qr-code-tab-item{float:left;line-height:30px;color:#333;font-size:16px;text-align: center;cursor: pointer;user-select: none;width: 80px;margin: 0 10px;}
.qr-code-tab-item.selected{color:#ff6700;font-weight: bold;border-bottom: 2px solid #ff6700;}
.qr-code-tab-item:hover:not(.selected){border-bottom: 2px solid #ffa97066;color: #ffa970;}