@charset "UTF-8";
/**
 * Author: UiDEA
 * Date: 2023-03-21
 * Copyright: UiDEA
 */

/* cssreset */
html, body {overflow:hidden; color:#333; background:#fff;}
body, form, ul, ol, li, dl, dt, dd, th, td, p, blockquote, pre, fieldset, legend, hr, h1, h2, h3, h4, h5, h6, button, input, textarea {padding:0; margin:0;}
body, div, li, dt, dd, td, p, span, button, input, select, textarea {font-family:Tahoma, Arial, "Hiragino Sans GB", "Microsoft YaHei", \5b8b\4f53, sans-serif; font-size:12px;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
address, cite, dfn, em, var {font-style:normal;}
code, kbd, pre, samp {font-family:Courier New, Courier, monospace;}
table {border-spacing:0; border-collapse:collapse;}
ul, ol {list-style:none outside none;}
span {font-size:100%;}
legend {color:#666;}
img {vertical-align:bottom; border:0 none;}
sub, sup {position:relative; line-height:0; vertical-align:baseline;}
sup {top:-4px;}
sub {bottom:-4px;}
hr {height:0;}
button, input, select, textarea {padding:0; margin:0; outline:none;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer;}
button[disabled], input[disabled] {cursor:default;}
textarea {overflow:auto;}
a {color:#333; text-decoration:none; background:transparent; transition:all .5s;}
a:hover {color:#307bfc; text-decoration:none;}
a:active {color:#307bfc; outline:0;}
a:focus {outline:0;}
*, :after, :before {box-sizing:border-box;}

/* float */
.fl {float:left;}
.fr {float:right;}

/* padding-margin */
.pt10 {padding-top:10px;}
.pr10 {padding-right:10px;}
.pb10 {padding-bottom:10px;}
.pl10 {padding-left:10px;}
.mt10 {margin-top:10px;}
.mr10 {margin-right:10px;}
.mb10 {margin-bottom:10px;}
.ml10 {margin-left:10px;}

/* font */
.fs12 {font-size:12px;}
.fs14 {font-size:14px;}
.fs16 {font-size:16px;}
.ffy {font-family:arial, tahoma, sans-serif;}

/* color-background */
.c666 {color:#666;}
.c999 {color:#999;}
.bfff {background:#fff;}

/* text-alignment */
.txtl {text-align:left;}
.txtc {text-align:center;}
.txtr {text-align:right;}

/* link-color */
a.c666 {color:#666;}
a.c666:hover {color:#307bfc;}

/* control */
.input {display:flex; align-items:center; height:24px; padding:4px; border:1px solid #ddd;}
.select {padding:2px; border:1px solid #ddd;}
.textarea {padding:4px; color:#666; border:1px solid #ddd;}

/* ellipsis */
.ellipsis {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* overflow */
.ofvisible {overflow:visible;}

/* cover-background */
.coverbg {position:fixed; top:0; right:0; bottom:0; left:0; z-index:9998; display:none; background:rgba(0, 0, 0, .5);}

/* main */
.gdgs_logbox {position:relative; background:url(../images/bgImage01.jpg) no-repeat center / cover;}
.gdgs_logwrap {position:absolute; top:50%; left:50%; width:400px; height:400px; margin:-200px 0 0 200px; background:#fff; border:1px solid #e6e6e6; box-shadow:0 4px 12px rgba(0, 0, 0, .04);}
.gdgs_plogin {padding:40px 32px 0; margin:0 auto;}
.gdgs_plogin .gdgs_hornicon {position:absolute; top:0; right:0;}
.gdgs_plogin .gdgs_hornicon i {position:relative; z-index:99; display:flex; justify-content:right; width:52px; height:52px; padding:2px 2px 0 0; font-size:52px; color:#307bfc; cursor:pointer;}
.gdgs_plogin .gdgs_hornicon .tips {position:absolute; top:12px; right:52px; display:flex; align-items:center; height:28px; padding:0 8px; font-size:12px; color:#fe8a18; white-space:nowrap; background:#fefcee; border:1px solid #f3d995; border-radius:4px;}
.gdgs_plogin .gdgs_hornicon .tips::before, .gdgs_plogin .gdgs_hornicon .tips::after {position:absolute; top:50%; display:inline-block; width:0; height:0; content:"";}
.gdgs_plogin .gdgs_hornicon .tips::before {right:-6px; z-index:10; margin-top:-5px; border-color:transparent transparent transparent #f3d995; border-style:solid; border-width:6px 0 6px 6px;}
.gdgs_plogin .gdgs_hornicon .tips::after {right:-4px; z-index:11; margin-top:-4px; border-color:transparent transparent transparent #fefcee; border-style:solid; border-width:5px 0 5px 5px;}
.gdgs_plogin .hd {position:relative;}
.gdgs_plogin .hd ul {display:flex;}
.gdgs_plogin .hd li {position:relative; height:32px; margin-right:16px; font-weight:bold; font-size:16px; cursor:pointer;}
.gdgs_plogin .hd li:last-child {margin-right:0;}
.gdgs_plogin .hd li::before {position:absolute; bottom:0; left:50%; width:0; height:3px; background:#307bfc; content:""; transition:all .3s;}
.gdgs_plogin .hd li.on {color:#307bfc;}
.gdgs_plogin .hd li.on::before {left:0; width:100%;}
.gdgs_plogin .bd {position:relative; height:280px; margin-top:18px;}
.gdgs_plogin .bd .gdgs_form {position:relative; height:100%;}
.gdgs_plogin .bd .gdgs_form ul {min-height:112px;}
.gdgs_plogin .bd li {display:flex; margin-bottom:16px; overflow:hidden;}
.gdgs_plogin .bd li:last-child {margin-bottom:0;}
.gdgs_plogin .bd li .input {position:relative; display:flex; flex:1; align-items:center; height:48px; padding:0 16px; background:#f8fafb; border:1px solid #e6e6e6; border-radius:4px;}
.gdgs_plogin .bd li .input input {flex:1; width:100%; height:100%; font-size:14px; margin-left:0; background:transparent; border:0 none;}
.gdgs_plogin .bd li .input input::-webkit-input-placeholder {color:#909399;}
.gdgs_plogin .bd li .input input::-moz-placeholder {color:#909399;}
.gdgs_plogin .bd li i.togglepw {position:relative; z-index:10; font-size:20px; color:#333; cursor:pointer; user-select:none;}
.gdgs_plogin .bd li.piccode_img .yzm {width:120px; height:48px; margin-left:12px; overflow:hidden; cursor:pointer; background:#f8fafb; border:1px solid #e6e6e6; border-radius:4px;}
.gdgs_plogin .bd li.piccode_img .yzm img {width:100%; height:100%;}
.gdgs_plogin .bd li.smscode .sendcode {position:relative; padding-left:16px; font-size:12px; color:#307bfc; background:transparent; border:0;}
.gdgs_plogin .bd li.smscode .sendcode::before {position:absolute; top:50%; left:0; width:1px; height:24px; margin-top:-12px; content:""; background:#e6e6e6;}
.gdgs_plogin .bd li.smscode .sendcode:disabled {color:#909399;}
.gdgs_plogin .bd li.on .input {border-color:#307bfc;}
.gdgs_plogin .bd .errmsg {position:absolute; top:180px; color:#f40;}
.gdgs_plogin .bd .forget {position:relative; padding-left:12px; font-size:12px; color:#307bfc;}
.gdgs_plogin .bd .forget::before {position:absolute; top:50%; left:0; width:1px; height:16px; margin-top:-8px; content:""; background:#e6e6e6;}
.gdgs_plogin .bd .forget:hover {color:#307bfc;}
.gdgs_plogin .bd .qrcode {position:relative; width:216px; height:216px; margin:12px auto; padding:8px; box-shadow:0 0 8px rgba(0, 0, 0, .2);}
.gdgs_plogin .bd .qrcode .border {position:absolute; z-index:999; width:12px; height:12px; border:2px solid #999;}
.gdgs_plogin .bd .qrcode .bor_left_top {top:-2px; left:-2px; border-right:none; border-bottom:none;}
.gdgs_plogin .bd .qrcode .bor_right_top {top:-2px; right:-2px; border-left:none; border-bottom:none;}
.gdgs_plogin .bd .qrcode .bor_left_bottom {bottom:-2px; left:-2px; border-right:none; border-top:none;}
.gdgs_plogin .bd .qrcode .bor_right_bottom {bottom:-2px; right:-2px; border-left:none; border-top:none;}
.gdgs_plogin .bd .qrcode img {width:100%;}
.gdgs_plogin .bd .desc p {display:flex; align-items:center; justify-content:center;}
.gdgs_plogin .bd .desc i {margin-right:8px; font-size:16px; color:#307bfc;}
.gdgs_plogin .bd .desc strong {margin:0 4px; color:#307bfc;}
.gdgs_plogin .bd .desc .fs16 {font-size:16px;}
.gdgs_plogin .bd .qrcode .invalid, .gdgs_plogin .bd .qrcode .scaned {position:absolute; top:0; left:0; display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:100%; background:rgba(0, 0, 0, .6);}
.gdgs_plogin .bd .qrcode .invalid p, .gdgs_plogin .bd .qrcode .scaned p {font-size:18px; color:#fff;}
.gdgs_plogin .bd .qrcode .invalid p a {display:inline-block; height:36px; padding:0 16px; margin-top:16px; font-size:14px; line-height:36px; color:#fff; background:#307bfc; border-radius:4px;}
.gdgs_plogin .bd .qrcode .scaned p i {display:flex; align-items:center; justify-content:center; width:40px; height:40px; margin-bottom:8px; font-size:vw(32); background:#3c0; border-radius:50%;}
.gdgs_plogin .bd .tips {position:absolute; bottom:0; left:0; width:100%; font-size:12px; color:#999fb2; text-align:center;}
.gdgs_plogin .logbtn {display:flex; align-items:center; justify-content:center; height:48px; margin-top:24px; font-size:16px; color:#fff; background:#307bfc; border-radius:4px; box-shadow:0 4px 12px rgba(48, 123, 252, .5);}
.gdgs_plogin .logbtn:hover {color:#fff; opacity:.8; filter:alpha(opacity=80);}
.gdgs_plogin.no-vcode .bd .errmsg {top:116px;}
.gdgs_plogin.no-vcode .bd .errmsg1 {top:180px;}
.gdgs_plogin.no-vcode .logbtn {margin-top:24px;}
.gdgs_plogin.no-vcode .gdgs_captchapop {bottom:156px;}

/* imageSlider */
.gdgs_captchapop {position:absolute; top:initial; bottom:96px; left:50%; z-index:9999; display:none; width:342px; height:254px; padding:12px; margin-left:-172px; background:#fff; border:1px solid #eee; box-shadow:0 0 8px 4px rgba(0, 0, 0, .1);}
.gdgs_captchapop::before, .gdgs_captchapop::after {position:absolute; left:50%; content:""; border-style:solid;}
.gdgs_captchapop::before {bottom:-16px; margin-left:-8px; border-color:#eee transparent transparent transparent; border-width:8px;}
.gdgs_captchapop::after {bottom:-14px; margin-left:-7px; border-color:#fff transparent transparent transparent; border-width:7px;}
.gdgs_captchapop h3 {height:35px; font-size:14px; font-weight:normal; line-height:35px; color:#666; text-align:initial;}
.gdgs_captchapop .close {position:absolute; top:8px; right:8px; z-index:10; font-size:14px; color:#999; cursor:pointer; transition:all .3s;}
.gdgs_captchapop .close:hover {color:#307bfc; transform:rotate(180deg);}
.gdgs_captchapop #captcha {position:relative;}
.gdgs_captchapop #captcha .undefined {border-radius:4px;}
.gdgs_captchapop #captcha .block {position:absolute; top:0; left:0;}
.gdgs_captchapop #captcha .sliderContainer {position:relative; width:100%; height:34px; margin-top:5px; line-height:34px; color:#555; text-align:center; background:#f5f5f5;}
.gdgs_captchapop #captcha .sliderContainer_active .slider {height:34px;}
.gdgs_captchapop #captcha .sliderContainer_active .sliderMask {height:34px;}
.gdgs_captchapop #captcha .sliderContainer_success .slider {height:34px; background-color:#307bfc;}
.gdgs_captchapop #captcha .sliderContainer_success .sliderMask {height:34px; background-color:#d1e9fe;}
.gdgs_captchapop #captcha .sliderContainer_success .sliderIcon::after {color:#fff; content:"\e712";}
.gdgs_captchapop #captcha .sliderContainer_fail .slider {height:34px; background-color:#f57a7a;}
.gdgs_captchapop #captcha .sliderContainer_fail .sliderMask {height:34px; background-color:#fce1e1;}
.gdgs_captchapop #captcha .sliderContainer_fail .sliderIcon::after {color:#fff; content:"\eb9e";}
.gdgs_captchapop #captcha .sliderContainer_active .sliderText, .sliderContainer_success .sliderText, .sliderContainer_fail .sliderText {display:none;}
.gdgs_captchapop #captcha .sliderMask {position:absolute; top:0; left:0; height:34px; background:#d1e9fe;}
.gdgs_captchapop #captcha .slider {position:absolute; top:0; left:0; width:40px; height:40px; cursor:pointer; background:#fff; box-shadow:0 0 3px rgba(0, 0, 0, .3); transition:background .2s linear;}
.gdgs_captchapop #captcha .slider:hover {background:#307bfc;}
.gdgs_captchapop #captcha .slider:hover .sliderIcon::after {color:#fff;}
.gdgs_captchapop #captcha .sliderText {line-height:34px;}
.gdgs_captchapop #captcha .sliderIcon {position:absolute; top:50%; left:50%; width:14px; height:14px; margin:-7px 0 0 -7px;}
.gdgs_captchapop #captcha .sliderIcon::after {position:absolute; top:0; left:0; font-family:"iconfont"; font-size:14px; line-height:normal; color:#ccc; content:"\e9e3";}
.gdgs_captchapop #captcha .refreshIcon {position:absolute; top:-28px; right:8px; width:72px; height:18px; cursor:pointer;}
.gdgs_captchapop #captcha .refreshIcon::after {position:absolute; left:24px; font-size:14px; line-height:18px; color:#307bfc; white-space:nowrap; content:"换一张";}
.gdgs_captchapop #captcha .refreshIcon::before {position:absolute; left:0; font-family:"iconfont"; font-size:18px; color:#ccc; content:"\eb85";}
.gdgs_captchapop #msg {position:absolute; width:100%; font-size:14px; line-height:30px; color:#307bfc; text-align:center;}

.login-logo {position: fixed; top: 40px; left: 60px; font-size: 32px; color: #fff; z-index:201; }
.login-logo .no-title-tip-text { font-size: 16px; margin-left: 20px; color: #ddd;}
.login-logo .logo-image {max-height: 200px; max-width: 460px;}

.custom-foot-box {position: absolute; z-index:1;  bottom: 0px; width: 100%;}