p,body,figure,h1,h2,h3,h4,h5,h6,ul,li{margin: 0;padding: 0;}
li{list-style: none;}
a{text-decoration: none;}
button::after,
button::before {border: none;}
button {background: none;border: none}
button:focus,button:focus-visible {outline: none;border: none}
.width100{width: 100%;height: auto;}
.easter_bg{background-color: #E1EDF4;padding-bottom: 50px;margin-top: 65px;}
.easter_content{width: 1200px;margin: 0px auto;}
.text-overflow-hidden2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.banner_img-ph{display: none;}
@media screen and (max-width: 1000px) {
    .easter_bg{margin-top: 54px;}
}

@media screen and (max-width: 768px) {
    .easter_bg{margin-top: 0px;}
}
    
@media only screen and (max-width: 1250px){
    .easter_content{width: 96%;margin: 0px auto;}
}
@media only screen and (max-width: 900px){
    .banner_img-pc{display: none;}
    .banner_img-ph{display: block;}
}
/* 标题 */

.title-box{padding: 80px 0 35px 0;}
.title-pro{position: relative;}
.title-box img{margin: 0 auto;}
.type-con2{position: absolute;width: 100%;top: 45%;left: 50%;transform: translate(-50%, -50%);text-align: center;}
.type-title{ font-size: 30px;font-weight: bold;text-align: center;color: #660099;}
.m-img{display: none;}
@media only screen and (max-width: 1250px){
    .title-box{padding: 50px 0 35px 0;}
    .type-title{font-size: 24px;}
}
@media screen and (max-width: 900px) {
    .pc-img{display: none;}
    .m-img{display: block;}
    .type-title{width: 70%;margin: 0 auto;}
}
@media screen and (max-width: 574px) {
    .type-title{font-size: 20px;}
}
@media screen and (max-width: 450px) {
    .type-title{font-size: 16px;}
    
}
.content-paste-input{position: absolute;top: 0;left: 0;opacity: 0;z-index: -10;}
.message_add{position: fixed;left: 50%;width: 200px;top: 55px;right: 0px;transform: translateX(-50%);border-radius: 4px;padding: 15px 15px 15px 20px;
    display: flex;z-index: 9999999;background-color: #f0f9eb;border-color: #e1f3d8;font-size: 16px;line-height: 16px}
.egg_max{position: relative;}
.egg_content{position: absolute;width: 100%;text-align: center;top: 50%;transform: translateY(-50%);}
.egg_flex{display: flex;align-items: center;justify-content: center;}
.egg_title{color: #660099;font-size: 40px;font-weight: bold;}
.egg_img-intro{margin: 40px 0 20px 0;}
.egg_img-intro img{margin:0 15px;}
.egg_flex .egg_btn{margin: 0 30px;}
.egg_btn-img{position: absolute;bottom: 3%;left: 50%;transform: translateX(-50%);}
/* .egg_flex .egg_btn:hover{cursor: pointer;} */
/* .egg_fixed:hover .egg_animation1{display: none;} */
@media only screen and (max-width: 1700px){
    .egg_flex .egg_btn{width: 70%;height: auto;margin: 0px auto;}
}
@media only screen and (max-width: 1400px){
    .egg_flex .egg_btn{width: 70%;height: auto;}

    .egg_img-intro img{margin: 0;}
    .easter-pr{width: 80%;height: auto;}
}
@media only screen and (max-width: 1200px){
    .egg_title{font-size: 32px;}
    .easter-pr{width: 80%;height: auto;}
    .egg_btn-img img{width: 60%;height: auto;margin: 0px auto;}
    .egg_img-intro{margin: 20px 0 0;}
}
@media only screen and (max-width: 1100px){
    .egg_title{font-size: 28px;}
    .egg_flex .egg_btn{width: 50%;height: auto;margin: 0px auto;}
    .egg_btn-img img{width: 60%;height: auto;}
    .egg_img-intro{margin: 10px 0 0;}
}
@media only screen and (max-width: 900px){
    .egg_title{font-size: 36px;}
    .easter-pr{width: 100%;}
    .egg_flex .egg_btn{width: 80%;height: auto; margin: 0px auto;}
    .egg_btn-img img{width: 80%;height: auto;margin: 0px auto;}
    .egg_img-intro{margin: 40px 0;}
    .egg_btn-img{bottom: -15%;}
    .egg_content{top: 35%;}
}
@media only screen and (max-width: 768px){
    .egg_content{top: 45%;}
}
@media only screen and (max-width: 574px){
    .egg_title{font-size: 26px;}
    .easter-pr{width: 70%;}
    .egg_img-intro{width: 70%;margin: 20px auto;}
}


.egg_hammer-btn{position: relative;}
.egg_animation1{position: absolute;animation: myanimation 1.5s;animation-iteration-count: infinite;transform-origin: right bottom;right: 10%;top: -20%;}
.egg_animation{position: absolute;animation: myanimation 1.5s;animation-iteration-count: infinite;transform-origin: right bottom;right: -35px;top: -15%; 
    display: none;}

@keyframes myanimation {
    0% { transform: rotate(50deg);}
    50%{transform: rotate(-20deg);}
    100%{ transform: rotate(50deg);}
}
@media only screen and (max-width: 1400px){
    .egg_animation1 {right: 0%;}
}
@media only screen and (max-width: 574px){
    .egg_animation1 {right: -5%;}
    .egg_animation1 img{width: 70px;height: 70px;}
    .egg_animation{right: -50%;}
}

/* 砸蛋模态框 */
.egg{display: none; position: fixed; z-index: 100;left: 0;top: 0; width: 100%; height: 100%; overflow: auto;
    background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4); overflow: hidden;}
.eggModel-con{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;}
.egg_figure{position: relative;display: inline-grid;}
.Prizefigure{top: 50%;transform: translateY(-50%);}
.egg-content{margin: auto;display: block;}
.egg-content{-webkit-animation-name: zoom;-webkit-animation-duration: 0.6s;animation-name: zoom;animation-duration: 0.6s;}
.egg_close{position: absolute;top: 15px;right: 35px;color: #f1f1f1;font-size: 40px;font-weight: bold;transition: 0.3s}
.egg_close2{position: absolute;top: 15px;right: 35px;color: #333333;font-size: 40px;font-weight: bold;transition: 0.3s}
.egg_close:hover,.egg_close2:hover, .egg_close2:focus 
.egg_close:focus {color: #bbb;text-decoration: none;cursor: pointer;}
@-webkit-keyframes zoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}
@keyframes zoom {
    from {transform: scale(0.1)} 
    to {transform: scale(1)}
}
@media only screen and (max-width: 700px){
    .egg-content{width: 100%;}
}
@media only screen and (max-width: 574px){
    .egg-content{width: 100% !important;height: auto !important;}
}

/* 中奖模态框 */
#PrizeModel{text-align: center;}
.Prize-title{font-size: 28px;font-weight: bold;color: #660099;}
.Prize-intro{font-size: 16px;color: #660099;margin: 15px 0 30px 0;}
.PrizeModel-con{position: absolute;top: 10%;width: 80%;text-align: center;left: 10%;display: none;}
.Prize-win{position: absolute;background: #2BA0CC;color: #ffffff;font-size: 24px;padding: 15px 70px;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);
    left: 50%;bottom: 10%;transform: translateX(-50%);border-radius: 60px 60px 60px 60px;cursor: pointer;}
.present_img,.present_img2{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: none;}
.present_img:hover,.present_img2:hover{cursor: pointer;}

/* 以抽奖弹窗 */
#HaveModel{text-align: center;}
.Have-content{position: absolute;top: 10%;width: 80%;text-align: center;left: 10%;}
.HaveModel { position: fixed;top: 50%;right: 0;bottom: 0;left: 35%;z-index: 101;width: 30%;transform: translateY(-50%);}
.HaveModel:hover{cursor: pointer;}
@media only screen and (max-width: 1400px){
    .HaveModel{width: 46%;left: 27%;}
}
@media only screen and (max-width: 1100px){
    .HaveModel{width: 56%;left: 22%;}
}
@media only screen and (max-width: 900px){
    .HaveModel{width: 66%;left: 33%;}
}
@media only screen and (max-width: 600px){
    .Prize-title{font-size: 16px;}
    .Prize-intro{font-size: 12px;}
    .HaveModel{width: 90%;left: 5%;}
    .PrizeModel-con{width: 92%;left: 4%;top: 12%;}
    .Prize-intro{margin: 0px 0px 20px 0px;}
    .egg_close2{font-size: 26px;right: 15px;}
}
/* 邮箱提示样式 */
.emailPosition{position: relative;}
.emailSuggestions{position: absolute; z-index: 1; background: #ffffff;width: 100%; left: 0; top: 50px; height: 300px; overflow: auto;
    border: 1px solid #DDDDDD;display: none;}
.emailSuggestions li{padding: 7px 10px;}
.emailSuggestions li:hover{cursor: pointer;background-color: #660099;color: #ffffff;}

/* 填写信息弹窗 */
.EasterModel{position: fixed;top:50%;right: 0;bottom: 0;left: 35%;z-index: 101;width: 30%;transform: translateY(-50%);}
.easter_form{padding:40px 50px;background-color:#ffffff;border-radius: 16px;}
.easter_form-h4{font-size: 32px;font-weight: bold;color: #660099;text-align: center;}
.easter_form-intro{margin: 20px 0 50px 0;background: linear-gradient( 110deg, #E658C8 0%, #660099 100%);
    border-radius: 6px;font-size: 16px;display: inline-block;padding: 10px 30px;color: #ffffff;text-align: center;}
.easter_form input, .easter_form textarea{box-sizing: border-box;}
.code {height: 30px;color: red;font-size: 14px;line-height: 30px;}
.easter_form input {width: 100%;padding: 0 20px;display: block; border-radius: 4px;height: 50px;line-height: 50px;
border: 1px solid #ccc;}
.easter_form .type-con2{margin-bottom: 30px;}
.easter_form .type-title{font-size: 24px;color: #333333;font-weight: bold;text-align: center;}
.easter_form textarea {border: 1px solid #ccc;width: 100%;padding-top: 20px;padding-left: 20px;border-radius: 4px;}
.easter_form .Send-Message {height: 48px;padding: 5px 20px;color: #ffffff;background: #660099;
    border-radius: 3px 3px 3px 3px;font-size: 16px;cursor: pointer;display: flex;align-items: center;width: 100%;justify-content:center;}
.easter_form-flex {display: flex;align-items: center;justify-content: space-between;}
.easter_form-flex label {width: 49%;}
.message_code{position: absolute;bottom: 55px;font-size: 14px;color: red;}
@media only screen and (max-width: 1700px){
    .EasterModel{width: 46%;left: 27%;}
}
@media only screen and (max-width: 1200px){
    .EasterModel{width: 66%;left: 22%;}
}
@media only screen and (max-width: 900px){
    .EasterModel{width: 66%;left: 22%;}
}
@media only screen and (max-width: 768px){
    .EasterModel{width: 70%;left: 15%;}
    .egg_figure{width: 80%;}
    .present_img,.present_img2{top: 59%;width: 40%;}
    .egg_close2{top: 0px;right: 15px;}
    .easter_form{padding: 30px 10px;}
    .easter_form-h4{font-size: 22px;}
    .easter_form-intro{font-size: 12px;padding: 10px 20px;}
}
@media only screen and (max-width: 600px){
    .egg_figure{width: 94%;}
    #eggModel .egg_figure{width: 80%;}
    #eggModel .egg_animation img{width: 95px;height: 96px;}
    .EasterModel{width: 94%;left: 3%;}
    .present_img, .present_img2{top: 54%;}
    .easter_form-intro{margin: 20px 0;}
    .Prize-win{width: 40%;font-size: 13px;padding: 10px 10px;}
}
/* 产品列表 */
.easter-3-box{display: flex;justify-content: space-between;flex-wrap: wrap;}
.easter-list{width: 49%;border-radius: 16px;margin-bottom: 25px;background-color: #ffffff;}
.easter-bg{padding: 15px 15px 25px 15px;}
.deals-content{padding: 15px 15px 0 15px;}
.easter_product-title{font-weight: bold;font-size: 20px;color: #333333;}
.easter_product-title:hover{color: #660099;text-decoration: underline;}
.easter-price{font-size: 28px;color: #333333;font-weight: bold;margin: 20px 0 13px 0;}
.deals-btn{width: 100%;display: inline-flex;padding: 0;}
.deals-btn a{display: block;background-color: #660099;color: #ffffff;font-size: 16px;padding: 15px 0px;width: 100%;border-radius: 3px;}
.easter-img{overflow: hidden;}
.easter-img img{transition: all 1s;}
.easter-img img:hover{transform: scale(1.1); transition: all 1s;}

.product_code-flex{display: flex;align-items: baseline;}
.product_code-sum{font-size: 22px;color: #333333;font-weight: bold;}
.product_code-code{font-size: 12px;color: #333333;}
.product_list-btn{display: flex;margin-left: 25px;align-items: baseline;}
.order_bg{background-color: #8C55BE;padding: 2px 10px;border-radius: 3px;margin-left: 7px;display: flex;align-items: center;}
.order_list-ne{color: #ffffff;font-weight: bold;font-size: 16px;}
.product_list-btn:hover{cursor: pointer;}
.product_list-btn img{margin-left: 2px;}
@media only screen and (max-width: 1200px){
    .easter_product-title{font-size: 16px;}
    .easter-price{font-size: 22px;}
}
@media only screen and (max-width: 660px){
    .easter-list{width: 100%;}
}
@media only screen and (max-width: 450px){
    .title-box {padding: 25px 0 10px 0;}
    .deals-content{padding: 10px 5px;}
    .easter-bg{padding: 10px 10px 20px 10px;}
    .easter-list{margin-bottom: 15px;}
    
}