*{font-family:'Microsoft YaHei',Arial,Helvetica,sans-serif!important}
html{min-width:320px}
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}
main{display:block}
h1{font-size:2em;margin:.67em 0}
a{background-color:transparent}
strong{font-weight:bolder}
img{border-style:none}
input{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
input{overflow:visible}
[type=submit]::-moz-focus-inner{border-style:none;padding:0}
[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
[type=search]{outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px}
*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit;-webkit-transition:all .2s;transition:all .2s}
a{text-decoration:none;color:inherit}
body,figcaption,figure,h1,h2,h3,li,p{margin:0}
ul{list-style:none;margin:0;padding:0}
input{color:inherit;font:inherit;letter-spacing:inherit}
figure,img{display:block;max-width:100%}
.clearfix::after{content:"";display:block;clear:both}
body{min-width:320px;width:100%;min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5;font-family:Poppins,sans-serif}
.wrapper{max-width:1020px;width:100%;margin:0 auto;padding:0 20px}
@media (max-width:1019px){.wrapper{padding:0 15px}
}
.btn{display:block;margin:0 auto;font-weight:700;font-size:28px;background:(linear,left top,left bottom,from(#d74618),to(#d71818)),#d60e0e;background:linear-gradient(180deg,#d74618 0,#d71818 100%),#d60e0e;-webkit-box-shadow:0 5px 20px rgba(151,19,16,.45);box-shadow:0 5px 20px rgba(151,19,16,.45);border-radius:10px;color:#fff;padding:20px 0;text-align:center;max-width:580px}
@media (max-width:767px){.btn{font-size:24px;line-height:32px;padding:16px 0}
}
.btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}
.btn span{padding-right:50px;position:relative}
@media (max-width:767px){.btn span{padding:0}
}
.btn span:after{position:absolute;content:"";width:34px;height:27px;background:url(img/icon__basket.svg) no-repeat center;background-size:cover;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
@media (max-width:767px){.btn span:after{content:none}
}
.lnk{font-weight:bolder;color:#d60e0e}
.lnk:hover{text-decoration:underline}
.header__row{font-size:0;position:relative;font-size:0}
.header__row--back{overflow:hidden}
.header__row--border{border-bottom:1px solid #dcdcdc}
.header__logo{display:inline-block;font-size:54px;line-height:81px;font-weight:700;color:#000;width:50%;padding:5px 0}
.header__logo span{color:#d60e0e}
@media (max-width:767px){.header__logo{text-align:center;width:100%;font-size:32px;line-height:48px}
}
.header__search{display:inline-block;vertical-align:top;margin-top:30px;width:50%;font-size:16px;position:relative;overflow:hidden;border-radius:5px;border:1px solid #dcdcdc;background:#fff}
.header__search .header__search-field{margin-left:auto;display:block;width:480px;height:37px;border:none;padding:0 15px;border-radius:5px;background:#fff}
.header__search .header__search-btn{position:absolute;top:0;bottom:0;right:0;width:80px;z-index:5;border:none;background-color:#d60e0e;font-size:0;background-image:url(img/icon__search.svg);background-position:center;background-repeat:no-repeat;cursor:pointer}
.header__search .header__search-btn:hover{background-color:#000}
@media (max-width:767px){.header__search{display:none}
}
.header__back-logo{font-weight:700;font-size:210px;position:absolute;top:50%;left:50%;z-index:-1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:.1}
.header__back-logo span{color:#d60e0e}
@media (max-width:767px){.header__back-logo{font-size:85px;line-height:127px}
}
.header__nav{font-style:normal;font-weight:700;font-size:18px;text-align:justify}
@media (max-width:479px){.header__nav{font-size:14px}
}
@media (max-width:1019px){.header__nav{width:50%;display:inline-block;vertical-align:middle;vertical-align:top}
}
.header__nav li{display:inline-block;padding:0 20px}
@media (max-width:1019px){.header__nav li{display:none;padding:0 5px}
}
.header__nav li a{padding:19px 0;display:inline-block;-webkit-transition:all .1s;transition:all .1s}
@media (max-width:479px){.header__nav li a{padding:10px 0}
}
.header__nav li a:not(.active):hover{color:#d60e0e;-webkit-box-shadow:0 -2px 0 0 red inset;box-shadow:0 -2px 0 0 red inset}
.header__nav li.current{background:#d60e0e;color:#fff}
@media (max-width:1019px){.header__nav li.current{display:inline-block}
}
.header__mobile-btns{display:none}
@media (max-width:1019px){.header__mobile-btns{display:inline-block;width:50%}
}
@media (max-width:1019px){.header__mobile-btn{width:65px;height:65px;float:right}
}
@media (max-width:1019px) and (max-width:479px){.header__mobile-btn{width:44px;height:44px}
}
.header__mobile-btn--search{background:url(img/icon__search--red.svg) no-repeat center;background-size:30px 30px}
.header__mobile-btn--menu{background:url(img/icon__ham.svg) no-repeat center;background-size:30px 30px}
.header__breadcrumbs{font-style:normal;font-weight:300;font-size:16px;line-height:51px}
@media (max-width:479px){.header__breadcrumbs{font-size:14px;line-height:30px}
}
.header__breadcrumbs li{display:inline-block;position:relative}
.header__breadcrumbs li:not(:last-child):after{content:"/";right:-5px;margin-left:5px;margin-right:5px}
.header__breadcrumbs a:hover{text-decoration:underline}
.promo{padding-top:25px;padding-bottom:15px}
@media (max-width:479px){.promo{padding-top:10px}
}
.promo h1{font-style:normal;font-weight:700;font-size:36px;line-height:54px;margin-bottom:20px}
@media (max-width:767px){.promo h1{font-size:18px;line-height:29px;text-align:justify}
}
.promo img{margin:0 auto;margin-bottom:15px;border-radius:5px}
.promo__info{font-weight:300;font-size:14px;color:#555;font-style:italic;margin-bottom:15px}
@media (max-width:479px){.promo__info{font-size:12px;margin-bottom:10px}
}
.promo__info .promo__date{margin-left:20px;position:relative;margin-right:15px}
@media (max-width:479px){.promo__info .promo__date{margin-right:5px}
}
.promo__info .promo__date:before{position:absolute;content:"";width:20px;height:20px;background:url(img/icon__clock.svg) no-repeat center;background-size:cover;left:-25px;top:50%;margin-top:-10px}
@media (max-width:479px){.promo__info .promo__date:before{height:14px;width:14px;margin-top:-7px;left:-20px}
}
.promo__info .promo__time{margin-right:45px}
@media (max-width:479px){.promo__info .promo__time{margin-right:15px}
}
.promo__info .promo__view-count{margin-left:20px;position:relative;margin-right:25px}
.promo__info .promo__view-count:before{position:absolute;content:"";width:20px;height:20px;background:url(img/icon__eye.svg) no-repeat center;background-size:cover;left:-25px;top:50%;margin-top:-10px}
@media (max-width:479px){.promo__info .promo__view-count:before{height:14px;width:14px;margin-top:-7px;left:-20px}
}
.promo__info .promo__comments{margin-left:20px;position:relative;margin-right:25px}
.promo__info .promo__comments:before{position:absolute;content:"";width:20px;height:20px;background:url(img/icon__comment.svg) no-repeat center;background-size:cover;left:-25px;top:50%;margin-top:-10px}
@media (max-width:479px){.promo__info .promo__comments:before{height:14px;width:14px;margin-top:-7px;left:-20px}
}
.social li{display:inline-block;width:130px;padding-right:5px;position:relative;padding-left:40px;cursor:pointer;margin-right:15px}
@media (max-width:479px){.social li{width:auto;padding-left:35px;padding-right:5px;margin-right:5px}
}
.social li a{display:block;font-weight:500;font-size:14px;padding:10px 0;color:#fff;text-align:center}
@media (max-width:479px){.social li a{font-size:10px;padding:5px 0}
}
.social li:after{position:absolute;content:"";width:40px;left:0;top:0;bottom:0;background-position:center;background-repeat:no-repeat}
@media (max-width:479px){.social li:after{width:25px}
}
.social li.social__facebook{background:#667eb2}
.social li.social__facebook:after{background-color:#395185;background-image:url(img/icon__fb.svg);background-size:contain}
.social li.social__twitter{background:#85c4f4}
.social li.social__twitter:after{background-image:url(img/icon__tw.svg);background-color:#fff}
.social li.social__google{background:#f87569}
.social li.social__google:after{background-color:#dc4e41;background-image:url(img/icon__gp.svg)}
.article{padding-top:15px}
.article .wrapper{max-width:780px}
@media (max-width:1019px){.article .wrapper{max-width:none;width:auto;margin:0 -15px}
}
.article h2{font-weight:700;font-size:36px;margin-bottom:25px}
@media (max-width:479px){.article h2{font-size:22px;margin-bottom:10px}
}
.article p{font-size:18px;line-height:32px;margin-bottom:15px}
@media (max-width:479px){.article p{font-size:16px;line-height:22px}
}
.article p.article__lid{font-style:normal;font-weight:700;font-size:20px;padding-left:40px;margin-bottom:15px;border-left:2px solid #d60e0e;margin-bottom:45px}
@media (max-width:479px){.article p.article__lid{font-weight:700;font-size:16px;line-height:24px;padding-left:10px;margin-bottom:15px}
}
.article figure{border:1px solid #dcdcdc;border-radius:5px;margin-bottom:25px}
.article figure img{width:100%}
.article figcaption{font-style:italic;font-weight:300;font-size:16px;line-height:24px;padding-top:10px;padding-bottom:10px;padding-left:15px}
@media (max-width:479px){.article figcaption{line-height:22px;padding:0;padding-left:15px}
}
.article__question{font-size:18px;line-height:32px;background:#e7f3f8;border-radius:5px;padding:10px}
@media (max-width:479px){.article__question{font-size:16px;line-height:24px}
}
.article__question span{color:#2e829c;font-weight:700}
.result{font-size:0}
.result h3{font-weight:700;font-size:20px;line-height:36px;margin-bottom:15px}
@media (max-width:479px){.result h3{font-size:16px;line-height:24px}
}
.result figure{width:45%;display:inline-block;margin-right:10%}
@media (max-width:767px){.result figure{width:47.5%;margin-right:5%}
}
@media (max-width:479px){.result figure{width:100%;margin-right:0}
}
.result figure:nth-child(2n+1){margin-right:0}
.result figcaption{font-style:italic;font-weight:300;font-size:16px;line-height:24px;padding:10px 30px}
.result figcaption span{color:#d60e0e}
@media (max-width:767px){.result figcaption{padding:10px}
}
.result img{width:100%}
.comments{padding:15px 0}
.comments__info{font-weight:700;font-size:18px;line-height:66px;color:#555;position:relative}
.comments__info:after{position:absolute;content:"";width:18px;height:18px;background:url(img/icon__comment.svg) center no-repeat;background-size:cover;top:50%;right:-25px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.comment{margin-bottom:15px;border:1px solid #dcdcdc;border-radius:5px;padding:20px;position:relative;font-size:0}
@media (max-width:767px){.comment{padding:5px}
}
.comment__img{width:50px;border-radius:5px;position:absolute;top:20px;left:20px}
@media (max-width:767px){.comment__img{position:static;top:auto;left:auto;display:inline-block;float:left}
}
.comment__info p{font-weight:700;font-size:18px;margin-left:70px}
@media (max-width:767px){.comment__info p{display:inline-block;width:225px;width:calc(100% - 60px);font-size:16px;margin-left:0;float:right;line-height:50px}
}
.comment__info p span{font-weight:300;font-size:14px;color:#555;margin-left:5px;position:relative}
.comment__info p span:before{content:"/";margin-right:5px}
.comment__txt{font-size:18px;line-height:32px;margin-left:70px}
@media (max-width:767px){.comment__txt{font-size:16px;line-height:24px;margin-left:0}
}
.comment__likes{font-weight:300;font-size:14px;color:#555;position:relative;margin-left:70px}
@media (max-width:767px){.comment__likes{font-size:12px;margin-left:0}
}
.comment__likes:after{position:absolute;content:"";right:-20px;top:50%;width:12px;height:12px;margin-top:-6px;background:url(img/icon__heart.svg) center no-repeat;background-size:cover}
@keyframes tossing{0%{transform:rotate(-4deg)}
50%{transform:rotate(4deg)}
100%{transform:rotate(-4deg)}
}
@-webkit-keyframes tossing{0%{-webkit-transform:rotate(-4deg)}
50%{-webkit-transform:rotate(4deg)}
100%{-webkit-transform:rotate(-4deg)}
}
.clock_title{margin:20px 0;font-weight:700}
.timer-number{padding:0;margin:0;font-size:30px;color:red}
.btn{display:block;width:100%;margin:0 auto;border:none;outline:0;padding:16px;font-weight:700;font-size:24px;line-height:1;text-align:center;color:#fff;text-transform:uppercase;text-decoration:none;background:(linear,left top,left bottom,from(#f23131),to(#f81313));background:-webkit-linear-gradient(top,#f23131 0,#fe1515 100%);background:-o-linear-gradient(top,#f23131 0,#fb1919 100%);background:linear-gradient(180deg,#f23131 0,#f81212 100%);-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 5px 25px 0 #f65757;box-shadow:0 5px 25px 0 #f43030;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;cursor:pointer}
.comment__txt img{display:block;position:relative;width:100%;margin:10px 0}
.ac_footer{position:relative;top:10px;height:0;text-align:center;margin-bottom:70px;color:#a12000}
.ac_footer a{color:#a12000}
.ac_footer p{text-align:center}



html,body{max-width:100%;overflow-x:hidden}

*,*:before,*:after{box-sizing:border-box}

img,video,iframe{max-width:100%}

img:not([height]){height:auto}

input,select,textarea,button{max-width:100%}

@media(max-width:640px){
  input,select,textarea{font-size:16px}

  table{max-width:100%}

}



.comeback_layout{display:none;position:fixed;color:#000;left:0;top:0;width:100%;height:100%;z-index:20000000;background:rgba(0,0,0,.75);overflow-y:scroll;-ms-overflow-style:none;overflow:-moz-scrollbars-none}
.comeback_layout::-webkit-scrollbar{width:0}
.comeback_wrapper{width:100%;max-width:550px;margin:0 auto}
.comeback_container{background:#fff;padding:25px;margin-top:2%;text-align:center}
.comeback_container h1{font-size:23px}
.comeback_container .form-group{width:90%;max-width:400px;margin:0 auto;text-align:left}
.comeback_container .btn{display:block;width:240px;color:#fff;background:#f82a5e;text-transform:uppercase;padding:10px 0;font-size:19px;font-weight:400;line-height:1.42857143;text-align:center;vertical-align:middle;border:1px solid transparent;border-radius:4px;margin:0 auto;text-decoration:none}
.comeback_img{width:80%;margin:10px auto;max-width:200px}
.form-horizontal span{display:block;margin:20px 0}
.comeback_close{float:right;cursor:pointer}
#comeback p{font-size:16px}
@media (max-width:700px){.comeback_container h1{line-height:18px;font-size:16px}
.comeback_img{margin:5px auto}
.comeback_container p{line-height:14px;font-size:15px}
.comeback_container{padding:5px}
}

/* 产品订购与浏览引导 */
.product-offer{scroll-margin-top:20px;scroll-margin-bottom:24px}
.product-order-button{margin:24px auto 36px;max-width:480px;line-height:1.35}
.comeback_container{position:relative;padding-top:74px}
.comeback_close{position:absolute;right:14px;top:14px;float:none;display:flex;align-items:center;gap:6px;min-height:44px;padding:7px 14px;border:2px solid #444;border-radius:8px;background:#fff;color:#222;font-size:16px;font-weight:700;cursor:pointer}
.comeback_close span{font-size:28px;line-height:1}
.comeback_close:hover{background:#eee}
.comeback_close:focus-visible,.floating-order button:focus-visible,.product-order-button:focus-visible{outline:3px solid #1264ba;outline-offset:4px}
.floating-order{position:fixed;left:0;right:0;bottom:0;z-index:1000;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);box-shadow:0 -4px 24px #0002;text-align:center}
.floating-order[hidden]{display:none}
.floating-order button{width:100%;max-width:480px;min-height:50px;border:0;border-radius:8px;background:#dc2020;color:#fff;font-size:20px;font-weight:700;cursor:pointer}
@media(max-width:700px){.comeback_container{padding:74px 16px 24px;margin:12px;border-radius:12px}.comeback_container h1{max-width:100%}.comeback_container p{line-height:1.6}.product-order-button{font-size:22px}.floating-order button{font-size:18px}}
