html,body{
    width: 100%;
    height: 100%;
}
.center_div{
    text-align: center;
}
.home_page_container{
    width: 100%;
    height: 100%;
    /*margin-top: 105px;*/
    font-family: Montserrat!important;
}
.ph_210416_top_video{width: 100%;box-sizing: border-box;margin-bottom: 100px;height: 600px;background-repeat: no-repeat}
.ph_210416_top_video iframe{
    width: 98%;
    height: 580px;
    margin-top: 9px;
    margin-left: 12px;
    border-radius: 10px;
}
#christmas2021 .main-container-box{
    display: none;
}
#christmas2021 .main-container-box.show-main{
    display: block;
}
#christmas2021 p{
    word-wrap: break-word;
    color: #333;
    text-align: center;
}
.store_christmas_banner img{
    width: 100%;
    height: auto;
}
.countdown-content{
    width: 100%;
    height: auto;
    padding-bottom: 40px;
    padding-top: 50px;
    background-color: #16151A;
}
.main_content{
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-bottom: 40px;
    padding-top: 50px;
    background-image: url("../images/bg.jpg");
    background-repeat: repeat;
    background-size: 100%;
}

.main_container{
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
.bg-block{
    display: block;
}
.mobile-block{
    display: none;
}
#christmas2021 .goods-img-box{
    text-align: center;
}
#christmas2021 .goods-box{
    position: relative;
    display: inline-block;
}
#christmas2021 .product-title{
    text-align: center;
    margin-top: 60px;
    position: relative;
}
#christmas2021 .product-title p{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
#christmas2021 .product-title .title-text1{
    font-size: 40px;
    font-weight: 900;
    color: #FF1D30;
    -webkit-text-stroke: 2px #000000;
    text-stroke: 2px #000000;
    text-shadow: 0 0 4px #000;
}
#christmas2021 .product-title .title-text2{
    font-size: 48px;
    font-weight: 900;
    color: #FFFFFF;
    -webkit-text-stroke: 2px #E90B29;
    text-stroke: 2px #E90B29;
    top: 70%;
    letter-spacing: -3px;
}
.nav-inner-box{
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}
.nav-list{
    text-align: center;
    cursor: pointer;
    position: relative;
    margin-right: 10px;
}
.nav-list p{
    position: absolute;
    top: 62%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 16px;
    font-weight: bold;
    color: #231815;
    width: 100%;
}
#christmas2021 .nav-list.active p{
    color: #fff;
}
#christmas2021 .large-img-box{
    display: inline-block;
    position: relative;
}
#christmas2021 .small-goods-list{
    width: 32%;
    position: relative;
    border: 3px solid #16151A;
    border-radius: 15px;
    padding-bottom: 40px;
    margin-top: 90px;
    background-color: #fff;
}
#christmas2021 .extra-small-goods-list{
    width: 24%;
    position: relative;
    border: 3px solid #16151A;
    border-radius: 15px;
    padding-bottom: 30px;
    margin-top: 80px;
    background-color: #fff;
}
#christmas2021 .middle-goods-list{
    width: 48%;
    position: relative;
    border: 3px solid #16151A;
    border-radius: 15px;
    padding-bottom: 40px;
    margin-top: 60px;
    background-color: #fff;
}

#christmas2021 .accessories-box{
    position: absolute;
    right: 10px;
    bottom: 10px;
}
#christmas2021 .small-goods-box{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#christmas2021 .large-goods-box{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    padding: 24px;
}

#christmas2021 .large-goods-detail .product-name{
    font-size: 40px;
    font-weight: 800;
    color: #FF2C2B;
    padding-bottom: 24px;
}
#christmas2021 .large-goods-detail .subtitle-text{
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    line-height: 1.4;
}
#christmas2021 .product-name{
    font-size: 24px;
    font-weight: bold;
    color: #333;
    line-height: 1.3;
    padding-top: 20px;
    padding-bottom: 10px;
}
#christmas2021 .product-name.M-name{
    font-size: 18px;
}
#christmas2021 .product-name.innovator16-name{
    padding-bottom: 20px;
}
#christmas2021 .extra-small-goods-list .product-name{
    font-size: 18px;
}
#christmas2021 .extra-small-goods-list .product-name.small-name{
    font-size: 15px;
}
#christmas2021 .large-goods-detail .product-price-box .price-text{
    font-size: 40px;
}
#christmas2021 .product-price-box{
    font-size: 18px;
    color: #6666;
    padding: 8px 0 0;
    line-height: 1.2;
}
#christmas2021 .product-price-box.two-price{
    padding-top: 0;
}
#christmas2021 .small-goods-box .product-price-box{
    text-align: center;
}
#christmas2021 .product-price-box .price-text{
    color: #FF2C2B;
    font-size: 36px;
    font-weight: 900;
}
#christmas2021 .extra-small-goods-list .price-text{
    font-size: 24px;
}
#christmas2021 .extra-small-goods-list .product-price-box em{
    font-size: 18px;
}
#christmas2021 .product-price-box em{
    text-decoration: line-through;
    color: #666666;
    font-style: normal;
    font-size: 22px;
    font-weight: bold;
}
#christmas2021 .sell-text{
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    padding-bottom: 20px;
}
#christmas2021 .large-goods-content{
    background: #FFFFFF;
    border: 3px solid #161616;
    border-radius: 15px;
}
#christmas2021 .top-box{
    background-color: #F9E401;
    position: relative;
    text-align: right;
    border-radius: 15px 15px 0 0;
}
#christmas2021 .top-box .left-icon{
    position: absolute;
    left: -20px;
    top: -50px;
}
#christmas2021 .extra-small-goods-list .top-box .right-icon{
    top: -7px;
}
#christmas2021 .top-box .right-icon{
    position: absolute;
    right: -6px;
    top: -13px;
}
#christmas2021 .discount-box{
    z-index: 5;
    border: 3px solid #161616;
    padding: 11px 20px;
    background-color: #ddf3f1;
    border-radius: 50px 0 0 50px;
    font-size: 32px;
    font-weight: 800;
    color: #FF515D;
    display: inline-block;
    border-right: none;
    margin-top: 15px;
    margin-bottom: -10px;
}
#christmas2021 .extra-small-goods-list .discount-box{
    padding: 4px 20px;
    font-size: 26px;
}
#christmas2021 .goods-detail-box{
    text-align: center;
}
#christmas2021 .shop-now-button{
    background: #FF6F90;
    display: inline-block;
    padding: 12px 25px;
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    margin-top: 8px;
    border-radius: 8px;
    line-height: 1;
}
#christmas2021 .goods-detail-box .shop-now-button{
    position: absolute;
    bottom: -48px;
    left: 50%;
    transform: translate(-50%,-50%);
    margin-top: 0;
    width: 50%;
}
#christmas2021 .extra-small-goods-list .shop-now-button{
    width: 80%;
    padding: 9px 10px;
    font-size: 20px;
    bottom: -38px;
}
#christmas2021 .small-goods-list .shop-now-button{
    width: 70%;
}
#christmas2021 .large-goods-detail .shop-now-button{
    width: 90%;
    padding: 17px 0;
    margin-top: 24px;
}
#christmas2021 .more-detail-content{
    text-align: center;
    margin: 30px 0 0;
}
#christmas2021 .more-detail-box{
    border: 2px solid #606060;
    padding: 5px;
    display: inline-block;
    text-align: center;
}
#christmas2021 .more-detail-box a{
    background: #606060;
    padding: 10px 35px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    color: #FFFFFF;
    display: inline-block;
}
#christmas2021 .more-detail-box a:hover{
    background:#D22027;
}
#christmas2021 .goods_MoreBox {
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 80px;
}
#christmas2021 .goods_MoreBox a {
    display: inline-block;
    width: auto;
    height: auto;
    position: relative;
    text-decoration: none;
}
#christmas2021 .goods_MoreBox a span {
    display: inline-block;
    width: 100%;
    position: absolute;
    top: 56%;
    left: 0;
    font-size: 30px;
    transform: translate(0,-50%);
    text-align: center;
    font-family: Montserrat;
    font-weight: 500;
    color: #211f1f;
    line-height: 1.2;
}
#christmas2021 .s-text{
    padding: 1px 6px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-color: #FF2C2B;
    border-radius: 50%;
}
#christmas2021 .s-text.plus-text{
    padding: 6px 0px;
    font-size: 14px;
}
#christmas2021 .ds-box{
    position: relative;
}
#christmas2021 .email-box{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 7px 10px;
    background-color: #FF1D30;
    font-weight: bold;
    font-size: 16px;
    border-radius: 5px;
}
@media screen and (max-width: 1200px){

}
@media screen and (max-width: 1100px){
    #christmas2021 .small-goods-list .shop-now-button{width: 85%}
    #christmas2021 .small-goods-box .discount-box{padding: 5px 10px}
    #christmas2021 .product-name.M-name{font-size: 18px}

}
@media screen and (max-width: 1024px){

}
@media screen and (max-width: 768px){
    #christmas2021 .small-goods-list{
        width: 33%;
    }
    #christmas2021 .product-price-box .price-text{
        font-size: 18px;
    }
    #christmas2021 .product-price-box{
        font-size: 15px;
        padding: 5px 0;
    }
    #christmas2021 .extra-small-goods-list{width: 33%;margin-top: 75px}
    #christmas2021 .discount-box{font-size: 22px}
    #christmas2021 .goods-detail-box .shop-now-button{width: 75%}
    #christmas2021 .product-title img {
        width: 100%;
    }
    #christmas2021 .email-box{top: 60%}
}
@media screen and (max-width: 576px){
    .bg-block{
        display: none;
    }
    .mobile-block{
        display: block;
    }
    .main_container{
        padding: 0 10px;
    }
    #christmas2021 .product-title img{
        width: 100%;
    }
    .nav-inner-box{flex-wrap: wrap}
    .nav-list{font-size: 16px;width: 49%;margin-right: 0}
    .nav-list p{font-size: 14px;line-height: 1}
    #christmas2021 .product-title .title-text1{font-size: 23px}
    #christmas2021 .product-title .title-text2{font-size: 34px}
    #christmas2021 .large-goods-detail .product-name{padding: 10px 0}
    #christmas2021 .large-goods-detail{text-align: center}
    #christmas2021 .large-goods-detail .shop-now-button{width: 100%;padding: 12px 0}
    #christmas2021 .small-goods-box .discount-box{font-size: 14px;padding: 5px;margin-top: 10px}
    #christmas2021 .product-name{font-size: 16px;padding-bottom: 5px;padding-top: 10px}
    #christmas2021 .small-goods-box .top-box .left-icon {
        position: absolute;
        left: -7px;
        top: -20px;
        width: 25%;
    }
    #christmas2021 .small-goods-box .top-box .right-icon {
        position: absolute;
        right: -3px;
        top: -7px;
        width: 75%;
    }
    #christmas2021 .goods-detail-box .shop-now-button{width: 90%;padding: 10px 0;font-size: 16px;bottom: -36px}
    #christmas2021 .product-price-box em{font-size: 12px}
    #christmas2021 .middle-goods-list{padding-bottom: 30px;margin-top: 30px}
    #christmas2021 .small-goods-list{width: 48%;padding-bottom: 24px;margin-top: 45px}
    #christmas2021 .goods-box{padding: 0 10px}
    #christmas2021 .extra-small-goods-list{width: 48%;margin-top: 40px}
    #christmas2021 .product-name.M-name{font-size: 15px}
    #christmas2021 .large-goods-detail div{
        text-align: center;
    }
    #christmas2021 .large-goods-detail .product-price-box em{
        font-size: 20px;
    }
    #christmas2021 .large-goods-detail .product-name{font-size: 30px}
    #christmas2021 .large-goods-detail .product-price-box .price-text{font-size: 36px}
    #christmas2021 .product-name.innovator16-name {
        padding-bottom: 0;
        padding-top: 0;
    }
    #christmas2021 .extra-small-goods-list .product-price-box em{font-size: 12px}
    #christmas2021 .s-text{font-size: 12px}
    #christmas2021 .email-box{top: 75%;width: 73%}
}
/* 倒计时 */
#Ch2020_countdown {display: block;border-radius: 10px;border: 3px solid #0A1815;background: #024232;
    box-shadow: 0px 12px 18px 0px rgba(0, 0, 0, 0.54);}
#Ch2020_countdown img{vertical-align: middle;}
#Ch2020_countdown {max-width: 1200px;overflow: hidden;margin: 0 auto;margin-bottom: 80px; box-sizing: border-box;padding:25px 20px 25px;position: relative;}
/* #Ch2020_countdown{display: none;} */
#Ch2020_countdown .Ch2020_cd_box{max-width: 760px;margin: 0 auto;position: relative;z-index: 10;}
#Ch2020_countdown .Ch2020_cd_time{color: #FFFFFF;font-size: 14px;line-height: 1;font-weight: 400;text-align: center;margin: 15px 0 15px 0;}
#Ch2020_countdown .Ch2020_cd_title{
    color: #FFFFFF;font-size: 18px;line-height: 1;font-weight: bold;text-align: center;margin-bottom: 10px;display: -webkit-flex;align-items: center;justify-content: center;}
/* #Ch2020_countdown .Ch2020_cd_title::before {display: block;height: 2px; margin-right: 2rem;background-color: #000;-webkit-box-flex: 1;flex: 1;content: '';}
#Ch2020_countdown .Ch2020_cd_title::after {display: block;height: 2px;margin-left: 2rem; background-color: #000;-webkit-box-flex: 1;flex: 1;content: '';} */
#Ch2020_countdown .Ch2020_cd_djs{width: 100%;display: flex;justify-content: center;}
#Ch2020_countdown .Ch2020_djs_time {width: 110px;display: inline-block;text-align: center;}
#Ch2020_countdown .Ch2020_djs_time span{font-family: Hebert Sans;width: 100%;font-size: 48px;text-align: center;
    color: #FFFFFF;font-weight: bold;line-height: 60px;display: inline-block;border-radius: 10px 10px 0px 0px;}
#Ch2020_countdown .Ch2020_djs_txt{font-size: 16px;
    color: #FFD401;font-weight: 400;line-height: 24px;border-radius: 0px 0px 10px 10px;}
#Ch2020_countdown .Ch2020_seperator {font-size: 48px;display: inline-block;
    color: #FFFFFF;font-weight: bold;line-height: 60px;vertical-align: top;padding: 0 10px;position: relative;top: -5px;}
#Ch2020_countdown .Ch2020_cd_button{width: 400px;margin: 0 auto;background: #EC3294;text-align: center;border-radius: 10px;}
#Ch2020_countdown .Ch2020_cd_button a{font-size: 18px;padding: 10px 0;color: #fff;font-weight: 400;line-height: 1;text-decoration: none;display: inline-block;}
/* countdown_posi1 */
#Ch2020_countdown .countdown_posi3{    position: absolute;left: 0;top: 5px;  width: auto; z-index: 1;transform: translate(0,0);}
#Ch2020_countdown .countdown_posi3 img{width: 100%;}
#Ch2020_countdown .countdown_posi5{    position: absolute;right: 0;top: 5px;width: auto;z-index: 1;transform: translate(0,0);}
#Ch2020_countdown .countdown_posi5 img{width: 100%;}
@media screen and (max-width: 1200px ){
    #Ch2020_countdown .countdown_posi3{z-index: 1;opacity: 0.5;}
    #Ch2020_countdown .countdown_posi5{z-index: 1;opacity: 0.5;}
}
@media screen and (max-width: 992px ){
    #Ch2020_countdown {margin-bottom: 60px;}
}
@media screen and (max-width: 768px ){
    #Ch2020_countdown .Ch2020_cd_title {font-size: 20px;margin-bottom: 10px;}
    #Ch2020_countdown .Ch2020_djs_time span { font-size: 34px;}
    #Ch2020_countdown .Ch2020_djs_time {width: 85px;}
    #Ch2020_countdown .Ch2020_seperator {font-size: 34px;padding: 0 14px;top: -4px;}
    #Ch2020_countdown .Ch2020_djs_txt {font-size: 14px;line-height:1;}
    #Ch2020_countdown .Ch2020_cd_button { width: 360px;}
    #Ch2020_countdown {margin-bottom: 45px;}
    #Ch2020_countdown .countdown_posi3 {left: -14%;opacity: 0.3;}
    #Ch2020_countdown .countdown_posi5 {right: -16%;opacity: 0.3;}
}
@media screen and (max-width: 600px ){
    #Ch2020_countdown .Ch2020_cd_time { margin: 6px 0 15px 0;}
    #Ch2020_countdown .Ch2020_cd_title {font-size: 18px;margin-bottom: 5px;}
    #Ch2020_countdown .Ch2020_cd_title::before { margin-right: 10px;}
    #Ch2020_countdown .Ch2020_cd_title::after { margin-left: 10px;}
    #Ch2020_countdown .Ch2020_djs_time span {font-size: 28px;line-height: 54px;}
    #Ch2020_countdown .Ch2020_seperator {font-size: 30px;line-height: 54px;padding: 0 10px;}
    #Ch2020_countdown .Ch2020_djs_txt {font-size: 12px;}
    #Ch2020_countdown .Ch2020_cd_button {width: 320px;}
    #Ch2020_countdown { margin-bottom: 40px;}
    #Ch2020_countdown .countdown_posi3 {left: -18%;}
    #Ch2020_countdown .countdown_posi5 {right: -22%;}
}
@media screen and (max-width: 480px ){
    #Ch2020_countdown .Ch2020_cd_time {margin: 0px 0 15px 0;}
    #Ch2020_countdown .Ch2020_cd_title {font-size: 16px;}
    #Ch2020_countdown .Ch2020_cd_title::before {height: 1px;}
    #Ch2020_countdown .Ch2020_cd_title::after {height: 1px;}
    #Ch2020_countdown .Ch2020_djs_time { width: 70px;}
    #Ch2020_countdown .Ch2020_djs_time span {font-size: 26px;line-height: 44px;}
    #Ch2020_countdown .Ch2020_djs_txt {font-size: 10px;line-height: 26px;}
    #Ch2020_countdown .Ch2020_seperator {font-size: 30px;line-height: 44px;padding: 0 8px;}
    #Ch2020_countdown .Ch2020_cd_button {width: 280px;}
    #Ch2020_countdown {padding: 20px 15px 12px;}
    #Ch2020_countdown {margin-bottom: 25px;}
    #Ch2020_countdown .countdown_posi3 {left: -24%;width: 200px;}
    #Ch2020_countdown .countdown_posi5 {right: -27%;width: 200px;}
}
@media screen and (max-width: 400px ){
    #Ch2020_countdown .Ch2020_countdown {padding: 20px 10px;}
    #Ch2020_countdown .Ch2020_djs_time {width: 66px;}
    #Ch2020_countdown .Ch2020_djs_time span {font-size: 24px;line-height: 42px;}
    #Ch2020_countdown .Ch2020_seperator {font-size: 26px;line-height: 40px;padding: 0 5px;top: -2px;}
    #Ch2020_countdown .Ch2020_djs_txt {font-size: 10px;line-height: 22px;}
    #Ch2020_countdown .Ch2020_cd_button {width: 220px;}
    #Ch2020_countdown .countdown_posi3 {left: -24%;width: 150px;}
    #Ch2020_countdown .countdown_posi5 {right: -27%;width: 150px;}
}
/* 倒计时 end*/