/* pages/app-authorization/index.wxss */

.container {
  background-color: #fff;
  min-height: 100%;
  align-items: stretch;
  overflow-x: hidden;
  position: relative;
  width: 100%;
  padding-top: 100rpx;
}

.logo{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  margin-top: 60rpx;
  /* margin-bottom: 20rpx; */
}

.logo .logo-img{
  width: 120rpx;
  height: 120rpx;
}


.logo-name{
  width: 100%;
  text-align: center;
  height: 50rpx;
  line-height: 50rpx;
  font-size: 32rpx;
  margin-top: 40rpx;
}

.intro{
  width: 100%;
  /* text-align: center; */
  height: 100rpx;
  /* line-height: 80rpx; */
  line-height: 40rpx;
  padding:20rpx 30rpx;
  font-size: 26rpx;
  color: #555;
  margin-bottom: 30rpx;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.login{
  width: 100%;
  height: 80rpx;
  margin-top: 80rpx;
  font-size: 28rpx;
  color: #999;
  text-align: center;
}

.btn-login{
  display: flex;
  justify-content: center;
  height: 100rpx;
  width: 600rpx;
  background: #54b635;
  align-items: center;
}

.img-w{
  height: 40rpx;
  width: 40rpx;
}

.text{
  font-size: 30rpx;
  color: #fff;
  margin-left: 10rpx;
}

.cancel{
  width: 100%;
  height: 100rpx;
  line-height: 100rpx;
  text-align: center;
  font-size: 28rpx;
  color: #555;
  margin-top: 30rpx;
}

.modal-dialog {
  width: 100%;
 height: 100%;
 position: fixed;
 top: 0;
 left: 0;
 background:rgba(10, 10, 10, 0.8);
 overflow: hidden;
 z-index: 1000;
 color: #fff;
}
.modal-dialog .modal-content {
  height: 357rpx;
  width: 70%;
  overflow: hidden;
  position: fixed;
  top: 40%;
  left: 16%;
  z-index: 2000;
  background: #fff;
  padding-top: 66rpx;
  text-align: center;
  /* display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; */

}
.modal-dialog .modal-content .text {
  color: #000000;
}
.modal-dialog .modal-content .getPhone {
  color: #000000;
  margin-top: 10rpx;
  width: 85%;
  background: #54b635;
  color: #fff;
}
.model{
  width: 100%;
  height: 100vh;
  position: fixed;
  background: rgb(0 0 0 / 46%);
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  .model_box{
    width: 600rpx;
    padding: 20rpx;
    background: white;
    border-radius: 14rpx;
    position: relative;
    .post_flex{
      position: absolute;
      top: 10rpx;
      right: 10rpx;
      color: #999;
    }
    .model_top{
      margin-top: 20rpx;
      .company_cover{
        width: 450rpx;
        display: flex;
        .title{
          margin-left: 10rpx;
          font-weight: bold;
          font-size: 30rpx;
        }
      }
    }
    .desc{
      width: 440rpx;
      margin: 20rpx 0;
      font-size: 28rpx;
      color: #5f5f5f;
    }
    .cell{
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 20rpx;
      font-size: 30rpx;
      .label{
        font-weight: 400;
      }
      .cont{
        display: flex;
        .avatar-wrapper{
          width: 80rpx;
          height: 80rpx;
          padding: 0 !important;
          .avatar{
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background: white;
          }
          .avatar_use{
            background-image: url('https://pwa.fmode.cn/useravatar.png');
            background-repeat: no-repeat;
            background-size: 100%;
          }
        }
        .weui-input{
          width: 220rpx;
          text-align: right;
        }
      }
    }
    .btn{
      background: #54b635;
      border-radius: 40rpx;
      width: 400rpx;
      padding: 16rpx 0;
      margin: 50rpx auto 20rpx;
      text-align: center;
      color: white;
    }
  }
}