body, ul, li, p, span, a, input, h1, h2, h3, h4, h5, dl, dd, dt{ margin:0; padding:0;}
ul, li{ list-style:none;}
a{ cursor:pointer; }

body{ background:#eff2f5; font-family:"微软雅黑", Geneva, Arial, Helvetica, sans-serif;}
/*HEAD*/
.SignMain{ width:950px; margin:40px auto;}
.logo{ background:url(../images/login/logo.jpg) no-repeat left center; height:80px;}

/*SIGN-IN*/
.RegisterFrom{ background:#FFF; border:1px solid #e6eaef; border-top-width:4px; margin-top:10px; display:inline-block; width:100%; padding:40px 0; min-height: 330px;}
.Sept1Pic{background:url(../images/login/sibg.jpg) no-repeat center #fcfcfc; width:415px; height:316px; float:left; margin:20px 0 0 20px;}

.RegisterFromUL{ float:left;}
.RegisterFrom ul.RegisterSept{ float:left; margin-left:80px; display:inline-block;}
.RegisterFromUL li{ margin:8px 0; position:relative; font-size:12px; color:#666;}
.RegisterFromUL .RegistIpt{ background:#fefefe; border: 1px solid #E5E6EB; width:350px; height:50px; line-height:50px; color:#b8c4ce; padding:0px 10px 0px 60px; font-size:14px;}
.RegisterFromUL .RegTime, .YanZheng{ background:#fefefe; border:1px solid #e9ecee; width:60px; margin-right:8px; height:34px; line-height:34px; color:#b8c4ce; padding:0px 10px;}
.RegisterFromUL .YanZheng{ width:70px; background:#dedede; color:#aaaaaa; border-color:#dedede; cursor:pointer;}
.RegisterFromUL .YanZheng:hover{ background:#e7e7e7;}

.RegisterFromUL input.RegistIpt:hover, .RegisterFromUL input.RegTime:hover{ border-color:#3999d8; color:#5d6d7e;}
.RegisterFromUL .RegistBtn{ width:290px; height:50px; margin: 10px 5px 0px 0px; line-height:50px; background:#3499da; float:left; border:1px solid #2b92d5; color:#fff; text-align:center; cursor:pointer; font-size:14px; font-weight:bold; font-family:Verdana, Arial;}
.RegisterFromUL .RegistBtn00{ width:420px; height:50px; margin-top:10px; line-height:50px; background:#3499da; border:1px solid #2b92d5; color:#fff; text-align:center; cursor:pointer; font-size:14px; font-weight:bold; font-family:Verdana, Arial;}
.RegisterFromUL .RegistBtn01{ width:120px; height:50px; margin: 10px 0px 0px 5px; line-height:50px; background:#C0EBF2; border:1px solid #C0EBF2; color:#3499DA; text-align:center; cursor:pointer; font-size:14px; font-weight:bold; font-family:Verdana, Arial;}
.RegisterFromUL input.RegistBtn:hover{ background:#3aa0e2;}
.RegisterFromUL input.RegistBtn:focus{ background:#3396d6; border-color:#4f91aa;}

.RegisterFromUL li .RegisterMES{ background:#525252; color:#fff; padding:5px 18px; font-size:12px; position:relative; margin-bottom:5px; display:inline;}
.mesj{ width:9px; height:5px; display:block; background:url(../images/login/mesj.png) no-repeat; position:absolute; left:30px; bottom:-5px;}

.mesio{ background:url(../images/login/mesio.png) no-repeat left center; height:20px; line-height:20px; position:absolute; left: 435px; top:10px; color:#999999; padding-left:20px; width:180px; font-size:12px;}

.Regfooter{ border-top:2px solid #d0d0d0; text-align:center; font-size:12px; color:#adadad; line-height:40px; margin:40px 30px 0;}
.SeptPic{background:url(../images/login/sibg.jpg) no-repeat center #fff; width:322px; height:300px; float:right; margin:0 50px 0 0;}

.RegisterSept .fa{ display:block; width:20px; height:24px; background-image:url(../images/login/userico.png); background-repeat:no-repeat; position:absolute; top:13px; left:20px;}
.RegisterSept .fa-user{ background-position:0 0;}
.username:hover .fa-user{ background-position:0 -24px;}
.RegisterSept .fa-pass{ background-position:-20px 0;}
.userpass:hover .fa-pass{ background-position:-20px -24px;}


html {
    min-width: 1366px;
}

@media screen and (min-width:1366px) {
    html {
        height: 100%;
        font-size: 11.38px;
    }
}
@media screen and (min-width:1440px) {
    html {
        height: 100%;
        font-size: 12px;
    }
}
@media screen and (min-width:1600px) {
    html {
        height: 100%;
        font-size: 13.33px;
    }
}
@media screen and (min-width:1680px) {
    html {
        height: 100%;
        font-size: 14px;
    }
}
@media screen and (min-width:1920px) {
    html {
        height: 100%;
        font-size: 16px;
    }
}
@media screen and (min-width:2560px) {
    html {
        height: 100%;
        font-size: 21.33px;
    }
}



.login_top{
    position: absolute;
    z-index: 999;
    margin: 6rem 0 6rem 6rem;
    box-sizing: border-box;
    display: flex;
    /*background-image: url("../images/login/Frame 427319098.png");*/
}
.login2{
    width: 28.4375rem;
    height: 5.3125rem;
    colors: #FFFFFF;
    /*background-image: url("../images/login/image 404.png");*/
    background-size: cover;
}
.login_middle{
    padding: 0 6rem;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5.5rem;
    flex: 1 0 0;
}
.text_content{
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 1.5rem;
    align-self: stretch;
    /*background-image: url("../images/login/Frame 10.png");*/
}
.text1{
    color: #FFFFFF;
    font-size: 5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    /*background-image: url("../images/login/hello.png");*/
}
.text2{
    color: #FFF;
    font-size: 4rem;
    font-style: normal;
    font-weight: 100;
    line-height: normal;
    /*background-image: url("../images/login/welcome.png");*/
}
.text3{
    color: #FFF;
    font-size: 2rem;
    font-style: normal;
    font-weight: 100;
    line-height: normal;
    text-transform: capitalize;
    /*background-image: url("../images/login/welcome_english.png");*/
}
.login_content{
    float: left;
    display: flex;
    padding: 3.5rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;

    border-radius: 0.25rem;
    border: 1px solid #FFF;
    background: #FFFFFF;
    backdrop-filter: blur(12px);
}
.welcome_login{
    color: #000;

    /* 24 中等 */
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 100;
    line-height: 2rem; /* 133.333% */
    text-transform: capitalize;
}

.login_username{
    display: flex;
    padding: 0.75rem 1rem;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    border-radius:0.125rem;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.50);
}
.login_password{
    margin-top: 24px;
    display: flex;
    padding: 0.75rem 1rem;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    border-radius:0.125rem;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.50);
    /*background-image: url("../images/login/Frame.jpg");*/
    background-repeat: no-repeat;
    background-size:16px 16px;
    background-position: 320px 12px;
}

.login_button{
    cursor:pointer;
    border: none;
    display: flex;
    padding: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
    align-self: stretch;

    border-radius: 0.125rem;
    background: #0E42D2;


    color: #FFFFFF;
    /* 16 正常 */
    font-size: 1rem;
    font-style: normal;
    font-weight: 100;
    line-height: 1.5rem;/* 150% */
    text-transform: capitalize;
    width: 100%;
}

.login_button_over{
    cursor:pointer;
    border: none;
    display: flex;
    padding: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
    align-self: stretch;

    border-radius: 0.125rem;
    background: #3162CC;


    color: #FFFFFF;
    /* 16 正常 */
    font-size: 1rem;
    font-style: normal;
    font-weight: 100;
    line-height: 1.5rem; /* 150% */
    text-transform: capitalize;
    width: 100%;
}

.yanzheng_row{
    display: flex;
    align-items: center;
    margin-top: 2px;
}

.yanzheng_input{
    display: flex;
    padding: 12px 16px;
    align-items: center;
    flex: 1 0 0;

    border-radius: 2px;
    border: 1px solid #FFF;
    /*background: rgba(255, 255, 255, 0.50);*/
}

.yanzheng_img{
    padding: 12px 18px;
    width: 37%;
    height: 40px;
    flex-shrink: 0;
}
/*.img_icon{*/
/*    width: 16px;*/
/*    height: 16px;*/
/*    flex-shrink: 0;*/

/*    margin-left: 100px;*/
/*    background-image: url("../images/login/Frame.jpg");*/
/*}*/
.check_data{
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
}
.check1{
    color: #000;

    /* 14 正常 */
    font-size: 14px;
    font-style: normal;
    font-weight: 100;
    line-height: 22px; /* 157.143% */
    text-transform: capitalize;
}

.welcome_text{
    display: flex;
    align-items: center;
    align-self: stretch;
    color: #000000;
}
.real_text{
    color: #1D2129;

    /* 24 中等 */
    font-family: OPPOSans;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 133.333% */
    text-transform: capitalize;
}
video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -999;
    /* 被替换的内容在保持其宽高比的同时填充元素的整个内容框。
如果对象的宽高比与内容框不相匹配，该对象将被剪裁以适应内容框。 */
    object-fit: cover;
    vertical-align: bottom;
}
.bg {
    position: absolute;
    z-index: -98;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(22, 93, 255, 0.60) 0%, rgba(22, 93, 255, 0.60) 100%);
}

.mesio1{
    background:url(../images/login/mesio.png) no-repeat left center;
    height:20px;
    line-height:20px;
    position:absolute;
    color:#999999;
    padding-left:20px;
    font-size:12px;
    margin-top: 0px;
}

.RegisterSept .fa-usr{ display:block; width:54px; height:54px; background-image:url(../images/login/usr.png); background-repeat:no-repeat; position:absolute; top:13px; left:20px;background-size: 24px 24px;}
.RegisterSept .fa-pwd{ display:block; width:54px; height:54px; background-image:url(../images/login/pwd.png); background-repeat:no-repeat; position:absolute; top:13px; left:20px;background-size: 24px 24px;}
.RegisterSept .fa-code{ display:block; width:54px; height:54px; background-image:url(../images/login/cpt.png); background-repeat:no-repeat; position:absolute; top:20px; left:20px;background-size: 24px 24px;}
.footer {
    position: fixed; /* 固定定位 */
    bottom: 10px; /* 距离底部 0 */
    left: 0; /* 距离左边 0 */
    width: 100%; /* 宽度 100% */
    color: rgba(255, 255, 255, 0.4); /* 字体颜色 */
    text-align: center; /* 文本居中 */
    font-size: 12px;
    padding: 10px 0; /* 上下内边距 */
}