*{margin: 0;padding: 0; outline: 0 ; box-sizing: border-box;}
a{
  text-decoration: none;
}
button{
  border-style: none;
  cursor: pointer;
}
body {
  background: #FFF6ED;
}
.contact-container {
  width: 100%;
  min-height: 100vh;
  padding: 16px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contact-container .tips {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px 1px #F6E1C6;
  border-radius: 8px 8px 8px 8px;
  font-weight: 400;
  font-size: 14px;
  color: #0D0D0D;
  line-height: 22px;
}
.contact-container .tips span{
  padding: 24px 30px 32px 17px;
}
.contact-container .tips img {
  width: 137px;
}
.contactus_main {
width: 100%;
background: #FFFFFF;
box-shadow: 0px 3px 6px 1px #F6E1C6;
border-radius: 8px 8px 8px 8px;
padding:  0 10px;
}
.contact-container .wrap {
  width: 100%;
}
.contact-container .wrap .title {
font-weight: 500;
font-size: 14px;
color: #333333;
line-height: 14px;
position: absolute;
background: #EFF5FE;
left: 26px;
top: -8px;
padding: 0 5px;
}
.contact-container .wrap .flex {
display: flex;
align-items: center;
justify-content: space-between;
padding: 25px 16px;
border-bottom: 1px solid #F6E1C6;
}
.contact-container .wrap .appEmail,.officialWebsiteUrl {
font-weight: 400;
font-size: 14px;
color: #AE0946;
line-height: 24px;
word-break: break-all;
width: calc(100% - 54px);
display: flex;
align-items: center;
}
.contact-container .wrap .copy {
width: 44px;
height: 15px;
background: url('./images/copy_btn.png') no-repeat center center;
background-size: 100% 100%;
}




.agreement-container {
  width: 100%;
  min-height: 100vh;
  padding: 27px 26px;
}
.agreement-container .text {
font-weight: 300;
font-size: 14px;
color: #1C1E22;
line-height: 26px;
}
.agreement-container .text strong {
font-weight: bold;
font-size: 16px;
color: #000000;
line-height: 26px;
}




.make-money-container {
  width: 100%;
  min-height: 100vh;
  padding: 66px 22px 0;
}

.make-money-container  .nav-bar{
  width: 100%;
  height: 50px;
  position: fixed;
  left: 0;
  top:0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 16px;
  background: linear-gradient( 180deg, #0E9F08 0%, #FBCB00 100%);
  z-index: 2;
}
.make-money-container .nav-bar .nav-bar-left {
  width: 32px;
  height: 32px;

}
.make-money-container .nav-bar .nav-bar-left img { 
  width: 32px;
  height: 32px;
}
.make-money-container .nav-bar .nav-bar-title {
font-weight: 400;
font-size: 18px;
color: #FFFFFF;
}
.make-money-container .nav-bar .nav-bar-right {
  width: 32px;
  height: 32px;
}
.make-money-container .make-money-image { 
  width: 100%;
  margin-bottom: 10px;
}
.make-money-container .amount-value-text {
  width: 100%;
  padding: 17px 17px 20px;
  background: url('./images/make_money_header_bg.png') center center;
  background-size: 100% 100%;
  font-weight: bold;
  font-size: 16px;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 16px;
}
.make-money-container .amount-value-text p {
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  color: #FFFFFF;
  margin-top: 15px;
}

.make-money-container .requirements-content {
  width: 100%;
  background: #313236;
  border-radius: 25px 25px 25px 25px;
  margin-bottom: 25px;
  padding: 22px 17px;
  margin-bottom: 10px;
}

.make-money-container .requirements-content .requirements-title {
  font-weight: 400;
font-size: 14px;
color: #EFF1F3;
text-align: center;
  margin-bottom: 12px;
}

.make-money-container .requirements-content .requirements-tip {
font-weight: 500;
font-size: 14px;
color: #99E15D;
}

.make-money-container .email-content {
  width: 100%;
}
.make-money-container .email-content .email-tip {
background: #FFFFFF;
border-radius: 20px 20px 20px 20px;
padding: 20px;
margin-bottom: 10px;
font-weight: 400;
font-size: 14px;
color: #1D1D1D;
line-height: 16px;
}

.make-money-container .email-content .email-main {
  width: 100%;
}

.make-money-container .email-content .email-main .email-main-label {
font-weight: 400;
font-size: 14px;
color: #1D1D1D;
margin-bottom: 4px;
padding-left: 20px;
}

.make-money-container .email-content .email-main .email-main-text input {
  width: 100%;
  height: 56px;
  background: #FFFFFF;
  border-radius: 20px 20px 20px 20px;
  color: #000;
  border: none;
  padding: 20px;
}
.make-money-container .email-content .email-main .email-main-text input::placeholder {
font-weight: 400;
font-size: 14px;
color: #DCDCDC;
}

.make-money-container .submit-btn {
width: 100%;
height: 64px;
background: #0E9F08;
border-radius: 20px 20px 20px 20px;
font-weight: 700;
font-size: 18px;
color: #FFFFFF;
line-height: 64px;
text-align: center;
margin-top: 10px;
margin-bottom: 300px;
}


/* 遮罩层 */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.46);
    z-index: 1000;
    display: none;
    padding: 0 10px;
}

/* 弹框容器 */
.modal-container {
    z-index: 1001;
    width: 100%;
    margin-top: 70%;
    height: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #FFFFFF;
    border-radius: 0 0 20px 20px;
    padding: 20px 20px 150px;
    position: relative;
}

/* 成功图标 */
.modal-icon {
    width: 120px;
    margin-bottom: 22px;
}

/* 标题文字 */
.modal-title {
width: 100%;
height: 96px;
font-weight: 700;
font-size: 24px;
color: #FFFFFF;
margin-bottom: 20px;
padding: 26px 0 36px;
background: url('./images/dialog_header_bg.png') no-repeat center center;
background-size: 100% 100%;
text-align: center;
top: -95px;
position: absolute;
}

/* 消息文本 */
.modal-message {
font-weight: 400;
font-size: 14px;
color: #1D1D1D;
margin-bottom: 40px;
}

/* 确认按钮 */
.modal-button {
width: 100%;
height: 64px;
background: #0E9F08;
border-radius: 20px 20px 20px 20px;
font-weight: 700;
font-size: 18px;
color: #FFFFFF;
line-height: 64px;
text-align: center;
}


/* Loading 遮罩样式 */
.loading-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

.loading-spinner {
	width: 30px;
	height: 30px;
	border: 2px solid #f3f3f3;
	border-top: 2px solid rgba(0, 0, 0, 0.3);
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}