body,html{height: 100%}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
    transition-delay: 9999999s;
    transition: color 9999999s ease-out, background-color 9999999s ease-out;
    -webkit-transition-delay: 9999999s;
    -webkit-transition: color 9999999s ease-out, background-color 9999999s ease-out;
    -webkit-text-fill-color: #9da4ac;
}

/*登陆*/
.land_body{width: 100%; height: 100%; overflow: hidden; background: url("../Images/login_Background.jpg") no-repeat top center/cover}
/*背景*/
#particles {width: 100%;height: 100%;overflow: hidden;}
.land{width: 100%;height: 100%; background: url("../Images/tup.png") no-repeat center/cover;position: absolute; top: 0px; left: 0px; z-index: 20;}

.Login_File{background-color: #fff; width: 400px; height: 450px;border-radius: 15px; overflow: hidden;z-index: 25;
    -webkit-transition-timing-function: cubic-bezier(.68,-.25,.265,.85);
    -webkit-transition-property: -webkit-transform,opacity,box-shadow,top,left;
    transition-property: transform,opacity,box-shadow,top,left;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transform-origin: 161px 100%;
    -ms-transform-origin: 161px 100%;
    transform-origin: 161px 100%;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    position: absolute;
    margin: auto;

    top: -20px;
    bottom: 0px;
    left: 50%;
    margin-left: 200px;
}
.Login_File.testtwo{ bottom: 80px}

.Login_Content{width: 82%; margin: 25px 9%}
.Login_Title{width: 100%;  text-align: center; color: #000; font-size: 30px; letter-spacing: 1px; font-weight: bold;}
.Login_Title nav{line-height: 45px; margin-top: 10px}
.Login_Title img{max-width: 140px;}

.Login_Dl{width: 100%;border-bottom: 1px solid #bbbbbb; line-height: 24px; margin-top: 20px;}
.Login_Dl dt{float: left; width: 40px; height: 44px; text-align: center; line-height: 40px;}
.Login_Dl dt>img{width: 20px;}
.Login_Dl dd{margin-left: 45px;}
.Login_Dl dd input{width: 100%; height: 40px; line-height: 40px;padding: 10px 0px; border: 0px; text-indent: 15px; font-size: 16px; text-align: left; background-color: transparent;letter-spacing: 1px; color: #333;}

.Login_Dl dd input:-ms-input-placeholder{color: #bfbfbf!important;}
.Login_Dl dd input:-moz-placeholder{color: #bfbfbf!important;}
.Login_Dl dd input::-moz-placeholder{color: #bfbfbf!important;}
.Login_Dl dd input::-webkit-input-placeholder{color: #bfbfbf!important;}

.Rement{width: 100%; text-align: center; letter-spacing: 0.8px; margin-top: 5px;}
.Rement .layui-form-item{float: left; color: #9da4ac;}
.Rement .layui-unselect{display: inline-block; vertical-align: middle;}
.Rement .layui-form-checkbox[lay-skin=primary]{padding-left: 24px;}
.Rement .layui-form-checkbox[lay-skin=primary] span{color: #9da4ac;line-height: 15px;font-size: 12px;}

/*忘记密码*/
.Forget_Password{float: right; text-align: right; color: #bcc4cd; font-size: 14px; line-height: 30px;}
.Forget_Password:hover{text-decoration: underline;}
.Login_Submit{width: 100%; border-radius: 30px; background-color: #3372f3;box-shadow:0 0px 2px 0px #464444;text-align: center; cursor: pointer; color: #ffffff; font-size: 18px; letter-spacing: 1px; border: 0px; height: 48px; line-height: 48px; margin-top: 18px;}
.Login_Submit:hover{opacity: 0.8}

.Verification{}
.Verification>input.Code{width: 170px!important;}
.Verification #Verification_Code{float: right; color: #ef4d49;cursor: pointer;width: 90px; text-align: center; line-height: 20px; font-size: 14px;min-width:50px;}
.Verification #Verification_Code:hover{text-decoration: underline;}
.Verification #Verification_Code.disabled_Colde{font-size: 16px;}

.fk_bottom{width: 100%; text-align: center; position: absolute; bottom: 20px; color: #ffffff; font-size: 15px;}
/*提交验证提示*/
.authent {
    box-shadow: 0 20px 30px 3px rgba(0, 0, 0, .55);
    background: #35394a;
    background: linear-gradient(230deg, rgba(53, 57, 74, 0) 0%, rgb(0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(53, 57, 74, 0)', endColorstr='rgb(0, 0, 0)', GradientType=1);
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    width: 150px;
    color: #bcbcbc;
    padding: 5px 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    top: 100px;
    bottom: 0;
    height: 80px;
    display: none;
    opacity: 0
}
.loader{margin: auto}
.authent p {text-align: center;letter-spacing: 1px;color: #bcbcbc}

.ball-clip-rotate-multiple { position: relative;}
.ball-clip-rotate-multiple>div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-radius: 100%;
    height: 35px;
    width: 35px;
    -webkit-animation: rotate 1s 0s ease-in-out infinite;
    animation: rotate 1s 0s ease-in-out infinite;
}
.ball-clip-rotate-multiple>div:last-child {
    display: inline-block;
    top: 10px;
    left: 10px;
    width: 15px;
    height: 15px;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    border-color: #fff transparent #fff transparent;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}


@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(.5);
        transform: rotate(0deg) scale(.5);
        opacity: 0.2;
    }
    50% {
        -webkit-transform: rotate(180deg) scale(.8);
        transform: rotate(180deg) scale(.8);
        opacity: .5
    }
    100% {
        -webkit-transform: rotate(360deg) scale(.5);
        transform: rotate(360deg) scale(.5);
        opacity: 1
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(.5);
        transform: rotate(0deg) scale(.5);
        opacity: 0.2;
    }
    50% {
        -webkit-transform: rotate(180deg) scale(.8);
        transform: rotate(180deg) scale(.8);
        opacity: .5
    }
    100% {
        -webkit-transform: rotate(360deg) scale(.5);
        transform: rotate(360deg) scale(.5);
        opacity: 1
    }
}