html, body, dl, dd, h1, h2, h3, h4, h5, h6, p, ol, ul, span {margin: 0;padding: 0;font:400 12px/1 "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; color:inherit;;font-size: 16px}
img {max-width: 100%;}  a{text-decoration: none}  li {list-style: none}  i{font-style: unset;}
.alc {width: 100%;max-width: 1540px;margin-left: auto;margin-right: auto;}
body{background-color: #a10723}

/*banner*/
.banner_container{width: 100%;background: url("chr_nbanner_bg.png")top center no-repeat;height: 663px;background-size: cover;overflow: hidden;position: relative}
.banner_box{max-width: 1200px;height: 100%;margin: 0 auto;overflow: hidden}
.banner_box img{display: block}
.banner_box img:first-child{margin: 40px 0}
.banner_box img:nth-child(2){margin-top: 20px}
.banner_box img:nth-child(3){margin-top: 35px}
.banner_box .priceimg{margin-top: 25px}
.banner_box .chr_tree{position: absolute;right: 9%;top: 0}
.countdown{display:inline-block; text-align:center; margin:30px 0 0 0;}
.countdown p{display:inline-block; vertical-align:top; margin-right:16px; position:relative;}
.countdown p:after{content:":"; color:#F9F0CF; opacity:.8; font-size:24px; font-weight:bold; position:absolute; top:10px; right:-12px;}
.countdown p:last-child:after{display:none;}
.countdown p:last-child{margin-right:0;}
.countdown b{display:block; width:58px; padding-left:12px; height:48px; background:url(https://imobie-resource.com/fr/special/img/xmde_count.png); background-size:100% 100%; color:#C41832; font-size:22px; font-weight:bold; line-height:48px; letter-spacing:22px; margin-bottom:5px;}
.countdown span{font-size:16px; color:#F7EFCD; opacity:.8;}


/*buy*/
.buy_container{width: 100%;background: #fff;height: auto;border-radius: 10px;margin-top: -150px;text-align: center;overflow: hidden;z-index: 10;position: relative;;background:#fff url("chr_buy_bg.png")top center no-repeat;background-size: 100% 100%}
.buy_container h1{background: #C41832;margin: 80px auto 40px;display: inline-block;padding: 21px 55px;font-size: 46px;color: #fff;position: relative;}
.buy_container h1 span{color: #FFEB0E;font-size: 46px}
.buy_container h1:before{content: "";background: url("chr_title_ab.png")center no-repeat;width: 169px;height: 91px;position: absolute;display: block;left: -70px;top: 25px}
.buy_container h1:after{content: "";background: url("chr_title_ab_r.png")center no-repeat;width: 169px;height: 91px;position: absolute;display: block;right: -70px;top: 25px}
.buy_container .buy_item_box_one{width: 99% !important}

.buy_item_box{ max-width:1540px; width:100%;  margin:0 auto ;padding-bottom:10px;  .ostaboverflow:hidden; text-align:center;position: relative;border-bottom: 5px solid #f8f7f5;}
.buy_item_box:nth-child(4){border: none}
.chrisdea_prod{ width:36.5%; display:inline-block; margin:40px 30px; vertical-align:text-top;}
.chrisdea_prodimg{  position:relative; margin:0 auto;}
.chrisdea_prodbo{ width:145px; height:198px;}
.chrisdea_hat{ position:absolute; right:-31px; top:-20px; z-index:2;}
.chrisdea_safe{ position:absolute; left:-85px; bottom:0; z-index:2;}
.chrisdea_prod h4{ font-size:28px; color:#000000; font-weight:bold; margin-top:20px;}
.chrisdea_prod ul{ text-align:left; margin-top:20px;}
.chrisdea_prod ul li{ font-size:14px; color:#666666; line-height:1.6; margin-top:6px; padding-left:20px; position:relative;}
.chrisdea_prod ul li:before{ width:10px; height:21px; content:""; display:block; position:absolute; left:0; top:2px; z-index:2; background:url(chrisdea_stick.png) top center no-repeat; background-size:cover;}
.chrisdea_sec1price{ margin-top:15px; font-size:52px; color:#fa0404; font-weight:bold;}
.chrisdea_sec1price del{ font-size:24px; color:#000000; margin-left:10px;}
a.chrisdea_sec1link{ width:280px; height:52px; border-radius:5px; line-height:52px; display:block; text-align:center; font-size:18px; color:#fff; text-decoration:none; margin:15px auto 0; background-color:#ff4a26; background:linear-gradient(to right,#ff5027,#f7001b); font-weight:bold;}
a.chrisdea_sec1link:hover{ background:linear-gradient(to left,#ff5027,#f7001b);}
.chrisdea_sec1tips{ font-size:16px; color:#333333; display:block; margin-top:10px;margin-left: -25px;text-align: center}
.chrisdea_sec1tips>img{ margin:-2px 15px 0 0;}
.chrisdea_sec1split{ width:100%; height:6px; background:#f8f7f5;}
.chrisdea_sec1split>img{ margin-top:-38px;}

.buymacs{display: none}

.chrisdea_propm{ width:600px; display:inline-block; margin:40px 10px 40px; vertical-align:text-top;}
.chrisdea_propm .chrisdea_prodimg{  float:left; margin-top:40px;text-align: center }
/*.chrisdea_propm .chrisdea_prodbo{  height:245px;}*/
.chrisdea_propm .chrisdea_safe{ left:-53px;}
.chrisdea_propm .chrisdea_hat{ right:-30px; top:-15px;}
.chrisdea_propmte{ width:325px; float:right; text-align:left;}
.chrisdea_propmte h4{ font-size:28px; color:#000000; font-weight:bold;}
.chrisdea_propmte ul{ margin-top:20px;}
.chrisdea_propmte ul li{ font-size:14px; color:#666666; line-height:1.8; margin-top:4px; padding-left:18px; position:relative;}
.chrisdea_propmte ul li:before{ width:8px; height:8px; background:#fa0404; border-radius:8px; content:""; display:block; position:absolute; z-index:2; left:0; top:9px;}
.chrisdea_propmte .chrisdea_sec1price{ margin-top:15px;margin-left: 23px; font-size:44px; color:#fa0404; font-weight:bold;}
.chrisdea_propmte .chrisdea_sec1price del{ font-size:24px; color:#000000; margin:0 10px 0 0;}
.chrisdea_propmte .chrisdea_sec1link{ margin-left:0;}

.chrisdea_grauc{ max-width:1280px; width:96%; margin:0 auto 50px; text-align:center;}
.chrisdea_grauc figure{ width:250px; display:inline-block; margin:15px 30px; vertical-align:text-top;}
.chrisdea_grauc figure img{ width:75px; display:inline-block; vertical-align:middle;}
.chrisdea_grauc figure figcaption{ margin-left:20px; width:150px; display:inline-block; vertical-align:middle; text-align:left; font-size:18px; color:#2A8F55; line-height:1.5;}

.media_container{width: 100%;text-align: center}
.media_container h1{font-size: 46px;color: #fff;margin: 55px auto 40px}
.footer{width: 100%;text-align: center;height: 50px;font-size: 14px;color: #D7832C;line-height: 50px;background: #770318;margin-top: -37px}

.ostab{padding:5px; width:140px;height:34px;  background-color:#000; border-radius:6px; position:relative; z-index:2; margin:20px auto;}
.ostab p{float:left; width:50%; text-align:center; line-height:34px; font-size:16px; font-weight:bold; color:#fff; border-radius: 6px;}
.ostab .active{background-color:#C41832;}
.buycont .buymacs{display:none;}
.ostab{display: none}
.mo_bannertextimg{display: none!important;}

.mask_bg{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:15; background:rgba(0,0,0,0.7);}
.endpopcont{background:#fff url(chr_endbg.png)bottom center no-repeat; background-size: cover; max-width:970px;height: 499px;  position: fixed; top: 44%; left: 50%; transform: translate(-50%,-50%); ;z-index: 19;text-align: center;border-radius: 10px}
.endpopcont h2{font-size:36px;color: #fff;font-weight: 500;background: url("chr_end_titbg.png")top center no-repeat;background-size:100% 100%;padding: 19px 96px 31px;display: inline-block;margin-top: 65px}
.endpopcont p{font-size:26px; margin:28px auto;width: 90%;color: #000;line-height: 40px;text-align: center}
.endpopcont a{background:linear-gradient(269.9deg, #F8021C 0.1%, #FF4E26 99.94%);border-radius: 10px; color:#fff; font-size:24px; font-weight:bold; text-decoration:none; width:350px; height: 66px;line-height:66px; display:block; text-align:center; margin:auto;;position: relative;transition: all 0.4s}
.endpopcont a:hover{ background:linear-gradient(to left,#ff5027,#f7001b);}
.endpopcont a img{vertical-align: middle}
.closendpop{font-size:50px; color:#96BB9E; left:40px; top:30px; cursor:pointer;position: absolute}
.endpopcont p span{display: block}

/*.endpopcont h2:before {content: "";background: url(chr_title_ab.png)center no-repeat;width: 86px;height: 60px;position: absolute;display: block;left: -70px;top: 25px;}*/

@media screen and (max-width: 1440px) {
    .banner_box img{margin-left: 20px}
    .buy_container{width: 98%}
    .buy_container h1,.buy_container h1 span{font-size: 34px}
    .buy_container h1:before,.buy_container h1:after{top: 12px}
    .banner_box .chr_tree{right: -7%;}

}
@media screen and (max-width: 1024px) {
    .banner_box .chr_tree{right: -18%;}

}
@media screen and (max-width: 980px) {
    .chrisdea_prod{width: 80%}
    .media_container .media_img{width: 95% !important}
    .banner_container{width: 100%;background: url("chr_mo_bannerbg.png")top center no-repeat;height: auto;background-size: cover;}
    .mo_bannertextimg{display: block!important;margin: 0 10% !important;width: 80%;}
    .bannertextimg{display: none!important;}
    .banner_box .chr_tree{display: none}
    .banner_box img:first-child{margin: 20px 0 10px 15px}
    .banner_box .priceimg{margin: 5px auto 25px;width: 65%}
    .buy_container{margin-top: 0;border-radius: 0}
    .ostab{display: block}

    .countdown{display: block;margin:0 auto 0;}
    .countdown b{width:54px; padding-left:8px; letter-spacing:20px;}


    .endpopcont{width: 80%;height: auto;padding:30px 0 100px;background:#fff url(chr_endbg_mo.png)bottom center no-repeat;background-size: 100% 100%}
    .endpopcont h2{margin-top: 0;background: #C41832;width: 70%;padding: 15px 10px;border-radius: 10px;font-size: 30px}
    .endpopcont p{font-size: 23px}
    .endpopcont a{height: 55px;line-height: 55px}
    .closendpop{top: 0;left: 10px}
}
@media screen and (max-width: 768px) {
    .banner_container img{max-width: 90%}
    .buy_container{background: #fff;border: 5px dashed #ef1053}
    .buy_container h1:before,.buy_container h1:after{display: none}
    .buy_container h1{padding: 20px 30px;border-radius: 10px}

    .endpopcont{width: 92%}
    .endpopcont h2{font-size: 26px}
    .endpopcont p {font-size: 20px;line-height: 30px}
}
@media screen and (max-width: 568px) {
    .banner_container img:first-child{margin: 30px 10px}
    .banner_container{height: auto;padding-bottom: 30px}
    .banner_container{padding-bottom: 0}
    .banner_container img:first-child {width:15%;margin: 14px 10px;}
    /*.banner_container img:nth-child(3){max-width: 50%}*/
    .buy_container h1{padding: 15px 30px;font-size: 30px;width: 70%;line-height: 40px}
    .buy_container h1 span{font-size: 30px;line-height: 40px}
    .chrisdea_prod{margin: 20px 30px}
    .banner_box{height: auto}

    .chrisdea_propm{width: 100%}
    .chrisdea_propm .chrisdea_prodimg{float: none}
    .chrisdea_propmte{width: 80%;margin: 20px 10%;text-align: center;float: none}
    .chrisdea_propmte ul{text-align: left}
    .chrisdea_propmte .chrisdea_sec1link{margin: 15px 7% }
    a.chrisdea_sec1link{width: 85%;}
    .media_container h1{font-size: 34px}
    .chrisdea_propm .chrisdea_prodimg{margin-top: 0;}

    .countdown{transform:scale(.7);}

    .endpopcont{background-size: 115% 100%}
    .endpopcont p{margin: 20px auto}
    .endpopcont h2 {font-size: 22px;background: url(chr_end_titbg.png)top center no-repeat;border-radius: 0;background-size: cover ;padding: 12px 20px 18px;width: 85%;margin-top: 10px;line-height: 30px;}
    .closendpop{font-size: 36px}
}
@media screen and (max-width: 414px) {
    .buy_container h1{margin: 35px auto 20px;padding: 6px 30px}
    .chrisdea_propm{margin: 0}
    .media_container h1{font-size: 28px}
    .footer{margin-top: 0}
    .buy_container h1,.buy_container h1 span{font-size: 22px;line-height: 30px}
    .buy_container{width: 95%}
    .media_container h1{font-size: 18px;margin: 18px auto}


    .endpopcont{background-size: 100% 77%;padding: 30px 0px 75px;}
    .endpopcont a{width: 80%;font-size: 20px}
    .endpopcont p{margin: 14px auto;font-size: 16px;line-height: 1.5}
    .endpopcont h2 {margin-top: 5px;background: #C41832;width: 90%;color: #000;background: none;padding: 0;border-radius: 10px;font-size: 20px;font-weight: bold}

}

@media screen and (max-width: 375px) {
    .buy_container h1,.buy_container h1 span{font-size: 24px}
    .chrisdea_grauc{margin-bottom: 20px}
    .buy_container h1{padding: 5px 30px}
    .buy_container h1,.buy_container h1 span{font-size: 20px;line-height: 30px}


    .endpopcont{background-size: 100% 65%;}
}
@media screen and (max-width: 320px) {
    .buy_container h1,.buy_container h1 span{font-size: 18px;line-height: 30px}

    .endpopcont{background-size: 126% 68%;}
    .endpopcont a {height: 50px;line-height: 50px;width: 90%}
}