@charset "UTF-8";@media screen and (max-width:540px){html{font-size:26.66666vw !important}
}
@media screen and (min-width:540px){html{font-size:100px !important}
}
.cmp-campaignInfo.cms-form-warp{padding:.16rem .24rem;margin:0 auto}
.cmp-campaignInfo .cms-form{background:rgba(255,255,255,0.05);backdrop-filter:blur(0.25rem);-webkit-backdrop-filter:blur(0.25rem);border-radius:.1rem;padding:.16rem;position:relative;z-index:2}
.cmp-campaignInfo .form-head{padding-top:.24rem;text-align:center}
.cmp-campaignInfo .form-title{font-family:KingGothic-Regular,-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;font-size:.2rem;color:#fff;line-height:normal;font-style:normal;font-weight:400;white-space:pre-wrap}
.cmp-campaignInfo .form-sub-title{font-family:DFPKingGothicGB,-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;font-size:.14rem;line-height:160%;color:#888a95;text-align:center;font-style:normal;font-weight:400;white-space:pre-wrap}
.cmp-campaignInfo .form-list{padding-top:.08rem}
.cmp-campaignInfo .form-item{border-bottom:.01rem solid rgba(255,255,255,0.05);margin-bottom:.12rem;padding:.14rem 0;display:flex;align-items:center;font-size:.14rem;font-style:normal;font-weight:400;line-height:.24rem}
.cmp-campaignInfo .item-label{min-width:1rem;color:#fff}
.cmp-campaignInfo .item-value{flex:1;color:#fff;background:transparent;border:0;outline:0;font-size:.14rem;font-style:normal;font-weight:400;line-height:.24rem}
.cmp-campaignInfo .item-value.placeholder{color:#afb1b9}
.cmp-campaignInfo .item-value::placeholder{color:#afb1b9}
.cmp-campaignInfo .form-item.phone-error{border-bottom-color:#fd2c4e}
.cmp-campaignInfo .form-item.phone-error .item-label,.cmp-campaignInfo .form-item.phone-error .item-value{color:#fd2c4e}
.cmp-campaignInfo .phone-error-tip{display:flex;align-items:center;gap:.04rem;padding:0 0 .12rem;font-size:.12rem;color:#fd2c4e;line-height:.2rem}
.cmp-campaignInfo .phone-error-tip .phone-error-icon{font-size:.14rem;line-height:1}
.cmp-campaignInfo .item-extra{color:#fff;padding-top:.02rem;display:flex;align-items:center;font-size:.12rem;cursor:pointer;background:#49377c;border-radius:.04rem;padding:.04rem .08rem;margin-left:.08rem;white-space:nowrap}
.cmp-campaignInfo .item-arrow{margin-left:.08rem;line-height:1;flex-shrink:0;display:flex;align-items:center}
.cmp-campaignInfo .item-arrow .svg-icon{width:.24rem;height:.24rem;fill:#888a95}
.cmp-campaignInfo .form-agreement{display:flex;padding:.12rem 0 .18rem;align-items:flex-start}
.cmp-campaignInfo .form-agreement input[type=checkbox]{height:.16rem;width:.16rem;margin-top:.01rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;border:.01rem solid #b3b3b3;border-radius:.04rem;position:relative;cursor:pointer;flex-shrink:0}
.cmp-campaignInfo .form-agreement input[type=checkbox]:before{content:"";position:absolute;top:45%;left:53%;transform:translate(-54%,-78%) rotate(120deg);width:.09rem;height:.04rem;border:.013rem solid transparent;border-top-color:#fff;border-right-color:#fff;transition:border-color .3s ease;opacity:0}
.cmp-campaignInfo .form-agreement input[type=checkbox]:checked{background-color:transparent;border:.01rem solid #b3b3b3}
.cmp-campaignInfo .form-agreement input[type=checkbox]:checked:before{opacity:1}
.cmp-campaignInfo .form-agreement p{font-weight:400;line-height:.2rem;font-size:.12rem;color:#afb1b9;padding:0 .1rem 0 .08rem;flex:1;margin:0}
.cmp-campaignInfo .form-agreement p a{color:#fff;text-decoration:none}
.cmp-campaignInfo .form-button{padding-top:.08rem}
.cmp-campaignInfo .custom-button{width:100%;height:.46rem;border:0;border-radius:.08rem;background:#49377c;color:#fff;font-family:DFPKingGothicGB-Medium,-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;font-size:.16rem;font-style:normal;font-weight:400;line-height:.24rem;cursor:pointer;transition:opacity .3s ease}
.cmp-campaignInfo .custom-button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}
.cmp-campaignInfo .custom-button:active:not(:disabled){opacity:.8}
.cmp-campaignInfo .success-text{height:3.56rem;border-radius:.1rem;background:linear-gradient(180deg,#211e29 0,#31274d 27.88%,#2d2642 76.44%,#191919 100%);-webkit-backdrop-filter:blur(0.1585rem);backdrop-filter:blur(0.1585rem)}
.cmp-campaignInfo .success-text-content-warp{background:rgba(255,255,255,0.05);padding:1.03rem .16rem 0;border-radius:.1rem;height:100%;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}
.cmp-campaignInfo .success-text-icon{width:.48rem;height:.48rem}
.cmp-campaignInfo .success-text-icon img{width:100%;height:100%}
.cmp-campaignInfo .success-text-title{padding-top:.2rem;font-size:.2rem;font-style:normal;font-weight:400;line-height:normal;text-align:center;white-space:pre-wrap;font-family:KingGothic-Regular,-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;color:#fff}
.cmp-campaignInfo .success-text-content{font-size:.14rem;padding-top:.12rem;text-align:center;white-space:pre-wrap;font-family:KingGothic-Regular,-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;color:#888a95}
.cmp-campaignInfo__empty{padding:.24rem .16rem;color:#888a95;font-size:.14rem;text-align:center}
.city-picker-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;overflow:hidden}
.city-picker-popup .city-picker-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);transition:background .3s ease}
.city-picker-popup .city-picker-content{position:absolute;bottom:0;left:50%;transform:translateX(-50%) translateY(100%);width:100%;background:#1a1a1a;border-radius:0;display:flex;flex-direction:column;transition:transform .3s ease}
.city-picker-popup.show .city-picker-mask{background:rgba(0,0,0,0.6)}
.city-picker-popup.show .city-picker-content{transform:translateX(-50%) translateY(0)}
.city-picker-popup .city-picker-header{display:flex;justify-content:center;align-items:center;padding:.14rem .16rem;border-bottom:.01rem solid rgba(255,255,255,0.1);flex-shrink:0}
.city-picker-popup .city-picker-header .city-picker-title{font-size:.16rem;color:#fff;font-weight:500;text-align:center}
.city-picker-popup .city-picker-body{position:relative;display:flex;height:2.6rem;overflow:hidden}
.city-picker-popup .city-picker-body .city-picker-columns{display:flex;flex:1;height:100%}
.city-picker-popup .city-picker-body .city-picker-column{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1.04rem 0;scrollbar-width:none;-ms-overflow-style:none;user-select:none;-webkit-user-select:none}
.city-picker-popup .city-picker-body .city-picker-column::-webkit-scrollbar{display:none}
.city-picker-popup .city-picker-body .city-picker-column ul{list-style:none;padding:0;margin:0}
.city-picker-popup .city-picker-body .city-picker-column li{display:flex;align-items:center;justify-content:center;height:.44rem;font-size:.15rem;color:#afb1b9;cursor:pointer;transition:color .2s ease;pointer-events:none}
.city-picker-popup .city-picker-body .city-picker-column li.active{color:#fff;font-weight:500}
.city-picker-popup .city-picker-body .city-picker-mask-top,.city-picker-popup .city-picker-body .city-picker-mask-bottom{position:absolute;left:0;width:100%;height:1.04rem;pointer-events:none;z-index:2}
.city-picker-popup .city-picker-body .city-picker-mask-top{top:0;background:linear-gradient(to bottom,#1a1a1a 0,rgba(26,26,26,0) 100%)}
.city-picker-popup .city-picker-body .city-picker-mask-bottom{bottom:0;background:linear-gradient(to top,#1a1a1a 0,rgba(26,26,26,0) 100%)}
.city-picker-popup .city-picker-body .city-picker-indicator{position:absolute;top:50%;left:0;width:100%;height:.44rem;transform:translateY(-50%);border-top:.01rem solid rgba(255,255,255,0.1);border-bottom:.01rem solid rgba(255,255,255,0.1);pointer-events:none;z-index:3}
.city-picker-popup .city-picker-footer{display:flex;justify-content:space-between;align-items:center;padding:.12rem .16rem;border-top:.01rem solid rgba(255,255,255,0.1);flex-shrink:0;gap:.12rem}
.city-picker-popup .city-picker-footer .city-picker-cancel,.city-picker-popup .city-picker-footer .city-picker-confirm{width:1.56rem;height:.36rem;font-size:.12rem;color:#fff;border:0;border-radius:.08rem;cursor:pointer;transition:opacity .3s ease;outline:0}
.city-picker-popup .city-picker-footer .city-picker-cancel{background:rgba(255,255,255,0.1)}
.city-picker-popup .city-picker-footer .city-picker-confirm{background:#49377c;font-weight:500}
.city-picker-popup .city-picker-footer .city-picker-cancel:active,.city-picker-popup .city-picker-footer .city-picker-confirm:active{opacity:.8}
.agreement-popup-mask{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:rgba(0,0,0,0.7);overflow:hidden}
.agreement-popup{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.agreement-popup-content{position:relative;width:100%;height:100%;background:#fff;display:flex;flex-direction:column;border-radius:.1rem;overflow:hidden}
.agreement-popup-header{display:flex;justify-content:space-between;align-items:center;height:.44rem;background:#000;padding:0 .12rem;flex-shrink:0}
.agreement-popup-back{font-size:.18rem;color:#fff;cursor:pointer;padding:0 .08rem;line-height:.44rem}
.agreement-popup-title{font-size:.16rem;color:#fff;font-weight:500;flex:1;text-align:center}
.agreement-popup-close{font-size:.2rem;color:#fff;cursor:pointer;line-height:1;padding:0 .08rem}
.agreement-popup-body{flex:1;overflow:hidden}
.agreement-popup-iframe{width:100%;height:100%;border:0}
.agreement-confirm-dialog{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center}
.agreement-confirm-dialog .agreement-confirm-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);transition:background .3s ease}
.agreement-confirm-dialog .agreement-confirm-box{position:relative;width:2.8rem;background:#2a2a2a;border-radius:.08rem;padding:.2rem .16rem .16rem;transform:scale(0.9);opacity:0;transition:transform .3s ease,opacity .3s ease}
.agreement-confirm-dialog.show .agreement-confirm-overlay{background:rgba(0,0,0,0.6)}
.agreement-confirm-dialog.show .agreement-confirm-box{transform:scale(1);opacity:1}
.agreement-confirm-dialog .agreement-confirm-text{font-size:.14rem;color:#fff;line-height:.22rem;text-align:center;margin:0 0 .16rem}
.agreement-confirm-dialog .agreement-confirm-text a{color:#fff;text-decoration:none}
.agreement-confirm-dialog .agreement-confirm-btns{display:flex;gap:.12rem}
.agreement-confirm-dialog .agreement-confirm-btn{flex:1;height:.4rem;border:0;border-radius:.04rem;font-size:.14rem;cursor:pointer;transition:opacity .3s ease}
.agreement-confirm-dialog .agreement-confirm-btn.disagree{background:rgba(255,255,255,0.1);color:#fff}
.agreement-confirm-dialog .agreement-confirm-btn.agree{background:#49377c;color:#fff}
.agreement-confirm-dialog .agreement-confirm-btn:active{opacity:.8}
@media screen and (max-width:540px){.cmp-campaignInfo.cms-form-warp{padding:.16rem .24rem}
}
@media screen and (min-width:540px) and (max-width:1280px){.cmp-campaignInfo.cms-form-warp{width:3.33rem;margin:0 auto;padding:.16rem .24rem}
.city-picker-popup .city-picker-content{width:3.33rem !important}
.agreement-popup-content{width:3.33rem !important}
}
@media screen and (min-width:1281px) and (max-width:1920px){.cmp-campaignInfo.cms-form-warp{width:4.99rem;margin:0 auto;padding:.16rem .24rem}
.city-picker-popup .city-picker-content{width:4.99rem !important}
.agreement-popup-content{width:4.99rem !important}
}
@media screen and (min-width:1921px) and (max-width:2560px){.cmp-campaignInfo.cms-form-warp{width:7.39rem;margin:0 auto;padding:.16rem .24rem}
.city-picker-popup .city-picker-content{width:7.39rem !important}
.agreement-popup-content{width:7.39rem !important}
}
@media screen and (min-width:2561px) and (max-width:3024px){.cmp-campaignInfo.cms-form-warp{width:9.07rem;margin:0 auto;padding:.16rem .24rem}
.city-picker-popup .city-picker-content{width:9.07rem !important}
.agreement-popup-content{width:9.07rem !important}
}
@media screen and (min-width:3025px){.cmp-campaignInfo.cms-form-warp{width:10.64rem;margin:0 auto;padding:.16rem .24rem}
.city-picker-popup .city-picker-content{width:10.64rem !important}
.agreement-popup-content{width:10.64rem !important}
}