html {
    height: 100%;
    font-size: 80px;
}
.hidden{
    display: none;
}
img {
    max-width: 100%;
    display: block;
    -webkit-user-drag: none;
    pointer-events: none;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: #F51600;
    cursor: pointer;
}

a:focus,
a:hover {
    outline: none;
}

 a.blackLink {
    color: #444444 !important;
}
 a.blackLink:hover {
    color: #F51600 !important;
}
a.whiteLink {
    color: #ffffff !important;
}
a.whiteLink:hover {
    text-decoration: underline;
}

button,
input {
    outline: none;
}

img {
    max-width: 100%;
    display: block;
    -webkit-user-drag: none;
    pointer-events: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input:-webkit-autofill {
    transition: background-color 5000s ease-in-out 0s;
}

.box {
    width: 1200px;
    margin: 0 auto;
}


.none {
    display: none;
}

/* 底部 */
.map_are {
    height: 240px;
    padding-top: 32px;
    display: flex;
    justify-content: space-between;
}

.bottom {
    width: 100%;
    background-color: #444444;
}

.map_left {
    display: flex;
    justify-content: space-around;
    color: #FFFFFF;
}

.map_li {
    margin-right: 65px;
}

.map_li b {
    font-size: 22px;
}

.map_li a {
    font-size: 16px;
}

.map_li div:nth-child(2),
.map_li div:nth-child(3) {
    margin-top: 30px;
}

.map_right {
    display: flex;
    justify-content: space-between;
    color: #FFFFFF;
}

.beian {
    text-align: center;
    height: 60px;
    width: 100%;
    line-height: 60px;
    color: #fff;
    font-size: 15px;
    background-color: #272727;
}

/* 导航栏 */
.navbar {
    width: 100%;
    height: 80px;
    /* background: #ffffff;
    box-shadow: 0px 4px 4px rgb(199 199 199 / 15%) */
}

.navbar-container {
    display: flex;
    height: 100%;
    justify-content: space-between;
    align-items: center;
}

.menu {
    width: 450px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.menu2 {
    width: 450px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.menu a,
.menu2 a {
    color: #444444;
    font-size: 18px;
}
.menu_options{
    margin-top: 0.26rem;
}
.login {
    margin-left: 270px;
    display: block;
    width: 120px;
    height: 36px;
    background: linear-gradient(27deg, #F51600, #FFA89F);
    border-radius: 8px;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    color: #ffffff !important;
}

.logo{margin-left: 0.4rem;}
.loginBody{
    width: 100%;
    height: 100%;
    font-size: 0.16rem;
    color: #585858;
    background: url(/images/login/bg.jpg) 0 bottom no-repeat;
    background-size: cover;
}
/*  */

.visibility {
    visibility: hidden;
}

.login_container {
    position: absolute;
    top: 45%; /* 向上移动50% */
    left: 50%;
    transform: translate(-50%, -50%);   
    width: 12rem;
    padding: 0.7rem 0.6rem;
    border-radius: 20px;
    z-index: 2;
    background: url(/images/login/bgs1.png) #ffffff -5% bottom no-repeat;
    box-shadow: 0px 10px 35px 10px rgba(101, 157, 198, 0.3);
}

.login_title {
    font-size: 0.35rem;
    font-weight: bold;
    position: absolute;
    left: 4%;
    top:7%;
    color: #444444;
}
.loginFormBoxOut {
    padding: 0.1rem;
}
.loginFormBox {
    overflow: hidden;
    padding: 0.2rem;
    display: grid;
    justify-items: end; /* 这会将所有项目向右对齐 */
}

.inputOut {
    position: relative;
    width: 380px;
}

.inputOut img {
    position: absolute;
    left: 0.25rem;
    top: 0.15rem;
    width: 20px;
}

.inputOut2 {
    position: relative;
    width: 380px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 10px;

}

.inputOut2 img {
    position: absolute;
    left: 0.25rem;
    top: 0.15rem;
    width: 16px;
}

.inputOut2 :nth-child(1) {
    flex: 1;
}

.txtInput {
    display: block;
    margin-bottom: 0.25rem;
    border: 1px solid #EEEEEE;
    color: #444444;
    font-size: 0.18rem;
    width: 100%;
    height: 0.5rem;
    text-indent: 0.9rem;
    border-radius: 8px;
}

.txtInput2 {
    display: block;
    margin-bottom: 0.25rem;
    border: 1px solid #EEEEEE;
    color: #444444;
    font-size: 0.18rem;
    width: 100%;
    height: 0.5rem;
    text-indent: 0.9rem;
    border-radius: 8px;
}


.vertical-line {
    position: absolute;
    height: 20px;
    left: 0.65rem;
    top: 27%;
    border-left: 1px solid #EEEEEE;
}

/* .verification {
    cursor: pointer;
    border: 1px solid #EEEEEE;
    border-radius: 8px;
    background-color: transparent;
    color: #555555;
    font-size: 0.18rem;
    line-height: 30px;
    padding: 4px 20px;
} */

.verification {
    cursor: pointer;
    border: 1px solid #F51600;
    border-radius: 8px;
    background-color: transparent;
    color: #F51600;
    font-size: 0.18rem;
    line-height: 30px;
    padding: 4px 20px;
}

.verification:hover {
    cursor: pointer;
    border: 1px solid #F51600;
    border-radius: 8px;
    color: #ffffff;
    background: linear-gradient(98deg, #F51600, #FFA89F);
    font-size: 0.18rem;
    line-height: 30px;
    padding: 4px 20px;
}


a.btnSubmit {
    display: block;
    width: 100%;
    padding: 0.15rem;
    font-size: 0.2rem;
    margin: 10px auto;
    text-align: center;
    background: linear-gradient(98deg, #F51600, #FFA89F);
    color:#ffffff;
    border-radius: 8px;
    border: none
}
a.btnSubmit:hover,a.btnSubmit2:hover{
    background: linear-gradient(98deg, #d41200, rgb(241, 160, 149));
}

.btnSubmit2 {
    display: block;
    width: 80%;
    padding: 0.15rem;
    font-size: 0.2rem;
    margin: 10px auto;
    text-align: center;
    background: linear-gradient(98deg, #F51600, #FFA89F);
    color:#ffffff;
    border-radius: 8px;
    border: none
}

.loginBoxBottom {
    display: flex;
    justify-content: space-between;
}

.loginBoxBottom :nth-child(1) {
    cursor: pointer;
}

.loginBoxBottom :nth-child(2) {
    color: #F51600;
    display: flex;
    align-items: baseline;
    cursor: pointer;
}

.login_beian {
    text-align: center;
    height: 60px;
    width: 100%;
    line-height: 60px;
    color: #fff;
    font-size: 15px;
    background-color: #272727;
    position: absolute;
    bottom: 0;
}

.useQRCode {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    width: 0.5rem;
    height: 0.5rem;
    background: url(/images/login/qr.png) 50% 50% no-repeat;
}

.useUserName {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    width: 0.5rem;
    height: 0.5rem;
    background: url(/images/login/computer.png) 50% 50% no-repeat;
}

.qrCode_container {
    width: 255px;
    height: 255px;
    background-color: #F6F7F8;

}

/* .loginFrom {
    width: 90%;
    margin: 0 auto;
} */
/* 注册 */
.sign_container {
    position: absolute;
    top: 45%; /* 向上移动50% */
    left: 50%;
    transform: translate(-50%, -50%);   
    width: 12rem;
    padding: 0.4rem 0.4rem;
    background-color: #FFFFFF;
    border-radius: 10px;
}

.sign_title {
    padding: 0.1rem 0 0.2rem 0;
    font-size: 0.425rem;
    font-weight: bold;
    text-align: center;
    position: relative;
    /* color: #F51600; */
}

.signFormBox {
    overflow: hidden;
    padding: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inputOut3 {
    position: relative;
    width: 470px;
}

.inputOut3>:nth-child(1) {
    position: absolute;
    left: 0.25rem;
    top: 0.15rem;
    width: 1rem;
}

.vertical-line2 {
    position: absolute;
    height: 20px;
    left: 1.2rem;
    top: 27%;
    border-left: 1px solid #EEEEEE;
}

.txtInput3 {
    display: block;
    margin-bottom: 0.35rem;
    border: 1px solid #EEEEEE;
    color: #444444;
    font-size: 0.18rem;
    width: 100%;
    height: 0.5rem;
    text-indent: 1.3rem;
    border-radius: 8px;
}

.inputOut4 {
    position: relative;
    width: 470px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 20px;
}

.inputOut4>:nth-child(1)>:nth-child(1) {
    position: absolute;
    left: 0.25rem;
    top: 0.15rem;
    width: 1rem;
}


.signBoxBottom {
    display: flex;
    justify-content: center;
    cursor: pointer;
    align-items: center;
    color:  #F51600;;
}
.redTxt{color: #F51600;}
.backLink{margin-top: 0.1rem; display:inline-block;text-align: center;}
.note_title{ text-align: center;font-size: 0.3rem;}