body,ul,li,h1,h2,h3,h4,h5,p{margin: 0;padding: 0;font: 14px 'Nbstd-Bold';line-height: 1.3;color:#fff;list-style: none;word-break: keep-all;}
img{width: 100%;}
*{box-sizing: border-box;}
@font-face{font-family: 'Nbstd-Bold'; src: url(../font/Nbstd-Bold.eot); src: url(../font/Nbstd-Bold.eot?#iefix) format('embedded-opentype'), url(../font/Nbstd-Bold.svg#nunito) format('svg'), url(../font/Nbstd-Bold.woff) format('woff'), url(../font/Nbstd-Bold.ttf) format('truetype'); font-weight: normal; font-style: normal;}

/* .christmas_top */
.christmas_top{font-size: 32px;color: #025c2b;font-style: italic;padding:5px 10px;background: url(../images/merry_02.webp)no-repeat center center;text-align: center;background-size: cover;font-weight: bold;}
@media (max-width:992px){
    .christmas_top{font-size: 20px;}
}
/* fbanner */
.fbanner{max-height: 760px;overflow: hidden;}
.fbanner .phimg{display: none;}
@media (max-width:992px) {
    .fbanner .pcimg{display: none;}
    .fbanner .phimg{display: block;}
}

/* christmasbg */
.christmasbg{background: url(../images/banner/banner_new_beijin.jpg)repeat-y top center #f4f1e7;margin-top: -10px;padding-bottom: 50px;position: relative;}
/* christmas_section */
.christmas_section{max-width: 1230px;margin: auto;padding: 0 15px;padding-top: 90px;}
@media (max-width:1231px) {
    .christmas_section{overflow: hidden;}
}
.christmas_section ul{display: flex;display: -webkit-flex;flex-wrap: wrap;}
.christmas_section ul li {padding:2px;border-radius:10px;position: relative;width: calc((100% - 40px)/3);margin-right: 20px;margin-bottom: 20px;border: 2px solid #ffd906 ;background: #f5ecd0;}
.christmas_section ul li:nth-child(3n){margin-right: 0;}
.christmas_section ul li .images{border-radius: 8px;overflow: hidden;position: relative;}
.christmas_section ul li .images_txt{display:flex;display: -webkit-flex;align-items: center;padding:10px;;border-radius:8px;flex-wrap: wrap;padding-bottom: 20px;position: relative;}
.christmas_section .off{position: absolute;padding:2px 15px;background: #F04343;top:0px;right:0;color: #fff;font-size: 16px;border-radius:15px 0 0 15px;}
.christmas_section ul li:nth-child(2n) .images_txt{flex-direction:row-reverse;}
.christmas_section ul li h2 a{font-size: 22px;line-height: 1.3;margin: 20px 0 0;display: block;color: #111;text-decoration:none;}
.christmas_section ul li h2 a:hover{text-decoration: underline;}

.price{font-size: 20px;margin: 20px 0;}
.price .cur{color: #ed0404; display: inline-block; margin-right: 4px;font-size:36px;}
.price .or{display: inline-block; color: #666; text-decoration: line-through;}

.christmas_section ul li .shop a{color:#ffd906 ;font-size:18px;text-decoration: none;text-transform: uppercase;display:flex;display: -webkit-flex;align-items: center;max-width:190px;justify-content: center;padding: 8px 10px ;border-radius: 50px;background: #F04343;}
.christmas_section ul li .shop a img{padding-right:8px;max-width: 30px;}
.christmas_section ul li .shop a:hover{text-decoration: underline;}


.christmas_section ul li .images img{transition: all 0.5s;}
.christmas_section ul li:hover .images img{transform:scale(1.05);}

.christmas_section dl{display: flex;display: -webkit-flex;flex-wrap: wrap;margin-top:50px;}
.christmas_section dl dd{width: calc((100% - 20px)/2);overflow: hidden;margin: 0;margin-bottom: 20px;}
.christmas_section dl dd img{border-radius:16px;}
.christmas_section dl dd:nth-child(2n){margin-left: 20px;}

@media (max-width:992px){
    .christmas_section ul li h2 a{font-size: 18px;}
    .price{font-size: 16px;margin: 10px 0;}
    .price .cur{font-size: 26px;}
    .christmas_section ul li .shop a{font-size:16px;max-width: 150px;}
    .christmas_section{padding-top: 40px;}
}
@media (max-width:768px){
    .christmas_section ul li{width: calc((100% - 10px)/2);margin-right: 10px}
    .christmas_section ul li:nth-child(3n){margin-right: 10px}
    .christmas_section ul li:nth-child(2n){margin-right: 0px}
    .christmas_section ul li .images_txt{padding: 5px;padding-bottom: 20px;}

    .christmas_section ul li h2 a{font-size: 16px;}
    .price{font-size: 16px;margin: 10px 0;}
    .price .cur{font-size: 24px;}
    .christmas_section ul li .shop a{font-size:14px;max-width: 135px;}

    .christmas_section dl{margin-top: 20px;}
    .christmas_section dl dd{width: 100%;margin-bottom: 10px;}
    .christmas_section dl dd:nth-child(2n){margin-left: 0px;}

    .christmasbg{padding-bottom: 20px;}
}




.milk_section ul li{border-color: #3b95bf;background: #f0fff7;}
.milk_section ul li .shop a{background: #3b95bf;}
.milk_section .price .or{color: #5e5e5e;}
.milk_section ul li .shop a{color: #fff;}