app/pages/login.wxss

@charset "UTF-8";

/* 全局样式*/
@font-face {
  font-family: "iconfont";
  src: url("iconfont.eot?t=1558316944757");
  /* IE9 */
  src: url("iconfont.eot?t=1558316944757#iefix") format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAPIAAsAAAAAB+gAAAN6AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDMgqCdII2ATYCJAMUCwwABCAFhG0HWhvUBlGU7MkC2adAGDI2DsLVrIpYWIiQooqDPOhE5tj6rHANDGgguMDdrz2I59292yfLBJmW01f9nmlQgD9EUO332bPwDkEhyvNc/hSWx0RFRX6ZKCIV4SIkkCJLno34gzd365Ptiizx82wPNJNPFGCBtTVXOWRhIsyhfGSFCgvZLWcnTZ964QLrU1eAQNZjDDiZYFEYOMEbgCmUV0ZdAfcAoO+/dXeM/l9O1NvSAg6DoCUQJXJNMgl2wA5nX2uhiWv+PWiCdGzzAVYDN/4otUAysEGqPAW3vAg1TYagu344KkTUJjh+f+pDpIww67Hzj3unTfH57Fsucw/qAowDyrK9sU1WIAF4w9iVF3GeQLcpDNy/eniGrsKYFojrsfWgm3IqCot0Ck3J2iLuaulMt9MnAHf878d/2EUnSc2MuQdnlyGc/FJOqy14c1FY410GFRkbgELcKDVe1wiDG7BuZXDTNtCtU5LG6mUKf2K2YQ7dZpAs7efPEw2U3gu2YajwS22EzC9DSPwqCMEvZ7+YSyroRj8OgVsIP1HSJYQcBqE3ysj2G5TRv2SjjQkzq2Vs9Wdmz4RzOjiufrBVLydMDez9GhbSXBWrW8b2ta7b3A+892ctviegJ2kFj4h45ltM/f2jTc65FcKpbEdxx3Nv4R939vFlQT8DuOsfnm8So7nDj0cxSMFfzHl5wV87AXPrm2ek34Aci7hxTv3ga9LZWSDvI6VDLu63xOZe6sufwbXBAbTDb+o9kE/rBEB6kZ7/qd/YfZSfk4M7KeB7WMkvakvkFnjdIq1Z/4XVsqmoHENVi1xvM+XUakHOPbJ/Qc3fsA77xhGPtU4ndBqLIekwCVmnBXTBb0DVYxManbag27pmc48RXkOULqxZAYRBNyT9XkE26EEX/AvVuB8ag5Gh22Es9uyxFJf9cyFPKcT2D5eAC2NptB9kPpKtMk+SHJ/wSlLGHtRCZSPXVJCMsSB8211Ug6NwjgZcRlnGaIUTCnQ1q7o9KceyN606zqFvjyAeRUKo9QctAqxg3Paqn/v8I2JVMh6paahQvyKiFHePNEG1QF8Li1YN13JN8M3aiZSBRoLlkAF6kplBhmz5qAQJqJW5h9/ZI1Grsa1wNb84f8Yd0M3Yq0aKHCVqNPpvxl7pFYnbh3/jwg5VYo/GZ7SM7DoleYVy1fbZEAUAAAA=") format("woff2"), url("iconfont.woff?t=1558316944757") format("woff"), url("iconfont.ttf?t=1558316944757") format("truetype"), url("iconfont.svg?t=1558316944757#iconfont") format("svg");
  /* iOS 4.1- */
}

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

.icon-xiasanjiaoxing:before {
  content: "\e642";
}

.icon-triangle-top:before {
  content: "\e635";
}

.icon-jiantou:before {
  content: "\e616";
}

.icon-bofang:before {
  content: "\e696";
}

button::after {
  border: none;
}

input {
  outline: none;
  border: none;
  list-style: none;
}

@font-face {
  font-family: 'iconfont';
  /* Project id 2617128 */
  src: url("//at.alicdn.com/t/font_2617128_22n77e61wul.woff2?t=1627430033497") format("woff2"), url("//at.alicdn.com/t/font_2617128_22n77e61wul.woff?t=1627430033497") format("woff"), url("//at.alicdn.com/t/font_2617128_22n77e61wul.ttf?t=1627430033497") format("truetype");
}

@font-face {
  font-family: "iconfont";
  /* Project id 2617128 */
  src: url("//at.alicdn.com/t/font_2617128_22n77e61wul.woff2?t=1627430033497") format("woff2"), url("//at.alicdn.com/t/font_2617128_22n77e61wul.woff?t=1627430033497") format("woff"), url("//at.alicdn.com/t/font_2617128_22n77e61wul.ttf?t=1627430033497") format("truetype");
}

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

.icon-jifenduihuan:before {
  content: "\e628";
}

.icon-huiyuan:before {
  content: "\e65d";
}

.icon-xuanzhong:before {
  content: "\e606";
}

.icon-tubiaozhizuomoban:before {
  content: "\e67c";
}

.icon-VIP:before {
  content: "\e638";
}

.icon-manjianquan:before {
  content: "\e624";
}

.icon-xinpin:before {
  content: "\e75b";
}

.icon-shengri:before {
  content: "\e6db";
}

.icon-choujiangLottery:before {
  content: "\e7bc";
}

.icon-yaopingmp:before {
  content: "\e61a";
}

.icon-lianxidianyuan:before {
  content: "\e62c";
}

.icon-zhuyi:before {
  content: "\e625";
}

.icon-tuijian:before {
  content: "\e63f";
}

.icon-gerenziliao:before {
  content: "\e6c9";
}

.icon-ico_yuanchanggongzuotai_qinglingdanshenhe:before {
  content: "\e8bc";
}

.icon-guanbi:before {
  content: "\e60f";
}

.icon-lvhang:before {
  content: "\e7ea";
}

.icon-baomingguanli:before {
  content: "\e60b";
}

.icon-saoma:before {
  content: "\e614";
}

.icon-shichang:before {
  content: "\e68c";
}

.icon-yijieshu:before {
  content: "\e600";
}

.icon-huodong:before {
  content: "\e64f";
}

.icon-peizhitubiaosvg-:before {
  content: "\e65b";
}

.icon-wanchenganquanshijian:before {
  content: "\e68a";
}

.icon-biaoqiankuozhan_kecheng-131:before {
  content: "\eafb";
}

.icon-jiaozhigongjianzhishenbao:before {
  content: "\e6b9";
}

.icon-bianji:before {
  content: "\e626";
}

.icon-shoucangjia:before {
  content: "\e60e";
}

.icon-shijian:before {
  content: "\e647";
}

.icon-sousuo:before {
  content: "\e636";
}

.icon-dizhi:before {
  content: "\e609";
}

.icon-home-dizhi {
  color: #FFDC2F !important;
  font-size: 30rpx;
  margin-right: 9rpx;
}

.icon-yunyingguanli_huodongguanli:before {
  content: "\e632";
}

.icon-jianzhi:before {
  content: "\e7e9";
}

.icon-xiala:before {
  content: "\e611";
}

.icon-A:before {
  content: "\e6f7";
}

.icon-bianzu11:before {
  content: "\e660";
}

/* 公共样式 */
page {
  background-color: #F8F8F8;
  color: #333;
  font-size: 33rpx;
  font-family: "PingFang-SC-Regular";
}

/*顶部分割线 */
page::before {
  /* content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: #f6f8fc;
  z-index: 9999; */
}

page::after {
  /* 底部分割线 */
  content: "";
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #f6f8fc;
  z-index: 9999;
}

image {
  width: 100%;
}

.imgfullh {
  height: 100%;
}

.cd {
  color: #7090e8;
}

.green {
  color: green;
}

.line-big {
  border-top: 5px solid #f7f7f7;
}

.line-big-bottom {
  border-bottom: 5px solid #f7f7f7;
}

.line-top {
  border-top: 1px solid #d0d1cf;
}

.line-bottom {
  border-bottom: 1px solid #d0d1cf;
}

.txt-a-left {
  text-align: left;
}

.hover-default {
  opacity: 0.8;
}

.button {
  position: relative;
}

.button button {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}

.fullwidth {
  width: 100% !important;
}

.di {
  display: initial;
}

.hidden {
  display: none !important;
}

.show-k {
  display: inline;
}

.show-h {
  display: block;
}

.h100 {
  height: 100%;
}

.w10 {
  width: 10%;
}

.w20 {
  width: 20%;
}

.w25 {
  width: 25%;
}

.w30 {
  width: 30%;
}

.w40 {
  width: 40%;
}

.w45 {
  width: 45%;
}

.w50 {
  width: 50%;
}

.w60 {
  width: 60%;
}

.w70 {
  width: 70%;
}

.w80 {
  width: 80%;
}

.w90 {
  width: 90%;
}

.dib {
  display: inline-table;
}

.box_bb {
  box-sizing: border-box;
}

.bb1 {
  border-bottom: 1px solid #f6f8fc;
}

.n {
  font-weight: normal;
  font-style: normal;
}

.b {
  font-weight: bold;
}

.i {
  font-style: italic;
}

.tc {
  text-align: center;
}

.tr {
  text-align: right;
}

.tl {
  text-align: left;
}

.tj {
  text-align: justify;
}

.tdl {
  text-decoration: underline;
}

.lt-1 {
  letter-spacing: -1px;
}

.lt0 {
  letter-spacing: 0;
}

.lt1 {
  letter-spacing: 1px;
}

.nowrap {
  white-space: nowrap;
}

.bk {
  word-wrap: break-word;
}

.vm {
  vertical-align: middle;
}

.vb {
  vertical-align: bottom;
}

.vt {
  vertical-align: top;
}

.vn {
  vertical-align: -5px;
}

.l {
  float: left;
}

.r {
  float: right;
}

.cl {
  clear: both;
}

.rel {
  position: relative;
}

.abs {
  position: absolute;
}

.zx1 {
  z-index: 1;
}

.zx2 {
  z-index: 2;
}

.zx99 {
  z-index: 99;
}

.ovh {
  overflow: hidden;
}

.ova {
  overflow: auto;
}

.vh {
  visibility: hidden;
}

.vv {
  visibility: visible;
}

.clearfix,
.fix {
  zoom: 1;
}

.clearfix:after,
.fix:after {
  display: table;
  content: "";
  clear: both;
}

.w100 {
  width: 100%;
}

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

.middle {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.trans {
  -webkit-transition: all 250ms;
  transition: all 250ms;
}

.disabled {
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: default;
  -ms-pointer-events: none;
  pointer-events: none;
}

.hk-left::after {
  content: "";
  position: absolute;
  width: 10rpx;
  height: 30rpx;
  left: 10rpx;
  bottom: 28rpx;
  background: #9DDB52;
  z-index: 999;
}

.hk-left {
  position: relative;
}

/* 字体样式 */
.l-txt {
  font-family: "PingFang-SC-Regular";
  font-weight: Regular;
}

.y-txt {
  font-family: "PingFang-SC-Bold";
  font-weight: Bold;
}

.c-txt {
  color: #fff;
}

.c-txt1 {
  color: #141414;
}

.c-txt2 {
  color: #8f8c8c;
}

/* 下拉菜单 */
.downMenu {
  display: flex;
  justify-content: space-between;
  margin-top: 20rpx;
  margin-bottom: 20rpx;
  width: 100%;
}

.downMenutwo {
  display: flex;
  justify-content: space-around;
  width: 100%;
}

.picker text {
  font-family: PingFang-SC-Regular;
  font-weight: Regular;
  color: #585858;
}

.downMenu .section {
  margin-left: 25rpx;
  color: #585858;
  font-family: PingFang-SC-Regular;
}

.downMenu .sectiontwo {
  margin-right: 25rpx;
  color: #585858;
  font-family: PingFang-SC-Regular;
}

.gray {
  color: #ccc;
  font-size: 25rpx;
}

.smicon {
  width: 40rpx;
  height: 40rpx;
  position: relative;
  top: 5rpx;
}

.sicon {
  width: 30rpx;
  height: 30rpx;
  /* position: relative;
  top: 4rpx; */
}

.micon {
  width: 36rpx;
  height: 33rpx;
  vertical-align: middle;
}

.input-focus {
  position: relative;
}

.input-blur::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3rpx;
  width: 0%;
  transition: all 1s;
}

.input-focus::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3rpx;
  width: 100%;
  background: #fd0;
  transition: all 1s;
}

.input-error {
  border-bottom: 1px solid #ea735e !important;
  transition: all 1s;
}

.signWrap {
  margin-top: 20rpx;
  border-top: 1rpx solid #efefef;
  position: fixed;
  bottom: 0rpx;
  background: #f7f8fa;
  z-index: 99999;
}

.signUp {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 85rpx;
  border-radius: 43rpx;
  overflow: hidden;
  flex: 1;
  color: #ffffff;
}

.mainbg {
  background: #FFDC2F;
}

.greybg {
  background: #E6E6E6;
}

.signUpper {
  display: flex;
  background: #999999;
  align-items: center;
  justify-content: center;
  height: 101rpx;
  flex: 1;
  color: #fff;
}

.activity-share {
  position: relative;
}

.activity-share .icon {
  position: absolute;
  top: 55rpx;
  left: 29rpx;
  font-size: 28rpx;
  color: skyblue;
  height: 10rpx;
  z-index: 9999;
}

.activity-share .icontwo {
  position: absolute;
  top: 59rpx;
  left: 32rpx;
  font-size: 28rpx;
  color: skyblue;
  height: 57rpx;
  z-index: 999;
}

.activity-share text:last-child {
  position: absolute;
  top: 56rpx;
  left: 116rpx;
  font-size: 28rpx;
}

.activity-collect {
  width: 50rpx;
  height: 50rpx;
  position: absolute;
  left: 34rpx;
  top: 8rpx;
  z-index: 10000;
}

.activity-collect2 {
  width: 50rpx;
  height: 50rpx;
  position: absolute;
  left: 120rpx;
  top: 5rpx;
}

.loading {
  display: flex;
  align-items: center;
  justify-content: center;
}

.color-w {
  color: white;
}

.flex {
  display: flex;
}

.flex-right {
  display: flex;
  justify-content: flex-start;
}

.flex-left {
  display: flex;
  justify-content: flex-end;
}

.flex-bet {
  display: flex;
  justify-content: space-between;
}

.flex-center {
  display: flex;
  justify-content: center;
  /* 水平居中 */
}

.flex-a-center {
  display: flex;
  align-items: center;
  /* 垂直居中 */
}

.flex-xy-center {
  display: flex;
  justify-content: center;
  /* 水平居中 */
  align-items: center;
  /* 垂直居中 */
}

.ml5 {
  margin-left: 5rpx;
}

.ml10 {
  margin-left: 10rpx;
}

.ml15 {
  margin-left: 15rpx;
}

.ml20 {
  margin-left: 20rpx;
}

.ml30 {
  margin-left: 30rpx;
}

.mr5 {
  margin-right: 5rpx;
}

.mr10 {
  margin-right: 10rpx;
}

.mr15 {
  margin-right: 15rpx;
}

.mr20 {
  margin-right: 20rpx;
}

.mr30 {
  margin-right: 30rpx;
}

.font30 {
  font-size: 30rpx;
}

.font32 {
  font-size: 32rpx;
}

.font35 {
  font-size: 35rpx;
}

.font45 {
  font-size: 45rpx;
}

.font28 {
  font-size: 28rpx;
}

.font24 {
  font-size: 24rpx;
}

.font37 {
  font-size: 37rpx;
}

.line-undertint {
  border-bottom: 1px solid #f8f8f8;
}

.m-auto {
  margin: auto;
}

.nomore {
  text-align: center;
  margin: 40rpx auto;
  font-size: 28rpx;
  background: linear-gradient(to right, #858383, #aaaaac);
  -webkit-background-clip: text;
  color: transparent;
  width: 100%;
}

.red {
  color: red;
}

.isMust {
  color: red;
  position: relative;
  top: 5rpx;
  font-size: 31rpx;
}

.mask {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.64);
  z-index: 555;
  top: 0;
  left: 0;
  overflow: hidden;
  transition: all 0.5s;
}

.view-avatar {
  width: 96%;
  margin: auto;
  padding: 25rpx 0rpx;
}

.avatar {
  height: 130rpx;
  width: 130rpx;
  border-radius: 100rpx;
}

.title-color {
  color: #858585;
  font-size: 32rpx;
}

.txt-color {
  color: #979797;
  font-size: 30rpx;
}

.scroll-header {
  display: flex;
  white-space: nowrap;
}

.textare {
  width: 85%;
}

.textare textarea {
  width: 100%;
  position: relative;
  top: 5rpx;
}

.bottom-input {
  background: #fff;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: hidden;
  transition: all 0.5s;
  z-index: 999;
  padding-bottom: 50rpx;
  box-sizing: border-box;
}

.title-mask {
  padding: 40rpx;
}

.br15 {
  border-radius: 15rpx;
}

.br5 {
  border-radius: 5rpx;
}

.br10 {
  border-radius: 10rpx;
}

.title-mask .title {
  color: #141414;
  font-size: 31rpx;
  font-weight: 600;
}

.title-mask .complete {
  color: #36a891;
  font-size: 30rpx;
}

.mask-input {
  width: 100%;
  background: #f5f5f5;
  padding: 25rpx 35rpx;
  margin-bottom: 100rpx;
}

.checkbox-view {
  width: 94%;
  margin: 0px auto;
}

.checkbox-view label {
  font-size: 28rpx;
  margin: 0rpx 25rpx;
  line-height: 80rpx;
}

.mask-input-placeholder,
.mask-textarea-placeholder {
  color: #c8c8c8;
  font-size: 30rpx;
}

.mask-textarea {
  width: 90% !important;
  margin: auto;
  padding: 20rpx 30rpx;
  background: #f5f5f5;
  margin-bottom: 60rpx;
  overflow-y: auto;
  max-height: 500rpx;
  min-height: 50rpx;
}

.nodata-img {
  width: 385rpx;
  height: 285rpx;
  margin: 330rpx auto;
}

.wxParse-p image {
  width: 100% !important;
}

/* cyz的iconfont */
.iconfont-c3 {
  font-family: "cyz-iconfont1";
}

@font-face {
  font-family: "cyz-iconfont1";
  /* Project id 3289681 */
  src: url("//at.alicdn.com/t/font_3289681_27jqgvpt054.woff2?t=1649843906013") format("woff2"), url("//at.alicdn.com/t/font_3289681_27jqgvpt054.woff?t=1649843906013") format("woff"), url("//at.alicdn.com/t/font_3289681_27jqgvpt054.ttf?t=1649843906013") format("truetype");
}

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

.icon-shoucang:before {
  content: "\e613";
}

.icon-fenxiang:before {
  content: "\e630";
}

.icon-weizhi:before {
  content: "\e62e";
}

.icon-jifenduihuan:before {
  content: "\e628";
}

.icon-31xuanzhong:before {
  content: "\e600";
}

.icon-shangcheng11:before {
  content: "\e64c";
}

.icon-jifen:before {
  content: "\e627";
}

.icon-choujiang:before {
  content: "\e603";
}

.icon-baomingguanli:before {
  content: "\e605";
}

.icon-yaoqingjiangli:before {
  content: "\e610";
}

.icon-jifenguanli:before {
  content: "\ea9d";
}

.icon-qiandao:before {
  content: "\e6cb";
}

.icon-wei-:before {
  content: "\e607";
}

.icon-erweima:before {
  content: "\ea08";
}

.icon-1_jifenduihuan-22:before {
  content: "\f554";
}

.icon-kefu:before {
  content: "\e65a";
}

.icon-ditu-xing:before {
  content: "\ec43";
}

.icon-quanxiaozongrenshu:before {
  content: "\e604";
}

.icon-houtaitubiao-15:before {
  content: "\e639";
}

.icon-chuchashenqing-feiji-jiaqi-01:before {
  content: "\e738";
}

.icon-14:before {
  content: "\e6c3";
}

.icon-01_richangguanli:before {
  content: "\e636";
}

.icon-shangban:before {
  content: "\e60f";
}

.icon-xihuan:before {
  content: "\e67b";
}

.icon-taocantuijian:before {
  content: "\e614";
}

.icon-wode:before {
  content: "\e638";
}

.icon-dangjian_xuexiyuandi:before {
  content: "\e680";
}

.icon-shijian:before {
  content: "\e695";
}

.icon-zuire:before {
  content: "\e637";
}

.icon-tuijian:before {
  content: "\e609";
}

.icon-zuixin:before {
  content: "\e665";
}

page {
  background: white;
}

.loginx {
  width: 190rpx;
  height: 204rpx;
  margin: 139rpx auto 0 auto;
}

.tip-box {
  text-align: center;
  margin-top: 132rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tip-box .my {
  font-size: 24rpx;
  color: #999999;
}

.tip-box .yin {
  font-size: 24rpx;
  color: #00a5fb;
}

.li1 {
  width: 276rpx;
  height: 276rpx;
  margin: 50rpx auto 0 auto;
  border-radius: 50%;
}

.li2 {
  width: 281rpx;
  height: 69rpx;
  margin: 29rpx auto 0 auto;
}

.li3 {
  width: 402rpx;
  height: 48rpx;
  margin: 29rpx auto 0 auto;
}

.li4 {
  width: 313rpx;
  height: 44rpx;
  margin: 27rpx auto 0 auto;
}

.footer-t {
  font-size: 24rpx;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: center;
  color: #999999;
  line-height: 40rpx;
}

.footer-t text {
  color: #9ddb52;
}

.welcome {
  font-size: 40rpx;
  text-shadow: 0px 0px 0.1px gray;
  font-weight: 500;
}

.content {
  width: 80%;
  height: 100vh;
  margin: 0 auto;
  padding-bottom: 50rpx;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.footer-t1 {
  margin-top: auto;
}

.login-info {
  margin-top: 20%;
}

.login-info>view>text {
  margin-left: 10rpx;
  font-size: 31rpx;
  letter-spacing: 3rpx;
  color: #494949;
}

.input-placeholder {
  color: #dcdcdc;
  font-size: 30rpx;
}

.login-info>view>input {
  width: 65%;
  border: none;
  border-bottom: 1px solid #f5f5f5;
  padding: 10rpx 200rpx 10rpx 1rpx;
  z-index: 0;
}

.yzm {
  margin-top: 30rpx;
}

.btnwrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 30rpx;
}

.cancel {
  margin-top: 40rpx;
  height: 90rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #101010;
  width: 100%;
  border: 1px solid #efefef;
  border-radius: 46rpx;
  background-color: #efefef;
}

.btn-submit {
  background: #2b58a5 !important;
  font-size: 32rpx;
  box-shadow: 0px 0px 8rpx 0px rgba(6, 6, 6, 0.14);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff !important;
  border: 1px solid #2b58a5 !important;
  width: 630rpx;
  height: 91rpx;
  border-radius: 46rpx;
}

.code {
  font-size: 30rpx;
  position: absolute;
  bottom: 15rpx;
  right: 15rpx;
  color: #414141;
  padding: 5rpx;
  border-left: 1px solid #ececec;
  padding-left: 15rpx;
  z-index: 999;
}

.img-code {
  width: 35%;
  height: 85rpx;
  position: absolute;
  right: 0;
  bottom: 0;
}

.gohome {
  font-size: 22rpx;
  color: #999999;
  margin-top: 5rpx;
}

.tips {
  width: 355rpx;
  height: 98rpx;
  margin: 131rpx auto 0 auto;
}

.invitation-code {
  text-align: center;
  margin-top: 60rpx;
}

.invitation-code text {
  color: #828486;
  vertical-align: middle;
}

.invitation-code input {
  display: inline-block;
  vertical-align: middle;
  border: 1px dashed #ffdc2f;
  height: 60rpx;
  line-height: 60rpx;
  border-radius: 10rpx;
  text-align: left;
  padding-left: 10rpx;
}

.app-title {
  text-align: center;
  font-size: 48rpx;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  text-align: center;
  color: #1a1a1a;
}

.login-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all .3s;
  z-index: 9;
}

.login-popup .popup-close {
  display: block;
  width: 48rpx;
  height: 48rpx;
  margin-left: auto;
  margin-bottom: 20rpx;
}

.login-popup .user-info-box {
  position: absolute;
  bottom: 0;
  padding: 60rpx 40rpx 40rpx;
  width: 750rpx;
  box-sizing: border-box;
  background-color: #fff;
  border-top-left-radius: 30rpx;
  border-top-right-radius: 30rpx;
  overflow: hidden;
}

.login-popup .user-info-box .top-title {
  display: flex;
  flex-direction: column;
}

.login-popup .user-info-box .top-title .title {
  font-size: 36rpx;
  font-weight: 600;
}

.login-popup .user-info-box .top-title .tip {
  margin-top: 10rpx;
  font-size: 28rpx;
  color: #aaa;
}

.login-popup .user-info-box .func-box .avatar-box,
.login-popup .user-info-box .func-box .name-box,
.login-popup .user-info-box .func-box .phone-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 20rpx 0;
  margin-top: 40rpx;
}

.login-popup .user-info-box .func-box .avatar-box .box-left .txt,
.login-popup .user-info-box .func-box .name-box .box-left .txt,
.login-popup .user-info-box .func-box .phone-box .box-left .txt {
  font-size: 30rpx;
  font-weight: bold;
  margin-right: 20rpx;
}

.login-popup .user-info-box .func-box .avatar-box .box-right,
.login-popup .user-info-box .func-box .name-box .box-right,
.login-popup .user-info-box .func-box .phone-box .box-right {
  display: flex;
  align-items: center;
}

.login-popup .user-info-box .func-box .avatar-box .box-right text,
.login-popup .user-info-box .func-box .name-box .box-right text,
.login-popup .user-info-box .func-box .phone-box .box-right text {
  font-size: 30rpx;
  color: #333;
}

.login-popup .user-info-box .func-box .avatar-box {
  justify-content: space-between;
}

.login-popup .user-info-box .func-box .avatar-box image {
  width: 80rpx;
  height: 80rpx;
  border-radius: 50%;
}

.login-popup .user-info-box .func-box .avatar-box .box-right text {
  color: #aaa;
  margin-left: 10rpx;
}

.login-popup .user-info-box .func-box .name-box {
  margin-bottom: 20rpx;
}

.login-popup .user-info-box .func-box .name-box input {
  font-size: 30rpx;
  color: #333;
  text-align: right;
}

.login-popup .user-info-box .func-box .phone-box .box-right button {
  margin-left: 20rpx;
  border-radius: 10rpx;
  font-size: 24rpx;
  background-color: #2b58a5;
  color: #ffffff;
}

.login-popup .user-info-box .func-box .avatarBtn {
  margin: 0;
  padding: 0;
  background-color: transparent;
  line-height: inherit;
  border-radius: 0;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.login-popup .user-info-box .func-box .avatarBtn::after {
  border: none;
}

.login-popup .user-info-box .func-box .avatarBtn .button-hover {
  background-color: transparent;
}

.login-popup .user-info-box .custom-style {
  margin: 70rpx auto 30rpx;
  width: 400rpx;
  background-color: #2b58a5 !important;
  color: #ffffff !important;
}