* {outline:0 none !important;}

html {font-size:calc(100vw/19.2);}

html.act {overflow:hidden;width:100%;height:100vh;}

*,*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

* {margin:0;padding:0;outline:none;}

@font-face {
  font-family: 'hmb';
    src: url("../fonts/HarmonyOS_Sans_SC_Bold.ttf");
}
@font-face {
  font-family: 'hml';
    src: url("../fonts/HarmonyOS_Sans_SC_Light.ttf");
}
@font-face {
  font-family: 'hmm';
    src: url("../fonts/HarmonyOS_Sans_SC_Medium.ttf");
}
@font-face {
  font-family: 'hmr';
    src: url("../fonts/HarmonyOS_Sans_SC_Regular.ttf");
}
@font-face {
  font-family: 'pps';
    src: url("../fonts/Poppins-SemiBold.ttf");
}
.hmb{font-family: 'hmb';}
.hml{font-family: 'hml';}
.hmm{font-family: 'hmm';}
.hmr{font-family: 'hmr';}
.pps{font-family: 'pps';}

body {position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0 auto;overflow-x:hidden;position:relative;padding:0;width:100%;color:#4B391E;font-family:'hmr', Microsoft YaHei,-apple-system,BlinkMacSystemFont,PingFang SC,Segoe UI,Hiragino Sans GB,Helvetica Neue,Arial,Helvetica,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size: 14px;line-height:1.4;background:#fff;}

ul,ul li,ol li,tr td,dl,dd {list-style-type:none;margin:0;padding:0;}
.clearfix:after {content:" ";display:block;height:0;clear:both;visibility:hidden;}
a {display:inline-block;text-decoration:none!important;cursor:pointer;color:#4B391E;-webkit-transition: color .4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: color .4s cubic-bezier(0.4, 0, 0.2, 1); transition: color .4s cubic-bezier(0.4, 0, 0.2, 1);}
textarea,select {outline:none;color:#666;font-size: 14px;width:100%;}
textarea {resize:none;padding:0;border:0;font-family:'hmr';}
img {border:none;max-width:100%;display:block;width: 100%;}
img[src=""] {opacity:0;}
i {font-style:normal;}

.edit img,.img_inline_block img {display:inline-block;height:auto;width: auto;}
.fw_100 {font-weight:100;}
.img_cct {width:100%;opacity:0;}
.t_cen{text-align: center;}
.t_line1 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.t_line2 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.t_line3 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.t_line4 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.t_line5 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
.place::-webkit-input-placeholder {color:rgba(75, 57, 30, 0.4);}
.place:-moz-placeholder {color:rgba(75, 57, 30, 0.4);}
.place::-moz-placeholder {color:rgba(75, 57, 30, 0.4);}
.place:-ms-input-placeholder {color:rgba(75, 57, 30, 0.4);}

.place2::-webkit-input-placeholder {color:rgba(75, 57, 30, 1);}
.place2:-moz-placeholder {color:rgba(75, 57, 30, 1);}
.place2::-moz-placeholder {color:rgba(75, 57, 30, 1);}
.place2:-ms-input-placeholder {color:rgba(75, 57, 30, 1);}

/* 滚动条样式 */*
::-webkit-scrollbar {width:4px;height:1px;}
*::-webkit-scrollbar-thumb{ background:#4B391E;}
*::-webkit-scrollbar-track{ background:#F8F0E7;}

.scroll{scrollbar-width: thin;scrollbar-color: #b6b6b6 rgba(34,34,34,.1);}
.scroll::-webkit-scrollbar{display:block;width:4px;background-color:rgba(34,34,34,.1);border-radius:2px}
.scroll::-webkit-scrollbar-thumb{display:block;background-color:#b6b6b6;width:4px;border-radius:2px}

/*去掉 input 默认边框*/
input {padding:0;border:0;font-family:'hmr';outline:none;}
input[type="submit"] {background-color:transparent;cursor:pointer;}
input[type="button"],input[type="submit"],input[type="reset"] {appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select {appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select::-ms-expand {display:none;}

:root{
  --viColor: #E4007F;
  --viColor2: #4D794A;
  --viTxtcolor: #4B391E;
}

h3 {font-weight:500;}
.f_12 {font-size:12px;}
.f_14 {font-size:14px;}
.f_16 {font-size:16px;}
.f_18 {font-size:18px;}
.f_20 {font-size:20px;}
.f_22 {font-size:22px;}
.f_24 {font-size:24px;}
.f_26 {font-size:26px;}
.f_28 {font-size:28px;}
.f_30 {font-size:30px;}
.f_32 {font-size:32px;}
.f_34 {font-size:34px;}
.f_36 {font-size:36px;}
.f_38 {font-size:38px;}
.f_40 {font-size:40px;}
.f_42 {font-size:42px;}
.f_44 {font-size:44px;}
.f_46 {font-size:46px;}
.f_48 {font-size:48px;}
.f_50 {font-size:50px;}
.f_52 {font-size:52px;}
.f_54 {font-size:54px;}
.f_56 {font-size:56px;}
.f_58 {font-size:58px;}
.f_60 {font-size:60px;}
.f_62 {font-size:62px;}
.f_64 {font-size:64px;}
.f_68 {font-size:68px;}
.f_70 {font-size:70px;}
.f_72 {font-size:72px;}
.f_74 {font-size:74px;}
.f_76 {font-size:76px;}
.f_78 {font-size:78px;}
.f_80 {font-size:80px;}

.onetime{-webkit-transition: transform .4s cubic-bezier(0.4, 0, 0.2, 1), opacity .4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: transform .4s cubic-bezier(0.4, 0, 0.2, 1), opacity .4s cubic-bezier(0.4, 0, 0.2, 1); transition: transform .4s cubic-bezier(0.4, 0, 0.2, 1), opacity .4s cubic-bezier(0.4, 0, 0.2, 1);}

.colortime{-webkit-transition: color .4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: color .4s cubic-bezier(0.4, 0, 0.2, 1); transition: color .4s cubic-bezier(0.4, 0, 0.2, 1);}

.onealltime{-webkit-transition: all .4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all .4s cubic-bezier(0.4, 0, 0.2, 1); transition: all .4s cubic-bezier(0.4, 0, 0.2, 1);}

.alltime,.alltime *{-webkit-transition: all .4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all .4s cubic-bezier(0.4, 0, 0.2, 1); transition: all .4s cubic-bezier(0.4, 0, 0.2, 1);}

.w100{width: 100%;}

.a_dw{position: relative;top: calc(-0.82rem - 1px);}

.w1660{padding-left: calc(1.3rem - 2px);padding-right: calc(1.3rem - 2px);}

.w1820{padding-left: calc(0.5rem - 2px);padding-right: calc(0.5rem - 2px);}

.mg60{margin-top: 0.6rem;}

.mg70{margin-top: 0.7rem;}

.mg80{margin-top: 0.8rem;}

.mg100{margin-top: 1rem;}

.mg120{margin-top: 1.2rem;}

.mg150{margin-top: 1.5rem;}

.mg160{margin-top: 1.6rem;}

.pd100_120{padding-top: 1rem;padding-bottom: 1.2rem;}

.pd100_130{padding-top: 1rem;padding-bottom: 1.3rem;}

.pd120_120{padding-top: 1.2rem;padding-bottom: 1.2rem;}

.pd120_130{padding-top: 1.2rem;padding-bottom: 1.3rem;}

/* common */
.m_header,.mh_nav,.phbox{display: none;}

.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 111;/* background: rgba(0,0,0,0.02);backdrop-filter: blur(61.70000076293945px); */height: calc(0.82rem + 1px);border-bottom: 1px solid rgba(255,255,255,0.2);padding: 0 0.35rem 0 0.5rem;display: flex;justify-content: space-between;align-items: center;}

.header .ul{display: flex;gap: 0.4rem;line-height: 0.82rem;position: relative;z-index: 5;}

.header .ul .li{position: relative;}

.header .ul .lv1 a{display: block;width: fit-content;color: #fff;text-transform: capitalize;}

.header .lv2list{position: absolute;top: 100%;box-shadow: 0 0.1rem 0.2rem #00000017;padding: 0.1rem 0 0.05rem;min-width: 100%;background: #fff;display: none;}

.header .ul .li:hover .lv2list{display: block;}

.header .lv2list .lv2 a{display: block;padding: 0.08rem 0.15rem;white-space: nowrap;line-height: 1.5;}

.header .lv2list .lv2 a:hover{text-decoration: underline !important;text-underline-offset: 2px;}

.header .logo{position: absolute;inset: 0px;margin: auto;width: 0.58rem;height: 0.44rem;z-index: 5;}

.header .logo img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}

.header .right{display: flex;align-items: center;gap: 0.4rem;position: relative;z-index: 5;}

.header .right .language{position: relative;}

.header .right .language .top{display: flex;align-items: center;height: 0.82rem;line-height: calc(19 /16);color: #fff;gap: 0.05rem;}

.header .right .language .top span{width: 0.09rem;position: relative;}

.header .right .language .top span img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}

.header .right .language .bot{position: absolute;top: 100%;left: 50%;transform: translateX(-50%);display:none;padding-top: 0.07rem;transition: none;}

.header .right .language .bot .arr{position: absolute;top: 0;left: 0;width: 100%;}

.header .right .language .bot .arr svg{width: 0.18rem;margin: 0 auto;display: block;}

.header .right .language .bot .txt{border-radius: 0.08rem;background: rgba(0, 0, 0, 0.02);backdrop-filter: blur(15px);padding: 0.18rem 0;text-align: center;width: 79px;text-align: center;}

.header .right .language .bot .txt a{line-height: calc(1em + 3px);color: #fff;display: block;}

.header .right .language .bot .txt a:not(:first-child){margin-top: 0.16rem;}

.header .right .language .bot .txt a:hover{color: var(--viColor2) !important;}



.header .right .hdbtn{width: 0.26rem;position: relative;}

.header .right .hdbtn img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}

.header.on .ul .lv1 a,
.header.active .ul .lv1 a{color: var(--viTxtcolor);}

.header.on .logo img:nth-child(1),
.header.active .logo img:nth-child(1){opacity: 0;}

.header.on .logo img:nth-child(2),
.header.active .logo img:nth-child(2){opacity: 1;}

.header.on .right .language .top,
.header.active .right .language .top{color: var(--viTxtcolor);}

.header.on .right .language .top span img:nth-child(1),
.header.active .right .language .top span img:nth-child(1){opacity: 0;}

.header.on .right .language .top span img:nth-child(2),
.header.active .right .language .top span img:nth-child(2){opacity: 1;}

.header.on .right .hdbtn img:nth-child(1),
.header.active .right .hdbtn img:nth-child(1){opacity: 0;}

.header.on .right .hdbtn img:nth-child(2),
.header.active .right .hdbtn img:nth-child(2){opacity: 1;}

.header .ul .li:hover .lv1 a,
.header .ul .li.act .lv1 a{color: var(--viColor2);}

.header.on .right .language .bot .txt a,
.header.active .right .language .bot .txt a{color: var(--viTxtcolor);}

/* 液态玻璃 */
.header::after{content: "";position: absolute;z-index: 0;inset: 0;backdrop-filter: blur(61.70000076293945px);overflow: hidden;isolation: isolate;filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%" filterUnits="objectBoundingBox"><feTurbulence type="fractalNoise" baseFrequency="0.001 0.005" numOctaves="1" seed="17" result="turbulence"/><feComponentTransfer in="turbulence" result="mapped"><feFuncR type="gamma" amplitude="1" exponent="10" offset="0.5"/><feFuncG type="gamma" amplitude="0" exponent="1" offset="0"/><feFuncB type="gamma" amplitude="0" exponent="1" offset="0.5"/></feComponentTransfer><feGaussianBlur in="turbulence" stdDeviation="3" result="softMap"/><feSpecularLighting in="softMap" surfaceScale="5" specularConstant="1" specularExponent="100" lighting-color="white" result="specLight"><fePointLight x="-200" y="-200" z="300"/></feSpecularLighting><feComposite in="specLight" operator="arithmetic" k1="0" k2="1" k3="1" k4="0" result="litImage"/><feDisplacementMap in="SourceGraphic" in2="softMap" scale="200" xChannelSelector="R" yChannelSelector="G"/></filter></svg>#glass-distortion');-webkit-transition: all .4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all .4s cubic-bezier(0.4, 0, 0.2, 1); transition: all .4s cubic-bezier(0.4, 0, 0.2, 1);}
.header.on::after{backdrop-filter: blur(8px);}
.header::before{content: "";position: absolute;z-index: 1;inset: 0;background: rgba(0, 0, 0, 0.02);}

.footer{border-top: 1px solid rgba(75, 57, 30, 0.1);}

.footer .ftp{padding: 0.55rem 0 0.6853rem;}

.footer .ftp .w1820{display: flex;justify-content: space-between;}

.footer .ftp .left{display: flex;align-items: center;gap: 0.58rem;}

.footer .ftp .left .ico{width: 1.08rem;}

.footer .ftp .left .txt .t1{line-height: 1.4;}

.footer .ftp .left .txt .t2{margin-top: 0.1rem;line-height: 1.4;}

.footer .ftp .right .ul{display: flex;flex-wrap: wrap;line-height: calc(19 / 16);}

.footer .ftp .right .li{padding: 0 .55rem;position: relative;}

.footer .ftp .right .li::before{content: "|";position: absolute;right: 0;top: 0;opacity: 0.3;}

.footer .ftp .right .li a{display: block;width: fit-content;text-transform: capitalize;}

.footer .ftp .right .li a:hover{color: var(--viColor2);}

.footer .ftp .right .li:first-child{padding-left: 0;}
.footer .ftp .right .li:last-child{padding-right: 0;}

.footer .ftp .right .li:last-child::before{display: none;}

.footer .ftp .right .links{display: flex;justify-content: flex-end;margin-top: 0.3rem;gap: 0.29rem;}

.footer .ftp .right .links a{opacity: 0.4;}

.footer .ftp .right .links a:hover{opacity: 1;}

.footer .fbt{background: #F8F0E7;color: rgba(75, 57, 30, 0.6);line-height: calc(20 / 14);padding: 0.15rem 0 0.14rem;}

.footer .fbt a{color: rgba(75, 57, 30, 0.6);}

.footer .fbt a:hover{color: var(--viTxtcolor);}

.footer .fbt .w1820{display: flex;justify-content: space-between;}

.innerBar .w1660{display: flex;flex-wrap: wrap;gap: 0.08rem;line-height: calc(20 / 16);text-transform: capitalize;}

.innerBar a:hover{color: var(--viColor2);}

.swpbtn{display: none;}

.swpbtn.act{display: flex;}

.swpbtn a{position: absolute;width: 0.16rem;top: 50%;transform: translateY(-50%);}

.swpbtn a img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}

.swpbtn a:hover img:nth-child(1){opacity: 0;}

.swpbtn a:hover img:nth-child(2){opacity: 1;}

.swpbtn a.next img{transform: rotate(180deg);}

.pogin{position: absolute;align-items: center;justify-content: center;gap: 0.14rem;display: none;}

.pogin.act{display: flex;}

.pogin span{width: 0.1rem;height: 0.1rem;opacity: 1;margin: 0;background: #BDB4A6;border-radius: 50%;cursor: pointer;}

.pogin span.swiper-pagination-bullet-active{background: var(--viTxtcolor);}
/* index */



/* about */
.aboutLayout{background: #FFFCF9 url(../images/about_bg.png) no-repeat top center;background-size: 100% auto;padding: 0.8rem 0 1rem;}

.ab1 .tit{max-width: 12rem;margin: 0 auto;text-align: center;text-transform: capitalize;}

.ab1 .line{padding: 0.6rem 0 1.2rem;position: relative;}

.ab1 .line .ico{width: 0.4rem;margin: 0 auto;}

.ab1 .line .img{position: absolute;right: -0.3rem;top: 0.14rem;width: 2.4rem;}

.ab1 .det{max-width: 8.84rem;margin: 0 auto;text-align: center;text-transform: capitalize;}

.ab1 .pic{border-radius: 0.3rem;overflow: hidden;}

.ab2{background: #F8F0E7;}

.ab2 .t1{max-width: 10.88rem;margin: 0 auto;text-align: center;text-transform: capitalize;}

.ab2 .t2{max-width: 7.12rem;margin: 0.36rem auto 0;text-align: center;text-transform: capitalize;}

.ab2 .ul{display: flex;flex-wrap: wrap;margin-top: 0.56rem;gap: 0.2rem;}

.ab2 .li{width: calc(50% - 0.1rem);position: relative;}

.ab2 .imgbox{border-radius: 0.3rem;overflow: hidden;}

.ab2 .imgbox img{height: 5.12rem;object-fit: cover;}

.ab2 .txtbox{position: absolute;padding: 0.29rem 0.57rem 0.28rem 0.55rem;background: rgba(149, 92, 57, 0.4);border-radius: 0.3rem;backdrop-filter: blur(20px);box-shadow: 0px 0px 0.6rem 0px rgba(0, 0, 0, 0.10);min-height: 1.49rem;display: flex;flex-direction: column;justify-content: center;gap: 0.09rem;width: calc(100% - 0.38rem);left: 0.19rem;bottom: 0.09rem;}

.ab2 .txtbox .tt1{line-height: 1.3;color: #fff;width: 100%;text-transform: capitalize;}

.ab2 .txtbox .tt2{line-height: 1.3;color: #fff;width: 100%;}

.ab2 .li:hover .imgbox img{transform: scale(1.1);}

.ab2 .li:hover .txtbox{bottom: 0.49rem;}

.ab3{overflow: hidden;}

.ab3 .w1660{padding-top: 1rem;padding-bottom: 1.16rem;background: url(../images/ab3_1.png) no-repeat top center;background-size: 100% auto;}

.ab3 .tit{text-align: center;}

.ab3 .swpbox{position: relative;margin-top: 0.94rem;}

.ab3 .swpbox::before{content: "";position: absolute;top: 3.73rem;left: -0.2rem;width: calc(100% + 1.5rem);height: 0.05rem;background: #BDB4A6;}

.ab3 .swiper{margin: 0 -0.2rem;padding: 0 0.2rem;}

.ab3 .imgbox{border-radius: 0.3rem;overflow: hidden;}

.ab3 .imgbox img{height: 3.37rem;object-fit: cover;}

.ab3 .icobox{width: 0.2rem;height: 0.2rem;margin: 0.29rem 0 0 -0.2rem;border-radius: 50%;background: var(--viTxtcolor);}

.ab3 .txtbox{margin-top: 0.41rem;}

.ab3 .txtbox .t2{margin-top: 0.12rem;}

.ab3 .prev{left: -0.6rem;margin-top: -0.025rem;}

.ab3 .next{right: -0.6rem;margin-top: -0.025rem;}

.ab3 .pogin{bottom: -0.9rem;left: 0;width: 100%;}

.ab4{background: #F8F0E7;}

.ab4 .ul{display: flex;flex-wrap: wrap;gap: 0.88rem 1.7rem;}

.ab4 .ul .li{width: calc((100%  - 3.4rem) / 3);}

.ab4 .tit{padding-top: 0.6rem;}

.ab4 .lbox{border-top: 0.02rem solid rgba(75, 57, 30, 0.4);padding: 0.29rem 0.2rem 0.3rem;overflow: hidden;}

.ab4 .lbox .ico{width: 0.76rem;border-radius: 0.18rem;overflow: hidden;}

.ab4 .lbox .t1{margin-top: 0.3rem;}

.ab4 .lbox .t2{margin-top: 0.24rem;}

.ab4 .lbox:hover{background: #D7B792;border-radius: 0.3rem;border-top-color: #D7B792;}

.ab4 .lbox:hover .ico{background: #F8F0E7;}

.ab4 .lbox:hover .t1{color: #F8F0E7;}

.ab4 .lbox:hover .t2{color: #F8F0E7;}

.ab5{padding: 1.5rem 0 1rem;background: url(../images/ab5_1.png) no-repeat center;background-size: cover;}

.ab5 .w1660{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}

.ab5 .left{width: calc(478 / 1660 * 100%);padding-top: 1.6rem;}

.ab5 .left .t2{line-height: 1.8;margin-top: 0.44rem;}

.ab5 .left .ico{margin: 2.7rem 0 0 0.05rem;width: 0.4rem;}

.ab5 .right{width: calc(948 / 1660 * 100%);display: grid;gap: 0.2rem;grid-template-columns: 1fr 1fr;}

.ab5 .right img{border-radius: 0.22rem;object-fit: cover;}

.ab5 .right img:nth-child(1){grid-row: span 2;}

.ab5 .right img:nth-child(2){grid-row: 1;grid-column: 2;}

.ab5 .right img:nth-child(3){grid-row: 2;grid-column: 2;}

.ab6{position: relative;}

.ab6 .txtbox{position: absolute;top: 0;left: 0;padding-top: 1.56rem;width: 100%;text-align: center;}

.ab6 .txtbox .t1{color: #fff;}

.ab6 .txtbox .t2{line-height: 1.3;color: #fff;margin: 0.5rem auto 0;max-width: 8.64rem;}

/* customer & Support */
.faqLayout{background: #FFFCF9 url(../images/faq_bg.png) no-repeat top center;background-size: 100% auto;padding: 0.8rem 0 1rem;}

.faq1{overflow: hidden;}

.faq1 .con{display: flex;flex-wrap: wrap;justify-content: space-between;}

.faq1 .left{width: calc(516 / 1660 * 100%);}

.faq1 .left a{display: block;width: fit-content;margin-top: 0.6rem;position: relative;}

.faq1 .left a:first-child{margin-top: 0.07rem;position: relative;}

.faq1 .left a s{position: absolute;left: -1.3rem;top: 0;bottom: 0;margin: auto 0;width: 0;height: 1px;background: var(--viColor2);-webkit-transition: width .4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: width .4s cubic-bezier(0.4, 0, 0.2, 1); transition: width .4s cubic-bezier(0.4, 0, 0.2, 1);}

.faq1 .left a:hover s,
.faq1 .left a.active s{width: 1rem;}

.faq1 .left a:hover,
.faq1 .left a.active{color: var(--viColor2);}

.faq1 .right{width: calc(984 / 1660 * 100%);}

.faq1 .li{margin-top: 0.33rem;padding-bottom: 0.29rem;border-bottom: 1px solid rgba(75, 57, 30, 0.4);}

.faq1 .li:first-child{margin-top: 0;padding-top: 0.29rem;border-top: 1px solid rgba(75, 57, 30, 0.4);}

.faq1 .ltp{display: flex;justify-content: space-between;}

.faq1 .ltp .txt{width: calc(781 / 984 * 100%);line-height: calc(42 / 28);text-transform: capitalize;}

.faq1 .ltp .ico{margin-top: 0.06rem;position: relative;border-radius: 50%;width: 0.3rem;height: 0.3rem;display: flex;align-items: center;justify-content: center;border: 1px solid var(--viTxtcolor);}

.faq1 .ltp .ico img{width: 0.12rem;}

.faq1 .ltp .ico img:nth-child(2){position: absolute;inset: 0px;margin: auto;opacity: 0;}

.faq1 .lbt{padding: 0.17rem 0.6rem 0 0;line-height: 2;display: none;text-transform: capitalize;}

.faq1 .lbt span{font-family: 'hmr';}

.faq1 .ltp .ico:hover{background: var(--viTxtcolor);}

.faq1 .ltp .ico:hover img:nth-child(1){opacity: 0;}

.faq1 .ltp .ico:hover img:nth-child(2){opacity: 1;}

.faq1 .act .ltp .ico{background: var(--viTxtcolor);}

.faq1 .act .ltp .ico img{transform: rotate(180deg);}

.faq1 .act .ltp .ico img:nth-child(1){opacity: 0;}

.faq1 .act .ltp .ico img:nth-child(2){opacity: 1;}

.contact{padding: 0.8rem 0 1.2rem;background: #F8F0E7;}

.contact .title2{line-height: 1.6;margin-top: 0.4rem;}

.contact .formbox{display: flex;flex-wrap: wrap;gap: 0.24rem 0.48rem;margin-top: 0.32rem;position: relative;}

.contact .formbox .item{width: calc((100% - 0.96rem) / 3);}

.contact .item .set{line-height: 1.6;}

.contact .item .set span{color: var(--viColor2);}

.contact .item .det{margin-top: 0.16rem;}

.contact .item .det input{display: block;width: 100%;background: none;border: 1px solid #4B391E;border-radius: 0.2rem;height: 0.6rem;padding: 0 0.23rem;line-height: 1.6;}

.contact .item .det textarea{resize: none;display: block;width: 100%;background: none;border: 1px solid #4B391E;border-radius: 0.2rem;height: 2.92rem;padding: 0.15rem 0.23rem;line-height: 1.6;}

.contact .item .det textarea::-webkit-input-placeholder {line-height: 2.6rem;text-align: center;}
.contact .item .det textarea:-moz-placeholder {line-height: 2.6rem;text-align: center;}
.contact .item .det textarea::-moz-placeholder {line-height: 2.6rem;text-align: center;}
.contact .item .det textarea:-ms-input-placeholder {line-height: 2.6rem;text-align: center;}

.contact .item.upload{position: absolute;left: 0;bottom: 0;width: calc((100% - 0.96rem) / 3 * 2);}

.contact .item.upload .det{display: flex;gap: 0.42rem;}

.contact .item.upload .upload-container{width: 1.6rem;height: 1.6rem;border: 1px solid #4B391E;border-radius: 0.2rem;background: url(../images/svg/upload.svg) no-repeat center;background-size: 0.48rem;position: relative;}

.contact .item.upload .upload-container input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;}

.contact .item.upload .preview-container{display: flex;flex-wrap: wrap;gap: 0.42rem;}

.contact .item.upload .preview-container .preview-item{width: 1.6rem;height: 1.6rem;border-radius: 0.2rem;overflow: hidden;position: relative;aspect-ratio: 1/1;border: 1px solid #4B391E;display: flex;align-items: center;justify-content: center;}

.contact .item.upload .preview-container .preview-item img{max-width: 100%;max-height: 100%;width: auto;}

.contact .item.upload .delete-btn {position:absolute;top:0.08rem;right:0.08rem;width:0.28rem;height:0.28rem;background:var(--viColor);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;border:none;color:white;font-weight:bold;font-size:0.16rem;}

.contact .item.upload .progress-container {position:absolute;bottom:0;left:0;right:0;height:0.03rem;background:#ddd;display: none;}

.contact .item.upload .progress-bar {height:100%;background:var(--viColor);width:0%;transition:width 0.3s ease;}

.contact .item.upload .file-info {position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.7);color:white;padding:0.08rem;font-size:12px;display:flex;justify-content:space-between;}

.contact .item.upload .file-info span{max-width: calc(50% - 0.04rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.contact .formbtn{position: relative;}

.contact .formbtn .fishbtn{margin: 0 auto;}

.contact .formbtn{position: relative;}

.contact .formbtn .submit{position: absolute;inset: 0px;margin: auto;width: 1.73rem;height: 0.41rem;z-index: 1;opacity: 0;}

.fishbtn{width: 1.73rem;display: flex;align-items: center;justify-content: center;border: 1px solid #4B391E;border-radius: 0.205rem;height: 0.41rem;/* background: #fff; */gap: 0.09rem;}

.fishbtn .fbt_ico{width: 0.19rem;position: relative;transform: translateY(1px);}

.fishbtn .fbt_ico img:nth-child(2){position: absolute;left: 0;top: 0;opacity: 0;}

.fishbtn .fbt_txt{color: var(--viTxtcolor);}

.fishbtn:hover{background: var(--viTxtcolor);}

.fishbtn:hover .fbt_ico img:nth-child(1){opacity: 0;}

.fishbtn:hover .fbt_ico img:nth-child(2){opacity: 1;}

.fishbtn:hover .fbt_txt{color: #fff;}

.sprLayout{background: #FFFCF9 url(../images/faq_bg.png) no-repeat top center;background-size: 100% auto;padding: 0.8rem 0 1rem;}

.spr1 .tit2{margin-top: 0.1rem;}

.spr1 .con{margin-top: 0.36rem;}

.spr1 .listbar{display: flex;flex-wrap: wrap;justify-content: center;gap: 0.16rem;}

.spr1 .listbar .li a{display: flex;align-items: center;justify-content: center;border: 1px solid #4B391E;border-radius: 0.205rem;height: 0.40rem;background: #fff;gap: 0.09rem;padding: 0 0.35rem;}

.spr1 .listbar .li a .ico{width: 0.19rem;position: relative;}

.spr1 .listbar .li a .ico img:nth-child(2){position: absolute;left: 0;top: 0;opacity: 0;}

.spr1 .listbar .li a .txt{color: var(--viTxtcolor);}

.spr1 .listbar .li.act a,
.spr1 .listbar .li a:hover{background: var(--viTxtcolor);}

.spr1 .listbar .li.act a .ico img:nth-child(1),
.spr1 .listbar .li a:hover .ico img:nth-child(1){opacity: 0;}

.spr1 .listbar .li.act a .ico img:nth-child(2),
.spr1 .listbar .li a:hover .ico img:nth-child(2){opacity: 1;}

.spr1 .listbar .li.act a .txt,
.spr1 .listbar .li a:hover .txt{color: #fff;}

.spr1 .listbox .ul{display: flex;flex-wrap: wrap;gap: 0.85rem 0.4rem;}

.spr1 .listbox .li{width: calc((100% - 1.2rem) / 4);display: flex;gap: 0.16rem;}

.spr1 .listbox .li .num{width: 0.48rem;height: 0.48rem;min-width: 0.48rem;background: #D7B792;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;}

.spr1 .listbox .li .t1{margin-top: 0.11rem;}

.spr1 .listbox .li .t2{margin-top: 0.16rem;}

.header_place{height: calc(0.82rem + 1px);background: #FFFCF9;}

/* 用法指南 */
.usageLayout{background: #FFFCF9 url(../images/usage_bg.png) no-repeat top center;background-size: 100% auto;padding: 0.8rem 0 1rem;}

.usageDetLayout{background: #FFFCF9 url(../images/usageDet_bg.png) no-repeat top center;background-size: 100% auto;padding: 0.8rem 0 1rem;}

.us1 .w1660{display: flex;justify-content: space-between;flex-wrap: wrap;}

.us1 .left{width: calc(1060 / 1660 * 100%);}

.us1 .right{width: calc(520 / 1660 * 100%);}

.us1 .listtop .ss{display: block;}

.us1 .listtop .imgbox{border-radius: 0.2rem;overflow: hidden;}

.us1 .listtop .imgbox img{height: 5.28rem;object-fit: cover;}

.us1 .listtop .txtbox{display: flex;flex-wrap: wrap;align-items: flex-end;gap: 0.6rem;margin-top: 0.2rem;}

.us1 .listtop .txtbox .tt{width: calc(100% - 2rem);line-height: calc(48 / 32);}

.us1 .listtop .txtbox .more{display: flex;align-items: first baseline;line-height: calc(24 / 20);color: var(--viColor2);gap: 0.15rem;}

.us1 .listtop .txtbox .more img{width: 0.08rem;}

.us1 .listtop .ss:hover .imgbox img{transform: scale(1.05);}

.us1 .listtop .ss:hover .txtbox .tt{color: var(--viColor2);}

.us1 .listbot{margin-top: 0.4rem;display: flex;flex-wrap: wrap;gap: 0.4rem 0.6rem;}

.us1 .listbot .li{width: calc(50% - 0.3rem);}

.us1 .listbot .ss{display: block;}

.us1 .listbot .imgbox{border-radius: 0.2rem;overflow: hidden;}

.us1 .listbot .imgbox img{height: 4.2rem;object-fit: cover;}

.us1 .listbot .txtbox{margin-top: 0.2rem;}

.us1 .listbot .txtbox .tt{line-height: calc(28 / 20);}

.us1 .listbot .txtbox .more{display: flex;align-items: first baseline;line-height: calc(20 / 16);color: var(--viColor2);gap: 0.07rem;margin-top: 0.16rem;}

.us1 .listbot .txtbox .more img{width: 0.06rem;}

.us1 .listbot .ss:hover .imgbox img{transform: scale(1.05);}

.us1 .listbot .ss:hover .txtbox .tt{color: var(--viColor2);}

.us1 .right .tit{line-height: calc(36 / 44);}

.us1 .right .ul{margin-top: 0.4rem;display: flex;flex-wrap: wrap;gap: 0.16rem 0.2rem;}

.us1 .right .ul .li .ss{display: block;border: 1px solid var(--viTxtcolor);border-radius: 0.06rem;padding: 0.05rem 0.15rem;line-height: calc(20 / 14);}

.us1 .right .ul .li .ss:hover{background: var(--viTxtcolor);color: #fff;}

.pagesbox{width: 100%;}

.pages{display: flex;justify-content: center;align-items: center;gap: 0.2rem;}

.pages .f_18{line-height: calc(21 / 18);position: relative;}

.pages .f_18[href]:hover{color: var(--viColor2);}

.pages .active{color: var(--viColor2);}

.pages .active::before{content: "";position: absolute;left: 0;bottom: -0.01rem;width: 100%;height: 0.015rem;background: var(--viColor2);}

.pages .pg_prev{margin-right: 0.1rem;}

.pages .pg_next{margin-left: 0.1rem;}

.pages .pg_next img{transform: rotate(180deg);}

.pages .alltime{width: 0.4rem;height: 0.4rem;display: flex;align-items: center;justify-content: center;position: relative;border: 1px solid var(--viTxtcolor);position: relative;border-radius: 50%;}

.pages .alltime img{width: 0.12rem;}

.pages .alltime img:nth-child(2){position: absolute;inset: 0px;margin: auto;opacity: 0;}

.pages .alltime:hover{background: var(--viTxtcolor);}

.pages .alltime:hover img:nth-child(1){opacity: 0;}

.pages .alltime:hover img:nth-child(2){opacity: 1;}

.usdet .imgbox{border-radius: 0.2rem;overflow: hidden;}

.usdet .edit{line-height: 1.8;}

.usdet .edit *{white-space: wrap !important;}

.subscribe{background: #F8F0E7;}

.subscribe .tit{max-width: 10.8rem;margin: 0 auto;}

.subscribe .det{display: flex;justify-content: center;max-width: 9.95rem;margin-left: auto;margin-right: auto;border: 1px solid var(--viTxtcolor);border-radius: 0.2rem;overflow: hidden;}

.subscribe .det input[type='email'],
.subscribe .det input[type='text']{width: calc(100% - 1.95rem);padding: 0 0.36rem;height: 0.7rem;color: var(--viTxtcolor);background: none;}

.subscribe .det input[type='submit'],
.subscribe .det a{width: 1.95rem;height: 0.7rem;background: var(--viTxtcolor);color: #fff;text-align: center;line-height: 0.7rem;}


/* 全部产品 */
.productLayout{background: #FFFCF9 url(../images/prod_bg.png) no-repeat top center;background-size: 100% auto;padding-bottom: 1rem;padding-top: 1px;}

.prod_banner{padding: calc(1.82rem + 1px) 0 0;background: url(../images/prod1_1.jpg) no-repeat center top;background-size: cover;}

.prod_banner .text .t2{margin-top: 0.25rem;}

.prod_banner .text .t3{margin: 0.4rem auto 0;width: fit-content;}

.prod_banner .list{margin: 1.47rem auto 0;position: relative;width: calc(100% - 2.2rem);}

.prod_banner .list .li{width: calc(400 / 1700 * 100%);height: calc(400 / 523 * 100%);position: absolute;}

.prod_banner .list .li:nth-child(1){left: calc(5 / 1700 * 100%);bottom: calc(405 / 523 * 100%);}

.prod_banner .list .li:nth-child(2){left: calc(435 / 1700 * 100%);bottom: calc(293 / 523 * 100%);}

.prod_banner .list .li:nth-child(3){left: calc(865 / 1700 * 100%);bottom: calc(181 / 523 * 100%);}

.prod_banner .list .li:nth-child(4){left: calc(1295 / 1700 * 100%);bottom: calc(69 / 523 * 100%);}

.prod_banner .list .li .img{height: 100%;width: 100%;display: flex;align-items: flex-end;justify-content: center;/*background: url(../images/prod1_3.png) no-repeat center bottom;background-size: contain;*/}

.prod_banner .list .li .img img{width: calc(900 / 1200 * 100%);height: 3.23rem;object-fit: contain;mix-blend-mode: multiply;}

.prod_banner .list .more{position: absolute;width: 0.7rem;height: 0.7rem;border-radius: 50%;bottom: calc(210 / 400 * 100%);left: calc(251 / 400 * 100%);visibility: hidden;opacity: 0;transform: translateY(50px);pointer-events: none;}

.prod_banner .list .more s{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--viTxtcolor);opacity: 0.2;border-radius: 50%;}

.prod_banner .list .more span{position: absolute;z-index: 1;inset: 0px;margin: auto;width: 0.58rem;height: 0.58rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: var(--viTxtcolor);}

.prod_banner .list .more span img{width: 0.14rem;}

.prod_banner .list .price{position: absolute;top: calc(57 / 400 * -100%);right: calc(167 / 400 * -100%);width: 2.52rem;height: 1.72rem;border-radius: 0.2rem;background: #fff;padding: 0.16rem 0.16rem 0.16rem 0.18rem;display: flex;visibility: hidden;opacity: 0;transform: translateY(-50px);pointer-events: none;}

.prod_banner .list .price .left{width: 1rem;position: relative;}

.prod_banner .list .price .left .t1{line-height: calc(22 / 16);color: #BDB4A6;}

.prod_banner .list .price .left .t2{line-height: calc(28 / 24);}

.prod_banner .list .price .left .link{position: absolute;left: 0;bottom: 0;width: 0.5rem;height: 0.5rem;border-radius: 50%;border: 1px solid #BDB4A6;display: flex;align-items: center;justify-content: center;}

.prod_banner .list .price .left .link img{width: 0.24rem;}

.prod_banner .list .price .left .link img:nth-child(2){position: absolute;inset: 0px;margin: auto;opacity: 0;}

.prod_banner .list .price .left .link:hover{background: var(--viTxtcolor);border-color: var(--viTxtcolor);}

.prod_banner .list .price .left .link:hover img:nth-child(1){opacity: 0;}

.prod_banner .list .price .left .link:hover img:nth-child(2){opacity: 1;}

.prod_banner .list .price .right{width: 1.18rem;height: 1.4rem;background: url(../images/prod1_4.png) no-repeat center;background-size: cover;border-radius: 0.1rem;overflow: hidden;display: flex;align-items: center;justify-content: center;}

.prod_banner .list .price .right img{width: auto;height: auto;max-width: 100%;max-height: 100%;}

.prod_banner .list .li.on .more,
.prod_banner .list .li:hover .more{visibility: visible;opacity: 1;pointer-events: all;transform: translateY(0);}

.prod_banner .list .li.on .price{visibility: visible;opacity: 1;pointer-events: all;transform: translateY(0);}

.prod_banner .list .li:nth-child(4) .price{right: -1rem;}

.prod1 .w1660{display: flex;flex-wrap: wrap;justify-content: space-between;}

.prod1 .left{width: calc(318 / 1660 * 100%);}

.prod1 .right{width: calc(1240 / 1660 * 100%);}

.prod1 .left .tit{line-height: calc(28 / 24);display: flex;align-items: center;justify-content: space-between;padding-bottom: 0.2rem;border-bottom: 1px solid #BDB4A6;}

.prod1 .left .tit span{width: 0.14rem;height: 0.015rem;border-radius: 0.02rem;background: var(--viTxtcolor);}

.prod1 .left .link{margin-top: 0.33rem;padding-right: 0.28rem;}

.prod1 .left .link a{display: flex;width: fit-content;line-height: calc(28 / 18);gap: 0.16rem;}

.prod1 .left .link a:not(:first-child){margin-top: 0.06rem;}

.prod1 .left .link .radio{width: 0.2rem;height: 0.2rem;border-radius: 0.04rem;border: 1px solid var(--viTxtcolor);min-width: 0.2rem;margin-top: calc((28 / 18 * 1em - 0.2rem) / 2);}

.prod1 .left .link .text{color: var(--viTxtcolor);}

.prod1 .left .link a.act .radio{background: var(--viTxtcolor);position: relative;}

.prod1 .left .link a.act .radio s{position: absolute;width: 0.12rem;height: 0.06rem;border-left: 0.02rem solid #fff;border-bottom: 0.02rem solid #fff;transform: rotate(-45deg) translateY(-0.01rem) translateX(0.01rem);inset: 0px;margin: auto;}

.prod1 .right .prod_list{display: flex;flex-wrap: wrap;gap: 0.4rem 0.2rem;}

.prod1 .right .prod_list .prod_li{width: calc((100% - 0.4rem) / 3);}

.prod_list .prod_li{position: relative;}

.prod_list .ss{display: block;position: relative;}

.prod_list .ss .imgbox{position: relative;padding: 0.15rem 0;border-radius: 0.2rem;overflow: hidden;}

.prod_list .ss .imgbox .cct{opacity: 0;}

.prod_list .ss .img{position: absolute;top: 0.15rem;left: 0;width: 100%;height: calc(100% - 0.3rem);display: flex;align-items: flex-end;justify-content: center;padding-bottom: calc(21 / 400 * 100%);}

.prod_list .ss .img .cct{opacity: 0;}

.prod_list .ss .img img{width: calc(900 / 1200 * 100%);height: 3.23rem;object-fit: contain;    mix-blend-mode: multiply;}

.prod_list .ss .txtbox{margin-top: 0.2rem;padding-left: 0.06rem;}

.prod_list .ss .t1{height: 2.8em;max-width: calc(100% - 0.68rem);}

.prod_list .ss .t2{margin-top: 0.1rem;max-width: calc(100% - 0.68rem);min-height: 1.4em;}

.prod_list .prod_li:hover .imgbox{background: #F8F0E7;}

.prod_list .car{position: absolute;right: 0;bottom: 0;width: 0.44rem;height: 0.44rem;display: flex;align-items: center;justify-content: center;border-radius: 50%;border: 1px solid #BDB4A6;}

.prod_list .car img{width: 0.2rem;}

.prod_list .car img:nth-child(2){position: absolute;inset: 0px;margin: auto;opacity: 0;}

.prod_list .car:hover{background: var(--viTxtcolor);border-color: var(--viTxtcolor);}

.prod_list .car:hover img:nth-child(1){opacity: 0;}

.prod_list .car:hover img:nth-child(2){opacity: 1;}

.viewed .con{position: relative;}

.viewed .con .swpbtn a{top: 2.02rem;}

.viewed .con .swpbtn .prev{left: -0.6rem;}
.viewed .con .swpbtn .next{right: -0.6rem;}

.bestLayout{background: #FFFCF9 url(../images/best_bg.png) no-repeat top center;background-size: 100% auto;padding-bottom: 1rem;}

.best1 .con{position: relative;}

.best1 .ss{display: block;}

.best1 .ss .imgbox{position: relative;padding: 0.15rem;border-radius: 0.2rem;overflow: hidden;}

.best1 .ss .imgbox .cct{opacity: 0;}

.best1 .ss .img{position: absolute;top: 0.15rem;left: 0.15rem;width: calc(100% - 0.3rem);height: calc(100% - 0.3rem);display: flex;align-items: flex-end;justify-content: center;padding-bottom: calc(21 / 400 * 100%);}

.best1 .ss .img img{width: calc(900 / 1200 * 100%);height: 1.72rem;object-fit: contain;}

.best1 .ss .txtbox{line-height: 1.8;padding: 0.2rem 0.2rem 0;text-align: center;}

.best1 .act .ss .txtbox,
.best1 .ss:hover .txtbox{color: var(--viColor2);}

.best1 .swiper-slide:nth-child(n) .ss .imgbox{background: #FAE7DF;}

.best1 .swiper-slide:nth-child(2n) .ss .imgbox{background: #F9D3AE;}

.best1 .swiper-slide:nth-child(3n) .ss .imgbox{background: #EADAC5;}

.best1 .swiper-slide:nth-child(4n) .ss .imgbox{background: #ECD5BD;}

.best1 .swiper-slide:nth-child(5n) .ss .imgbox{background: #EFCDB4;}

.best1 .swiper-slide:nth-child(6n) .ss .imgbox{background: #F6E8DD;}

.best1 .con .swpbtn a{top: 1.24rem;}

.best1 .con .swpbtn .prev{left: -0.6rem;}
.best1 .con .swpbtn .next{right: -0.6rem;}

.best2 .prod_list{display: flex;flex-wrap: wrap;gap: 0.4rem 0.2rem;}

.best2 .prod_list .prod_li{width: calc((100% - 0.6rem) / 4);}

.detailLayout{background: #FFFCF9 url(../images/detail_bg.png) repeat-y top center;background-size: 100% auto;padding-bottom: 1rem;}

.detailLayout .subscribe{background: none;}

.dt1{position: relative;overflow: hidden;padding: 1.04rem 0;}

.dt1::before{content: "";position: absolute;left: 0;top: 0;width: 50%;height: 100%;background: #F8F0E7;}

.dt1 .w1660{position: relative;z-index: 2;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}

.dt1 .right{width: calc(764 / 1660 * 100%);padding-top: 0.16rem;}

.dt1 .right .rtop{display: flex;justify-content: space-between;gap: 0.3rem;}

.dt1 .right .rtop .rrf{flex: none;max-width: 30%;text-align: right;}

.dt1 .right .rtop .r1{display: flex;align-items: center;flex-wrap: wrap;gap: 0.08rem;line-height: calc(20 / 16);}

.dt1 .right .rtop .r1 a:hover{color: var(--viColor2);}

.dt1 .right .rtop .r2{margin-top: 0.12rem;}

.dt1 .right .rtop .r3{margin-top: 0.12rem;}

.dt1 .right .rtop .r3 span.hmr{margin-right: 0.2rem;display: inline-block;text-decoration: underline;}

.dt1 .right .rtop .r4{display: flex;flex-wrap: wrap;align-items: center;margin-top: 0.2rem;gap: 0.16rem;}

.dt1 .right .rtop .r4 .tt{line-height: calc(20 / 16);color: var(--viColor2);}

.dt1 .right .rtop .r4 .tt a{color: var(--viColor2);}

.dt1 .right .rbot{margin-top: 0.5rem;}

.dt1 .right .rbot .r1{line-height: 1.8;}

.dt1 .right .rbot .r2{margin-top: 0.36rem;}

.dt1 .right .rbot .r2 .tt{line-height: calc(24 / 20);}

.dt1 .right .rbot .sizebox{position: relative;margin-top: 0.14rem;width: fit-content;}

.dt1 .right .rbot .sizebox .stop{position: relative;display: flex;align-items: center;justify-content: center;border: 1px solid var(--viTxtcolor);padding: 0 0.19rem;height: 0.44rem;gap: 0.11rem;border-radius: 0.22rem;}

.dt1 .right .rbot .sizebox .stop img{width: 0.14rem;}

.dt1 .right .rbot .sizebox .sbot{position: absolute;bottom: 100%;left: 0;width: max-width;padding: 0.16rem 0;border: 1px solid var(--viTxtcolor);border-radius: 0.22rem;background: #FFFCF9;display: none;min-width: 100%;max-width: 200%;}

.dt1 .right .rbot .sizebox .sbot a{display: block;padding: 0 0.16rem;}

.dt1 .right .rbot .sizebox:hover .stop img{transform: rotate(180deg);}

.dt1 .right .rbot .sizebox .sbot a:hover{color: var(--viColor2);}

.dt1 .right .rbot .r3{margin-top: 0.4rem;display: flex;flex-wrap: wrap;gap: 0.2rem;}

.dt1 .right .rbot .r3 .fishbtn{width: auto;min-width: 2.61rem;height: 0.62rem;border-radius: 0.31rem;}

.dt1 .right .rbot .r3 .fbt_ico{width: 0.3rem;}

.dt1 .right .rbot .r3 .fishbtn2{gap: 0;}

.dt1 .right .rbot .r3 b{font-weight: 500;}

.dt1 .right .rbot .r3 .fishbtn2 .pay{background: var(--viTxtcolor);color: #fff;width: calc(32 / 14 * 1em);text-align: center;height: calc(20 / 14 * 1em);border-radius: calc(4 / 20 * 1em);margin-left: 0.07rem;}

.dt1 .right .rbot .r3 .fishbtn2:hover .pay{background: #fff;color: var(--viTxtcolor);}

.dt1 .right .rbot .r4{margin-top: 0.24rem;}

.dt1 .right .rbot .r4 a{display: block;width: fit-content;line-height: calc(26 / 18);color: var(--viColor2);text-decoration: underline !important;}

.dt1 .right .rbot .r5{display: flex;align-items: center;flex-wrap: wrap;margin-top: 0.24rem;line-height: calc(26 / 18);}

.dt1 .right .rbot .r5 .tt.hmm{margin: 0 0.04rem 0 0.08rem;}

.dt1 .right .rbot .r5 .pay{background: var(--viTxtcolor);color: #fff;width: calc(32 / 14 * 1em);text-align: center;height: calc(20 / 14 * 1em);border-radius: calc(4 / 20 * 1em);margin-left: 0.07rem;margin-right: 0.16rem;}

.dt1 .right .rbot .r5 a{color: var(--viColor2);text-decoration: underline !important;}

.dt1 .left{display: flex;width: calc(764 / 1660 * 100%);gap: 0.66rem;align-items: flex-start;}

.dt1 .left .swpbox{width: 1rem;position: relative;padding: 0.55rem 0;}

.dt1 .left .swpbox a{width: 0.4rem;height: 0.4rem;border-radius: 50%;border: 1px solid var(--viTxtcolor);display: flex;align-items: center;justify-content: center;position: absolute;display: none;}

.dt1 .left .swpbox .swiper{height: calc(5rem + 24px);width: 100%;}

.dt1 .left .swpbox a.act{display: flex;}

.dt1 .left .swpbox a img{width: 0.12rem;}

.dt1 .left .swpbox a.swiper-button-disabled{opacity: 0;pointer-events: none;}

.dt1 .left .swpbox a img:nth-child(2){position: absolute;inset: 0px;margin: auto;opacity: 0;}

.dt1 .left .swpbox a:hover{background: var(--viTxtcolor);}

.dt1 .left .swpbox a:hover img:nth-child(1){opacity: 0;}

.dt1 .left .swpbox a:hover img:nth-child(2){opacity: 1;}

.dt1 .left .swpbox a.prev{top: 0;left: 0.3rem;}

.dt1 .left .swpbox a.next{bottom: 0;left: 0.3rem;}

.dt1 .left .swpbox a.next img{transform: rotate(180deg);}

.dt1 .left .swpbox .swiper-slide{padding: 0.1rem;}

.dt1 .left .swpbox .swiper-slide img{position: relative;z-index: 1;width: 0.8rem;height: 0.8rem;object-fit: cover;border-radius: 50%;}

.dt1 .left .swpbox .swiper-slide s{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 50%;border: 1px solid var(--viTxtcolor);border-radius: 50%;opacity: 0;-webkit-transition: all .4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all .4s cubic-bezier(0.4, 0, 0.2, 1); transition: all .4s cubic-bezier(0.4, 0, 0.2, 1);}

.dt1 .left .swpbox .swiper-slide.swiper-slide-thumb-active s{opacity: 1;}
/* .dt1 .left .swpbox .swiper-slide:hover s{opacity: 1;} */

.dt1 .left .picbox{width: calc(100% - 1.66rem);}

.dt1 .left .picbox img{height: 6.45rem;object-fit: contain;}

.dt2{overflow: hidden;}

.dt2 .item{display: flex;flex-direction: row-reverse;justify-content: space-between;}

.dt2 .item .imgbox{margin-right: -1.3rem;width: calc(50% + 1.3rem);}

.dt2 .item .imgbox img{height: 8.14rem;object-fit: cover;}

.dt2 .item .txtbox{width: calc(750 / 1660 * 100%);padding: 1.08rem 0;}

.dt2 .item .txtbox .t2{margin-top: 0.2rem;text-transform: capitalize;}

.dt2 .item .txtbox .t3{line-height: 1.8;margin-top: 0.4rem;text-transform: capitalize;}

.dt2 .item:nth-child(2n){flex-direction: row;}

.dt2 .item:nth-child(2n) .imgbox{margin-right: 0;margin-left: -1.3rem;}

.dt3{overflow: hidden;padding: 1.6rem 0;background: #F8F0E7;}

.dt3 .swiper{margin: 0 -1.3rem;}

.dt3 .swiper .imgbox{border-radius: 0.2rem;overflow: hidden;}

.dt3 .swiper .imgbox img{height: 5rem;}

.dt3 .swiper-scrollbar{height: 3px;background: #FFFCF9;border-radius: 3px;position: relative;}

.dt3 .swiper-scrollbar-drag{height: 5px;background: var(--viTxtcolor);border-radius: 5px;position: absolute;top: -1px;}

.dt4 .con{position: relative;}

.dt4 .ss{display: block;}

.dt4 .ss .imgbox{position: relative;border-radius: 0.2rem;overflow: hidden;background: #FFFCF9;}

.dt4 .ss .imgbox .cct{opacity: 0;}

.dt4 .ss .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: flex-end;justify-content: center;padding-bottom: calc(21 / 400 * 100%);}

.dt4 .ss .img .cct{opacity: 0;}

.dt4 .ss .img img{width: calc(900 / 1200 * 100%);height: 3.23rem;object-fit: contain;mix-blend-mode:multiply;}

.dt4 .ss .txtbox{padding: 0.32rem 0.2rem 0;text-align: center;}

.dt4 .ss .txtbox .t2{margin-top: 0.09rem;}

.dt4 .ss .txtbox .t3{margin-top: 0.12rem;height: 0.18rem;display: flex;justify-content: center;}

.dt4 .ss:hover .imgbox{background: #F8F0E7;}

.stars{display: flex;gap: 0.04rem;}

.stars .star{width: 0.18rem;position: relative;}

.stars .star img{width: 0.18rem;max-width: 0.18rem;}

.stars .star .background{position: relative;}

.stars .star .background img:nth-child(2){position: absolute;left: 0;top: 0;opacity: 0;}

.stars .star .foreground{position: absolute;top: 0;left: 0;width: 0;height: 100%;overflow: hidden;z-index: 3;}

.dt4 .con .swpbtn a{top: 1.89rem;}

.dt4 .con .swpbtn .prev{left: -0.6rem;}
.dt4 .con .swpbtn .next{right: -0.6rem;}

.dt6{padding: 0 0 0.6rem;}

.dt6 .top{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}

.dt6 .bot{margin-top: 0.4rem;display: flex;flex-wrap: wrap;gap: 0.4rem;}

.dt6 .bot .left{min-width: calc(728 / 1660 * 100%);}

.dt6 .bot .left .t2{margin-top: 0.08rem;}

.dt6 .bot .left .ul{padding-top: 0.05rem;}

.dt6 .bot .left .li{display: flex;align-items: center;margin-top: 0.1rem;}

.dt6 .bot .left .li .set{margin-right: 0.1rem;line-height: calc(20 / 18);display: flex;align-items: first baseline;gap: 0.04rem;}

.dt6 .bot .left .li .set img{width: 0.14rem;}

.dt6 .bot .left .li .line{width: 4.4rem;height: 0.1rem;border-radius: 0.2rem;background: #F8F0E7;position: relative;overflow: hidden;}

.dt6 .bot .left .li .line s{position: absolute;left: 0;top: 0;width: 0;height: 100%;border-radius: 0.2rem;background: var(--viTxtcolor);}

.dt6 .bot .left .li .num{line-height: calc(20 / 18);margin-left: 0.2rem;}

.dt6 .bot .right .rcon{margin-top: 0.24rem;display: flex;align-items: center;flex-wrap: wrap;}

.dt6 .bot .right .rcon .c2{margin: 0 0.6rem 0 0.08rem;}

.dt7 .top{position: relative;background: #D7B692;}

.dt7 .top .w1660{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}

.dt7 .top .left{padding: 0.12rem 0;color: #fff;}

.dt7 .top .right{display: flex;align-items: center;gap: 0.2rem;}

.dt7 .top .right .ico1{width: 0.28rem;}

.dt7 .top .right .ico2{width: 0.3rem;}

.dt7 .top .rox{position: relative;}

.dt7 .top .rtop{display: flex;align-items: center;line-height: calc(20 / 16);padding: 0.16rem 0;color: #fff;}

.dt7 .top .rtop .det{margin: 0 0.09rem 0 0.06rem;}

.dt7 .top .rtop .arr img{width: 0.14rem;}

.dt7 .top .rbot{position: absolute;top: 100%;left: 0;width: 100%;padding: 0.16rem;background: #D7B692;border-top: 1px solid #fff;display: none;}

.dt7 .top .rbot a{display: block;text-align: center;padding: 0.05rem 0;color: #fff;}

.dt7 .top .rbot a:hover{color: var(--viColor2);}

.dt7 .bot{background: #F8F0E7;padding: 0.32rem 0 1.2rem;}

.dt7 .bot .ul .li:not(:first-child){margin-top: 0.6rem;}

.dt7 .bot .t1{display: flex;flex-wrap: wrap;gap: 0.12rem;line-height: calc(20 / 18);align-items: center;}

.dt7 .bot .t1 .tt2{margin-left: 0.03rem;text-transform: capitalize;}

.dt7 .bot .t1 .tt2::before{content: "";width: 0.035rem;height: 0.035rem;border-radius: 50%;background: var(--viTxtcolor);display: inline-block;vertical-align: middle;margin-right: 0.13rem;}

.dt7 .bot .t2{margin-top: 0.32rem;text-transform: capitalize;}

.dt7 .bot .t3{text-transform: capitalize;margin-top: 0.1rem;}

.dt7 .bot .t4{display: flex;flex-wrap: wrap;gap: 0.2rem 0.1rem;margin-top: 0.1rem;text-transform: capitalize;}

.dt7 .bot .imgbox{display: flex;flex-wrap: wrap;gap: 0.4rem 0.48rem;margin-top: 0.48rem;}

.dt7 .bot .imgbox img{width: 2.4rem;height: 2.4rem;border-radius: 0.2rem;object-fit: cover;}

.dt7 .bot .t5{display: flex;align-items: center;flex-wrap: wrap;gap: 0.16rem;margin-top: 0.29rem;}

.dt7 .bot .t5 .tt1{margin-right: 0.04rem;}

.dt7 .bot .t1 .stars .star .background img:nth-child(2){opacity: 0;}
.dt7 .bot .t1 .stars .star .background img:nth-child(2){opacity: 0.2;}

/* 购物车 */
.shoppingLayout{padding: 0.9rem 0 1.4rem;background: #FFFCF9;}

.spc1{padding: 0.6rem 0 1rem;}

.spc1 .t1{line-height: calc(63 / 54);}

.spc1 .t2{margin-top: 0.34rem;}

.spc1 .t3{margin-top: 0.2rem;}

.spc1 .t3 a{color: var(--viColor2);text-decoration: underline !important;}

.spc1 .t4{margin-top: 0.7rem;}

.spc1 .t4 a{width: 2.23rem;margin: 0 auto;}

.spc2{padding: 0 0.85rem;}

.spc2 .con{margin-top: 0.46rem;}

.spc2 .con .ctp{padding-bottom: 0.12rem;border-bottom: 0.5px solid rgba(75, 57, 30, 0.2);display: flex;align-items: center;text-align: center;}

.spc2 .con .ctp .w1{text-align: left;}

.spc2 .con .w1{width: calc(631 / 1490 * 100%);}

.spc2 .con .w2{width: calc(200 / 1490 * 100%);}

.spc2 .con .w3{width: calc(426 / 1490 * 100%);}

.spc2 .con .w4{width: calc(200 / 1490 * 100%);}

.spc2 .con .w5{width: calc(73 / 1490 * 100%);min-width: 21px;}

.spc2 .con .cbt .li{display: flex;align-items: center;border-bottom: 0.5px solid rgba(75, 57, 30, 0.2);padding: 0.25rem 0;}

.spc2 .cbt .set{display: none;}

.spc2 .cbt .w5{display: flex;justify-content: flex-end;}

.spc2 .cbt .w5 a{width: 0.21rem;}

.spc2 .cbt .w2,
.spc2 .cbt .w3,
.spc2 .cbt .w4{display: flex;align-items: center;justify-content: center;padding: 0 0.15rem;}

.spc2 .cbt .w3 .det{display: flex;width: 1.33rem;height: 0.36rem;border-radius: 0.05rem;border: 1px solid rgba(75, 57, 30, 0.6);}

.spc2 .cbt .w3 .det a{width: 0.34rem;height: 0.34rem;position: relative;}

.spc2 .cbt .w3 .det input{width: 0.63rem;height: 0.34rem;background: none;text-align: center;padding: 0 0.1rem;border-left: 1px solid rgba(75, 57, 30, 0.6);border-right: 1px solid rgba(75, 57, 30, 0.6);}

.spc2 .cbt .w3 .det a s:nth-child(1){position: absolute;inset: 0px;margin: auto;width: 0.1rem;height: 1px;background: var(--viTxtcolor);opacity: 0.6;}

.spc2 .cbt .w3 .det a s:nth-child(2){position: absolute;inset: 0px;margin: auto;width: 1px;height: 0.1rem;background: var(--viTxtcolor);opacity: 0.6;}

/* 隐藏数字输入框的默认箭头 */
input[type="number"] {
    -moz-appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.spc2 .cbt .w1{display: flex;align-items: center;padding: 0 0.15rem;}

.spc2 .cbt .w1 .status{position: relative;width: 0.2rem;min-width: 0.2rem;height: 0.2rem;border-radius: 0.04rem;border: 1px solid var(--viTxtcolor);margin-right: 0.2rem;}

.spc2 .cbt .w1 .status.act{background: var(--viTxtcolor);}

.spc2 .cbt .w1 .status.act s{position: absolute;width: 0.12rem;height: 0.06rem;border-left: 0.02rem solid #fff;border-bottom: 0.02rem solid #fff;transform: rotate(-45deg) translateY(-0.01rem) translateX(0.01rem);inset: 0px;margin: auto;}

.spc2 .cbt .w1 .det{display: flex;align-items: center;}

.spc2 .cbt .w1 .det .img{display: flex;align-items: center;justify-content: center;padding: 0.05rem;width: 1.1rem;height: 1.1rem;min-width: 1.1rem;margin-right: 0.5rem;}

.spc2 .cbt .w1 .det .img img{max-width: 100%;max-height: 100%;}

.spc2 .con2{display: flex;align-items: flex-start;justify-content: space-between;margin-top: 0.27rem;text-transform: capitalize;border-bottom: 1px solid rgba(75, 57, 30, 0.2);padding-bottom: 0.2rem;}

.spc2 .con2 .left{display: flex;align-items: center;gap: 0.4rem;padding-left: 0.17rem;}

.spc2 .con2 .left .ico{width: 0.3rem;}

.spc2 .con2 .left .t2{margin-top: 0.12rem;}

.spc2 .con2 .right{text-align: right;max-width: 50%;}

.spc2 .con2 .right .t2{margin-top: 0.07rem;}

.spc2 .con3{display: flex;align-items: center;justify-content: space-between;margin-top: 0.4rem;}

.spc2 .con3 .fishbtn2{width: 2.3rem;}

.loginLayout{background: #F8F0E7;}

.login_con{display: flex;}

.login_con .left{width: calc(867 / 1920 * 100%);}

.login_con .left img{height: 100%;min-height: 100vh;object-fit: cover;}

.login_con .right{background: url(../images/login_right.jpg) no-repeat center;background-size: cover;padding: 2.9rem 2.47rem 1.55rem 1.66rem;width: calc(1053 / 1920 * 100%);}

.logobar{display: flex;gap: 1.04rem;border-bottom: 1px solid rgba(75, 57, 30, 0.1);line-height: calc(28 / 24);margin-bottom: 0.56rem;}

.logobar a{display: block;padding-bottom: 0.19rem;position: relative;}

.logobar a.act::before{content: "";position: absolute;left: 0;bottom: -1.5px;width: 100%;height: 2px;background: var(--viColor2);}

.logobar a:hover{color: var(--viColor2);}

.login_con .input{max-width: 6rem;background: #fff;border-radius: 0.16rem;position: relative;height: 0.64rem;display: flex;align-items: center;}

.login_con .input .set{width: 6em;padding-left: 0.25rem;position: relative;z-index: 2;}

.login_con .input input{padding-left: 0.25rem;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: none;}

.login_con .input:not(:first-child){margin-top: 0.3rem;}

.login_con .forgot{display: block;width: fit-content;color: var(--viColor2);text-decoration: underline !important;margin-top: 0.3rem;}

.login_con .submit{display: block;width: 3.54rem;height: 0.64rem;border-radius: 0.16rem;background: #fff;margin: 0 auto;}

.login_con .link{display: block;width: fit-content;margin: 0.3rem auto 0;color: var(--viColor2);text-decoration: underline !important;}

.login_con .policy{line-height: calc(22 / 14);}

.login_con .policy a{color: var(--viColor2);text-decoration: underline !important;}

.lox1 .submit{margin-top: 0.62rem;}

.lox2 .submit{margin-top: 1.14rem;}

.lox3 .t1{line-height: calc(63 / 54);text-transform: capitalize;}

.lox3 .t2{margin: 0.2rem 0 0.4rem;text-transform: capitalize;}

.lox3 .submit{margin-top: 1.92rem;}

.lox3 .inpbox{display: flex;flex-wrap: wrap;gap: 0.3rem;max-width: 6rem;}

.lox3 .inpbox .input{width: calc(50% - 0.15rem);margin-top: 0;}

.lox3 .inpbox .input.w100{width: 100%;}

.lox4 .submit{margin-top: 1.03rem;}

.indexLayout{position: relative;}

.banner{position: sticky;top: 0;}

.banner .imgbox{height: 100vh;}

.banner .imgbox img{height: 100%;object-fit: cover;}

.banner .txtbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;color: #fff;}

.banner .txtbox .t1{width: 8.76rem;text-transform: capitalize;}

.banner .txtbox .t2{width: 8.76rem;margin-top: 0.25rem;text-transform: capitalize;}

.indexLayout .banner .fishbtn{margin: 0.8rem 0 0;}

.in1{position: relative;z-index: 5;padding: 1.8rem 0 1.4rem;background: #FFFCF9;}

.in1 .txt{max-width: 10.45rem;text-align: center;margin: 0 auto;text-transform: capitalize;}

.in2{position: sticky;top: 0;background: #F8F0E7;z-index: 5;}

.in2 .item{position: sticky;top: 0;display: flex;align-items: center;background: #F8F0E7;}

.in2 .item .imgbox{width: calc(1126 / 1920 * 100%);height: 8.94rem;min-height: 100vh;display: flex;align-items: center;justify-content: center;}

.in2 .item .imgbox img{object-fit: contain;max-width: 80%;max-height: 80%;}

.in2 .item .txtbox{width: calc(794 / 1920 * 100%);padding: 0.92rem 1.71rem;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}

.in2 .item .txtbox .t1{text-align: center;}

.in2 .item .txtbox .img{width: 4rem;position: relative;overflow: hidden;}

.in2 .item .txtbox .img .cct{opacity: 0;}

.in2 .item .txtbox .img .pic{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: flex-end;justify-content: center;padding-bottom: calc(21 / 400 * 100%);}

.in2 .item .txtbox .img .pic img{width: calc(900 / 1200 * 100%);height: 3.23rem;object-fit: contain;mix-blend-mode: multiply;}

.in2 .item .txtbox .t2{text-align: center;}

.indexLayout .fishbtn{margin: 0.3rem auto 0;gap: 0;border-color: #fff;background: #fff;}

.indexLayout .fishbtn .fbt_ico{overflow: hidden;width: 0;}

.indexLayout .fishbtn .fbt_ico img{min-width: 0.19rem;max-width: 0.19rem;}

.indexLayout .fishbtn:hover{background: var(--viTxtcolor);gap: 0.09rem;border-color:var(--viTxtcolor);}

.indexLayout .fishbtn:hover .fbt_ico{width: 0.19rem;}

.in3{position: relative;z-index: 5;background: #FFFCF9;}

.in3{padding: 0.96rem 0 1.62rem;}

.in3 .tit{max-width: 10.45rem;margin: 0 auto;}

.in3 .ul{display: flex;flex-wrap: wrap;gap: 0.2rem;}

.in3 .ul .li{width: calc((100% - 0.6rem) / 4);position: relative;}

.in3 .imgbox{border-radius: 0.3rem;overflow: hidden;}

.in3 .imgbox img{height: 5.27rem;object-fit: cover;}

.in3 .txtbox{position: absolute;bottom: 0.16rem;left: 0.16rem;width: calc(100% - 0.32rem);min-height: 0.92rem;padding: 0.15rem;display: flex;align-items: center;justify-content: center;line-height: 1.3;color: #fff;border-radius: 0.2rem;background: rgba(149, 92, 57, 0.40);backdrop-filter: blur(15px);}

.in3 .li:hover .imgbox img{transform: scale(1.1);}

.in3 .li:hover .txtbox{transform: translateY(-0.2rem);}

.in4{position: relative;z-index: 5;background: #FFFCF9;padding: 0.86rem 0 0.93rem;overflow: hidden;}

.in4::before{content: "";position: absolute;top: -0.18rem;left: 0;width: calc(645 / 1920 * 100%);height: calc(100% + 0.26rem);background: #F8F0E7;border-radius: 0 0.3rem 0.3rem 0;}

.in4 .w1660{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;position: relative;z-index: 5;}

.in4 .imgbox{border-radius: 0.3rem;overflow: hidden;width: calc(672 / 1660 * 100%);}

.in4 .imgbox img{height: 8.18rem;object-fit: cover;}

.in4 .txtbox{width: calc(884 / 1660 * 100%);}

.in4 .txtbox .t1{text-transform: capitalize;}

.in4 .txtbox .t2{margin-top: 0.3rem;text-transform: capitalize;}

.in4 .txtbox .fishbtn{margin-top: 0.4rem;}

.in4 .ul{margin-top: 0.64rem;display: flex;flex-wrap: wrap;gap: 0.29rem 1.91rem;position: relative;}

.in4 .ul::before{content: "";position: absolute;top: 0;left: 4.02rem;width: 1px;height: 100%;background: #BABABA;}

.in4 .ul .li{width: 3.06rem;padding: 0.2rem 0 0.29rem;text-align: center;}

.in4 .ul .li .ico{width: 0.57rem;position: relative;margin: 0 auto;}

.in4 .ul .li .ico img:nth-child(2){position: absolute;inset: 0px;margin: auto;opacity: 0;}

.in4 .ul .li .txt{line-height: 1.3;margin-top: 0.18rem;}

.in4 .ul .li:hover .ico img:nth-child(1){opacity: 0;}

.in4 .ul .li:hover .ico img:nth-child(2){opacity: 1;}

.in4 .ul .li:hover .txt{color: var(--viColor2);}

.in5{position: relative;z-index: 5;background: #FFFCF9;padding: 1.46rem 0 1.3rem;}

.in5 .tit{max-width: 10.79rem;margin: 0 auto;text-align: center;}

.in5 .ul{display: flex;flex-wrap: wrap;gap: 0.2rem;}

.in5 .li{width: calc(50% - 0.1rem);position: relative;}

.in5 .imgbox{border-radius: 0.3rem;overflow: hidden;}

.in5 .imgbox img{height: 5.12rem;object-fit: cover;}

.in5 .txtbox{position: absolute;padding: 0.29rem 0.57rem 0.28rem 0.55rem;background: rgba(149, 92, 57, 0.4);border-radius: 0.3rem;backdrop-filter: blur(20px);box-shadow: 0px 0px 0.6rem 0px rgba(0, 0, 0, 0.10);min-height: 1.49rem;display: flex;flex-direction: column;justify-content: center;gap: 0.09rem;width: calc(100% - 0.38rem);left: 0.19rem;bottom: 0.19rem;}

.in5 .txtbox .tt1{line-height: 1.3;color: #fff;width: 100%;text-transform: capitalize;}

.in5 .txtbox .tt2{line-height: 1.3;color: #fff;width: 100%;}

.in5 .li:hover .imgbox img{transform: scale(1.1);}

.in5 .li:hover .txtbox{bottom: 0.49rem;}

.in6{position: relative;z-index: 5;background: #FFFCF9;padding: 0.11rem 0 1.34rem;}

.in6 .tit{max-width: 10.79rem;margin: 0 auto;text-align: center;}

.in6 .fishbtn{margin: 0.4rem auto 0;}

.in6 .con{position: relative;max-width: 10.5rem;margin-left: auto;margin-right: auto;}

.in6 .con .swiper .imgbox{width: 1.07rem;margin: 0 auto;border-radius: 50%;overflow: hidden;position: relative;border: 2px solid #fff;}

.in6 .con .swiper .imgbox img{width: 1.07rem;height: 1.07rem;object-fit: contain;}

.in6 .con .top .t1{text-align: center;line-height: 1.6;margin-top: 0.19rem;}

.in6 .con .top .t2{display: flex;align-items: center;justify-content: center;gap: 0.0429rem;line-height: 1.6;}

.in6 .con .top .t2 img{width: 0.1rem;}

.in6 .con .bot{border-top: 1px solid rgba(75, 57, 30, 0.1);margin-top: 0.38rem;padding-top: 0.37rem;}

.in6 .stars{gap: 0.0538rem;margin: 0 auto;width: fit-content;}

.in6 .stars .star{width: 0.22rem;}

.in6 .stars .star img{width: 0.22rem;max-width: 0.22rem;}

.in6 .con .bot .txt{width: fit-content;margin: 0.2rem auto 0;max-width: calc(100% - 3rem);position: relative;}

.in6 .con .bot .txt a{position: absolute;top: -0.26rem;right: -1.24rem;padding: 0.08rem 0.2rem 0.07rem 0.19rem;border-radius: 0.06rem;background: #F8F0E7;text-decoration: underline !important;}

.in6 .con .bot .txt a s{position: absolute;left: 0.095rem;bottom: -0.135rem;width: 0.155rem;height: 0.155rem;}

.in6 .con .bot .txt a s::before{content: "";top: 0;left: 0;width: 0;height: 0;border-top: 0.155rem solid #F8F0E7;border-right: 0.155rem solid transparent;border-radius: 0 0 1px 1px;position: absolute;}

.in6 .con .bot .txt a:hover{color: var(--viColor2);}

.in6 .con .swpbtn2 a{position: absolute;top: 0.34rem;width: 0.414rem;height: 0.4rem;border: 1px solid var(--viTxtcolor);border-radius: 50%;display: flex;align-items: center;justify-content: center;z-index: 10;}

.in6 .con .swpbtn2 a img{width: 0.11rem;}

.in6 .con .swpbtn2 a img:nth-child(2){position: absolute;inset: 0px;margin: auto;opacity: 0;}

.in6 .con .swpbtn2 a.prev{right: calc(50% + 1.4136rem);}

.in6 .con .swpbtn2 a.prev img{transform: rotate(-90deg);}

.in6 .con .swpbtn2 a.next{left: calc(50% + 1.4136rem);}

.in6 .con .swpbtn2 a.next img{transform: rotate(90deg);}

.in6 .con .swpbtn2 a:hover{background: var(--viTxtcolor);}

.in6 .con .swpbtn2 a:hover img:nth-child(1){opacity: 0;}

.in6 .con .swpbtn2 a:hover img:nth-child(2){opacity: 1;}

.in6 .con .picbox{position: absolute;top: 0;width: 2.62rem;height: 1.07rem;background: #FFFCF9;display: flex;justify-content: center;gap: 0;z-index: 10;padding-top: 0.2rem;}

.in6 .con .picbox .imgbox{width: 0.67rem;height: 0.67rem;position: relative;z-index: 2;}

.in6 .con .picbox .imgbox:nth-child(2){margin-left: -0.0744rem;z-index: 1;}

.in6 .con .picbox span{width: 0.67rem;height: 0.67rem;display: block;border-radius: 50%;border: 2px solid #fff;background: #fff;}

.in6 .con .picbox span img{width: 0.67rem;height: 0.67rem;border-radius: 50%;object-fit: contain;}

.in6 .con .picbox.left{left: 0;}

.in6 .con .picbox.right{right: 0;}

.swiper-button-disabled{cursor: not-allowed;}
.swiper-button-lock{opacity: 0;pointer-events: none;}

.personalLayout{background: #FFFCF9;padding-top: 0.8rem;}

.pntop{padding: 0.8rem 0;}

.pntop .w1660{display: flex;flex-wrap: wrap;gap: 0.98rem;}

.pntop .left{width: 3.18rem;}

.pntop .right{width: calc(100% - 3.18rem - 0.98rem);}

.pntop .left .ul .li{padding-bottom: 0.2rem;border-bottom: 1px solid #BDB4A6;}

.pntop .left .ul .li:not(:first-child){margin-top: 0.4rem;}

.pntop .left .ul .li a{display: block;width: fit-content;line-height: calc(28 / 24);color: var(--viTxtcolor);}

.pntop .left .ul .li a:hover{color: var(--viColor2);}

.pntop .left .ul .li.act a{color: var(--viColor2);font-family: 'hmm';}

.pn1{max-width: 820px;}

.pn1 .picture .bot{display: flex;align-items: center;margin-top: 0.2rem;gap: 0.2rem;}

.pn1 .picture .bot .imgbox{width: 1rem;height: 1rem;border-radius: 50%;overflow: hidden;}

.pn1 .picture .bot .imgbox img{width: 100%;height: 100%;object-fit: cover;}

.pn1 .picture .bot .txtbox .t2{margin: 0.2rem 0 0.12rem;width: fit-content;position: relative;}

.pn1 .picture .bot .txtbox .t2 a{display: flex;align-items: center;justify-content: center;gap: 0.12rem;height: calc(30 / 14 * 1em);color: var(--viColor2);border-radius: 0.3rem;border: 1px solid var(--viColor2);padding: 0 0.2rem;}

.pn1 .picture .bot .txtbox .t2 a span{width: 0.19rem;position: relative;}

.pn1 .picture .bot .txtbox .t2 a span img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}

.pn1 .picture .bot .txtbox .t2 input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;}

.pn1 .picture .bot .txtbox .t2:hover a{background: var(--viColor2);color: #fff;}

.pn1 .picture .bot .txtbox .t2:hover a img:nth-child(1){opacity: 0;}

.pn1 .picture .bot .txtbox .t2:hover a img:nth-child(2){opacity: 1;}

.pn1 .list{display: flex;flex-wrap: wrap;margin-top: 0.37rem;gap: 0.32rem 0.24rem;}

.pn1 .list .item{width: calc(50% - 0.12rem);}

.pn1 .list .item.w100{width: 100%;}

.pn1 .list .item .det{margin-top: 0.2rem;display: flex;align-items: center;gap: 0.4rem;}

.pn1 .list .item .det input[type=text]{display: block;width: 100%;border: 1px solid #4B391E;height: 0.6rem;border-radius: 0.2rem;padding: 0 0.23rem;background: none;}

.pn1 .list .item .det .it{display: flex;align-items: center;line-height: 1.6;gap: 0.12rem;position: relative;}

.pn1 .list .item .det input[type=radio]{width: 0.2rem;height: 0.2rem;border-radius: 0.04rem;border: 1px solid var(--viTxtcolor);position: relative;z-index: 5;opacity: 0;cursor: pointer;}

.pn1 .list .item .det .it .status{position: absolute;left: 0;top: 0;bottom: 0;margin: auto 0;width: 0.2rem;height: 0.2rem;border-radius: 0.04rem;border: 1px solid var(--viTxtcolor);}

.pn1 .list .item .det .it .status.act{background: var(--viTxtcolor);}

.pn1 .list .item .det .it .status.act s{position: absolute;width: 0.12rem;height: 0.06rem;border-left: 0.02rem solid #fff;border-bottom: 0.02rem solid #fff;transform: rotate(-45deg) translateY(-0.01rem) translateX(0.01rem);inset: 0px;margin: auto;}

.pn1 .list .item.select .det{position: relative;border: 1px solid #4B391E;border-radius: 0.2rem;}

.pn1 .list .item.select .det .arr{position: absolute;top: 0;right: 0;width: 0.62rem;height: 100%;background: url(../images/svg/input_arr.svg) no-repeat center;background-size: 0.14rem auto;z-index: 3;}

.pn1 .list .item.select .det input{position:relative;z-index: 3;background: #FFFCF9;border: none;width: calc(100% - 0.62rem);}

.pn1 .list .item.select .det select{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 0.2rem;padding-right: 0.62rem;border: none;background: none;background: url(../images/svg/input_arr.svg) no-repeat right 0.23rem center;background-size: 0.14rem auto;appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-left: 0.23rem;}



.pn1 .list .item .fishbtn{width: 4.1rem;height: 0.64rem;gap: 0.16rem;position: relative;margin-top: 0.28rem;border-radius: 0.6rem;}

.pn1 .list .item .fishbtn .fbt_ico{width: 0.28rem;}

.pn1 .list .item .fishbtn input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}

.pn2 .switch{margin-top: 0.4rem;}

.pn2 .switch .swiper-slide{width: auto;}

.pn2 .switch .swiper-slide a{display: block;padding-bottom: 0.13rem;}

.pn2 .switch .swiper-slide a:hover{color: var(--viColor2);}

.pn2 .switch .swiper-slide.act a{font-family: 'hmm';color: var(--viColor2);}

.pn2 .switch .swiper-slide.act a::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: var(--viColor2);}

.pn2 .tablebox .thd{display: flex;text-align: center;padding-bottom: 0.13rem;border-bottom: 1px solid rgba(75, 57, 30, 0.2);}

.pn2 .tablebox .tbd{text-align: center;}

.pn2 .tablebox .w1{width: calc((71 + 388 - 36) / 1244 * 100%);text-align: left;}

.pn2 .tablebox .w2{width: calc((44 + 36 + 36) / 1244 * 100%);padding: 0 0.1rem;}

.pn2 .tablebox .w3{width: calc((43 + 36 + 36) / 1244 * 100%);padding: 0 0.1rem;}

.pn2 .tablebox .w4{width: calc((85 + 48 + 48) / 1244 * 100%);padding: 0 0.1rem;}

.pn2 .tablebox .w5{width: calc((141 + 24 + 24) / 1244 * 100%);padding: 0 0.1rem;}

.pn2 .tablebox .w6{width: calc((166 + 34 + 20) / 1244 * 100%);padding: 0 0 0 0.14rem;}

.pn2 .tablebox .tbd .item{display: flex;align-items: center;padding: 0.32rem 0;border-bottom: 1px solid rgba(75, 57, 30, 0.2);}

.pn2 .tablebox .tbd .item .set{display: none;}

.pn2 .tablebox .tbd .item .w1 .det{display: flex;align-items: center;}

.pn2 .tablebox .tbd .item .w1 .det .status{width: 0.2rem;height: 0.2rem;border-radius: 0.04rem;border: 1px solid var(--viTxtcolor);position: relative;cursor: pointer;}

.pn2 .tablebox .tbd .item .w1 .det .status.act{background: var(--viTxtcolor);}

.pn2 .tablebox .tbd .item .w1 .det .status.act s{position: absolute;width: 0.12rem;height: 0.06rem;border-left: 0.02rem solid #fff;border-bottom: 0.02rem solid #fff;transform: rotate(-45deg) translateY(-0.01rem) translateX(0.01rem);inset: 0px;margin: auto;}

.pn2 .tablebox .tbd .item .w1 .det .pic{width: 0.8rem;height: 0.8rem;display: flex;align-items: center;justify-content: center;margin-left: 0.2rem;}

.pn2 .tablebox .tbd .item .w1 .det .pic img{width: auto;max-width: 100%;max-height: 100%;}

.pn2 .tablebox .tbd .item .w1 .det .txt{width: calc(100% - 1.44rem);margin-left: 0.24rem;max-width: 255px;}

.pn2 .tablebox .tbd .item .w6 a{display: block;max-width: 166px;margin: 0 auto;line-height: calc(32 / 14);border-radius: 0.32rem;text-transform: capitalize;}

.pn2 .tablebox .tbd .item .w6 a:hover{background: var(--viTxtcolor);color: #fff;}

.pnbot{background: #F8F0E7;padding: 0.12rem 0;}

.pnbot .w1660{display: flex;justify-content: space-between;}

.pnbot .left{width: 3.18rem;}

.pnbot .right{width: calc(100% - 3.18rem - 0.98rem);display: flex;align-items: center;justify-content: space-between;}

.pnbot .right .rlf{display: flex;align-items: center;gap: 1.2rem;}

.pnbot .right .rlf .r1{display: flex;align-items: center;gap: 0.2rem;}

.pnbot .right .rlf .r1 .status{width: 0.2rem;height: 0.2rem;border-radius: 0.04rem;border: 1px solid var(--viTxtcolor);position: relative;cursor: pointer;}

.pnbot .right .rlf .r1 .status.act{background: var(--viTxtcolor);}

.pnbot .right .rlf .r1 .status.act s{position: absolute;width: 0.12rem;height: 0.06rem;border-left: 0.02rem solid #fff;border-bottom: 0.02rem solid #fff;transform: rotate(-45deg) translateY(-0.01rem) translateX(0.01rem);inset: 0px;margin: auto;}

.pnbot .right .rlf .r2 span{color: var(--viColor2);}

.pnbot .right .rrf .fishbtn{width: 4.1rem;height: 0.64rem;gap: 0.16rem;position: relative;border-radius: 0.6rem;}

.pnbot .right .rrf .fishbtn .fbt_ico{width: 0.28rem;}

.pnbot2 .left{display: none;}

.pnbot2 .right{width: calc(100% - 1.7rem);margin: 0 auto;}

.pn3 .titbox{display: flex;align-items: flex-end;justify-content: space-between;}

.pn3 .titbox .nadd{display: flex;align-items: center;gap: 0.16rem;}

.pn3 .titbox .nadd span{width: 0.28rem;}

.pn3 .tablebox .thd{display: flex;text-align: center;padding-bottom: 0.13rem;border-bottom: 1px solid rgba(75, 57, 30, 0.2);}

.pn3 .tablebox .tbd{text-align: center;}

.pn3 .tablebox .w1{width: calc((110 + 35) / 1244 * 100%);text-align: left;}

.pn3 .tablebox .w2{width: calc((120 + 51 + 51) / 1244 * 100%);padding: 0 0.1rem;}

.pn3 .tablebox .w3{width: calc((248 + 53 + 53) / 1244 * 100%);padding: 0 0.1rem;}

.pn3 .tablebox .w4{width: calc((248 + 10 + 10) / 1244 * 100%);padding: 0 0.1rem;}

.pn3 .tablebox .w5{width: calc((166 + 70 + 19) / 1244 * 100%);padding: 0 0 0 0.5rem;}

.pn3 .tablebox .tbd .item{display: flex;align-items: center;padding: 0.32rem 0;border-bottom: 1px solid rgba(75, 57, 30, 0.2);}

.pn3 .tablebox .tbd .set{display: none;}

.pn3 .tablebox .tbd .item .w5 a{display: block;max-width: 166px;margin: 0 auto;line-height: calc(32 / 14);border-radius: 0.32rem;text-transform: capitalize;}

.pn3 .tablebox .tbd .item .w5 a.act,
.pn3 .tablebox .tbd .item .w5 a:hover{background: var(--viTxtcolor);color: #fff;}

.popbox{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 150;display: none;}

.popbox .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.6;}

.popbox .popcon{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}

.popbox .con{position: relative;width: fit-content;height: fit-content;}

.popbox .con .close{position: absolute;z-index: 5;top: 0.4rem;right: 0.4rem;width: 0.44rem;border-radius: 50%;background: var(--viTxtcolor);}

.popbox .pox{padding: 0.6rem 0.8rem;width: 88vw;max-width: 980px;max-height: min(88vh, 712px);overflow-y: auto;border-radius: 0.6rem;background: #F8F0E7;}

.popbox .form{display: flex;flex-wrap: wrap;margin-top: 0.4rem;gap: 0.28rem 0.24rem;}

.popbox .form .item{width: calc(50% - 0.12rem);}

.popbox .form .item.w100{width: 100%;}

.popbox .form .item.w33{width: calc((100% - 0.48rem) / 3);}

.popbox .form .item input[type=text]{display: block;width: 100%;background: none;border-radius: 0.2rem;height: 0.6rem;border: 1px solid var(--viTxtcolor);padding: 0.23rem;}


.popbox .form .item.select{position: relative;border: 1px solid #4B391E;border-radius: 0.2rem;}

.popbox .form .item.select input[type=text]{position:relative;z-index: 3;background: #F8F0E7;height: 0.58rem;border: none;width: calc(100% - 0.62rem);}

.popbox .form .item.select select{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 0.2rem;padding-right: 0.62rem;border: none;background: none;background: url(../images/svg/input_arr.svg) no-repeat right 0.23rem center;background-size: 0.14rem auto;appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-left: 0.23rem;}


.popbox .form .item .fishbtn{margin: 0.32rem auto 0;position: relative;}

.popbox .form .item .fishbtn input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}

.pndet{padding-bottom: 1rem;}

.pnd1{padding-bottom: 0.4rem;border-bottom: 1px solid rgba(75, 57, 30, 0.4);}

.pnd2{display: flex;justify-content: space-between;margin-top: 0.4rem;}

.pnd2 .lf{width: calc(620 / 1660 * 100%);}

.pnd2 .lf .t1{display: flex;flex-wrap: wrap;align-items: baseline;gap: 0.2rem 0.4rem;}

.pnd2 .lf .t1 .tt{line-height: calc(47 / 40);}

.pnd2 .lf .t1 a{line-height: calc(26 / 18);color: var(--viColor2);text-decoration: underline !important;text-underline-offset: 2px;}

.pnd2 .lf .t2{margin-top: 0.3rem;}

.pnd2 .lf .t3{margin-top: 0.12rem;}

.pnd2 .rf{width: calc(1000 / 1660 * 100%);margin-top: 0.18rem;}

.pnd2 .rf .ul{display: flex;justify-content: space-between;}

.pnd2 .rf .ul .li{width: 1.4rem;}

.pnd2 .rf .ul .li .ico{position: relative;display: flex;align-items: center;justify-content: center;width: 0.48rem;height: 0.48rem;border-radius: 50%;z-index: 5;background: rgba(75, 57, 30, 0.2);margin: 0 auto;}

.pnd2 .rf .ul .li:not(:last-child) .ico::before{content: "";position: absolute;left: calc(100% + 0.08rem);top: 0px;bottom: 0px;margin: auto 0;height: 1px;width: 1.08rem;background: url(../images/order_line.png) repeat-x;z-index: -2;background-size: 1.08rem 1px;}

.pnd2 .rf .ul .li .ico img{width: 0.24rem;}

.pnd2 .rf .ul .li .ico img:nth-child(2){position: absolute;inset: 0px;margin: auto;opacity: 0;}

.pnd2 .rf .ul .li .txt{margin-top: 0.2rem;text-align: center;}

.pnd2 .rf .ul.act .li.act .ico{background: var(--viColor2);}

.pnd2 .rf .ul.act .li.act .ico img:nth-child(1){opacity: 0;}

.pnd2 .rf .ul.act .li.act .ico img:nth-child(2){opacity: 1;}

.pnd2 .rf .ul.act .li.act .txt{color: var(--viColor2);}

.pnd2 .rf .ul.act .li:not(:last-child).act .ico::after{content: "";position: absolute;left: calc(100% + 0.08rem);top: 0px;bottom: 0px;margin: auto 0;height: 1px;width: 1.08rem;background: url(../images/order_line2.png) repeat-x;z-index: -1;background-size: 1.08rem 1px;}

.pnd2 .rf .ul.act .li.act.act2 .ico::after{width: 0.58rem;}

.pnd3 .tit div{display: inline-block;vertical-align: baseline;}

.pnd3 .tit span{color: var(--viColor2);}

.pnd3 .tablebox{margin-top: 0.4rem;}

.pnd3 .tablebox .thd{display: flex;text-align: center;padding-bottom: 0.13rem;border-bottom: 1px solid rgba(75, 57, 30, 0.2);}

.pnd3 .tablebox .tbd{text-align: center;}

.pnd3 .tablebox .w1{width: calc((71 + 482) / 1660 * 100%);text-align: left;}

.pnd3 .tablebox .w2{width: calc((44 + 100 + 100) / 1660 * 100%);padding: 0 0.1rem;}

.pnd3 .tablebox .w3{width: calc((77 + 129 + 129) / 1660 * 100%);padding: 0 0.1rem;}

.pnd3 .tablebox .w4{width: calc((43 + 100 + 100) / 1660 * 100%);padding: 0 0.1rem;}

.pnd3 .tablebox .w5{width: calc((85 + 119 + 85) / 1660 * 100%);padding: 0 0 0 0.34rem;}

.pnd3 .tablebox .tbd .item{display: flex;align-items: center;border-bottom: 1px solid rgba(75, 57, 30, 0.2);padding: 0.4rem 0;}

.pnd3 .tablebox .tbd .item .set{display: none;}

.pnd3 .tablebox .tbd .item .w1 .det{display: flex;align-items: center;gap: 0.4rem;}

.pnd3 .tablebox .tbd .item .w1 .pic{width: 1.4rem;height: 1.4rem;display: flex;align-items: center;justify-content: center;}

.pnd3 .tablebox .tbd .item .w1 .pic img{width: auto;max-width: 100%;max-height: 100%;}

.pnd3 .tablebox .tbd .item .w1 .txt{width: calc(100% - 1.8rem);}

.pnd3 .tablebox .tbd .item .w1 .txt .t1{margin-bottom: 0.1rem;}

.pnd3 .tablebox .tbd .item .w1 .txt .t2{margin-top: 0.04rem;color: #BDB4A6;}

.pnd4{margin-top: 0.4rem;}

.pnd4 .ul{margin-top: 0.2rem;line-height: 1.6;}

.pnd4 .ul .det{text-indent: 1em;}

.pnd5{margin-top: 0.4rem;padding-top: 0.4rem;border-top: 1px solid rgba(75, 57, 30, 0.4);}

.pnd5 .item:not(:first-child){margin-top: 0.16rem;}

.pnd5 .item{display: flex;align-items: center;justify-content: space-between;}

.pnd5 .item .det{color: var(--viColor2);display: flex;align-items: baseline;gap: 0.08rem;}

.pmbox{padding-bottom: 1rem;}

.pmbox .con{display: flex;justify-content: space-between;align-items: flex-start;}

.pmbox .con .lf{width: calc(1150 / 1660 * 100%);padding-right: 1.6rem;position: relative;}

.pmbox .con .lf::before{content: "";position: absolute;top: 0;right: 0.8rem;width: 1px;height: 100%;background: rgba(75, 57, 30, 0.40);}

.pmbox .con .rf{width: calc(510 / 1660 * 100%);}

.pmbox .lf .form input[type=text]{display: block;width: 100%;background: none;height: 0.6rem;border: 1px solid var(--viTxtcolor);border-radius: 0.2rem;padding: 0 0.23rem;}

.pmbox .lf .form textarea{resize: none;display: block;width: 100%;background: none;height: 0.6rem;border: 1px solid var(--viTxtcolor);border-radius: 0.2rem;padding: 0.15rem 0.23rem;height: 2.4rem;}

.pmbox .lf .form .it.select{position: relative;border: 1px solid #4B391E;border-radius: 0.2rem;}

.pmbox .lf .form .it.select input[type=text]{position:relative;z-index: 3;background: #FFFCF9;height: 0.58rem;border: none;width: calc(100% - 0.62rem);}

.pmbox .lf .form .it.select select{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 0.2rem;padding-right: 0.62rem;border: none;background: none;background: url(../images/svg/input_arr.svg) no-repeat right 0.23rem center;background-size: 0.14rem auto;appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-left: 0.23rem;}


.pmbox .lf .form .item1 .inpbox{margin-top: 0.28rem;display: flex;flex-wrap: wrap;gap: 0.28rem 0.24rem;}

.pmbox .lf .form .it{width: calc(50% - 0.12rem);position: relative;}

.pmbox .lf .form .it.w100{width: 100%;}

.pmbox .lf .form .it.w33{width: calc((100% - 0.48rem) / 3);}

.pmbox .lf .form .item1 .checkbox{margin-top: 0.21rem;position: relative;display: flex;align-items: center;gap: 0.14rem;color: #000;}

.pmbox .lf .form .item1 .checkbox .status{width: 0.2rem;height: 0.2rem;border-radius: 0.04rem;border: 1px solid var(--viTxtcolor);position: relative;cursor: pointer;}

.pmbox .lf .form .item1 .checkbox .status.act{background: var(--viTxtcolor);}

.pmbox .lf .form .item1 .checkbox .status.act s{position: absolute;width: 0.12rem;height: 0.06rem;border-left: 0.02rem solid #fff;border-bottom: 0.02rem solid #fff;transform: rotate(-45deg) translateY(-0.01rem) translateX(0.01rem);inset: 0px;margin: auto;}

.pmbox .lf .form .item1 .checkbox input[type=checkbox]{position: absolute;left: 0;top: 0;bottom: 0;margin: auto 0;width: 0.2rem;height: 0.2rem;opacity: 0;cursor: pointer;}

.pmbox .lf .form .item2{margin-top: 0.28rem;}

.pmbox .lf .form .item3{margin-top: 0.28rem;}

.pmbox .lf .form .item3 .iox{border-radius: 0.2rem;border: 1px solid var(--viTxtcolor);overflow: hidden;margin-top: 0.28rem;}

.pmbox .lf .form .item3 .itp{background: rgba(75, 57, 30, 0.1);padding: 0.15rem 0.23rem 0.14rem;display: flex;align-items: center;justify-content: space-between;line-height: 1.6;border-bottom: 1px solid var(--viTxtcolor);}

.pmbox .lf .form .item3 .itp img{width: 1rem;}

.pmbox .lf .form .item3 .ibt{display: flex;flex-wrap: wrap;padding: 0.23rem;gap: 0.24rem;}

.pmbox .lf .form .item3 .pay{border: 1px solid var(--viTxtcolor);width: 2.5rem;height: 0.62rem;border-radius: 0.31rem;display: flex;align-items: center;justify-content: center;margin-top: 0.28rem;}

.pmbox .lf .form .item3 .pay img{width: 1rem;}

.pmbox .lf .form .item4 .fishbtn{width: 100%;height: 0.74rem;gap: 0.16rem;position: relative;margin-top: 0.28rem;border-radius: 0.6rem;}

.pmbox .lf .form .item4 .fishbtn .fbt_ico{width: 0.28rem;}

.pmbox .lf .form .item4 .fishbtn input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}

.pmbox .lf .form .item .tit{display: flex;align-items: baseline;justify-content: space-between;}

.pmbox .lf .form .item .tit .nadd{color: var(--viColor2);text-decoration: underline !important;text-underline-offset: 2px;}

.pmbox .rf .ul .li{margin-top: 28px;}

.pmbox .rf .ul .li:nth-child(n + 3){display: none;}

.pmbox .rf .ul .li.act{display: block;}

.pmbox .rf .ul .li .ss{display: flex;align-items: flex-start;}

.pmbox .rf .ul .li .ss .imgbox{width: 58px;height: 58px;display: flex;align-items: center;justify-content: center;margin-left: 3px;position: relative;}

.pmbox .rf .ul .li .ss .imgbox img{width: auto;max-width: 100%;max-height: 100%;}

.pmbox .rf .ul .li .ss .imgbox span{border-radius: 50%;right: -11px;top: -11px;border-radius: 50%;min-width: calc(22 / 14 * 1em);line-height: calc(22 / 14);padding: 0 0.05rem;background: var(--viTxtcolor);color: #fff;text-align: center;position: absolute;}

.pmbox .rf .ul .li .ss .txtbox{width: calc(100% - 61px - 0.43rem);display: flex;justify-content: space-between;margin-left: 0.43rem;}

.pmbox .rf .ul .li .ss .txtbox .txt{max-width: 3.07rem;}

.pmbox .rf .ul .li .ss .txtbox .txt .t1{height: 2.8em;}

.pmbox .rf .ul .li .ss .txtbox .txt .t2{line-height: calc(24 / 14);margin-top: 0.08rem;color: #BDB4A6;}

.pmbox .rf .ul .li .ss .txtbox .price{white-space: nowrap;}

.pmbox .rf .ul_more{margin-top: 0.28rem;display: none;}

.pmbox .rf .ul_more a{display: flex;align-items: center;justify-content: center;gap: 0.16rem;width: fit-content;margin: 0 auto;}

.pmbox .rf .ul_more a img{width: 0.1rem;}

.pmbox .rf .allprice{margin-top: 0.4rem;border-top: 1px solid rgba(75, 57, 30, 0.4);padding-top: 0.12rem;}

.pmbox .rf .allprice .item{display: flex;justify-content: space-between;margin-top: 0.16rem;}

.pmbox .rf .allprice .item .det{display: flex;gap: 0.08rem;align-items: baseline;}

.pmbox .lf .form .item5 .li{margin-top: 0.28rem;display: flex;align-items: center;justify-content: space-between;background: rgba(75, 57, 30, 0.02);border: 1px solid rgba(75, 57, 30, 0.02);border-radius: 0.2rem;padding: 0.15rem 0.23rem;}

.pmbox .lf .form .item5 .li .text{width: calc(100% - 2rem);line-height: 1.6;}

.pmbox .lf .form .item5 .li .text .t2{margin-top: 0.08rem;}

.pmbox .lf .form .item5 .li .link a{color: var(--viColor2);text-decoration: underline !important;display: block;width: fit-content;}

.pmbox .lf .form .item5 .li.act{background: rgba(75, 57, 30, 0.1);border: 1px solid rgba(75, 57, 30, 1);}

.pmbox .lf .form .item5 .li:nth-child(n+3){display: none;}

.pmbox .lf .form .item5 .ul.act .li:nth-child(n+3){display: flex;}

.pmbox .lf .form .item5 .vmore{display: none;align-items: center;justify-content: center;width: fit-content;margin: 0.4rem auto 0;gap: 0.11rem;}

.pmbox .lf .form .item5 .vmore img{width: 0.16rem;}

.pmbox .lf .form .item5 .vmore.act{display: flex;}


/* Modal Styles */
.prompt {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.prompt.active {
    opacity: 1;
    visibility: visible;
}

.prompt-content{
    padding: 0.9rem 0.6rem 0.6rem;
    border-radius: 60px;
    background: #F8F0E7;
    position: relative;
}

.prompt-header .ico{width: 0.8rem;margin:0 auto;}

.prompt-header .tit{line-height: 1.6;color: #4B391E;margin-top: 20px;text-align: center;}

.prompt-body{line-height: 1.6;color: #4B391E;margin-top: 20px;text-align: center;width: min(70vw, 438px);}

.prompt-content .close{position: absolute;width: 0.44rem;top: 0.4rem;right: 0.4rem;}

.prompt-content .close:hover .icon{transform: rotate(90deg);}

.prompt-content .close img{width: 100%;}



.payLayout{background: #FFFCF9;padding-bottom: 1rem 0 calc(1.82rem + 1px);display: flex;align-items: center;min-height: calc(100vh - 0.82rem - 1px);}

.payLayout .w1660{width: 100%;}

.pybox{max-width: 9.8rem;margin: 0 auto;background: #F8F0E7;padding: 0.83rem 1rem 0.66rem;border-radius: 0.6rem;}

.pybox .icon{width: 0.82rem;margin: 0 auto;}

.pybox .text{margin-top: 0.5rem;text-align: center;}

.pybox .text .t1{line-height: 1.4;}

.pybox .text .t2{line-height: 1.4;margin-top: 0.16rem;min-height: 5.6em;}

.pybox .text .t2 a{color: #4D794A;position: relative;}

.pybox .text .t2 a::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #4D794A;}

.pybox .btn{display: flex;justify-content: center;flex-wrap: wrap;margin-top: 0.64rem;}

.pybox .btn a{margin: 0.1rem 0.1rem 0;}

.pybox.succ .text .t2{max-width: calc(536 / 20 * 1em);margin-left: auto;margin-right: auto;}

.pybox.failed .text .t2{max-width: calc(652 / 20 * 1em);margin-left: auto;margin-right: auto;}

.pybox.cannot .text .t2{max-width: calc(536 / 20 * 1em);margin-left: auto;margin-right: auto;}




.flying-image {
    position: fixed;
    z-index: 999;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.added{cursor: no-drop;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px rgba(255,255,255,0) inset !important;
  -webkit-text-fill-color: #4B391E !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

input[type="password"]:-webkit-autofill,
input[type="password"]:-webkit-autofill:hover,
input[type="password"]:-webkit-autofill:focus,
input[type="password"]:-webkit-autofill:active {
  /* 取消背景色 */
  -webkit-box-shadow: 0 0 0 1000px rgba(255,255,255,0) inset !important;
  /* 设置文字颜色（根据需要调整） */
  -webkit-text-fill-color: #4B391E !important;
  /* 可选：设置填充样式的生效延迟（避免闪烁） */
  transition: background-color 5000s ease-in-out 0s !important;
}


.payLayout{background: #FFFCF9;padding-bottom: 1rem 0 calc(1.82rem + 1px);display: flex;align-items: center;min-height: calc(100vh - 0.82rem - 1px);}

.payLayout .w1660{width: 100%;}

.pybox{max-width: 9.8rem;margin: 0 auto;background: #F8F0E7;padding: 0.83rem 1rem 0.66rem;border-radius: 0.6rem;}

.pybox .icon{width: 0.82rem;margin: 0 auto;}

.pybox .text{margin-top: 0.5rem;text-align: center;}

.pybox .text .t1{line-height: 1.4;}

.pybox .text .t2{line-height: 1.4;margin-top: 0.16rem;min-height: 5.6em;}

.pybox .text .t2 a{color: #4D794A;position: relative;}

.pybox .text .t2 a::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #4D794A;}

.pybox .btn{display: flex;justify-content: center;flex-wrap: wrap;margin-top: 0.64rem;}

.pybox .btn a{margin: 0.1rem 0.1rem 0;}

.pybox.succ .text .t2{max-width: calc(536 / 20 * 1em);margin-left: auto;margin-right: auto;}

.pybox.failed .text .t2{max-width: calc(652 / 20 * 1em);margin-left: auto;margin-right: auto;}

.pybox.cannot .text .t2{max-width: calc(536 / 20 * 1em);margin-left: auto;margin-right: auto;}

.prompt-header .ico{width: 0.8rem;height: 0.8rem;margin:0 auto;}

.prompt-header .ico svg{width: 100%;    display: block;
    object-fit: contain;
    height: 0.8rem;
    width: 0.8rem;}
    
.prompt-content .close svg{display: block;object-fit: contain;height: 0.44rem;width: 0.44rem;}

.prompt .btn{display: flex;justify-content: center;flex-wrap: wrap;margin-top: 0.64rem;}

.prompt .btn a{margin: 0.1rem 0.1rem 0;}






.sale{position: absolute;top: 0.82rem;padding: 0.08rem 1.18rem 0.07rem;overflow: hidden;opacity: 0;width: 100%;}

.sale.act2,
.sale.act{opacity: 1;}

.sale:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.40);backdrop-filter: blur(61.70000076293945px);z-index: 1;}

.sale .ul {
    position: relative;
    z-index: 2;
    display: flex;
    width: max-content;
}

.sale.act .ul{animation: marquee 20s linear infinite; /* 调整时间控制速度 */}

.sale .ul:nth-child(2) {
    animation: marquee-reverse 20s linear infinite; /* 调整时间控制速度 */
}

.sale .ul:hover {
    animation-play-state: paused;
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

@keyframes marquee-reverse {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}

/* 确保内容足够长以实现循环 */
.sale .li {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    margin-right: 1.79rem;
}

.sale .li .ico{width: 0.54rem;}

.sale .li .txt{line-height: 1.4;color: #4B391E;margin-left: 0.2rem;}




.CookieDeclaration{display: none;}







@media screen and (max-width:1680px) {
  .f_14 {font-size:13px;}
  .f_16 {font-size:14px;}
  .f_18 {font-size:16px;}
  .f_20 {font-size:18px;}
  .f_22 {font-size:20px;}
  .f_24 {font-size:22px;}
  .f_26 {font-size:24px;}
  .f_28 {font-size:26px;}
  .f_30 {font-size:28px;}
  .f_32 {font-size:30px;}
  .f_34 {font-size:32px;}
  .f_36 {font-size:34px;}
  .f_38 {font-size:36px;}
  .f_40 {font-size:38px;}
  .f_42,.f_44 {font-size:40px;}
  .f_46 {font-size:42px;}
  .f_48 {font-size:44px;}
  .f_50 {font-size:46px;}
  .f_52 {font-size:48px;}
  .f_54 {font-size:48px;}
  .f_56 {font-size:48px;}
  .f_58,.f_60,.f_62,.f_64,.f_68,.f_70,.f_72,.f_74,.f_76,.f_78,.f_80 {font-size:52px;}
}
@media (max-width: 1560px) {
  .f_14 {font-size: 13px;}
  .f_58,.f_60,.f_62,.f_64,.f_68,.f_70,.f_72,.f_74,.f_76,.f_78,.f_80 {font-size:48px;}
}
@media screen and (max-width:1440px) {
  .f_16 {font-size:14px;}
  .f_18 {font-size:15px;}
  .f_20 {font-size:17px;}
  .f_22 {font-size:18px;}
  .f_24 {font-size:20px;}
  .f_26 {font-size:22px;}
  .f_28 {font-size:22px;}
  .f_30 {font-size:24px;}
  .f_32 {font-size:24px;}
  .f_34 {font-size:26px;}
  .f_36 {font-size:28px;}
  .f_38,.f_40 {font-size:30px;}
  .f_42,.f_44 {font-size:32px;}
  .f_46 {font-size:34px;}
  .f_48 {font-size:36px;}
  .f_50 {font-size:36px;}
  .f_52 {font-size:38px;}
  .f_54 {font-size:38px;}
  .f_56 {font-size:40px;}
  .f_58 {font-size:42px;}
  .f_60,.f_62,.f_64,.f_66,.f_68,.f_70,.f_72,.f_74,.f_76,.f_78,.f_80 {font-size:44px;}
}
@media screen and (max-width:1280px) {
  .f_14 {font-size:12px;}
  .f_16 {font-size:13px;}
  .f_18 {font-size:14px;}
  .f_20 {font-size:15px;}
  .f_22 {font-size:16px;}
  .f_24 {font-size:16px;}
  .f_26 {font-size:20px;}
  .f_28 {font-size:20px;}
  .f_30 {font-size:20px;}
  .f_32 {font-size:22px;}
  .f_34 {font-size:23px;}
  .f_36 {font-size:25px;}
  .f_38 {font-size:26px;}
  .f_40 {font-size:30px;}
  .f_42,.f_44 {font-size:32px;}
  .f_46 {font-size:30px;}
  .f_48,.f_50 {font-size:34px;}
  .f_52 {font-size:36px;}
  .f_54,.f_56,.f_58,.f_60,.f_62,.f_64,.f_66,.f_68,.f_70,.f_72,.f_74,.f_76,.f_78,.f_80 {font-size:40px;}
  
  .footer .ftp .right .li{padding: 0 0.3rem;}
}
.phbox{display: none;}
@media screen and (max-width:1024px) {
  html {font-size:60px;}
  .f_14,.f_16 {font-size:13px;}
  .f_18,.f_20 {font-size:13px;}
  .f_22,.f_24,.f_26,.f_28 {font-size:15px;}
  .f_30,.f_32,.f_34 {font-size:15px;}
  .f_36,.f_40,.f_42,.f_44,.f_46 {font-size:15px;}
  .f_48,.f_50,.f_52,.f_54,.f_56,.f_58,.f_60,.f_62,.f_64,.f_68,.f_70,.f_72,.f_74,.f_76,.f_78,.f_80 {font-size:20px;}
  .header{display: none;}
  .m_header{position: fixed;top: 0;left: 0;width: 100%;background-color: transparent;padding: 0 16px;z-index: 98;display:flex!important;justify-content:space-between;transition:all 0.5s;z-index: 999;align-items: center;height: 74px;background: rgba(0, 0, 0, 0.2);
backdrop-filter: blur(61.70000076293945px);}
  html.act .m_header{opacity: 0;pointer-events: none;}
  /*.m_header.on{background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}*/
  .m_header .logo{width: 48px;}
  .m_header .logo img{width: 100%;}
  .m_header .right{display: flex;align-items: center;}
  .m_header .btn{display: block;width: 32px;}
  .m_header .btn{margin-right: 0;cursor: pointer;}
  .m_header .btn.hide{opacity: 0;}
  .m_header .btn div{display: block;width: 22px;height: 1px;background-color: #333;border-radius: 1px;transition: all 0.3s;}
  .m_header .btn div:nth-child(1){transform: translate(0,-8px);}
  .m_header .btn div:nth-child(2){transform: translate(12px,0);width: 12px;}
  .m_header .btn div:nth-child(3){transform: translate(0px,8px);}
  .m_header .btn:hover div:nth-child(1){transform: translate(0,-8px);}
  .m_header .btn:hover div:nth-child(2){transform: translate(0,0);width: 22px;}
  .m_header .btn:hover div:nth-child(3){transform: translate(0,8px);}
  .m_header{display: flex!important;display: flex;justify-content: space-between;align-items: center}
  
  .mh_nav{display: block!important;}
  .mh_nav{position: fixed;top: 0;left: 10%;width: 90%;transform: translateX(120%);z-index: 999;background-color: #fff;height: 100vh;overflow: auto;padding: 50px 15px;transition: all 0.5s;box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
  .mh_nav.show{transform: translateX(0);}
  .mh_nav .close{position: absolute;top: 20px;right: 20px;width: 20px;height: 20px;}
  .mh_nav .nav>li{border-bottom: 1px solid rgba(0,0,0,0.1);position: relative;padding-right: 40px;}
  .mh_nav .nav>li>a{line-height: 60px;font-size: 16px;display: block;font-family:hm;width: fit-content;}
  .mh_nav .nav>li:after{content: "";position: absolute;right: 2px;top:24px;transition: all 0.5s; width: 12px;height: 12px;background: url(../images/svg/hx_add.svg)no-repeat center;background-size:auto 100%;transform: rotate(-90deg);}
  .mh_nav .nav>li.on:after{transform: rotate(0deg);}
  .mh_nav .nav>li:nth-child(2):after,
  .mh_nav .nav>li:nth-child(3):after,
  .mh_nav .nav>li:nth-child(4):after,
  .mh_nav .nav>li:nth-child(5):after,
  .mh_nav .nav>li:nth-child(6):after{display: none;}
  .mh_nav .nav>li .nav1{padding: 15px 0;line-height: 24px; display: none;font-size: 14px;font-family:hm;}
  .mh_nav .nav>li .nav1 .h{font-family: 'hb';font-weight:600;font-size: 14px;color: #1f1f1f;margin-bottom:8px;}
  .mh_nav .nav>li .nav1 a{padding:6px 0;}
  .mh_nav .nav>li .nav2{font-size: 13px;padding-left:16px;font-family:hr;}
  .mh_nav .nav>li .nav2 a{font-size: 13px;padding: 0;}
  .footer:after{display: none;}
  
  .mh_nav .hbbtn{display: flex;gap: 20px;margin-top: 30px;}
  
  .mh_nav .hbbtn a{width: 26px;}

  .pcbox{display: none;}

  .phbox{display: block;}


  /* ph端 */
  .w1660{padding-left: 16px;padding-right: 16px;}

  .banner{height: fit-content;}

  .banner .imgbox{height: calc(100vw * (360 / 375));position: relative;}

  .banner .imgbox::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(270deg, rgba(30, 1, 2, 0.00) 0%, rgba(30, 1, 2, 0.55) 62.76%, rgba(30, 1, 2, 0.57) 100%);}

  .banner .txtbox{top: 106px;height: auto;width: 100%;}

  .banner .txtbox .w1660{width: 100%;}

  .banner .txtbox .t2{width: auto;font-size: 13px;margin-top: 16px;}

  .banner .txtbox .t1{font-size: 24px;width: auto;}

  .indexLayout .banner .fishbtn{margin-top: 30px;width: 144px;height: 34px;}

  .in1{padding: 50px 25px;}

  .in1 .txt{font-size: 20px;}

  .in2 .item{position: relative;flex-wrap: wrap;}

  .in2 .item .imgbox{width: 100%;height: calc(100vw * (200 / 375));min-height: auto;height: calc(100vw * (375 / 375));}

  .in2 .item .imgbox img{object-fit: cover;max-width: 100%;max-height: 100%;height: 100%;}

  .in2 .item .txtbox{width: 100%;margin: 20px 0;padding: 30px 45px 30px 32px;}

  .in2 .item .txtbox .t1{font-size: 15px;}

  .in2 .item .txtbox .t1 br{display: none;}

  .in2 .item .txtbox .img{width: 141px;margin: 14px auto 4px;}

  .in2 .item .txtbox .img .pic{padding-bottom: 0;}

  .in2 .item .txtbox .img .pic img{height: 137px;}

  .in2 .item .txtbox .t2{font-size: 13px;}

  .indexLayout .fishbtn{margin-top: 30px;}

  .fishbtn{width: 144px;height: 34px;border-radius: 34px;}

  .fishbtn .fbt_txt{font-size: 13px;}

  .in3{padding: 50px 0 40px;}

  .in3 .ul{margin-top: 26px;gap: 16px 11px;}

  .in3 .ul .li{width: calc(50% - 5.5px);}

  .in3 .imgbox{border-radius: 8px;}

  .in3 .imgbox img{height: calc((100vw - 43px) / 2 * (198 / 166));}

  .in3 .txtbox{padding: 9px 4px 9px 3px;left: 8px;bottom: 8px;width: calc(100% - 16px);border-radius: 8px;min-height: auto;font-size: 15px;text-align: center;}

  .in4{padding: 40px 0 50px;}

  .in4::before{top: 0;width: 100%;height: calc(100vw * (190 / 375));border-radius: 0 0 16px 16px;}

  .in4 .w1660{flex-wrap: wrap;}

  .in4 .imgbox{border-radius: 8px;width: 100%;height: calc((100vw - 32px) * (220 / 343));}

  .in4 .imgbox img{height: 100%;}

  .in4 .txtbox{width: 100%;margin-top: 30px;}

  .in4 .txtbox .t1{text-align: center;padding: 0 28px;font-size: 20px;}

  .in4 .txtbox .t2{font-size: 13px;margin-top: 20px;text-align: center;}

  .in4 .txtbox .fishbtn{margin: 40px auto 0;}

  .in4 .ul{gap: 0;}

  .in4 .ul::before{display: none;}

  .in4 .ul .li{width: 50%;padding: 34px 0 0;border-top: 1px solid #BABABA;margin-top: 34px;}

  .in4 .ul .li:first-child,
  .in4 .ul .li:nth-child(2){padding-top: 0;border-top: none;margin-top: 0;}

  .in4 .ul .li:nth-child(2n - 1){padding-right: 5.5px;}

  .in4 .ul .li:nth-child(2n){padding-left: 5.5px;}

  .in5{background: #F8F0E7;padding: 40px 0 35px;}

  .in5 .tit{max-width: 100%;padding: 0 28px;font-size: 20px;}

  .in5 .ul{margin-top: 35px;gap: 20px;}

  .in5 .ul .li{width: 100%;}

  .in5 .imgbox{border-radius: 8px;}

  .in5 .imgbox img{height: calc((100vw - 32px) * (287 / 343));}

  .in5 .txtbox{left: 16px;bottom: 16px;width: calc(100% - 32px);padding: 16px;border-radius: 8px;}

  .in5 .txtbox{display: block;}

  .in5 .txtbox .tt1{font-size: 15px;}

  .in5 .txtbox .tt2{font-size: 13px;margin-top: 16px;}

  .in6{padding: 55px 0 40px;}

  .in6 .tit{font-size: 20px;}

  .in6 .fishbtn{margin-top: 30px;}

  .in6 .con .picbox{display: none;}

  .in6 .con .swiper .imgbox{width: 107px;}

  .in6 .con .swiper .imgbox img{width: 107px;height: 107px;}

  .in6 .con .swpbtn2 a.prev{left: 40px;top: 37px;right: auto;}

  .in6 .con .swpbtn2 a.next{right: 40px;top: 37px;left: auto;}

  .in6 .con .swpbtn2 a{width: 34px;height: 34px;}

  .in6 .con .top .t1{font-size: 15px;line-height: 1.6;margin: 30px auto 0;}

  .in6 .con .top .t2{margin-top: 16px;gap: 7px;font-size: 13px;}

  .in6 .con .top .t2 img{width: 10px;}

  .in6 .con .bot{padding-top: 40px;margin-top: 40px;}

  .in6 .con .bot .txt{max-width: 100%;text-align: center;margin: 40px auto 0;width: 100%;}

  .in6 .con .bot .txt a{top: auto;bottom: calc(100% + 8px);right: 6px;font-size: 13px;padding: 6px 18px;}

  .in6 .con .bot .txt a s{left: 9.5px;width: 15px;bottom: -13px;height: 15px;}

  .in6 .con .bot .txt a s::before{border-top: 15 solid #F8F0E7;border-right: 15 solid transparent;}

  .mg70{margin-top: 40px;}

  .footer{border-top: none;}

  .footer .ftp{width: calc(100% - 32px);margin: 0 auto;border-top: 1px solid #BABABA;padding: 40px 0;}

  .footer .ftp .w1820{padding: 0;flex-wrap: wrap;}

  .footer .ftp .left{width: 100%;gap: 11px;align-items: flex-start;}

  .footer .ftp .left .ico{width: 80px;}

  .footer .ftp .left .txt{flex: 1;}

  .footer .ftp .left .txt .t2{font-size: 18px;margin-top: 8px;}

  .footer .ftp .right{margin-top: 30px;width: 100%;}

  .footer .ftp .right ul{font-size: 13px;justify-content: center;line-height: 15px;gap: 20px 26px;}

  .footer .ftp .right ul .li{padding: 0 10px 0 0;}

  .footer .ftp .right .links{justify-content: center;margin-top: 30px;gap: 24px;}

  .footer .ftp .right .links a{width: 34px;}

  .footer .fbt{padding: 30px 65px;flex-wrap: wrap;font-size: 13px;line-height: 1.6;}

  .footer .fbt .w1820{width: 100%;padding: 0;flex-wrap: wrap;}

  .footer .fbt .w1820 .left{width: 100%;text-align: center;}

  .footer .fbt .w1820 .right{width: 100%;text-align: center;margin-top: 16px;}

  .inner_banner .imgbox{height: calc(100vw * (360 / 375));}

  .inner_banner .imgbox img{height: 100%;object-fit: cover;}

  .aboutLayout{padding: 50px 0;}

  .mg80{margin-top: 40px;}

  .ab1 .line{padding: 40px 0;}

  .ab1 .pic{border-radius: 8px;}

  .pd120_130{padding: 40px 0;}

  .mg150{margin-top: 40px;}

  .ab2 .ul{margin-top: 35px;gap: 20px;flex-wrap: wrap;}

  .ab2 .ul .li{width: 100%;}

  .ab2 .imgbox{border-radius: 8px;}

  .ab2 .imgbox img{height: calc((100vw - 32px) * (287 / 343));}

  .ab2 .txtbox{left: 16px;bottom: 16px;width: calc(100% - 32px);padding: 16px;border-radius: 8px;}

  .ab2 .txtbox{display: block;}

  .ab2 .txtbox .tt1{font-size: 15px;}

  .ab2 .txtbox .tt2{font-size: 13px;margin-top: 16px;}

  .mg60{margin-top: 30px;}

  .mg70{margin-top: 40px;}

  .mg80{margin-top: 40px;}

  .mg100{margin-top: 40px;}

  .mg120{margin-top: 40px;}

  .mg150{margin-top: 40px;}

  .mg160{margin-top: 40px;}

  .pd100_120{padding-top: 50px;padding-bottom: 50px;}

  .pd100_130{padding-top: 50px;padding-bottom: 50px;}

  .pd120_120{padding-top: 50px;padding-bottom: 50px;}

  .pd120_130{padding-top: 50px;padding-bottom: 50px;}

  .ab4 .ul{flex-wrap: wrap;gap: 20px;}

  .ab4 .ul .li{width: 100%;}
  
  .ab4 .lbox{padding: 20px 0;}

  .ab4 .lbox .t1,
  .ab4 .lbox .t2{margin-top: 10px;}

  .ab5{padding: 50px 0;}

  .ab5 .w1660{flex-wrap: wrap;}

  .ab5 .w1660 .left{padding-top: 0;width: 100%;}

  .ab5 .left .ico{margin: 40px auto;}

  .ab5 .right{width: 100%;}

  .ab6 .imgbox{height: 70vw;}

  .ab6 .imgbox img{height: 100%;object-fit: cover;}

  .ab6 .txtbox{padding-top: 40px;}

  .prod_banner .list .li .img img{height: 100%;}

  .prod_banner .list .more{width: 35px;height: 35px;}

  .prod_banner .list .more span{width: 30px;height: 30px;}

  .prod_banner .list .price{top: auto;bottom: 100%;left: 50%;transform: translateX(-50%) translateY(-40px);}

  .prod_banner .list .li.on .price{transform: translateX(-50%) translateY(-15px);}

  .prod_banner .list{width: calc(100% - 64px);}

  .best2 .prod_list{flex-wrap: wrap;gap: 11px;}

  .best2 .prod_list .prod_li{width: calc(50% - 5.5px);}

  .prod_list .ss .imgbox{border-radius: 8px;}

  .login_con{flex-wrap: wrap;}

  .login_con .left{width: 100%;}

  .login_con .right{width: 100%;padding: 40px 16px;}

  .login_con .left img{min-height: auto;}

  .login_con .left{height: 80vw;}

  .lox4 .submit{margin-top: 30px;}

  .faqLayout{padding: 50px 0;}

  .faq1 .left{width: 100%;}

  .faq1 .left a{margin-top: 20px;}

  .faq1 .right{width: 100%;margin-top: 40px;}

  .contact .formbox .item{width: 100%;}

  .contact .item.upload{position: relative;}

  .contact .item.upload .det{flex-wrap: wrap;}

  .contact .item .det textarea{height: 3rem;}

  .lox3 .submit{margin-top: 40px;}

  .header_place{height: 74px;}

  .personalLayout{padding: 40px 0 0;}

  .pmbox{padding-bottom: 50px;margin-top: 40px;}

  .pmbox .con{flex-wrap: wrap;}

  .pmbox .con .lf{width: 100%;padding-right: 0;border-bottom: 1px solid rgba(75, 57, 30, 0.40);padding-bottom: 40px;margin-bottom: 40px;}

  .pmbox .con .rf{width: 100%;}

  .pmbox .con .lf::before{display: none;}

  .popbox .pox{padding: 40px 20px;border-radius: 16px;}

  .popbox .form .item input[type=text]{padding: 0 0.23rem;}

  .popbox .form .item.w33{width: 100%;}

  .pntop .w1660{gap: 40px;}

  .pntop .left{width: 100%;}

  .pntop .right{width: 100%;}

  .pn3 .tablebox .tbd .set{display: block;width: 40%;text-align: left;}

  .pn3 .tablebox .thd{display: none;}

  .pn3 .tablebox .tbd .item{flex-wrap: wrap;gap: 20px;}

  .pn3 .tablebox .ww{display: flex;width: 100%;padding: 0;align-items: center;}

  .pn3 .tablebox .tbd .det{text-align: left;flex: 1;}

  .pn3 .tablebox .tbd .item .w5 .det{display: flex;justify-content: space-between;gap: 11px;}

  .pn3 .tablebox .tbd .item .w5 a{margin: 0;width: 100%;text-align: center;}

  .pnd2{flex-wrap: wrap;}

  .pnd2 .lf{width: 100%;}

  .pnd2 .rf{width: 100%;margin-top: 20px;}

  .pnd2 .rf .ul .li .ico{width: 35px;height: 35px;}

  .pnd3 .tablebox .thd{display: none;}

  .pnd3 .tablebox .tbd .item{flex-wrap: wrap;gap: 11px;}

  .pnd3 .tablebox .tbd .item .set{display: block;width: 30%;text-align: left;}

  .pnd3 .tablebox .tbd .item .ww{width: 100% !important;display: flex;align-items: center;padding: 0;}

  .pnd3 .tablebox .tbd .item .det{flex: 1;}

  .pn2 .tablebox .tbd .item{flex-wrap: wrap;gap: 11px;}

  .pn2 .tablebox .thd{display: none;}

  .pn2 .tablebox .tbd .item .w1 .det{flex-direction: column;justify-content: center;gap: 11px;text-align: center;}

  .pn2 .tablebox .tbd .item .w1 .det .pic{margin-left: 0;}

  .pn2 .tablebox .tbd .item .w1 .det .txt{margin-left: 0;}

  .pn2 .tablebox .tbd .item .set{display: block;width: 30%;text-align: left;}

  .pn2 .tablebox .tbd .item .ww{width: 100%;display: flex;align-items: center;padding: 0;}

  .pn2 .tablebox .tbd .item .det{flex: 1;}

  .pn2 .tablebox .tbd .item .w6 .set{display: none;}

  .pn2 .tablebox .tbd .item .w6 .det{display: flex;gap: 11px;flex-wrap: wrap;}

  .pn2 .tablebox .tbd .item .w6 a{background: var(--viTxtcolor);color: #fff;padding: 0 11px;flex-wrap: wrap;width: 50%;}

  .pn2 .tablebox .tbd .item .w1 .det .status{transform: translateX(calc((100vw - 32px) * -0.65 + 0.1rem));}

  .pnbot{padding: 40px 0;}

  .pnbot .left{width: 100%;}

  .pnbot .right{width: 100%;flex-wrap: wrap;}

  .pnbot .w1660{flex-wrap: wrap;}

  .pnbot .right .rrf{width: 100%;}

  .pnbot .right .rrf .fishbtn{width: 100%;margin-top: 20px;}

  .pn1 .list .item{width: 100%;}

  .pn1 .list{gap: 20px;}

  .pn1 .list .item .fishbtn{width: 100%;margin-top: 0;}

  .dt1 .left{width: 100%;}

  .dt1 .right{width: 100%;}

  .dt1::before{width: 100%;}

  .dt1 .left{flex-direction: column-reverse;}

  .dt1 .left .picbox{width: 100%;}

  .dt1 .left .picbox img{height: 200px;}

  .dt1 .left .swpbox{width: 100%;display: flex;align-items: center;}
  
  .dt1 .left .swpbox .swiper{height: auto;}

  .dt1 .left .swpbox a.act,
  .dt1 .left .swpbox a{display: none;}

  .dt2 .item{flex-wrap: wrap;}

  .dt2 .item .imgbox{width: 100%;margin: 0;}

  .dt2 .item .imgbox img{height: calc((100vw - 32px) * (814 / 960));}

  .dt2 .item .txtbox .t3{margin-top: 11px;}

  .dt2 .item .txtbox{width: 100%;padding: 20px 0 40px;}

  .dt2 .item:nth-child(2n) .imgbox{margin: 0;}

  .dt3{padding: 50px 0;margin-top: 0;}

  .dt3 .swiper{margin: 0;}

  .dt3 .swiper .imgbox{border-radius: 8px;}

  .dt3 .swiper .imgbox img{height: calc((100vw - 32px) * 0.96875 * 0.667 * (500 / 960));}

  .dt7 .bot .t5{flex-wrap: nowrap;}

  .prod1 .left{width: 100%;}

  .prod1 .right{width: 100%;}

  .prod1 .right .prod_list{gap: 11px;margin-top: 40px;}

  .prod1 .right .prod_list .prod_li{width: calc(50% - 5.5px);}

  .prod_list .ss .txtbox{margin-top: 0;}

  .spc2{padding: 0;}

  .shoppingLayout{padding: 40px 0 50px;}

  .spc2 .con .ctp{display: none;}

  .spc2 .con .cbt .li{flex-wrap: wrap;gap: 11px;padding: 30px 0;}

  .spc2 .cbt .set{display: block;width: 30%;}

  .spc2 .cbt .det{flex: 1;}

  .spc2 .cbt .ww{width: 100%;display: flex;align-items: center;justify-content:flex-start;padding: 0;}

  .spc2 .cbt .w1{display: block;}

  .spc2 .cbt .ww .wox{display: flex;align-items: center;}

  .spc2 .cbt .w3 .det{justify-content: center;flex: none;width: auto;}

  .spc2 .cbt .w1 .det{flex-direction: column;justify-content: flex-start;align-items: flex-start;}

  .spc2 .con2{flex-wrap: wrap;}

  .spc2 .con2 .right{width: 100%;max-width: 100%;text-align: left;margin-top: 20px;}

  .spc2 .con .cbt .li:first-child{border-top: 0.5px solid rgba(75, 57, 30, 0.2);}

  .sprLayout{padding: 50px 0;}

  .spr1 .listbox .ul{gap: 20px;}

  .spr1 .listbox .li{width: 100%;}

  .sprLayout .innerBar{margin-top: 0;}

  .usageLayout{padding: 50px 0;}

  .us1 .left{width: 100%;}

  .us1 .right{width: 100%;margin-top: 40px;order: 3;}

  .us1 .listtop .imgbox img{height: calc((100vw - 32px) * (528 / 1060));}

  .us1 .listtop .imgbox{border-radius: 8px;}

  .us1 .listbot .li{width: 100%;}

  .us1 .listbot .imgbox img{height: calc((100vw - 32px) * (420 / 500));}

  .us1 .right .ul{max-height: 300px;overflow-y: auto;}

  .f_38 {
    font-size: 20px;
  }



}
@media screen and (max-width:767px) {
  /* html {font-size:calc(100vw/7.5);} */
}
@media screen and (max-width:668px) {}