body{margin:0px;padding:0px;text-align:center}
li{font-size:12px;list-style-type:none}
td{font-size:12px}
div{font-size:12px}
form{margin:0px;padding:0px}
form[name="frmupload"]{white-space: nowrap;}
img{border:0px;}
a:link {color: #555555; text-decoration:none;}
a:visited {color: #555555;text-decoration:none;}
a:hover {color:#3A77D4; text-decoration:underline;}
a:active {color: #3A77D4;}
.flex {display: flex;}
.justify-center,.hcenter {justify-content: center;}
.align-center,.vcenter {align-items: center;}

.main{width:500px;margin:0px auto}
.loginbg{width:100%;height:100%;}
.loginbg .pic{background: url(login.jpg) no-repeat;width: 100%;background-size: cover;position: absolute;top: 0;bottom: 0;}
.loginbg .main{background: rgb(0 0 0 / 50%);float: right;position: relative;height: 100%;}
.loginbg .xinput{margin-top:10px}
.loginbg .xbox{width:498px;height:408px;margin-top: 70%;}
.loginbg .xbox li{float:left;width:100%}
.loginbg .xbox li label{float:left;margin:5px 0px 0px 65px}
.loginbg .xbox span{float:left;width:360px;padding:4px 0px;margin:20px 0px 0px 70px;background:#fff;border-radius: 5px;}
.loginbg .xbox .xcode{width:150px;margin-top:18px}
.loginbg .xbox  .xinput .xcode input{padding:0px 5px}
.loginbg .xbox .xcodepic{width:150px;float:left;margin-top:5px;margin-left:8px}
.loginbg .xbox i{float:left;width:18%;height:30px;}
.loginbg .xbox  .xinput input{float:left;width:82%;border:0px;margin:0px;padding:0px;height:40px;font-size: 15px;color: #6b6b6b;font-family: "微软雅黑";text-indent: 20px;}
.loginbg .xbox .xname i{background:url(login1.png) no-repeat center center}
.loginbg .xbox .xpwd i{background:url(login2.png) no-repeat center center}
.loginbg .xbox .xbtn{font-family: "微软雅黑";float:left;width:360px;background:#fdd31c;color:#fff;border-radius:5px;font-size:15px;cursor:pointer;height:50px;margin:40px 0px 0px 70px;border:0px}

/* 扫码版登录页面样式 */
.login-container{height:100vh;background-image:linear-gradient(180deg,#ffe700 24%,#ffde00 100%);}
.login-container .logo{position:absolute;width:168px;height:48px;top:50px;left:68px;}
.login-container .logo img{width:100%;}
.login-container .login-box{display:flex;align-items:center;justify-content:center;height:100%;}
.login-container .login-box .backImg{width:83.6%;max-width:1600px;}
.login-container .login-box .login-form{margin-left:-36%;background:#ffffff;border-radius:24px;width:400px;height:500px;text-align:center;}
.login-container .login-box .login-form .title{font-size:28px;color:#000000;text-align:center;font-weight:600;margin-top:40px;position:relative;}
.login-container .login-box .login-form .title::before{content:" ";position:absolute;border:1px solid #eaeaea;width:31px;left:48px;top:18px;}
.login-container .login-box .login-form .title::after{content:" ";position:absolute;border:1px solid #eaeaea;width:31px;right:50px;top:18px;}
.login-container .login-box .login-form .qrBox{background:#ffffff;border:1px solid rgba(151,151,151,0.26);border-radius:22px;width:274px;height:274px;margin:0 auto;margin-top:27px;}
.login-container .login-box .login-form .qrBox img{width:238px;height:238px;}
.login-container .login-box .login-form .title-tips{font-size:15px;color:#bababa;text-align:center;font-weight:400;margin-top:26px;}
.login-container .login-box .login-form .title-tips span{color: #000; margin-left: 10px;text-decoration: underline;cursor: pointer;}
.login-container .footer-copyright{min-height:55px;line-height:55px;position:absolute;bottom:5px;right:0;width:100%;font-size:14px;color:#000000;text-align:center;font-weight:400;}
@media screen and (min-width:1920px){.login-container .login-box .login-form{margin-left:-700px;}}
@media screen and (max-width:1400px){.login-container .footer-copyright{}}
@media screen and (max-width:1000px){.login-container .login-box{flex-direction:column;overflow:hidden;}.login-container .login-box .backImg{margin-left:30%;}.login-container .login-box .login-form{margin-left:0;}}
@media screen and (max-width:800px){.login-container .login-box{flex-direction:column;overflow:hidden;}.login-container .login-box .backImg{width:700px;margin-left:260px;}.login-container .login-box .login-form{margin-left:0;}}
@media screen and (max-width:500px){.login-container .logo{top:0;left:0;}.login-container .footer-copyright{display:none;}}

a.beian::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 20px;
    background-size: cover;
    background-image: url('./beian.png');
    margin-right: 2px;
    vertical-align: middle;
}