.appstore-download{
  /* display: flex; */
  display: none;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
  color: #0A77CC;
  font-size: 12px;
}
.dialog-wrapper{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 2001;
}
.pc-ios-code-dialog{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 480px;
  min-height: 248px ;
  background: #FFFFFF;
  box-shadow: 0px 2px 14px 0px rgba(10, 22, 70, 0.2);
  border-radius: 4px;
  font-size: 14px;
  z-index: 9;
}
.mobile-dialog-wrapper .pc-ios-code-dialog{
  top: auto;
  bottom: 0;
  left: 0;
  transform: translate(0,0);
  width: 100%;
  border-radius: 4px 4px 0 0;
}



.header-ios-code{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 52px;
  padding: 0  20px 0 24px;
  border-bottom: solid 1px #DCDFE6;
  box-sizing: border-box;
  font-size: 16px;
  color: #111111;
}
.header-ios-code .close{
  display: flex;
  align-items: center;
  width: 24px;
  height: 100%;
  padding: 0 4px;
  cursor: pointer;
}
.header-ios-code .close .icon{
  width: 16px;
  height: 16px;
}


.get-code{
  padding: 16px 24px 8px;
  box-sizing: border-box;
}
.get-code .form-wrapper {
  display: flex;
  height: 36px;
  margin-bottom: 8px;
}
.get-code .form-wrapper .form-left {
  display: flex;
  align-items: center;
  width: 72px;
  height: 36px;
  font-weight: 400;
  font-size: 14px;
  color: #111111;
}

.get-code .form-wrapper .form-left .icon {
  width: 6px;
  margin-right: 6px;
}

.get-code .form-wrapper .form-right {
  flex: 1;
  display: flex;
  height: 100%;
  border: solid 1px #DCDFE6;
  border-radius: 4px;
  overflow: hidden;
}

.get-code .form-wrapper .form-right .input-txt {
  flex:1;
  width: 100%;
  height: 100%;
  padding: 8px 10px;
  box-sizing: border-box;
  border: none;
}
.get-code .form-wrapper .form-right .code-btn{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 90px;
  height: 100%;
  padding-right: 10px ;
  font-weight: 400;
  font-size: 14px;
  color: #4187F9;
  box-sizing: border-box;
  cursor: pointer;
}





.get-code .first-step{
  padding-top: 8px;
}

.get-code .second-step{
 display: none;
}



.phone-wrapper{
  height: 16px;
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  line-height: 16px;
  text-align: left;
}
.phone-wrapper .phone-txt{
  color:#333333;
}



.get-code  .prompt {
  display: none;
  width: 100%;
  height: 26px;
  margin: 4px 0;
  padding: 0 12px;
  background: #FEFCEB;
  border-radius: 4px;

  font-weight: 400;
  font-size: 12px;
  color: #F97621;
  line-height: 26px;
  text-align: left;
}
.get-code .btn{
  width: 100%;
  height: 32px;
  margin: 20px 0 12px;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  background: #4187F9;
  line-height: 32px;
  border-radius: 4px;
  cursor: pointer;
}
.get-code .disabled {
   background: rgba(65, 135, 249, 0.5);
   cursor: not-allowed;
 }

.get-code .tips{
  padding: 12px;
  font-weight: 400;
  font-size: 12px;
  color: #999999;
  line-height: 16px;
  text-align: left;
  box-sizing: border-box;
}




.get-ios-code-success{
  display: none;
  padding:  24px;
  line-height: 20px;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  box-sizing: border-box;
}
.get-ios-code-success #qrcodeCanvas {
  margin: 0 auto;
  width:  136px;
  height: 136px;
  margin: 0 auto 24px;
}
#logoImg{
  display: none;
}

.ios-invite-url-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 24px;
}
.ios-invite-url-header-txt{
  font-size: 14px;
  color: #333333;
}
.ios-invite-url-header-btn{
  height: 24px;
  line-height: 24px;
  padding: 0 12px;
  font-weight: 400;
  font-size: 12px;
  color: #4187F9;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #4187F9;
  cursor: pointer;
}
.ios-invite-url-content{
  padding: 8px 0 16px;
  width: 432px;
  max-width: 100%;
  font-weight: 400;
  font-size: 14px;
  color: #4187F9;
  line-height: 20px;
  text-align: left;
  word-break: break-all;
  white-space: normal;
}

/* 弹窗提示 */

.message-container {
   position: fixed;
   top: 20px;
   left: 50%;
   transform: translateX(-50%);
   z-index: 9999;
   /* 确保在最上层 */
   width: auto;
   max-width: 300px;
   /* 限制最大宽度 */
 }
.message {
  position: relative;
  padding: 8px 20px;
  margin-bottom: 10px;
  border-radius: 4px;
  color: #b2d076;
  font-size: 14px;
  line-height: 1.4;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  opacity: 0;
  /* 初始透明，用于动画 */
  transform: translateY(-20px);
  /* 初始上移，用于动画 */
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* 消息显示时的动画状态 */
.message.show {
  opacity: 1;
  transform: translateY(0);
}
.message.success {
  background-color: #f0f9eb;
  /* 成功绿 */
}
.message-icon {
  margin-right: 8px;
  font-size: 16px;
}