/*
 * @Author: 天吾
 * @Date: 2019-01-23 16:29:55
 * @Last Modified by: lijianzhang
 * @Last Modified time: 2019-03-11 14:28:31
 */
/*
    size 统一用  sm base lg  表示,  对于不能满足的情况, 仿照衣服尺寸加上 x(EXTRA) 比如  font-size-xlg 表示特大
*/
.gd-auth-wechat {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gd-auth-wechat .gd-auth-wechat__title {
  color: #000;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 16px;
  text-align: center;
  display: flex;
  align-items: center;
}
.gd-auth-wechat .gd-auth-wechat__qrcode {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gd-auth-wechat .gd-auth-wechat__tips {
  color: #A3A3A3;
  font-size: 14px;
  font-weight: 300;
  margin-top: 6px;
}
.gd-auth-wechat .gd-auth-wechat__back-btn {
  color: #000;
  margin-top: 65px;
}
.gd-auth-wechat .gd-auth-wechat__qrcode-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 188px;
  height: 214px;
  padding: 12px;
  border: 1px solid #E4E4E4;
}
.gd-auth-wechat .gd-auth-wechat__mask {
  position: absolute;
  background: #000;
  opacity: 0.5;
  left: 10px;
  right: 10px;
  top: 10px;
  bottom: 10px;
}
.gd-auth-wechat .gd-auth-wechat__invalid-tips {
  color: #FFF;
  cursor: pointer;
  top: 80px;
  left: 30px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  width: 134px;
  z-index: 100;
}
.gd-auth-wechat .gd-auth-wechat__message {
  cursor: pointer;
  line-height: 20px;
  text-align: center;
  width: 134px;
  font-size: 16px;
}
.gd-auth-wechat .gd-auth-wechat__message .gd-button {
  margin-top: 12px;
}
.gd-auth-wechat .gd-auth-wechat__third-parties {
  width: 100%;
  margin-top: 27px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gd-auth-wechat .gd-auth-wechat__third-parties > div {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 16px;
  cursor: pointer;
}
.gd-auth-wechat .gd-auth-wechat__icon-wechat,
.gd-auth-wechat .gd-auth-wechat__icon-phone,
.gd-auth-wechat .gd-auth-wechat__icon-qq {
  width: 24px;
  height: 24px;
  margin-right: 6px;
}
.gd-auth-wechat .gd-auth-wechat__icon-wechat {
  margin-right: 12px;
}
.gd-auth-wechat .gd-auth-wechat__footer {
  position: absolute;
  display: flex;
  flex-direction: row-reverse;
  bottom: 0;
  left: 0;
  height: 48px;
  width: 100%;
  color: #005CF9;
  padding: 0 20px;
  background: linear-gradient(216deg, #f9fafb 0%, #f8fafb 57%, #f0f2f6 100%);
}
