@charset "UTF-8";
/**
 * Author: UiDEA
 * Date: 2019-11-05
 * Copyright: UiDEA
 */

/* cssreset */
html, body {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;}

/* font */
.fs12 {font-size:12px;}
.fs14 {font-size:14px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}

/* color-background */
.cfff {color:#fff;}
.c333 {color:#333;}
.c666 {color:#666;}
.c999 {color:#999;}
.cff6a00 {color:#ff6a00;}

/* text-align */
.txtr {text-align:right;}

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

/* layout */
.gdgs_layout {position:relative; width:1200px; margin:0 auto; clear:both;}
.gdgs_layout:after, .clearfix:after {display:block; height:0; clear:both; visibility:hidden; content:"";}
.clearfix {zoom:1;}

/* public */
.gdgs_ppic {position:absolute; top:50%; left:50%; width:320px; height:306px; margin:-153px 0 0 -160px;}
.gdgs_ppic img {width:320px;}
.gdgs_plogin {padding:0 25px; margin:0 auto;}
.gdgs_plogin h3 {height:70px; font-size:18px; font-weight:bold; line-height:70px; color:#333; text-align:center;}
.gdgs_plogin .hd {position:relative;}
.gdgs_plogin .hd ul {display:flex;}
.gdgs_plogin .hd li {position:relative; margin-right:24px; cursor:pointer;}
.gdgs_plogin .hd li:last-child {margin-right:0;}
.gdgs_plogin .hd li span {position:relative; display:inline-flex; align-items:center; height:50px; font-size:18px;}
.gdgs_plogin .hd li span::before {position:absolute; bottom:0; left:50%; width:0; height:2px; background:#0af; content:""; transition:all .3s;}
.gdgs_plogin .hd li.on span {font-weight:bold; color:#0af;}
.gdgs_plogin .hd li.on span::before {left:0; width:100%;}
.gdgs_plogin .hd .sms-login {display:none;}
.gdgs_plogin .bd {margin-top:20px;}
.gdgs_plogin .bd .gdgs_form {position:relative;}
.gdgs_plogin .bd li {margin-bottom:20px; overflow:hidden;}
.gdgs_plogin .bd li .input {position:relative; display:flex; flex:1; align-items:center; height:42px; padding:0 15px; line-height:40px; border:1px solid #ddd; border-radius:4px;}
.gdgs_plogin .bd li .input i {font-size:20px; line-height:40px; color:#ccc; vertical-align:bottom;}
.gdgs_plogin .bd li .input input {flex:1; width:100%; height:28px; margin-left:10px; font-size:14px; line-height:28px; border:0 none;}
.gdgs_plogin .bd li .input input::-ms-reveal {display:none;}
.gdgs_plogin .bd li .input label {top:2px; left:45px; font-size:14px;}
.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 {display:flex;}
.gdgs_plogin .bd li.piccode .yzm {width:82px; height:42px; margin-left:10px; overflow:hidden; cursor:pointer; border:1px solid #ddd; border-radius:4px;}
.gdgs_plogin .bd li.piccode .yzm img {width:100%; height:100%;}
.gdgs_plogin .bd li.piccode .txt {margin:2px 0 0 10px; cursor:pointer;}
.gdgs_plogin .bd li.piccode .txt span {display:block; line-height:1.6; color:#999;}
.gdgs_plogin .bd li.piccode .txt span:nth-child(2) {color:#0af;}
.gdgs_plogin .bd li.smscode .sendcode {position:relative; padding-left:8px; margin-left:8px; font-size:14px; color:#0af; white-space:nowrap; background:transparent; border:0;}
.gdgs_plogin .bd li.smscode .sendcode::before {position:absolute; top:50%; left:0; width:1px; height:14px; margin-top:-7px; content:""; background:#f0f0f0;}
.gdgs_plogin .bd li.smscode .sendcode:disabled {color:#999;}
.gdgs_plogin .bd li.on .input {border-color:#0af;}
.gdgs_plogin .bd li.on i:not(.togglepw) {color:#0af;}
.gdgs_plogin .bd .errmsg {position:absolute; top:172px; color:#f40;}
.gdgs_plogin .bd .forget {position:relative; padding-left:8px; margin-left:8px; font-size:14px; color:#0af; white-space:nowrap;}
.gdgs_plogin .bd .forget::before {position:absolute; top:50%; left:0; width:1px; height:14px; margin-top:-7px; content:""; background:#f0f0f0;}
.gdgs_plogin .bd .forget:hover {color:#0af;}
.gdgs_plogin .bd .qrcode {width:184px; height:184px; padding:2px; margin:40px auto 20px; box-shadow:0 0 8px rgba(0, 0, 0, .2);}
.gdgs_plogin .bd .qrcode img {width:100%;}
.gdgs_plogin .bd .desc {display:flex; align-items:center; justify-content:center;}
.gdgs_plogin .bd .desc i {margin-right:4px; font-size:22px; color:#0af;}
.gdgs_plogin .bd .desc strong {margin:0 4px; color:#f60;}
.gdgs_plogin .logbtn {display:block; height:42px; margin-top:24px; font-size:16px; line-height:42px; color:#fff; text-align:center; background:#0af; border-radius:4px;}
.gdgs_plogin .logbtn:hover {color:#fff; opacity:.8;}
.gdgs_plogin.no-vcode + .gdgs_captchapop {top:-40px;}
.gdgs_plogin.no-vcode .bd .errmsg {top:110px;}
.gdgs_plogin.no-vcode  .bd .errmsg1 {top:172px;}
.gdgs_logmode {display:flex; overflow:hidden;}
.gdgs_logmode span {display:flex; align-items:center; justify-content:center; height:30px; margin-right:10px; font-size:14px; line-height:30px; cursor:pointer;}
.gdgs_logmode span:last-child {margin-right:0;}
.gdgs_logmode span:hover {color:#0af;}
.gdgs_logmode span i {margin-right:4px; font-size:18px;}
.gdgs_logmode span .iconwx {color:#50b674;}
.gdgs_logmode span .icondd {color:#3aa2eb;}
.gdgs_logmode span .icon {width:20px; height:20px; margin-right:4px;}
.gdgs_pbrowsetips {margin-top:10px; line-height:1.8;}
.gdgs_pbrowsetips span {flex:1;}
.gdgs_pbrowsetips a {color:#0af;}
.gdgs_pbrowsetips a:hover {text-decoration:underline;}
.gdgs_selbox {position:fixed; z-index:99; top:24px; right:24px; width:150px; height:24px; color:#999;}
.gdgs_selbox .slidkey {position:relative; display:flex; align-items:center; height:24px; padding:0 24px; overflow:hidden; color:#333; text-align:left; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; background:#fff; border:1px solid #ddd; border-radius:2px;}
.gdgs_selbox i {position:absolute; top:50%; left:4px; margin-top:-8px; font-size:16px; color:#999;}
.gdgs_selbox i.arrow {right:4px; left:inherit;}
.gdgs_selbox .slidkey_hide {position:relative; left:0; top:-1px; z-index:99; display:none; background:#fff; border:1px solid #ddd; border-bottom:0; box-shadow:0 3px 3px 0 rgba(0, 0, 0, .1);}
.gdgs_selbox .slidkey_hide li {float:none; height:30px; margin-left:0; padding:0 0 0 8px; overflow:hidden; line-height:29px; color:#666; text-align:left; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; background-color:#fff; border-bottom:1px solid #eee;}
.gdgs_selbox .slidkey_hide li:hover {background:#307bfc; color:#fff;}

/* style one login */
.gdgs_oneheader {height:80px;}
.gdgs_oneheader .gdgs_layout {display:flex; align-items:center; height:100%;}
.gdgs_oneheader .logo {flex:1;}
.gdgs_oneheader .logo img {height:50px;}
.gdgs_oneheader .tel img {height:30px;}
.gdgs_onebanner {height:590px; overflow:hidden; background:url(./images/gdgs_onebanner.jpg) no-repeat 50% 0;}
.gdgs_onebanner .gdgs_captchapop {top:8px;}
.gdgs_onebanner .gdgs_plogin.no-vcode + .gdgs_captchapop {top:-52px;}
.gdgs_oneml {position:relative; width:650px; height:590px;}
.gdgs_oneml .gdgs_ppic {width:400px; height:382px; margin:-191px 0 0 -200px;}
.gdgs_oneml .gdgs_ppic img {width:400px;}
.gdgs_onemr {position:absolute; top:50%; right:60px; width:350px; min-height:370px; margin-top:-185px; padding:10px 0 20px; background:#fff; border-radius:4px; box-shadow:0 0 10px rgba(0, 0, 0, .2);}
.gdgs_onefooter {padding:20px 0;}
.gdgs_onefooter .gdgs_layout {display:flex; align-items:center;}
.gdgs_onefooter .copr {flex:1;}
.gdgs_onefooter .copr img {height:36px;}
.gdgs_onefooter .qrcode img {height:90px;}

/* style two login */
.gdgs_twobg {position:relative; background:url(./images/gdgs_twobg.jpg) no-repeat center center / cover;}
.gdgs_twologin {position:absolute; top:50%; left:50%; width:850px; height:420px; margin:-210px 0 0 -425px; background:#fff; box-shadow:0 0 10px rgba(0, 0, 0, .2);}
.gdgs_twoml {position:relative; width:425px; height:420px; background:linear-gradient(to bottom, #1473e0, #052785);}
.gdgs_twomr {position:relative; width:425px; padding:20px 0;}
.gdgs_twomr .gdgs_plogin {padding:0 50px;}
.gdgs_twomr .gdgs_plogin .hd li span::before {background:#1369cf;}
.gdgs_twomr .gdgs_plogin .hd li.on span {color:#1369cf;}
.gdgs_twomr .gdgs_plogin .bd .desc i {color:#1369cf;}
.gdgs_twomr .line {position:absolute; top:0; left:0; display:flex; width:100%; height:6px;}
.gdgs_twomr .line span {width:20%; height:100%;}
.gdgs_twomr .line span:nth-child(1) {background:#14151e;}
.gdgs_twomr .line span:nth-child(2) {background:#00a0e9;}
.gdgs_twomr .line span:nth-child(3) {background:#31c249;}
.gdgs_twomr .line span:nth-child(4) {background:#ffc91f;}
.gdgs_twomr .line span:nth-child(5) {background:#39b5ab;}
.gdgs_twomr .gdgs_plogin li.piccode .yzm {width:102px;}
.gdgs_twomr .gdgs_plogin li.piccode .txt span:nth-child(2) {color:#1369cf;}
.gdgs_twomr .gdgs_plogin li.smscode .sendcode {color:#1369cf;}
.gdgs_twomr .gdgs_plogin li.smscode .sendcode:disabled {color:#999;}
.gdgs_twomr .gdgs_plogin .logbtn {background:#1369cf;}
.gdgs_twomr .gdgs_plogin li.on .input {border-color:#1369cf;}
.gdgs_twomr .gdgs_plogin li.on i:not(.togglepw) {color:#1369cf;}
.gdgs_twomr .gdgs_plogin .bd .forget {color:#1369cf;}
.gdgs_twomr .gdgs_plogin .bd .forget:hover {color:#1369cf;}
.gdgs_twomr .gdgs_pbrowsetips a {color:#1369cf;}
.gdgs_twomr .gdgs_pbrowsetips a:hover {text-decoration:underline;}

/* style three login */
.gdgs_thrbg {position:relative; overflow:hidden; background:url(./images/gdgs_thrbg.jpg) no-repeat center center / cover;}
.gdgs_thragroup .arrow {position:absolute; top:0; right:50%; width:50px; height:200px; margin-top:30px; background:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); opacity:.15; animation:vermove 5s linear infinite;}
.gdgs_thragroup .arrow:before {position:absolute; top:-30px; left:0; width:0; height:0; content:""; border-color:transparent; border-style:solid; border-width:15px 25px; border-bottom-color:rgba(255, 255, 255, 1);}
.gdgs_thragroup .arrow.small {margin:450px -450px 0 0; animation-duration:4s;}
.gdgs_thragroup .arrow.medium {width:60px; margin:200px -600px 0 0; animation-duration:6s;}
.gdgs_thragroup .arrow.medium:before {border-width:15px 30px;}
.gdgs_thragroup .arrow.large {width:70px; margin-right:-210px;}
.gdgs_thragroup .arrow.large:before {border-width:15px 35px;}
.gdgs_thragroup .arrow.lfsmall {margin:500px 450px 0 0; animation-duration:3s;}
.gdgs_thragroup .arrow.lfmedium {width:60px; margin:350px 600px 0 0;}
.gdgs_thragroup .arrow.lfmedium:before {border-width:15px 30px;}
.gdgs_thrlogin {position:absolute; top:50%; left:50%; width:850px; height:420px; margin:-210px 0 0 -425px; background:#fff; border-radius:4px; box-shadow:0 0 30px rgba(0, 0, 0, .3);}
.gdgs_thrml {position:relative; width:425px; height:420px; background:url(./images/gdgs_thrpic.jpg) no-repeat;}
.gdgs_thrmr {position:relative; width:425px; padding:20px 0;}
.gdgs_thrmr .gdgs_plogin {padding:0 50px;}
.gdgs_thrmr .gdgs_plogin h3 {color:#1289ea;}
.gdgs_thrmr .gdgs_plogin .hd li span::before {background:#1289ea;}
.gdgs_thrmr .gdgs_plogin .hd li.on span {color:#1289ea;}
.gdgs_thrmr .gdgs_plogin .bd li {position:relative; display:flex; align-items:center; padding-top:8px; overflow:visible;}
.gdgs_thrmr .gdgs_plogin .bd li::after {position:absolute; bottom:0; left:0; width:100%; height:1px; content:""; background:#e5e5e5;}
.gdgs_thrmr .gdgs_plogin .bd li span {position:absolute; bottom:1px; left:0; display:block; padding-bottom:12px; font-size:14px; color:#2e323e; text-align:left; opacity:0; transition:all .2s;}
.gdgs_thrmr .gdgs_plogin .bd li input {position:relative; width:100%; padding:6px 0 10px; font-size:14px; border:0 none;}
.gdgs_thrmr .gdgs_plogin .bd li.piccode .yzm {position:absolute; right:0; bottom:5px; overflow:hidden; cursor:pointer; border:1px solid #ddd; border-radius:4px;}
.gdgs_thrmr .gdgs_plogin .bd li.smscode .sendcode {color:#1289ea;}
.gdgs_thrmr .gdgs_plogin .bd li.smscode .sendcode:disabled {color:#999;}
.gdgs_thrmr .gdgs_plogin .bd li.on::after {background:#1289ea;}
.gdgs_thrmr .gdgs_plogin .bd .forget {color:#1289ea;}
.gdgs_thrmr .gdgs_plogin .bd .forget:hover {color:#1289ea;}
.gdgs_thrmr .gdgs_plogin .bd .desc i {color:#1289ea;}
.gdgs_thrmr .gdgs_plogin .logbtn {margin-top:30px; background:#1289ea; border-radius:21px;}
.gdgs_thrmr .gdgs_pbrowsetips a {color:#1289ea;}
.gdgs_thrmr .gdgs_pbrowsetips a:hover {text-decoration:underline;}

/* animation */
@-ms-keyframes vermove {
	0%   {top:100%;}
	50%  {top:0%;}
	100% {top:-100%;}
}

@-moz-keyframes vermove {
	0%   {top:100%;}
	50%  {top:0%;}
	100% {top:-100%;}
}

@-webkit-keyframes vermove {
	0%   {top:100%;}
	50%  {top:0%;}
	100% {top:-100%;}
}

@keyframes arrow {
	0%   {top:100%;}
	50%  {top:0%;}
	100% {top:-100%;}
}


/* scan code login - pop */
.gdrpt_scanpop {position:fixed; top:50%; left:50%; z-index:9999; display:none; width:700px; height:500px; padding:10px; margin:-250px 0 0 -350px; overflow:hidden; background:rgba(0, 0, 0, .2); border-radius:8px;}
.gdrpt_scanpop .close {position:absolute; top:24px; right:24px; z-index:10; font-size:16px; color:#999; cursor:pointer; transition:all .3s;}
.gdrpt_scanpop .close:hover {color:#307bfc; transform:rotate(180deg);}
.gdrpt_scanpop .loginbox {position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; background:#fff;}
.gdrpt_scanpop .loginbox #qrcode_container {position:relative;}
.gdrpt_scanpop .loginbox .scan-tip {display:flex; align-items:center; margin-top:6px;}
.gdrpt_scanpop .loginbox .scan-tip span {display:flex; align-items:center;}
.gdrpt_scanpop .loginbox .scan-tip .icon {width:26px; height:26px;}
.gdrpt_scanpop .loginbox .qr-bg {position:absolute; display:none; align-items:center; justify-content:center; width:100%; height:100%; font-size:16px; cursor:default;}
.gdrpt_scanpop .loginbox .timeout-bg {color:#fff; background:rgb(0, 0, 0, .8);}
.gdrpt_scanpop .loginbox .scaned-bg i {color:#31c249; font-size:20px;}
.gdrpt_scanpop .loginbox .error-bg {color:#fff; background:rgb(0, 0, 0, .8);}
.gdrpt_scanpop .loginbox .error-bg i {color:#f40;}

/* captcha login - pop */
.gdgs_captchapop {position:absolute; top:12px; left:50%; z-index:9999; display:none; width:340px; height:248px; padding:8px 12px; margin-left:-170px; 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);}
/* imageSlider */
.gdgs_captchapop #captcha {position:relative;}
.gdgs_captchapop #captcha .undefined {border-radius:4px;}
.gdgs_captchapop #captcha .verifySmallImg {position:absolute; left:0; touch-action:none;}
.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 .sliderBlock {height:34px;}
.gdgs_captchapop #captcha .sliderContainer_active .sliderMask {height:34px;}
.gdgs_captchapop #captcha .sliderContainer_success .sliderBlock {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 .sliderBlock {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 .sliderBlock {position:absolute; top:0; left:0; width:34px; height:34px; cursor:pointer; background:#fff; box-shadow:0 0 3px rgba(0, 0, 0, .3); transition:background .2s linear;}
.gdgs_captchapop #captcha .sliderBlock:hover {background:#307bfc;}
.gdgs_captchapop #captcha .sliderBlock: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 .verifyRefresh {position:absolute; top:-28px; right:8px; display:flex; align-items:center; width:60px; height:22px; cursor:pointer;}
.gdgs_captchapop #captcha .verifyRefresh i {margin-right:4px; font-size:16px; color:#ccc;}
.gdgs_captchapop #captcha .verifyRefresh em {font-size:12px; color:#307bfc;}
.gdgs_captchapop #captcha .verify-tips {position:absolute; left:0; display:none; width:100%; height:30px; line-height:30px; color:#fff; text-align:center;}
.gdgs_captchapop #captcha .verifyBigImg {overflow:hidden; border-radius:4px;}
.gdgs_captchapop #captcha .suc-bg {background-color:rgba(19, 154, 84, .4);}
.gdgs_captchapop #captcha .err-bg {background-color:rgba(223, 47, 38, .4);}
.gdgs_captchapop #msg {position:absolute; width:100%; font-size:14px; line-height:30px; color:#307bfc; text-align:center;}