/* 通用部分 */
body,div,span,applet,object,embed,ruby,output,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {padding:0;border:0;margin:0;outline:0;vertical-align: baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
audio,canvas,progress,video{display: inline-block;vertical-align: baseline;}
ol,ul,li{list-style:none;}
blockquote,q{-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';}   /*IE6有些元素后面会带内容*/
table {border-collapse: collapse; border-spacing:0;}
img,a img{border:none;vertical-align:top;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline; -webkit-tap-highlight-color:rgba(0,0,0,0);background:transparent;}
a:focus, input, textarea {outline: none;}
a:link,a:visited,a:hover,a:active{text-decoration:none;color: #3E3A39;}
.clear{height:0;font-size:0;line-height:0;clear:both;} /*考虑了IE6*/
body{font-family: Helvetica,Arial,Georgia,"Microsoft Yahei",sans-serif;line-height:1.5;color:#727272;background: #fff;}
.title{height:.6rem;line-height: .6rem;font-size: .32rem;color:#fff;letter-spacing: 2px;font-family:Helvetica,Arial,Georgia,"Microsoft Yahei",sans-serif;text-align:center;background: #cbb64a; }
.tiny-title{height:.6rem;line-height: .6rem;font-size: .32rem;color:#fff;font-family:Helvetica,Arial,Georgia,"Microsoft Yahei",sans-serif;text-align:center;background: #cbb64a;}
.min-wd80{min-width:80%}
.text-center{text-align: center !important;}
.text-left{text-align:left !important;}
.wd50{width:50%;box-sizing: border-box}
.wd100{width:100%;box-sizing: border-box}
.clearfix:after{ content:""; display:block; height:0; visibility:hidden; clear:both;}
.show{display: block !important;}
.hide{display: none ;}
/* color */
.color-e4cfb1-bk { background-color: #e4cfb1;}
.page-wrap{ width:100%; max-width:767px; min-width: 320px; margin:0 auto; }/*padding-top:60px;*/
header{}
.logo{ width:100%; max-width:767px; min-width:320px; height:auto; padding-top:0; box-sizing: border-box; position: relative; top:0; left:50%; text-align:center; font-size: .16rem; transform: translate(-50%);-webkit-transform: translate(-50%);-ms-transform:translate(-50%);-o-transform: translate(-50%); background: #e4cfb1;}
.logo img { cursor:pointer; width: 100%;}
/*.logo{ width:100%; max-width:767px; min-width:320px; height:60px; padding-top:10px; box-sizing: border-box; position: relative; top:0; left:50%; text-align:center; font-size: .16rem; transform: translate(-50%);-webkit-transform: translate(-50%);-ms-transform:translate(-50%);-o-transform: translate(-50%); background: #e4cfb1;}*/
/*.logo img { cursor:pointer;}*/
/*kv swiper*/
#swiper-kv .swiper-pagination { position:relative;transition:300ms; transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0); display: flex; justify-content: center; height: .5em; }
#swiper-kv .swiper-pagination-bullet { width: .15em; height: .15em; margin: auto .1em;}
#swiper-kv .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet { margin:0 10px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0;}
.swiper-pagination-bullet-active { background: #5a332e;}
.swiper-slide img { width: 100%;}
.re-pic .swiper-pagination { position:relative; display: flex; justify-content: center; height: .5em; }
#re-pagination-one .swiper-pagination-bullet,#re-pagination-two .swiper-pagination-bullet,#re-pagination-three .swiper-pagination-bullet,#re-pagination-four .swiper-pagination-bullet { width: .15em; height: .15em; margin: auto .1em;}
.re-pic .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0;}
/* 选项卡效果 */
/* tab switch */
.tab-switch { margin-bottom: 5%; margin-top: 0;}
.tab-switch img{ width: 100%;}
.tab-labels { left: 0; height: auto; white-space: normal; transition: all .2s; -webkit-transition: all .2s; display: block; box-sizing: border-box;}
.tab-labels:after{ clear:both; display:block; visibility:hidden; height:0; line-height:0; content:"";}
.tab-labels li{ position: relative; display: inline-block; vertical-align: middle; font-size: .25rem; transition: all .2s; -webkit-transition: all .2s; padding: 0; text-align: center; cursor: pointer; letter-spacing: 2px;}
.tab-labels li{ width:calc((100% - 3px)/4);}/* 根据tabs数量变化*/
.label-name { float: left; position: relative;}
.label-border { border: none; margin-right: 1px;}
.label-name a { background: #e4cfb1; color: #5a332e; height:1rem; display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
.label-name::after{ border-color: #5a332e transparent transparent; border-image: none; border-style: solid; border-width: 8px 8px 0; content: ""; height: 0; left: 50%; top:100%; margin-left: -8px; position: absolute; z-index:5; display: none;}
.label-name.label-this a{ background: #5a332e; color: #ffffff;}
.label-name.label-this::after { display: block;}
/* tab-content */
.tab-content { width:100%; padding:0; background-color: #ffffff; margin-top: 0;}
.label-content { display: none;}
.label-content.label-this { display: block;}
/* tag标签 */
.tags { display: flex; margin: .1rem 0; letter-spacing: .01rem;}
.tags-center { justify-content: center;}
.tags-left { justify-content: left;}
.tag { width: auto; box-sizing: border-box; padding: 0 2%; margin: 0 1%; font-size: .25rem; line-height: 200%;}
.tag-style-black-on-white { border:1px solid black; color: black; background-color: white;}
.tag-style-ecddc8 { border:1px solid #ecddc8; color: #2a1d14; background-color: #ecddc8;}
.tab-style-5c3530 { border:1px solid #5c3530; color: white; background-color: #5c3530; font-size: .27rem; border-radius: 5px; text-shadow:0 0 10px #fff;}
.tab-style-b9b0b1 { border:1px solid #b9b0b1; color: white; background-color: #b9b0b1; font-size: .27rem; border-radius: 5px; text-shadow:0 0 10px #fff;}
.tab-style-5c3530,.review-title,.desc-on-title { font-family: "-apple-system", BlinkMacSystemFont, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic ProN", "MS PGothic", Osaka, "sans-serif"; }
.tab-style-5c3530,.review-title,.desc-on-title { font-family: "-apple-system", BlinkMacSystemFont, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic ProN", "MS PGothic", Osaka, "sans-serif";}
/* 衬线体（游明朝）的设置：*/
.tab-style-5c3530,.review-title,.desc-on-title { font-family: Georgia, "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", HGS明朝E, "MS Mincho", serif;}
/*sticky btn*/
.sticky {position: relative;width:100%;padding: 0;z-index: 99;}
.sticky .sticky__content {background-color: rgba(255, 255, 255,0);position: relative;width:100%; max-width:767px; min-width: 320px;}
.sticky.takeoff .sticky__content {position: fixed;bottom: 0;}
.sticky.takeoff-top .sticky__content {position: fixed;top: 0;}
#contents{}
.label-content img { width: 100%;}
.cont-pic-kv {}
.cont-product {}
.cont-product-bk1 { background: url('../img/PT-BG-1.jpg') repeat-y; background-size: 100% 100%;}
.cont-product-bk2 { background: url('../img/PT-BG-2.png') repeat-y; background-size: 100% 100%;}
.cont-product-bk3 { background: url('../img/PT-BG-4.jpg') repeat-y; background-size: 100% 100%;}
.cont-product-bk4 { background: url('../img/PT-BG-4.jpg') repeat-y; background-size: 100% 100%;}
.cont-product-bk5 { background: url('../img/PT-BG-5.jpg') repeat-y; background-size: 100% 100%;}
.pro-info { width: 80%; margin: 0 auto; font-size: .2rem;}
.pro-name-en { font-size: .23rem; color: black;}
.pro-name-zh { font-size: .35rem; color: black; font-weight: 600;}
.pro-txt-no { font-size: .24rem; color: black; margin: .1rem 0;}
.txt-note { font-size: .18rem; margin: .1rem 0;}
.pro-capacity { margin-left: 1%; font-size: .24rem; color: black; font-weight: 600;}
.pro-use-time { font-size: .23rem; margin: .1rem 0 .1rem 1%;}
.pro-use-crowd { margin-left: 1%; font-size: .25rem; color: black; font-weight: 600;}
.pro-btn { width: 90%;margin: 0 auto; display: flex; }
.buttons-pro { width: 45%; margin: 0 auto 5%; line-height: 100%;}
.buttons-pro img { vertical-align: middle; cursor: pointer}
/* review */
.cont-review { background: repeating-linear-gradient(180deg,#eeedeb,#eeedeb 4px,#f6f6f4 0,#f6f6f4 7px); width: 100%; padding: 1% 0;}
.review-title { background: #dc9a80; color: white; border-radius: 5px; font-size: .35rem; width: 90%; margin: 5% auto; text-align: center; padding: 2% 0;}
.review-swiper { width: 100%;}
/* swiper modify */
.swiper-button-prev.swiper-button-prev-re { left: .1rem; background-size: .2rem .6rem; width: .2rem; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%232b1e14'%2F%3E%3C%2Fsvg%3E");}/*color: #2a180c;*/
.swiper-button-next.swiper-button-next-re { right: .1rem; background-size: .2rem .6rem; width: .2rem; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%232b1e14'%2F%3E%3C%2Fsvg%3E");}
/*%20fill%3D'%23 之后6位为颜色代码*/
.re-pic .review-seiper-slide { width: calc(90% - 2px); height: 8rem; overflow-y: auto ; margin: 0 auto 1%; border: solid 1px #958c85; -ms-overflow-style:none; overflow:-moz-scrollbars-vertical; }/*Always show Firefox scrollbar*/
.re-pic {}
.review-seiper-slide.review-slide-height {height: 8rem;}
.review-seiper-slide.slide-height-auto {height: auto;}
.review-seiper-slide::-webkit-scrollbar { display: none;}
.review-prompt { width: 90%; margin: 0 5%; font-size: .25rem; text-align: left; color: #2b190b;}
.review-prompt-layout { margin: 0 0 5%;}
/* cont-intro */
.cont-intro { text-align: center; width: 100%;}
.intro-pro { width: 100%;}
.intro-pro-bk1 { background: url("../img/INT-BG-1.jpg") repeat-y; background-size: 100% 100%;}
.intro-pro-bk2 { background: url("../img/INT-BG-2.jpg") repeat-y; background-size: 100% 100%;}
.intro-pro-bk3 { background: url("../img/INT-BG-3.jpg") repeat-y; background-size: 100% 100%; padding-bottom: .2rem;}
.intro-pro-bk4 { background: url("../img/INT-BG-4.jpg") repeat-y; background-size: 100% 100%; padding-bottom: .1rem;}
.intro-title { display: inline-block; font-size: .30rem; font-weight: normal; color: #65302a; line-height: .51rem; margin: .3rem auto 0; max-width: 100%; min-width: 50%; box-sizing: border-box; border-image: linear-gradient(left, rgba(101, 48, 42, 0) 0%, rgba(101, 48, 42, 0.6) 20%, rgba(101, 48, 42, 1) 50%, rgba(101, 48, 42, 0.6) 80%, rgba(101, 48, 42, 0) 100%) 1 70 stretch; border-image: -webkit-linear-gradient(left, rgba(101, 48, 42, 0) 0%, rgba(101, 48, 42, 0.6) 20%, rgba(101, 48, 42, 1) 50%, rgba(101, 48, 42, 0.6) 80%, rgba(101, 48, 42, 0) 100%) 1 2 stretch; border-image: -moz-linear-gradient(left, rgba(101, 48, 42, 0) 0%, rgba(101, 48, 42, 0.6) 20%, rgba(101, 48, 42, 1) 50%, rgba(101, 48, 42, 0.6) 80%, rgba(101, 48, 42, 0) 100%) 1 70 stretch; border-top: 2px solid;border-bottom: 2px solid; background-image: linear-gradient(left, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.6) 20%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.6) 80%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.6) 20%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.6) 80%, rgba(255, 255, 255, 0) 100%); background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.6) 20%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.6) 80%, rgba(255, 255, 255, 0) 100%); letter-spacing: .02rem;}
.inter-desc { width: 90%; margin: .3rem auto .3rem;}
/*f6e7ca*/
.inter-desc-bk1 { box-sizing: border-box; width: 90%; padding: .3rem .3rem .15rem; background-image: linear-gradient(top, rgba(246, 231, 202, 1) 0%, rgba(246, 231, 202, 0.8) 15%, rgba(246, 231, 202, 0.5) 40%, rgba(246, 231, 202, 0.2) 60%, rgba(253, 251, 250, .7) 70%, rgba(253, 251, 250,1) 100%); background-image: -webkit-linear-gradient(top, rgba(246, 231, 202, 1) 0%, rgba(246, 231, 202, 0.8) 15%, rgba(246, 231, 202, 0.5) 40%, rgba(246, 231, 202, 0.2) 60%, rgba(253, 251, 250, .7) 70%, rgba(253, 251, 250,1) 100%); background-image: -moz-linear-gradient(top, rgba(246, 231, 202, 1) 0%, rgba(246, 231, 202, 0.8) 15%, rgba(246, 231, 202, 0.5) 40%, rgba(246, 231, 202, 0.2) 60%, rgba(253, 251, 250, .7) 70%, rgba(253, 251, 250,1) 100%);}
/*f0e8e6*/
.inter-desc-bk2 { box-sizing: border-box; width: 90%; padding: .3rem .3rem .15rem; background-image: linear-gradient(top, rgba(240, 232, 230, 1) 0%, rgba(240, 232, 230, 0.8) 15%, rgba(240, 232, 230, 0.5) 40%, rgba(240, 232, 230, 0.2) 65%, rgba(250, 250, 248, 0.2) 65%,rgba(250, 250, 248, 0.5) 75%,rgba(254, 253, 251, 1) 100%); background-image: -webkit-linear-gradient(top, rgba(240, 232, 230, 1) 0%, rgba(240, 232, 230, 0.8) 15%, rgba(240, 232, 230, 0.5) 40%, rgba(240, 232, 230, 0.2) 65%, rgba(250, 250, 248, 0.2) 65%,rgba(250, 250, 248, 0.5) 75%,rgba(254, 253, 251, 1) 100%); background-image: -moz-linear-gradient(top, rgba(240, 232, 230, 1) 0%, rgba(240, 232, 230, 0.8) 15%, rgba(240, 232, 230, 0.5) 40%, rgba(240, 232, 230, 0.2) 65%, rgba(250, 250, 248, 0.2) 65%,rgba(250, 250, 248, 0.5) 75%,rgba(254, 253, 251, 1) 100%);}
.desc-on {}
.desc-on-title { font-size: .3rem; font-weight: 600; text-align: left; color: black; margin: .1rem auto .25rem ;padding-left: 1.5%; letter-spacing: .01rem;}
.desc-txt { font-size: .2rem; text-align: left; color: black; margin: .2rem auto .3rem; letter-spacing: .01rem;}
.txt-row::before{ content: "●"; float: left; max-width: 5%; min-width: 3%; text-align: center;}/*※*/
.txt-row p { max-width: 95%; display: inline-block;}
.txt-row-4 p { max-width: 95%; display: inline-block; margin-left: 1.5%;}
.desc-ex { font-size: .18rem; text-align: left; padding-bottom: 1rem;}

.intro-tech { width: 100%;}
.tech-txt { font-size: .2rem; text-align: left; color: #513820; margin: .2rem auto .3rem; letter-spacing: .01rem;}
.inter-img { width: 90%; margin: .3rem auto .3rem;}
.inter-img img { margin: .2rem auto .2rem;}

.intro-method { width: 100%; padding-bottom: .5rem;}
.method-bk-1 { background-color: #fcf5ef;}
.method-bk-2 { background-color: #f6f8f9;}
.method-bk-3 { background-color: #fcf5ef;}
.method-bk-4 { background-color: #fcf5ef;}
.method-layout { width: 90%; margin: .1rem auto .3rem;}
.inter-subtitle { width: 100%; font-size: .25rem; font-weight: normal; color: #65302a; line-height: .51rem; margin: .3rem auto .1rem; letter-spacing: .03rem;}
.method-txt { font-size: .24rem; text-align: left; color: black; margin: .2rem auto .3rem; letter-spacing: .01rem;}
.method-desc { font-size: .2rem; text-align: left; margin: .6rem auto .2rem; letter-spacing: .01rem;}
.method-desc .nt { }
.method-desc .row::before { content: "*"; float: left; max-width: 5%; min-width: 3%; text-align: center;}
.method-desc .row p{ max-width: 95%; display: inline-block;}
.base-use-bd { border: 1px solid black; box-shadow: 2px 2px 2px -1px black;}

.cont-icon { width: 100%; background-color: white; position: relative;}
.icon-layout { width: 90%; margin: .5rem auto .3rem; border: 1px solid black; }
.icon-title { border:1px solid #e4cfb1; color: #5a332e; background-color: #e4cfb1; font-size: .3rem; position: absolute; line-height: .52rem; top: -.3rem; padding: .06rem 4%; letter-spacing: .02rem;}
/*text-shadow:0 0 10px #fff;*/
.icon-img { margin: .8rem auto .4rem; width: 90%; display: flex;}
.wechat-img { width: 50%; box-sizing: border-box; }
.wechat-img img { width: 80%;}
.tmall-img { width: 50%; box-sizing: border-box; text-align: center; display: flex;}
.tmall-img a { display: -ms-grid;display: grid;}
.tmall-img a img { width: 95%; margin: auto;}

/* buttons */
.cont-buttons { width: 94%; margin: 6% auto; display: flex;}
.cont-btn { width: 46%; margin: 0 auto; cursor: pointer; text-align: center;}
.cont-btn a { display: grid; display: -ms-grid;}
.cont-btn img { pointer-events: none;}

/* pop-lists */
.pop-lists { width: 100%;}
.pop-ups { width: 100%;max-width:767px; min-width: 320px; margin: 0 auto; position: fixed; top: 3%; box-sizing: border-box; z-index: 99; display: none;}
/*.pop-up-none { }*/
.pop-up-show { display: block;}
.pop-up-cont {}/*容器宽度*/
.pop-cont-content { border: .3rem solid #edd0b2;}/**/
.pop-up-close {}
.pop-icon-x { width: auto; font-size: 100%; position: absolute; right: 10px; top: 10px; cursor: pointer;}
.pop-cont-pic { width: 100%; margin: 0; text-align: center; background: white;}
.pop-cont-pic img{ width:100%;}

/* footer */
#footer{text-align: center;}
.footer-bottom {background: #322e2a;padding:.1rem 0;text-align: left;font-size:.2rem;}
.footer-bottom p{display: inline-block; font-size:.14rem;margin:0 auto;text-indent: .2rem;color:#fff;}
.footer-linkwebsite a{display: block;}
.footer-linkwebsite a img{max-width: 80%; padding-top:.3rem}
.footer-fixed .main {padding:.2rem 0;font-size:.2rem}
.footer-fixed .main p{display: inline-block;width:50%;margin:0 -5px;}
.footer-fixed .main p a{padding:.1rem .2rem;background:#cbaf46;font-size:.28rem;color:#fff;}
.fixed .main {position: fixed;bottom:0; z-index: 9;background: rgba(255, 255, 255, 0.5);max-width:767px;width:100%;margin:0 auto;}

@media all and (orientation : portrait){  }