.main {
    width: 100%;
    height: 100vh;
    overflow: auto;
    
}
.main_bg {
    background: url(/uiFramework/commonResource/image/2024022614245995522.png) no-repeat center;
    background-size: cover ;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100vh;
    overflow: auto;
    position: relative;
}
.loginBox {
    box-sizing: border-box;
    min-width: 0;
    padding: 0;
    box-shadow: 0px 8px 20px 4px rgba(0,0,0,0.1);
    border-radius: 10px;
    background-color: #FFFFFF;
    position: absolute;
    top: 12%;
    right: 6%;
}
.isShow::after {
    content: attr(data-content);
    color: red;
    position: absolute;
    top: -20px;
    left: 0px;
    height: 20px;
    line-height: 20px;
    display: flex;
    z-index: 90;
    font-size: 12px;
    transition: all 0.6s ease-in-out;
}

.loginBox form{padding: 10px 40px 30px 40px;width: 400px;height: 500px;}
.tabLi{height:60px;line-height: 60px;cursor: pointer;text-align: center;font-size: 22px;letter-spacing: 1px;color: #070b2d;font-weight:700;position:relative;}
.tabLi::before {display: block;position: absolute;bottom: 0;content: "";width: 26px;height: 4px;background-color: #0071c3;left: 50%;margin-left: -13px;border-radius: 10px;}
.tabcontent label{display: inline-block;width: 100%;margin-top: 22px;height: 52px;position: relative;border: 1px solid #e3ecff;background: #f6f9ff;padding: 0 10px;box-sizing: border-box;border-radius: 10px;}
.tabcontent label input{width: 100%;height:100%;background:transparent;border:0;font-size:16px;}
.tabcontent label:nth-child(2) input{width:200px;}
.tabcontent label span.eye{position: absolute;right: 14px;top: 16px;cursor: pointer;}

.forget a{color: #0071c3;font-size:14px;margin-top:10px;display:inline-block;}
.button{border:0;font-size: 16px;cursor:pointer;}
.fromSubmit {color: #fff;background-color: #0071c3;width: 100%;height: 45px;border-color: #0071c3;margin-top: 16px;border-radius: 20px;letter-spacing: 2px;text-align: center;box-shadow: 0px 19px 17px -5px rgba(206,228,243);}
.notice{color: #565863;line-height:24px;font-size:14px;margin-top: 20px;}
.notice span{color: #0071c3;cursor: pointer;}
.othersLogin{margin-top:10px;}
.othersLogin div{text-align:center;font-size:14px;color: #565863;position:relative;}
.othersLogin div:before{content:'';display:inline-block;width:100px;border-top:1px solid #e3ecff;margin-bottom: 4px;}
.othersLogin div:after{content:'';display:inline-block;width:100px;border-top:1px solid #e3ecff;margin-bottom: 4px;}
.othersLogin ul{display:flex;justify-content:space-between;margin-top:12px;}
.othersLogin ul li{text-align:center;}
.othersLogin ul li p{color: #565863;font-size:14px;margin-top:10px;}