@font-face {font-family: "gaaailoginfont";
  src: url('iconfont.eot?t=1540358921772');
  src: url('iconfont.eot?t=1540358921772#iefix') format('embedded-opentype'),
  url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
  url('iconfont.ttf?t=1540358921772') format('truetype'),
  url('iconfont.svg?t=1540358921772#iconfont') format('svg');
}

.gaaailoginfont {
  font-family:"gaaailoginfont" !important;
  font-size:18px;
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.gaaailogin-weixin:before { content: "\e614"; }
.gaaailogin-weibo:before { content: "\e615"; }
.gaaailogin-qq:before { content: "\e616"; }

:root{
  --gaaailogin-bg:var(--tb--white,#fff);
  --gaaailogin-bg-soft:var(--tb--tint,#fbfbfb);
  --gaaailogin-text:var(--tb--base,#333);
  --gaaailogin-muted:var(--tb--gray,#999);
  --gaaailogin-border:var(--tb--line,#f3f3f3);
  --gaaailogin-focus:var(--tb--main,#007bff);
  --gaaailogin-shadow:0 8px 24px rgba(0,0,0,.05);
  --gaaailogin-shadow-hover:0 10px 28px rgba(0,0,0,.08);
  --gaaailogin-bind-bg:var(--tb--white,#fff);
  --gaaailogin-bind-bg-hover:var(--tb--tint,#fbfbfb);
  --gaaailogin-bind-text:var(--tb--base,#333);
  --gaaailogin-bind-border:rgba(0,0,0,.14);
  --gaaailogin-bind-border-hover:rgba(0,123,255,.18);
  --gaaailogin-bind-shadow:none;
  --gaaailogin-bind-shadow-hover:none;
  --gaaailogin-bind-status-bg:var(--tb--tint,#fbfbfb);
  --gaaailogin-bind-status-text:var(--tb--gray,#999);
  --gaaailogin-bind-bound-bg:color-mix(in srgb, #07C160 5%, var(--tb--white,#fff));
  --gaaailogin-bind-bound-border:color-mix(in srgb, #07C160 22%, var(--tb--line,#f3f3f3));
  --gaaailogin-bind-bound-status-bg:color-mix(in srgb, #07C160 10%, var(--tb--white,#fff));
  --gaaailogin-bind-bound-status-text:#1b8b4f;
  --gaaailogin-bind-unbound-status-bg:var(--tb--tint,#fbfbfb);
  --gaaailogin-bind-unbound-status-text:var(--tb--gray,#999);
}

.darking,
.darking:root,
html[data-theme="dark"],
body[data-theme="dark"],
.dark,
.dark body,
body.dark,
html.dark{
  --gaaailogin-bg:var(--tb--white,#14181b);
  --gaaailogin-bg-soft:var(--tb--tint,#1d2025);
  --gaaailogin-text:var(--tb--base,#ccc);
  --gaaailogin-muted:var(--tb--gray,#555);
  --gaaailogin-border:var(--tb--line,#1d2025);
  --gaaailogin-shadow:0 8px 24px rgba(0,0,0,.18);
  --gaaailogin-shadow-hover:0 12px 30px rgba(0,0,0,.24);
  --gaaailogin-bind-bg:var(--tb--white,#14181b);
  --gaaailogin-bind-bg-hover:var(--tb--tint,#1d2025);
  --gaaailogin-bind-text:var(--tb--base,#ccc);
  --gaaailogin-bind-border:rgba(255,255,255,.14);
  --gaaailogin-bind-border-hover:rgba(0,123,255,.26);
  --gaaailogin-bind-shadow:none;
  --gaaailogin-bind-shadow-hover:none;
  --gaaailogin-bind-status-bg:var(--tb--tint,#1d2025);
  --gaaailogin-bind-status-text:#a7afba;
  --gaaailogin-bind-bound-bg:color-mix(in srgb, #07C160 10%, var(--tb--white,#14181b));
  --gaaailogin-bind-bound-border:color-mix(in srgb, #07C160 26%, var(--tb--line,#1d2025));
  --gaaailogin-bind-bound-status-bg:color-mix(in srgb, #07C160 14%, var(--tb--white,#14181b));
  --gaaailogin-bind-bound-status-text:#8ae6ac;
  --gaaailogin-bind-unbound-status-bg:var(--tb--tint,#1d2025);
  --gaaailogin-bind-unbound-status-text:#9aa8bf;
}

#gaaailogin-box,
.gaaailogin-box{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  gap:12px;
  margin:0 0 16px !important;
  padding:0;
  list-style:none;
}

#gaaailogin-box a,
.gaaailogin-box a{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-width:156px;
  min-height:44px;
  padding:11px 16px;
  border-radius:10px;
  border:1px solid transparent;
  box-sizing:border-box;
  text-decoration:none !important;
  vertical-align:middle;
  white-space:nowrap;
  font-size:14px;
  line-height:1;
  font-weight:600;
  letter-spacing:0;
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease,filter .18s ease,opacity .18s ease;
  box-shadow:none;
}

#gaaailogin-box a:hover,
.gaaailogin-box a:hover{
  text-decoration:none !important;
  transform:translateY(-1px);
}

#gaaailogin-box a:active,
.gaaailogin-box a:active{
  transform:translateY(0);
}

#gaaailogin-box a:focus,
.gaaailogin-box a:focus{
  outline:none;
}

#gaaailogin-box a:focus-visible,
.gaaailogin-box a:focus-visible{
  box-shadow:0 0 0 3px color-mix(in srgb, var(--gaaailogin-focus) 18%, transparent);
}

#gaaailogin-box a .gaaailogin-btn-icon,
.gaaailogin-box a .gaaailogin-btn-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:18px;
  height:18px;
  line-height:1;
}

#gaaailogin-box a .gaaailogin-btn-text,
.gaaailogin-box a .gaaailogin-btn-text{
  display:inline-block;
  line-height:1;
  white-space:nowrap;
}

.gaaailogin-icon-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  line-height:1;
  background:transparent;
  border-radius:0;
  box-shadow:none;
}

.gaaailogin-icon-badge .gaaailoginfont{
  font-size:18px;
  color:currentColor;
}

.gaaailogin-qq-a{
  background:#12B7F5 !important;
  border-color:#12B7F5 !important;
  color:#fff !important;
}
.gaaailogin-qq-a:hover{
  background:#0ea9e7 !important;
  border-color:#0ea9e7 !important;
  box-shadow:0 6px 16px rgba(18,183,245,.18);
}

.gaaailogin-weixin-a{
  background:#07C160 !important;
  border-color:#07C160 !important;
  color:#fff !important;
}
.gaaailogin-weixin-a:hover{
  background:#06b25a !important;
  border-color:#06b25a !important;
  box-shadow:0 6px 16px rgba(7,193,96,.18);
}

.gaaailogin-weibo-a{
  background:#FF8200 !important;
  border-color:#FF8200 !important;
  color:#fff !important;
}
.gaaailogin-weibo-a:hover{
  background:#f27b00 !important;
  border-color:#f27b00 !important;
  box-shadow:0 6px 16px rgba(255,130,0,.18);
}

.gaaailogin-google-a{
  background:var(--gaaailogin-bg) !important;
  border-color:color-mix(in srgb, var(--gaaailogin-text) 12%, var(--gaaailogin-border)) !important;
  color:var(--gaaailogin-text) !important;
}
.gaaailogin-google-a:hover{
  background:var(--gaaailogin-bg-soft) !important;
  border-color:color-mix(in srgb, var(--gaaailogin-focus) 20%, var(--gaaailogin-border)) !important;
  box-shadow:0 4px 12px rgba(60,64,67,.10);
}
.gaaailogin-google-a .gaaailogin-btn-text{
  color:var(--gaaailogin-text);
  font-weight:600;
}

.gaaailogin-google-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  font-size:16px;
  line-height:1;
  font-weight:700;
  font-family:Arial,Helvetica,sans-serif;
  background:linear-gradient(90deg,#4285F4 0 25%,#EA4335 25% 50%,#FBBC05 50% 75%,#34A853 75% 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}

.gaaailogin-google-icon--bind{
  width:18px;
  height:18px;
  font-size:16px;
  vertical-align:middle;
}

.gaaailogin-bind{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(165px,1fr));
  gap:12px;
  margin:0;
}

.gaaailogin-bind .gaaailogin-bind-item{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:54px;
  padding:0 14px;
  border:1px solid var(--gaaailogin-bind-border);
  border-radius:12px;
  background:var(--gaaailogin-bind-bg);
  color:var(--gaaailogin-bind-text);
  text-decoration:none !important;
  box-sizing:border-box;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease;
  box-shadow:var(--gaaailogin-bind-shadow);
}

.gaaailogin-bind .gaaailogin-bind-item:hover{
  transform:translateY(-1px);
  background:var(--gaaailogin-bind-bg-hover);
  border-color:var(--gaaailogin-bind-border-hover);
  box-shadow:var(--gaaailogin-bind-shadow-hover);
  text-decoration:none !important;
}

.gaaailogin-bind .gaaailogin-bind-item.is-bound{
  border-color:var(--gaaailogin-bind-bound-border);
  background:var(--gaaailogin-bind-bound-bg);
}

.gaaailogin-bind .gaaailogin-bind-item.is-unbound{
  border-style:dashed;
}

.gaaailogin-bind .gaaailogin-bind-name{
  font-size:14px;
  font-weight:600;
  line-height:1.2;
}

.gaaailogin-bind .gaaailogin-bind-status{
  margin-left:auto;
  font-size:12px;
  line-height:1;
  color:var(--gaaailogin-bind-status-text);
  padding:6px 8px;
  border-radius:999px;
  background:var(--gaaailogin-bind-status-bg);
}

.gaaailogin-bind .gaaailogin-bind-item.is-bound .gaaailogin-bind-status{
  color:var(--gaaailogin-bind-bound-status-text);
  background:var(--gaaailogin-bind-bound-status-bg);
}

.gaaailogin-bind .gaaailogin-bind-item.is-unbound .gaaailogin-bind-status{
  color:var(--gaaailogin-bind-unbound-status-text);
  background:var(--gaaailogin-bind-unbound-status-bg);
}

.gaaailogin-bind .gaaailoginfont,
.gaaailogin-bind .gaaailogin-google-icon--bind,
.gaaailogin-bind .gaaailogin-icon-badge{
  flex:0 0 auto;
}

.circular{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;height:28px;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;width:28px;margin:auto}.circular .path{width:100%;height:100%;stroke-dasharray:1,200;stroke-dashoffset:0;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite;stroke:#757575;stroke-linecap:round}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.wppay-toast{background:#2A2A2A;border-radius:3px;color:#fff;text-align:center;padding:20px 60px;opacity:0}

@media (max-width:768px){
  #gaaailogin-box,
  .gaaailogin-box{
    gap:10px;
  }
  #gaaailogin-box a,
  .gaaailogin-box a{
    min-width:calc(50% - 5px);
    min-height:42px;
    padding:10px 14px;
    border-radius:10px;
    flex:1 1 calc(50% - 5px);
  }
  .gaaailogin-bind{
    grid-template-columns:1fr;
  }
}

@media (max-width:480px){
  #gaaailogin-box,
  .gaaailogin-box{
    display:grid;
    grid-template-columns:1fr;
  }
  #gaaailogin-box a,
  .gaaailogin-box a{
    width:100%;
    min-width:0;
  }
}