/* 页面弹框 */
 /* #collection_mailbox_modal{display: none;} */
.alertblack-bg{z-index:100; width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);position: fixed;top: 0;display: none;}
#address-form-collection{position: fixed;top:15%;right: 0;bottom: 0;left: 0;z-index: 100;overflow: hidden;-webkit-overflow-scrolling: touch;outline: 0;
}
.collection_mailbox{width: 70%;height: auto;margin: 0 auto;max-width:780px;}
.collection_main{position: relative;background: linear-gradient(90deg, #F3D4FD,#EAD3FB,#C2BCFB,#D2C9FC);}
.collection_mailbox-header{position: absolute;z-index: 9;right: 1%;width: 5%;}
.collection_mailbox_close{margin-top: 0px;float: right;font-size: 21px;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);opacity: 1;}
.collection_mailbox_close span{font-size: 38px; color: #333333;font-weight: 100;}
button.collection_mailbox_close {-webkit-appearance: none;padding: 0;cursor: pointer;background: 0 0;border: 0;  width:100%  }
.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.collection_mailbox_img{width:45%;}
.collection_mailbox_img img{width: 100%;height: auto;max-width: none;}
#subscription_form_success{
    margin-top: 80px;
}
.collection_mailbox_mian{padding:30px 60px 60px 60px;}
.collection_mailbox_body{display: flex;flex-direction: column;justify-content: space-evenly;}
.collection_mailbox_horizontal{display: flex;flex-direction: column;align-items: center;}
.collection_mailbox_text{text-align: center;}
.collection_mailbox_title{font-size: 36px; color: #000000;margin: -40px auto 0 auto;width: 80%;}
.subscription_flex{
    justify-content: center;
}
.subscription_btn-flex{
  justify-content: space-between;gap: 30px;width: 100%;margin-top: 40px;
}
.subscription_btn{
  width: 32%;gap: 30px;background-color: #660098;color: #ffffff;border-radius: 60px;padding: 15px 0;font-size: 20px;cursor: pointer;
}
.subscription_btn2{
    width: 30%;background-color: #660098;color: #ffffff;border-radius: 0px 60px 60px 0px;padding: 9px 0;font-size: 20px;cursor: pointer;
  }
.subscription_btn:hover{
  background-color: #8433AD;
}
.consent-p{color: #333333;}
.consent-p a{text-decoration: underline;color: #333333;}
.subscription_intro{margin-left: 20px;}
.subscription_intro2{margin-top: -10px;}
.subscription_intro p:nth-child(1){font-size: 28px; color: #000000;}
.subscription_intro p:nth-child(2){font-size: 20px; color: #000000;}
.subscription_intro b{font-size: 28px; color: #660099;}
.collection_mailbox_text p{font-size: 14px;font-weight: 400;margin: 15px 0;color: #333333;}
.colorRed{color:red;font-size:12px;}
.point-out{display:none;position: absolute;top: 50px;}
.collection_mailbox_group{margin-bottom: 20px;}
.collection_mailbox_group,.collection_mailbox_group .col-sm-10{width: 100%;padding: 0;}
.collection_mailbox_group .col-sm-10 input[type=text]{border: 1px solid #DDDDDD;background-color: #ffffff;}
.collection_mailbox_group .form-control{width: 100%;height: 48px;font-size: 14px;background-color: #fff;background-image: none; border: 1px solid #660099;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;border-radius: 60px 0px 0px 60px;}
/* #testclick{background-color: #660099;border-color: #660099;width: 100%;height: 48px;font-size: 16px;color: #FFF;display: flex;
justify-content: center;
align-items: center;} */
#testclick{
    display: flex;
justify-content: center;
align-items: center;
}
#user_type{width: 100%;height: 48px;border-radius: 6px;background-image: none;background-color: #ffffff;}
.shake { animation: shake 0.4s infinite;}
.emailSuggestions{
    top: 48px;
}
.place_text-max{
    display: block;width: 100%;
}
.subscription_checkbox{
    align-items: flex-start;cursor: pointer;font-size: 16px;color: #333333;
}
.subscription_checkbox input{
    min-width: 16px;min-height: 16px;
}
.subscription_checkbox input[type=checkbox]:checked::after{
    width: 4px;height: 7px;top: 1px;left: 4px;
}
@keyframes shake {
    0% { transform: translateX(0); }
    20%, 80% { transform: translateX(-5px); }
    40%, 60% { transform: translateX(5px); }
    100% { transform: translateX(0); }
}
.collection_mailbox_horizontal .btn{display: inline-block;padding: 6px 12px;margin-bottom: 0;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;touch-action: manipulation;cursor: pointer;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}
@media (min-width:1px) and (max-width: 1400px) {
    .subscription_btn2,.subscription_btn{font-size: 16px;width: 32%;padding: 12px 0;}
    .collection_mailbox_text{margin-bottom: 15px;}
    .collection_mailbox_mian{
        padding: 60px 40px;
    }
    .subscription_intro p:nth-child(1),.subscription_intro b{
        font-size: 22px;
    }
    .subscription_intro p:nth-child(2){
        font-size: 18px;
    }
    .collection_mailbox_title{
        font-size: 32px;
    }
    .code{height: 25px;}
    #subscription_form_success{
        margin-top: 50px;
    }
}
@media (min-width:1px) and (max-width: 900px) {
  .collection_mailbox{width:95%;}
}
.intro_alert{
    font-size:14px;color:#333333;margin-top:22px;
}
@media (min-width:1px) and (max-width: 768px) {
    .collection_mailbox_title{font-size: 20px;width: 100%;}
    .subscription_intro p:nth-child(1),.subscription_intro b{
        font-size: 16px;
    }
    .subscription_intro p:nth-child(2),.subscription_checkbox{
        font-size: 14px;
    }
    .collection_mailbox-header{
        right: 5%;
    }
    .subscription_btn-flex{
        flex-wrap: wrap;margin-top: 20px;gap: 10px;
    }
    .subscription_btn{
        width: 100%;
    }
    .collection_mailbox_mian{
        padding: 50px 20px 30px 20px;
    }
    .subscription_intro{margin-left: 10px;}
    .subscription_intro2{
        margin-top: 0px;
    }
    .collection_mailbox_group .form-control{
        height: 40px;padding: 0px 15px;
    }
    .subscription_btn2{
        font-size: 15px;padding: 9px 0;width: 50%;
    }
    .intro_alert{
        font-size:12px;color:#333333;margin-top:10px;
    }
    .emailSuggestions{
        top: 40px;
    }
    .collection_mailbox_modal{
        top: 27%;
    }
    .collection_mailbox_group{
        margin-bottom: 2px;
    }
    #subscription_form_success{
        margin-top: 10px;
    }
}

@media (min-width:1px) and (max-width: 574px) {
    .collection_mailbox{width: 350px;}
    .collection_mailbox_close{float: none;}
    .collection_mailbox_mian{flex-direction: column;}
    
    .collection_mailbox_img img{width: 100%;height: 100%;}
}