@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 {margin:0; padding:0;}
body,div,li,dt,dd,td,p,span,button,input,select,textarea {font-size:12px; font-family:Tahoma,Arial,"Hiragino Sans GB","Microsoft YaHei",\5b8b\4f53,sans-serif;}
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-collapse:collapse; border-spacing:0;}
ul,ol {list-style:none outside none;}
span {font-size:100%;}
legend {color:#666;}
fieldset,img {border:0 none;}
img {-webkit-box-sizing:border-box; box-sizing:border-box; vertical-align:bottom; border:0 none;}
sub,sup {position:relative; line-height:0; vertical-align:baseline;}
sup {top:-5px;}
sub {bottom:-5px;}
hr {height:0; -webkit-box-sizing:content-box; box-sizing:content-box;}
button,input,select,textarea {margin:0; padding:0; outline:none;}
button,input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance:button; cursor:pointer;}
button[disabled],input[disabled] {cursor:default;}
input[type="radio"],input[type="checkbox"] {position:relative; top:-2px;}
textarea {overflow:auto;}
a {color:#333; background:transparent; text-decoration:none;}
a:hover {color:#06c; text-decoration:none;}
a:active {color:#06c; outline:0;}
a:focus {outline:0;}

/* 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 */
.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:#000; filter:alpha(opacity=50); opacity:.5;}

/* layout */
.gdgs_layout {clear:both; position:relative; width:1200px; margin:0 auto;}
.gdgs_layout:after,.clearfix:after {clear:both; content:""; display:block; height:0; visibility:hidden;}
.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 {margin:0 auto; padding:0 25px;}
.gdgs_plogin h3 {height:70px; font-size:18px; font-weight:bold; line-height:70px; color:#333; text-align:center;}
.gdgs_plogin li {margin-bottom:20px; overflow:hidden;}
.gdgs_plogin li .input {position:relative; height:40px; padding:0 15px; line-height:40px; border:1px solid #ddd; border-radius:3px;}
.gdgs_plogin li .input i {font-size:20px; line-height:40px; color:#ccc; vertical-align:bottom;}
.gdgs_plogin li .input input {width:220px; height:28px; margin-left:10px; font-size:14px; line-height:28px; border:0 none;}
.gdgs_plogin li .input label {top:2px; left:45px; font-size:14px;}
.gdgs_plogin li.piccode .input {width:128px;}
.gdgs_plogin li.piccode .input input {width:90px;}
.gdgs_plogin li.piccode .yzm {width:80px; height:40px; margin-left:10px; border:1px solid #ddd; border-radius:3px; overflow:hidden; cursor:pointer;}
.gdgs_plogin li.piccode .yzm img {width:100%; height:100%;}
.gdgs_plogin li.piccode .txt {margin:2px 0 0 10px; cursor:pointer;}
.gdgs_plogin li.piccode .txt span {display:block; line-height:1.6; color:#999;}
.gdgs_plogin li.piccode .txt span:nth-child(2) {color:#0af;}
.gdgs_plogin .logbtn {display:block; height:42px; margin-top:20px; font-size:16px; line-height:42px; color:#fff; text-align:center; background:#0af; border-radius:3px;}
.gdgs_plogin .logbtn:hover {color:#fff; opacity:.8; filter:alpha(opacity=80);}
.gdgs_plogin li.on .input {border-color:#0af;}
.gdgs_plogin li.on .input i {color:#0af;}
.gdgs_plogin li.no-vcode {margin-top:20px;}
.gdgs_plogin .logbtn.no-vcode {margin-top:50px;}
.gdgs_logmode {display:flex; margin-top:10px; overflow:hidden;}
.gdgs_logmode span {display:flex; height:30px; margin-right:10px; line-height:30px; font-size:14px; align-items:center; justify-content:center; 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 {display:flex; margin-top:5px; 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; top:20px; right:20px; width:110px; height:25px; color:#999;}
.gdgs_selbox .slidkey {position:relative; display:block; height:17px; padding:3px 30px 3px 26px; line-height:17px; color:#333; text-align:left; background:#fff; border:1px solid #ddd; border-radius:2px; cursor:pointer; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gdgs_selbox i {position:absolute; top:50%; left:5px; margin-top:-8px; color:#999;}
.gdgs_selbox i.arrow {right:5px; left:inherit;}
.gdgs_selbox .slidkey_hide {position:relative; left:0; top:-1px; z-index:99; display:none; max-height:180px; background:#fff; border:1px solid #ddd; border-bottom:0; overflow-y:auto; box-shadow:0 3px 3px 0 rgba(0,0,0,.1); -webkit-box-sizing:border-box; box-sizing:border-box;}
.gdgs_selbox .slidkey_hide li {float:none; height:30px; margin-left:0; padding:0 0 0 10px; line-height:30px; color:#666; background-color:#fff; border-bottom:1px solid #eee; cursor:pointer; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left;}
.gdgs_selbox .slidkey_hide li:hover {background:#1289ea; color:#fff;}

/* style one login */
.gdgs_oneheader {height:80px;}
.gdgs_oneheader .gdgs_layout {display:flex; height:100%; align-items:center;}
.gdgs_oneheader .logo {flex:1;}
.gdgs_oneheader .logo img {height:50px;}
.gdgs_oneheader .tel img {height:30px;}
.gdgs_onebanner {height:590px; background:url(./images/gdgs_onebanner.jpg) no-repeat 50% 0; overflow:hidden;}
.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:340px; margin-top:-180px; padding:10px 0; background:#fff; border-radius:5px; 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:-webkit-gradient(linear, 100% 0, 0 0, from(#1473e0), to(#052785));
background:-webkit-linear-gradient(bottom, #1473e0, #052785);
background:-moz-linear-gradient(bottom, #1473e0, #052785);
background:-o-linear-gradient(bottom, #1473e0, #052785);
background:-ms-linear-gradient(bottom, #1473e0, #052785);
background:linear-gradient(to bottom, #1473e0, #052785);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #1473e0, endColorstr = #052785);}
.gdgs_twomr {position:relative; width:425px; padding:20px 0;}
.gdgs_twomr .gdgs_plogin {padding:0 50px;}
.gdgs_twomr .line {position:absolute; top:0; left:0; width:100%; height:6px;}
.gdgs_twomr .line span {display:inline-block; float:left; width:20%; height:6px;}
.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:100px;}
.gdgs_twomr .gdgs_plogin li.piccode .txt span:nth-child(2) {color:#1369cf;}
.gdgs_twomr .gdgs_plogin .logbtn {background:#1369cf;}
.gdgs_twomr .gdgs_plogin li.on .input {border-color:#1369cf;}
.gdgs_twomr .gdgs_plogin li.on .input i {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; background:url(./images/gdgs_thrbg.jpg) no-repeat center center / cover; overflow:hidden;}
.gdgs_thragroup .arrow {position:absolute; top:0; right:50%; width:50px; height:200px; margin-top:30px; opacity:.15; -ms-animation:vermove 5s linear infinite; -moz-animation:vermove 5s linear infinite; -webkit-animation:vermove 5s linear infinite; animation:vermove 5s linear infinite;
background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)));
background:-webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
background:-moz-linear-gradient(bottom, rgba(255,255,255,1), rgba(255,255,255,0));
background:-o-linear-gradient(bottom, rgba(255,255,255,1), rgba(255,255,255,0));
background:-ms-linear-gradient(bottom, rgba(255,255,255,1), rgba(255,255,255,0));
background:linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0));
filter:alpha(opacity=15) progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = #ffffffff, endColorstr = #00ffffff);}
.gdgs_thragroup .arrow:before {content:""; position:absolute; top:-30px; left:0; width:0; height:0; border-width:15px 25px; border-style:solid; border-color:transparent; border-bottom-color:rgba(255,255,255,1);}
.gdgs_thragroup .arrow.small {margin:450px -450px 0 0; -ms-animation-duration:4s; -moz-animation-duration:4s; -webkit-animation-duration:4s; animation-duration:4s;}
.gdgs_thragroup .arrow.medium {width:60px; margin:200px -600px 0 0; -ms-animation-duration:6s; -moz-animation-duration:6s; -webkit-animation-duration:6s; 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; -ms-animation-duration:3s; -moz-animation-duration:3s; -webkit-animation-duration:3s; animation-duration:3s;}
.gdgs_thragroup .arrow.lfmedium {width:60px; margin:350px 600px 0 0;}
.gdgs_thragroup .arrow.lfmedium:before {border-width:15px 30px;}
@-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%;}
}
.gdgs_thrlogin {position:absolute; top:50%; left:50%; width:850px; height:420px; margin:-210px 0 0 -425px; background:#fff; box-shadow:0 0 30px rgba(0,0,0,.3); border-radius:4px; overflow:hidden;}
.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 h3 {color:#1289ea;}
.gdgs_thrmr .login li {position:relative; margin-bottom:20px; padding-top:6px; overflow:visible;}
.gdgs_thrmr .login span {position:absolute; bottom:1px; left:0; display:block; padding:5px 0 10px; font-size:14px; color:#2e323e; text-align:left; -webkit-transition:all 0.2s; transition:all 0.2s; opacity:0; filter:alpha(opacity=0);}
.gdgs_thrmr .login input {width:100%; padding:5px 0 10px; font-size:14px; border:0 none; border-bottom:1px solid #e5e5e5;}
.gdgs_thrmr .login input:focus {border-bottom-color:#1289ea;}
.gdgs_thrmr .login li label {top:25px; left:0; font-size:14px;}
.gdgs_thrmr .login li.piccode .yzm {position:absolute; right:0; bottom:5px; border:1px solid #ddd; border-radius:3px; overflow:hidden; cursor:pointer; overflow:hidden;}
.gdgs_thrmr .logbtn {display:block; height:42px; margin-top:30px; line-height:42px; font-size:16px; color:#fff; text-align:center; background:#1289ea; border-radius:21px;}
.gdgs_thrmr .logbtn:hover {color:#fff; opacity:.8; filter:alpha(opacity=80);}
.gdgs_thrmr .gdgs_pbrowsetips a {color:#1289ea;}
.gdgs_thrmr .gdgs_pbrowsetips a:hover {text-decoration:underline;}


/* scan code login - pop */
.gdrpt_scanpop {position:fixed; top:50%; left:50%; z-index:9999; display:none; width:680px; height:480px; margin:-250px 0 0 -350px;  padding:10px; overflow:hidden; background:rgba(0,0,0,.2); border-radius:8px;}
.gdrpt_scanpop .close {position:absolute; top:25px; right:25px; z-index:10; color:#999; cursor:pointer; -webkit-transition:all .3s; transition:all .3s;}
.gdrpt_scanpop .close:hover {color:#06c; -webkit-transform:rotate(180deg); transform:rotate(180deg);}
.gdrpt_scanpop .loginbox {position:relative; height:100%; background:#fff;}

/* captcha login - pop */
.gdgs_captchapop {position:absolute; top:12px; left:50%; z-index:9999; display:none; width:340px; height:248px; margin-left:-170px; padding:12px; background:#fff; border:1px solid #eee; box-shadow:0 0 8px 4px rgba(0,0,0,.1); box-sizing:border-box;}
.gdgs_captchapop::before,.gdgs_captchapop::after {content:""; position:absolute; left:50%; border-style:solid;}
.gdgs_captchapop::before {bottom:-16px; margin-left:-8px; border-width:8px; border-color:#eee transparent transparent transparent;}
.gdgs_captchapop::after {bottom:-14px; margin-left:-7px; border-width:7px; border-color:#fff transparent transparent transparent;}
.gdgs_captchapop h3 {height:35px; font-size:14px; line-height:35px; color:#666;}
.gdgs_captchapop .close {position:absolute; top:8px; right:8px; z-index:10; font-size:14px; color:#999; cursor:pointer; -webkit-transition:all .3s; transition:all .3s;}
.gdgs_captchapop .close:hover {color:#06c; -webkit-transform:rotate(180deg); transform:rotate(180deg);}
/* imageSlider */
.gdgs_captchapop #captcha {position:relative;}
.gdgs_captchapop #captcha .undefined {border-radius:4px;}
.gdgs_captchapop #captcha .verifySmallImg{touch-action: none;position: absolute;left: 0;}
.gdgs_captchapop #captcha .block {position:absolute; top:0; left:0;}
.gdgs_captchapop #captcha .sliderContainer {position:relative; width:100%; height:32px; line-height:32px; margin-top:5px; color:#555; text-align:center; background:#f5f5f5;}
.gdgs_captchapop #captcha .sliderContainer_success .sliderBlock {height:32px; background-color:#52ccba;}
.gdgs_captchapop #captcha .sliderContainer_success .sliderMask {height:32px; background-color:#d2f4ef;}
.gdgs_captchapop #captcha .sliderContainer_success .sliderIcon::after {content:"\e712"; color:#fff;}
.gdgs_captchapop #captcha .sliderContainer_fail .sliderBlock {height:32px; background-color:#f57a7a;}
.gdgs_captchapop #captcha .sliderContainer_fail .sliderMask {height:32px; background-color:#fce1e1;}
.gdgs_captchapop #captcha .sliderContainer_fail .sliderIcon::after {content:"\eb9e"; color:#fff;}
.gdgs_captchapop #captcha .sliderContainer_active .sliderBlock {height:32px;}
.gdgs_captchapop #captcha .sliderContainer_active .sliderMask {height:32px;}
.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:32px; background:#d1e9fe;}
.gdgs_captchapop #captcha .sliderBlock {position:absolute; top:0; left:0; width:32px; height:32px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.3); cursor:pointer; transition:background .2s linear;}
.gdgs_captchapop #captcha .sliderBlock:hover {background:#1991fa;}
.gdgs_captchapop #captcha .sliderBlock:hover .sliderIcon::after {color:#fff;}
.gdgs_captchapop #captcha .sliderText {line-height:32px;}
.gdgs_captchapop #captcha .sliderIcon {position:absolute; top:50%; left:50%; width:14px; height:14px; margin:-7px 0 0 -7px;}
.gdgs_captchapop #captcha .sliderIcon::after {content:"\e9e3"; position:absolute; top:0; left:0; font-size:14px; font-family:"iconfont"; line-height:normal; color:#ccc;}
.gdgs_captchapop #captcha .verifyRefresh {position:absolute; top:-32px; right:0; width:80px; height:32px; cursor:pointer;}
.gdgs_captchapop #captcha .verifyRefresh::after {content:"换一张"; position:absolute; left:26px; font-size:14px; line-height:24px; color:#1369cf; white-space:nowrap;}
.gdgs_captchapop #captcha .verifyRefresh::before {content:"\eb85"; position:absolute; left:0; height:24px; font-size:20px; font-family:"iconfont"; color:#ccc;}
.gdgs_captchapop #msg {width:100%; font-size:14px; line-height:30px; color:#7ac23c; text-align:center;}
.gdgs_captchapop #captcha .suc-bg{background-color:rgba(92, 184, 92,.5);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f5CB85C, endcolorstr=#7f5CB85C);}
.gdgs_captchapop #captcha .verify-tips{position: absolute;display: none;left: 0px;width: 100%;height: 30px;line-height:30px;}
.gdgs_captchapop #captcha .err-bg{background-color:rgba(217, 83, 79,.5);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7fD9534F, endcolorstr=#7fD9534F);}
.gdgs_captchapop #captcha #msg {width:100%; font-size:14px; line-height:30px; color:#fff; text-align:center;}