body { min-width: 1280px; min-height: 768px; position:relative; }
#MainDiv { height: 100%; width: 100%; padding: 0;}
.bg_img { position: absolute; width: 63%; height: 90%; bottom: 0%; background: url(../images/login.png); background-size: 100% 100%; }
.bg_imgGif1 { position: absolute; top: 17%; left: 5%; width: 6.7%; height: 9.3%; max-width: 80px; max-height: 80px; min-width: 65px; min-height: 65px; background: url(../images/loginGif1.gif); background-size: 100% 100%; }
.bg_imgGif2 { position: absolute; top: 8%; left: 49%; width: 5%; height: 6.9%; max-width: 60px; max-height: 60px; min-width: 48px; min-height: 48px; background: url(../images/loginGif2.gif); background-size: 100% 100%; }
.bg_imgGif3 { position: absolute; top: 49%; left: 69.5%; width: 7.8%; height: 10.8%; max-width: 94px; max-height: 94px; min-width: 75px; min-height: 75px; background: url(../images/loginGif3.gif); background-size: 100% 100%; z-index: -1; }
.bg_imgGif4 { position: absolute; top: 65%; left: 76%; width: 4.2%; height: 5.8%; max-width: 50px; max-height: 50px; min-width: 41px; min-height: 41px; background: url(../images/loginGif4.gif); background-size: 100% 100%; }
.login_bg { width: 100%; height: 100%; }
.user_info_box { position: absolute; top: 24%; right: 12%; }
.login_title { width: 506px; height: 61px; font-size: 46px; line-height: 61px; color: #198cff; font-weight: bold;}
.user_account, .user_password { width: 500px; height: 50px; line-height: 50px; border-bottom: solid 1px #D9D9D9; }
    .user_account input, .user_password input { width: 470px; height: 50px; line-height: 50px; font-size: 20px; font-weight: bold; }
.user_account { margin-top: 160px; }
.user_password { margin-top: 60px; }
    .user_img { vertical-align: middle; }
.marked_word { height: 40px; line-height: 40px; margin-bottom: 80px; margin-top: 20px;}
.is_hidden { visibility: hidden }
.point { width: 8px; height: 8px; background-color: #faad14; display: inline-block; border-radius: 50%; }
.error_account { width: 168px; height: 19px; line-height: 19px; color: rgba(0, 0, 0, 0.25); display: inline-block;}
.login_btn { display: inline-block; width: 500px; height: 60px; background-image: linear-gradient(231deg, #46baf6 0%, #197dff 100%); box-shadow: 0px 3px 10px 0px rgba(25, 140, 255, 0.4); border-radius: 30px; text-align: center; line-height: 60px; font-size: 24px; color: #ffffff; letter-spacing: 10px; cursor: pointer;}
    .login_btn:hover { background: #0865DF;  }
.select_box { display:none; border: 1px solid #57ABFF; border-radius:10px; margin-top:160px; }
.xzbjDiv { background :#fff; border-radius:10px;}
.xzbjDiv select { padding: 0 10px; height: 50px; width: 365px; border-radius: 10px; border: 0; font-size: 17px; letter-spacing: 1px; }
.xzbjDiv span { display: inline-block; font-size: 17px; color: #fff; width: 128px; height: 50px; line-height: 50px; background-color: #198cff; border-radius: 0px 10px 10px 0px; vertical-align: top; text-indent: 42px; letter-spacing: 12px; float:right; cursor:pointer; }

.before_timer { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #FFFFFF; z-index: 99; font-size: 28px; text-align: center; display: none; justify-content: center; align-items: center; letter-spacing: 2px; }

/*遮罩层*/
.loading { position: absolute; width: 100%; height: 100%; z-index: 1000; background: #fff; font-size: 40px; }
.loadingtxt { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }